body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	margin: 0px;
	padding: 0px; 
	/*behavior : url("css/csshover3.htc");*/
}

.button
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-align: center;
	width: 100px;
	height: 26px;
	padding-bottom: 3px;
	padding-top: 1px;
	cursor:pointer !important;
}

.buttonmore {
	border: none;
	width:25px;
	height:25px;
    background: url('../Images/more.png') no-repeat center center;
} 
.buttonques {
    border: none;
    width:25px;
	height:25px;
    background: url('../Images/question.png') no-repeat top left;
} 

.buttonded {
    border: none;
	width:25px;
	height:25px;
    background: url('../Images/more.png') no-repeat center center;
} 

.buttonloading {
    border: none;
    width:30px;
	height:30px;
    background: url('../Images/loading.gif') no-repeat top left;
}

input[type='text'],input[type='password'] {
    border: 1px solid #006;
	padding: 3px 5px 3px 5px;
    background: #ffffcc;
}
input[type='text']:focus,input[type='password']:focus {
    border: 1px solid #f00;
    background: #ffc;
}

.buttonSpecial
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-align: center;
	width: 150px;
	height: 26px;
}
.buttonLong
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	text-align: center;
	width: 120px;
	height: 26px;
	padding-bottom: 3px;
	padding-top: 1px;
}
.table
{
	
	width: 50%;
	min-height: 400px;
	vertical-align: middle;
	
}
.table2
{
	width: 80%;
}	
.table3
{
	width: 70%;
}	
.maintable 
{
	border-spacing: 1px;
	width: 100%;
	font-size: 12px;
	text-align:left;
}

.maintable th
{
	font-size: 15px;
	font-weight:bold;	
	text-transform: uppercase;
	padding: 0 15px 0 15px;
}

.maintable .tdMessage
{
	padding: 0 15px 0 15px;
}
	
.maintable .tdlogin
{
	width: 40%;
	height: 35px;
	padding-left: 40px;
}

.maintable .tdInfo
{
	width: 40%;
	height: 25px;
	padding-left: 15px;
}



.maintable .tdblank
{
	height: 25px;
}

.maintable .tdgray
{
	color:Gray;
	width: 80%;
}
.maintable .logo
{
	background: url(../Images/logo.jpg) no-repeat;
	height: 104px; 
	width: 199px;
} 

.maintable .banner 
{
	/*background: url(../Images/projectName.jpg) no-repeat; */
	/*background-position:center;*/
	height: 49px; 
	text-align: right; 
	vertical-align:bottom;
	font-size: 11px; 
	color: Black; 
	font-weight: bold; 
	padding-bottom: 0px;
	width: 30%;
	
}

.maintable .tdInfoRight
{
	width: 40%;
	height: 25px;
	padding-left: 15px;
	text-align:right;
	padding-right: 15px;
}
.tableLogin
{
	border-spacing: 1px;
	width: 97%;
	font-size: 12px;
	text-align:left;
}

.tableLogin th
{
	font-size: 15px;
	font-weight:bold;	
	text-transform: uppercase;
	padding: 0 9px 0 15px;
}

.tableLogin .tdMessage
{
	padding: 0 15px 0 15px;
}
	
.tableLogin .tdlogin
{
	width: 40%;
	height: 35px;
	padding-left: 40px;
}

.tableLogin .tdInfo
{
	width: 40%;
	height: 25px;
	padding-left: 15px;
}



.error
{
	color:Red;
}

.line
{
	background-color: #000066;
	color: White;
	height: 22px;
	padding-bottom: 2px;
	padding-top: 0px;
	/*padding-left:30px;*/
	
}
.lineOrange
{
	background-color: #FF6414;	
	color: White;
	height: 22px;
	padding-bottom: 2px;
	padding-top: 0px;
	/*padding-left:30px;*/
	
}
.linebottom
{
	background-color:Gray;
	color: White;
	height: 20px;
	padding-bottom: 2px;
	padding-top: 0px;
	padding-right: 2px;
	text-align:right;
	
}

.title
{
	font-size: large;
	color: Black;
	text-align: left;
}

.textBox
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	width: 200px;
}

.treeView
{
	color:Black;
	font-family:Tahoma, Verdana, Arial;
	font-size: 11px;	
	border-collapse:collapse;
}

.listBox
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	width: 250px;
	height:200px;
}

.dropDown
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	max-width: 200px;
	min-width: 110px;
	
}
.dropDownFix
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	width: 206px;
}

hr
{
	color: #8C8C8C;
}
/* Grid view*/
.FooterStyle
{
    background-color: #a33;
    color: White;
    text-align: right;
    font-size:30px;
}
.dropDownGridView
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	width: 100%;
	max-width: 200px;
	min-width: 80px;
	
}


