/* --------------------------------------------------------------------------------------------------------------------------------------------------
RESET & HTML ELEMENTS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, legend, li, ol, p, pre, td, th, ul {margin:0; padding:0; border:0; vertical-align:baseline;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;}
body {background:url("../images/bg.png") 0 0 repeat-x; font:0.8em/1.6 sans-serif;}
a {text-decoration:none;}
h1 {font-size:300%; line-height:1;}
h2 {font-size:200%;}
h3 {font-size:160%;}
h4, h5, h6 {font-size:120%;}
form ul {list-style:none;}
form li {display:block; padding-bottom:7px;}
form li label {display:block; padding-bottom:3px;}
input, select, textarea {font-size:100%; font-family:sans-serif; padding: 5px;}
table.table {border-collapse:collapse; border-spacing:0;}
table.table th, table.table td {padding:7px 10px;}
table.table th {font-weight:bold;}
ul.ul {margin-left:20px; list-style:none;}
ul.ul li {padding-left:15px; background:url("../images/ul.gif") 0 5px no-repeat;}
ul.ul ul {margin:0 0 0 20px; list-style:none;}
img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}


table {border-left: 1px solid #c6d5e1; border-top: 1px solid #c6d5e1; border-bottom: none; margin: 0 auto 15px;}
th, .headrow {background: url(../images/header-bg.gif); text-align: center; color: #cfdce7; border: 1px solid #fff; border-right: none; font-size: 14px; padding: 6px 8px 8px;}
th a, .headrow a {color: Yellow;}
td {padding: 4px 6px 6px; border-bottom: 1px solid #c6d5e1; border-right: 1px solid #c6d5e1; text-align: center;}
.evenrow td{ background: #fff;}
.oddrow td{ background: #ecf2f6;}
.evenrow:hover { background: #ecf2f6;}
.oddrow:hover { background: #dce6ee;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------- */
html{width:100%; height:100%; margin:0px; padding:0px;}
body{width:100%; height:100%; margin:0px; padding:0px;}
#langchange {position: absolute; right: 20px; top: 0px; font-weight: bold;}
#langchange a {color: White; text-decoration: underline;}
#langchange a:hover {color: Yellow;}
#main {width:960px; margin: auto; padding-bottom: 68px; height: auto; min-height: 100%;}
#header {position:relative; height:160px; padding: 0px; }
#header a {border:0;}
#header #logo {position:relative; margin: 0px;}
#header #login {color: white; text-align: left; padding: 20px;}

#header #nav {position:relative; margin: 0px; margin-top: -30px; text-align: center; padding: 0px;}
#header #nav ul { list-style-type:none; text-align: center;}
#header #nav ul li { float:left; position: relative; display: inline; cursor: pointer;}
#header #nav ul li a {float: left; margin-left:7px; padding-left:17px; background:url("../images/nav-l.png") 0 -35px no-repeat; text-decoration:none;}
#header #nav ul li a span {float:left; padding-right:17px; background:url("../images/nav-r.png") 100% -35px no-repeat; line-height:35px;}
#header #nav ul li a:hover {background-position:0 -70px;} 
#header #nav ul li a:hover span {background-position:100% -70px;} 
#header #nav ul li a:active {background-position:0 0; font-weight:bold;}
#header #nav ul li a:active span {background-position:100% 0;}

#header #nav ul li ul {display: none;}
#header #nav ul li:hover ul {display: block; position: absolute; min-width:190px; left:0; top: 25px;}	
#header #nav ul li:hover ul li {padding: 0px;}
#header #nav ul li:hover ul li a {padding: 10px; display:block; background:#fffdbc; background-image: none; color:#000; width: 110px; text-align: center; border: 1px solid red;}
#header #nav ul li:hover ul li a:hover { background:#6dc7ec; color:#000; }

