* {
	margin: 0;
	padding: 0;
}

#benchmark-container {
	
	width: 980px;
}

#top-header {
	width: 980px;
	height: 83px;
	margin-bottom: 3px;
}

#box-1, #box-2, #box-3 {
	height: 80px;
	width: 135px;
	float: left;
	margin-left: 10px;
	cursor: pointer;
}

#box-1 h3, #box-2 h3, #box-3 h3 {
	color: white;
	font-style: italic;
	font-size: 16px;
	font-family: georgia;
	margin-top: 10px;
	margin-left: 15px;
}

#box-1 {
	background-color: #602320;
}

#box-2 {
	background-color: #a32020;
}


#box-3 {
	background-color: #db536a;
}

#box-4 {
	margin-top: 5px;
}

#box-4 h3 {
	text-align: right;
	font-size: 15px;
	color: #a32020;
	font-style: italic;
	font-family: georgia;
	margin: 0;
	line-height: 25px;
}

#box-4 h4 {
	text-align: right;
	font-size: 20px;
	color: #db536a;
	font-style: italic;
	font-family: georgia;
	line-height: 20px;
	margin: 0;
}

#box-4 h5 {
	text-align: right;
	font-size: 20px;
	color: #db536a;
	font-style: italic;
	font-family: georgia;
	font-weight: 100;
}


#box-4 {
	float: right;
}

#demographic-container {
	border-top: 1px dotted #404041;
	border-bottom: 1px dotted #404041;
	height: 354px;
}

#demographic-set {
	margin-top: 3px;
	height: 350px;
	overflow-y: hidden;
}

#demographic-set .question h4 {
	font-size: 17px;
}

#demographic-info {
	border-right: 3px solid #e7e7e8;
	float: left;
	margin-right: 5px;
	width: 320px;
	height: 350px;
}

#demographic-info * {
	margin-left: 5px;
}

#demographic-info h2 {
	color: #db536a;
	font-size: 18px;
	font-family: georgia;
	font-style: italic;
	font-weight: 100;
	margin-top: 5px;
	margin-bottom: 8px;
}

#demographic-info h4 {
	color: #c7c8ca;
	font-size: 15px;
	font-family: georgia;
	font-style: italic;
	font-weight: 100;
	margin-bottom: 25px;
}

#demographic-info p {
	color: #939598;
	font-size: 12px;
	font-family: arial;
	margin-bottom: 20px;
	width: 300px;
}

#demographic-set .question {
	width: 210px;
}

#slide-nav {
	font-family: arial;
	font-style: italic;
	border-top: 1px dashed #404041;
	padding-top: 2px;
	width: 980px;
	position: relative;
}

#slide-nav .active {
	z-index: 2;
		background-color: #db536a;
}

#slide-nav .active * {
	color: white !important;
}

#slide-nav h3 {
	font-family: arial;
	font-weight: 100;
	font-size: 175px;
	line-height: 200px;
	float: left;
	margin-left: 0;
	margin-top: 0;
	margin-right: 7px;
	margin-right: 15px\9;
	*margin-right: -35px;
}

#slide-nav h5 {
	font-style: normal;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 0;
	color: #db536a;
}

#slide-nav h4 {
	color: #a32030;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 1px;
	font-family: georgia;
}

#slide-nav p {
	font-style: normal;
	color: #404041;
	font-size: 11px;
	width: 230px;
	line-height: 12px;
	*width: 125px;
	margin-top: 5px;
	
}

#slide-one, #slide-two, #slide-three, #slide-four{
	width: 245px;
	height: 220px;
	float: left;
	color: #e8c7c7;
	z-index: 0;
	cursor: pointer;
}

#slider-top, #slider-bottom {
	width: 247px;
	height: 220px;
	background-color: #db536a;
	position: absolute;
	left: 0;
}

#slider-top {
	width: 20px;
	margin-left: 227px;
	z-index: -1;
	opacity: .5;
	cursor: pointer;
	filter: alpha(opacity = 50);
}

#slider-bottom {
	z-index: -1;
}

#slide-base {
	width: 980px;
	height: 30px;
	background-color: #db536a;
	*margin-top: -2px;
}

#question-slider {
	width: 980px;
	height: 540px;
	margin-top: 10px;
	overflow-y: hidden;
}

#questions{
	height: 300px;
}

#set1, #set2, #set3, #set4, #set5, #demographic-set {
	float: left;
}

.question {
	width: 235px;
	height: 2000px;
	border-right: 3px solid #e7e7e8;
	float: left;
	margin-right: 5px;
}

.last-child {
	border: none;
}

.half {
	width: 480px;
}

.question:nth-last-child(2) {
	border-right: none;
}

.question h6 {
	margin-top: 5px;
	margin-left: 5px;
	font-size: 12px;
	font-style: normal;
	font-family: arial;
	font-weight: 100;
	color: #a32020;
}

.question h4 {
	color: #6d6e71;
	font-size: 17px;
	margin-bottom: 15px;
	font-family: arial;
	font-style: normal;
	font-weight: 100;
	margin-top: 5px;
	margin-left: 5px;
}

