@charset "utf-8";
/* CSS Document */


* {
	border:none; margin:0; padding:0;
	font-family: Calibri, Arial, Helvetica, sans-serif;

}

a {
	color:#002B45;
	text-decoration: none;
}

p {
	font-size: 14px;
	line-height: 19px;
	margin-top:10px;
	color: #666;
}ss

sup {
	line-height: 0.9px;
	font-size: 10px;
}

a:hover {
	color:#00aeef;

}
.home .language-selection-container {
    background-color: #00aeef;
    padding-top: 50px;
}

.home .language-selection {
	margin: 0 auto;
	background: url(../../_resources/images/ls_language-landing-logo.png) bottom right no-repeat;
	height: 320px;
	width: 700px;
	position:relative;
}
/*.home .language-selection {
	margin: 150px auto;
	background:#00bcf3 url(../images/Language-Screen.jpg) no-repeat bottom left;
	height: 320px;
	width: 700px;
	position:relative;
}*/
	.language-selection ul {
	list-style:none;
	position:absolute;
	top:-9px;
	left:20px;
	padding-bottom: 30px;
	}
	.language-selection ul li {
		margin-bottom:6px;
	}
	.language-selection ul li:hover {
	}
	.language-selection ul li a {
		color:#FFF;
		display:block;
		padding-left:14px;
		font-size:20px;
	}
	.language-selection ul li a:hover {
		color:#FFF;
		background: url(../images/bullet-whiteOnBlue.jpg) no-repeat left 5px;
	}

#Frame {
	width: 100%;
	margin-top:40px;
	position:relative;
}


	#Frame #Top {
	width: 968px;
	margin:0 auto;
	height:87px;
	background-image: url(../images/_main_frame-top.jpg); background-repeat: no-repeat; background-position: center top;
	position:relative;
	
	}
		#Frame #language-selector, #Frame #language-selector-enhanced {
			position:relative; top:-50px; right:0px; line-height:1em;
		}
			#Frame #language-selector-enhanced { display:block;}
			#Frame #language-selector.nojs { display:block;}
		
		#Frame #language-selector .selector-style, #Frame #language-selector-enhanced .selector-style {
			position: absolute;
			top:2px;
			right:40px;
			height: 24px;
		}
		#Frame #language-selector-enhanced .selector-style {
		}
		#Frame #language-selector .selector-style {
		background: url(../images/select-left.jpg) no-repeat left top;
		}
		#Frame #language-selector-enhanced select {
			line-height:1em;
			margin-bottom:-2px;
		}		
		
		#Frame #language-selector input, #Frame #language-selector-enhanced input {
			border:none;
			width:24px; height:24px;
			position: absolute; top:2px; right:15px;
			display:block; text-indent:-5000px;
			cursor: pointer;
		}
		
		
span.customStyleSelectBox { 
	height:24px; line-height:2em; vertical-align:text-bottom; font-size:13px; background: none; color:#7c7c7c;
	background: url(../images/select-left.jpg) no-repeat left 2px;
}
html>body span.customStyleSelectBox {
	*background: url(../images/select-left.jpg) no-repeat left 0px;
}
span.customStyleSelectBox.changed { background: none; }
.customStyleSelectBoxInner {
			background: url(../images/select-right.jpg) no-repeat right 2px transparent; display:block; height:24px;
			padding-left:10px; padding-right:3px;
}
html>body .customStyleSelectBoxInner {
			*background: url(../images/select-right.jpg) no-repeat right 0px transparent; display:block; height:24px;
}
		
		
		#Frame noscript { display:block; text-align:right; margin-left:500px;
		}
		#Frame #language-selector.nojs {
			font-weight:bold;
			text-align:right;
			padding-right:185px;
			padding-top:6px;
			font-size:13px;
			color:#666;
			_position: absolute; _top:30px; _right:0px;
		}
		#Frame #language-selector.nojs p {
			
		}
		#Frame #language-selector.nojs a {
			font-weight:normal;
			display:block;
			height:20px;
			padding-top:4px;
			padding-right:30px;
			text-align:left;
			background: url(../images/select-submit-nojs.jpg) no-repeat right transparent;
		}
		#Frame #language-selector.nojs .selector-style {
			padding-left:10px;
			width: auto;
			_width: 130px; /*ie6 hack*/
		}
		
		
		
		
	#Frame #Content {
	width: 968px;
	margin:0 auto;
	background-image: url(../images/_main_frame-mid.jpg); background-repeat: repeat-y; background-position: center top;
	
	}
	
