/* DOCUMENT - DEFAULT STYLES */
* {margin:0px; padding:0px; border:0px;}
html,body {font-family:tahoma; font-size:11px; color:#323333; text-align: center;}
body {background-color: #f3f3f3; text-align: center;}
a {text-decoration:none; font-family:Tahoma; font-size:11px; color:#323333;}
a:hover {text-decoration:underline;}
table {border-collapse:collapse;}
input, select, textarea {border:solid 1px #A4AAB0; background-color:#ffffff; color:#323333;}
h1, h1 a {font-size:16px;}
ul, ol {margin-left: 20px; margin-top: 10px; margin-bottom: -10px;}

.clear {clear:both;}
.error, .req {color:#CC0000;}

/* HEADER */
#header {position:absolute; z-index:50; width:100%; left: 0px; height:31px; margin-top:-26px; text-align: center; }
#headerLine {height:31px; width:100%; margin:0px auto; margin-top:0px; margin-bottom: 0px; background:url("../images/bg_header_top_line.png") repeat-x; }
#headerContent {height:26px; width:960px; margin:0px auto; }
#headerLineLeft {float: left; height:26px; margin-left:6px;}
#headerLineLeft img {padding-top: 4px;}
#headerLineLeftSearch {float: left; height:26px; margin:0px auto; margin-bottom: 0px; padding-left: 70px; width:160px;}
#headerLineLeftSearch input {background-color: #f4f4f4; border: solid 1px #0D0D0D; margin-top: 2px; padding: 2px; font-size: 11px; color: #111111; vertical-align:middle;}
#headerLineLeftSearch a {vertical-align:middle; margin-top:4px; float:right;}
/* #headerLineLeftSearch img {vertical-align:middle; margin-top:2px;} */
#headerLineRight {float: right; width:96px; height:26px; margin:0px auto; margin-top:0px; margin-bottom: 0px; }
#headerLineRight a {color: #ffffff; padding-top: 5px; display: block; float: left; width: 32px; height: 21px; font-size: 12px;}
#headerLineRight a.alang {font-weight: bold; background:url("../images/bg_language.png");}

div.headerLogo {display: none;}
div.headerLogo div.headerText {display: none;}
.headerText {display: none;}
.headerSubText {display: none;}
#logo {text-align:left; padding-top:8px;}

/* BODY */
#body {width:100%; background-color: #f3f3f3; text-align: center; font-size: 11px; color: #4e4e4e; padding-top:26px;}
#bodyTopLine {display: none;}
#mainContent {width:960px; margin:0px auto; margin-top:0px; margin-bottom: 0px; padding: 0px; text-align:left;}
img.main {border: solid 1px black;}

div.navigation {margin-left: 261px; padding: 10px 0px 0px 20px; text-align: left;}
div.navigation a {font-weight: bold; text-decoration: underline; font-size: 11px;}

#tab_left {float: left; width: 261px;}
#tab_middle {margin-left: 261px;}

/* general styles */

img.spacer {width:960px; height:1px;}
div.search img.spacer {width:450px; height:1px;}

/* specific styles */
.menu {float: left; width:261px; margin:0px; padding-bottom:30px; background:url("../images/bg_menu.png") no-repeat; text-align:center;}
.menu img {margin:25px auto;}

.menu .level1 {height: 20px; background:url("../images/menu_level1_inactive.png") no-repeat; margin:10px 10px 0px 20px; padding:5px 10px 1px 30px; text-align:left;}
.menu .level1 a {color:#666666; font-size: 13px; text-transform:uppercase;}
.menu .level1 a:hover {text-decoration:none; color:#111111;}
.menu .level1active {height: 20px; background:url("../images/menu_level1_active.png") no-repeat; margin:10px 10px 0px 20px; padding:5px 10px 1px 30px; text-align:left;}
.menu .level1active a {font-weight:bold; color:#000000; text-decoration: none; font-size: 13px; text-transform:uppercase;}
.menu .level1active a:hover {text-decoration:none; }

.menu .level2 {background:url("../images/menu_level2_inactive.png") no-repeat; text-align:left; margin:6px 10px 0px 30px; padding:0px 10px 1px 20px;}
.menu .level2 a {color:#666666; text-decoration: none; font-size:11px;}
.menu .level2 a:hover {text-decoration:none; }
.menu .level2active {background:url("../images/menu_level2_inactive.png") no-repeat; text-align:left; margin:6px 10px 0px 30px; padding:0px 10px 1px 20px;}
.menu .level2active a {font-weight:bold; font-size:11px; color:#000000; text-decoration: none; }
.menu .level2active a:hover {text-decoration:none; color:#111111;}

.menu .level3 {text-align:left; margin:5px 10px 0px 65px;}
.menu .level3 a {color:#666666; text-decoration: none; font-size:11px;}
.menu .level3 a:hover {text-decoration:none; }
.menu .level3active {text-align:left; margin:5px 10px 0px 65px;}
.menu .level3active a {font-weight:bold; font-size:11px; color:#000000; text-decoration: none; }
.menu .level3active a:hover {text-decoration:none; color:#111111;}

.menu .level4 { margin-left: 75px; margin-top: 3px; text-align:left;}
.menu .level4 a {color:#666666; text-decoration: none; font-size:10px; margin:10px 10px 0px 0px; padding:4px 10px 1px 20px;}
.menu .level4 a:hover {text-decoration:none; }
.menu .level4active { margin-left: 75px; margin-top: 3px; text-align:left;}
.menu .level4active a {font-weight:bold; font-size:10px; margin:10px 10px 0px 0px; padding:4px 10px 1px 20px; color:#000000; text-decoration: none; }
.menu .level4active a:hover {text-decoration:none; color:#111111;}

.menu .level5 { margin-left: 100px; margin-top: 3px; text-align:left;}
.menu .level5 a {color:#666666; text-decoration: none; font-size:10px; margin:10px 10px 0px 0px; padding:4px 10px 1px 20px; font-style:italic;}
.menu .level5 a:hover {text-decoration:none; }
.menu .level5active { margin-left: 100px; margin-top: 3px; text-align:left;}
.menu .level5active a {font-weight:bold; font-size:10px; margin:10px 10px 0px 0px; padding:4px 10px 1px 20px; color:#000000; text-decoration: none; font-style:italic; }
.menu .level5active a:hover {text-decoration:none; color:#111111;}

div.search {padding:10px 25px;}

.highlight {font-weight:bold; color:#f78f1e;}
.url {font-style:italic; color:#aaaaaa;}
.search h3 a {text-decoration: underline;}

.htmledit { padding:10px 25px;}
.htmledit a {text-decoration:underline;}
.htmledit p {margin-bottom:10px;}
.htmledit img {margin:5px 25px;}
.htmledit td {padding:2px 0px;}
.htmledit ul, .htmledit ol {margin-left:20px; margin-top:10px;}
.htmledit ul li, .htmledit ol li {margin-bottom:5px;}

h1.box {color: #1a1a1a; height: 30px; padding: 10px 0px 0px 20px ; font-size: 24px; font-weight: bold; background:url("../images/bg_title.png") no-repeat 10px 20px;}
h2.stitle {font-size:12px;font-style:italic;letter-spacing:1px;margin-left:30px;color:#4d4d4d;}

.division {padding:10px 40px 10px 20px;}
.division .spacer {height:1px; width:468px; margin:10px 0px;}
.division .detailitem, .division .sub {margin-right:203px;}
.division .detailitem img { float: left; margin: 0px 10px 10px 0px; }
.division .sub {background:url("../images/list_bg_box.png") no-repeat; width:435px; height:140px; margin-bottom:15px;}
.division .sub h2 {color:#202020; font-size:14px; font-weight:bold; text-align:center; padding:4px 0px; margin-bottom:5px;}
.division .sub h2 a {font-size:14px;}
.division .sub h3 {font-size:11px; padding-bottom:5px;}
.division .sub img {border:solid 1px #636363; width:144px; height:95px; float:left; margin-right:10px;}
.division .sub a.detail {position:absolute; margin-top:83px; margin-left:250px; text-decoration:underline;}
.rightbox {float: right; width: 183px; border: solid 1px #cccfce; background-color: #6d7672;  color: #fff; text-align: center; margin-right:-30px; margin-left:10px; left:0px; padding:5px 0px;}
.rightbox img { margin: 10px; border:solid 1px #5b5b5b;}
.rightbox h2 {font-size:14px; margin-top:10px; margin-bottom:10px;}
.rightbox div {padding-bottom:7px;}
.rightbox div img {margin:0px; border:0px;}
.rightbox div a {color:white; text-decoration:underline;}
.rightbox div div {text-align:left; margin:7px 0px 0px 0px; padding:0px 20px;}

.project {margin-right:0px;}

#accessoryTable {width: 600px; border: solid 1px silver;}
#accessoryTable tr td.header {text-align: center; padding: 5px; background-color: Silver;}
#accessoryTable tr td.data {text-align: left; padding: 3px; width: 150px;}
#accessoryTable tr td.data img {width: 148px;}
#accessoryTable tr td.data img.icon {width: 16px; height: 16px;}

.asf {width:100%; margin-bottom:15px;}
.asf th {background-color:#848484; padding:3px; color:white;}
.asf td {padding:3px; border-bottom:solid 1px #848484;}

.grid {margin:0px 10px;}
.grid .title {font-weight:bold;}
.grid a {margin-right:18px;}

.paging {padding:10px 0px 0px 0px; width:458px; text-align:center;}
.paging .spacer {width:450px;}
.paging .links {width:185px;}
.paging .prev {float:left;}
.paging .next {float:right;}


/* FOOTER */
#footer {position: absolute; height: 18px; left: 0px; bottom: 0px; width: 100%; border-top: solid 3px #AFAFAF; background-color: #111111; margin-top: 0px; color:#A5A5A5; font-family:Tahoma; font-size:11px; padding:10px 0px 10px 0px; text-align:center;}
#footer a {color:#A5A5A5; font-family:Tahoma; font-size:11px;}
#footer .copyright {width: 960px; margin:0px auto;}

/* ********************************* SITEMAP ********************************* */
.sitemap {padding:10px 25px;}
.sitemap .level1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
.sitemap .level1 a {font-family:Verdana; font-size: 11px} 
.sitemap .level2 {margin: 0 0 0 15px; background: url("../Images/sitemap1.gif") repeat-y;  padding:6px 0 6px 12px}
.sitemap .level2 a {font-family:Verdana; font-size: 10px;padding-left:10px;}
.sitemap .level3 {margin: 0 0 0 30px; background: url("../Images/sitemap1.gif") repeat-y;  padding:6px 0 6px 12px}
.sitemap .level3 a {font-family:Verdana; font-size: 10px;padding-left:10px;}
.sitemap .level4 {margin: 0 0 0 45px; background: url("../Images/sitemap1.gif") repeat-y;  padding:6px 0 6px 12px}
.sitemap .level4 a {font-family:Verdana; font-size: 10px;padding-left:10px;}
.sitemap .level5 {margin: 0 0 0 60px; background: url("../Images/sitemap1.gif") repeat-y;  padding:6px 0 6px 12px}
.sitemap .level5 a {font-family:Verdana; font-size: 10px;padding-left:10px;}

.sitemap .end1 {padding:3px 0 0 15px; height: 18px; background: url("../Images/h3-bullet.gif") left 5px no-repeat;}
.sitemap .end1 a {font-family:Verdana; font-size: 11px} 
.sitemap .end2 {margin: 0 0 0 15px; background: url("../Images/sitemap1end.gif") repeat-y;  padding:4px 0 4px 12px}
.sitemap .end2 a {font-family:Verdana; font-size:10px; padding-left:10px;}
.sitemap .end3 {margin: 0 0 0 30px; background: url("../Images/sitemap1end.gif") repeat-y;  padding:4px 0 4px 12px}
.sitemap .end3 a {font-family:Verdana; font-size:10px; padding-left:10px;}
.sitemap .end4 {margin: 0 0 0 45px; background: url("../Images/sitemap1end.gif") repeat-y;  padding:4px 0 4px 12px}
.sitemap .end4 a {font-family:Verdana; font-size:10px; padding-left:10px;}
.sitemap .end5 {margin: 0 0 0 60px; background: url("../Images/sitemap1end.gif") repeat-y;  padding:4px 0 4px 12px}
.sitemap .end5 a {font-family:Verdana; font-size:10px; padding-left:10px;}

.submenu {padding:0px 10px 10px 10px;}
.submenu .level3 {margin-top:5px;}
/* ********************************* SITEMAP ********************************* */

.form {padding:10px 25px;}
.form table tr td { padding: 3px;}

/* EDIT */
.editContainer {position:absolute; text-align: right; width: 120px; margin-left: 550px; margin-top: 3px; padding:0px 15px; background-color:#cc0000;}
.editContainer a {font-weight:bold; color:#ffffff;}

.adminarea {position:absolute; height:23px; padding-top:4px; background-color:#000000;}
.adminarea div {float:left;}
.adminarea select {width:400px;}
.adminarea a {font-weight:bold; font-size:13px; color:#ffffff;}
.adminarea .containerAdminInfo {margin-left:20px; margin-right:20px; margin-top:3px;}
.adminmenu {position:absolute; left:0px; width:250px; z-index:100; margin:0px auto; margin-top:-24px;}

.okButton {background: url("../images/icon_search.gif") no-repeat left top; float: right; margin-left:0px; margin-top:0px; width:11px; height:18px; display:block;}