/* ================================
    CSS STYLES FOR Module CMS
   ================================
*/

/*=================== Giao dien chung CMS ===========================================================*/
*
{
	margin:0;
	padding:0;
}
/*this is for IE */
input
{
	height:auto;
	background:  url(images/bgButton.gif) repeat-x;
	border-width: expression((this.type=="text"||this.type=="button"||this.type=="reset"||this.type=="submit"||this.type=="file")?'1px':'0px'); 
	
	background-image : expression((this.type!="submit")?'none':'');	
	width: expression(this.type=="button"||this.type=="submit"||this.type=="reset"||this.type=="file"?'75px':'this.width');
	border: 1px solid #c9cbcc;	
	width: auto;	
	color: Black;
	background: #FBFEED;
}

.btnCapnhat input
{
	clear:inherit;
	height:21px;
	background-image:  url(images/capnhat.gif);
	background-repeat:no-repeat;
	
}
.btnXem input
{
	clear:inherit;
	height:21px;
	padding-right:39px;
	background-image:  url(images/xem.gif);
	background-repeat:no-repeat;
	
}
.btnXem
{
	height:21px;
	background-image:  url(images/xem.gif);
	background-repeat:no-repeat;
	
}




/*this is for NN, FF, MOZ/WIN*/
input[type="text"] { 
	border: 1px solid #c9cbcc;
	background-image:none;
	height:20;
	color:Black;
}
input[type="button"], input[type="submit"], input[type="reset"] { 
	border: 1px solid #c9cbcc;
	width: auto;	
	color: #07519a;
	background:  url(images/bgButton.gif) repeat-x;
}
.input[type=submit]{
	border: 1px solid #c9cbcc;
	width: auto;
	
	color: #07519a;
	background:  url(bgButton.gif) repeat-x;
}

.tieudethongbao
{
	font-family: Arial,Tahoma , Helvetica;
	font-size:13px;
	font-weight:bold;
	color:#dd0601;
}

/* this is for all */
.NormalTextBox1
{
	border: 1px solid #c9cbcc;
}
textarea{ 
	border: 1px solid #c9cbcc;
}


select
{	
	border: 1px solid #c9cbcc;	
}


span.ThongBao
{
	color: Red;		
	
	
}


span.chuy
{
	color:Red;
	
}
.a
{	
	border-spacing:0;
	border:inherit !important;
	border-width:  0px 0px 0px 0px;
}
table.Popup 
{
	border-right: #e1e1e1  1px solid;
	border-top: #e1e1e1 1px solid;	
	border-left: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	border-collapse: collapse;
	background-color: white;
	display:table;
	
}
table.Popup td {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
	height:21px;
	
}

table.Popup td1 {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
	height: 0px;
}
table.table2
{
	border-right: #7d8d9f  1px solid;
	border-top: #7d8d9f 1px solid;	
	border-left: #7d8d9f 1px solid;
	border-bottom: #7d8d9f 1px solid;
	border-collapse: collapse;
	background-color: white;
	display:table;	
}
table.table2 td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
	
}

table.table1 td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 1px 5px 3px;
	border-style: solid solid solid solid;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
	
}

table.table1 td1 {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
	height: 0px;
}
/*
CSS cho tooltip
*/
 /*
CSS cho tooltip
*/
         
.imgDaiDien
{
    margin: 4px;
}
.hrTin /*Kiểu đường thẳng*/
{
	background-color: #ffffff;
	width: 300px;
	padding-left: 5px;
	color: #f58753;
	text-align: left;
}
.cssHRDot /*Khoảng cách*/
{
	height: 4px;
	background-color: #b0c5f3;
}
.css_title
{
	background-image:url(images/icon_cms.jpg);
	height:25px;
	width:21px;
	height:25px;	
	
}
.css_title1
{
	background-image:url(images/gb_title_cms.jpg);
	height:30px;	
	color:#ee7136;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	width:100%
}

.cssTilte
{
	height:30px;
	color:#03235c;
	vertical-align:top;
	text-align:left;
	font-weight:bold;	
	width:100%;	
	font-size:12px;
}
.chuy
{
	color: Red;
}

