/* CSS Document */

/*
The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright 2009-2010 and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.
*/


/*###########################
#######GENERAL LAYOUT########
#############################*/

* {
	margin:0px;
	padding:0px;
}

body {
	/*behavior: url(csshover.htc);*/
	background:#0082B4 url(../images/backgrounds/body-bg.gif) fixed bottom repeat-x;
	height:100%;
}

img, div, li, ul {/*behavior: url(iepngfix.htc);*/}

#doc {
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	line-height:normal;
}

h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:130%;
	color:#0078AD;
	font-weight:normal;
	padding:0px 0px 20px 0px;
}

h1.white {
	color:#FFF;
}

h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:120%;
	color:#005586;
	font-weight:normal;
	padding:0px 0px 20px 0px;
}

h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:110%;
	color:#0078AD;
	font-weight:300;
	padding:0px 0px 10px 0px;
}

img, img a {border:0px;}

/*###########################
#######HEADER LAYOUT########
#############################*/

#headerHolder {
	width:100%;
	background:#FFF;
	padding:27px 0px 3px 0px;
}

#header {
	width:976px;
	margin:auto;
	padding:0px 10px 30px 10px;
}

.logo {
	float:left;
	clear:none;
	padding:0px 0px 0px 11px;
}

.flashHeaderHolder {
	width:100%;
	height:160px;
	background:url(../images/backgrounds/flash-bg.gif) repeat-x;
}

.flashHeaderContainer {
	width:976px;
	height:160px;
	margin:auto;
}

#flashHeader {
	width:976px;
	height:160px;
	margin:auto;
	/*background:url(../images/content/header/place-holder.jpg) no-repeat;*/
}

/*###########################
#########NAV LAYOUT##########
#############################*/

#navigation {
	float:right;
	clear:none;
	font-size:120%;
	padding:12px 12px 0px 0px;
}

#navigation li {
	float:left;
	clear:none;
	list-style:none;
	padding:0px 15px 0px 8px;
	background:url(../images/navigation/slash.gif) bottom right no-repeat;
}

#navigation li.end, #breadcrumb li.end, #footer ul li.end a, #content a.noBorder {background:none; border:none; padding-right:0px;}

#navigation a {
	color:#02A2D3;
	text-decoration:none;
}

/*###########################
#######MAIN LAYOUT########
#############################*/

#mainContent {
	width:926px;
	margin:auto;
	padding:8px 25px 20px 25px;
}

#contentHolder {
	width:926px;
	background:url(../images/backgrounds/content-blue-blue-bg.gif) repeat-y center;
	color:#FFF;
	font-size:110%;
	position:relative;
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#contentHolder.level3 {
	background:url(../images/backgrounds/content-white-blue-bg.gif) repeat-y center;
	color:#434343;
	
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
}


#contentHolder.misc {
	width:866px;
	background:#FFF;
	color:#434343;
	padding:30px 25px 30px 35px;
	font-size:90%;
		
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}


#contentHolder.misc ul.terms {padding:0px 0px 20px 20px;}
#contentHolder.misc ul.terms ul {padding:6px 0px 0px 20px;}
#contentHolder.misc ul.terms li {list-style:none;padding:0px 0px 6px 0px;}


#contentHolder.site {
	width:901px;
	background:#0092BF;
	background-image:none;
	color:#434343;
	padding:10px 25px 20px 0px;
	font-size:90%;
		
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

#h1Box.misc {
	width:891px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}


#contentHolder.level3 #content {
	font-size:85%;
}

#content {
	padding:30px 25px 30px 35px;
	position:relative;
}

#content a {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}

#contentHolder.level3 #content a, #contentHolder .misc a {
	color:#0078AD;
	border-bottom:1px dotted #6fc1e5;
	text-decoration:none;
}

#content p, #rightBox p, #contentHolder .misc p {
	padding:0px 0px 20px 0px;
	line-height:17px;
}

#content ul, #content ol {
	padding:0px 0px 20px 20px;
	list-style:disc;
	list-style-position:outside;
}

#content ul ul {
	padding:4px 0px 0px 20px;
	list-style:circle;
}

#content ol li {
	list-style:decimal;
}

