html, body * {font: 11px verdana, tahoma, arial; line-height: 1.7;}
html, body {margin: 0; padding: 0; color: #333;}

hr {color: #fff; margin: 10px 0px; border: 1px solid orange;}
h2 * {font-size: 13px; font-weight: bold;}

strong {font-weight: bold;}

a {color: #0B4779; text-decoration: none; text-transform: capitalize;}
a:hover {text-decoration: underline;}

a.vip_link {color: red; font-weight: bold;}
img {border: none;}

body {width: 100%; height: 100%;}

div#web_page {text-align: left; width: 100%; min-width: 1000px; background: #f6f6f6;}
div#web_page_left {width: 100%; background: transparent url(images/content_left_bg.jpg) repeat-y top left;}
div#web_page_right {width: 100%; background: transparent url(images/content_right_bg.jpg) repeat-y top right;}

div#header {margin: 0 auto; background: url(images/header_top_menu_bg.gif) repeat-x; min-height: 54px;}
div#header_menu {margin: 0 auto;	width: 1000px;}
div#header_menu ul {margin: 0 auto; display: inline; list-style-image: none; list-style-position: outside; list-style-type: none;}
div#header_menu ul li {background: url(images/header_top_menu_right_bg.jpg) no-repeat top right; cursor: pointer; display: block; float: left; height: 20px; padding: 17px 0px;}
div#header_menu ul li.active a {color: yellow; font-weight: bold; padding: 20px 30px 15px; text-transform: uppercase;}
div#header_menu ul li a {color: white; font-weight: bold; padding: 20px 30px 15px; text-transform: uppercase; text-decoration: none;}
div#header_menu ul li a:hover {color: yellow; font-weight: bold;}

div#account_menu ul {margin: 0; padding: 0; list-style-image: none; list-style-position: outside; list-style-type: none;}
div#account_menu ul li {display: block; text-align: left; background: #EBEBEB; margin: 2px 0 2px 0;}
div#account_menu ul li a {display: block; padding: 3px 5px 2px 5px; text-decoration: none; border-left: 3px solid #EBEBEB;}
div#account_menu ul li a:hover {display: block; padding: 3px 5px 2px 5px; text-decoration: none; border-left: 3px solid #0B4779; background: #6694E3; color: white;}
div#account_menu ul li a.account_menu_current {display: block; padding: 3px 5px 2px 5px; text-decoration: none; border-left: 3px solid #0B4779; background: #6694E3; color: white;}

div#header_banner {margin: 5px auto; width: 100%; min-height: 175px; _height: 175px;}
div#header_banner_inner {margin: 0 auto; width: 960px; min-height: 175px; _height: 175px; background: url(images/header_banner.jpg) no-repeat;}

div#content {margin: 5px auto; width: 958px; min-height: 200px; background: #fff; border: 1px solid #d6d6d6;}
div#content div#content_wrapper {padding: 0 5px 5px 5px;}

div#message {}

div#content_for_layout {width: 948px;}
div#content_for_layout div#content_inner {width: 688px; float: left; padding: 5px 0 5px 0;}
div#content_for_layout div#content_col {width: 250px; float: right; background: url(images/right_col_main_bg.jpg) repeat-y;}
div#content_for_layout div#content_col_top {width: 250px; float: right; background: url(images/right_col_top_bg.jpg) no-repeat top center;}
div#content_for_layout div#content_col_bottom {width: 250px; float: right; padding-bottom: 30px; background: url(images/right_col_bottom_bg.jpg) no-repeat bottom center;}
div#content_for_layout div#content_col div#content_col_inner {padding: 10px 20px;}
div#content_for_layout div#content_col div#content_col_inner h2 {background: #fff url(icons/arrow_down_silver.gif) no-repeat scroll 5px center; border: 1px solid #EBEBEB;	margin: 20px 0 10px 0;	padding: 5px 0 5px 35px; color: green;	text-transform: uppercase; font-weight: bold;}
div#content_for_layout div#content_inner h2 {margin: 0 0 5px 0; color: green; font-weight: bold; font-size: 13px;}
div#content_for_layout div#content_inner div#home_top_content {width: 688px; background: url(images/content_top_bg.jpg) no-repeat center bottom;}
div#content_for_layout div#content_inner div#home_top_content h2 {color: black; font-size: 13px; font-weight: bold;}
div#content_for_layout div#content_inner div#home_top_content h2 * {font-size: 13px; font-weight: bold;}

div#content_for_layout div#content_inner div#home_top_content div.home_top_content_list {padding: 0 0 4px 0;}
div#content_for_layout div#content_inner div.fields_list {padding: 0 0 4px 0;}
div#content_for_layout div#content_inner div.edu_list {/* background: url(icons/icon_edu.gif) no-repeat left top; */ background: url(icons/arrow_list.gif) no-repeat left 5px; padding: 0 0 4px 20px; border-bottom: 1px dashed #dadada;}
div#content_for_layout div#content_inner div.edu_list div.school_name {font-size: 10px; color: #666666;}
div#content_for_layout div#content_inner div.edu_list div.school_name_vip {font-size: 10px; color: #cc0000;}

div#footer_spot {margin: 5px auto; width: 958px; background: #f7f7f7; border: 1px solid #d6d6d6;}
div#footer_info {margin: 5px auto; width: 958px; background: #f7f7f7; border: 1px solid #d6d6d6;}
div#footer_spot div.footer_spot_inner {min-height: 100px; text-align: justify;}
div#footer_spot div.footer_spot_inner:hover {background: #EBEBEB;}
div#footer_spot div.footer_spot_inner h2 {background: #fff url(icons/icon_footer_spot.gif) no-repeat scroll 2px 2px; border-bottom: 1px solid #EBEBEB; color: green; font-size: 11px; line-height: 1.5; margin: 0 0 10px; padding: 5px 5px 7px 50px; text-align: left; font-weight: bold; min-height: 32px;}
div#footer_spot div.footer_spot_inner div {padding: 5px;}
div#footer_spot #footerMenu {padding: 10px 10px;}
div#footer_spot div#footerMenu ul { margin: 0; padding: 0; display: inline; list-style-image: none; list-style-position: outside; list-style-type: none;}
div#footerMenu ul li {display: inline; margin: 0;}

#footerMenu ul li a {display: inline; padding: 10px 20px; text-transform: uppercase; font-weight: bold;}
div#footer {margin: 5px auto 0; border-top: 8px solid #5f95cc; background: #3c78b6; min-height: 98px; color: white;}
div#footer div#footerInner {width: 958px; text-align: left; color: white;}
div#footer div#footerInner a {color: yellow;}

.markup {color: red;}
.vip {color: #cc0000;}
.notes {font-style: italic; color: gray;}
.error_section {padding: 5px 0 0 0;}
.success-message {}
.error-message {color: red; font-weight: bold; font-size: 9px;}

div#successMessage {color: blue; font-weight: bold; font-size: 10px; text-align: center; border-top: 1px solid blue; border-bottom: 1px solid blue; margin: 0 0 5px 0; background: #CCCCFF;}
div#errorMessage {color: red; font-weight: bold; font-size: 10px; text-align: center; border-top: 1px solid red; border-bottom: 1px solid red; margin: 0 0 5px 0; background: #FFCCCC;}

table {font: 11px verdana, tahoma, arial;}
table.table_form {}
table.table_form .key {text-align: right;}
table.table_list {border: 1px solid #E7E7E7;}
table.table_list tr th {background: #F0F0F0; color: #666666; font-weight: bold; font-size: 11px; text-align: center; padding: 2px 0 2px 0; border-bottom: 1px dotted #999999;}
table.table_list tr th a {font-size: 11px; font-weight: bold;}
table.table_list tr td {font-size: 11px; padding: 2px 3px; /*border-bottom: 1px solid #E7E7E7;*/ border-bottom: 1px dotted #E2E2E2;}
table.table_list tr td a {font-size: 11px;}
table.table_list tr.odd {/*background: #F9F9F9;*/ background: #F6F6F6;}
table.table_list tr.even {/* background: #EBEBEB; */ background: white;}
table.table_list tr:hover {background: #FFFFDD;}

div#loading {font-size: 11px; color: #666666;}
div.tooltip {font-size: 11px;}
div.tooltip * {font-size: 11px;}

div#loading table * {font-size: 11px; color: #666666;}

div.paginator {}
div.paginator span.current {border: 1px solid #E7E7E7; padding: 2px 5px; font-size: 11px; background: #0B4779; color: white;}
div.paginator a {border: 1px solid #E7E7E7; padding: 2px 5px; font-size: 11px;}
div.paginator a:hover {background: #0B4779; text-decoration: none; color: white;}

div.blank {padding: 5px 0;}
div.notify_board {border: 1px dotted #FF6600; padding: 10px 10px; background: #FFFFD4;}
div.notify_logo {background: url(images/khoa_hoc_tvn.jpg) no-repeat right center;}

.small {font-size: 10px; color: #666666; font-style: italic;}
.small_link {font-size: 10px; color: #FF6600; font-style: italic;}
.small_link:hover {border-bottom: 1px dotted red; text-decoration: none;}

form {font: 11px verdana, tahoma, arial; margin: 0; padding: 0;}
div form #FieldKetquaForm {border-bottom: 1px solid #ccc;}

form .input_text {padding: 5px 0 5px 5px; _padding: 1px; border: 1px solid #ccc; width: 440px; /*color: #cc0000;*/}
form .input_text_image {padding: 5px 0 5px 5px; _padding: 1px; border: 1px solid #ccc; width: 300px;}
form .input_text_login {padding: 3px; _padding: 1px; border: 1px solid #ccc; width: 130px;}
form .input_text_quicksearch {padding: 5px 2px; _padding: 1px; border: 1px solid #ccc; width: 195px;}
form .input_select {padding: 3px 3px 0px; _padding: 1px; border: 1px solid #ccc; width: 304px; /*color: #2B5F95;*/}
form .input_select_quicksearch {padding: 5px 3px 0; _padding: 1px; border: 1px solid #ccc; width: 200px;}
form .input_select option {padding: 3px; _padding: 1px;}
form .input_select_quicksearch option {padding: 3px;}
form .input_select_multi {padding: 3px; _padding: 1px; border: 1px solid #ccc; width: 240px; height: 150px;}
form .input_textarea {padding: 3px; _padding: 1px; border: 1px solid #ccc; width: 440px; height: 150px;}
form .input_button {font-weight: bold; margin: 5px 0 0; padding: 3px 5px;}
form .require {color: red; font-weight: bold;}

div.box-detail {outline-style:none; outline-color:-moz-use-text-color; padding:0; vertical-align:baseline; outline-width:0; border:0 none;}
div.box-detail h3 {-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; background: transparent url(../img/title.gif) no-repeat; padding: 6px; font-size: 11px; color: #ffffff; font-weight: bold; margin: 0px;}
div.box-detail h3.style1 {background: transparent url(../img/title_style1.gif) no-repeat;}	
div.box-detail h3 a {color: white; font-weight: bold;}
div.box-detail h3.style2 {background: transparent url(../img/title_style2.gif) no-repeat;}
.body-detail {border: 1px solid #d2d2d2; border-top: 0px; padding: 10px; margin-bottom: 10px;}

#content .rss a {background: transparent url(../img/arrow.gif) no-repeat left center; padding-left: 10px; text-transform: capitalize;}
#content .rss td {border-bottom: 1px dotted #d2d2d2;} 
	
.body-detail {} 
	
#content .discount {background : #f9ffc6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #ff4800; padding: 10px; padding: 5px; margin: 5px 0px 5px 0px;}
#content .discount div {background : #f9ffc6 url(../img/sale.gif) no-repeat left center; padding-left: 70px; min-height: 50px;}

div.box-detail h4 {width: 100%; border-bottom:1px dotted #d2d2d2; margin:15px 0px 7px 0px; font-weight: bold; font-size: 12px; color: green;}
.school_education {font-weight: bold;}
.education_group {background: transparent url(../img/icon_book.gif) no-repeat left center; padding-left: 20px;}
