﻿body{ background-color: #FFFFFF; font-size: 12px; font-family: Tahoma;margin: 0; padding: 0; color: #696969;}
img{border: none;}
a:visited{color: #505abc;}
a:hover{color: #1d60ff;    text-decoration: none;}
a:active{ color: #12eb87;}
p, ul{ line-height: 1.4em;}
a { text-decoration: none }
/* PUBLIC   
----------------------------------------------------------*/
.w_container { width:100% }
.h_container { height:100% }
.sub_container { width:90%; height:90%; margin:5%; }
.fr{float: right;}
.fl{ float: left;}
.hide{ display: none; }
.left{ text-align: left; }
.clear{clear:both;}
.line {border-bottom: dotted 1px #D1D1D1; width:100%; }
.titleheader { line-height:30px; }
.titleheader span { margin:7px 5px; }
.title-item { line-height:25px; width:25%; margin-right:5%; color:Orange; text-align:right; }
.input-item { width:70%; }
.pointer { cursor:pointer; }
.button { padding: 2px 15px ;cursor:pointer; }
a.button { padding: 4px 15px ;cursor:pointer; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.capitalize { text-transform:capitalize; }
.bold { font-weight:bold; }
.white { color:White; }
.orange { color:Orange; }
.m10-lr { margin: 0 10px; }
.m10-tb { margin: 10px 0; }
.m5-tb { margin: 5px 0; }
.input-item input[type='text'] { float:left; width:99%; height:20px; }
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-size: 1.5em; color: #636363;font-family: Tahoma, Arial;}
h1{ font-size: 2em; padding-bottom: 0; margin-bottom: 0;}
h2{ padding: 0 0 10px 0;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5, h6{ font-size: 1em;}

/* MISC  
----------------------------------------------------------*/
.clear{clear:both;}
#main{ margin: auto;width: 100%;}
#showcard { left:20%; position:fixed; top:160px;width:999px;z-index:101; display:none; background: transparent; margin:0 auto; display:block; }
#showcard img { background: transparent; }
/* HEADER
----------------------------------------------------------*/
#header{height: 797px;background: transparent url('/Content/Images/Items/bg_header.jpg') repeat-x;width: 100%;}
#banner{height: 352px; width: 999px;}
#header_title{float: right; height: 49px; width: 931px;}
.header_top_titlte{ float: left;background: url('/Content/Images/Items/header_top_title.jpg') no-repeat; width: 999px; height: 69px;}
.header_top_language{float:left; width:999px; height:33px; background: #ED1B24}
.header_logo{float: left;background: url('/Content/Images/Items/quochoc.logo.jpg') no-repeat;width: 352px;height: 258px;}
#header_banner{float: left;width: 647px;}
#header_banner #banner_img{float: left; background: url('/Content/Images/Items/quochoc.banner.jpg') no-repeat; width: 599px;height: 227px;}
#header_banner #right{ float: left; background: url('/Content/Images/Items/quochoc.banner_right.jpg') no-repeat; width: 48px; height: 227px;}
#header_banner #bottom{ float: left;background: url('/Content/Images/Items/quochoc.banner_bottom.jpg') no-repeat; width: 647px; height: 31px;}
.language{ float: right; height:22px ; width:270px; margin-top:10px}
.language_region,  .vni ,  .eng ,  .fra { float:left ; cursor:pointer; }
.vni ,  .eng ,  .fra { float:left ; width:16px ; height:11px;margin-top:8px;}
.language_region{padding:5px; color:White;}
.vni{}
.eng{}
.fra{ }
/* MAIN SLIDE
----------------------------------------------------------*/
#main_slide{width: 999px; height:415px;}
#main_slide_top, #main_slide_bottom{ float: left; width: 999px;}
#main_slide_top, #main_slide_left, #main_slide_mid, #main_slide_right, #main_slide_bottom{ float: left;}
#main_slide_top{ background: url('/Content/Images/Items/quochoc.slide.top.jpg') no-repeat;width: 999px;height: 20px;}
#main_slide_left{  background: url('/Content/Images/Items/quochoc.slide.left_right.jpg') no-repeat;width: 8px;height: 359px; }

#main_slide_mid_1 { background: url('/Content/Images/Banner/1.jpg') no-repeat; width: 981px; height: 359px; }
#main_slide_mid_2 { background: url('/Content/Images/Banner/2.jpg') no-repeat; width: 981px; height: 359px; }
#main_slide_mid_3 { background: url('/Content/Images/Banner/3.jpg') no-repeat; width: 981px; height: 359px; }
#main_slide_mid_4 { background: url('/Content/Images/Banner/4.jpg') no-repeat; width: 981px; height: 359px; }
#main_slide_mid_5 { background: url('/Content/Images/Banner/5.jpg') no-repeat; width: 981px; height: 359px; }
#main_slide_mid_6 { background: url('/Content/Images/Banner/6.jpg') no-repeat; width: 981px; height: 359px; }
#main_slide_mid_7 { background: url('/Content/Images/Banner/7.jpg') no-repeat; width: 981px; height: 359px; }

#main_slide_right{background: url('/Content/Images/Items/quochoc.slide.left_right.jpg') no-repeat; width: 10px;height: 359px;}
#main_slide_bottom{background: url('/Content/Images/Items/quochoc.slide.bottom.jpg') no-repeat;width: 999px; height: 10px;}
/* CONTENT
----------------------------------------------------------*/
._mainContent{width: 999px;min-height: 500px;}
/* MENU QUOC HOC 
----------------------------------------------------------*/
#menu{width: 999px;}
.img {	background:	url('/Content/Images/Items/Mini_Arrow.gif')  no-repeat ; height:16px ;width:16px}
/* MAINCONTENT
----------------------------------------------------------*/
.maincontent_search,.maincontent{width:999px;}
.maincontent_search{padding-top:5px;}
.maincontent{padding-bottom:10px}
.maincontent_left{float:left; width:664px;}
.maincontent_right{float:left; width:335px;}
.news{float:left;}
/* FOOTERCONTENT
----------------------------------------------------------*/
.footercontent{background: transparent url('/Content/Images/Items/bg_footer.jpg') repeat-x; width:100%; height:306px;}
/* ADV BANNER
----------------------------------------------------------*/
.adv_banner{width:999px; height:230px}
.adv_banner-item { float:left; width:200px; margin-right:30px; }
.adv_banner_top{   background: url('/Content/Images/Items/quochoc.adv.top.jpg') no-repeat; float:left; width:200px; height:10px;}
.adv_banner_left{   background: url('/Content/Images/Items/quochoc.adv.left.jpg') no-repeat; float:left; width:10px; height:120px;}
.adv_banner_mid  { float:left; width:180px; height:120px; }
.adv_banner_right{   background: url('/Content/Images/Items/quochoc.adv.right.jpg') no-repeat; float:left; width:10px; height:120px;}
.adv_banner_bottom{   background: url('/Content/Images/Items/quochoc.adv.bottom.jpg') no-repeat; float:left; width:200px; height:10px;}
.adv_banner_area { width: 200px; height: 140px; }
#advBannerslider ul { float:left; list-style:none; margin:0; padding:0; }
#advBannerslider ul li { width: 230px; }

#advBannerShowContent.graphic,#advBannerShowContent #slider1prev , #advBannerShowContent #slider1next{ margin:0; padding:0;  display:block; overflow:hidden;  text-indent:-8000px; }						
#advBannerShowContent span#slider1prev,#advBannerShowContent span#slider1next{ display:block;width:48px;height:48px; float:left; margin:80px 3px; }		    												
#advBannerShowContent #slider1prev a,#advBannerShowContent  #slider1next a{ float:left;  display:block;width:48px;height:48px;background:url( '/Content/Images/Icons/pre1.png') no-repeat 0 0;	}	
#advBannerShowContent #slider1next a{ background:url('/Content/Images/Icons/next1.png') no-repeat 0 0;	}	

/* FOOTER
----------------------------------------------------------*/
.footer { width:999px; }
.footer_top { background: url('/Content/Images/Items/footer_top.jpg') no-repeat; float:left; width:999px; height:12px;}
.footer_content { float:left;width:999px; background: #ED1B24 }
.footer_content p { text-align: center; color:White ; font-size:13px; }
.footer_content a { color: White; text-decoration: none; }
/* DEMO ADMIN
----------------------------------------------------------*/
#header_admin{background: #ED1B24 ; width: 999px;}
.footercontent_admin{background: transparent url('/Content/Images/Items/bg_footer_admin.jpg') repeat-x; width:100%; height:74px;}
.header_title,.logo{float:left; height:100px;}
.logo{ width:200px}
.header_title{width:799px;}
/* BORDER
----------------------------------------------------------*/
.ui-border-all {border: solid 1px #D1D1D1; }
.ui-border-bottom {border-bottom: solid 1px #D1D1D1; }
.ui-border-left-right {border: solid 1px #D1D1D1; border-top:none; border-bottom:none; }
.ui-border-left { border-left : solid 1px #D1D1D1; }
.ui-border-right { border-right : solid 1px #D1D1D1; }
.ui-border-bottom-dotted {border-bottom: dotted 1px #D1D1D1; }
/* PAGING   
----------------------------------------------------------*/
.paging{width:100% ; line-height:30px;}
.paging .pager{ margin:5px ;}
.paging .pager span.disabled{border:1px solid #D1D1D1;color:#696969; margin:2px;padding:0px 5px;}
.paging .pager span.current, .paging .pager a:hover {background-color:White;border:1px solid #D1D1D1;color:Orange;font-weight:normal;margin:0;padding:5px 10px;}
.paging .pager a,.paging .pager a:visited {border:1px solid #D1D1D1;color:#696969;margin:0;padding:5px 10px;text-decoration:none;}
/* ERROR  
----------------------------------------------------------*/
.error { color:Red; }
.titleError{float: left; width:98%;  padding: 15px 5px 15px 5px;}
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000;  }
ul.validation-summary-errors{ display:none ; width:80%; padding-left:20px; margin:30px 5px 5px 5px; text-align:left;}
.ui-state-error{border: 1px solid #cd0a0a; background: #b81900 url('/Content/jquery_image/ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat; color: #ffffff; }
span.validation-summary-errors{float:left}
/* PRESS   
----------------------------------------------------------*/
.news_item { float:left; width: 612px; margin:5px 0;}
.list_press , .list_press .itempress , .list_press .itempress .img_defaut, .list_press .itempress .content_body,.list_press .itempress .content_title { float:left; }
.list_press { padding :5px 23px ;}
.list_press , .list_press .itempress { margin:5px 0;  width:612px;}
.list_press .itempress { padding:5px 0}
.list_press .itempress .img_defaut { width:100px; height:100px ; padding:5px;}
.list_press .itempress .content_body , .list_press .itempress .content_title  { padding:5px; width: 490px ;  text-align:left;}

