/* DEFAULTS
----------------------------------------------------------*/

body   
{
	background-image: url('../Images/Bg123.jpg'); 
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.pageBG
{
    background-image: url('../Images/greyBlackbackground.jpg'); 
    background-repeat:repeat; 
    background-position: left top; 
    padding: 0px 0px 0px 0px;
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px;
    height:100%;
    background-color: #fff;
}
.page
{
    background-image: url('../Images/bgDetail.jpg'); 
    background-repeat: repeat-y; 
    background-position: left top; 
    padding: 0px 0px 0px 0px;
    width: 1137px; 
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px;
    height:100%;
    background-color: #fff;
    margin: 2px auto 0px auto;
    border: 1px solid #496077;
    /*border: 1px solid #FF0000;*/
}

.header
{
    background-image: url('../Images/bgHeader.jpg'); 
    background-repeat: no-repeat; 
    background-position: left top; 
    width: 1137px; 
    height: 111px; 
    top: 4px; 
    right: 4px; 
    bottom: 0px; 
	left: 4px;
    text-align:right;
}

.headerLogin
{
    background-image: url('../Images/bgHeader.jpg'); 
    background-repeat: no-repeat; 
    background-position: left top; 
    width: 1137px; 
    height: 111px; 
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
	left: 0px;
    text-align:left;
    border: 1px #F8F8F8 solid;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.SpanHeader
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color:Teal;
    border: none;
    line-height: 1.2em;
    font-size: 1.2em;
}
.SpanHighlights
{
    color:red;
    font-weight:bold;
    font-size: .8em;
}
.SpanUser
{
    color:Maroon;
    font-weight:bold;
    font-size: .8em;
}

.main
{
   
    background-position: left top; 
    padding: 0px 0px 0px 10px;
    width: 1066px; 
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px;
    vertical-align:top;
 }

.mainLogin
{
    background-position: left top; 
    padding: 0px 0px 0px 10px;
    width: 1166px; 
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px;
    vertical-align:top;
    }

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    background-image: url('../Images/bgFooter.jpg'); 
    background-repeat: no-repeat; 
    background-position: left top; 
    width: 1137px; 
    height: 73px; 
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px;
    color: #4e5766;
    padding: 12px 0px 0px 0px;
    margin: 0px auto;
    text-align: left;
    line-height: normal;
    /*border: 1px solid #FF0000;*/
}

.footerTxt
{
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px;
    color: #004848;
    padding: 6px 10px 30px 12px;
    margin: 0px auto;
    text-align: left;
    line-height: normal;
    font-size: .85em;
    /*border: 1px solid #FF0000;*/
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:green;
    width:100%;
}

.menuDiv
{
	width: 1024px; 
	padding: 0px 0px 0px 15px;
	background-position: left top; 
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
	left: 0px;
	vertical-align:middle;
}

.menuTable
{
    width: 1024px;
    border: 0px #F8F8F8 solid;
}
.menuTableCol
{
    border: 1px #F8F8F8 solid;
    line-height: 1.35em;
    padding: 1px 1px;
    text-decoration: none;
    white-space: nowrap;
    Font-family  : Arial;
	Font-size	 : 11px;
	Font-weight  : normal;
	text-align:center;
}

A.MenuAnchorTag:link
{
	color: Navy;
}
A.MenuAnchorTag:active
{
	color: Navy;
}
A.MenuAnchorTag:visited
{
	
	color: Navy;
}
A.MenuAnchorTag:hover
{
	color: yellow;
} 


.NavigationMenu
{
    
}

div.menu
{
    padding: 8px 0px 0px 15px;
    position:relative;
    left:100;
    top:100;
    Font-family  : Arial;
	Font-size	 : 12px;
	Font-weight  : normal;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    Font-family  : Arial;
	Font-size	 : 12px;
	Font-weight  : normal;
}