.question label {
	display: block;
	margin-left: 15px;
	margin-top: 15px;
	color: #404041;
	font-family: arial;
	font-size: 15px;
}

.question label input {
	margin-right: 20px;
}

.question label span {
	display: inline-block;
	width: 82%;
	*margin-left: -4px;
}

.question-spacer {
	height: 375px;
}

#get-snapshot, #begin-button {
	cursor: pointer;
	width: 165px;
	height: 30px;
	color: white;
	font-size: 16px;
	font-style: italic;
	font-family: georgia;
	background-color: #a32020;
	text-align: center;
	line-height: 30px;
	margin: 20px 20px 20px auto;
	font-weight: bold;
	position: relative;
}

#get-snapshot p {
	position: absolute;
	text-align: left;
	left: 18px;
	margin: 0;
}

.button-right {
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid white;
	position: absolute;
	left: 142px;
	top: 9px;
}

#next-button div.button-right, #report-button div.button-right, #report-button-decoy div.button-right{
	left:auto;
	right: 10px;
	top: 14px;
}

#begin-button {
	width: 190px;
}

#benchmark-data {
	border-top: 1px dotted #404041;
}

#benchmark-info {
	width: 380px;
	border-bottom: 1px dotted #404041;
	float: left;
	z-index: 1511;
}

#benchmark-info h6 {
	font-family: arial;
	font-weight: 100;
	font-size: 10px;
	color: #a32020;
	margin-top: 5px;
	z-index: 1510;
}

#benchmark-info h3 {
	font-family: georgia;
	font-style: italic;
	font-size: 26px;
	color: #db536a;
	margin-top: 5px;
	z-index: 1510;
}

#benchmark-info h4 {
	font-family: georgia;
	font-weight: 100;
	font-style: italic;
	font-size: 18px;
	color: #db536a;
	margin-top: 5px;
	margin-bottom: 15px;
	z-index: 1510;
}

#benchmark-info ul {
	margin-left: 20px;
	margin-bottom: 25px;
	z-index: 1510;
}

#benchmark-info p, #benchmark-info li {
	font-family: arial;
	font-style: normal;
	font-size: 15px;
	color: #939598;
	margin-top: 5px;
	margin-bottom: 15px;
	z-index: 1510;
}

#benchmark-info p:last-child {
	margin-bottom: 40px;
}

#benchmark-charts {
	float: left;
	margin-left: 47px;
	margin-top: 30px;
	width: 500px;
	z-index: 10;
}

.pieChart{
	margin-top: -20px;
	margin-bottom: 20px;
}

#benchmark-charts h5, #benchmark-charts h6 {
	font-family: georgia;
	font-style: italic;
	font-size: 16px;
	color: #6d6e71;
	margin-bottom: 1px;
	font-weight: bold;
	z-index: 1000;
	position: relative;
}

#benchmark-charts h6 {
	margin-bottom: 45px;
	font-size: 15px;
	font-weight: 100;
	font-style: normal;
	margin-bottom: 60px\9; 
}

#next-button, #report-button, #report-button-decoy {
	cursor: pointer;
	width: 275px;
	height: 40px;
	color: white;
	font-size: 20px;
	font-style: italic;
	font-family: georgia;
	background-color: #404041;
	text-align: center;
	margin: 0;
	position: relative;
	float:	right;
}
/*
#next-button{
	
}

#report-button,  #report-button-decoy{
	float: right;
}
*/
#reset-button{
	float: right;
    margin-right: 158px;
    margin-top: -47px;
    text-decoration: underline;
    width: 250px; 
	display: none;
	cursor: pointer;
}



#reset-button h3{}

#next-button h2 {
	 color: #FFFFFF;
    font-family: arial;
    font-size: 54px;
    left: 5px;
    line-height: 54px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -5px;
}

div.reset-button{
	float: right;
	text-decoration: underline;
	margin-right: 10px;
	cursor: pointer;
}

#next-button h3, #report-button h3,#report-button-decoy h3 {
	/*display: inline;
	font-size: 18px;
	font-style: italic;
	font-family: georgia;
	float: right;
	margin-right: 20px;
	margin-top: 12px;*/
	position: absolute;
	font-size: 18px;
	font-style: italic;
	font-family: georgia;
	text-align: left;
	width: 100%;
	left: 0;
	line-height: 40px;
	margin: 0;
}

#reset-button h3, #report-button h3, #report-button-decoy h3{
	text-align: center;
}

#report-button, #report-button-decoy {
	display: none; 
}

/*Bullet Graphs*/
.bullet-graph {
	width: 420px;
	height: 30px;
	position: relative;
	margin-bottom: 120px;
	z-index: 1001;
}

.phase {
	color: #404041;
	position: absolute;
	font-size: 10px;
	height: 20px;
	line-height: 10px;
	top: 45px;
	text-align: center;
	z-index: 1000;
	font-family: arial;
}

.phaseblock {
	height: 40px;
	position: absolute;
	z-index: 1000\9;
}