.subTable
{
	width:100%;
	border:0;
}

.textArea
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	width:90%;
}

.subTable .tdDocType
{
	padding-left: 3px;
}

.subTable .tdSearch
{
	padding-left:0px;
	padding-right:0px;
}

.subTable  .rowSearch
{
	font-size: 12px;
	color: Black;
	text-align:left;
	padding-left: 3px;
	padding-right:3px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.subTable .textBoxSearch
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;	
	width: 200px;
	height: 13px;
}
.subTable .textBoxParam
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	width: 150px;
	height: 13px;
}
.subTable .textBoxDesc
{
	color:Black;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	width: 250px;
	height: 13px;
}
.subTable th
{
	text-align: center;
	background-color:#000066;
	color:White;
	font-size: 12px;
	height: 24px;
	font-weight:normal;
	text-transform:none;
	
	
}
.subTable .rowHeader
{
	
	text-align: center;
	background-color:#000066;
	color:White;
	font-size: 12px;
}

.subTable .rowHeader a
{
	color:White;
	font-size: 12px;
	text-decoration: none; 
} 
.rowHeader
{
	
	text-align: center;
	background-color:#000066;
	color:White;
	font-size: 12px;
}

.rowHeader a
{
	color:White;
	font-size: 12px;
}

.rowLink a
{
	color:Black;
	font-size: 12px;
	text-decoration:underline;
}
 
.row
{
	font-size: 12px;
	color: Black;
	text-align:left;
	padding-left: 3px;
	padding-right:3px;
}

.colCenter
{
	text-align:center; 
}

.DataWebControlStyle tr:hover td
{
	color: #339;
	background: #fffed6;
}

.DataWebControlStyle tr th, tr thead td {
	background: url(../Images/nav_list1_bg.jpg) #FFF repeat scroll center left;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;	
	font: normal normal bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.rowToday
{
	color:#0055E5;
	font-size: 12px;	
}

.rowToday a
{
	color:#0055E5;
	font-size: 12px;
	text-decoration:underline;
}

.rowAlternative
{
	font-size: 12px;
	color: Black;
	text-align:left;
	background:#D6E7FF;
	padding-left: 3px;
	padding-right:3px;
}

a.Emphasis:link {
    color: #0055E5;
    text-decoration: underline;
  }
  a.Emphasis:visited {
    color:#0055E5 ;
    text-decoration: underline;
  }
  a.Emphasis:hover {
    color: #0055E5;
    text-decoration: underline;
  }
  a.Emphasis:active {
    color: #0055E5;
    text-decoration: underline;
  }

/* Menu */

#menuTop {
/*width: 100%;*/
float: left;
padding-top: 1px;

}
 
#menuTop ul {
list-style: none;
margin: 0;
padding: 0;
float: left;


}
 
#menuTop a, #menuTop h2 {
font:  12px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000066;/*#ccc;*/
border: 1;
margin: 0;
padding: 2px 3px;

}


 
#menuTop a 
{
	width: 13em;
color: #000;
background: #efefef;
text-decoration: none;

}
 
#menuTop a:hover {
color: #a00;
background: #fff;
}
 
.logOut 
{
	/*font:  12px arial, helvetica, sans-serif;*/
	border:1;
	background-color: #000066;
	color: White;
	display:inherit;
	padding: 2px 3px;
	margin: 0px;
	text-decoration: none;
	/*font:  12px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: hidden;
border-color: #000066;
margin: 0;
padding: 2px 3px;
color: White;
text-decoration: none;*/
}


	
#menuTop li 
{
	position: relative;
	
}
 
#menuTop ul ul {
position: absolute;
z-index: 500;
padding-top: 1px;

}
 
#menuTop ul ul ul {
position: absolute;
top: 0;
left: 100%;

}
 
div#menuTop ul ul {
display: none;
}
 
div#menuTop ul ul,
div#menuTop ul li:hover ul ul,
div#menuTop ul ul li:hover ul ul
{display: none;}
 
div#menuTop ul li:hover ul,
div#menuTop ul ul li:hover ul,
div#menuTop ul ul ul li:hover ul
{display: block;}

/* Rounded corner */
#rnd_container {background: #FFFFFF; margin:1px;}
    
    .rnd_top, .rnd_bottom {display:block; background:#FFFFFF; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#FFFFFF; border-left:1px solid #595959; border-right:1px solid #595959;}
    .rnd_b1 {margin:0 5px; background:#595959;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
    .rnd_content {
    display:block;
    border:0 solid #595959;
    border-width:0 1px;
    padding: 4px;
    background:#FFFFFF;
    color:#000000;
    min-height: 130px;
}

/***************************************/
#menu {
/*width: 100%;*/
background: #000066;
float: left;
text-align: center;

}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 10em;
border-right: solid 1px #FFCC00;
float: left;
margin-top:2px;
margin-bottom:2px;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;

margin: 0;
padding: 2px 3px;
}

