/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    /*BACKGROUND-COLOR: white;*/
    FONT-FAMILY: Arial, Times New Roman, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:0px;
    margin-right:0px;
    text-align:center;  
    background-image:url(images/bg_.gif);
}

TD
{
	font-family: Arial, Times New Roman, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 12px;
}
A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	


IMG 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border:0px;
	}
	
/**************************************************/
/*Style cho menu*/
.MenuGroup
{
	cursor: pointer;
	cursor: hand;
	background-color: #DFEEF4;
	width: 120px;
}
.MainItem 
{
	height:20px;
	cursor: pointer;
	cursor: hand;
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #000000;
	width: 120px;
	text-align: center; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.MainItemOver
{
	height:26px;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #000000;
	border-bottom: 3px solid #1973C9;
	border-top: 2px solid #85C3E6;
	width: 120px;
	text-align: center;
	background-color: #64B3DF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.MenuItem
{
	font-family: Arial, Verdana;
	font-size:11px;
	cursor: pointer;
	cursor: hand;
	padding: 6px 0px 6px 7px;
	background-image: url(Images/arrow.gif);
	background-repeat: no-repeat;
	background-position : 7px center;
	border: 1px solid #BFCDE3;
	border-top: 1px solid white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: left;
}



.MenuItemOver
{
	font-family: Arial, Verdana;
	font-size:11px;
	cursor: pointer;
	cursor: hand;
	padding: 6px 0px 6px 7px;
	background-image: url(Images/arrow.gif);
	background-repeat: no-repeat;
	background-position : 7px center;
	border: 1px solid #BFCDE3;
	border-top: 1px solid white;
	border-bottom: 1px solid #1973C9;
	background-color: #A7CFE8;
	text-align: left;
}
.MenuItemToolTip
{
	background-color: #fffacd;
	border-style:solid;
	border-width:1px;
	border-color: black; 
	font-family: Arial;	
	padding: 3px;
	font-size:8pt;
	text-align: left;
}

.MenuItemClicked
{
	font-family: Arial, Verdana;
	font-size:11px;
	cursor: pointer;
	cursor: hand;
	padding: 6px 0px 6px 7px;
	background-image: url(Images/arrow.gif);
	background-repeat: no-repeat;
	background-position : 7px center;
	border: 1px solid #BFCDE3;
	border-top: 1px solid white;
	border-bottom: 1px solid #1973C9;
	background-color: #A7CFE8;
	text-align: left;
}
	
/**************************************************/
/*Style cho input*/
input.dt_textbox, .dt_textarea
{
	font-family:Arial, Tahoma, Times New Roman, Verdana;
	font-size:12px;
	/*border: solid 1px #81C7E1;*/
	border: 1px solid #6495ED;
	padding-left:5px;
	padding-right:5px;
	height:auto;
}
input.dt_textboxselect, .dt_textareaselect
{
	font-family:Arial, Tahoma, Times New Roman, Verdana;
	font-size:12px;
	/*border: solid 1px #81C7E1;*/
	border: 1px solid #6495ED;
	padding-left:5px;
	padding-right:5px;
	height:auto;
	background-color:#FFFF9D;
}
input.dt_textbox_right
{
	font-family:Arial, Tahoma, Times New Roman, Verdana;
	font-size:12px;
	border: solid 1px #6495ED;
	text-align:right;  
	padding-left:5px;
	padding-right:5px;
}

input.dt_TextboxNumber
{
	font-family:Arial, Tahoma, Times New Roman, Verdana;
	font-size:12px;
	border: solid 1px #6495ED;
	text-align:right;  
	padding-left:5px;
	padding-right:5px;	
}
/**************************************************/

.dt_Label
{
	font-family: Arial, Times New Roman;
	font-size: 12px;
	color: #005693;
	text-align: right;
/*	vertical-align: middle;	
	padding-left:0px;
	padding-right:0px*/
	
}

.dt_LabelBold
{
	font-family: Arial, Times New Roman;
	font-size: 12px;
	color: #005693;
	text-align: left;
	font-weight:bold;
/*	vertical-align: middle;	
	padding-left:0px;
	padding-right:0px*/
	
}

.dt_TimKiemTable
{
	border: solid 1px #005693;
}

.dt_Combo
{
	font-family:Arial, Tahoma, Times New Roman, Verdana;
	font-size:12px;
	border: solid 1px #81C7E1;
	padding-left:5px;
	padding-right:5px;
	height:auto;
}

.dt_TableHeading
{
	color:red;
	font-weight:bold;
	font-family:Arial, Tahoma, Times New Roman, Verdana;
	font-size:12px;
	/*background:url(images/menubg.jpg);*/
}

.dt_formLogin
{
	background-color: White;
	border: 2px solid #6495ED;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#D1D1D1', Positive='true')
}


.dt_FrameText
{
	color:darkBlue;
	font-weight:bold;
	background:white;
}

.dt_RedBold
{
	color:red;
	font-weight:bold;
	background:white;
}

.dt_BlackBold
{
	color:Black;
	font-weight:bold;
	background:white;
}

.dt_DMTitle
{
	color:red;
	font-weight:bold;
	background:white;
	font-size:18px;
}

/* Style for Menu */
.dt_LeftMenu
{
	background-color: #EFF7FF;
	border: 1 solid #6495ED;
	width: 135;
	/*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#D1D1D1', Positive='true')	*/
}
.dt_MenuHeader
{
	border-bottom: 1 solid #6495ED;
	background-image : url(images/bgHeader.gif); /*url(images/background.jpg);*/
	background-position: center top;
	padding: 4 5 4 7;
	font: bold 11px Verdana,Arial,Helvetica,sans-serif;
	color: #00008B;
}

.dt_MenuItem
{
	padding: 3 5 3 22;
	background-image: url(images/join.gif);
	background-repeat:no-repeat;
	background-position: 1 2;
	font: 11px Arial,Verdana,Helvetica,sans-serif;
}

.dt_LeftMenuSelected
{	
	padding: 3 5 3 22;
	background-image: url(images/fwd.gif);
	background-repeat:no-repeat;
	background-position:  5 4;
	background-color: #CBDBF3;
	font: 11px Arial,Verdana,Helvetica,sans-serif;
}


/***************************************/

.dt_Table
{	    
    border: solid 1 #D3E0FA;    
}

.dt_Table td
{	    
    padding: 2 2 2 4;
}

.dt_TableHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: #00008B;
    FONT-FAMILY: Arial, Tahoma, 'Times New Roman', 'MS Sans Serif';
    background-image : url(images/bgHeader.gif); /*url(images/bgTable.jpg);*/
    background-position: center top;
    text-align:center;
    padding: 2 2 2 2;
    height:26;    
}

.dt_TableAlternate
{
	background: #F0F8FF; /* #F7FBFF;	*/
    FONT-FAMILY: Arial, Tahoma, 'Times New Roman', 'MS Sans Serif';
	FONT-SIZE: 11px;
	COLOR: black;	
	
}

.dt_TableContent
{
    FONT-FAMILY: Arial, Tahoma, 'Times New Roman', 'MS Sans Serif';
	FONT-SIZE: 11px;
	COLOR: black;
	background-color:white;
}


.dt_TableActivePage
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Tahoma ,Verdana, Helvetica, sans-serif
}

