/* CSS Document */

body		{margin:0; background-color:#FFFFFF; padding:0px; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; direction:ltr;}
body		{scrollbar-arrow-color: #039; scrollbar-face-color: #f1f1f1; scrollbar-track-color: #E0E0E0; scrollbar-highlight-color: #C0C0C0; scrollbar-3dlight-color: #C0C0C0; scrollbar-shadow-color: #C0C0C0; scrollbar-darkshadow-color: #B0B0B0;}

th, td{font-size:11px}

a, a:link, a:visited{color:#039; text-decoration:none;}
a:hover		{color:#f04f2d;}

#hd			{border:0px solid #888;color: #000000; background-color:#f5f5f5;}
#add		{border:1px solid #888; background-color:#f8f8f8; color: #333; padding:5px;}
#act		{border:1px solid #888; background-color:#f8f8f8; color: #333; padding:5px;}
#bd			{border:0px solid #888; color: #000; padding:0px}
#ft			{border:1px solid #888; background-color:#f8f8f8; color: #333; margin-top:5px; padding:5px}
#hd, #add, #act, #bd{margin-bottom:0px}

td.top_menu
{
	font-weight:bold;
}

td.top_menu a
{
	border:1px solid #D6D6D6;
	text-align:center;
	padding:3px;
}

td.top_menu a:hover
{
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
}

#nav		{border-left:1px solid #888;border-top:1px solid #888;border-right:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6; color: #000000;}
th.nav		{height:23px; background-repeat:repeat-x; background-position:center; background-color:#f5f5f5; text-align:left; padding-left:5px}
td.nav		{height:100%; border-top:1px solid #888; background-color:#FFFFFF; padding:5px}

#main	{border-left:1px solid #888;border-top:1px solid #888;border-right:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6; color: #000000;}
th.main		{height:23px;  background-repeat:repeat-x; background-position:center; background-color:#f5f5f5; text-align:left; padding-left:5px}
td.main		{border-top:1px solid #888; background-color:#fff; padding:5px}

/*	Tieu de	*/
.title		{font-weight:bold; font-size:11px; color:#333; text-decoration:underline;}
.s_title	{margin-top:5px; font-size:10px; color:#666}
/* List View */
.listview
{
	text-align:center;
	float:left;
	width:19%;
	height:20%;
}

.listview a
{
	width:100%;
	height:30%;
	border:1px solid #FFFFFF;
	padding-top:15px;
	padding-bottom:15px;
}

.listview a:hover
{
	border:1px solid #D6D6D6;
}
/* Header, body, footer form */
.form_header
{
	font-size:20px;
	font-weight:bold;
	height:30px;
	background-color:#EFEEE5;
	color:#000000;
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

.form_body	{}
.form_footer{height:30px; border-top:1px solid #D6D6D6;}

/* Style dieu khien form */
.button		{font-size:11px; color:#333;}
.textbox	{font-size:11px}

/* Style cho grid */
.DataGrid			{border-width:0px;}
.HeaderDataGrid		{color:#f04f2d;	font-weight:bold; height:20px;}
.HeaderDataGrid td	{text-align:left; border-width:0px; border-bottom:2px solid #d6d6d6;}
.ItemDataGrid td	{border-width:0px;	border-bottom:1px solid #D6D6D6; color:#039; text-align:left}
.PageDataGrid		{text-align:right;}
.PageDataGrid td	{border-width:0px; font-weight:bold}
/* Style cho datagrid */
.headgrid
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    WIDTH: 100%;
    COLOR: #003399;
    FONT-FAMILY: Arial,Verdana;
    HEIGHT: 17px;
    BACKGROUND-COLOR: #92ABCA;
    TEXT-ALIGN: center;
    text-transform:capitalize;
}
.headgridcd
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    WIDTH: 100%;
    COLOR: #003399;
    FONT-FAMILY: Arial,Verdana;
    HEIGHT: 17px;
    BACKGROUND-COLOR: #92ABCA;
}
.itemrow1
{
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    WIDTH: 100%;
    COLOR: black;
    TEXT-INDENT: 3px;
    FONT-FAMILY: Arial,Verdana;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #DDEEFF;

  }
 .itemrow2
 {    
    PADDING-RIGHT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    WIDTH: 100%;
    COLOR: #000080;
    TEXT-INDENT: 3px;
    FONT-FAMILY: Arial,Verdana;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #EFEFEF;
    }
    .itemrow3
 {    
    PADDING-RIGHT: 5px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    WIDTH: 100%;
    COLOR: #000080;
    TEXT-INDENT: 3px;
    FONT-FAMILY: Arial,Verdana;
    HEIGHT: 20px;
    BACKGROUND-COLOR:#E6E6FA;
    }
    
  .stylecolfunction
{
    width:15%;
    text-align:center;
    }
.stylecolfunction1
{
    width:5%;
    text-align:center;
    }
.stylecolfunction2
{
    width:10%;
    text-align:center;
    }
.styleStt
{
    text-align:center;
    width:25px;
    }
.tieude{font-size:12px;text-align:left; font-weight:bold;text-decoration:none; color:#000000;}    
.textbox{text-align:left;width:100%;}
.textbox1{text-align:left;width:98%;}
.textbox2{text-align:left;width:80%;}
.textbox3{text-align:left;width:60%;}
.textbox4{text-align:left;width:20%;}