body{background-color:#020202; background-image:url(/gfx/tpl/bg_body.png); background-repeat:repeat-x;}
body,div,input,select,option,textarea,p{font-family:Verdana; font-size:11px;}
input,textarea{padding:4px; border:1px solid #999; margin-right:10px}
option{height:18px; line-height:18px}
input:hover,textarea:hover{border-color:#8A9EB3}
fieldset{margin:0; padding:10px; position:relative; top:-2px; border:1px dotted #ccc; border-bottom:0;}
fieldset div.info{display:none; width:400px; position:absolute; left:170px; top:30px; z-index:100; background:#DCE7F1; border:1px solid #666; padding:5px; line-height:14px; font-size:9px; color:#666}
fieldset div.info_visible{width:400px; background:#DCE7F1; border:1px solid #666; padding:5px; line-height:14px; font-size:9px; color:#666; margin-top:10px}
fieldset:hover div.info{display:block}
input.error{border:1px solid #900;}
input.ok{border:1px solid #060; }
#left fieldset{border:0}

.clear{clear:left}
a{color:#666; font-weight:bold; text-decoration:none;}
a:hover{color:#036; font-weight:bold; text-decoration:underline;}

#page{width:922px; margin:auto; margin-top:0}
#top{color:#fff; font-size:11px; height:100px; position:relative}
#logo{position:absolute; left:30px; top:35px;}
img{border:0}
#content{padding:10px 10px 50px 10px; background-color:#fff; font-size:11px; color:#333; display:block; line-height:20px;}
label{width:140px; float:left;}

#left{float:left; width:210px; margin-right:12px;}
#right{float:left; width:680px;}
#left div.box{position:relative; border:1px solid #999; padding:0 10px 20px 10px; margin-top:20px}
#left div.box h5{color:#FC0; position:relative; left:-10px; background:url(/gfx/tpl/bg_li.png); font-weight:normal; border-bottom:1px solid #999; height:25px; line-height:25px; margin:0; padding:0; padding-left:10px; font-size:11px; width:198px;}
#left div.box a.more{position:absolute; bottom:10px; right:10px; height:15px; line-height:15px; font-size:10px; background:#fff; color:#999; border:1px solid #ccc;  padding:0 5px 0 5px;}
#left div.box a.more:hover{color:#900}
#left div.box ul{margin:0 0 0 10px; padding:0;}
div.success{color:#090; background:#CBF3AF; border:1px solid #090}
div.error{color:#C00; background:#FAC7B8; border:1px solid #c00}

div.ibox{position:relative; font:11px Arial; background:url(/gfx/bg_ibox.png) repeat-x top #fff; padding:5px; margin-bottom:10px;}
div.ibox em{height:5px; width:5px; position:absolute; background-repeat:no-repeat}
div.ibox em.bl{left:-1px; bottom:-1px; background-position:bottom left}
div.ibox em.br{right:-1px; bottom:-1px; background-position:bottom right}
div.ibox em.tl{left:-1px; top:-1px; background-position:top left}
div.ibox em.tr{right:-1px; top:-1px; background-position:top right}

div#alert{position:relative; font:12px Arial; font-weight:bold; padding:10px; margin:10px 10px 20px 10px}
div#alert.success{border:1px solid #060; color:#060; background:#CEF4B5}
div#alert.error{border:1px solid #900; color:#900; background:#FCD1D1}

ul#menu{text-align:center; height:38px; border:1px solid #666; margin:0; list-style:none; padding:0 30px 0 50px; background:#333 url(/gfx/tpl/bg_menu.png) repeat-x; border:1px solid #404040; border-bottom:0; text-align:center;}
ul#menu li{float:left; margin-right:10px; padding-right:10px; background:url(/gfx/tpl/menu_spacer.gif) top right no-repeat;}
ul#menu li.last{background:none; margin-right:0;}

h4{position:relative; width:100%; line-height:30px; font-size:11px; display:block; margin:0; padding:0; margin-top:20px; color:#C30; border-bottom:1px dotted #ccc;  font-weight:bold; margin-bottom:10px; padding-bottom:0px; }
h4 img{margin-right:5px; position:relative; top:10px;}
h5{position:relative; width:100%; line-height:24px; font-size:10px; display:block; margin:0; padding:0; margin-top:20px; color:#09c; border-bottom:1px dotted #ccc;  font-weight:bold; margin-bottom:10px; padding-bottom:0px; }
h5 img{margin-right:5px; position:relative; top:10px;}


h3{position:relative; font-weight:bold; font:20px "Arial"; text-align:right; color:#c00;border-bottom:1px dotted #ccc;}
h3 div{position:absolute; font-weight:bold; right:1px; top:-1px; text-align:right; font:20px "Arial"; color:#f00 }

h4 span{position:absolute; right:10px;}

span.red{color:#F00; font-weight:bold}
span.gray{color:#999; font-weight:bold}
span.green{color:#090; font-weight:bold}
span.orange{color:#F60; font-weight:bold}


ul.nav{list-style:none; float:left; width:400px; margin:20px 0 20px 0; padding:0}
ul.nav li{font-size:10px; height:20px; line-height:20px; font-weight:bold; text-align:center; min-width:20px; margin-right:3px; float:left}
ul.nav li.pa a{color:#666}
ul.nav li.pa a img{opacity:0.7;filter:alpha(opacity=100);}
ul.nav li.pa:hover a img{opacity:1;filter:alpha(opacity=100);}

ul.nav li.pa:hover a{color:#f9f9f9}
ul.nav li.pi{border:none; opacity:0.2;filter:alpha(opacity=20);}
ul.nav li.pc,ul.nav li.pa:hover{color:#000;}
ul.nav li.pc{color:#06C}
ul.nav li.pa:hover a{color:#000}
ul.nav li a{font-size:10px; display:block; text-decoration:none;}
div.jump{margin:20px 0 20px 0; float:right; width:140px}

a.btn{font-size:10px; text-decoration:none; font-weight:bold; position:relative; color:#fff; text-align:center; padding:6px 14px 7px 14px; background:url(/gfx/tpl/bg_btn.png) no-repeat top right}

a.btn em{position:absolute; top:0; left:0; width:15px; height:25px; background:url(/gfx/tpl/bg_btn.png) no-repeat top left}
a.btn:hover{background:url(/gfx/tpl/bg_btn.png) no-repeat bottom right}
a.btn:hover em{background:url(/gfx/tpl/bg_btn.png) no-repeat bottom left}

ul.stats{margin:0; padding:0; list-style:none}
ul.stats li{padding-left:10px; height:28px; line-height:28px; background:url(/gfx/tpl/li_arrow.gif) no-repeat 2px 12px;}
ul.stats li:hover{background:url(/gfx/tpl/li_arrow_over.gif) no-repeat 2px 12px #f9f9f9;}
ul.stats li{position:relative;}
ul.stats li span.data{position:absolute; left:250px}
div.half{float:left; width:410px; height:80px;}
div.half_full{float:left; width:410px;}


table.tb{margin-top:20px; width:100%; border:1px solid #ccc; border-top:0; border-left:0}
table.tb tr td{padding:5px; border:1px solid #ccc; border-bottom:0; border-right:0;}
table.tb tr:hover td{background:#f4f4f4;}
table.tb tr.header td{background:url(/gfx/tpl/bg_li.png); height:25px; line-height:25px; padding:0; padding-left:10px; font-weight:bold; color:#CCC; border-left-color:#ccc}

#footer{text-align:center; color:#f00; padding-bottom:10px;}
#footer a{font-size:11px; color:#fff; text-decoration:none;}
#footer img{padding-left:10px; padding-right:10px;}
#footer a:hover{color:#f00; text-decoration:underline;}
p#copyright{font-size:10px;}


ul.switch{list-style:none; margin:0; padding:0; height:40px; line-height:40px}

ul.switch li{padding:0 10px 0 10px; position:relative; z-index:40;  text-align:center; float:left; height:40px; line-height:40px;}
ul.switch li img{position:relative; margin-right:10px; top:6px;}
ul.switch li.on{background:#fff; border:1px solid #ccc; border-bottom:0;}
ul.switch li a{text-decoration:none; font-weight:bold; color:#999}
ul.switch li:hover a{color:#555}
ul.switch li.on a{text-decoration:none; font-weight:bold; color:#900}
.shown{padding:10px; position:relative; z-index:20; top:0px; display:block; border:1px solid #ccc}
.hidden{display:none}