.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: #733832;
	height: 19px;
	font-family: Arial;
    font-size : 11px;
	border: #d3d3d3 1px solid;
}
.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;
	background-color: #E5E5E5; border-bottom: #FFFFFF 1px solid;
	font-size:11px;
	width: 180px;
}

.L1_Normal
{
	cursor: hand;
	cursor : pointer;
	height: 25px;
	background-color: #E5E5E5; 
	border-bottom: #FFFFFF 1px solid;
	font-size:11px;
	padding-left : 5px;
	font-weight:bold;
	width: 180px;
}

.L1_Hover
{
	cursor: hand;
	cursor : pointer;
	height: 25px;
	background-color: #E5E5E5; 
	border-bottom: #FFFFFF 1px solid;
	font-size:11px;
	padding-left : 5px;font-weight:bold;
	width: 180px;
}


.L1_Selected
{
	cursor: hand;
	cursor : pointer;
	height: 25px;
	background-color: #E5E5E5; 
	color:#F19D14;
	border-bottom: #FFFFFF 1px solid;
	font-size:11px;
	padding-left : 5px;font-weight:bold;
	width: 200px;
}

/*------Child item--------*/
.L2_Container
{
	BORDER : gray 0px solid;
	padding : 5px;
	width : 170px;
	font-size:11px;
}

.L2_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;
	font-size:11px;
	padding-left: 5px;font-weight:bold;
}

.L2_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;
	font-size:11px;
	padding-left: 5px;font-weight:bold;
}

.L2_Selected
{
	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:#F19D14;
	text-align: left;
	font-size:11px;
	padding-left: 5px;font-weight:bold;
}

.BreadCrumbsSelected
{
	color:Gray;
}

.BreadCrumbs
{
	color: #1C5F00;
	font-size: 11px;
}
.BreadCrumbs a:link
{
	color: #1C5F00;
	font-size: 11px;
}
.BreadCrumbs a:visited
{
	color: #1C5F00;
	font-size: 11px;
}
.BreadCrumbs a:hover
{
	color: #FFFFFF;
	font-size: 11px;
}