.Button
{
	background-image: url(../../images/icon/button.gif);
	height:25px;
	color: #111111;
	font-weight:bold;
	text-decoration: none;
	border: #acacac 1px groove;
	cursor:hand;cursor:pointer
}       

.ButtonSelected
{
	background-color: #F19D14;
	height:25px;
	color: #FFFFFF;
	cursor: default;
	font-weight:bold;
	text-decoration: none;
	border: gray 1px groove;
}       
.QuickSearch
{
	width:140px;
	color: #000000;
	font-family: Arial;
    font-size : 11px;
	border: #DF9905 1px solid;
	vertical-align:bottom;
}
.QuickSearchText
{
	color: #733832;
	font-family: Arial;
    font-size : 11px;
}
.QuickSearchText a:link
{
	color: #733832;
	font-family: Arial;
    font-size : 11px;
}
.QuickSearchText a:visited
{
	color: #733832;
	font-family: Arial;
    font-size : 11px;
}
.QuickSearchText a:active
{
	color: #733832;
	font-family: Arial;
    font-size : 11px;
}

.RadioButtonList
{
	color: Red;
}
/* --------------------------------
   - Styles use for DataGrid      -
   --------------------------------*/
/*---DataGrid----*/
.DataGridFormat
{
	background : lightblue;
	border :  darkgray 1px solid;
}

/*---Grid Header----*/
.DataGridHeader
{
	background: mediumaquamarine;
	font-weight : bold;
}

.DataGridWideHeader
{
	background: darkgray;
	height: 25px;
}

/*---Grid Item----*/
.DataGridItem
{
	background: #FFEFD2;
	color: navy;
	text-align:justify;
}

.DataGridItem a:link
{
	color : Black;
	text-decoration : none;
}

.DataGridItem a:visited
{
	color : Black;
	text-decoration : none;
}

.DataGridItem a:hover
{
	color : Black;
	text-decoration : underline;
}

.DataGridAlternatingItem
{
	background: linen;
	color: navy;
}

.DataGridAlternatingItem a:link
{
	color : Black;
	text-decoration : none;
}

.DataGridAlternatingItem a:visited
{
	color : Black;
	text-decoration : none;
}

.DataGridAlternatingItem a:hover
{
	color : Black;
	text-decoration : underline;
}

.DataGridItemSelected
{
	color : black;
	font-weight : bold;
}

.DataGridItemEdit
{
	background : yellow;
	color : Black;
}
/*---Grid Pager----*/
.DataGridPager
{
	background: #D4D4D4 url(../../images/icon/button.gif);
	font-weight : bold;
	word-spacing : 5px;
	height : 22px;
	color: Red;
}

.DataGridPager a:link
{
	text-decoration : underline;
	font-weight : normal;
	color:Navy;
}

.DataGridPager a:hover
{
	text-decoration : underline;
	font-weight : normal;
}

.DataGridPager a:visited
{
	text-decoration : underline;
	font-weight : normal;
}

DataGridItemTitle:link
{
	color : Blue;
	text-decoration : underline;
	text-align:justify;
}
A.DataGridItemTitle:link
{
	color : Blue;
	text-decoration : underline;
	text-align:justify;
}

A.DataGridItemTitle:visited
{
	color : Blue;
	text-align:justify;
	text-decoration : underline;
}

A.DataGridItemTitle:hover
{
	text-align:justify;
	background : yellow;
	color : red;
	text-decoration: none;
}
/* ----------------------------------
   - Styles use for utilities       -
   ----------------------------------*/
.FormSubTitle
{
	font-weight: bold;
	background: #CB0101;
	color: white;
	height : 20;
}

A.GrayLinkButton:link
{
	color : #FFFFFF;
	text-decoration : underline;
}

A.GrayLinkButton:visited
{
	color : #FFFFFF;
	text-decoration : underline;
}

A.GrayLinkButton:hover
{
	background : yellow;
	color : blue;
	text-decoration : none;
}

A.WhiteLinkButton:link
{
	color : #000000;
	font-weight:bold;
	text-decoration : underline;
}

A.WhiteLinkButton:visited
{
	color : #000000;
	font-weight:bold;
	text-decoration : underline;
}

A.WhiteLinkButton:hover
{
	background : yellow;
	color : red;
	text-decoration : none;
}

/* ----------------------------------
   - Styles use for Document status -
   ----------------------------------*/
.DocumentNameInView
{
	color : darkgray;
}

.DocumentStatusProcessing
{
	color : #666666;
}

.DocumentStatusError
{
	color : Red;
}

.DocumentStatusMoveOut
{
	color : Navy;
}

