/* CSS for main pages (except home, partner and results) */

.container {
	width:960px;
}
#textcontainer {
	float:left;
	width:48%;
}
#page2container {
	float:right;
	width:48%;
	margin-bottom: 20px;
}
#page2container h3, #page2container iframe {
	max-width:100%;
	margin-bottom:20px;
}
#page2container img {
	margin:5px 0 15px;
}
#uploadfield {
	margin-bottom: 20px;
}

#faqarea {
	border-top:1px #c3d9ff solid;
	margin-top:15px;
}
.faq_q { 
	padding:5px 10px;
	background-color:#e5ecf9;
	font-weight:bold;
	border-bottom:1px #c3d9ff solid;
	color:#183a74;
	cursor:pointer;
}
.faq_a { 
	padding:8px 15px;
	line-height:1.5em;
	border-bottom:1px #c3d9ff solid;
}
.faq_q ul, .faq_q ol, .faq_a ul, .faq_a ol {
	margin:0;
	padding-left: 15px;
}
#contactform>.label {
	font-weight:bold;
}
#contactform textarea {
	width:100%;
}
#contactform>div {
	margin-bottom:20px;
}
img.inline {
	margin:0;
	padding:0;
	left:0;
	float:none;
	position:relative;
}
#scan_options {
	margin-top:0;
}
#scan_options>label {
    margin-left: 20px;
    display: block;
}
#scan_options>label>input {
    float: left;
    margin-left: -20px;
    margin-right: 7px;
}
#applyform input[type=text], #applyform input[type=email] { width:100%; }
#applyform input[name=code] { width:calc(100% - 100px) !important }
#applyform td { vertical-align: middle; }
p.newsletter { margin: 10px 0 0 }
form.newsletter { margin-bottom:20px }
form.newsletter label {
    margin-top: -10px;
    margin-bottom: -10px;
}
thead>tr>td { font-weight:bold; }

@media only screen
and (max-width : 900px) {
	.container {width:90%}
	#textcontainer {float:none;width:100%}
	#page2container {float:none;width:100%}
}