h1{
font-family: Verdana, sans-serif;
font-size: 22px;
color: #000000;
line-height: 30px;
padding: 3px;
}
h2{
font-family: Verdana, sans-serif;
font-size: 16px;
color: #000000;
line-height: 16px;
padding: 3px;
}
p{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: left;
}
.pbold {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 18px;
padding: 3px;
font-weight: bold;
}
.table{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 12px;
padding: 3px;
}
.p_condensed {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 11px;
padding: 3px;
}
.p_condensedTextBox {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 11px;
padding: 3px;
background-color: #CCCCCC;
}
.pscale {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 14px;
padding: 3px;
}
.pscalebold {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 14px;
padding: 3px;
font-weight: bold;
}
.h2 {
font-family: Verdana, sans-serif;
font-size: 16px;
color: #000000;
line-height: 16px;
padding: 3px;
font-weight: bold;
}
.pboldCenter {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 18px;
padding: 3px;
font-weight: bold;
text-align: center;
}
.pboldCenterTitle {
font-family: Verdana, sans-serif;
font-size: 10px;
color: #000000;
line-height: 18px;
padding: 3px;
font-weight: bold;
text-align: center;
}
.p_instructions {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: left;
}
.p_instructionscenter {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: center;
}
.p_instructionsTextBox {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	text-align: left;
	background-color: #CCCCCC;
}
.pscaleCentered {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 14px;
padding: 3px;
text-align: center;
}
.pscaleCenteredTextBox {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 14px;
padding: 3px;
text-align: center;
background-color: #CCCCCC;
}
.p_instructionsBold {

	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
}
.p_condensedBold {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
line-height: 11px;
padding: 3px;
}
.TitleHeading {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	color: #000000;
	line-height: normal;
	padding: 3px;
	font-weight: bold;
}







/* this is for the clickable area around the radio buttons */
span.radio_option {
    padding: 5px 10px;
    display:inline-block; 
    width:70px;
}
span.radio_option:hover {
    background: #E0E0E0;
}
.oddrow {
	background-color: #F2F2F2;
}
.evenrow {
	background-color: #E9E9E9;
}


/* this is for progress bar */
.container{
	width:500px;
	display:block;
	margin:20px auto;
}
.progress {
	overflow: hidden;
	height: 20px;
	background-color: #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
		margin-bottom: 20px;
}
.progress-bar {
	width: 0;
	height: 100%;
	color: #fff;
	text-align: center;
	background-color: #ee303c;

	
 
}
.progress-striped .progress-bar {
			background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-size: 40px 40px;
}
.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
}




/* this is for result bar */
.container{
	width:500px;
	display:block;
	margin:20px auto;
}
.result {
	overflow: hidden;
	height: 20px;
	background-color: #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
		margin-bottom: 20px;
}
.result-bar {
	width: 0;
	height: 100%;
	color: #fff;
	text-align: center;
	background-color: #ee303c;

}
.result-striped .result-bar {
			background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
			background-size: 40px 40px;
}
.result.active .result-bar {
	-webkit-animation: result-bar-stripes 2s linear infinite;
	animation: result-bar-stripes 2s linear infinite;
	-moz-animation: result-bar-stripes 2s linear infinite;
}