#menu a, .logOff
{
    font: bold 11px/16px arial, helvetica, sans-serif;
color:White;
border: 0;
margin: 0;

    }
    
#menu h2 {
color: #fff;
background: #000066;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-align:left;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;

}

 #menu ul .logOff
 {
     font: bold 11px/16px arial, helvetica, sans-serif;
     text-transform: uppercase;
    color: White;
    background: #000066;
    text-decoration: none;
    text-align:center;
    border:0;
    border-right: 0;
}

#menu a:hover {
color: #a00;
background: #fff;
}
 #menu a:hover, .logOff {
color: #FFF;
background: #000066;


}
#menu li 
{
	position: relative;
	/*background-color: Orange;
	height: 20px;
	margin: 0px;*/
}

#menu ul ul {
position: absolute;
z-index: 500;
margin: 0px;
padding-top: 3px;
width: 15em;
border-right: 0;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* ================= Menu ================= */
/*begin creating the tabs */
.menu
{
	/*background: url(images/tab_bg.gif) repeat-x;*/
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	position:relative;
	top:-7px;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td
{
	
	height: 10px;
	/*background: url(images/centercmd.gif);*/	
	width: 100px;
	text-align: center;
	
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td
{
	background: url(images/tab.gif) no-repeat #000066;
	
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link 
{	

	text-decoration: none;
}

.menuItem a:visited
{
	
	text-decoration: none;
}

/* make drop down menu item style */
.menuPopupItem
{
	color: #FFFFFF;
	line-height: 15px;
	margin:0px;
	height:15px;
}

.menuPopupItem a
{	font-family: Arial,Verdana; 
	font-size:18px;
	width: 310px;
	display:block;	
	
	color: #000000;
	text-decoration: none;
	font-weight:  600;	
	height:15px;
}

.menuPopupItem a:hover
{
}

/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover
{	
	text-decoration: none;	
}

/* make drop down menu container style */
.menuPopup
{
	background: url(images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	height:15px;
	color: #efefef;
}

.logOff
 {
     font: bold 11px/16px arial, helvetica, sans-serif;
     text-transform: uppercase;
    color: White;
    background: #000066;
    text-decoration: none;
    text-align:center;
    border:0;
    border-right: 0;
}

.logOff {
color: #FFF;
background: #000066;

}


.IE8Fix
{
    z-index: 1000;

}

.invisible
{
width:0px;
display:none;
}
/*==================================================================*/
/* For TAB MENU*/
.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px black;
    background-color:#eeeeee;
    padding:2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px;
    background-color:white;
}
/*==================================================================*/
/************Begin Task Assignment*************/
.HeadBox{ color:White; background-color:Blue; font-weight:bold;  }
.SpaceItem { padding:5px;}
.BoxTask{ border:solid 2px black;}

.BoxItems{ height: 100%; min-height: 100%; overflow:auto; overflow-x:hidden; width:100%;}
.ItemSelect { text-decoration:none;color:White;}
.ItemNomarl {text-decoration:none; color:Black;}
 td a { text-decoration:none;}
.IconClick { cursor:pointer;}
.IconAddSub{margin-right:5px;position:relative;top:2px}
.DetailItem
{
	text-align: left;
	background-color:#000066;
	color:White;
	font-size: 12px;
	height: 24px;
	font-weight:normal;
	text-transform:none;
	
	
}
/************End Task Assignment**************/ 

.Roles th{font-size:11px; color:White; background-color:#000066; font-weight:bold;text-transform:none;  border-color:White; height:25px;overflow:hidden  }
.Roles th div{width:35px;height:30px;overflow:hidden}
.ItemRow{ height:25px;}
.HeaderStyle{}

.closewin{background: url(../Images/close.bmp) no-repeat; position: absolute; right: 0px; top: 0px; width: 50px; height: 16px;color: Yellow; font-size: 18px; font-weight: bold; cursor: pointer;}


/************Dang ky user moi**************/ 
.tbNewUser
{
	width: 100%;
	border: 1;
}

.tbNewUser .caption
{
	width: 90px;
	text-align: left;
}

.tbNewUser .control
{
	width: 200px;
	text-align: left;
}

.label_contact{ border-bottom:3px solid #adadad; color:#3366cc; text-transform:uppercase; font-weight:bold; width:250px; left: 5px;}
.label_contact1{ border-bottom:1px solid #adadad; color:#3366cc; right:5px; margin:10px 0; padding:2px 0;}