/* MAIN STYLES */
* { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 13px;  font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif; }
html { background: #ddd ; }
body {color:#333;}
h1  { font-weight:bold; font-size: 17px; margin:10px 0 15px; }
h2 {font-weight:bold; font-size: 15px; margin:10px 0;}
h3 {font-weight:bold; font-size: 14px; margin:10px 0;}
a { color: #3468A8; text-decoration:none;}
a:hover, a:active {text-decoration: underline;}
a img { border: 0; }
b {font-weight:bold;}
legend { font-weight:bold; font-size: 14px;}
small {font-size:12px;}
table, fieldset, pre {background:#fcfcfc;  border:1px #aaa solid; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
table {border-collapse: collapse;}
td {border:1px #aaa solid; padding:5px; text-align:left;}
table tr:hover td { background: #fff; } 
fieldset { margin-bottom: 10px; padding: 8px; box-shadow:none;}
legend { margin: 0px 8px; color: #244977; }
pre {font: 12px "Courier New"; padding:6px; overflow-x:auto;} 
pre b {font-size: 12px;}option {color: #3468A8;}
textarea { display: block; width: 99%;  margin: 3px auto; color: #666;  font:12px "Courier New";}
input[type="checkbox"] {width:16px; height:16px;}
input[type="text"], input[type="password"], input[type="file"], select, textarea {outline:none; padding: 4px; border: 1px solid #aaa; border-radius: 3px; background: #fff; color: #3468A8; margin: 3px 1px; }
input[type="submit"], input[type="button"] { background: #3468A8; color: #fff;  font-weight: bold; cursor: pointer; margin: 3px 1px; padding:5px 15px;}
input[type="submit"]:hover, input[type="button"]:hover { background: #4478B8; }


/* structure */
#wrap { width: 950px; padding: 0 16px; margin: 0 auto; }

#head { background: #eee url('images/head.png') 0 0 repeat-x; height: 93px; position: relative; color: #e8e8e8; }
#head h1 {background: url('images/logo.png') 0 0 no-repeat; margin:0; position: absolute; height: 80px; width: 270px; left: 49px; top: 3px; text-indent: -9999999px; }

#content { background: #f8f8f8; padding: 20px; min-height:500px;}
#clear { clear: both; height: 2px; background: #1F3E64;}

#foot { height: 69px; margin-bottom: 15px; background: #eee url('images/head.png') 0 0 repeat-x; color: #d0d0d0; border-radius:0 0 5px 5px;}
#foot div { padding: 24px; }
#foot p { text-align: right; padding: 18px; }
#foot a { color: #e8e8e8; font-weight:bold;}

#head, #content, #foot {box-shadow: 0 0 20px rgba(0,0,0,0.5);}

.authorized {display:block;  text-align:right; padding:28px;}

.info, .error, .success { padding: 5px 5px 5px 26px; margin:5px auto 6px auto; max-width:910px; border-radius: 4px; }
.info {background: #FDFBEA url('images/warn.gif') left center no-repeat; border: 1px #F7C962 dotted; color: #000; }
.error {background: #FFE6E3 url('images/error.gif') left center no-repeat; border: 1px solid #B40000; color: #A20000; }
.success { background: #EAFBEA url('images/alright.gif') left center no-repeat; border: 1px solid green; color: green; }
.aright { text-align: right; }
.aleft { text-align: left; }
.acenter { text-align: center; }
.ajustify { text-align: justify; }
.clear { clear: both; }
.box {width:95px; height:60px; float:left;  font: 12px Verdana; color:#244977; text-align: center; }
.box a { display: block; padding: 3px; width: 32px; height: 32px; margin: 0 auto;}
.box a:hover, .box a:active { background: url('images/box.gif') 0 0 no-repeat; }
.box a img { text-align: center; vertical-align: middle; width: 32px; height: 32px; }

/* enter */
#enter form, #etop, #ebottom { margin: 0 auto; }
#ebottom label {padding: 0 45px;}
#etop, #ebottom { width: 474px; height: 67px; }
#etop { position: relative; background: url('images/etb.png') 0 0 no-repeat; margin-top: 10%; }
#elogo { position: absolute; width: 100px; height: 34px; bottom: 0; right: 40px; background: url('images/elogo.gif') 0 0 no-repeat; }
#elogin { padding: 8px 0 0 42px; color:#ddd; position: absolute; width: 190px; height: 26px; bottom: 0; left: 40px; background: url('icons/serverpanel.png') 0 0 no-repeat; }
#eforgot { padding: 8px 0 0 42px; color:#ddd; position: absolute; width: 190px; height: 26px; bottom: 0; left: 40px; background: url('icons/forgot.png') 0 0 no-repeat; }
#ebottom { background: url('images/etb.png') left -67px no-repeat; margin-bottom: 25px; }

#enter form { width: 414px; padding: 10px 30px 0; background: url('images/emid.png') 0 0 repeat-y; }
#enter fieldset { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border:0px;}
#enter legend { color: #fff; }
#enter label { color: #ddd;}
#enter label a { color: #bcd5dc; }
#enter input[type="text"], #enter input[type="password"] { width: 402px; font-size:15px; border: 1px solid #333; background: #ddd; }
#enter input[type="text"]:focus, #enter input[type="password"]:focus { background: #fff; }

#enter input[type="submit"] { background: #bcd5dc; color: #222; border: 1px solid #222;  cursor: pointer; margin: 3px 1px; padding:3px 15px;}
#enter input[type="submit"]:hover { background: #cce5ec; }