.DocumentStatusCancel
{
	color : Red;
}

.DocumentRequest
{
	color : #666666;
}

.DocumentStatusPreComplete
{
	color : Green;
}

.DocumentStatusComplete
{
	color : Green;
}

.DocumentOvertime
{
	color : Red;
}

.DocumentComming
{
	color : Green;
}

/*--------------------------------
   - Styles for HTML Report      -
   --------------------------------*/
.ReportContainer
{
	border : #787878 1px solid;
}

.ReportTitle
{
	text-align : center;
}

.ReportHeader
{
	font-weight: bold;
	background: #003333;
	color: white;
	height: 25px;
}

.ReportItem
{
	border-bottom : #787878 1px solid;
	border-right : #CCCCCC 1px solid;
}
/*--------------------------------
   - Styles for view tooltip document      -
   --------------------------------*/
.docOverViewTable
{
	border: #3d3d3d 0px solid;	
	width: 100%;
}
.docHeadTD
{
	font-weight:bold;
	font-size: 10px;
	color: #800000;	 
	border-bottom: #3d3d3d 1px solid;
	border-right: #3d3d3d 1px solid;
	border-collapse:collapse;
}
.docContentTD
{
	border-bottom: #3d3d3d 1px solid;
	border-collapse:collapse;
}
.docViewHead
{
	color:Black;
}
.Textbox
{
	width:100%;
	font-family: Arial;
    font-size : 9pt;
	border: #d3d3d3 1px solid;
}

/*Grid Report*/
.grid-table
{
	color: #000000;
}
.grid-table a:link
{
	text-decoration : underline;
	color: Navy;
}
.grid-table a:visited
{
	text-decoration : underline;
	color: Navy;
}
.grid-header
{
	background: #D4D4D4 url(../../images/icon/button.gif);
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-collapse:collapse;
}
.grid-first-Column
{
	border-left: #FFFFFF 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-collapse:collapse;
}
.grid-end-Column
{
	border-left: #000000 1px solid;
	border-right: #FFFFFF 1px solid;
	border-bottom: #000000 1px solid;
	border-collapse:collapse;
}
.grid-item
{
	border-right: #000000 1px solid;
	border-left: #000000 1px double;
	border-bottom: #000000 1px solid;
	border-collapse:collapse;
}
.grid-item-child
{
	padding-left:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-top:2px;
}
.grid-footer 
{
	font-size: 11px;
	color: #3d3d3d;	
	font-family: Arial;
	padding-right: 40px;
	
}

/* Tooltips*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* -----------------------------
   - Styles use for News menu  -
   -----------------------------*/
/*----Group item--------*/
.MLMenu_Group_Container
{
	BORDER : 0px;
	background: url(bgMenuItem.gif) ;
}

.MLMenu_Group_Normal
{
	cursor: hand;
	cursor : pointer;
	height: 25px;
	background: url(images/ocb_29.gif) no-repeat left;
	border-bottom: #F09C14 1px solid;
	color: White;
	font-size:11px;
	padding-left : 20px;
}

.MLMenu_Group_Hover
{
	cursor: hand;
	cursor : pointer;
	height: 25px;
	background: url(images/ocb_29.gif) no-repeat left;
	color:#f0fff0;
	border-bottom: #F09C14 1px solid;
	font-size:11px;
	padding-left : 20px;
}


.MLMenu_Group_Selected
{
	cursor: hand;
	cursor : pointer;
	height: 25px;
	background: url(images/ocb_29.gif) no-repeat left;
	color:#f0fff0;
	border-bottom: #F09C14 1px solid;
	font-size:11px;
	padding-left : 20px;
}

/*------Child item--------*/
.MLMenu_Item_Container
{
	BORDER : gray 0px solid;
	padding : 2px;
	width : 170px;
}

.MLMenu_Item_Normal
{
	cursor: hand;
	cursor : pointer;
	width: 170px;
	height: 25px;
	background: #E8E8E8 url(bgItem.gif) repeat-x bottom;
	border-bottom: #FFFFFF 1px solid;border-right: #FFFFFF 1px solid;
	vertical-align : middle;
	color: #012F36;
	text-align: left;
	padding-left : 5px;
}

.MLMenu_Item_Hover
{
	cursor: hand;
	cursor : pointer;
	width: 170px;
	height: 25px;
	background: #E8E8E8 url(bgItem.gif) repeat-x bottom;
	border-bottom: #FFFFFF 1px solid;border-right: #FFFFFF 1px solid;
	color:#012F36;
	text-align: left;
	padding-left : 5px;
}