div.menu ul li a, div.menu ul li a:visited
{
    /*background-color: #465c71;*/
    border: 0px #F8F8F8 solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 1px 15px;
    text-decoration: none;
    white-space: nowrap;
    Font-family  : Arial;
	Font-size	 : 12px;
	Font-weight  : normal;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #004848;
    text-decoration: none;
    Font-family  : Arial;
	Font-size	 : 12px;
	Font-weight  : normal;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    Font-family  : Arial;
	Font-size	 : 12px;
	Font-weight  : normal;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    background-image: url('../Images/MainBg.jpg'); 
    background-repeat: repeat-y; 
    background-position: left top; 
    padding: 0px 0px 0px 0px;
    width: 1016px; 
    top: 0px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px;
    height:100%;
    background-color: #fff;
    margin: 6px auto 0px auto;
    border: 0px solid #496077;
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    height:110px;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 0px;
    color: navy;
    width:1128px;
}

.loginDisplay a:link
{
    color: navy;
}

.loginDisplay a:visited
{
    color: navy;
}

.loginDisplay a:hover
{
    color: navy;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.pgTitle
{
    width:100%;
    background-color:Gray;
    font-weight:bold;
    font-family:Tahoma;
    font-size:1.5em;
    color:Teal;
}
.tableParent
{
	width: 190px;
     color: #004040;
}
.tableLink
{
     width: 190px;
     color: #004040;
}
.tableLinkH
{
	width: 190px;
     color: #004040;
     background-image: url('../Images/MnuleftBg.jpg'); background-repeat: repeat-x;
}
.tableCol
{
     background-image: url('../Images/colBg.gif'); background-repeat: repeat-x;
}
.tableSubPageContent
{
     color:GrayText;
     Font-family  : Ariel;
	 Font-size	 : 1.1em;
  	 Font-weight  : normal;
	 Text-decoration  : none
}
.leftMenuSpn
{
	width: 190px;
}
/*Navigation Link Color : rgb(55,96,146);*/
A.AnchorTag:link
{
	Color : Navy;
	Font-family  : Arial;
	Font-size	 : .9em;
	Font-weight  : normal;
	Text-decoration  : none;
	padding: 2px;
	width:160px;
}
A.AnchorTag:active
{
	Background-color : #E9E9E9;
	Color : Navy;
	Font-family  : Arial;
	Font-size	 : .9em;
	Font-weight  : normal;
	Text-decoration  : none;
	padding: 2px;
	width:160px;
}
A.AnchorTag:visited
{
	
	Color : Navy;
	Font-family  : Arial;
	Font-size	 : .9em;
	Font-weight  : normal;
	Text-decoration  : none;
	padding: 2px;
	width:160px;
}
A.AnchorTag:hover
{
	Background-color : Silver;
	Color : Maroon;
	Font-family  : Arial;
	Font-size	 : .9em;
	Font-weight  : normal;
	Text-decoration  : none;
	padding: 2px;
	width:160px;
} 


.FormHeader /*Every form must have one heading make span id and assign this class */
{
	border: 0px solid #C0C0C0; 
	clip: rect(auto, auto, auto, auto); 
	padding-left: 0px; 
	font-family: Zurich BT,Arial;
	font-weight:bold; 
	font-size: 8pt; 
	color: black;	
	height:18px;
	width: 244px;
}

.ReportHeader /*Every form must have one heading make span id and assign this class */
{
	border: 1px solid #C0C0C0; 
	clip: rect(auto, auto, auto, auto); 
	padding-left: 0px; 
	font-family: Zurich BT,Arial;
	font-weight:bold; 
	font-size: 12pt; 
	color: black;	
	width: 300px;
}

.FormLayoutLogin /*Create table 1 row 1 col and in table set this class */
{
    border: 1px solid #005279; 
	background-color: #E8F3FF;
	width:300px;
	vertical-align: top;
}
.FormLayoutParent /*Create table 1 row 1 col and in table set this class */
{
	border: 1px solid #005279; 
	background-color: #E8F3FF;
	width:750px;
	vertical-align: top;
}
.FormLayoutDynamic /*Create table 1 row 1 col and in table set this class */
{
	border: 1px solid #005279; 
	background-color: #E8F3FF;
	width:900px;
	vertical-align: top;
}

.FormLayoutProofReading /*Create table 1 row 1 col and in table set this class */
{
	border: 1px solid #005279; 
	background-color: #E8F3FF;
	width:700px;
	vertical-align: top;
}



.FormLayoutEditCLass /*Create table 1 row 1 col and in table set this class */
{
	border: 1px solid #005279; 
	background-color: #E8F3FF;
	width:640px;
	vertical-align: top;
}
.FormLayoutClassKey /*Create table 1 row 1 col and in table set this class */
{
	border: 1px solid #005279; 
	background-color: #E8F3FF;
	width:270px;
	vertical-align: top;
}
.FormHeadCaption
{
    background-image: url('../images/FormHeader.jpg'); 
	background-repeat: repeat-x; 
	font-family: Arial; 
	font-size: 10px; 
	font-weight: bold;
	color: #FFFFFF;
    text-align:left;
    width: 86%;
}

.FormLayout
{
	width: 100%; background-image: url('../Images/bgGrayForm.gif');
            background-repeat: repeat-x; border: 1pt solid #C0C0C0; font-family: Arial, Helvetica, sans-serif;
            font-size: 8pt; font-weight: normal; font-style: normal; color: #000000; background-color: #F3F4F7;
}

.FormMandatory
{
    color: #FF0000;
}
.WaterMarkTxt
{
	border: 1px solid silver; 
	clip: rect(auto, auto, auto, auto); 	
	padding-left: 2px; 
	font-family: Zurich BT,Arial; 
	font-size: 8pt; 
	margin-left: 0px;
	color:silver;
}
.CtrlWaterMark 
{	
	border: 1px solid silver; 
	clip: rect(auto, auto, auto, auto); 	
	padding-left: 2px; 
	font-family: Zurich BT,Arial; 
	font-size: 8pt; 
	margin-lef
.FormLabels {
    border: 0px solid blue;
    clip: rect(auto, auto, auto, auto);
    padding-left: 3px;
    font-family: Zurich BT,Arial;
    font-size: 9pt;
}


	margin-bottom: 0px;
}


.FormtxtControls /* In  2st and 5th col add form control, texbox, dropdown etc and assign this class to controls */
{	
	border: 1px solid silver; 
	clip: rect(auto, auto, auto, auto); 	
	padding-left: 0px; 
	font-family: Zurich BT,Arial; 
	font-size: 8pt; 
	margin-left: 0px;
	text-align:right;
}
.FormtxtInterestControls /* In  2st and 5th col add form control, texbox, dropdown etc and assign this class to controls */
{	
	background-color:Silver;
	border: 1px solid silver; 
	clip: rect(auto, auto, auto, auto); 	
	padding-left: 0px; 
	font-family: Zurich BT,Arial; 
	font-size: 8pt; 
	margin-left: 0px;
	text-align:right;
	margin-bottom: 0px;
	width : 70px;
}
.FormtxtPercentageControls /* In  2st and 5th col add form control, texbox, dropdown etc and assign this class to controls */
{	
	background-color:Silver;
	border: 1px solid silver; 
	clip: rect(auto, auto, auto, auto); 	
	padding-left: 0px; 
	font-family: Zurich BT,Arial; 
	font-size: 8pt; 
	margin-left: 0px;
	text-align:right;
}

.FormLabelCombo /* In  2st and 5th col add form control, texbox, dropdown etc and assign this class to controls */
{
	background-color: rgb(221,221,221);
	border: 0px solid gray; 
	clip: rect(auto, auto, auto, auto); 	
	padding-left: 0px; 
	font-family: Zurich BT,Arial; 
	font-size: 8pt; 
	height:17px;
}
.FormButtons /* this class is for button save cancel etc*/
{
	/*background-image: url('../WebImages/Menu_tab_bgStyle2.gif');*/
	/*background-color: Silver;	
	border: 1px solid gray; 
	clip: rect(auto, auto, auto, auto); 
	padding-left: 3px; 
	margin-left: 0px;
	color:black;*/
	font-family: Zurich BT,Arial; 
	font-size: 8pt; 
	width:116px;
	}

.FormFrameGridLong /*Create table 1 row 1 col and in table set this class create grids in this tbl*/
{
	border: 1px solid #C0C0C0 ; 
	/*background-color: White;*/
	background-color: rgb(222,225,235);
	width:1096px;
	height:550px;
    vertical-align: top;
    overflow:scroll
}

.FormFrameGridApprove /*Create table 1 row 1 col and in table set this class create grids in this tbl*/
{
	border: 1px solid #C0C0C0 ; 
	/*background-color: White;*/
	background-color: rgb(222,225,235);
	width:1096px;
	height:200px;
    vertical-align: top;
    overflow:scroll
}
.FormFrameGridMaster /*Create table 1 row 1 col and in table set this class create grids in this tbl*/
{
	border: 1px solid #C0C0C0 ; 
	/*background-color: White;*/
	background-color: rgb(222,225,235);
	width:1028px;
	/*height:365px;*/
    vertical-align: top;
    overflow:scroll
}

.FormFrameGridDetail /*Create table 1 row 1 col and in table set this class create grids in this tbl*/
{
	border: 1px solid #C0C0C0 ; 
	/*background-color: White;*/
	background-color: rgb(222,225,235);
	width:1028px;
	height:365px;
    vertical-align: top;
    overflow:scroll
}


.Remark /* this class is for button save cancel etc*/
{
	font-family: Zurich BT,Arial; 
	font-size: 8pt;
	color:Maroon;
	}

.GridLineHeader
{
    background-image: url('../images/gridLineHeader.gif'); 
	background-repeat: repeat-x; 
	font-family: Arial; 
	font-size: 10px; 
	font-weight: bold;
	color: Black;
}	
.GridHeader
{
	background-image: url('../images/gridLineHeader.gif'); 
    height: 18px;
    font-family: Zurich BT,Arial; 
    font-size: 9pt;
    color:black;
    padding: 2px;
    text-align: Center;
    border-color:rgb(238,238,238);
	border-collapse:inherit;
	vertical-align:top;
	text-align:center;
}
.GridAltItem
{
	background-color:#EEEEEE;
	font-family: Zurich BT,Arial; 
    font-size: 8pt;
    height: 18px;
    padding: 2px;
    text-align: left;
    border-color:rgb(238,238,238);
	border-right-color:rgb(238,238,238);
	vertical-align:top;
	color:black;
}
	
.fixedGridHeader
{
	text-decoration:expression(this.parentNode.parentNode.parentNode.scrollTop-1);
	text-transform:capitalize;
	position:relative; 
}
 .GVFixedHeader 
 { font-weight:bold; 
   background-color: Green; 
   position:relative; 
   text-decoration:expression(this.parentNode.parentNode.parentNode.scrollTop-1);}       
.GridFooter
{    
    background-image: url('../images/gridLineHeader.gif'); 
    height: 18px;  
    font-family: Zurich BT,Arial; 
    font-size: 8pt;
    font-weight:bold;
    padding: 2px;
    text-align: center;
    color:black;
}
.GridItem
{
	background-color:#FFFFFF;
	font-family: Zurich BT,Arial; 
    font-size: 8pt;
    height: 18px;
    padding: 2px;
    text-align: left;
    border: 1px solid rgb(238,238,238); 
	clip: rect(auto, auto, auto, auto); 
	vertical-align:top;
	color:black;
}

.GridEmptyDataRowStyle
{
	background-color:#FFFFFF;
	font-family: Zurich BT,Arial; 
    font-size: 8pt;
    height: 23px;
    padding: 2px;
    text-align: left;
    color:black;
}

.GridItemExp
{
	font-family: Calibri Light,Zurich BT,Arial; 
    font-size: 8pt;
    text-align: left;
    border: 1px solid rgb(238,238,238); 
	vertical-align:top;
	color:black;
}
.GridAltItemExp
{
	font-family: Calibri,Zurich BT,Arial; 
    font-size: 9pt;
    text-align: left;
    border: 1px solid rgb(238,238,238); 
	vertical-align:top;
	color:black;
}
.GridHeaderExp
{
	font-family: Calibri,Zurich BT,Arial; 
    font-size: 9pt;
    text-align: left;
    border: 1px solid rgb(238,238,238); 
	vertical-align:top;
	color:White;
	font-weight:bold;
}
.GridHeaderExpCap
{
	font-family: Calibri,Zurich BT,Arial; 
    font-size: 9pt;
    text-align: left;
    border: 1px solid rgb(238,238,238); 
	vertical-align:top;
	color:Black;
	font-weight:bold;
}