@CHARSET "UTF-8";
.form_row p, p.error {
	border: #FF9393 solid 2px;
	padding: 8px;
	color: #FF4848;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
}
p.success {
	border: #66CC33 solid 2px;
	padding: 8px;
	color: #66CC33 !important;
	font-size: 16px !important;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
}
.contact p {
	width: auto;
}

a.facebook {
	background: url(img/facebook_icon.png) no-repeat;
	height: 36px;
	display: inline-block;
	padding-left: 45px;
	width: 150px;
	font-family: "Calibri", Arial, Helvetica, sans-serif !important;
	font-size: 13px;
	line-height: 16px;
	color: #ffbea9 !important;
	font-weight: bold;
}
a.facebook:hover {
	color: #FFF !important;
}

#header {
	background:url(img/bgHeaderSubpage.jpg) repeat-x scroll 0 0 transparent;
}

#subContentBg {
	background: url(img/bgSubContent.jpg) no-repeat;
	background-color: #8c0e0f;
	min-height: 500px;
}

#subContentBg.mainpage {
	background: url(img/bgSubContent_main.jpg) no-repeat;
	background-color: #8c0e0f;
	
}

#content h1, #content h2 {
	color: #e06d50;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 24px;
}
#content h2 {
	font-size: 18px;
	color: #FFF;
	margin-bottom: 5px;
	margin-top: 25px;
}

#content h3, #content h4, #content h5 {
	font-size: 16px;
	color: #FFF;
	margin-bottom: 5px;
	margin-top: 20px;
}
#content p, #content label, #content li {
	color: #FFF;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:0.05em;
}
#content * {
	letter-spacing: 0.05em;
}
#loginbar {
	width: 258px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: right;
}
#loginbar span {
	text-align: right;
	float: right;
	display: block;
	clear: both;
	color: #FFF;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:0.05em;
	width: 100%;
}
#loginbar span a {
	color: #FFF;
}

#loginbar span.username {
	margin-top: 2px;
	font-size: 20px;
}


#loginbar div.profiledetails {
	float: left;
	width: 200px;
	padding-top: 10px;
}
#loginbar div.profilepicture {
	float: right;
	width: 50px;
}


/*#content label {
	width: 310px;
}*/
#content li {
	list-style: circle;
	padding: 0;
	margin-left: 20px;
}
#content label {
	color: #ff825e;
	font-weight: normal;
}

#content a{
	color: #ffff99 !important;
}
#content a:hover, #loginbar a:hover {
	text-decoration: none;
	color: #BBB;
}

.contact input.text, textarea.text {
	background-color: #FFBD9D; /*#ffa275;*/
	border: #d10d0e solid 1px;
	padding: 5px;
	color: #000;
}

select {
	width: 430px !important;
}
select option {
	padding: 8px !important;
}


.contact input.text:focus,  textarea.text:focus {
	border: #FFF solid 1px;
}


.contact input.button, .contact input.button:hover {
	background:url(img/button.gif) no-repeat scroll 0 0 transparent;

}


.subpageBoxBg {
	background:url(img/bgSubPageBox.gif) repeat-y scroll center top #FFFFFF;

}

.subpageBox {
	border:1px solid transparent;
	color: #FFF;
}
.subpageBox h2, .subpageBox a {
	color: #FFF;
}

ul li {
	background: none !important;
}



#subPageMenu ul {
	background-color:#d10d0e;
	border-left:1px solid #8a0202;
	border-right:1px solid #8a0202;
	border-top:1px solid #8a0202;
}

#subPageMenu ul li.lev1 {
	border-bottom: #8a0202 solid 1px;
}



#subPageMenu ul li.lev1 a {
	color: #FFF;
	background: none;
}





#subPageMenu li.active, #subPageMenu li:hover,  #subPageMenu li.marked:hover {
	background: url(img/bgMenuActive.gif) repeat-x !important;
	font-weight: bold;
	color: #000 !important;
}
.marked, .marked a {
	background-color: #fff983 !important;
	color: #474747 !important;
}
.marked a:hover {
	color: #000 !important;
}




#option_text, #option_file, #option_url
{
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 20px !important;
}
.answer_type {
	margin-left: 40px !important;
	margin-top: 20px;
	margin-bottom: 30px;
}






.pdf {
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
	background-image:url(img/pdf.gif);
}

#ie-message {
	background:#C00;
	text-align:center;
	border-bottom:1px solid #900;
	color: #fff;
	position:absolute;
	top:0;
	left: 0px;
	z-index: 999;
	padding:10px;
	width: 100%;
	font-size: 12px;
}
#ie-message a {
	color: #fff;
}


table.myanswers {
	width: 100%;
	background-color: #5a1011;
	border: 0;
	padding: 10px;
}
table.myanswers td, table.myanswers th {
	padding: 5px;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.05em;
	border-bottom:1px solid #FFF;
	text-align: center;
	
}
table.myanswers td {
	color: #FFF;
}
table.myanswers td a {
	color: #999999 !important;
	text-decoration: underline !important;
}
table.myanswers td a:hover {
	color: #999999 !important;
	text-decoration: none !important;
}

table.myanswers th {
	font-weight: bold;
	color: #FFF;
}




td.warning {
	background: url(img/warning.png) no-repeat;
	padding-left: 35px !important;
}
td.warning span {
	color: #ff0000;
	font-weight: bold;
}

td.success {
	background: url(img/success.png) no-repeat;
	padding-left: 35px !important;
	color: #000 !important;
}

table.myanswers tr.validated td {
	background-color: #FFF983;
	color: #000 !important;
}























.step_boxes {
	clear: both;
	margin-bottom: 40px !important;
	margintop: 40px !important;
}

.step_box {
	width: 200px;
	min-height: 100px;
	text-align: center !important;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
.step_box div {
	padding-top: 70px;
	text-align: center !important;
}
.step_box div * {
	text-align: center !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 14px;
}


.step1active {
	background: url(img/step_1.png) center top no-repeat;
}
.step1inactive {
	background: url(img/step_1_inactive.png) center top no-repeat;
}
.step2active {
	background: url(img/step_2.png) center top no-repeat;
}
.step2inactive {
	background: url(img/step_2_inactive.png) center top no-repeat;
}
.step3active {
	background: url(img/step_3.png) center top no-repeat;
}
.step3inactive {
	background: url(img/step_3_inactive.png) center top no-repeat;
}

#content .step_box a {
	color: #975639 !important;
}

#content .step1active a, #content .step2active a, #content .step3active a{
	color: #ffff99 !important;
}