* {
	margin: 0;
	padding: 0;
}
body 
{
	font-family:  Arial;
	font-size: 12px;
	color: #666;
	background:#01375B;
}

#wrap {
	clear:both;
	display:block;
	margin: 0 auto;
	padding:0 auto;
	width: 752px;
	margin-top:10px;
	overflow:hidden;
	background:#fff;
}
#wrap popup
{
	width: 200px;
}
p
{
	text-align:justify;
	margin-bottom:15px;
}
img
{
	border:0px;
}
ul
{
	list-style: none;
}
li
{
	padding:5px;
}
#top
{
	width:752px;
	float:left;
	height:20px;
	background-image:url("../images/top.gif");
	background-repeat: no-repeat;
}

#header
{
	height:30px;
	width:700px;
	float:left;
	background:#fff;
	padding-left:30px;
	padding-right:30px;
	
}
#progress_bar
{
	float:right;
	text-align:right;
}
#progress
{
	height:10px;
	float:left;
}
#bar
{
	float:right;
	width:100px;
	border:1px solid #000;
	height:10px;
}
	
#header_logo
{
	float:left;
	height:52px;
	float:left;
	width:500px;
}

#bottom
{
	margin: 0 auto;
	padding:0 auto;
	width: 752px;
	clear:both;
	width:752px;
	height:28px;
	background-image:url("../images/bottom.gif");
	background-repeat: no-repeat;
	
}

#content
{
	padding:0px 50px;
	background:#fff;
}
#home_content
{
	clear:both;
	padding:0px 100px;
	padding-top:10px;
	background:#fff;
	overflow:hidden;
}
#question_content
{
	padding:0px 30px;
	
	overflow:hidden;
	
}
h1
{
	font-size: 18px;
	margin-bottom:10px;
}



.error
{
	clear:both;
	width:300px;
	border:1px solid #ff0000;
	padding:20px;
	margin:25px;
}
.error h4
{
	text-align:center;
	color:#ff0000;
}

.cat_list
{
	clear:both;
}

.question_wrap
{
	width:100%;
	clear:both;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dashed #e0e0e0;
	overflow:hidden;
}
.question
{
	clear:left;
	width:495px;
	float:left;
	
}

.options
{
	clear:right;
	margin-top:10px;
	width:195px;
	float:left;
}

.comments
{
	float:left;
	width:400px;
	background:yellow;
}


/*css for the form*/


.form p
{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 2px 0 2px 0;
	padding-left: 165px; /*width of left column containing the label elements*/
	
}

.form label
{
	padding-top:4px;
	color:#7f7e86;
	float: left;
	margin-left: -165px; /*width of left column*/
	width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"], input[type="password"] 
{ 
	/*width of text boxes. IE6 does not understand this attribute*/
	width: 280px;
	border:1px solid #7f7e86;
	background:#e4e4e4;
	padding:3px;
}
.form input[type="submit"]
{
	margin-left: 235px; /*width of left column*/
	border:1px solid #7f7e86;
	background:#e4e4e4;
}
.form input[type="image"]
{
	margin-left: 175px; /*width of left column*/
}
.form input[type="checkbox"]
{
	background:#000;
}
textarea{
	margin-top:5px;
	width: 250px;
	height: 150px;
	font-family:  Arial;
	font-size: 12px;
	color: #666;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

textarea
{
	width: 400px;
	height: 50px;
}
#cat_footer
{
	clear:both;
	margin-top:10px;
}
a.link
{
	color:#01375B;
	text-decoration:none;
}
a.hover
{
	text-decoration:underline;
}
#cat_footer a
{
	margin-right:10px;
	color:#666;
	text-decoration:none;
	font-size:10px;
}
#cat_footer a:hover
{
	color:#01375B;
}
#cat_footer a.active
{
	color:#01375B;
}
#cat_footer_left
{
	
	float:left;
	width:220px;
}
#cat_footer_center
{
	border-left:1px dotted #01375B;
	border-right:1px dotted #01375B;
	float:left;
	width:220px;
	padding:0px 15px;
}
#cat_footer_right
{
	padding-left: 15px;
	float:left;
	width:205px;
}
#q_buttons
{
	clear:both;
	width:100%;
	
	padding:0px 0px;
	height:31px;
}
#logout
{
	float:left;
}
#save_proceed
{
	float:right;
}
#home_link
{
	clear:both;
	color:#01375B;
}
#home_link a
{
	color:#01375B;
	text-decoration:none;	
}
#q_header
{
	width:100%;
	color:#000;
	overflow:hidden;
	margin-bottom:10px;
}
#sub_category_title
{
	
	float:left;
	width:500px;
}
#score_text
{
	float:right;
	width:180px;
	text-align:right;
	
}
#suvey_instructions
{
	background:#01375B;
	
	float:left;
	text-align:right;
	color:#fff;
	width:712px;
	border-right:20px solid #01375B;
	border-left:20px solid #01375B;
	border-top:5px solid #01375B;
}
#suvey_instructions a
{
	color:#fff;
	text-decoration:none;
}
#suvey_instructions a:hover
{
	text-decoration:underline;
}
table.data
{
	width:100%;
	margin:0px;
	padding:0px;
	border-collapse: collapse;
}

table.data th
{
	text-align:left;
	background:#01375B;
	color:#fff;
	width:100%;
	padding:10px;
	border:1px solid #fff;
}

table.data td
{
	padding:5px;
	border:1px solid #aeaeae;
	margin:0px;
}