#content ol.indented {
	padding:0px 0px 20px 20px;
	list-style-position:outside;
}

#content ol.indented li {
	list-style-position:outside;
	padding-bottom:10px;
}

#content li, .menuBox li, .menuBoxNoTitle li {
	padding:0px 0px 4px 0px;
}

ul.sitemap {padding:0px 0px 20px 20px;}
ul.sitemap li {padding:5px 0px 0px 0px;}
ul.sitemap ul {padding:0px 0px 0px 20px;}

.leftContent {width:696px;float:left;clear:none;}
.rightContent {width:230px;float:left;clear:none;}

#h1Box {
	padding:10px 0px 10px 35px;
	height:33px;
	width:661px;
	background:#0092bf url(../images/backgrounds/h1-box.gif) left no-repeat;
	position:relative;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:100;
	letter-spacing:1px;
	font-size:200%;
		
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
}

#h1NoBox {
	padding:10px 0px 10px 36px;
	background:#0092bf url(../images/backgrounds/h1-box.gif) left no-repeat;
	position:relative;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:100;
	letter-spacing:1px;
	font-size:180%;
		
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}

/*### breadcrumb ##*/

#breadcrumb {
	font-size:85%;
	padding:0px 0px 23px 10px;
	color:#FFF;
}

#breadcrumb li {
	float:left;
	clear:none;
	list-style:none;
	padding:4px 0px 0px 3px;
}

#breadcrumb li.home {
	background:url(../images/content/breadcrumb-home.gif) left no-repeat;
	padding-left:12px;
}

#breadcrumb a, #footer a, #loginRegisterBox a, .menuButton a, .moreNewsBox a {
	color:#FFF;
	text-decoration:none;
}

#breadcrumb a {
	padding:0px 3px 0px 0px;
}

/*### menu ##*/

.menuButton {
	background:#046597;
	position:absolute;
	padding:6px 12px 2px 12px;
	vertical-align:bottom;
	font-size:45%;
	font-weight:normal;
	width:90px;
	text-align:center;
	right:0px;
	bottom:0px;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
}

.menuHolder {
	background:#0092bf;
	width:646px;
	padding:20px 25px 20px 25px;
	border-top:1px solid #0082B4;
}

.menuHolder h2 {
	color:#FFF;
	padding:0px 0px 10px 10px;
	font-weight:100;
	letter-spacing:1px;
}

.innerMenu {
	border:none;
}

#contentHolder.level3 .menuHolder {
	background:#046597;
}

.menuBG {background:url(../images/navigation/menu-box-bg.gif) repeat-y left;}
.menuBGwide {background:url(../images/navigation/menu-box-wide-bg.gif) repeat-y left;}

#contentHolder.level3 .menuBG {
	background:url(../images/navigation/menu-box-bg-level-3.gif) repeat-y;
}

.menuBGProcessFlow {
	background:url(../images/navigation/menu-box-bg-process-flow.gif) repeat-y center;
}

.menuBox {
	width:205px;
	float:left;
	clear:none;
	font-size:120%;
	padding:0px 0px 0px 10px;
}

.wide {width:305px;}

.menuBoxNoTitle {
	width:205px;
	float:left;
	clear:none;
	font-size:120%;
	padding:35px 0px 0px 10px;
}

.wideMenu {
	width:230px !important;
}

.narrowMenu {
	width:180px;
}

.menuBox h2 {
	padding:0px 0px 10px 0px;
}

.menuBox ul, .menuBoxNoTitle ul {
	list-style:none;
	padding:0px;
	font-size:80%;
}

.menuBox a, .menuBoxNoTitle a {
	color:#23fff2;
	text-decoration:none;
	background:url(../images/navigation/menu-white-arrow.gif) right 3px no-repeat;
	padding:0px 18px 0px 0px;
	display:inline-block;
}

.menuBox a.whiteLink {
	color:#FFF;
}


/*### smartsearch ##*/

#smartSearch {
	width:200px;
	background:#005586;
	font-size:65%;
	padding:10px 15px 10px 15px;
	color:#FFF;
	border-bottom:1px solid #0078AD;
	letter-spacing:1px;
	height:33px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

