/* Main Stylesheet */
/* 2-10 - Risk Assessment Landing Page */
/* Author - Casey Winslow - cwinslow@parallelpath.com */

/* 
Red - #a30046
ORANGE - #ff9900 
Green - #b2d235 
Teal - #00aaad
Purps - #2e3192
Purps-2 - #602d91
Gray - #f6f6f6

*/

/* ------ Imported Fonts for Officina Sans Black and Bold ------ */

@font-face {
    font-family: 'officinasansitc_blackregular';
    src: url('../fonts/officinasans-black-webfont.eot');
    src: url('../fonts/officinasans-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/officinasans-black-webfont.woff') format('woff'), url('../fonts/officinasans-black-webfont.ttf') format('truetype'), url('../fonts/officinasans-black-webfont.svg#officinasansitc_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'itc_officina_sansbold';
    src: url('../fonts/officinasans-bold-webfont.eot');
    src: url('../fonts/officinasans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/officinasans-bold-webfont.woff') format('woff'), url('../fonts/officinasans-bold-webfont.ttf') format('truetype'), url('../fonts/officinasans-bold-webfont.svg#itc_officina_sansbold') format('svg');
    font-weight: 100;
    font-style: normal;
}

body {
	background-color: #2e3192;
	color: #5d6168;
	font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
}

/* General Styles */

.clear {
	clear: both;
}

#logo { margin: 0 auto 50px; display: block; top: 0px; }

h1,h2, .risk-level-high, .risk-level-moderate { font-family: 'officinasansitc_blackregular', sans-serif; text-align: center; text-transform: uppercase; }

h1 {
	color: #fff;
	font-size: 38px;
	font-weight: 300;
	margin: 0;
}

h2 {
	color: #2e3192;
	font-size: 28px;
	font-weight: 300;
	margin: 0;
}



p {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	width: 840px;
	display: block;
	margin: 26px auto 0;
	padding: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 100;
	line-height: 28px;
}

/* Survey Portion Styles*/

.question-container, .risk-container {
	margin: 40px auto 0px;
	width: 600px;
	height: 350px;
	border: 1px solid #888;
	border-radius: 8px;
	padding: 30px 40px;
	background-color: #fcfcfc;
	overflow: auto;
}

	.question-container .question {
		font-weight: bold;
		font-size: 18px;
		line-height: 27px;
		margin: 25px 0;
	}

	.question-container .answers-container {
		margin-top: 9px;
	}

		.question-container .answers-container .answer {
			margin: 12px 0 2px 20px;
			font-size: 18px;
			line-height: 27px;
			padding-left: 20px;
    		text-indent: -24px;
		}

.question-separator {
	margin-top: 10px;
}

/* Progress Bar Styles */

.ui-progressbar { position: relative; margin: 0px; height: 20px; }

.ui-widget-header { background-color: #4e52c2; }

.ui-widget-content { background: #14175c; border: 0px; }

.ui-progressbar-value { background: #4e52c2; border: 0px; margin: 0px; }

.progress-text {
	position: absolute;
	left: 46%;
	top: 2px;
	text-shadow: none;
	color: #7d80e5;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
}

#progressbar {
	width: 680px;
	margin: 30px auto 30px;
}

/* Button Styles */

.ui-state-default { background: #4e52c2; border: 0px; }

.button-container {
	width: 680px;
	margin: 30px auto 0;
}

#prev {color: #fff; float: left; width: auto; }
#next {color: #fff; float: right; width: auto; }

.notification {
	font-weight: bold;
	color: #fff;
	float: right;
	width: auto;
	margin: 6px;
}

/* Form Styles*/

label { margin-left: 5px; }

input[type="text"] {
	height: 40px;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	width: 100%;
	padding: 3px 0 3px 5px;
	font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
	font-size: 20px;
	color: #2e3192;
}


fieldset { border: 0px;  }

fieldset label { color: #2e3192;}

.spinners {
	margin: 3px;
}

/* Risk Level Results Page*/

.risk-level-high, .risk-level-moderate {
	font-weight: bold;
	color: #e24912;
	font-size: 30px;
	margin: 30px 0 30px;
}

.risk-descrip {
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
}

footer {
	color: #4e52c2;
	background-color: #25287c;
	padding: 50px 0;
	width: 100%;
	text-align: center;
	margin-top: 70px;
}