.formPanelOutside { padding: 10px; text-align: center; vertical-align: top;  }
.formPanelTable { background-color: #8c8c8c; border: 4px solid #5c5c5c;   }

.infoPanel { border: 4px solid #dcdcdc; background-color: #d8ffa1; margin: 15px; padding: 15px; width: 90%; }
.infoPanelTable { background-color: none; width: 90%;	}
.infoPanelName { font-size: 9pt; font-weight: bold; padding: 3px; border-bottom: 1px solid #bcbcbc; color: #2c2c2c; height: 30px; vertical-align: bottom; }



.menuTable { text-align: left; padding-right: 1px; }
.menuText { font-family: "arial"; font-size: 8pt; line-height: 12pt; text-align: center; padding: 0px 24px 0px 24px; color: #333333; }
.menuText2 { font-family: "arial"; font-size: 8pt; line-height: 12pt; text-align: center; padding: 0px 12px 0px 12px; color: #333333; }

.newTableHeader { font-size: 11px; height: 11px; font-weight: normal; color: #2c2c2c; background-color: #d8ffa1; padding: 1px;   }
.newCell { font-size: 11px; color: #2c2c2c; background-color: white; border-bottom: 1px solid #acacac;  }


th { font-weight: normal; }




.mainHead { font-size: 11px; line-height: 20px; color: #33CC00; font-weight: bold; font-family: Arial; }
.mainCopy { font-size: 11px; line-height: 20px; color: #5c5c5c; font-family: Arial; }
.mainCopy1 { font-size: 11px; line-height: 20px; color: #5c5c5c; font-family: Arial; font-weight: bold;  }
.mainCopy2 { font-size: 11px; line-height: 16px; color: #5c5c5c; font-family: Arial; font-weight: normal; vertical-align: top; padding-top: 10px;   }
.numberHead { font-size: 11px; line-height: 12px; color: white; font-weight: bold; font-family: Arial; vertical-align: top; background-color: #33cc00;   }
.numberHead1 { font-size: 11px; line-height: 12px; color: white; font-weight: bold; font-family: Arial; vertical-align: top; background-color: #33cc00; text-align: right; width: 30px; padding-right: 2px;   }
.discription { width: 100%; line-height: 14px; text-decoration: underline; padding: 0px;  }
.tablewborder { margin: 8px; border: 1px solid #3c3c3c; }





/******************HTML tag***********************/

body {		font-family: Arial; margin: 0px; padding: 0px; background-color: #eeeeee; text-align: center; 		}
input {		font-family: arial; height: 18px; margin: 0px; padding: 1px; padding-top: 1px; font-size: 11px;		}
select {	font-family: arial; height: 18px; margin: 0px; padding: 1px; padding-top: 1px; font-size: 11px;		}
option {	font-family: arial; height: 18px; margin: 0px; padding: 1px; padding-top: 1px; font-size: 11px;		}
textarea {		font-family: arial; margin: 0px; padding: 1px; padding-top: 1px; font-size: 11px;		}
.tableBasic  {		width: 740px; height: 100%; padding: 0px; margin: 0px; background-color: white; text-align: center; 		}
.tableBasicPop  {		width: 600px; padding: 0px; margin: 0px; text-align: center; 		}
.tableBasic2 { 	border: 1px solid #cccccc; font-size: 11px; font-family: arial; color: #5c5c5c;  }

a.basic {
	font-family: arial; font-size: 12px; padding: 1px;  text-align: center;
	text-decoration: underline; color: #339900; background-color: none;
}
a.basic:hover {	background-color: #cccccc;	}
a.basic:active {	background-color: #cccccc;	}
a.basic:link {		background-color: none;	}


a {
	font-family: arial; font-size: 12px; padding: 1px;  text-align: center;
	text-decoration: underline; color: #339900; background-color: none;
}
a:hover {	background-color: #cccccc;	}
a:active {	background-color: #cccccc;	}
a:link {		background-color: none;	}

/******************table color***********************/

.tablebg {		background-color: white; margin: 10px; width: 100%;		}
.tableborder{		border: 1px solid #8c8c8c; width: 100%; padding: 2px;		}

/***************Index font style*********************/
.modulebg { 		border-bottom: 1px solid #9c9c9c; 		  }
a.Module {
	font-size: 12px; line-height: 12px; font-family: arial; font-wight: bold; color: #2c2c2c;  text-align: center;
	width: 150px; height: 22px; padding-top: 4px; margin-left: 2px;
	background-color: #777777; text-decoration: none;
	border: 2px outset #888888;  border-right: 2px outset #3c3c3c; border-bottom: none;
}
a.Module:link {		background-color: #777777;		}
a.Module:hover {	background-color: #bbbbbb;		}
a.Module:active {	background-color: #bbbbbb;		}

a.ModuleSelected {
	font-size: 12px; line-height: 12px; font-family: arial; font-wight: bold; color: #2c2c2c;  text-align: center;
	width: 150px; height: 25px; padding-top: 4px; margin-left: 2px;
	background-color: #bbbbbb; text-decoration: none;
	border: 2px outset #888888; border-right: 2px outset #3c3c3c;  border-bottom: none;
}
a.ModuleSelected:link {		background-color: #bbbbbb;		}
a.ModuleSelected:hover {		background-color: #bbbbbb;		}
a.ModuleSelected:active {		background-color: #bbbbbb;		}

	/*****/


a.Form {
	font-size: 12px; line-height: 12px; font-family: arial; font-wight: bold; color: #2c2c2c;  text-align: center;
	padding: 4px 8px 2px 8px; height: 22px; margin-left: 2px;
	border: 2px outset #dcdcdc; border-right: 2px outset #acacac; border-bottom :  none;
	background-color: #bbbbbb; text-decoration: none;
}
a.Form:link {	background-color: #bbbbbb;		}
a.Form:hover {	background-color: #ececec;		}
a.Form:active {	background-color: #ececec;		}

a.FormSelected {
	font-size: 12px; line-height: 12px; font-family: arial; font-wight: bold; color: #2c2c2c; text-align: center;
	padding: 4px 8px 2px 8px; height: 25px; margin-left: 2px;
	border: 2px outset #acacac; border-right: 2px outset #5c5c5c; border-bottom :  none;
	background-color: white; text-decoration: none;
}
a.FormSelected:link {	background-color: white;		}
a.FormSelected:hover {	background-color: #ececec;		}
a.FormSelected:active {	background-color: #ececec;		}

/******************** Table style *********************/

.breaker { height: 3px; background-color: #33cc00;  }
.breaker1 { height: 3px; background-color: #acacac;  }
.breaker2 { height: 0px; background-color: #acacac;  }


.TableTitle {
    font-size: 9pt;
    font-weight: bold;
}

.TableHeader {		
font-size: 11px; height: 11px; font-weight: bold; color: #2c2c2c; 	background-color: #FFF36F; padding: 1px; 
border-bottom: 0px solid #3c3c3c;
}


.TableHeadera1 {		
font-size: 11px; height: 11px; font-weight: bold; color: #3300cc; 	background-color: #cccc66; padding: 1px; 
border-bottom: 0px solid #3c3c3c;
}
.TableHeadera2 {		
font-size: 11px; height: 11px; font-weight: bold; color: #5c5c5c; 	background-color: #99cc00; padding: 1px; 
border-bottom: 0px solid #3c3c3c;
}
/*
3300cc + d7edff



th.new1 {  background-color: #dcdcdc; }
th {  background-color: buttonface; border: 1px outset  buttonface;  }

*/


.formTable {  background-color: #8c8c8c; border: 0px solid #33dd00;   }
.formHead { background-color: #33cc00; height: 20px; color: white; font-family: arial; font-size: 14px; font-weight: normal; padding-left: 12px; }


.TableCell {
font-size: 12px; height: 11px; color: #000000; padding: 2px;  padding-left: 8px; 
background-color: white;		}
.TableCell2 {
font-size: 12px; height: 11px; color: #000000; padding: 2px;  padding-left: 8px; 
background-color: #dcdcdc;		}
.TableCellOver {  	
font-size: 12px; height: 11px; color: #3c3c3c; padding: 2px;  padding-left: 8px; 
background-color: #ccff66;	}
.ShadedTableCell {
font-size: 12px; height: 11px; color: #000000; padding: 2px;  padding-left: 8px; 
background-color: #dcdcdc; 		}

/*
.SelectedTableCell {
font-size: 11px; font-weight: bold; color: white;
background-color: #0000aa;                                         #C4D3F0
}
*/
.TableTitleBar {
	font-size: 9pt;
    font-weight: bold;
    font-FACE: Arial;
    color: #ffffff;
    background-color: #063a77;
}

		/****************************/
			.TableNavBar {
			font-family: arial; font-size: 11px; font-weight: bold; color: #acacac;
			background-color: #4c4c4c; padding: 2px; }
			.inNavBar {
			font-family: arial; font-size: 10px; font-weight: bold; color: #7c7c7c; vertical-align: middle; 
			line-height: 14px; height: 18px;
			background-color: none; padding: 2px; }
			.inNavBar2 {
			font-family: arial; font-size: 10px; font-weight: bold; color: #7c7c7c; vertical-align: middle; 
			line-height: 14px; height: 18px; border-bottom: 1px solid # 33cc00;
			background-color: none; padding: 2px; }
			a.nav {
			font-family: arial; font-size: 10px; font-weight: bold; color: #7c7c7c; vertical-align: middle; 
			line-height: 14px; height: 18px;
			border: 1px solid #dddddd; 
			border-right: 1px solid #acacac; border-bottom: 1px solid #acacac;
			background-color: none; padding: 2px; text-decoration: none;  }
			a.nav:active {  
				background-color: #bcbcbc; 
				border: 1px solid #acacac;
				border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
			  }
			a.nav:hover {  
				background-color: #bcbcbc; 
				border: 1px solid #acacac;
				border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
			  }
			a.nav:link {  
				background-color: none; 
				border: 1px solid #dddddd;
				border-right: 1px solid #acacac; border-bottom: 1px solid #acacac;
			  }
		/****************************/
		
		
.TableBasePane {
background-color: #999966; padding: 7px; 
}
.TableBaseForm {
	font-size: 7pt;
    color: #000000;
    background-color: #ffffff;
}
.AppMessage {
	font-size: 9pt;
    font-weight: bold;
    font-FACE: Arial;
    color: red;
    background-color: tile;
}
.SelectedTableCell {
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #0000aa;
}
.OddLine {
    font-size: 11px; color: #5c5c5c;
    background-color: #ececec;
}
.EvenLine {
    font-size: 11px; color: #5c5c5c;
    background-color: #dcdcdc;
}
/******************** Tabbed Panel style *********************/

.Tab {
    font-family: arial; font-size: 11px; font-weight: bold; line-height: 12px; height: 14px;
    color: #5c5c5c; background-color: white; padding: 1px 5px 1px 5px; margin-right: 1px;
    border: 1px solid #4c4c4c;
}
.TabSelected {
    font-family: arial; font-size: 11px; font-weight: bold; line-height: 12px; height: 14px; 
    color: #5c5c5c; background-color: #bcbcbc; padding: 1px 5px 1px 5px; margin-right: 1px;
    border: 1px solid #4c4c4c; 
}
/******************* Form style *********************/
.label {	font-family: arial; font-size: 8pt; font-weight: bold; color: 5c5c5c; width: 100px; height: 20px; border-bottom: 0px solid #5c5c5c; 		}
.label2 {	font-size: 11px; font-weight: bold; color: white; padding-left: 12px; border-bottom: 1px solid #dcdcdc;  	}
.label3 {	font-size: 11px; font-weight: bold; color: #5c5c5c; padding: 0px 2px 0px 2px; 	}
.field {		font-family: arial; font-size: 9pt; color: 5c5c5c; height: 20px; width: 150px;  border-bottom: 0px solid #5c5c5c; 		}
.desc {	font-family: arial; font-size: 8pt; color: 5c5c5c; height: 20px; border-bottom: 0px solid #5c5c5c; 		}
.panelbox {
	border: 4px solid #dcdcdc; 
	cellpadding: 15px;
}

.infoMsg {
    font-size: 9pt;
    font-weight: bold;
    color: red;
}
.readonlyField {
    font-FAMILY: Verdana, Arial, sans-serif;
	font-size: 8pt;
    BGcolor: blue;
    color: red;
}
.button {
   font-FAMILY: Verdana, Arial, sans-serif;
   font-size: 14pt;
   color: #000000;
}

/*************** Special style *********************/
/*
.banner {
	font-size: 10pt;
	font-weight: bold;
	color: #045B87
}
*/
.copyright {
font-family: arial; font-size: 9px; font-weight: normal; padding: 4px; padding-top: 15px; 
color: #5c5c5c; font-style: italic; text-align: center;
}
.logo {	
font-size: 10pt; font-weight: bold; color: white;  font-style: italic; border-bottom: 0px groove #cccccc; 
vertical-align: middle; height: 26px; background-color: #33cc00; padding: 2px;
}
.PanelName {
font-size: 9pt; font-weight: bold; padding: 3px; border-bottom: 1px solid #bcbcbc;
color: #8c8c8c; height: 30px; vertical-align: bottom; 
}
.PanelName2 {
font-size: 14px; font-weight: bold; padding-top: 20px; padding-bottom: 3px; border-bottom: 0px solid #33cc00;
color: #33cc00; height: 40px; vertical-align: bottom; 
text-indent: 10px; letter-spacing: 3px;  font-familly: verdana;
}
A.Ap:link  {		color: #ffffff;font-size:pt;font-weight: bold;}
A.Ap:visited  {	color: #ffffff;font-size:9pt;font-weight: bold;}
A.Ap:active  {		color:  #ffff00;font-size:9pt;font-weight: bold;}
A.Ap:hover {		color: #ffff00;font-size:9pt;font-weight: bold;}

/***************** to be removed ********************/
.txt1 {
    font-size: 7pt;
}

.FormName {
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
}
.underline {
	background-color: #ffffff;
	border-style: solid ;
	border-color: blue;
}