﻿@charset "utf-8";
/* -----------------------------------------------------------------------
/* CSS Document */
/*
Theme Name:
Description: 
Version: 1.0.0
Author: tuanngo
Email : tuanngoquoc@gmail.com
----------------------------------------------------------------------- */
/*******************Slide Menu Style*******************************/
.sm {list-style:none; width:972px; height:194px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

/*******************Pager Style*******************************/
.datapager
{
    clear:both;
    display:block;
    font-size:medium;
    text-align:center;
    font-size:12px;
    padding:0 0 10px;
}
.datapager span.current {
background-color:#FFFFFF;
border:0px solid #000000;
color:#ff0084;
font-weight:bold;
margin:2px;
padding:2px 6px;
}
.datapager a, .datapager a:link, .datapager a:active {
border:1px solid #DDDDDD;
color:#0066CC;
margin:2px;
padding:2px 6px;
text-decoration:none;
}

/* --------------------- CONTENT Left Column----------------------------*/
.box_left
{
     clear:left;
    margin-bottom:10px;
}
.box_left .box_title,.box_bottom .box_title
{

	padding-left:3px;
	/*height:28px;
	*/
	height:37px;
    border-bottom:3px solid #C7460B;
	color:#fff;overflow:hidden;		
	
}
.box_left .iconBox,.newscategory .iconBox{
    background:url("images/icons/music_note.png") no-repeat scroll left center transparent;
    float:left;
    /*height:28px;
    width:20px;
	*/
	height:36px;
    width:30px;
}
.box_bottom .box_title
{
    background:#d6d6d6;
}

.box_left .box_title .nameBox,.box_bottom .box_title .nameBox
{
    /*color:#C7460B;*/
    color:#1d3c02;
    
    float:left;
    line-height:36px;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    padding-left:3px;
}

.box_left .box_content,.box_bottom .box_content
{
    background:none repeat scroll 0 0 #DBDB5C;
clear:left;
color:#000000;
display:block;
height:100%;
overflow:hidden;
padding:10px;
}
.box_bottom .box_content
{
    border-bottom:3px solid #C7460B;
}
.viewList {}
.viewList .Row,.viewList .AltRow
{
margin-bottom:15px;
overflow:hidden;
background:url("Images/border.png") no-repeat scroll left bottom transparent;
padding-bottom:10px;
font-size:12px !important;
height:1%;

}
.item
{
    float:left;
    width:100%;
    position:relative;
}
.item .item_img  img{
    border:1px solid #CCCCCC;
    display:inline;
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    width:225px;
    height:100px !important;
    max-width: 225px;
    width: expression(this.width > 225 ? "225px" : true);
    width:expression(this.width > 225 ? "225px" : this.width);
 }
.item_partnerhome
{
    display:inline-block;
    padding:5px;
    float:left;
}
.item_partnerhome img
{
    border:1px solid #5E5E5E;
}
div.item_title{
font-weight:bold;
line-height:15px;
}
div.item_title a, div.item_title a:link {
color:#5E5E5E;
}
div.item_title a {
font-family:Arial,tahoma;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.item_abstract{
padding-top:5px;
text-align:justify;
font-size:12px;
line-height:15px;
}
/*******************News Style*******************************/
.newscategory {
border-bottom:1px solid #CCCCCC;
font-size:14px;
height:28px;
line-height:1.25em;
margin-right:7px;
margin-top:5px;
}
.newscategory span {
/* color:#CC0000;*/
color:#1d3c02;

font-size:13px;
font-weight:bold;
padding-left:3px;
text-transform:uppercase;
}
.newsList
{
    margin-top:10px;
}
.newsList li 
{
margin-bottom:15px;
overflow:hidden;
background:url("Images/border.png") no-repeat scroll left bottom transparent;
padding-bottom:10px;
font-size:12px !important;
height:1%;

}
.news_item
{
    float:left;
    width:100%;
    position:relative;
}
.news_img  img{
    border:1px solid #CCCCCC;
    display:inline;
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    width:140px;
    height:100px !important;
    /*
    max-width: 160px;
    width: expression(this.width > 160 ? "160px" : true);
    width:expression(this.width > 160 ? "160px" : this.width);
    */
}

div.news_title{
font-weight:bold;
line-height:15px;
}
div.news_title a, div.news_title a:link {
color:#000000;
}
div.news_title a:hover  {
color:#f78b37;
}
div.news_title a {
font-family:Arial,tahoma;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.news_abstract{
padding-top:5px;
text-align:justify;
font-size:12px;
line-height:15px;
}

.more_articles, .read_more{
background:url("images/icons/arrow.gif") no-repeat scroll right 3px transparent;
margin-top:5px;
padding-right:10px;
text-align:right;
font-weight:bold;
display:inline-block;
}
.more_articles
{
    bottom:0px;
    right:20px;
    float:right;
}
.read_more
{
    float:right;
}

.more_articles a,.read_more a {
text-decoration:none;
font-size:11px;
}
.morearticles_category
{
    margin-top:5px;
    padding-right:10px;
    text-align:right;
}
.morearticles_category a {
text-decoration:none;
text-transform:none;
font-weight:bold;
color:#f78b37;
}
.header_other {
background:url("images/icons/bg-dot.gif") repeat-x scroll left bottom transparent;
}
.header_other span {
background:none repeat scroll 0 0 #FFFFFF;
color:#FF6600;
font-size:12px;
font-weight:bold;
}
.body_other {
height:1%;
margin:0;
}
.body_other ul {
list-style:none outside none;
margin:0;
padding:0;
}
.body_other li {
background:url("images/icons/icon_li.gif") no-repeat scroll 10px 8px transparent;
display:block;
margin:0 0 5px;
padding:4px 0 0 20px;
text-align:left;
}
.body_other li a {
color:#003399;
margin:0;
padding:0;
text-align:left;
}
/*******New Home with 2 colume********/
.news_show
{
    margin: 0px 0;
	width: 701px;
	overflow: hidden;
}
ul.col2 {
	width: 707px;
	margin: 10px 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.col2 li {
	float: left;
	background: #dbdb5c;
	width: 337px; 
	padding: 5px 5px;
	margin: 5px 5px 0px 0;
	height:156px;
}
/******************Courese Khóa Học********************/
.courses_img,.teacher_img
{
     width:160px;
     display:inline;
}
.courses_img img,.teacher_img img
{
    display:inline;
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    max-width: 154px;
    width: expression(this.width > 154 ? "154px" : true);
    width:expression(this.width > 154 ? "154px" : this.width);
}
div.courses_title,div.teacher_title
{
    font-weight:bold;
    line-height:15px;
    margin-left:154px;
}
div.teacher_title
{
     margin-left:10px;
}
div.courses_title,div.courses_title a, div.courses_title a:link 
{ 
    color:#FF0000;
    font-size:14px;
}
.courses_abstract{
  margin-left:154px;
}
/**************************************/
.documentList
{
    margin-top:10px;
}
.documentList li
{
    margin-bottom:15px;
    overflow:hidden;
    padding-bottom:10px;
    font-size:12px !important;
    height:1%;
    background:url("Images/border.png") no-repeat scroll left bottom transparent;

}
div.document_item,div.document_infomation{
float:left;
width:100%;
} 
div.document_infomation img
{
     display:inline;
    float:left;
    width:120px;
    height:100px !important;
    max-width: 120px;
    width: expression(this.width > 120 ? "120px" : true);
    width:expression(this.width > 120 ? "120px" : this.width);
}
div.document_abstract
{
    padding-top:5px;
    text-align:justify;
    font-size:12px;
    line-height:15px;
}

/**************************************/
.client_form{}
.marker, .form-required {
color:#FF0000;
}
.client_form .fieldset
{
    border:1px solid #DDDDDD;
}
.client_form legend 
{
    font-weight:bold;
}
.client_form .fieldset_wrapper
{
    overflow:visible;
}
.form_item {
margin-bottom:1em;
margin-top:1em;
}
.form_item label {
display:block;
font-weight:normal;
}
.client_form .component_textfield label,.client_form .component_select label  {
float:left;
padding-right:20px;
text-align:right;
width:200px;
margin-top:5px;
}
.client_form .component_select select {
margin:0px;
min-width:100px;
}

/* --------------------- CONTENT Right Column----------------------------*/
.box_right
{
    background:#dadada;
    clear:left;
    margin-bottom:10px;
}
.box_right .box_title{
	background:#dadada;
	padding-left:3px;
	height:28px;
    border-bottom:1px solid #FFFFFF;
	color:#fff;overflow:hidden;		
}
.box_right .box_title .nameBox{
 /*   color:#C7460B;*/
    color:#275003;
    
    float:left;
    line-height:28px;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    padding-left:10px;
}

.box_right .box_title .readmore{
    color:#FFFFFF;
    float:right;
    line-height:28px;
    font-size:11px;
    font-weight:bold;
    padding-right:5px;
}

.list_notice
{
    text-align:left;
}
.list_notice ul {
    display:block;
    height:auto;
    overflow:visible;
    visibility:visible;
   
}
list_notice ul li {
list-style:none outside none;
}
.list_notice a {
    background:url("images/icons/bullet1.gif") no-repeat scroll 0 9px transparent;
    color:#000;
    display:block;
    font-size:12px;
    line-height:20px;
    padding-left:13px;
    padding-top:2px;
    text-decoration:none;
    font-weight:bold;
}

div.list_notice a, div.list_notice a:link {
color:#000000;
}
div.list_notice a:hover  {
color:#f78b37;
}

.list_notice .news_date 
{
     padding-left:13px;font-size:11px;
}
.box_white
{
    background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #C8C8C8;
clear:left;
color:#5A5959;
height:100%;
overflow:hidden;
padding:0;
}
.hotline
{
    background:url("images/icons/hotline.png") no-repeat scroll 10px 50% #FFFFFF;
    min-height:80px;
    height:90px;
    padding:5px 5px 5px 0px;
}
.supportonline
{
    background:url("images/icons/icon_girl.jpg") no-repeat scroll 0 0% #FFFFFF;
     min-height:153px;
     padding:5px 5px 5px 0px;
}
.support_tab {
background:url("images/icons/yahoologo.png") no-repeat scroll left center transparent;
border-bottom:1px dotted #9F9F9F;
display:block;
font-weight:bold;
height:30px;
padding:15px 0 0 50px;
width:140px;
}
.support_tab a
{
    text-decoration:none;
}
/* --------------------- END CONTENT Right Column----------------------------*/
#left_content .row {
float:left;
margin-bottom:10px;
/*width:701px; */
width:100%;
}

/***************Contact Box****************/
.box_Contact
{
    background:url("Images/contact.gif") no-repeat scroll right center #FFFFFF;
    color:#000000;
    font-family:Arial,Times New Roman,Tahoma,Verdana;
    font-size:12px;
    height:auto;
    padding:20px 295px 20px 20px;
    text-align:left;
    min-height :50px;
    line-height :20px;
}


/*-------------------------------------------------------------------*/
/* LinkPath */
/*-------------------------------------------------------------------*/

#linkPath
{
    margin: 0 auto;    
    margin-bottom: 5px;  
    color:#db5300;  
}

.linkPath
{
	margin: 0px 0 5px 0;
	font-size: 12px;
}
#linkPath .linksmap a {
background:url("images/icons/icon3.gif") no-repeat scroll right center transparent;
color:#CC0000;
margin-right:5px;
padding-right:15px;
text-decoration:none;
}
.sm{list-style:none;width:972px;height:202px;display:block;overflow:hidden;padding:0px}

.sm li{float:left;display:inline;overflow:hidden;padding:0px}

.banner_list{width:386px;height:202px;padding-left:100px;color:#FFFFFF;font-size:13px;font-weight:bold;
             font-family:Arial,Helvetica,sans-serif;line-height:24px}
             
.banner_item{color:#FFFFFF;text-decoration:none;text-align:left;padding:3px}
.banner_item a{color:#FFFFFF;text-decoration:none}
.banner_item a:link{color:#FFFFFF;text-decoration:none}
.banner_item a:visited{color:#FFFFFF;text-decoration:none}
.banner_item a:hover{color:#FFFFFF;text-decoration:underline}
.banner_item a:active{color:#FFFFFF;text-decoration:none}
.banner_item_hover{color:#FFFFFF;text-decoration:none;text-align:left;padding:3px;background:url(../../Images/bgr_black_ser.png) repeat-y left top}
.banner_item_hover a{color:#FFFFFF;text-decoration:none}
.banner_item_hover a:link{color:#FFFFFF;text-decoration:none}
.banner_item_hover a:visited{color:#FFFFFF;text-decoration:none}
.banner_item_hover a:hover{color:#FFFFFF;text-decoration:none}
.banner_item_hover a:active{color:#FFFFFF;text-decoration:none}
.sm_bgr_table{background:url(../../images/bgr_hover.png) repeat-y top left;width:378px}