#smartSearch input {
	width:170px;
	border:1px solid #00F0FF;
	float:left;
	clear:none;
	color:#999;
	padding:0px;
}

#smartSearch h2 {
	font-size:95%;
	padding:0px 0px 3px 1px;
	color:#FFF;
}

.smartsearchInput {
	height:20px;
	padding:0px 0px 2px 0px;
}


/*### login / register box ###*/

#loginRegisterBox {
	font-size:65%;
	padding:10px 15px 10px 15px;
	color:#FFF;
	border-bottom:1px solid #0078AD;
}

/*### form styles ###*/

.halfPanel {
	/*width:318px;*/
	width:636px;
}

.halfPanelContent {
	width:260px;
	padding:10px 20px 0px 20px;
	float:left;
	clear:none;
}

.halfPanelContent h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0092BF; padding:0px;}

.halfPanelHeader {
	width:270px;
	padding:6px 15px 6px 15px;
	background:#0092BF;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:100;
	letter-spacing:1px;
	font-size:160%;
		
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.halfPanelContent h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0092BF; padding:0px;}

h2.user {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0092BF; padding:0px;}

.loginHeader {
	-moz-border-radius-bottomleft:0px;	
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;	
	-webkit-border-bottom-right-radius:0px;
}

.loginPanel, .userFormPanel {
	background:#006b9b;
	width:280px;
	height:105px;
	padding:10px 10px 10px 10px;
	color:#FFF;
	/*position:relative;*/
	
	-moz-border-radius-bottomleft:4px;	
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;	
	-webkit-border-bottom-right-radius:4px;
}

.noHeight {height:auto;}

#content .loginPanel p, #content.userFormPanel p {padding:0px 0px 5px 13px;}
.loginPanel input, .userFormPanel textarea, .userFormPanel input {width:170px;}
.loginPanel textarea {width:160px;}

/*.loginPanel input.button, .userFormPanel input.button {position:absolute; z-index:1000; bottom:-10px; right:33px;}
.userFormPanel input.button {position:absolute; z-index:1000; bottom:-10px; right:33px;}*/

.loginPanel label, .userFormPanel label {width:70px; color:#FFF; padding:2px 0px 0px 0px; margin:0px 10px 0px 0px;}

.loginPanel h2 {color:#FFF; padding:5px;}
.loginPanel table {border-collapse:collapse;}
.loginPanel tr {background:none;}
.loginPanel td {padding:0px 0 2px 0; background:none;}
.loginPanel td label {padding:5px 0 5px 0; background:none;}

.userFormPanel {background:#fff; color:#000; float:left; clear:none; height:auto;}
.userFormPanel label {color:#000;}


.register {height:300px;}
*:first-child+html .register {height:335px;}
.register {_height:360px;}
.register label, .noHeight label {width:85px; font-size:85%}
.register input, .noHeight input {width:160px;}
.noHeight p {font-size:85%}
input.leftButton {margin:0;}


.registerHolder, .registerHolder td, .registerHolder tr {
	padding:0;	
	background:none;
}

.createAccount {
	padding:20px 10px 5px 10px;
	background:#0092BF;
	color:#FFF;
	text-align:center;
		
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.createAccount .button {margin:0px;}

.createAccount input {
	width:10px;
	height:10px;
	float:none;
	margin:0px 5px 0px 0px;
	vertical-align:text-top;
}

/* form elements */

label, .label {
	width:150px;
	float:left;
	clear:none;
	text-align:right;
	margin:0px 20px 0px 0px;
}

.formElementHolder {
	clear:both;
	padding:0px 0px 15px 0px;
}

.noLabel {
	padding-left:80px;
}

.width70, input.width70 {width:70px;}
.width100, input.width100 {width:120px;}

.button, input.button {
	width:100px;
	margin:20px 0px 20px 320px;
	color:#3b3b3b;
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.button2, input.button2 {
	clear:none;
	float:right;
	width:100px;
	margin:20px 20px 20px 0px;
	color:#3b3b3b;
}

input, select {
	width:250px;
	float:left;
	clear:none;
	color:#006B9B;
}

select {color:#3b3b3b; width:170px;}

textarea {
	width:250px;
	height:100px;
	float:left;
	clear:none;
	color:#006B9B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	border:1px solid #666;
}



/* img hover */

a.image span {display:none; position:relative;}
a.image:hover img {
	-moz-border-radius:5px;
	-webkit-border-radius:15px;
}
a.image:hover span {
	display:block;
	position:absolute;
	border:1px solid #CCC;
	background:#FFF;
	padding:10px;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius-bottomleft:0px;	
	-webkit-border-bottom-left-radius:0px;
	
	-webkit-box-shadow: 3px 3px 4px  rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 3px 4px  rgba(0, 0, 0, 0.4);
}

a.image:hover span.box1 {bottom:115px;left:180px;}
a.image:hover span.box2 {bottom:95px;left:260px;}
a.image:hover span.box3 {bottom:80px;left:345px;}
a.image:hover span.box4 {bottom:60px;left:510px;}




/*### contact / latest news ##*/

#rightBox {
	padding:10px 15px 10px 15px;
	color:#FFF;
	font-size:90%;
	position:relative;
}

#rightBox.user {
	padding:0px;
}

#rightBox p {
	padding:0px 0px 10px 0px;
}

#rightBox h2 {
	color:#FFF;
	font-weight:100;
	letter-spacing:1px;
	font-size:180%;
	padding:0px 0px 10px 0px;
}

#rightBox h3 {
	color:#23fff2;
}

#rightBox a {
	color:#23fff2;
	text-decoration:none;
	border-bottom:1px dotted #6fc1e5;
}

#rightBox ul.sideLinks {list-style:none; padding:0px 0px 30px 0px;}
#rightBox ul.sideLinks li {padding:0px 0px 5px 0px;}

#rightBox a.sideArrowLink {
	padding:0px 18px 0px 0px;
	background:url(../images/navigation/menu-white-arrow.gif) right 3px no-repeat;
	border-bottom:none;
}

