@import url('reset.css');

HTML, BODY{ background-color: #FFF; }

/**
 * LAYOUTS AND THEMES
 */
#page {
	width: 974px;
	margin: auto;
	text-align: center;
	padding: 15px 10px 0 10px;
	clear:both;
	position: relative;
}

#pageCont {
	float: left;
	background-color: #B8BDC2;
}

#bottom {
	margin: auto;
	text-align: center;
}

#page #leftBox {
	width: 270px;
	height: 529px;
	background-color: #B8BDC2;
	float: left;
	color: #FFF;
	text-align: left;
	padding: 0 15px 15px 15px;
}

#page #mainContent {
	width: 514px;
	line-height: 1.2em;
	height: 529px;
	float: left;
	background-color: #5288C1;
	color: #FFF;
	text-align: left;
	padding: 0 15px 15px 15px;
	background-image: url(/images/layout/bg-bt-white.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-left:4px solid #FFFFFF;
	border-right:4px solid #FFFFFF;
}

#page #mainContent-clean {
	width: 544px;
	height: 544px;
	float: left;
	color: #FFF;
	text-align: left;
	border-left:4px solid #FFFFFF;
	border-right:4px solid #FFFFFF;
}

#page #rightBox {
	width: 106px;
	height: 332px;
	background-color: #B8BDC2;
	float: left;
	color: #FFF;
	text-align: left;
	padding: 205px 7px 7px 7px;
	position: relative;
}

#page div.clear {
	clear: both;
}

#page #leftBox #menuContent {
	height: 360px;
}

#page #leftBox #textContent {
	height: 168px;
}

#page #leftBox #teamTextContent {
	height: 102px;
	padding-top:10px;
}

#page #leftBox #langContent {
	height: 10px;
}

#bottom {
	width: 970px;
	color: #666;
}

#bottom div.text {
	padding-top: 2px;
	float: left;
}

#bottom div.copy {
	padding-top: 2px;
	float: right;
}

#bottom A {
	padding-top: 2px;
	color: #666;
}

#bottom A:hover {
	color: #5288C1;
}

span.langText {
	padding-left: 2px;
	padding-right: 10px;
	position: relative;
	top: -2px;
}

#rightBox #news {
	height: 306px;
	background-color: #FFF;
	color: #666;
	padding: 5px;
	font-size: 85%;
}

#rightBox #news div.date {
	color: #8A97C9;
}
#rightBox #news div.title {
	color: #666;
}

#rightBox #news div.link {
	padding-bottom: 10px;
}

#rightBox #news div.link A {
	color: #8A97C9;
}

#rightBox #news div.link  A:hover {
	color: #666;
}

div.newsContent {
	padding-top: 15px;
}

#mainContent div.mainContent {
	width: 75%;
}

#mainContent div.mainHeader {
	font-size: 123.1%;
	font-weight: bold;
	padding: 5px 0 5px;
}

div.paging {
	font-weight: bold;
	font-size: 93%;
	padding-top: 20px;
}

div.paging A{
	font-weight: normal;
}
div.paging A:hover{
	font-weight: normal;
}

#map-leftCol {
	padding-top: 40px;
	width: 200px;
	float: left;
}


#map-leftCol div.map-Block {
	padding: 25px 0 60px 0;
}

#map-leftCol div.map-header {
	font-size: 138.5%;
	font-weight: bold;

}

#map-rightCol {
	float: left;
	padding-top: 25px;
}

.portfolio #mainContent{ height: auto !important;}
.area #mainContent{ height: auto !important;}

/**
 * TYPO
 */
BODY {
	font-family: Arial, Helvetica, sans-serif;
}

A { text-decoration: none; color: #FFF; }
A:visited { text-decoration: none; color: #FFF; }


#page {
	/*line-height: 1.2em;*/
}

#bottom {
	font-size: 71%;
}

#langContent {
	font-size: 77%;
	font-weight: bold;
}

#rightBox div.newsHeader {
	font-size: 108%;
	font-weight: bold;
}

#newsContent div.title {
	font-size: 123.1%;
	font-weight: bold;
}

#newsContent div.date {
	padding-top: 10px;
	font-size: 77%;
}

#newsContent div.summary {
	font-style: italic;
	padding: 15px 0 15px;
	font-size: 100%;
}

#newsContent div.content {
	font-size: 93%;
}

#newsContent div.link {
	padding-top: 20px;
	font-size: 93%;
}

#newContent #news div.link-list {
	padding-bottom: 0px;
}

#newsContent A, #mainContent A {
	/*color: #8A97C9;*/
	text-decoration: underline;
}
#newsContent A:hover, #mainContent A:hover {
	/*color: #8A97C9;*/
	text-decoration: none;
}

/** MENU STUFF **/

#leftMenu {
	width: 84px;
	padding: 0 15px 15px 15px;
	background-color: #FFF;
	background-image: url(/images/layout/bg-bt-grey.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #000;
}

#leftMenu A {
	color: #666;
	font-size: 93%;
}

#leftMenu A:hover {
	color: #5288C1;
}

#leftMenu div.db {
	padding-top: 50px;
}

LI.yuimenuitem {
	width: 84px;
}

div.yuimenu {
    position: absolute;
    visibility: visible;
}

span.login {
	padding-left: 18px;
	padding-right: 0px;
}

div.print_map {
	color: #fff;
	text-decoration: none;
	font-size: 93%;
}

.white-bg {
	background-color: #FFF !important;
	color: #666 !important;
}

#mainContent TABLE {
	width: 100%;
	color: #666;
}