#section {overflow:hidden; margin:0 0 30px 0; padding:5px 25px 0 25px;}
#content {float:left; width:700px; overflow: hidden; text-align:justify;}
#contact {padding:15px 0;}
#contact address {margin:0; font-style:normal;}
#contact address span {margin:0 3px;}
#footer {padding:15px 0 10px 0; color: White; background-color: Black; text-align: center; width:100%; margin-top: -66px; font-size: 14px;}
#footer p {margin:0;}
#footer a {color: Yellow;}
#footer a:hover {color: #06C;}
.table { padding: 3px; } 
.tableHeader { background: #143D55; line-height: 275%; color: White; white-space: nowrap; text-align: center; font-weight: bold; } 

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: HOMEPAGE (body#hp)
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#hp #section {margin:10px 0; padding:0;}
#hp #content {float:left; width:700px; overflow:hidden; z-index: -1;}
#hp #aside {float:right; width:200px; overflow:hidden; font-size: 14px; background: #e3eaf3; border: 1px solid black; color: black; padding: 10px; height: auto; text-align: left; margin: 50px 0 0 10px;}
#welcome {position:relative; height:380px; overflow:hidden; background:url("../images/welcome.png") 0 0 no-repeat;}
#welcome #imac {position:absolute; top:30px; right:0; width:398px; height:330px; overflow:hidden; background:url("../images/imac.png") 0 0 no-repeat;}
#welcome #imac #slider {position:relative; top:13px; left:14px; width:371px; height:211px; overflow:hidden; margin:0;}
#welcome #welcome-inner {position:absolute; top:0; left:0; width:515px; padding:45px 0 0 0;}
#welcome #welcome-inner h2 {margin:0; font-size:260%; line-height:1.1; letter-spacing:-1px;}
#welcome #twitter {position:absolute; top:255px; left:0; width:515px; background:url("../images/twitter.png") 0 50% no-repeat; font-size:85%;}
#welcome #twitter ul {margin:50px 0 0 75px; list-style:none;}
.products {margin:15px 0; list-style:none;}
.products li {padding:15px 0;}
.products li.last {border:0;}
.products .products-img {float:left; width:160px; height:120px;}
.products .products-img img {width:160px; height:120px;}
.products .products-desc {float:right; width:390px;}
.products .products-desc h3 {margin:0 0 10px 0; font-size:140%;}
.products .products-desc p {margin:0;}
.articles {margin:15px 0; list-style:none;}
.articles li {padding:15px 0 15px 50px; background:url("../images/articles.png") 0 10px no-repeat;}
.articles li.last {border:0;}
.articles li h3 {margin:0; font-size:110%;}
.articles li p {margin:0;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PAGE: SUBPAGE
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.gallery li {display:block; float:left; margin-right:10px; width:168px;}
.gallery li.last {margin:0;}
.sponsors {margin:0; list-style:none; font-size:85%;}
.sponsors li {padding:10px 0;}
.sponsors li a {font-size:115%;}	

/* --------------------------------------------------------------------------------------------------------------------------------------------------
OTHERS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.box {min-height:1px; _height:1%;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.hidden {position:absolute; left:-1000em; top:auto; width:1px; height:1px; overflow:hidden;}
.noscreen {display:none;}
.smaller {font-size:85%;}
.input-text {padding:5px;}
.input-submit {padding:3px;}

.subTitle {margin:5px 2px; padding:0; font-size:20px; text-transform:capitalize; letter-spacing:-1px; font-weight:bold; color: #000; height:20px; padding: 10px; text-align: left;}
.myform {height:100%; width: 100%; margin: auto; padding: 0px;  background:#ffebeb; border:1px dotted #FFF; border: 2px solid red; overflow: auto; overflow-x: hidden;}
.myform .titlebar {width: 100%; margin: 0px; padding: 0px; background: url('../images/dialog_en.png') repeat-y; height: 37px; border-bottom: 1px solid black;-}
.myform .title {margin:5px; color:#fff; width: 590px;}
.myform .title h1{ margin:5px 2px; padding-right:5px; padding:0; font-size:20px; letter-spacing:-1px; font-weight:bold; color:#000; float:left; height:20px;}
.myform .content {text-align:left; padding: 5px; margin: 0px;}
.myform_close em{display:none;}
.myform_close {width:20px; height:20px; margin-right: 10px; display:block; float:right; clear:right; background:transparent url(../images/close_icon_double.png) 0 0 no-repeat; cursor: pointer;}
.myform_close:hover {background-position: 0 -20px;}
.caption {color: Black; white-space: nowrap; text-align: left; font-weight: bold; font-size: 14px; padding: 10px; text-decoration: underline;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.modalBackground {background-color: Black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}

.searchPrompt { background-color: White;}
.CustomValidator { position: relative; margin-top: 20px;}
.CustomValidator div { border: solid 1px Black; background-color: LemonChiffon; position: relative;}
.CustomValidator td { border: solid 1px Black; background-color: LemonChiffon;}
.CustomValidator .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0px;}
.CustomValidator .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0px;}
.CustomValidator .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0px;}
.CustomValidator .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0px;}
.CustomValidator .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0px 0px 0px; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0px;}
.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0px; margin-left: auto;}
.CustomValidator .ajax__validatorcallout_error_message_cell { font-family: Verdana; font-size: 10px; padding: 5px; border-right: none; border-left: none; width: 100%;}
.CustomValidator .ajax__validatorcallout_icon_cell { width: 20px; padding: 5px; border-right: none;}
.CustomValidator .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0px; text-align: right; border-left: none;}
.CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 10px; padding: 2px; cursor: pointer;}
.accordionHeader { border: 1px solid #2F4F4F; color: white; background-color: #2E4d7B; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer;}
.accordionHeader a { color: #FFFFFF; background: none; text-decoration: none;}
.accordionHeader a:hover { background: none; text-decoration: underline;}
.accordionHeaderSelected { border: 1px solid #2F4F4F; color: white; background-color: #5078B3; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer;}
.accordionHeaderSelected a { color: #FFFFFF; background: none; text-decoration: none;}
.accordionHeaderSelected a:hover { background: none; text-decoration: underline;}
.accordionContent { background-color: #D3DEEF; border: 1px solid #2F4F4F; border-top: none; padding: 5px; padding-top: 10px; overflow: hidden;}