#rightBox a.newsReadMore {
	padding:0px 0px 0px 25px;
	background:url(../images/content/news-micross-icon.gif) no-repeat left;
	border:none;
	display:block;
}

#rightBox #userMenu {}

#rightBox #userMenu li {
	background:#006B9B;
	border-bottom:1px solid #0078AD;
	list-style:none;
	_behavior: url(csshover.htc);
}

#rightBox #userMenu li:hover, #rightBox #userMenu li.On {background:#0092BF;}

#rightBox #userMenu li a {padding:15px; color:#FFF; text-decoration:none; border:none; display:block;}

#rightBox .imgLeft {margin:0px 5px 5px 0px;}
#rightBox .imgRight {margin:0px 0px 5px 5px;}

.moreNewsBox {
	background:#005586;
	padding:10px 15px 10px 15px;
	font-size:100%;
	font-weight:100;
	letter-spacing:1px;
	position:absolute;
	width:200px;
	bottom:0px;
	border-top:1px solid #0078AD;
		
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}

/*TABLE LAYOUTS*/

table {
	margin-bottom:20px;
}

table.lineCard tr {
	background:#eeeeee;
	-webkit-transition: all 0.5s;
}

table.lineCard tr:hover {
	background:#ccc;
	cursor:pointer;
}

table.smallerTable {
	font-size:90%;
}

tr {
	background:#eeeeee;
	_behavior: url(csshover.htc);
}

th {
	padding:5px 10px;
	text-align:left;
	background:#FFF;
}

td {
	padding:5px 10px;
}

.table90 {width:90%;}

.lineCard {font-size:60%;}
.lineCard th {padding:0px;}

/*Next Previous buttons*/

.nextPage {
	float:right;
}

.previousPage {
	clear:both;
	float:left;
}

/*Search styles*/

.selectSearch {
	padding-bottom:20px;
}

.selectSearch select {
	width:200px;
	margin-bottom:5px;
	clear:both;
}

.selectSearch input {
	margin:5px 0 5px 0;
	clear:both;
}

.searchCol {
	float:left;
	width:300px;
}

.newsDate {
	color:#FFF;
	background:#0078AD;
	float:right;
	font-weight:bold;
	padding:2px 5px 2px 5px;
	margin-bottom:20px;
}

.imgList {
	float:right;
	padding-left:20px;
	width:175px;
}

