/* GENISYS STYLES */

a:visited {color: #0000FF}

a:link.sorting {
	text-decoration: underline;
	color: #606060;
	}
a:visited.sorting {
	text-decoration: bold;
	color: #606060;
	}


.contentTitleBar {
	text-decoration : none;
	/* background-color:#0000FF; */
	background-color: white;
	font-weight:bold; 
	/* color:white;  */
	color: #606060;
	padding: 4px;
	border-width:1px; border-style:solid; border-color:#e5e3e3;
	margin: 0px 4px 0px 4px; /* top, right, bottom, left */
}

.contentArea { 
  padding-top: 25px;
  padding-bottom: 5px;
  padding-left: 8px;
  /* 
  padding-right: 0px; */
  margin: 2px 0px 0px 0px; 
  font-family: Verdana, Geneva, Arial; font-size: 8pt;
}

/* Use with left menu */
.contentArea2 { 
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 0px;
  /* 
  padding-right: 0px; */
  margin: 5px 0px 0px 0px; /* top, right, bottom, left */
  font-family: Verdana, Geneva, Arial; font-size: 8pt;
}

.leftMenuContainer {
	float: left;
	margin: 0px 20px 5px 4px;  /* top, right, bottom, left */
}

.contentContainer {
	float: left;
	margin: 0px 0px 5px 5px;  /* top, right, bottom, left */
}

.buttonAreaBottom { 
/* 
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 0px;
  padding-right: 0px;   */ 
  margin: 20px 0px 2px 2px;
  	position: relative;
	clear: left;
	float: left;
	
  
}

/* div with gray border */
.frameDiv {
	text-decoration : none;
	/* width: 100%; */ 
	/* background-color:#0000FF; */
	/* font-weight:bold; */
	/* color:white;  */
	padding-bottom: 5px;
	border-width: 1px; border-style:solid; border-color:#b8b8b8;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	
	position: relative;
	float: left; 
}

/* content div for frame div */
.frameInnerDiv {
	padding-top: 5px;
  	padding-bottom: 5px;
  	padding-left: 5px;
  	padding-right: 5px;
	border-width: 0px; border-style:solid; border-color:#b8b8b8;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

.frameTitleBar {
	text-decoration : none;
	/* width: 100%; */ 
	background-color:#0000FF;
	font-weight:bold; 
	color:white;  
	padding: 4px;
	border-width:0pt;
	margin: 0px 0px 20px 0px; /* top, right, bottom, left */
	vertical-align: top;

}
.frameTitleBar2 {
	text-decoration : none;
	/* width: 100%; */ 
	background-color:#e7e7e7;
	font-weight:bold; 
	color: black;  
	padding: 4px;
	border-width:0pt;
	margin: 0px 0px 20px 0px; /* top, right, bottom, left */
}

.frameTitleBarGray {
	text-decoration : none;
	/* width: 100%; */ 
	background-color:#e7e7e7;
	font-weight:bold; 
	color:#606060;  
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 5px;
  	padding-right: 5px; 
	border-width:0pt;
	margin: 0px 0px 10px 0px; /* top, right, bottom, left */
}

.hidebleDiv {
	/* border-width:0px; 
	border-style:solid; 
	border-color:#e5e3e3; */
	background-color: #e7e7e7;
	/* width: 100%; */ 
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 2px;
  	padding-right: 2px; 
	margin: 0px 0px 0px 4px; /* top, right, bottom, left */
}

.alertDiv {
	border-width:1px; 
	border-style:solid; 
	border-color:red;
	/* background-color: #e7e7e7;
	 width: 100%; */ 
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 2px;
  	padding-right: 2px; 
	margin: 4px 0px 4px 0px; /* top, right, bottom, left */
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	
	position: relative;
	clear: left;
	float: left;
}

/* base font for base table cell */
.baseTd { 
  	font-family: Verdana, Geneva, Arial;
  	font-size: 8pt;
}

.body, BODY {
	margin: 0px; 
	border:0px;
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
}

/* TABLE STYLE 1 BEGINNING, description.... */
.table {
}

.headerTableRow {
	background-color : #6699FF;
	color : #F8F8FF;
	font-weight : bold;
	font-variant : normal;
	text-align : center;
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	white-space: nowrap;
}

.headerTableCell {
	color : #F8F8FF;
	font-weight : bold;
	font-variant : normal;
	text-align : center;
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 1px;
  	padding-right: 4px; 
}

.evenTableRow {
	background-color : #F0F0F0;
	color : Black;
	text-align : left;
}

.oddTableRow {
	background-color : #FFFFFF;
	color : Black;
	text-align : left;
}

.tableCell {
	color : Black;
	/* font-weight : bold; */
	font-variant : normal;
	text-align : left;
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 4px;
  	padding-right: 4px; 
}

/* TABLE STYLE 1 END */

/* TABLE STYLE 2 BEGINNING, description.... */
.table2 {
}

.headerTableRow2 {
	background-color : #6699FF;
	color : #F8F8FF;
	font-weight : bold;
	font-variant : normal;
	text-align : center;
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	white-space: nowrap;
}

.headerTableCell2 {
	color : black;
	background-color : #F0F0F0;
	font-weight : 500;
	font-variant : normal;
	text-align : right;
	/* vertical-align: top; */
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 4px;
  	padding-right: 6px; 
}

.tableRow2 {
	/* background-color : #F0F0F0; */
	color : Black;
	text-align : left;
	vertical-align: top;
}

.tableCell2 {
	color : Black;
	/* font-weight : bold; */
	background-color : #F0F0F0;
	font-variant : normal;
	font-weight : normal;
	text-align : left;
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 4px;
  	padding-right: 4px; 
}

/* TABLE STYLE 2 END */

/* TABLE STYLE 3 BEGINNING, description.... */
.table3 {
}

.headerTableRow3 {
	background-color : #6699FF;
	color : #F8F8FF;
	font-weight : bold;
	font-variant : normal;
	text-align : center;
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	white-space: nowrap;
}

.headerTableCell3 {
	color : black;
	background-color : white;
	font-weight : 500;
	font-variant : normal;
	text-align : right;
	/* vertical-align: top; */
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 4px;
  	padding-right: 6px; 
}

.tableRow3 {
	/* background-color : #F0F0F0; */
	color : Black;
	text-align : left;
	vertical-align: top;
}

.tableCell3 {
	color : Black;
	/* font-weight : bold; */
	background-color : white;
	font-variant : normal;
	font-weight : normal;
	text-align : left;
	font-family: Verdana, Geneva, Arial; font-size: 8pt;
	padding-top: 2px;
  	padding-bottom: 2px;
  	padding-left: 4px;
  	padding-right: 4px; 
}

/* TABLE STYLE 3 END */

/* Equally wide elements, size 1*/
.inputfield1 {
   background-Color: #FFFFFF;
   border-color: #888888;
   border-style: solid;
   border-width: 1px;
   Color: #000000;
   font-family: Verdana;
   font-size: 11px;
   font-weight : normal;
}

.inputText {
   background-Color: #FFFFFF;
   border-color: #888888;
   border-style: solid;
   border-width: 1px;
   Color: #000000;
   font-family: Verdana;
   font-size: 11px;
   font-weight : normal;
}


/* TABLE STYLE 2 END */

.select,.textarea, input, .file  {
   background-Color: #FFFFFF;
   border-color: #888888;
   border-style: solid;
   border-width: 1px;
   Color: #000000;
   font-family: Verdana;
   font-size: 11px;
   font-weight : normal;
}

.radio {
	border-width: 0px;
	background: transparent;
	margin-left: 0px; 
}

.button  {
   background-Color: #FFFFFF;
   border-color: #888888;
   border-style: solid;
   border-width: 1px;
   Color: #000000;
   font-family: Verdana;
   font-size: 11px;
   font-weight : bold;
}

/* Non wrapping radio group for dbforms */

.dbFormsRadio {
	white-space: nowrap;
	width: 100%; 
}

/* Left menu styles */
.leftMenuTable {
	width: 150px;
	text-decoration : none;
	/* background-color:#0000FF; */
	background-color: white;
	/* font-weight:bold; */ 
	/* color:white;  */
	font-family: Verdana;
	font-size: 10px;
	color: #808080;
	padding-top: 0px;
  	padding-bottom: 0px;
  	padding-left: 1px;
  	padding-right: 0px; 
	border-width:0px; border-style:solid; border-color:#e5e3e3;
	margin: 0px 4px 0px 0px; /* top, right, bottom, left */
	border-spacing: 1px; 
}


.leftMenuCellActive {
	background-Color: #e7e7e7;
}

.leftMenuCellInActive {
	background-Color: white;
}

/* to minimize extra space around form */
.form {
	display: inline; margin: 0;	
}


/* GENISYS STYLES */

.clsPageBody {
	color : Black;
}

.clsPageBodyEmb {
	color : Black;
	margin: 0px; 
	border:0px;
}

.clsPageHeaderMenu {
	background-color : #000099;
	color : #FFFFCC;
}

.clsMainMenuTable {
	background-color : #888888;
}

.clsMainMenuTableRow {
	background-color : #003399;
	color : #F8F8FF;
	font-weight : bold;
	font-variant : normal;
}

.clsMainMenu {
	color: #F5F5F5;
	text-decoration : none;
	font-weight : bold;
	background-color : #003399;
}
a.clsMainMenu:hover { 
		color: Black;
		background-color: #F5F5F5;
} 
a.clsMainMenu {
		color: #F5F5F5;
		background-color: #003399;
}

.clsHeaderDataTableRow {
	background-color : #e7e7e7;
	color : #e7e7e7;
	font-weight : bold;
	font-variant : normal;
	text-align : center;
}

.clsHeaderDataTableCell {
	color : #e7e7e7;
	font-weight : bold;
	font-variant : normal;
	text-align : center;
}

.clsSearchDataTableRow {
	background-color : #000066;
	color : #FFFFCC;
	font-weight : bold;
	font-variant : normal;
	text-align : left;
}

.clsEvenDataTableRow {
	background-color : #F0F0F0;
	color : Black;
	text-align : left;
}

.clsOddDataTableRow {
	background-color : #FFFFFF;
	color : Black;
	text-align : left;
}

tr.clsOddDataTableRow:hover, tr.clsEvenDataTableRow:hover {background: #d8d9cc;}

.clsSingleDataTableRow {
	color : Black;
	text-align : left;
}



.clsInputStyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;
}

.clsSelectStyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;
}

.clsButtonStyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;
}