.dt_searchBox
{
	padding: 3 3 3 3;
	border-top: 1 solid #6495ED;
	border-bottom: 1 solid #6495ED;
}


.dt_button
{
	font-size:  11px;  
	font-family: Arial, Verdana;
	border: 1px solid #6495ED;
	background-image : url(images/bgHeader.gif);
	background-position: center top;
	padding: 2 1 0 1;
	cursor:hand;
}


.dt_LinkButton, .dt_LinkButton A:hover, .dt_LinkButton A:visited, .dt_LinkButton A:link,.dt_LinkButton A:active
{
	background-image: url(images/bgHeader.gif);
	/*background-color: #e4f3d1;*/
	text-align:center;
	height: 19px;
	border: 1px solid #6495ED;
	margin: 5px 5px 3px 5px;
	padding: 2px 10px 2px 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	TEXT-DECORATION: none;	
	font: 11px;
	vertical-align:middle;
	font-weight: normal; 
	color: #07519A;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#dde6eb', Direction=135, Strength=1);
}

.dt_formHeader
{
	background-image : url(images/formHeaderBg.gif);
	height: 25px;
	color:White;
	font-weight:bold;
	text-align:right;
}


.LoginBG
{
	background-image: url(images/w.jpg);
	background-repeat:no-repeat;
	width:278px;
}


