body {
  font-family: Tahoma, Verdana;
  font-size: 10pt;
  margin:0 auto;
	background:#C6F8FE;
 }
 
 #top_nav {
   width: 934px; 
   background: url(../images/bg.jpg) repeat-x left center;  
   border-left: 1px solid #098ED3; 
   border-right: 1px solid #098ED3;
   border-top:0px solid #098ED3; 
   border-bottom: 1px solid #098ED3;
   padding-top:10px;
   padding-bottom:10px;
   color:#FFFFFF;
   float:left;     
 } 
#wrapper{
width:938px;
padding-left:2px;
padding-right:1px;
margin:0 auto;
background:#FFFFFF;
padding-top:5px;
padding-bottom:5px;
}

 #logo {
   width: 934px;  
   border-left: 1px solid #098ED3; 
   border-right: 1px solid #098ED3;
   border-top: 1px solid #098ED3; 
   border-bottom: 1px solid #098ED3;
 
   float:left;
 } 

 
 #body_wrapper {
   width: 936px;
   float:left;
 }
 
 #left_nav {
    padding-top: 8px;
    width: 187px;
    float: left;
    margin: 0 auto;
 }
  
 #right_nav {
    padding-top: 8px;
    width: 185px;
    float: right;
    margin: 0 auto;
 } 
 
 #content {
    padding-top: 8px;
    float: left;

 } 
 
 #footer {
   font-size: 8pt;
   padding-top: 3px;
   padding-bottom: 3px;
   width: 936px;
   background: #098ED3;  
 }    
 
#footer a:link,#footer  a:visited, #footer a:active {
 color: black;
 font-weight: bold; 
 text-decoration: none;
} 

#footer a:hover {
 color: #FFF6E6; 
} 

 
 
#logo h1 {
 font-size: 20pt;
 margin-top: 12px;
 margin-bottom: 12px;
 color: white;
}
 
a:link, a:visited, a:active {
 text-decoration: none;
} 

a:hover {
 color: #098ED3; 
} 

#top_nav a:link,#top_nav a:visited, #top_nav a:active {
 color: #FFFFFF;
 font-weight: bold; 
 text-decoration: none;
 padding-right:15px;
 padding-left:15px;
} 

#top_nav a:hover {
 color: #CC0000; 
} 

img { border: 0px; }


.nav_box_header {
 font-size: 11pt;
 background:url(../images/bg_title.jpg) no-repeat;
 color: white;
 font-weight: bold;
 width: 185px;
 padding-top:3px;
 padding-bottom:5px;
 height:26px;
}

.nav_box { 
 padding-bottom:5px;
 padding-top:5px;
 width: 181px;
 border-left: 2px solid #3398cc; 
 border-right: 2px solid #3398cc;
 border-bottom: 2px solid #3398cc;   
 text-align: left;
 background-color:#edf8fd;
}
#kh {
border-bottom:1px dashed #999999;

}
.nav_box a{
color:#0066FF;
}
.nav_box a:hover{
color: #CC0000;
}
.nav_box2 { 
 padding-bottom:5px;
 padding-top:5px;
 width: 181px;
 border-left: 2px solid #3398cc; 
 border-right: 2px solid #3398cc;
 border-bottom: 2px solid #3398cc;   
 text-align: left;
 background-color:#edf8fd;
}
.nav_box2 a{
color:#027965;
}
.nav_box2 a:hover{
color: #CC0000;
}
.content_box_header {
 width: 98%;
 border-left: 1px solid #098ED3; 
 border-right: 1px solid #098ED3;
 border-top: 1px solid #098ED3; 
 border-bottom: 1px solid #098ED3;   
}
#button {
background: url(../images/bt.gif) no-repeat center left;
padding:5px;
padding-left:30px;
}

#button a{
color:red;
}

#button2 {
padding-left:5px;
height:30px;
font-size:14px;
}
.content_box { width: 98%;
 border-left: 1px solid #098ED3; 
 border-right: 1px solid #098ED3;
 border-top: 1px solid #098ED3; 
 border-bottom: 1px solid #098ED3;  
         
}

#center_box a
{
 color: #0099FF;
 }
#center_box a:hover
{
 color: #CCCCCC;
 }
div.nav_box p { margin:0; }

#content .nav_box { 
	padding-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#content .nav_box {
 padding-left: 5px;
 padding-right: 5px;
 width: 530px;
}
#next {
width:530px; 
float:left; 
height:20px; 
text-align: center;
border-top:1px dashed #009900;
padding-top:5px;
}
#next a{
color:#CC0000;
}
#next a:hover{
color: #0066FF;
}

#footer {
 color: white;
 background:#019141;
 height:110px;
 padding-top:10px;
}

#footer a:link, #footer a:visited, #footer a:active {
  color: white;
}
#footer a:hover{
color:#CC0000;
}


#contact-area {
	width: 450px;
	margin-top: 25px;
	margin-left: 20px;
}

#contact-area input, #contact-area textarea{
	padding: 5px;
	width: 280px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 3px 0px;
	border: 1px solid #ccc;
}

 #contact-area select {
	padding: 5px;
	width: 115px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 3px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 150px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #FF9999;
}

#contact-area input.submit-button {
	width: 100px;
	margin-left:115px;
	background: #3399CC;
	color:#FFFFFF;
	cursor:pointer;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.0em;
	color:#000;
}



/*################## PHaN TRANG ##################*/

/*################## PHÂN TRANG ##################*/

#paging {width:auto; margin:5px; padding:0px;}

#paging_main {margin:0px; padding:0px;}

#paging_main li{float: left;overflow: hidden;list-style-type: none;margin-right:5px;}

#paging_current {width:20px;background-color:#CCCCCC;border:1px solid #AAAAAA;text-align:center;font-weight:bold;}

#paging_link {width:20px;background-color:#EEEEEE;border:1px solid #DDDDDD;text-align:center;font-weight:bold;}

#paging_previous {width:50px; text-align:right; margin-right:5px; padding:1px;}

#paging_next {width:100px; text-align:left;padding:1px;}

#paging_status {margin-top:5px;width:100%;text-align:center;color:#666666;float:left;}



/*################## THoNG BaO LoI MYSQL ##################*/

#mysql_error_frame { width:500px; border:1px solid #CC0000; padding:1px; margin:10px; text-align:left}

#mysql_error { font-size:12px; font-family:Arial; text-align:left }

.me_title { font-weight:bold; background-color:#CC0000; color:#FFFFFF; padding:3px}

.me_desc { font-weight:bold;background-color:#EEEEEE;; padding:3px}

.me_detail {font-size:12px; color:#666666;background-color:#FFFFFF; padding:3px}



/*################## CuA S DEBUG ##################*/

#debug_window { font-size:12px; background-color:#FFFFCC; border:1px solid #FFCC00; color:#CC0000; padding:3px; margin:10px}

#debug_sql {font-size:11px; color:#666666}