/* Background and stuff */
body {
background: url(../images/bg_main.gif);
margin: 0;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: #818181;
}
h1,h2,h3,h4,h5,ul,li,p {
padding: 0;
margin: 0;
}
a img {
border: none;
}
#bg {
background: url(../images/bg_top.gif) repeat-x top;
position: relative;
width: 100%;
}
.clear {
clear: both;
}

/*Styles */
a:link,a:visited,a:active {
color: #ffa200;
text-decoration: underline;
}
a:hover {
color: #818181;
}
.idtag {
color: #a0a0a0;
font-size: 8pt;
}
h2 {
font-size: 14pt;
font-weight: normal;
margin: 0;
padding: 0;
color: #27ace4;
}
p.legend {
font-size: 14pt;
font-weight: normal;
color: #555;
}

/* Header */
#header {
height: 77px;
padding-right: 15px;
background: url(../images/bg_top.gif) repeat-x top;
}
#logout_box {
float: right;
margin-top: 30px;
text-align: right;
line-height: 14pt;
font-size: 10pt;
}
#logout_box span {
float: left;
}
#logout_box span font {
background: #ccc;
border: 1px solid #bbb;
padding: 1px 5px;
font-size: 10pt;
}
#logout_box span b {
margin: 10px 0 0 12px;
font-weight: normal;
display: block;
}
#logout_box span a:link, #logout_box span a:visited, #logout_box span a:active {
color: #6b6b6b;
text-decoration: underline;
}
#logout_box span a:hover {
color: #333;
}

/* Main block */
#main-wrap {
margin: auto;
width: 922px;
height: 300px;
position: relative;
}
#AdminMenu {
background: #aaa;
border: 1px solid #999;
border-top: none;
font-size: 8pt;
text-transform: uppercase;
position: absolute;
right: 0;
color: #333;
padding: 3px;
}
#AdminMenu a:link, #AdminMenu a:visited, #AdminMenu a:active {
color: #fff;
margin: 5px;
text-decoration: none;
}
#AdminMenu a:hover {
color: #ddd;
}
/* Main block --> Main top */
#main-top {
height: 48px;
background: url(../images/main_top.gif) no-repeat;
position: relative;
}

/* Main block --> Main top --> Navigation */
#main-top #nav {
white-space: nowrap;
width: 476px;
position: absolute;
top: 11px;
right: 12px;
}
#main-top #nav span {
float: left;
line-height: 29px;
height: 29px;
display: block;
}
#main-top #nav span a {
display: block;
height: 100%;
}
#main-top #nav #nav_left {width: 13px;background: url(../images/nav_left.gif) no-repeat;}
#main-top #nav #nav_right {width: 13px;background: url(../images/nav_right.gif) no-repeat;float: right}
#main-top #nav #Sites {width: 48px;background: url(../images/nav_sites_sel.gif) no-repeat;}
#main-top #nav #Sites a {background: url(../images/nav_sites.gif) no-repeat;}
#main-top #nav #Sites a:hover {background: url(../images/nav_sites_hover.gif) no-repeat;}
#main-top #nav #Statistics {width: 70px;background: url(../images/nav_stats_sel.gif) no-repeat;}
#main-top #nav #Statistics a {background: url(../images/nav_stats.gif) no-repeat;}
#main-top #nav #Statistics a:hover {background: url(../images/nav_stats_hover.gif) no-repeat;}
#main-top #nav #Badword {width: 61px;background: url(../images/nav_censor_sel.gif) no-repeat;}
#main-top #nav #Badword a {width: 61px;background: url(../images/nav_censor.gif) no-repeat;}
#main-top #nav #Badword a:hover {width: 61px;background: url(../images/nav_censor_hover.gif) no-repeat;}
#main-top #nav #Localization {width: 72px;background: url(../images/nav_translate_sel.gif) no-repeat;}
#main-top #nav #Localization a {background: url(../images/nav_translate.gif) no-repeat;}
#main-top #nav #Localization a:hover {background: url(../images/nav_translate_hover.gif) no-repeat;}
#main-top #nav #Banned {width: 61px;background: url(../images/nav_banned_sel.gif) no-repeat;}
#main-top #nav #Banned a {background: url(../images/nav_banned.gif) no-repeat;}
#main-top #nav #Banned a:hover {background: url(../images/nav_banned_hover.gif) no-repeat;}
#main-top #nav #Account {width: 85px;background: url(../images/nav_pref_sel.gif) no-repeat;}
#main-top #nav #Account a {background: url(../images/nav_pref.gif) no-repeat;}
#main-top #nav #Account a:hover {background: url(../images/nav_pref_hover.gif) no-repeat;}
#main-top #nav #Errors {width: 53px;background: url(../images/nav_errors_sel.gif) no-repeat;}
#main-top #nav #Errors a {background: url(../images/nav_errors.gif) no-repeat;}
#main-top #nav #Errors a:hover {background: url(../images/nav_errors_hover.gif) no-repeat;}

