body { background:#180000 url(../images/bgpage.jpg) no-repeat top center; padding:20px; margin:0px; line-height:150%; color:#333;
font-size:13px; font-family:Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,sans-serif; }
body.wait * { cursor:wait; }
a { text-decoration:none; }
a:hover { color:#f00; }
.center { text-align:center; margin:auto; }
.left { text-align:justify; float:left; }
.right { text-align:right; float:right; }
span.green { color:#009900; }
span.red { color:#990000; }

/* For HTML5 incompliant browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
del { text-decoration:line-through; }

/* Header */
@font-face { font-family: logo; src: url('pirulen.ttf'); }
header { margin:auto; height:40px; }
header hgroup h1 { color:#fff; margin:0px; padding:0px; font-family:logo, Georgia, Verdana; font-size:20px; line-height:40px; }
header div { float:right; color:#fff; font-size:12px; }
header div a { color:#fff; }
header div img { vertical-align:middle; border:0px none; }

/* Nav */
nav, nav * { height:34px; line-height:34px; margin:0px; padding:0px; list-style:none; color:#fff; }
nav ul li { float:left; position:relative; }
nav ul a { display:block; padding:0 21px 0 17px; }
nav ul a:hover, nav ul a:focus, nav ul a:active, nav ul li:hover > a { background:url(../images/bgnav.gif) repeat-x; color:#fff; }
nav ul li ul { position:absolute; display:none; border:1px solid #81dafc; }
nav ul li:hover > ul { display:block; }
nav ul li ul li { background:#57c0e8; border-bottom:1px solid #81dafc; float:none; width:160px; -moz-box-shadow:3px 3px 3px #999; -webkit-box-shadow:3px 3px 3px #999; box-shadow:3px 3px 3px #999; }
nav ul li ul li a:hover { background:url(../images/menubg.gif) repeat-x; color:#fff; }

/* Layout */
section { background:#fff url(../images/bgsection.jpg) repeat-x top center; padding:0px 10px 20px 10px; margin:20px auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
h1 { color:#256C89; font-size:18px; font-weight:normal; margin:0; padding:0 0 15px; }
h2 { color:#fff; margin:0px; font-size:16px; line-height:34px; }
footer { text-align:center; color:#666; }
footer a { color:#669; }
#sidebar { margin-top:20px; float:left; }
#sidebar div.search { background:url(../images/sidebg.gif) no-repeat; display:block; width:195px; height:31px; margin-bottom:10px; padding-left:5px; }
#sidebar div.search input { border:1px solid #bdebfd; background:#92DBF8; color:#9CA5A5; margin-top:0px; width:155px; margin:5px 0; font-size:10px; height:17px; line-height:17px; }
#sidebar div.search input.typed { color:#096184; }
#sidebar div.search input.search { border:0px none; background:none; width:16px; margin:5px 8px; }
#sidebar a { background:url(../images/sidebg.gif) no-repeat 0 0; display:block; width:195px; height:31px; margin-bottom:10px; color:#fff; line-height:31px; padding-left:10px; }
#sidebar a:hover { background-position:0px -31px; }
#main { margin:25px; margin-left:225px; }

#overlay { background:#333; position:fixed; top:0; bottom:0; right:0; left:0; opacity:0.6; z-index:50; display:none; }
#popup { background:#fff; position:fixed; top:50%; left:50%; z-index:55; display:none; }
#popcontent h2 { background:#495667; height:18px; line-height:18px; font-size:13px; font-weight:bold; color:#fff; }

table { border-collapse:collapse; width:100%; }
table.tabbed th { color:#256C89; padding:5px; font-size:13px; text-align:left; border-bottom:2px solid #256C89; padding-top:20px; }
table.home th { background:#60c8f2; color:#003399; padding:5px; font-size:13px; text-align:left; }
table.home th:first-child { background:#60c8f2 url(../images/thleft.jpg) no-repeat top left; width:25px; padding-left:15px; }
table.home th:last-child { background:#60c8f2 url(../images/thright.jpg) no-repeat top right; }
table tbody td { background:#ecf8fd; color:#666699; padding:5px; border-top:1px solid #fff; cursor:pointer; }
table tbody td:first-child { padding-left:15px; }
table tbody td.active { background-image:url(../images/right.gif); background-repeat:no-repeat; background-position:left center; padding-left:20px; }
table tbody td.warn { background-image:url(../images/warn.gif); background-repeat:no-repeat; background-position:left center; padding-left:20px; }
table tbody td.dead { background-image:url(../images/dead.png); background-repeat:no-repeat; background-position:left center; padding-left:20px; }
table tbody tr:hover td { background-color:#d2e7f0; }
table tbody tr.selected td { background-color:#94FFDF; }

#pager { text-align:center; padding-top:15px; }
#pager a { border:1px solid #52BFEA; color:#52BFEA; padding:2px 5px; margin:0px 1px; }
#pager a:hover, #pager a.active { border:1px solid #52BFEA; background:#52BFEA; color:#fff; }

#tabbed div.nav { border-bottom:2px solid #60c8f2; line-height:25px; }
#tabbed div.nav a { border:2px solid #60c8f2; border-bottom:0px none; padding:5px 15px; margin:0px 5px; font-weight:bold; color:#000; outline:none; border-top-right-radius:5px; border-top-left-radius:5px; }
#tabbed div.nav a.active { background:#60c8f2; }
#tabbed div.content { border:3px solid #60c8f2; border-top:0px none; padding:10px; }

/* Forms */
fieldset { margin:10px; background-color:#fff; border:1px solid #ccc; padding-top:20px; padding-bottom:20px; }
label { width:200px; display:block; float:left; text-align:right; padding-right:10px; margin-top:10px; }
label.doms { width:50px; margin-top:5px; text-align:left; }
input, select { vertical-align:middle; margin-top:10px; border:1px solid #66f; outline:none; }
input { width:200px; }
input:focus, select:focus { border:1px solid #f00; }
button { background:url(../images/bgbutton.gif) repeat-x; height:28px; line-height:28px; border:0px none; color:#fff; font-weight:bold; padding:0 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; }
button:hover { background-position:0 100%; }
button.green { background-image:url(../images/btngreen.gif); }