html{
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #2f2f2f;
}

#container
{
	margin: 0 auto;
	text-align: left;
	width: 722px;
}


#content
{
	border-bottom: 1px solid #999;
	overflow: hidden;
	min-height: 300px;
	padding-bottom: 13px;
}

/* welcome page */
h1
{
	margin: 0;
	padding: 0;
	width: 722px;
	height: 102px;
	background-image: url(./images/reskin/headers/welcome.gif);
	text-indent: -9999px;
}

#welcome
{
	background-image: url(./images/reskin/welcome.jpg);
	width: 722px;
	height: 340px;
	position: relative;
	margin-top: 10px;
}

#welcome h2, #welcome ul, #welcome p
{
	list-style-type: none;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#welcome input
{
	position: absolute;
	bottom: 15px;
	left: 15px;
}

/* /welcome page */

/* capture 1 page */
#capture_your_company, #capture_your_name
{
	padding-left: 167px;
	background-repeat: no-repeat;
	background-position: 15px 20px;
}

#capture_your_company
{
	background-image: url(./images/reskin/formheaders/your_company.gif);
}

#capture_your_name
{
	background-image: url(./images/reskin/formheaders/your_name.gif);
}

#capture_your_name .formrow span, #capture_your_company .formrow span
{
	display: block;
	float: left;
	padding-top: 3px;
	width: 202px;
}

h1#capture1
{
	background-image: url(./images/reskin/headers/phc-generic.gif);
}

/* /capture 1 page */

/* question page */
h1#sectionheader1
{
	background-image: url(./images/reskin/headers/section1.gif);
}

h1#sectionheader2
{
	background-image: url(./images/reskin/headers/section2.gif);
}

h1#sectionheader3
{
	background-image: url(./images/reskin/headers/section3.gif);
}

#question
{
	width: 339px;
	padding-right: 20px;
	padding-left: 15px;
	font-weight: bold;
}

#question p
{
	margin-top: 0;
	line-height: 1.4em;
}

#responses
{
	width: 348px;
	padding-left: 0;
	padding-right: 0px;
	text-align: left;
	margin-top: 10px;
}
#responses input
{
	width: auto;
	margin-top: 10px;
}

#responses p
{
	padding: 7px 0 0 0;
	margin: 0 0 -1em 0;
}

.percent-input-label
{
	width: 180px;
	display: block;
	float: left;
	clear: both;
	margin-top: 8px;
}

input.percent-input
{
	width: 70px !important;
}

/* /question page */



p.progress img
{
	margin-right: 5px;
}

p.lead
{
	height: 22px;
	background-color: #686867;
	color: #fff;
	font-weight: bold;
	padding: 15px;
	margin: 6px 0;
}

p.progress
{
	height: 16px;
}

p.result
{
	font-weight: bold;
	background-color: #f4f4f4;
	color: #fc101c;
	height: auto;
	font-size: 18px;
}

.row
{
	padding: 20px 15px 13px 15px;
}

.odd
{
	background-color: #f7f7f7;
}

.formrow
{
	padding: 0 0 10px 0;
	clear: both;
}

.formrow span, .formrow label
{
	font-weight: bold;
}

input
{
	width: 200px;
}

.autoinput input
{
	width: auto;
}

.left-col, .right-col
{
	float: left;
	width: 346px;
	margin: 13px 0 0 0;
	padding-left: 15px;
	
}
.right-col
{
	text-align: right;
}





a img
{
	border: 0;
}




#results-graphic dt
{
	float: left;
	clear: both;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 3px;
}

#results-graphic dd
{
	float: left;
	margin-top: 20px;
	margin-left: 0;
	height: 51px !important;
	width: 100%;
}

#results-graphic img
{
	float: left;
	margin-bottom: 20px;
	margin-top: -5px;
	margin-right: 20px;
}

#results-graphic .left-caption, #results-graphic .right-caption
{
	width: 20%;
	display: block;
	float: left;
}

#results-graphic .left-caption
{
	padding-top: 3px;
}

#results-graphic .right-caption
{
	padding-left: 10px;
	padding-top: 1px;
}