
body {height:100%;margin:0; padding:0; background:#F4F7F7;
  		 font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	  	 color:#000; font-size:12px;text-align:left;
		 	 background-image: url(images/body_backercurve.gif);background-repeat:no-repeat;
		 	 background-position:0 130px;}
 			
			/* general settings */
a img {border:none;}


/* dementions */
 #main p,  #main h1,  #main h2,  #main h3 {margin-left:150px;}
 #main h1 {font-size:1.5em;}				
 #root, #background,{width:100%;}
 #header, #main, #footer  {text-align:left; font-size:12px;color:#000;}
	 				#root	{	position:relative; z-index:2; background-image: url(images/backtop.gif);background-repeat:repeat-x;
				 					background-position:top left;}
				 #background{position:relative; z-index:13;
				 						background-image: url(images/backightslice.gif);background-repeat:no-repeat;
				 					background-position:top right;}
									
									.btn1 {position:absolute; z-index:1000; left:830px;top:50px;}
/* header styles here */
	 #header{position:relative; z-index:300;height:130px;}
	 .logo {position:absolute; left:0;top:0;}
 	 .tagline {position:absolute; left:258px;top:0;}
/* set the global page positioning (set to center - use this for applying a global page border as well*/
.couplepos {float:right; margin-right:200px;position:absolute; top:71px;left:830px;}

#passcodeskin  {background: url(images/takeassessment.gif) no-repeat top left;}
#passcode {padding:0;height:83px;margin-bottom:15px;margin-top:10px;background: url(images/passcode.gif) repeat-x;}


/* for content page */
#passcodecontent {font-size:14px;padding:0;height:83px;margin-bottom:15px;margin-top:10px;background: url(images/content-repeat.gif) repeat-x;}

#passcode, #main, #passcodecontent  {margin-left:220px;}
/* main site structure styles here */
/* height is initially  set for development purposes */
	 #main {}
	 			 .leftmain {width:255px;vertical-align:top;} 
				 .rightmain {width:550px;vertical-align:top;}
				  h1 {margin-bottom:0;}
				 .firstpara {margin-top:0;}

/*footer styes start  */
	 #footer{height:25px;}
.passinvalidator{white-space:nowrap; position:absolute;top:180px;left:440px;color:red;font-weight:bold;margin:0px 0;}
.passin {white-space:nowrap; /* this prevents input graphics from wrapping out of div */position:absolute;top:190px;left:290px;color:#fff;font-weight:bold;margin:0px 0;}
.passin input {border:solid 1px #fff;background:#B4BDBA;margin:0 6px;}
.btnalign {position:relative;top:5px;}

.concopy {padding:12px;width:585px;margin-left:12px;margin-top:15px;color:#46665B;}
.concopy2 {padding:0px;margin-left:92px;margin-top:0px;color:#46665B;}

.bodycopy {border:solid 1px #000;padding:15px;width:385px;margin-left:12px;margin-top:15px;}
.bodycopy p  {margin:0; padding:0;} 
.booker {position:absolute; top:140px;left:50px;}
.orange {color:#F4C200;font-size:1.1em;font-weight:bold;}
.padder {width:80%;}
.questionare {width:85%;font-weight:bold;font-size:1.1em;}

.questionare input,.questionare select  {margin:9px 0;height:17px;border:solid 1px #969C99;background:none;width:250px;}
.questionare select {height:18px;margin:9px 0;height:16px;border:solid 1px #969C99;background:none;}
.formname, .radios {color:#46665B;width:50%;text-align:right;padding-right:5px;whitespace:nowrap;}
.formfield {width:50%;padding-left:5px;}
.questionare td {}

.formname2 {color:#46665B;width:99%;text-align:left;padding-right:5px;whitespace:nowrap;}

.radios {height:100%;width:300px;text-align:center;font-size:12px;margin-top:15px;margin-bottom:15px;margin-left:12px;}
.radios td {height:25px;padding:2px 0; margin:6px 0;vertical-align:middle;}
.radios input {border:none;width:10px; display:inline;margin:0; padding-right:5px;top:2px;}
.texter {text-align:left;text-indent:5px;}

.passname {position:relative;top:-10px;font-size:1.7em; font-wieght:bold; color:#fff;margin-left:150px;}


.navigation {position:absolute; left:50px;top:270px;}
.navigation li {list-style:none;padding-6px 0;}
.navigation a:link, .naviation a:visited {color:#707D77;}
.navigation a:hover {color:#900E0F;}
.navigation a {text-decoration:none;font-size:13px;}

.row1 {}.row2 {background:#E0EAE6;}

.newuser{color:#ffffff;text-decoration:none;font-size:11px;}
.newuser:hover {color:#900E0F;text-decoration:underline;font-size:11px;}


.validator{color:red}
.namedate {white-space:nowrap; position:absolute;top:190px;color:#fff;font-weight:normal;margin:0px 0;left:215px;font-size:20px}
.namedate2 {white-space:nowrap; position:absolute;top:230px;color:#C94E4F;font-weight:normal;margin:0px 0;margin-left:00px;right:0px;font-size:100%}
.namedate3 {white-space:nowrap; position:absolute;top:205px;color:#fff;font-weight:normal;font-size:100%}

.pagetop
{
margin-left:10px;margin-top:50px;font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	  	 color:#000; font-size:12px;text-align:left;width:600;
}
.pagetop h1{
font-size:1.5em;display:inline;margin-top:0px,margin-bottom:0;
}
.pagetop span{font-size:1.3em;color:#000;font-weight:normal;
}
.text{
font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	  	 color:#000; font-size:12px;text-align:center;
}