.imgList img {
	float:right; clear:none; margin:0px 0px 20px 0px;
}

.gridViewPager {
		
}

.chgPassword {
	margin:auto;
	width:360px;
}

.chgPassword table {
	width:100%;
}

.chgPassword, .chgPassword table {
	padding:0px;
	border-collapse:collapse;
}

.chgPassword label {
	padding-right:0px;	
	margin-right:0px;
	float:right;
}

.chgPassword td {
	padding:0px;
	background:#006b9b;
	color:#ffffff;
}

.chgPassword td td input {
	margin:0 7px 0 7px;
}

.chgPassword table td {
	padding:10px 3px 0px 3px;
}

.chgPassword table td.chgPasswordHeader {
	background:#0092BF;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:100;
	letter-spacing:1px;
	font-size:160%;
	padding:10px;
}

/*###########################
#######FOOTER LAYOUT########
#############################*/

#footer {
	text-align:center;
	color:#FFF;
	clear:both;
	width:976px;
	margin:auto;
	font-size:85%;
	padding:0px 0px 30px 0px;
}

#footer p {
	font-size:90%;
	line-height:15px;
}

#footer ul {
	padding:0px 0px 20px 10px;
	color:#FFF;
	font-size:100%;
	width:530px;
	margin:auto;
}

#footer li {
	float:left;
	clear:none;
	list-style:none;
	padding:4px 5px 0px 0px;
}

#footer li a {
	padding:0px 5px 0px 0px;
	border-right:1px solid #FFF;
}

/*###########################
########MISC LAYOUT#########
#############################*/

.clear {clear:both;	height:0px;	line-height:0px;}
.left {float:left; clear:none;}
.right {float:right; clear:none;}
.center {text-align:center;}
.clearContent {clear:both;}
.clearRight {clear:right;}

.textLeft {text-align:left;}
.textRight {text-align:right;}

.imgLeft {float:left; clear:none; margin:0px 10px 8px 0px;}
.imgRight {float:right; clear:none; margin:0px 0px 8px 10px;}

.nopadding, #content p.nopadding {padding:0px;}
.padTop10 {padding-top:10px;}
.padTopChooser {padding-top:20px;}
.padBottom5, #content p.padBottom5 {padding-bottom:5px;}
.padBottom10 {padding-bottom:10px;}
.padBottom20 {padding-bottom:20px;}
.padBottom30, p.padBottom30 {padding-bottom:30px;}
.padBottom60 {padding-bottom:60px;}
.padLeft20 {padding-left:20px;}
.padRight20 {padding-right:20px;}
.padLeft160 {padding-left:160px;}

.nomargin, input.nomargin {margin:0px;}
.marLeft30px {margin-left:30px;}
.marLeft100px {margin-left:100px;}

.vTextBottom {vertical-align:text-bottom;}

.noBorder, #rightBox a.noBorder {border:0;}

.arrow {font-size:70%; vertical-align:middle;}

.blue {color:#0078ad;}

.bold {font-weight:bold;}
.italics {font-style:italic;}

.smallText {font-size:95%;}
.vsmallText {font-size:80%;}

.hidden {display:none;}

#popupMask {
	position:fixed;
	_position:absolute;	
	z-index:1000;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000;
	
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	-khtml-opacity:.9;
	opacity:.9;	
}

#pageChooser {
	position:absolute;
	z-index:1001;
	width:800px;
	height:200px;
	background-color:#0092BF;
	margin:auto;
	top:-100px;
	left:-400px;
	
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;	
}

#pageChooserContent {
	width:750px;
	margin:auto;
	padding:45px 0 0 0;
}

#pageChooserHolder {
	position:fixed;
	_position:absolute;
	z-index:1001;
	top:50%;
	left:50%;
	width:0;
	height:0;
}

/*###########################
#######ADMIN CMT########
#############################*/

.adminEdit {position:absolute;top:5px;right:5px;}
.editableContentHighlight {border:dashed 1px #00A228;}
.editableContentNoHighlight {padding:1px;}
.submitEditableContent {width:100px;margin:10px 0 0 0;}
.htmlEditorContainer {padding:20px 0 20px 0;}