/*
	
	Delfin English Test
	Date Created: Monday, July, 28 2008
	
*/

/* HTML Tags */
body {
	text-align:center;
	font:14px arial,verdana,sans-serif;
	color:#000;
	background:#0A1955;
}
a {
	color:#1A4272;
}

/* Class */
br.clear {
	clear:both;
}


/* Layout */
#container {
	width:900px;
	margin:10px auto;
	background:#FFF;
	padding-bottom:10px;
	text-align:left;
	z-index:1;
}

#header {
	position:relative;
	height:140px;
	background:#1A4272 url("../images/bg_header.jpg") repeat-x bottom left;
	z-index:2;
}
#header h1 {
	position:absolute;
	width:384px;
	height:91px;
	background:transparent url("../images/bg_logo.jpg") no-repeat top left;
	text-indent: -9000px;
	top:15px;
	left:20px;
	z-index:3;
}
#header h1 a {
	display:block;
	width:384px;
	height:91px;
}

#content {
	padding:10px 0px;
	z-index:2;
}
#mainbody {
	width:860px;
	position:relative;
	left:20px;
	padding-bottom:80px;
	z-index:3;
}

#mainbody p {
	margin:6px 0px;
}

#footer {
	margin:0px auto;
}
#footer p {
	color:#FFF;
	font-size:11px;
	text-align:center;
}
#footer p a {
	color:#FFF;
}




/* TItle */
h2.title {
	font:bold 33px arial,verdana,sans-serif;
	letter-spacing:-1px;
}
h3.title {
	font:22px arial,verdana,sans-serif;
	color:#1A4272;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}

/* Section */
.section {
	position:relative;
	padding-bottom:10px;
	z-index:4;
}
.section .totop {
	position:absolute;
	top:-30px;
	right:0px;
	font-size:12px;
	color:#1A4272;
}
#section1 ol li.alt {
	background:#EFEFEF;
	z-index:4;
}
#section1 ol li.hover {
	background:#F3F9CD;
	z-index:4;
}

#section2 ol li.alt {
	background:#C6EDFC;
	z-index:4;
}
#section2 ol li.hover {
	background:#F3F9CD;
	z-index:4;
}

#section3 ol li.alt {
	background:#B4FDD1;
	z-index:4;
}
#section3 ol li.hover {
	background:#F3F9CD;
	z-index:4;
}


/* Question */
ol li {
	border-bottom:1px solid #CCC;
	padding:8px 0px;
}
ol li div {
	padding:5px 0px;
	display:block;
	position:relative;
	left:13px;
	z-index:10;
}
ol li span {
	width:160px;
	display:block;
	float:left;
	color:#333;
	position:relative;
	z-index:1000;
}
ol li h4 {
	font-weight:bold;
}
ol div input {
	position:relative;
	z-index:11;
}


/* Answer */
.answer {
	background:#EFEFEF;
	position:absolute;
	width:250px;
	right:0px;
	top:0px;
	padding:5px;
}
.answer ul {
	list-style:decimal;
	width:230px;
	margin-top:20px;
}
.answer ul li {
	font-size:11px !important;
	margin-left:25px;
	width:90px;
	float:left;
}

.info p {
	padding:7px 0px;
	font-weight:bold;
	background:#F3F9CD url("../images/information.png") no-repeat 4px 7px;
	color:#1A4272;
	padding-left:20px;
	position:relative;
}

/* Details */
.details {
	padding:10px 0px;
}
strong {
	font-weight:bold;
}

.form-item {
	padding:8px 0px !important;
	border-bottom:1px solid #CCC;
	position:relative;
	margin-top:0px !important;
}
.form-items {
	padding:8px 0px;
}
.form-item label,
.form-items label {
	float:left;
	width:180px;
	position:relative;
	top:5px;
	text-align:right;
	margin-right:10px;
}
.form-item .inputbox {
	padding:2px 4px;
	font-size:13px;
	width:200px;
}
div.alt {
	background:#EFEFEF;
}
div.hover {
	background:#F3F9CD;
}

.form-item p.error {
	font-weight:bold;
	color:#FFF;
	position:absolute;
	right:10px;
	top:8px;
	font-size:11px;
}
div.error {
	background:#990000;
	color:#FFF;
	padding:1px;
	margin-top:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.error p {
	padding:4px 2px;
	width:90%;
	margin-left:10px !important;
}


.levels {
	
	padding:5px;
	width:300px;
	background: #eee;
	margin:10px 0;
	text-align:center;
	float:right;
}
.levels h3 {
	font:bold 18px arial,verdana,sans-serif;
	color: #000099;
}
p.total {
	font-weight:bold;
	margin-top:20px !important;
}

div.result {
	float:left;
	width:500px;
}
div.result h3.result {
	font:25px arial,verdana,sans-serif;
	color: #000099;
	position:relative;
	top:60px;
}

table.admin {

}
table.admin th {
	font-weight:bold;
	padding:8px 2px;
	background:#1A4273;
	cursor:pointer;
	color:#FFF;
	font-size:12px;
}
table.admin th a {
	color:#FFF;
}
table.admin td {
	border-bottom:1px solid #CCC;
	padding:7px 2px;
	font-size:12px;
}
.even td {
	background:#EFEFEF;
}
.hover td {
	background:#F7D39F;
}
.clicked td {
	background:#F0A740;
	color:#FFF;
}

.center {
	text-align:center !important;
}

.button {
	font:15px Helvetica,verdana,sans-serif;
	margin-top:10px;
	background:#1A4272;
	border-width:1px 2px 2px 1px;
	border-color:#8CC0FA #33455A #33455A #8CC0FA;
	border-style:solid;
	color:#FFFFFF;
	cursor:pointer;
	padding:5px 18px;
}

.paging {
	font-size:16px;
	background:#EFEFEF;
	padding:8px;
	margin-top:10px;
	margin-bottom:20px;
}
a.selected {
	font-weight:bold;
	text-decoration: none;
	color:#000;
}
div.show {
	float:right;
}
div.show select {
	font-size:14px;
}
small.error-item {
	position:absolute;
	right:10px;
	font-size:12px;
	width:300px;
	text-align:right;
	top:14px;
}