/* Primary styles */
html, body {
	font-family:'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
}
a {
	color:#1d7c00;
}
a:visited {
	color:#1d7c00;
}
a:hover {
	color:#004089;
}
#bodycontainer {
	min-height:100%;
	position:relative;

}

/* Layout Styles */
header.layout {
	border-top: 3px solid #004089;
}
header.layout nav {
	float:right;
	margin:4px 12px 0 0;
}
header.layout nav a {
	padding:4px;
}
header.layout #customerline {
	background:#004089;
	color:#fff;
	font-family:'Roboto';
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:4px 12px;
}

#content.layout {
	padding:10px;
	padding-bottom:30px;
}

footer.layout {
	background:#ccc;
	bottom:0;
	color:#999;
	font-size:8px;
	height:20px;
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
}
footer.layout p {
	margin:0;
	padding:5px 0 0 12px;
}

/* Login box styles */
.loginbox {
	background:#e0e0e0;
	border-bottom:1px solid #ccc;
	border-radius:4px;
	font-family:'Roboto';
	margin:20px auto;
	padding:4px 20px 10px 20px;
	width:550px;
}
.loginbox .sop {
	color:#666;
	font-size:14px;
}
.loginbox .sso {
	float:left;
	margin:4px 0;
	width:200px;
}
.loginbox .reg {
	border-left:1px solid #999;
	margin:10px 10px 10px 220px;
	padding:4px 0 12px 30px;
}
.loginbox .reg label, .dlg label {
	display:block;
	font-size:14px;
	font-weight:bold;
	margin-top:16px;
}
.loginbox .reg .it_login {
	height:20px;
	padding:4px;
	width:250px;
}
.loginbox .reg button {
	display:block;
	height:30px;
	margin:16px 0;
	padding:4px;
	width:125px;
}

.loginerror {
	background:#fcc;
	border-top:1px solid #a00;
	border-bottom:1px solid #a00;
	color:#a00;
	padding:6px 10px;
}

.message {
	background:#ccc;
	border:1px solid #444;
	border-radius:6px;
	color:#444;
	font-weight:bold;
	margin:20px;
	padding:10px 16px;
}
.message.error {
	background:#fcc;
	border-top-color: #a00;
	border-left-color: #a00;
	border-right-color: #a00;
	color:#a00;
}
.message.warning {
	background:#fca;
	border-top-color: #c60;
	border-left-color: #c60;
	border-right-color: #c60;
	color:#c60;
}

.testlist {
	border:1px solid #004089;
	border-radius:14px;
	margin:10px auto;
	min-width:450px;
	width:50%;
}
.testlist h2 {
	background:#ddd;
	border-bottom:1px solid #004089;
	border-radius:14px 14px 0 0;
	margin:0;
	padding:8px 12px;
}
.testlist .row {
	padding:12px 16px;
}
.testlist .row a {
	font-weight:bold;
}

.exammessage {
	border:1px solid #004089;
	border-radius:14px;
	margin:10px auto;
	min-width:350px;
	width:30%;
}
.exammessage h2 {
	background:#ddd;
	border-bottom:1px solid #004089;
	border-radius:14px 14px 0 0;
	margin:0;
	padding:8px 12px;
}
.exammessage .row {
	padding:12px 16px;
}
.exammessage.center {
	text-align:center;
}

button.go {
	display:block;
	font-weight:bold;
	margin:2px auto;
	padding:20px;
	width:200px;
}
button.back {
	display:block;
	margin:2px auto;
	padding:5px;
	width:200px;
}
button.qm {
	display:inline;
	font-weight:bold;
	margin:10px auto;
	padding:20px;
	width:90px;
}

#tabs {
	margin:15px auto;
	width:90%;
}

.dlg {
	display:none;
}

.reporttable {
	border-collapse:collapse;
	margin:20px auto;
	min-width:50%;
}
.reporttable td {
	margin:0;
	min-width:100px;
	padding:8px 12px;
}
.reporttable tr th {
	border-bottom:2px solid #000;
}
.reporttable tr:nth-child(even) {
	background: #ddd;
}
.reporttable .c_center {
	text-align:center;
}
.reporttable a {
	padding:0 8px;
}