/*North & Era Buttons in header*/
		#Frame #Content {
			position: relative;
		}
			#Frame #Content .platformButtons{
				position: absolute;
				right: 42px;
				top: 6px;
			}
					#Frame #Content a.northbtn {
						/*padding: 2px 16px;*/
						width: 74px;
						height: 20px;	
						display: inline-block;
						text-indent: -9999px;
						margin-right: 3px;
						background-image: url(../../_resources/images/bt_north-off.jpg); 
						background-repeat: no-repeat;
						background-position: center center;
					}
#Frame #Content a.tempusbtn {
	/*padding: 2px 16px;*/
	width: 74px;
	height: 20px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 3px;
	background-image: url(../images/bt_tempus-off.jpg);
	background-repeat: no-repeat;
	background-position: center center;
					}
					#Frame #Content a.erabtn {
						/*padding: 2px 24px;*/
						width: 74px;
						height: 20px;
						text-indent: -9999px;
						display: inline-block;
						background-image: url(../../_resources/images/bt_era-on.jpg);
						background-repeat: no-repeat;
						background-position: center center;
					}
						#Frame #Content a.northbtn:hover {
	background-image: url(../images/bt_north-off.jpg);
	background-repeat: no-repeat;
	background-position: center center;
						}
#Frame #Content a.tempusbtn:hover {
	background-image: url(../images/bt_tempus-off.jpg);
	background-repeat: no-repeat;
	background-position: center center;
						}
						#Frame #Content a.erabtn:hover {
							background-image: url(../../_resources/images/bt_era-on.jpg);
							background-repeat: no-repeat; 
							background-position: center center;
						}
	
	
	
	
/*Menu*/	
		#Menu {
			position:relative;
			margin-left:6px;
			padding-top:4px;
			
		}
		
			#Menu li{
				display: inline;
				border-right-width: 1px;
				border-right-style: solid;
				border-right-color: #CCC;
				height:10px;
				padding: 0px 20px;
			}
				#Menu li a{
								
				}
		
		#SBleft {
			width:230px;
			float:left;
			margin-bottom:30px;
			background-image: url(../images/_main_frame-top.jpg); background-repeat: no-repeat; background-position: 0px -87px;
			
			
		}
			
			#SBleft P{
				margin-top:30px;
				font-weight:bold;
				color:#666;
				line-height: 21px;
			}
			
			#SBleft P A{
				color:#666;
				text-decoration: underline;
			}
			
			
			#SBleft ul{
				list-style-type: none;

			}
			#SBleft ul li{
				padding-top:10px;
				padding-left:20px;
				padding-right:10px;
				padding-bottom:10px;
				margin-left:4px;
				border-bottom: solid 1px #ddd;				
				}
				#SBleft ul li#sb_home {
					border-bottom: none;
					padding-bottom:0px;
					height:28px;
					}
				* html #SBleft ul li#sb_home {/*ie6 hack*/
					height:24px;
					}
				#SBleft ul li:first-child{
					border-bottom: none;
					padding-top:6px;
					}
				#SBleft ul li a{
					font-style:normal;
				}
			
				#SBleft ul ul{
					background-color:#f2f4f6;
					margin-top:10px;
					padding-bottom:20px;
					width:223px;
					margin-left:-19px;
				border-bottom: solid 1px #ddd;				
					
					display:none;
					
				}
			
			
			
					#SBleft ul li ul li{
						padding-bottom:3px;
						padding-top:3px;
						padding-left:27px;/*position of sub items*/
						margin-right:0px;/*position of doted lines*/
						margin-left:0px;/*position of doted lines*/
						border-bottom: none;
						
					}
		
					#SBleft ul li li:first-child{
						border-top: solid 1px #ddd;
						
					}
/*END menu*/					