#mainContent TD.col1 {
	vertical-align: top;
	width: 20%;
	padding-bottom: 10px;
	color: #8A97C9;
	padding-left: 2px;
}
#mainContent TD.col2 {
	vertical-align: top;
	padding: 0 10px 10px 10px;
}
#mainContent TD.col2 A{
	color:#666666; text-decoration:none;
}
#mainContent TD.col2 A:hover{
 text-decoration:underline;
}
#mainContent TD.col3 {
	vertical-align: top;
	padding-bottom: 10px;
	width: 50%;
}

#mainContent div.team {
	padding-right: 4px;
	padding-bottom: 0px;
	float: left;
}



.teamTextWidth {
	width: 270px;
/*	height: 135px;	*/
	line-height: 0 !important;
}
BODY .teamTextWidth * {
	line-height: 0 !important;
}

.teamTextPadding {
	padding: 15px 10px 0 10px;
}

.no-padding {
	padding: 0 !important;
}

.padding {
	padding-bottom: 1px !important;
}

.team-width {
	width: 544px !important;
}

#teamName {
	color: #333;
}

#teamEmail {
	color: #FFF;
	padding-bottom: 10px;
}

#teamPhone {
	color: #333;
}
#teamFax {
	color: #333;
}

#rightBox div.countries {
	color: #666;
	font-size: 85%;
	padding-bottom: 20px;
}
#rightBox div.departments {
	color: #666;
	font-size: 85%;
	padding-bottom: 20px;
}

#rightBox div.departments div.item {
	padding-top: 10px;
}
#rightBox div.departments div.item:hover, #rightBox div.countries div.item:hover {
	color: #fff;
	cursor: pointer;
}

#rightBox div.bottom {
	position: absolute;
	bottom: 0px;
	width: 100px;
}

.wide {
	width: 90% !important;
}

.main-paging {
	padding-top: 10px;
}

.main-paging A {
	/*text-decoration: none !important;*/
}

.formError {
	border: 2px dotted red;
	background-color: #FFBBBB;
	color: #fff;
	padding: 10px;
	font-weight: 800;
}

.formLabel{ position:relative; top:3px; float:left; width:130px; padding-top:5px; padding-bottom:5px; font-size: 85%; }
.formInput{ float:left; padding-top:5px; padding-bottom:5px;width: 300px;}
.formInput STRONG{ position:relative; top:3px;}
.formInput INPUT{ background-color:#F1F0F0; }
.formInputSubmit{ float:left; width:120px; text-align:left; padding-bottom:10px;}
#pageTextContent {padding: 10px 0 10px 0;}

#clientAreaInfoBar{ float:left; width:100%; padding-top:5px; padding-bottom:5px; }
#clientAreaUser{ float:left; width:30%;padding-bottom:5px;  border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; height: 17px;}
#clientAreaStatus{ float:left; width:30%;padding-bottom:5px; text-indent:10px; border-right:1px #CCCCCC solid;border-bottom:1px #CCCCCC solid;height: 17px;}
#clientAreaEdit{ float:left; width:20%; padding-bottom:5px;  text-indent:10px; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; height: 17px;}
#clientAreaEdit A{ text-decoration: none; font-size: 93%}
#clientAreaLogout{ float:left; width:18%;padding-bottom:5px;  text-indent:10px; border-bottom:1px #CCCCCC solid;height: 17px;}
#clientAreaLogout A { text-decoration: none;font-size: 93%}

#clientAreaEdit A{ color: #666; }
#clientAreaLogout A{ color: #666; }

#clientAreaText{ float:left; width:90%; padding-bottom:10px; }
#clientAreaText P { font-size: 85% }
html>body #clientAreaText{ padding-bottom:10px;}
#clientAreaRightUpload{ float:right; width:400px; padding:10px; text-align:right; }
#clientAreaLeftUpload{ float:right; width:60px; padding:10px; text-align:left; }
#clientAreaRightUpload INPUT{ height:20px;}
.block_container{ float:left; width:515px; padding-bottom:10px;}
.files_header{ float:left; width:100%; height:15px; line-height:15px; background-color:#B8BDC2; color:#FFFFFF; }
.files_header A{ display:block; width:100%; font-weight:bold; }
.files_header A:hover{ color:#FFFFFF;}
.files{ float:left; width:100%; }
.files TH{ padding-top:3px; padding-bottom:3px; padding-left: 3px; text-align:left; background-color:#F1F0F0; color:#8A97C9; font-weight:normal; font-size: 85%;}
.files TD{ padding-top:3px; text-indent:10px; font-size: 85%; }
.files IMG{ position:relative; top:-3px; font-size: 85%; }
.files HR{ height:1px; background-color:#CCCCCC; color:#CCCCCC; border:none; font-size: 85%; }
.files TH.Description{ width:120px; font-size: 85%; }
.files TH.Date_Uploaded{ width:100px; font-size: 85%; }
.files TH.Size{ width:90px; font-size: 85%; }
.files TR.highlight{ background-color:#F1F0F0; cursor:pointer;  }

.DSsub { font-size: 1em; }
.sub_block { padding-left: 20px; width: 495px; }
.sub_img { top: 0 !important; }

.files TD A { font-size: 100% !important; color: #666 !important; text-decoration: none !important;}
.files_header_link { text-decoration: none !important; }

.green {
	border: 2px dotted green;
	background-color: #BBFFBB;
	color: #000000;
}

ul.sitemap A { color: #666 !important; }
ul.sitemap-sub { padding-left: 20px; color: #666 !important; }
.map-link { font-size: 108%; font-weight: bold; padding-top: 10px; }