BODY
{
    /*SCROLLBAR-FACE-COLOR: #C4E7FD;
    SCROLLBAR-HIGHLIGHT-COLOR: white;
    SCROLLBAR-SHADOW-COLOR: black;
    SCROLLBAR-3DLIGHT-COLOR: #e1e1ea;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #DAE8ED;
	*/
	
    BACKGROUND-COLOR: #4A494A;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}

.validationSummary
	{
		background-color: #F0F8FF;
		border-color: #1E90FF;
		border-width:thin;
		font-size:xx-small;
	    text-align:left
	}

.pnlPage0
{
	background-color: #E6E6FA
}

.pnlPage
{
	background-color: #F0F8FF
}

.pnlPage1
{
	background-color: #87CEEB
}

.pnlPage2
{
	background-color:Navy
}

.pnlPage3
{
	background-color: #FFEFD5
}

.pnlForm
{
	background-color:gray
}

.pnlHeader
{
	background-color: #D3D3D3
}

.pnlGrid
{
	background-color: #B0C4DE
}

.pnlGridColorSBlue
{
	background-color: #B0C4DE
}


.pnlGridColorLBlue
{
	background-color:#b4cff1
}


.pnlEdit
{
	background-color:#D3D3D3
}

.pnlSearch
{
	background-color:#F0F8FF
}

.RightPanelDetail
{
	background-color:#F0F8FF
}

.RightPanelDetail1
{
	background-color:#FFFAF0
}

.RightPanelTableHead
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold;
	color:white
}

.tableHead
{
	background-color: #B0C4DE;
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold;
	color:Navy
}

.tableHeadNavy
{
	background-color:Navy;
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold;
	color:White
}

.tableHeadHelp
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold;
	color:Navy
}


.tableHeadHelp1
{
	background-color: #B0C4DE;
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold;
	color:Navy
}


.tableHead1
{
	background-color:Navy;
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold;
	color:white
}

.tableHeadHelp1
{
	background-color:Navy;
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold;
	color:white
}

.tableGrid
{
	background-color:#B0C4DE 
}

.tableGridColorLBlue
{
	background-color:#b4cff1
}

.tableGridColorSBlue
{
	background-color: #B0C4DE
}

.tableControls
{
	background-color: #B0C4DE;
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:normal
}

.tableControlsBold
{
	background-color: #B0C4DE;
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight: bold
}


.tableEdit
{
	background-color:#D3D3D3
}

.btnNormal
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:normal;
	background-color:#D3D3D3
}

.btnNew
{
   color:#010;
   font-family:'Arial',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#87CEEB;
   border:1px solid;
   border-top-color:#D3D3D3;
   border-left-color:#D3D3D3;
   border-right-color:#D3D3D3;
   border-bottom-color:#D3D3D3;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#99CCFF',EndColorStr='#99EEEE');

}

.btnHov
{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;
}

.btnFocus
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:normal;
	background-color:White 
}

.txtNormal
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:normal;
	background-color:#FFFFE0;
    margin-top: 0px;
}

.txtNormalTop {
    font-family: Arial;
    font-size: x-small;
    font-style: normal;
    font-weight: normal;
    background-color: #FFFFE0;
    margin-top: 0px;
    vertical-align: top;
}

.txtSearch
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:normal;
	background-color:#F0F8FF
}	

.txtDisabled
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:normal;
	background-color:#D3D3D3
}

.txtFocus
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:normal;
	background-color:White 
}

.PagerSpan
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:bold;
	color:Blue
}	

.PagerSpanMouseOver
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:bold;
	color:Blue;
	background-color:White
}	


.PagerLink
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	color: Black
}	

.txtBoxRead
{
	font-family: Arial;
	BACKGROUND-COLOR: #F5F5F5;
	font-size: x-small;
	font-style: normal
}	

.txtBox
{
	font-family: Arial;
	BACKGROUND-COLOR: White;
	font-size: x-small;
	font-style: normal
}	
.test{

    color:brown;
}

.lblRead
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal
}
.lblReadMsg
{
	font-family: Arial;
	font-size: large;
	font-style: normal
}

.lblReadTab
{
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight:bold;
}	

.lblReadxxSmall
{
	font-family: Arial;
	font-size: xx-small;
	font-style:normal
}	

.lblReadLarger
{
	font-family: Arial;
	font-size: large;
	font-weight: normal;
	font-style:normal
}	

.lblReadMedium
{
	font-family: Arial;
	font-size: medium;
	font-weight:normal;
	font-style: normal
}	

.lblReadBold
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight: bold
	
}