.MLMenu_Item_Selected
{
	cursor: hand;
	cursor : pointer;
	width: 170px;
	height: 25px;
	background: #E8E8E8 url(bgItem.gif) repeat-x bottom;
	color:#012F36;
	text-align: left;
	padding-left : 5px;
}

/*------Expand item--------*/
.MLMenu_Expand_Container
{
	BORDER : 0px;
	background: #E8E8E8 url(bgItem.gif) repeat-x bottom;
}
.MLMenu_Expand_Normal
{
	height: 25px;
	cursor: hand;
	background: #E8E8E8 url(bgItem.gif) repeat-x bottom;
	width: 100%;
	vertical-align : middle;
	border-bottom: #FFFFFF 1px solid;border-right: #FFFFFF 1px solid;
	font-size: 8pt;
	color: #012F36;
	text-align: left;
	padding-left : 25px;	
}

.MLMenu_Expand_Hover
{
	height: 25px;
	cursor: hand;
	background: #E8E8E8 url(bgItem.gif) repeat-x bottom;
	width: 100%;
	vertical-align : middle;
	border-bottom: #FFFFFF 1px solid;border-right: #FFFFFF 1px solid;
	font-size: 8pt;
	color: #012F36;
	text-align: left;
	padding-left : 25px;
}

.MLMenu_Expand_Selected
{
	height: 25px;
	cursor: hand;
	background: #E8E8E8 url(bgItem.gif) repeat-x bottom;
	width: 100%;
	vertical-align : middle;
	border-bottom: #FFFFFF 1px solid;border-right: #FFFFFF 1px solid;
	color: #012F36;
	font-size: 8pt;
	text-align: left;
	padding-left : 15px;
}

.MLMenu_Expand_Expanding
{
	height: 25px;
	cursor: hand;
	background: #E8E8E8 url(bgItem.gif) repeat-x bottom;
	width: 100%;
	vertical-align : middle;
	font-size: 8pt;
	color: #012F36;
	text-align: left;
	padding-left : 15px;	
}


/* -----------------------------
   - Styles use for News menu  -
   -----------------------------*/
/*----Group item--------*/
.L1_Container
{
	BORDER : 0px;
	border-bottom: #FFFFFF 1px solid;
	padding-right: 2px;
}

.L1_Normal
{
	cursor: hand;
	cursor : pointer;
	height: 21px;
	width: 170px;
	background: #FCEBC5 url(images/CCHC_21.gif) no-repeat; 
	border-bottom: #FC8D0B 1px solid;
	border-right: #FC8D0B 0px solid;
	padding: 2px;
	padding-left : 13px;
	color: #87402c;	
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;	
}

.L1_Hover
{
	cursor: hand;
	cursor : pointer;
	height: 21px;
	width: 170px;
	background: #FCEBC5 url(images/CCHC_21.gif) no-repeat; 
	border-bottom: #FC8D0B 1px solid;
	border-right: #FC8D0B 1px solid;
	padding: 2px;
	padding-left : 13px;
	color: #B60C00;
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;	
}


.L1_Selected
{
	cursor: hand;
	cursor : pointer;
	height: 21px;
	width: 170px;
	background: #FCEBC5 url(images/CCHC_21.gif) no-repeat;  
	color:Red;
	border-bottom: #FC8D0B 1px solid;
	padding: 2px;
	padding-left : 5px;
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;	
}

/*------Child item--------*/
.L2_Container
{
	padding-right:2px;
	border-right: #FFFFFF 1px solid
}

.L2_Normal
{
	cursor: hand;
	cursor : pointer;
	width: 170px;
	height: 21px;
	background: #FCEBC5 ;  
	border-bottom: #FC8D0B 1px solid;
	border-right: #FC8D0B 0px solid;
	color: #87402c;	
	padding:3px;
	padding-left: 13px;	
	text-align: left;
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;	
}

.L2_Hover
{
	cursor: hand;
	cursor : pointer;
	width: 170px;
	height: 21px;
	background: #FCEBC5 ;   
	border-bottom: #FC8D0B 1px solid;
	border-right: #FC8D0B 0px solid;
	color:#B60C00;
	padding:3px;
	padding-left: 13px;
	text-align: left;
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;	
}

.L2_Selected
{
	cursor: hand;
	cursor : pointer;
	width: 170px;
	height: 21px;
	background: #FCEBC5 ;  
	border-bottom: #FC8D0B 1px solid;
	border-right: #FC8D0B 0px solid;
	color:Red;
	padding:3px;
	padding-left: 13px;
	text-align: left;
	font-size:8pt;
	font-weight:bold;
	font-family:Tahoma;	
}

.highlight 
{
	text-decoration:none; font-weight:bold; color:black; background:yellow;
}