/*					
			.callout {
				width:192px;
				margin-left:4px;
				padding-left:22px;
				padding-right:10px;
				padding-top:1px;
				background: #FFF url(../images/bg_sb_callout.jpg);
				background-repeat: repeat-x;
				background-position: 0px 0px;
				border-bottom: solid 1px #CCC;
				height:300px;			

			}	
					
*/	
					
					
				
		#MainContent {
			float:right;
			margin-bottom:30px;
			padding-top:33px;
			padding-left:30px;
			padding-right:30px;
			width:678px;
			background-image: url(../images/_main_frame-top.jpg); background-repeat: no-repeat; background-position: -230px -87px;
			
			
		}
		
			#branding {
				width:734px;
				height:109px;
				margin-left:-30px;
				margin-right:-30px;
				text-indent:-5000px;
				display: block;
			}
			.en #branding {background: url(../../era/en/images/masthead.jpg) no-repeat left top;}
			.da #branding {background: url(../../era/da/images/masthead.jpg) no-repeat left top;}
			.de #branding {background: url(../../era/de/images/masthead.jpg) no-repeat left top;}
			.fr-CA #branding {background: url(../../era/fr-CA/images/masthead.jpg) no-repeat left top;}
			.fr-FR #branding {background: url(../../era/fr-FR/images/masthead.jpg) no-repeat left top;}
			.nl #branding {background: url(../../era/nl/images/masthead.jpg) no-repeat left top;}
			.sp #branding {background: url(../../era/es-ES/images/masthead.jpg) no-repeat left top;}
			.es-LA #branding {background: url(../../era/es-LA/images/masthead.jpg) no-repeat left top;}
			.ru #branding {background: url(../../era/ru/images/masthead.jpg) no-repeat left top;}
			.sv #branding {background: url(../../era/sv/images/masthead.jpg) no-repeat left top;}
		
			
			
			#MainContent .collapsepanel {
				margin: 0px 0px 8px;
			}
			#MainContent .collapsepanel .title {
				outline: none;
				background: center left no-repeat url('../images/plus.gif');
				padding-left: 12px;
				color: #003C63;
			}
			#MainContent .collapsepanel.expanded .title {
				background: center left no-repeat url('../images/minus.gif');
				color: #00AFEE;
			}
			#MainContent .collapsepanel.expanded {
				background: #F2F2F2;
			}
			#MainContent .collapsepanel.expanded ul {
				list-style:none;
			}
			#MainContent .collapsepanel ul li{
				font-size:13px;
				background-position: left 4px;
			}
			#MainContent .collapsepanel p{
				font-size:13px;
			}
			#MainContent .complexitem li {
				margin: 8px 0;
				padding-left: 10px;
				background: url(../images/bullet.gif) top left no-repeat;
			}
			
				#MainContent ul {
					list-style-position: inside;
					list-style-type: none;
					color: #333;
					margin-left:2px;
				}
				#MainContent ul li{
					background-image: url(../images/bullet-gray.jpg);
					background-repeat: no-repeat;
					background-position: left center;
					list-style-type: none;
					padding-left: 10px;
					margin-top: 7px;
				}
				
				
				#MainContent .rows {
					margin-top:25px;
					margin-left:0px; margin-right:0px;
				}
				#MainContent .rows .two_columns {
					width:50%;
					margin-left:0px;
				}
				#MainContent .rows .textarea {
					margin-left:85px;
					padding-right:20px;
					
				}
				#MainContent .rows .textarea h2 {
					padding:0;
				}
				#MainContent .rows .textarea p {
					margin-top:5px;
				}
				
				#MainContent .myStyle-bts {
					margin-top:20px;
				}
			
			.content-menu p {
				color:#666;
				font-weight:bold;
				font-size:13px;
			}
			.content-menu p a {
				font-size:13px;
			}
		
			.pocket {
				margin-top:20px;
			}
		
			.pocket IMG{
				height:127px;
				width:127px;
				float:left;
				margin-right:20px;
				
			}
			.pocket H2{
				 padding-top:4px;
				 margin-top:0px;
				 line-height:13px;
				
			}
			
				.pocket .pk_text{
					float:left;
					width:525px;
					
				}
			
			.pocket2 {
				margin-top:20px;
				height:140px;
			}
		
			.pocket2 IMG{
				height:140px;
				width:182px;
				float:left;
				margin-right:40px;
				
			}
			.pocket2 H2{
				 padding-top:0px;
				 line-height:13px;
				
			}
			
			.two_columns {
				width:50%;
				float:left;
				
			}
			
			.bt_blue {
				width:190px;
				background-image: url(../images/bt_right.jpg);
				background-repeat: no-repeat;
				background-position: right 0px;
				margin-top:30px;
			}
			.bt_blue a{
				display:block;
				height:35px;
				color:#FFF;
				font-weight:bold;
				padding:7px 10px 0px 15px;
				background-image: url(../images/bt_left.jpg); background-repeat: no-repeat; background-position: left 0px;
			}
				span.links {
					margin-left:8px;
					font-size:12px;
				}
				span.links a{
					text-decoration: underline;					
				}
	
	
	
	#Frame #Base {
		width: 968px;
		margin:0 auto;
		height:9px;
		background-image: url(../images/_main_frame-base.jpg); background-repeat: no-repeat; background-position: center bottom;
	}
	

#footer {
	width: 968px;
	margin:0 auto;
	
}
	#footer p{
		width:100%;
		text-align:right;
		margin:0; padding:0;
		background-image: url(../images/footer-logo.jpg); background-repeat: no-repeat; background-position: 10px bottom;
		display:block;
	}

	
	
.clear {
	border-collapse: collapse;

	height:0; width:0; padding:0; margin:0;
	clear:both;

}
.disabled, #Frame #language-selector-enhanced.disabled, #Frame #language-selector.nojs.disabled { 
	display: none;
}

#MainContent .no_indent {
	padding: 0;
}
sup {
	font-size: 10px;
}