/***************************************************/
/*******************************************/
.BannerInfoStyle
{
	font-family:Arial, Tahoma, Times New Roman, Verdana;
	background-image: url(images/bgHeader4.gif);
	font-weight:bold;
	color:DarkBlue;	
}
.BannerInfoStyle a, .BannerInfoStyle a:visited
{
	color:DarkBlue;
}
.BannerInfoStyle a:hover
{
	color:red;
}

.FooterStyle
{
	background-image: url(images/bk_FooterTable.jpg);
}

.MasterTable
{
	border: solid 0px #FFFFFF;	
	background-color:White;
}
.dt_HuongDan
{
	border: solid 0px #FFFFFF;	
	background-color:#D3DAD6;
}

.PageTitle
{
	color:#CC0000;
	font-weight:bold;
	text-align:right;	
	border-bottom:solid 1 #CC0000;
	height:25px;
	vertical-align:bottom;
}


/******** Left Menu ************/
.dt_LeftMenu
{
	background-color: #EFF7FF;
	border: 1 solid #6495ED;
	width: 98%;
	/*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#D1D1D1', Positive='true')	*/
}

.dt_MenuHeader
{
	border-bottom: 1 solid #6495ED;
	background-image : url(images/bgHeader.gif); /*url(images/background.jpg);*/
	background-position: center top;
	padding: 4 5 4 7;
	font: bold 11px Verdana,Arial,Helvetica,sans-serif;
	color: #00008B;
}

.dt_MenuItem
{
	padding: 3 5 3 22;
	background-image: url(images/join.gif);
	background-repeat:no-repeat;
	background-position: 1 2;
	font: 11px Arial,Verdana,Helvetica,sans-serif;
}

.dt_NhomKyThi
{
	font-weight:bold;
	color:Red;
}

.dt_tabPanel
{
	background-color: White;
	padding: 8 8 8 8;
	display: none;
	border-top: 1 solid #6495ED;
	border-left: 1 solid #6495ED;
	border-right: 1 solid #6495ED;
	border-bottom: 1 solid #6495ED;
	text-align:center;
	/*
	border: 1 solid #6495ED;*/
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#D1D1D1', Positive='true')
	
}

.dt_tabSelected
{
	border-top: 1 solid #6495ED;
	border-left: 1 solid #6495ED;
	border-right: 1 solid #6495ED;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #00008B; 
	text-decoration: none;
	text-align:center;
	padding: 5 8 0 8; 
	background-image : url(images/bgHeader1.gif);
	background-position: center center;
	cursor:hand;
	height:25;
	width:auto;
	/*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=0, Color='#D1D1D1', Positive='true');*/
	margin-bottom:-4;
}

A.dt_tab
{
	border-top: 1 solid #6495ED;
	border-left: 1 solid #6495ED;
	border-right: 1 solid #6495ED;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #00008B; 
	text-decoration: none;
	text-align:center;
	padding: 5 8 0 8;  
	height:25;
	width:auto;
	background-color: white;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=0, Color='#D1D1D1', Positive='true');
	margin-bottom:-4;
}