.mouseover_text {		
	white-space: normal;
	color: White;
	text-align:justify ; 
	
}
.RotatorItemOver
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	cursor: hand;
	border-bottom: #ffffff 1px solid;
	background-color: #a0bef0;	
}
.RotatorItemDown {
	BORDER-RIGHT: white 1px solid;
	BORDER-TOP: #ffa500 1px solid; 
	BORDER-LEFT: #ffa500 1px solid; 
	CURSOR: hand; 
	BORDER-BOTTOM: white 1px solid; 
	BACKGROUND-COLOR: #ffce80
}
.RotatorItemOver
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	cursor: hand;
	
}
.RotatorItem
{	    
	cursor: hand;
	color: white;	
	font-family: Times New Roman;
}
.popupControl
{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-width:0px;
}
.modalBackground
{
	background-image:url(images/hinhnen.gif) ;
	background-position:top;
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
	margin:0px 0px 0px 0px;	
}
.modalBackgroud
{
	background-image:url(images/hinhnen.gif);
	background-repeat:repeat;
	filter:alpha(opacity=50);
	opacity:0.5;
	margin-top:0px;
	margin-left:0px;
	z-index:1000;	
}
.modalPopup
{
	background-color:White;
	padding:0px;
	width:150px;	
}
.csspadding_right
{
}
/*divPopup*/
.divPopup_top_left
{
	background-image:url(images_popup/cssPopup_top_left.jpg);
	height:25px;
	width:3px;
	
}
.divPopup_top_mid
{
	clear: both;
	width:100%;
	float:left;
	padding-left:10px;
	padding-bottom:10px;

}
.divPopup_top_right
{
	background-image:url(images_popup/cssPopup_top_right.jpg);
	height:25px;
	width:9px;
	
}
#divPopup_top
{
	background-image:url(images_popup/cssPopup_top_mid.jpg);
	text-align:left;
	height:25px;
}


/*divPopup_mid*/
#divPopup_mid_left
{
	background-image:url(images_popup/cssPopup_mid_left.jpg);	
	width:3px;
	
}
#divPopup_mid_right
{
	background-image:url(images_popup/cssPopup_top_right.jpg);	
	width:9px;	
}
#divPopup_mid
{
	background-image:url(images_popup/mid_bg_450.jpg);	
}
.divPopup
{
	background-image:url(images_popup/mid_bg_450.jpg);	
	
}
/*divPopup_bot*/
.divPopup_bot_left
{
	background-image:url(images_popup/cssPopup_bot_left.jpg);
	height:8px;
	width:3px;	
}
#divPopup_bot
{
	background-image:url(images_popup/cssPopup_bot_mid.jpg);
}
.divPopup_bot_mid
{
	background-image:url(images_popup/cssPopup_bot_mid.jpg);
}
.divPopup_bot_right
{
	background-image:url(images_popup/cssPopup_bot_right.jpg);	
	width:9px;
	height:8px;
	
}
/*Popup*/
.cssPopup_top_left
{
	background-image:url(images_popup/cssPopup_top_left1.jpg);
	height:25px;
	width:3px;
	
}
.cssPopup_top_mid
{
	background-image:url(images_popup/cssPopup_top_mid1.jpg);
	height:25px;
	font-weight:bold;
	color:#ffffff;
	padding: 2px 0px 2px 0px;
}
.cssPopup_top_right
{
	background-image:url(images_popup/cssPopup_top_right1.jpg);
	height:25px;
	width:9px;
	
}

.cssPopup_mid_left
{
	background-image:url(images_popup/cssPopup_mid_left1.jpg);	
	width:3px;
	
}
.cssPopup_mid_right
{
	background-image:url(images_popup/cssPopup_mid_right1.jpg);	
	width:9px;
	
}
.cssPopup_bot_left
{
	background-image:url(images_popup/cssPopup_bot_left1.jpg);
	height:10px;
	width:3px;	
}
.cssPopup_bot_mid
{
	background-image:url(images_popup/cssPopup_bot_mid1.jpg);
	height:10px;
	
}
.cssPopup_bot_right
{
	background-image:url(images_popup/cssPopup_bot_right1.jpg);	
	width:9px;
	
}
.cssButton_Dong
{
	background-image:url(images/dong.jpg);	
	width:13px;
	height:13px;
	background-repeat: no-repeat;
	
}
p.demoText { font-size: 12px; width: 20px;height:22px }			
			#demoC { position: relative; margin:   0px 0px -40px  20px; }
		/*	#demoA .fg-tooltip { left: -0px; margin-top: -40px;}*/
			#demoC .fg-tooltip { left: -80px; margin-top: -55px; }
/**/
/* header */


div.cssDivLeft {
	float: left;
	width: 100px
	
}
div.cssDivRight {
	float: right;
	width: 100%;
}

