@charset "utf-8";

* { margin:0; outline:0; padding:0; }
body { background:#c8c8a9; color:#94947c; cursor:default; font:normal 11px/17px Helvetica, Arial, sans-serif; overflow-x:hidden; }

a img { border:none; }
img { vertical-align:middle; }

#banner { background:#baba9c; border-bottom:1px solid #aeae92; left:0; padding:5px 0 7px; position:absolute; top:0; width:100%; }
#page { margin:5% auto; }
#sidebar { float:left; padding:0 10px 0 0; }
#main { float:right; }
#banner a { color:#878772; font-size:12px; padding:0 15px; }
#banner a:hover { color:#545447; }
#footer { width:225px; }
#footer p { padding:15px 5px; }
#footer span { color:#adad92; font-size:10px; font-style:italic; line-height:15px; }
#footer span a { color:#adad92; text-decoration:none; }
#footer span a:hover { color:#94947c; }

/* upgrade */
#upgrade { background:#efdfb0; border:1px solid #d0bc80; margin:0 auto 10px; width:100%; }
#upgrade span { color:#857545; display:block; padding:10px; }
#upgrade a { color:#83430a; }
#upgrade a:hover { color:#4b3e18; }

/* text */
#main h1, h1, h2, h3, h4, h5, h6 { color:#c93450; font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-weight:normal; }
h1 { color:#94947c; font-size:20px; line-height:25px; padding:0 10px 10px; }
h2 { font-size:15px; line-height:18px; margin:0 0 5px; }
p { padding:0 0 10px; }
a { color:#f5425a; text-decoration:none; }
a:hover { color:#a82d3e; }

/* lists */
#main ol, #main ul { padding:5px 0 15px 20px; }
#main ul.list, #main ul.buttons { list-style:none; margin:0; padding:0; }
.list span { display:block; }
.list span span { display:inline; }
.buttons li { cursor:pointer; float:left; line-height:33px; margin:0 5px 5px 0; }
.buttons li a { background:#f0eae6; border:1px solid #e0dbd7; color:#94947c; padding:8px 12px; }
.buttons li a:hover { background:#f2ece9; border:1px solid #e5e0dc; color:#adad92; }
.details { width:370px; }
.title { font-size:12px; font-weight:bold; }
.author, .version { float:left; font-size:9px; margin:0 10px 0 0; }

/* pages */
.pages { clear:both; margin:5px 0 10px; width:100%; }
.pages * { padding:5px 7px; }

/* categories */
#main ul.categories { list-style:none; padding:0; }
#main ul.categories span { display:block; padding:5px; }
#main ul.categories li { background:#f5efeb; border:1px solid #e5e0dc; cursor:pointer; margin:0 0 1px; }
#main ul.categories li:hover { background:#f0eae6; border:1px solid #e0dbd7; }
#main ul.categories li li, #main ul.categories li:hover li { background:url(images/sub.png) no-repeat; border:0; line-height:25px; margin:0 5px 5px; padding:0 10px; }
#main ul.categories li li span { padding:0; }
#main ul.categories li li li, #main ul.categories li:hover li li { background:url(images/sub-sub.png) no-repeat; line-height:20px; margin:0 0 0 -7px; padding:0 0 0 20px; }
#main ul.sub-menu .sub-menu { display:block; }

/* corners */
.curve, .curve * { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.corner { float:left; height:15px; width:15px; }
.edge { float:left; height:15px; }
.modTopLeft { background:url(images/modCorner.png); }
.modTopMid { background:url(images/modEdge.png); }
.modTopRight { background:url(images/modCorner.png) -15px 0; }
.modMid { background:url(images/modLeft.png) repeat-y; margin:15px 0 0; }
.modMidTxt { background:url(images/modRight.png) right repeat-y; float:right; }
.modTxt { margin:0 15px 0 0; }
.modBotLeft { background:url(images/modCorner.png) 0 -15px; }
.modBotMid { background:url(images/modEdge.png) 0 -15px; }
.modBotRight { background:url(images/modCorner.png) -15px -15px; }

/* forms */
input, textarea, select { background:#f9f6f4; border:1px solid #e5e0dc; color:#dca7b0; font:normal 11px/15px Helvetica, Arial, sans-serif; padding:5px 2px; width:100%; }
textarea.code { font:normal 11px/15px 'Courier New', Courier, monospace; }
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus { background:#f6f1ee; border:1px solid #e0dbd7; color:#c95d71; }
option { background:#f5efeb; margin:1px 0; padding:0 2px; }
.checkbox, .radio { background:none; border:0; padding:0; vertical-align:middle; width:auto; }
.button { color:#c95d71; cursor:pointer; margin:0 -6px 0 0; padding:5px; width:auto; }
input#temp-img { background:#f9f6f4; border:1px solid #e5e0dc; color:#c95d71; font:normal 11px/15px Helvetica, Arial, sans-serif; padding:5px 2px; width:100%; }
input#temp-img:hover { background:#f6f1ee; border:1px solid #e0dbd7; }
input#temp-img:focus { background:#f6f1ee; border:1px solid #e0dbd7; }
td { vertical-align:top; }

/* edit */
.icon { background-image:url(images/icons.png); background-repeat:no-repeat; float:left; line-height:16px; margin:5px 15px 0 0; padding:0 0 0 20px; }
.edit { background-position:0 -64px; }
.edit:hover { background-position:0 -80px; }
.view { background-position:0 -352px; }
.view:hover { background-position:0 -368px; }
.delete { background-position:0 -384px; }
.delete:hover { background-position:0 -400px; }
.refresh { background-position:0 -448px; }
.refresh:hover { background-position:0 -464px; }

/* sidebar */
.tasks ul li { line-height:16px; list-style:none; margin:1px 0; }
.tasks .div { padding:5px 0 0; }
.sub-menu { display:none; }
.current .sub-menu { display:block; }
.current .sub-menu .sub-menu { display:none; }
.current .current .sub-menu { display:block; }
.tasks a, .tasks span, .current li a, .current li span, .current .current li a,
.current .current li span, a.button { background:#f5efeb; border:1px solid #e5e0dc; color:#a8a4a2; cursor:pointer; display:block; padding:3px 5px; }
.tasks a:hover, .tasks span:hover, .tasks a:hover span, .tasks span:hover span, .current a, .current span, .current .current a,
.current .current span, .current .current .current a, .current .current .current span,
.current .current li a:hover, .current .current li span:hover, a.button:hover { background-color:#f0eae6; border:1px solid #e0dbd7; color:#8f8b89; }
.tasks a span, .tasks a:hover span, .tasks span:hover span, .tasks span span,
.current .current a span, .current .current span span { border:none; }
.tasks a:hover span, .tasks span:hover span { color:#8f8b89; }
.tasks li li a span, .tasks li li span span { background:url(images/icons.png) 0 -504px no-repeat; }
.tasks li li a:hover span, .tasks li li span:hover span, .tasks li .current a span, .tasks li .current span span { background:url(images/icons.png) 0 -522px no-repeat; }
.tasks a span, .tasks span span { background-image:url(images/icons.png); background-repeat:no-repeat; padding:0 23px; }
.tasks a span span, .tasks span span span { padding:0; }
.tasks li li { padding:0 0 0 10px; }
a.button { display:inline; margin:0 2px; padding:5px 10px; }

/* icons */
.hom span { background-position:0 0; }
.hom:hover span, .current .hom span { background-position:0 -16px; }
/* ---------- */
.lay-add span { background-position:0 -32px; }
.lay-add:hover span, .current .lay-add span { background-position:0 -48px; }
.lay-edi span { background-position:0 -64px; }
.lay-edi:hover span, .current .lay-edi span { background-position:0 -80px; }
.lay-cat span { background-position:0 -96px; }
.lay-cat:hover span, .current .lay-cat span { background-position:0 -112px; }
/* ---------- */
.gfx-add span { background-position:0 -128px; }
.gfx-add:hover span, .current .gfx-add span { background-position:0 -144px; }
.gfx-edi span { background-position:0 -160px; }
.gfx-edi:hover span, .current .gfx-edi span { background-position:0 -176px; }
.gfx-cat span { background-position:0 -192px; }
.gfx-cat:hover span, .current .gfx-cat span { background-position:0 -208px; }
/* ---------- */
.plg-edi span { background-position:0 -224px; }
.plg-edi:hover span, .current .plg-edi span { background-position:0 -240px; }
.thm-edi span { background-position:0 -416px; }
.thm-edi:hover span, .current .thm-edi span { background-position:0 -432px; }
.url-edi span { background-position:0 -256px; }
.url-edi:hover span, .current .url-edi span { background-position:0 -272px; }
/* ---------- */
.sup span { background-position:0 -288px; }
.sup:hover span, .current .sup span { background-position:0 -304px; }
.don span { background-position:0 -320px; }
.don:hover span, .current .don span { background-position:0 -336px; }
/* end icons */

/* miscellaneous */
.clear, #show-layouts { clear:both; }
.left { float:left; }
.right { float:right; }
.content .left { width:30%; }
.content .right { width:70%; }
.odd { background:#f0eae6; border:1px solid #e0dbd7; padding:8px 12px; }
.even { padding:9px 13px; }
.status { display:block; float:right; height:28px; text-indent:-9999em; width:93px; }
.off { background:url(images/on-off.png); }
.on { background:url(images/on-off.png) bottom; }
.error { background-color:#ffdf9b; border:1px solid #e5c98c; color:#565146; font:normal 11px/15px Helvetica, Arial, sans-serif; margin:0 0 5px; padding:5px; }
.info { background-color:#e5ecde; border:1px solid #ced4c7; color:#4f5746; font:normal 11px/15px Helvetica, Arial, sans-serif; margin:0 0 5px; padding:5px; }
.note { font-size:9px; font-weight:bold; }
.category { float:right; display:block; height:16px; margin:0 -20px 0 0; width:16px; }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login - Fixtatik MS v1.4</title>

<link href="/sandbox/fms-1.4/admin/template/favicon.ico" rel="shortcut icon" />
<link href="/sandbox/fms-1.4/admin/template/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/sandbox/fms-1.4/includes/css/thickbox.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css" media="screen">
#page { width:300px; }
table { width:265px; }
.modMidTxt { width:285px; }
.edge, .modTxt { width:270px; }
</style>
</head>
<body>


<div id="page">

<h1>Login</h1>


<div id="main">

<div class="clear modTop">
<div class="modTopLeft corner"></div>
<div class="modTopMid edge"></div>
<div class="modTopRight corner"></div>
</div>
<div class="modMid">
<div class="modMidTxt">
<div class="modTxt curve">


<form action="/sandbox/fms-1.4/admin/login" method="post" enctype="multipart/form-data">
<table class="curve">
<tr><td><label for="user">Username</label></td><td><input id="user" name="user" type="text" maxlength="15" value="" /></td></tr>
<tr><td><label for="pass">Password</label></td><td><input id="pass" name="pass" type="password" maxlength="16" value="" /></td></tr>
<tr>
<td><input class="checkbox" id="keep" name="keep" type="checkbox" value="1" /> <label for="keep">Remember me</label></td>

<td align="right"><input class="button" type="submit" value="Sign in" /></td>
</tr>
</table>
</form>

</div>
</div>
<div class="clear"></div>
</div>

<div class="clear modBot">
<div class="modBotLeft corner"></div>
<div class="modBotMid edge"></div>
<div class="modBotRight corner"></div>
</div>

</div>


<div id="footer">

<p>
<span class="left">&copy; 2009 <a href="http://fixtatik.com">Fixtatik Studios, LLC</a></span><br />
<span class="left"><a rel="license" href="http://creativecommons.org/licenses/GPL/2.0/">CC-GNU General Public License</a></span>
</p>
</div>

<div class="clear"></div>

</div>

<script type="text/javascript">
document.getElementById('user').focus();
</script>

</body>
</html>