/* --------------------------------
   - 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: #E6e6e6;
	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;
}
.Combobox_Textbox
{
	width:100%;
	font-family: Arial;
    font-size : 9pt;
	border: #3d3d3d 1px solid;
	background-color: #FCFCFC;
}

/*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
{
	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;
}