/* Main block --> Main top --> Steptracker */
#steptracker {
position: absolute;
top: 13px;
left: 12px;
font-size: 10pt;
}
#steptracker li {
float: left;
height: 26px;
line-height: 26px;
background: url(../images/steptracker_bg.gif) repeat-x;
}
#steptracker li div {
margin: 0 3px;
padding-left: 20px;
}
#steptracker li div img {
position: absolute;
top: 0;
left: 7px;
}
#steptracker li div span {
margin: 0 7px;
}
/* Main block --> Main mid */
#main-mid {
padding: 0 4px;
}
#main-mid .ie_bgfix {
background: url(../images/main_bg_iefix.gif);
height: 100%;
min-height:300px;
height:auto !important;
height:300px;
padding: 8px;
}

/* Main block --> Main mid --> Content(all the additional stuff) */
.table_tab {
width: 878px;
height: 45px;
padding: 11px 10px 0 10px;
background: url(../images/table_stripes.gif) no-repeat;
position: relative;
}
.table_tab ul {
float: right;
height: 45px;
margin-right: 10px;
}
.table_tab li {
float: left;
list-style-type: none;
margin: 0 0 0 30px;
line-height: 35px;
height: 45px;
}
.table_tab li a:link, .table_tab li a:visited {
color: #777;
text-decoration: none;
}
.table_tab li a:hover {
color: #ffa200;
}
.table_tab li.current div {
float: left;
}
.table_tab li.current .table_tab_left {
height: 45px;
width: 6px;
}
.table_tab li.current .table_tab_right {
height: 45px;
width: 6px;
}
.table_tab li.current .table_tab_mid {
background: url(../images/table_tab_bg.png) repeat-x;
height: 45px;
padding: 0 5px;
}
.table_tab li.current a:link, .table_tab li.current a:visited {
color: #333;
}
.table_tab h2 {
position: absolute;
top: 10px;
left: 10px;
}
.table_top {
background: url(../images/table_top.gif) no-repeat bottom;
height: 5px;
font-size: 1px;
width: 898px;
}
.table_mid {
background: url(../images/table_bg.gif) repeat-y;
width: 858px;
padding: 20px;
}
.table_bottom {
background: url(../images/table_bottom.gif) no-repeat;
height: 5px;
width: 898px;
}
.form {
margin-bottom: 10px;
font-size: 10pt;
}
.form input {
background: #fff url(../images/form_shadow.gif) repeat-x top;
border: 1px solid #aaa;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
padding: 3px;
}
.form td {
padding: 3px;
}
.table_tl {
background: url(../images/table_tl.gif) no-repeat top left;
}
.table_tr {
background: url(../images/table_tr.gif) no-repeat top right;
}
.table_bl {
background:  url(../images/table_bl.gif) no-repeat bottom left;
}
.table_br {
background: url(../images/table_br.gif) no-repeat bottom right;
padding: 0 5px;
}
.table_left {
background: url(../images/table_left.gif) repeat-y left;
}
.table_right {
background: url(../images/table_right.gif) repeat-y right;
}
.lister .odd td {
border-bottom: 1px solid #bdbdbd;
background: #fff;
padding: 3px;
}
.lister .even td {
border-bottom: 1px solid #bdbdbd;
background: #fff;
padding: 3px;
}
.lister .table_top {
display: none;
}
.lister .table_bottom {
display: none;
}
.lister .table_mid {
background: none;
width: auto;
padding: none;
}
.lister .lister_header {
background: url(../images/table_header.gif);
vertical-align: middle;
height: 30px;
color: #5299b7;
font-weight: bold;
font-size: 8pt;
}
.lister .lister_header td {
border-bottom: 1px solid #85d1f2;
border-top: 1px solid #7dc9ea;
border-right: 1px solid #7abfdd;
padding: 0 3px;
}

/* Login Page */
#login_box {
float: left;
width: 220px;
border: 1px solid #eee;
padding: 10px 10px 0 10px;
}
#login_box .form {
font-size: 8pt;
}
#login_box h5 {
margin-bottom: 5px;
}
#login_box .form td {
vertical-align: middle;
}
#spec_box {
clear:both;
padding-top: 2em;
width: 855px;
margin: auto;
}
#spec_box div {
display: block;
float: left;
width: 240px;
font-size: 9pt;
margin: 0 17px;
text-align: justify;
}
#spec_box div img {
float: left;
width: 66px;
margin: 0 10px 5px 0;
}
#signup_box {
float: left;
margin: 20px 10px 0 50px;
width: 530px;
text-align: justify;
font-family: Trebuchet MS;
line-height: 16pt;
}
#signup_box a:link, #signup_box a:visited {
float: right;
font-family: Arial;
padding-top: 10px
}
#signup_box h3 {
line-height: 40px;
height: 40px;
background: url(../images/icon_restricted.png) no-repeat 0% 50%;
font-weight: normal;
padding-left: 30px;
color: red;
font-size: 14pt;
}

/* Main block -->Main bottom */
#main-bottom {
font-size: 8pt;
font-family: Verdana;
color: #777;
background: url(../images/main_bottom.gif) no-repeat top;
height: 50px;
padding: 10px 15px 0 0;
text-align: right;
}