@charset "utf-8";

/*****************************************************
ACSP Examination Result - Main CSS - CSS Markup version 3
XHTML + CSS by Nopphan Bunnag
www: http://www.itcheedesign.com
contact: support@itcheedesign.com
Compatible with Firefox 3.5+, IE 8+, Safari 4+, Opera 9+, Chrome
****************************************************/

/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* Main Element */

body{
background: #ddeef2 url(images/bg.gif) repeat-x;
font-family: Arial, Tahoma, sans-serif;
font-size: 13px;
color: #000;
}
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
strong{font-weight:bold;}
.clear{clear:both;}

a{
color: #000;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

/* Main Template Element */

#wrapper{
width: 940px;
margin: 0px auto;
}

/* TOP NAVIGATION */

#top-nav{
background: rgba(0,0,0,0.3);
height: 40px;
width: 100%;
}

/* HEADER */

#header{
	height: 200px;
	margin-top: 20px;
}
#header h1{
text-indent: -9999px;
}
#header h1 a{
	width: 940px;
	height: 200px;
	background: url(images/banner_M4.jpg) no-repeat;
	display: block;
}

/* CONTENT */

#content{
background: #FFF;
border: 1px solid #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 20px;
margin-top: 20px;
}

/* CHECK BOX */

#check-box{
float: right;
width: 850px;
float: center;
padding: 20px;
border: 1px solid #8bb423;
background: #e0ebc5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#check-box h2{
width: 630px;
height: 50px;
background: url(images/h2-stdid.png) no-repeat;
text-indent: -9999px;
}

#check-box form legend{
display: none;
}

#check-box form label{
margin: 10px 45px;
display: none;
}

#check-box ul{
margin: 10px auto;
}

#check-box form ul li{
display: inline;
}

#stu-id-input{
height: 30px;
width: 180px;
font-size: 24px;
border: 1px solid #c8e6e6;
background: #fefeff;
padding: 10px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #0896a0;
display: block;
margin: 0px auto;
}
#stu-id-input:hover{
background: #f5fffe;
}
#stu-id-input:focus{
background: #fefeff;
}
#check-button{
width: 80px;
height: 40px;
color: #FFF;
font-size: 18px;
font-weight: bold;
margin-top: 10px;
background: url(images/btn-bg.gif);
border: 1px solid #973d00;
display: block;
margin: 10px auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* DETAIL BOX */

#detail-box{
	width: 850px;
	float: center;
	padding: 20px;
	border: 1px solid #eeb405;
	background: #fcecbd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#detail-box h2{
width: 230px;
height: 26px;
background: url(images/h2-announce.png) no-repeat;
text-indent: -9999px;
}

#detail-box ul{
margin-top: 10px;
}
#detail-box ul li{
margin: 10px 0 0 10px;
list-style-type: disc;
}

/* ERROR */
#error{
width: 814px;
padding: 20px 20px 20px 66px;
border: 1px solid #eeb405;
background: #fcecbd;
margin-top: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#error h2, #error h3, #error blockquote{
margin-top: 10px auto;
}

/* ERROR DETAIL */
#error-detail{
width: 814px;
padding: 20px 20px 20px 66px;
border: 1px solid #eeb405;
background: #fcecbd url(images/warning.png) no-repeat left;
margin-top: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.back-btn{
width: 300px;
height: 20px;
font-size: 16px;
font-weight: bold;
margin: 20px auto;
padding: 10px;
background: url(images/btn-bg.gif);
border: 1px solid #973d00;
display: block;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.back-btn a{
color: #FFF;
}
#result-btn{
margin-top: 30px;
}
/* STUDENT DETAILS */
#stu-detail{
float: left;
font-weight: bold;
}
#stu-detail h2{
font-weight: bold;
}
#stu-detail ul{
margin-top: 10px;
}
#stu-detail ul li{
font-size: 14px;
margin-top: 5px;
}
/* STUDENT RESULT */
#stu-result{
float: right;
margin-top: 35px;
margin-right: 50px;
}

#stu-result table{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px auto 20px auto;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #209c8e;
}

#stu-result th{
	padding: 15px 10px 10px 10px;
	font-weight: bold;
	font-size: 14px;
	background: #209c8e;
	color: #FFF;
	text-align: center;
}

#stu-result thead{
padding: 5px;
border: 1px solid #209c8e;

}
#stu-result tbody{
background: #
}
#stu-result td{
background: #f5fffe;
padding: 5px;
	border-top: 1px dashed #fff;
	border-right: 1px dashed #fff;
}
#stu-result tbody tr:hover td
{
	color: #000;
	background: #79d6cb;
}
#stu-result td.unpass-sub{
background: #ffc7c7;
color: #c20a0a;
font-weight: bold;
}
#stu-result tbody tr:hover td.unpass-sub
{
	color: #000;
	background: #79d6cb;
	
}
#stu-result td.unpass{
background: #ffc7c7;
color: #c20a0a;
font-weight: bold;
text-align: center;
}
#stu-result tbody tr:hover td.unpass
{
	color: #000;
	background: #79d6cb;
	
}
#stu-result td.result-pass{
	text-align: center;
}
/* FOOTER */

#footer{
font-size: 11px;
margin: 20px 0px;
}

/* BROWSER WARNING */