.lblReadError {
	font-family: Arial;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: Red
}	

.lblReadInfo
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight: bold;
	color:Blue
}
.lblPaymentDue {
	color:#931c32 !important;
}
.lblReadComment
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight: bold;
	color:Blue
        
}	

.dataIndex
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:normal
}	

.lblReadSmall
{
	font-family: Arial;
	font-size: xx-small;
	font-style:normal
}	

.lblRequire
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight: bolder;
	color:Red
}	



.lblSearch
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight: bolder;
	color:Blue
}	

.lblHead
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold
}	

.lblError
{
	font-family: Arial;
	font-size: small;
	font-style:normal;
	color:Red;
	font-weight:bold
}	

.lblHeadWhite
{
	font-family: Arial;
	font-size: x-small;
	font-style:normal;
	font-weight:bold;
	color:White
}	


H1, H2, H3, H4, H5,  THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
    background-color:yellow;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
/***************************************/
.RadGrid
{
	background-image: url(Img/RadGridBg.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: Arial, Verdana;
	padding-top: 8px;
	border: solid 1px #778e19;
}

.RadGrid TABLE
{
	font-size: 11px;
	font-family: Arial, Verdana;
}
.GridHeader
{
	font-weight: bold;
	color: white;
	background-image: url(Img/headerBg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
	padding-left: 6px;
	height: 35px;
}


.GroupPanelItems
{
	font-weight: bold;
	color: white;
	white-space:nowrap;
}

.GridHeader A
{
	color: white;
	text-decoration: none;
}

.GridRow
{
	background-color: #edefe7;
	padding-left: 5px;
}
.GridRow TD
{
	border-bottom: solid 1px #ced3be;
}
.GridAltRow
{
	background-image: url(Img/GridAltRowBg.gif);
	background-repeat: repeat-x;
	background-color: #e5e8dc;
	padding-left: 6px;
}
.GridAltRow TD
{
	border-bottom: solid 1px #ced3be;
}
.GridPager
{
	background-image: url(Img/pagerBg.gif);
	color: #edefe7;
	padding-left: 6px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

.GridPager A
{
	color: #edefe7;
}

.ResizeItem
{
	background-image: url(Img/grip.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 16px;
}



.ResizeItem TD
{
	padding: 0px;
}
.TabCells
{ 
	background-image: url(~/Images/UTab86#F0F8FF.gif);
	background-repeat:no-repeat
}
.tableBody
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	VERTICAL-ALIGN: baseline; 
	COLOR: black; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Verdana
}	
.tableBodyBold
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	VERTICAL-ALIGN: baseline; 
	COLOR: black; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Verdana
}

.btnFilter
{
   color:#010;
   font-family:'Arial',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   CURSOR: hand;
   background-color:#87CEEB;
   border:1px solid;
   border-top-color:#D3D3D3;
   border-left-color:#D3D3D3;
   border-right-color:#D3D3D3;
   border-bottom-color:#D3D3D3;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#99CCFF',EndColorStr='#99EEEE');
	
}
.btnSignoff {
    background-color: white !important;
    height : 30px !important;
}

.DataGridPager {
    color: #FF3300;
    font-size: 14px;
}
.DataGridPager a:link { color:blue; font-size:14px;}
.DataGridPager a:visited { font-size:14px;}
.DataGridPager a:hover { color:#FF3300; font-size:14px;}

.tdBottomBorder 
{

    border-bottom:solid; 
    border-bottom-width:1px; 
    border-color:grey;
}

.underlineHover:hover {
    text-decoration: underline;
    font-weight:bold;
    cursor:pointer;
}

/*ToolTip for Information Icons*/
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */

.tooltip .tooltiptext {
    visibility: hidden;
    width: 350px;
    background-color: skyblue;
    color: black;
    text-align: left;
    padding: 5px 5px;
    border-radius: 6px;

     /*Position the tooltip text*/ 
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%; 

     /*Fade in tooltip*/ 
    opacity: 0;
    transition: opacity 0.3s;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 0.7;
}

/*Hide the row*/
.rowHide {
    display: none;
}

.custom-menu-css {
    float: right;
    margin-right: 10px !important;
    text-align: right;
}
.word-break{
    word-break:break-word;
}

.word-break-all{
    word-break:break-all;
}
.fa-color {
    color: blue;
}

.color-red{
    color:red;
}

.color-black {
    color: black;
}

.btn-text-multiline {
    white-space: normal;
}

.align-left{

	text-align:left;
}
.align-right {
	text-align: right;
}