body {top:0px; left:0px; margin:0px 0px 0px 0px; border: 0px none;padding:0px 0px 0px 0px;background:#ccc;background-repeat:repeat-y;color:#333;text-align:center;font-family: Tahoma, Arial, Verdana; font-size:12px; background-image:url(../images/pbk.gif); background-repeat:repeat-x;}
body table tr td {font-family: Tahoma, Arial, Verdana; font-size:12px; vertical-align:top}
* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {font-family: Tahoma, Arial, Verdana; color:#333;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
img {border:none;padding:0;margin:0;text-decoration:none;}
p { padding:0;margin:0; line-height:1.5em;}
a:link, a:visited, a:hover, a:active  {color: #333333;text-decoration:underline; cursor:pointer; }

#container { width:950px; height:auto; margin:0 auto; padding:0px; clear:left; text-align:left; background-color:#dce8c5; border-left:solid 1px #fff; border-right:solid 1px #fff;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#top, #header, #menu, #banner, #content, #footer { clear:left; width:100%;}

/*-------------------------- TOP ----------------------------*/
#top { height:10px !important; border-bottom:solid 1px #8b9a75;}

/*-------------------------- HEADER ----------------------------*/
#header { height:100px; background-image:url(../images/ed_top_bg.gif); background-repeat:repeat-x; background-position:top left; border-top:solid 1px #fff;}
#logo { width:300px; float:left;}
#header-ads {}
#header-ads img { border:solid 1px #fff; margin-left:50px; margin-top:10px;}

/*-------------------------- HORIZONTAL MENU ----------------------------*/
#menu { height:65px;}
ul#hoz-menu { margin:0px; padding:0px; height:58px; float:right; margin-right:13px; 
	display:inline; background-image:url(../images/ed_mn_bg.gif); background-repeat:repeat-x; font-family: Arial, Verdana; font-size:9pt;}
ul#hoz-menu li { margin:0px; list-style:none; float:left; padding-top:22px; height:26px;}	
ul#hoz-menu li a {	text-decoration:none; color:#f7f9e7; padding:3px; padding-left:11px; padding-right:11px; 
		position:relative; font-weight:bold;}
ul#hoz-menu li a:hover, #mainmenu ul li a.active { color:#fff; text-decoration:underline; font-weight:bold; }
ul#hoz-menu li a span { display:none; }
ul#hoz-menu li a:hover span, #mainmenu ul li a.active  span {display:none;}

ul#hoz-menu li img { margin:0px; padding:0px; margin-top:-22px;}

ul#hoz-menu li a.mn-current, ul#hoz-menu li a.mn-current:hover {
	color:#567312; text-decoration:none; font-weight:bold;}

ul#hoz-menu li a.mn-current span { display:none;}

#avatar-normal { position:absolute; height:80px; width:93px; z-index:999; margin-left:630px; margin-top:-30px;}
#avatar-3tab { position:absolute; height:80px; width:93px; z-index:999; margin-left:520px; margin-top:-88px;}
#avatar { position:absolute; height:80px; width:93px; z-index:999; margin-left:610px; margin-top:-57px;}

/*-------------------------- BANNER ----------------------------*/
#banner { height:200px; background-image:url(../images/ed_banner_bg.gif); background-repeat:repeat-x; width:930px !important; margin-left:10px;}
#banner-layer2 { background-image:url(../images/ed_banner_l.gif); background-repeat:no-repeat; background-position:top left; height:190px;}
#main-ads { float:left; height:172px; width:583px; margin-top:9px; margin-left:9px; display:inline;}
#main-ads img { border:none;}

/*-------------------------- LOGIN ----------------------------*/
#login { float:left; background-image:url(../images/ed_login_bg.gif); background-repeat:no-repeat; background-position:top right; height:190px; width:338px;}
ul#login-form { margin:0px; padding:0px; margin-left:25px; margin-top:31px; list-style:none;}
ul#login-form li { margin:0px; padding:0px;}

li#login-title { color:#f7f9e7 !important; text-align:center; font-weight:bold; height:40px;}
li#username, li#password { color:#f7f9e7; height:30px;}
li#help-register { margin:0px; padding:0px;}
li#help-register img { margin-left:30px;}

.txt-login { border:0px; width:100px; height:18px; padding-left:6px;}
.login-submit { position:absolute; margin-left:10px; margin-top:-20px;}

.help-guide, .help-guide:link, .help-guide:visited { text-decoration:none; color:#f7f9e7;}
.help-guide:hover, .help-guide:active { text-decoration:underline; color:#f7f9e7;}
/*-------------------------- CONTENT ----------------------------*/
#content {}
#col1, #col2 { float:left;}
#col1 { width:730px;}
.col1 { width:730px; padding-left:10px; padding-right:10px; padding-bottom:10px;}
#col2 { width:200px; margin:0px; padding:0px; margin-left:10px; display:inline;}

/*-------------------------- SUPPORT BOX ----------------------------*/
#support-box1 { width:200px; height:240px; background-image:url(../images/ed_support_box.gif); background-repeat:no-repeat; background-position:top left; margin:0px; padding:0px;}
ul#support1 { margin:0px; margin-left:25px; padding:0px;}
ul#support1 li { list-style-image:url(../images/pv_bullet.gif); padding-bottom:7px;}

#support-box { width:200px; height:240px; background-image:url(../images/support_bg.gif); background-repeat:no-repeat; background-position:top left; margin:0px; padding:0px;}
ul#support { margin:0px; margin-left:25px; padding:0px; padding-top:80px; list-style:none;}
ul#support li { /*list-style-image:url(../images/pv_bullet.gif);*/ padding-bottom:7px; padding-left:15px;}

/*-------------------------- ADS COLUMN ----------------------------*/
#right-ads { margin:0px; border:solid 1px #eee; width:198px;height:550px;overflow-x:hidden;overflow-y:auto;text-align:justify;}
#right-ads ul#ads_box { margin:0px; margin-left:8px; margin-right:8px; margin-top:8px; padding:0px; list-style:none;}
#right-ads ul#ads_box li { margin:0px; padding:0px; padding-bottom:5px;}
#right-ads ul#ads_box li img { border:none;}

/*-------------------------- LIGHT GREEN SECTION ----------------------------*/
#green-section {}
#green-left, #green-right { float:left; width:355px; margin-left:10px; display:inline; background-image:url(../images/ed_green_tl.gif); background-position:top left; background-repeat:no-repeat;}

.green-level1 { background-image:url(../images/ed_green_bl.gif); background-position:bottom left; background-repeat:no-repeat;}

.green-level2 { background-image:url(../images/ed_green_tr.gif); background-position:top right; margin-left:10px; background-repeat:no-repeat; /*padding-top:10px;*/}

.green-level3 { background-image:url(../images/ed_green_br.gif); background-position:bottom right; background-repeat:no-repeat; padding-right:5px; height:100%; min-height:500px;}

ul#school-update, ul#resource, ul#tktk_truong, ul#news, ul#relax { margin:0px; padding:0px; list-style:none;}
ul#school-update li, ul#resource li, ul#tktk_truong li, ul#news li, ul#relax li { margin:0px; padding:0px; padding-bottom:5px; padding-top:5px;}
ul#school-update li img, ul#resource li img,ul#tktk_truong li img, ul#news li img, ul#relax li img { border:none;}

ul#school-update, ul#news, ul#resource { border-bottom:solid 1px #a2b08d; /*background-color:Red;*/}

.view-more { text-align:right;}
.green-bar { background-color:#d2e6b3; text-align:center; padding-top:5px;}

.green-bar-link, .green-bar-link:link, .green-bar-link:visited { text-decoration:none; color:#335801;}
.green-bar-link:hover, .green-bar-link:active { text-decoration:underline; color:#335801;}

.gen-link, .gen-link:link, .gen-link:visited { text-decoration:none; color:#335801;}
.gen-link:hover, .gen-link:active { text-decoration:underline; color:#335801;}

ul#games { list-style:none; text-align:center; margin:0px; padding:0px; height:175px;}
ul#games li { float:left; padding-left:12px; padding-right:12px;}
ul#games li img { border:0px;}

.img_thumb, .img_thumb:link { border-right:solid 1px #333; border-bottom:solid 1px #333; border-top:solid 1px #111; border-left:solid 1px #111; display:block;}
.img_thumb:hover, .img_thumb:active { border-right:solid 1px #266789; border-bottom:solid 1px #266789;  border-top:solid 1px #333; border-left:solid 1px #333;}

.news-items { clear:left; padding-bottom:5px; padding-top:5px; display:block; background-image:url(../images/pv_bullet.gif); background-repeat:no-repeat; padding-left:15px; background-position:0 8px;}

/*-------------------------- ORANGE SECTION ----------------------------*/
#orange-section { clear:left; width:730px; height:319px; background-color:#fbaf5d; background-image:url(../images/ed_orange_bg.gif); background-repeat:repeat-x; background-position:left bottom;/* border-top:solid 1px #fff;*/}

#orange-left { float:left; width:400px;}
#orange-right { float:left; width:330px;}

ul#survey { margin:0px; padding:0px; margin-left:20px; margin-top:15px; list-style:none;}
ul#survey li { padding-bottom:10px;}

ul#movie { margin:0px; padding:0px; margin-left:25px; margin-top:15px; list-style:none;}
ul#movie li { padding-bottom:10px; margin:0px;}
.movie-more, .movie-more:link, .movie-more:visited { text-decoration:none; color:#fff468; font-weight:bold;}
.movie-more:hover, .movie-more:active { text-decoration:none; color:#fff; font-weight:bold;}

/*-------------------------- FOOTER ----------------------------*/
#footer { background-image:url(../images/ed_footer_bg.gif); background-repeat:no-repeat; height:75px; background-position:bottom left;}
#footer-counter { float:left; width:300px;}
ul#counter {color:#405A04;height:40px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:28px 0 0 60px;padding:0;width:182px;}
li#txt-number { text-align:right; height:22px; font-size:12px;}
li#txt-visitor { text-align:right; height:22px;}
.number-visitor { margin-left:19px; color:#405a04;}
#footer-copyright { float:left; width:645px; line-height:1.5em; margin-top:20px; text-align:center; color:#405a04;}


/**********************************************************/
/* DataGrid */
/**********************************************************/
.grid{ width:100%; border:solid 1px #77787c;}
.grid td { border:solid 1px #77787c;}
.gridHeader { text-align:center; background-color:#97cb5f; height:25px; color:#373737; font-weight:bold; border-top:solid 1px #ffffff; }
.gridItem {	height:18px; background-image:url(images/gridItem.gif); background-color:#e1e8c7; border-top:solid 1px #ffffff; color:#383838; text-indent:2px;}
.gridAltItem { height:22px; background-image:url(images/gridAlt.gif); background-color:#feffef; border-top:solid 1px #ffffff; color:#383838; text-indent:2px;}
.gridEditItem {	height:22px; background-color:#AAAAAA;	background-image:url(Images/gridEdit.gif); color:#333333; text-indent:2px;}
.gridPager { font-size: 11px; font-family:Tahoma, Arial; background-color:#ab9b8b;	/*background-image:url(Images/gridEdit.gif);*/ height:25px;	color:#333333;}