/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:35%;
	left:50%;
	z-index:9998;
	width:594px;
	height:612px;
	margin:-220px 0 0 -390px;
	text-align:left;
}


#lbLoadMessage{
	width:594px;
	height:612px;
	background:ffffff#;
}


#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#innerContainer{
padding-left:60px;
background:url(../Images/Survey/container_bg.gif) repeat-y;
width:594px;
}

#innerContainer p{
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:0.70em;
width:420px;
padding:0px;
margin:0;
}

.pSmall{font-size:0.75em;}

#LoginBoxLeft{
float:left;
}

#LoginBoxLeft label{
display:block;
padding-bottom:8px;	
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
}

#LoginBoxLeft input{

/* border:1px solid #999999;padding:2px 1px;*/ 
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
margin:0;

}

#loginMidLeft
{
clear:both;
display:block;
background:url(../Images/Survey/login_bg_left.gif) no-repeat;
width:207px; height:118px;
padding-left:17px;
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:0.75em;

}

#LoginBoxRight{
float:left;
}

#LoginBoxRight label{
display:block;
padding-bottom:5px;	
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold
}

#LoginBoxRight input{

/* border:1px solid #999999;padding:2px 1px; */
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
margin:0;

}

#loginMidRight{
clear:both;
display:block;
background:url(../Images/Survey/login_bg_right.gif) no-repeat;
width:193px; height:118px;
padding-left:17px;
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:0.75em;
}

input{
/*border:1px solid #999999;padding:2px 1px;
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
margin:0;*/
}

radio {
border:medium none;
display:inline;
font-size:12px;
height:15px;
margin-right:5px;
width:15px;
}

label{
/*display:block;
padding-bottom:5px;	*/
}

#RadioQuestion{
font-weight:bold;
font-size:0.90em;
padding:8px;
font-weight:1000;
width:420px;
color:#ffffff;
/*border-bottom: 1px solid rgb(204, 204, 204);*/
background:#01a0c7;
}


#ResultQuestion{
font-weight:bold;
font-size:0.90em;
padding:8px;
font-weight:1000;
width:400px;
color:#ffffff;
/*border-bottom: 1px solid rgb(204, 204, 204);*/
background:#fe1042;
}


#ResultQuestion0{
font-weight:bold;
font-size:0.90em;
padding:8px;
font-weight:1000;
width:400px;
color:#ffffff;
/*border-bottom: 1px solid rgb(204, 204, 204);*/
background:#8bd558;
}

#ResultQuestion1{
font-weight:bold;
font-size:0.90em;
padding:8px;
font-weight:1000;
width:400px;
color:#ffffff;
/*border-bottom: 1px solid rgb(204, 204, 204);*/
background:#8bd558;
}
#ResultQuestion2{
font-weight:bold;
font-size:0.90em;
padding:8px;
font-weight:1000;
width:400px;
color:#ffffff;
/*border-bottom: 1px solid rgb(204, 204, 204);*/
background:#cccccc;
}

#ResultQuestion3{
font-weight:bold;
font-size:0.90em;
padding:8px;
font-weight:1000;
width:400px;
color:#ffffff;
/*border-bottom: 1px solid rgb(204, 204, 204);*/
background:#fe1042;
}




.Result{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}


#ResultRow{
width:400px;
/*  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#cccccc;*/
  overflow:auto;
  clear:both;
}
#ResultLabel{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
float:left;
width:100px;
padding-bottom:8px;
padding-top:5px;
}

#ResultAnswer{
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding-bottom:8px;
padding-top:5px;
float:left;
width:300px;

}


#QuestionSubheading{
font-weight:bold;
width:420px;
color:#323232;
font-size:0.70em;
margin:0;
padding:8px ;
background:#e6e6e6;
}

#GreyBox{
width:420px;
color:#323232;
font-size:0.70em;
margin:0;
padding:8px ;
background:#e6e6e6;
}


#QuestionGroup{
float:left;
font-size:0.75em;
width:140px;
padding-bottom:8px;
padding-top:5px;
}


#RadioRow{
width:440px;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#cccccc;
  overflow:auto;
  clear:both;
}
#RadioGroup{
padding-bottom:8px;
padding-top:5px;
}

#RadioGroupLeft{
padding-bottom:8px;
padding-top:5px;
float:left;
left:180px;

}

#RadioGroupLeft label{
font-size:0.75em;
color:#333333;
padding-left:8px;
padding-top:0px;

}


#RadioGroup label{
	font-size:0.75em;
	color:#333333;
	padding-top:0px;
	padding-right:8px;
}


#Header{
	font-family:Verdana, Arial, sans-serif;
	font-size:1.25em;
	font-weight: bold;
	background:url(../Images/Survey/top.gif) 0 0 no-repeat;
	width:594px; height:171px;
	color:#666666;
}

#HeaderResults{
	font-family:Verdana, Arial, sans-serif;
	font-size:1.25em;
	font-weight: bold;
	background:url(../Images/Survey/topresults.gif) no-repeat;
	width:569px; height:199px;
	color:#666666;
}


#innerHeader{
	float:left;
	padding-left:80px;
	padding-top:80px;
}

#CloseImg{
float:right;
padding-right:170px;
padding-top:50px;
}


#WelcomeIMG{

float:left;
padding-left:55px;
padding-top:75px;

}





#FooterNav{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
}

#FooterNav li{
display: inline;
}

#FooterNav li a{
float: left;
color: black;
text-decoration: none;
/*<!--background: transparent url(media/pinkbg.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; top border style
border-bottom: 3px solid #ffa1a3; thick bottom border below tabs-->*/
}

#FooterNav li a#leftmostitem{ /*Extra CSS for left most menu item*/
/*border-left: 1px solid #d3bdbe; /*left border style*/
}

#FooterNav li a#rightmostitem{ /*Extra CSS for right most menu item*/

background-position: top left; /*Position background image to the left instead of default right, */
}

#FooterNav li a:visited{
color: black;
}

#FooterNav li a:hover{
}


#cloud{
	position:absolute;
	z-index:1000;
	display:none;
	top:35%;
	left:50%;
	z-index:9999;
	width:350px;
	height:400px;
	margin:-70px 0 0 150px;
	text-align:left;
}



<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

.error { color:red; font-weight:bold; }