/** General layout **/
body {
	background: #FFF url('/assets/images/green_darkblue/img_background.gif')  repeat-x;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	line-height: 16pt;
	font-family: Arial, Verdana, sans-serif;
	color: #8f8f8f;
}

.popup {
	background: #FFF;
	font-size: 10pt;
	line-height: 10pt;
}
p {
	font-size: 12px;
	line-height: 16px;
 	margin: 4px 0 10px 0;
 	padding: 0;
}

.popup .header { background: none; height: 80px;}
.popup h1, h2, h3, h4 { margin:4px 4px 4px 0px;} /* no left margin */
.popup .outerWrapper { width:95%;  margin:0 auto;padding:10px;padding-top:0px;}
.popup .contentWrapper.firstVisit { text-align:center; font-size:13pt;}
.popup #headerRight { float: right; margin: 25px 20px 0 0; }
.popup a { text-decoration: underline; font-size:14px;}
.popup p { margin:0px; font-size:10pt;}
.popup p.text-small { font-size:9pt;}
.popup .contentWrapper span { color: #006738;}
.popup fieldset { border-width:0px; margin: 2px 0px; padding:2px 0px; width:350px;}
.popup label {font-weight:bold;}
.popup label.desc { display: block; margin: 0; padding: 0 0 3px; white-space: normal; width: 100%;}
.popup #mainLogo { margin-top: 0px; }


/** Common **/
a {text-decoration: none; color: #1f1e61; cursor: pointer; }
a img {border: 0 none;}
.strong {font-weight: bold;}
.rounded { -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.heading { border-top-left-radius: 7px 7px; border-top-right-radius: 7px 7px; -moz-border-radius: 7px 7px 0 0};
.clear {clear: both;}
.half { float:left; width: 49%; }

hr.line-separation {
	margin: 15px 0px;
}

input[type=text], input[type=password] {	
 	height:16px;
 	border:1px ridge silver;
 	color: #666666;
}
select, textarea { border:1px ridge silver; color: #666666;}

/** Headings **/
h2 {margin: 0; padding: 0; font-size: 14pt; color: #1f1e61; margin: 7px 0 5px 0; line-height:15pt;}
h3 {margin: 0; padding: 0; font-size: 12pt; color: #1f1e61; margin: 7px 0 5px 0;}

.outerWrapper { width:900px; margin:0 auto;}	

	.header {background: transparent url('/assets/images/green_darkblue/img_header.gif') no-repeat; height: 120px;}
	.headerMyAccount { height: 85px;}
		#mainLogo {height: 75px; margin-top: 15px; float: left;}
		#loginContainer {width: 368px; float: right;  margin-right:20px;border:0px solid red; font-size:12px; color:#666666;}
		#loginContainer input {
			
		}
		.loginUserLabel { padding-right:3px;}
		.loginPassLabel { padding-right:5px; }
		#loginContainer #loginButton {
			border-width:0px;
			padding-top:10px;
		}
		#loginContainer .alignedContainer {
			margin-left:70px;
			margin-top:20px;
		}
		#loginContainer .alignedContainer.loginLinks {
			margin-top:10px;
		}
		#loginContainer .alignedContainer.loginLinks a {font-size:11px; }
		
		#loginContainer #myAccountTopLinks {
			text-align: right;
			margin-top:20px;	
		}
		#loginContainer #myAccountTopLinks .welcomeUsername a {
			font-weight:normal;text-decoration:underline;
		}
		.welcomeUsername {
			color: #1f1e61; font-weight:bold;margin-top:10px;
		}
		#activation, #WebConf {	
			background: transparent url('/assets/images/green_darkblue/img_web_conf_main.png') no-repeat;
			height:332px;
			padding: 50px 0 0 50px;
		}
		#activation #activationText {
			float:left;
			width:420px;
			color: white;
			font-size:10pt;
			text-align:justify;
			line-height:11pt;
		}
		#WebConf {
			padding: 40px 0 0 30px;
		}
		#WebConf, #WebConf a { color: white; font-size:11px;	line-height:normal;	}
		#WebConf div { float:left; }
		
		#WebConf #WebConfDescription { width:310px; margin-right:70px; }
		#WebConfDescriptionText { margin-top:25px;}
		.WebConfColumn { width:245px; margin-top:20px; font-size:10pt;	}
		.WebConfColumn p { line-height:18px;}
		#WebConf #WebConfDescription p { font-size:11px; }
		
		#WebConfDescription div { float:left; width:150px; }
		#WebConfDescription ul { padding-left:15px; margin:0px; font-weight: bold;}
		#WebConfDescription ul li { padding-bottom:4px;}
		#WebConf #WebConfDescription h2 { width:300px; color:white; }
		.WebConfHelpButtons { margin-top:50px;float:left;}
		#WebConf .myMeetingRoom { width:300px;  margin:0px auto; margin-top:160px; float:none; }
		#activation h2 { color:white; }
		#activationStatus {
			margin: -10px 0px 0px 60px;
			padding-top:30px;
			float:left;
			text-align:center;
			background: transparent url('/assets/images/green_darkblue/img_activation_background.png') no-repeat;
			width:278px;
			height:238px;
		}
		#activationStatus .activationProgress {
			margin-bottom:15px;
		}
			
		#services {
			background: transparent url('/assets/images/green_darkblue/img_home_main.gif') no-repeat;
			padding: 170px 0 0 90px;
			float: left;
			position: relative;
			width: 960px;
			margin-bottom: 40px;
		}
		#services p {
			margin-top:0px;
		}
		div.benefits, .benefitsButtons div {
			float:left;
			text-align:center;
			width:240px;
			padding:0 20px;
		}
		#services .launch {
			position: absolute;
			bottom: -40px;
			width: 200px;
		}
		#services .launch a {
			display: block;
		}
		
#firstVisitContainer {
	line-height: 15pt;
}
		

/** Inner Wrapper **/

#innerWrapper {margin-top: 0px; width: 960px; position: relative; float: left;}	
	.page {	margin-left: 20px; float: left;width: 920px;	 margin-bottom: 30px;}	
	
/** Footer **/
.footer {width: 100%; font-size: 12px; margin-top: 0px; float: left; background: transparent url('/assets/images/green_darkblue/img_login_shadow.png') no-repeat left bottom; height:80px; }
.footer .links {width: 50%; float: left;}
.footer .copyright{width: 50%; float: right; text-align: right;}

div.clearBoth {
	clear:both;
}

/* MESSAGE BOX */
.success-msg, .error-msg {	
	border: 1px solid;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight: bold;
}

.error-msg {
	color: #CC0000;
	background-color: #FFEEEE;
}
.success-msg {
	color: #4F8A10;
	background-color: #DFF2BF;
}

.contactus-content form {
	margin-top: 10px;
}
.contactus-content form fieldset { width: 400px; }
.contactus-content form label {
	display: block;
	width: 140px; 
	float:left; 
	margin-right:10px;
	clear:both;
}
.contactus-content form .text {
	float:left;
	width: 220px;
}
.contactus-content form .textarea {
	height: 80px;
}
.contactus-content form input.phonetext {
	float: left; 
	width: 62px;
	margin-right: 11px;
}
.contactus-content form .button {
	margin-left: 150px;
}

.contactus-content form .text, .contactus-content form .textarea, .contactus-content form input.phonetext {
	padding: 2px;
}

p.sso-error {
	color:#1f1e61;
}