BODY, P, UL, LI {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; }

TD {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt}

H1 {
  font-size : 20pt;  font-weight : bold;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
H4 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size:10pt; font-style: italic; color: #666666}
H5 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; color: #000000}

.xmp { border-width:1pt; border-style:solid; border-color:#999999; }

A {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.prodTableHeader {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 8pt; text-align : center; font-weight : bold; background-color : #F7A629; color : #FFFFFF}
.prodTableCell {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 8pt}

.clsDataTableRow {
	background-color : #f0f0f0;
	color : Black;
	text-align : left;
}

.topLabelCell {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 8pt; text-align : left; font-weight : bold}
.topDataCell {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 8pt; text-align : left}

SELECT,TEXTAREA {
   background-Color: #FFFFFF;
   border-color: #888888;
   border-style: solid;
   border-width: 1px;
   Color: #000000;
   font-family: Verdana;
   font-size: 11px;
}


.dropDown1{
	width: 119px;
}
.dropDown2{
	width: 180px;
}
/* customized css*/
.clsButtonStyle_table_header {
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;*/
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: #000000;	/*#FFFFFF;*/
	background-color: e7e7e7;/*#E9E9E9;*/
	/*border-style: outset;*/
	border-width: 0px;	/*2px;*/
	border-color: #E9E9E9;
}

.clsButtonStyle_table_header_sorted {
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold;*/
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: #0000FF;	/*#000000;*/
	background-color: e7e7e7;/*#E9E9E9;*/
	/*border-style: outset;*/
	border-width: 0px;	/*2px;*/
	border-color: #E9E9E9;
}