.average {
	background-color: #EB8C00;
	font-size: 3px;
	height: 46px;
	left: 0;
	top: -3px;
	/*line-height: 15px;*/
	position: absolute;
	width: 3px;
	z-index: 1000;
}

.average-text, .you-text {
	color: #EB8C00;
	font-size: 14px;
	font-family: georgia;
	font-style: italic;
	top: -19px;
	position: absolute;
	z-index: 1000;
}

.you-text {
	color: #6D6E71;
	font-size: 22px;
	top: -38px;
}

.performance {
	background-color: #6D6E71;
	/*font-size: 2px;
	height: 16px;
	left: 0;
	position: absolute;
	top: 7px;
	z-index: 1000;*/
	font-size: 3px;
	height: 56px;
	left: 0;
	top: -13px;
	position: absolute;
	width: 3px;
	z-index: 1000;
}


.pieTitle {
	position: absolute;
	right: 234px;
	top: 11px;
	color: #404041;
	font-weight: bold;
	font-family: arial;
	z-index: 2000;
}

/*Yes/No Graphs*/
.yesno-graph {
	width: 301px;
	height: 200px;
	position: relative;
	margin-left: 59px;
}

.no-container, .yes-container {
	float: left;
	width: 150px;
	height: 150px;
	position: relative;
}

.no-container {
	border-right: 1px dashed #404041;
}

.no-bar, .yes-bar {
	position: absolute;
	height: 40px;
	right: 0;
	background-color: #db536a;
	top: 55px;
}

.yes-bar {
	left: 0;
	background-color: #f6d4da;
}

.yes-text, .no-text {
	position: absolute;
	font-family: georgia;
	top: 95px;
	right: 5px;
	font-size: 14px;
	color: #404041;
	font-style: italic;
	
}

.yes-text {
	left: 5px;
}

.yes-percent, .no-percent {
	font-family: georgia;
	font-size: 20px;
	font-style: italic;
	color: #404041;
	position: absolute;
	top: 62px;
}

.arrow {
	position: absolute;
	top: 8px;
	z-index: 1000;
}

.arrow-stem {
	width: 10px;
	height: 35px;
	background-color: #939598;
	margin-left: 12px;
}

.arrow-head {
	width: 0; 
	height: 0; 
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 20px solid #939598;
}

.arrow-head p {
	color: white;
	font-family: arial;
	font-size: 8px;
	font-weight: bold;
	margin-top: -20px;
	margin-left: -7px;
	position: relative;
}

/*Percent Graphs*/
/*.percent-graph {
	position: relative;
	width: 500px;
}

.percent-entry {
	position: relative;
	width: 500px;
	height: 30px;
	margin-bottom: 5px;
}

.percent-checkbox {
	width: 20px;
	height: 20px;
	border: 1px solid #404041;
	position: absolute;
	top: 4px;
}

.percent-response {
	width: 200px;
	height: 30px;
	text-align: right;
	position: absolute;
	left: 45px;
}
.percent-response p {
	color: #404041;
	font-family: georgia;
	font-size: 14px;
	font-style: italic;
}

.percent-bar {
	background-color: #db536a;
	height: 30px;
	position: absolute;
	left: 255px;
}

.percent-value {
	position: absolute;
	color: #404041;
	font-family: georgia;
	font-style: italic;
	font-size: 20px;
	top: 1px;
}*/
.percent-graph {
	position: relative;
	width: 500px;
	margin-top: -30px;
	margin-left: 20px;
	margin-bottom: 40px;
}

.percent-graph tr {
	height: 40px;
}

.percent-entry {
	position: relative;
	width: 500px;
	height: 30px;
	margin-bottom: 5px;
}

.percent-checkbox {
	width: 15px;
	height: 15px;
	border: 2px solid #939598;
}

.percent-checkbox img {
position: relative;
	margin-top: -8px;
	margin-left: -1px;
}

.percent-response {
	width: 200px;
	text-align: right;
}
.percent-response p {
	color: #404041;
	font-family: georgia;
	font-size: 14px;
}

.percent-bar {
	background-color: #db536a;
	height: 15px;
	float: left;
	margin-top: 5px;
}

.percent-value {
	color: #404041;
	font-family: georgia;
	font-style: italic;
	font-size: 20px;
	float: left;
	margin-left: 10px;
	margin-top: -1px;
}

.clear {
	clear: both;
	height: 0;
}


#convertPDF{
	display: none;
}

#convertPDF img{
	float: right;
	width: 199px;
	height: 140px;
	background-color: #ccc;
}

#convertPDFform{
	
	margin-left: 20px;
}

#convertPDFform label{
	display: block;
    font-family: georgia;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    height: 30px;
    position: relative;
    width: 300px;
	
}

#convertPDFform label input{
	position: absolute;
	left: 100px;
	width: 200px;
}

#printPDF{
	width: 200px;
	color: #fff;
	background-color: #404041;
	border: 0;
	font-family: georgia;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	line-height: 35px;
	height: 35px;
	float: right;

}

#convertPDF p{
	font-size: 12px;
}

#convertPDF p.disclaimer{
	font-size: 10px;
	color: #aaa;
	line-height: 12px;
}