/* Giao dien the DIV trong trang cap nhat */

.DivContainer
{
    border: 1px solid;
height: 300px;
}
.LeftDiv
{
    float: left; width: 1px; height: 280px;
}
.RightDiv
{
    clear:both;
}


/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }


div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }

div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; margin-bottom:5px;}
div.form-container div {margin-bottom:5px;}
div.form-container div.buttonrow { margin-left: 180px; }

/*================== Controls ====================*/
.cssDataGrid
{
    background-color: White;
    
    border-bottom: solid 1px #B5B5B5;
    border-top: solid 1px #B5B5B5;
    border-right: solid 1px #B5B5B5;
    border-left: solid 1px #B5B5B5;
}
table.cssDataGrid td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 1px 3px 1px;
	border-style: solid solid solid solid;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
	
}

.cssDatagrid_Header
{
    /*background-image:url(images/Datagrid/headerbg.gif); */
    background: #6D8A82;
    color: White;
  
    font-weight: bold;
    text-align: center;
}
.cssDatagrid_Header td
{	
    font-weight: bold;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
    border: solid 1px #B5B5B5;
    padding-left:4px;
    padding-right:4px;
    margin-left:4px;
    margin-right:4px;
    padding: 5px 1px 5px 1px;
}
.cssDatagrid_Header2
{
    background-image:url(images/Datagrid/headerbg2.gif);  
    font-weight: bold;
    text-align: center;
}
.cssDatagrid_Header2 td
{
    font-weight: bold;
    color: #15428B;
    padding-top: 3px;
    padding-bottom: 3px;
    border: solid 1px #B5B5B5;
    padding-left:4px;
    padding-right:4px;
    margin-left:4px;
    margin-right:4px;
    background-image:url(images/Datagrid/headerbg2.gif);  
}

.cssDatagrid_Header4
{
    background-image:url(images/Datagrid/headergb4.gif);  
    font-weight: bold;
    text-align: center;
    height:20px;
}
.cssDatagrid_Header4 td
{
    font-weight: bold;
    color: #15428B;
    padding-top: 3px;
    padding-bottom: 3px;
    border: solid 1px #B5B5B5;
    padding-left:4px;
    padding-right:4px;
    margin-left:4px;
    margin-right:4px;
    background-image:url(images/Datagrid/headergb4.gif);  
}

.cssDatagrid_Header1
{
    background-image:url(images/Datagrid/headerbg.gif);
    background-repeat: repeat-x;
    background-position:0% 100%;
    font-weight: bold;
    text-align: center;
}
.cssDatagrid_Header1 td
{
    font-weight: bold;
    color: #15428B;
    border: solid 1px #B5B5B5;
}
.cssDatagrid_Header2
{
    background-image:url(images/Datagrid/headerbg2.gif);
    background-repeat: repeat-x;
    background-position:0% 100%;
    font-weight: bold;
    text-align: center;
}
.cssDatagrid_Header2 td
{
    font-weight: bold;
    color: #15428B;
    border: solid 1px #B5B5B5;
    background-image:url(images/Datagrid/headerbg2.gif);  
}
.cssDatagrid_Header3
{
    background-image:url(images/Datagrid/headerbg3.gif);
    background-repeat: repeat-x;
    background-position:0% 100%;
    font-weight: bold;
    text-align: center;
}
.cssDatagrid_Header3 td
{
    font-weight: bold;
    color: #15428B;
    border: solid 1px #B5B5B5;
    background-image:url(images/Datagrid/headerbg3.gif);  
}
.cssDatagrid_Footer td
{
    border: solid 1px #B5B5B5;
    padding:1px;
}
.cssDatagrid_Header a
{
    font-weight: bold;
    color: #004634;
}
.cssDatagrid_Item
{
    background-color: #FAFAFA;
}
.cssDatagrid_Item td
{
    font-size: 12px;
    border: solid 1px #B5B5B5;
    padding: 5px;
}
.cssDatagrid_ItemAlt
{
    background-color: #fff;   
}
.cssDatagrid_ItemAlt td
{
    font-size: 12px;
    border: solid 1px #B5B5B5;
}
.cssDatagrid_Paging
{
    /*background-image:url(images/Datagrid/pagingbg.gif); */
    color: #444444;
    font-size: 12px;
    text-align:left;
    background: #eee;
}
.cssDatagrid_Paging td
{
    padding: 3px;
    border: solid 1px #B5B5B5;
}
a.cssDatagrid_Link, a.cssDatagrid_Link:visited
{
    color: Black;
}
a.cssDatagrid_Link:hover
{
    color: Green;
}
.cssDatagidFooter
{
	 /*background-image:url(images/Datagrid/pagingbg.gif); */
	 text-align:center !important;
	 vertical-align:middle;
	 color:Red;
	 font-size: 11px;
}
.cssDatagidFooter td
{
	 background-image:url(images/Datagrid/pagingbg.gif);
	 text-align:center !important;
	 vertical-align:middle;
	 color:Red;
	 font-size: 11px;
	 
}
/*=============== Cac table tu dinh nghia ==============*/
table.TableContainer
{
	border-right: #e1e1e1  1px solid;
	border-top: #e1e1e1 1px solid;	
	border-left: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	border-collapse: collapse;
	background-color: white;
	display:table;
}
table.TableContainer td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
	height: 21px;
}

table.TableContainer td1 {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;
	height: 0px;
}


.cssDropdownlist
{
    z-index: -1;
}

.cssTDLeft td
{
	background-color:#f5f6f6;
	font-size:11px;		
	font-family: Arial,Tahoma , Helvetica;	
	font-style:normal;
	font-weight:bold;	
	text-decoration:none;
	text-align:right!important;
	padding-left:3px;
	width:25%;
	
}
.cssTDRight td
{
	background-color:#FFF;
	text-align:left!important;
	padding-left:3px;
	font-size:11px;		
	font-family: Arial,Tahoma , Helvetica;	
	font-style:normal;
	font-weight:normal;	
	text-decoration:none;
	
} 



.cssTDLeft 
{
	background-color:#f5f6f6;
	font-size:11px;		
	font-family: Arial,Tahoma , Helvetica;	
	font-style:normal;
	font-weight:bold;	
	text-decoration:none;
	text-align:right!important;
	padding-left:3px;
	width:25%;
	
	
}
.cssTDRight 
{
	background-color:#fff;
	text-align:left!important;
	padding-left:3px;
	font-size:11px;		
	font-family: Arial,Tahoma , Helvetica;	
	font-style:normal;
	font-weight:normal;	
	text-decoration:none;
} 
.cssTDRight1
{
	background-color:#fff;
	text-align:left!important;
	padding-left:3px;
	text-align:left;
	font-size:11px;		
	font-family: Arial,Tahoma , Helvetica;	
	font-style:normal;
	font-weight:normal;	
	text-decoration:none;
} 
/* AJAX TOOLTIP CSS */
.VietAdTooltip
{
	text-align:left;
	position: absolute;
	width: 320px;	
	border: 1px solid #4570c5;
	padding: 2px;
	background-color:#f0f7ff;
	visibility: hidden;
	z-index: 100;
	font-size: 12px;
    font-family:Arial;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


table.tableTxtNoiDung td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 21px;
}
.cssDiemTB td
{
	text-align:right!important;
	
}
.cssThongbao
{
    color:Red; 
    font-size: 12px;
}

/*============== TIM KIEM AJAX ================*/


.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : auto;
    text-align : left; 
    list-style-type : none;
}
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	
}


.cssTieuDe
{
	background-color : #f6f9fe;
}
.ajax__tab_xp .ajax__tab_header {
	background-color : #f6f9fe!important;
}
table.table1 
{
	border-right: #e1e1e1  1px solid;
	border-top: #e1e1e1 1px solid;	
	border-left: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	border-collapse: collapse;
	background-color: white;
	display:table;
}
.td1 td
{
	clear:both;
	background-color : #f6f9fe!important;
}


/*css cho menu */

.arrowsidemenu{
	width: 230px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-top: solid 1px #94AA74;
	border-bottom:solid 0px #94AA74;
	border-left:solid 1px #94AA74;
	border-right:solid 1px #94AA74; 
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(images/arrowgreen.gif) 100% 0;
    height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #26370A;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #6F3700;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #fff;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
	
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
	
	
}

.arrowsidemenu ul li a:hover{
	background: #d5e5c1;
}

.accordionHeader
{
    border: 1px solid #7fb14b;
    color: #6F3700;
    background-color: #c1daa6;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}



.accordionHeaderSelected
{
    border: 1px solid #7fb14b;
    color: white;
    background-color: #a0c579;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}


.accordionContent
{    
    border: 1px solid #7fb14b;
    border-top: none;    
    padding: 5px 3px 5px 3px;
   
}