html, body{
  SCROLLBAR-FACE-COLOR: #85C2C2;
  SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
  SCROLLBAR-SHADOW-COLOR: #FFFFFF;
  SCROLLBAR-3DLIGHT-COLOR: #000000;
  SCROLLBAR-ARROW-COLOR: #000000;
  SCROLLBAR-TRACK-COLOR: #FFFFFF;
  SCROLLBAR-DARKSHADOW-COLOR: #000000;
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  background-color:#F0FFEC;
  font-family: Tahoma;
  FONT-SIZE: 10pt;
}

A:link {font-family: Tahoma,helvetica,;text-decoration: none; color: #0000ff}
A:visited {font-family: Tahoma,helvetica,;text-decoration: none; color: #0000ff}
A:hover { font-family: Tahoma,helvetica,;text-decoration: none; color: #ff0000 }

A img,:link img,:visited img { text-decoration: none;border:none; }

/*
 * Button styles
 */

input.BrowseButton
{
/*
    BACKGROUND: #99CCCC;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: 400;
*/
   color:navy;
   font-family: Tahoma,helvetica,;
   font-size:9pt;
   font-weight:bold;
   background-color:#C4E1E1;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
}
input.btn {
/*
    BACKGROUND: #C9D1E9;
    COLOR: BLACK;
    FONT-FAMILY: Arial,Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: 400
*/
   /*color:#050;*/
   color:black;
   font-family: Tahoma,helvetica,;
   font-size:9pt;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   //filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}
}
input.BrowseButton
{
/*
    BACKGROUND: #99CCCC;
    COLOR: black;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: 400;
*/
   color:navy;
   font-family: Tahoma,helvetica,;
   font-size:9pt;
   font-weight:bold;
   background-color:#C4E1E1;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#C4E1E1');}
}
form.nospace {display:inline;}

.rowodd {  font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; background-color: #F0FFEC}
.roweven {  font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; background-color: #CCCCCC}
.tabheading {  font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; font-weight: normal; }
.txtmand {  font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; font-weight: normal; text-align:right}
.tabheadingc {  font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; font-weight: normal; text-align: right}
.tab {  font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; font-weight: normal; text-align: right; color: #0000FF; text-decoration: underline}
.tab1 {  background-color:#93CCF7; font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; font-weight: normal; text-align: right; color: #0000FF; text-decoration: underline}
.tab2 {  background-color:#93CCF7; font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; font-weight: normal; text-align: right; color: #000000; text-decoration: underline}
.tab3 {  background-color:#65B7F3; font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; font-weight: normal; text-align: right; color: #0000FF; text-decoration: underline}
.tabselected { font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal; color: #0000FF; text-decoration: underline; background-color: #CCCCCC ; font-weight: normal; text-align: right}

.txtlbl {
  padding:2px;
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt; font-style: normal ;
  font-weight: normal;
  text-align:right;
}
.txtalt {
  font-family: "Tahoma", "Helvetica";
  font-size: 8pt; font-style: normal ;
  font-weight: normal; text-align:left;
  text-decoration: none; color:blue;
}
textarea.txtval_ro {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#C4E1E1;
  border:1px solid #85C2C2;
}
input.txtval_ro {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#C4E1E1;
  border:1px solid #56ABAB;
}
input.txtval_cro {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#C4E1E1;
  border:1px solid #56ABAB;
}
input.txtval {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#ffffff;
  border:1px solid #56ABAB;
}
input.popup_txtval {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#ffffff;
  border:1px solid #56ABAB;
}

input.txtval_trans {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:transparent;
  border:0px;
}
textarea.txtval {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#ffffff;
  border:1px solid #56ABAB;
}
select.txtval {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#ffffff;
  border:1px solid #56ABAB;
}
td.txtval, div.txtval {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
}
.txtval tbody tr {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
}
th.txtval {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  border:none;
}
.txtval_s { font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 7pt; font-style: normal ; font-weight: normal; text-align:left;}
.txttitle { font-family: "Tahoma", "Helvetica", "Tahoma"; font-size: 10pt; font-style: normal ; font-weight: normal ; text-decoration: underline; text-align:right;}

/* for header text field */
.header_ro {
  font-family: "Tahoma", "Helvetica", "Tahoma";
  font-size: 10pt;
  font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#C4E1E1;
  border:1px solid #56ABAB;
}
.header {
  font-family: "Tahoma", "Helvetica";
  font-size: 10pt; font-style: normal ;
  font-weight: normal;
  text-align:left;
  background-color:#ffffff;
  border:1px solid #56ABAB;
}

/* for currency text field */
.currencytf
{
	font-family: "Tahoma";
	font-size: 10pt;
	font-style: normal ;
	font-weight: normal;
	text-align:right;
    background-color:#ffffff;
    border:1px solid #56ABAB;
}

.currencytf_ro
{
	font-family: "Tahoma";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-align:right;
    background-color:#C4E1E1;
    border:1px solid #56ABAB;
}
/* for currency text field */
.currency
{
	font-family: "Tahoma";
	font-size: 10pt;
	font-style: normal ;
	font-weight: normal;
	text-align:right;
    background-color:#ffffff;
    border:1px solid #56ABAB;
}

.currency_ro
{
	font-family: "Tahoma";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-align:right;
    background-color:#C4E1E1;
    border:1px solid #56ABAB;
}
.currency_trans {
	font-family: "Tahoma";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-align:right;
    background-color:transparent;
    border:0px;
}

/* Title of the Navigation frame (View Items, Administration)
*/
.NavigationTitle
{
    COLOR: white;

    /* XXX FONT is hardcoded in template to these values */
    FONT-FAMILY: Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE:  1.0em;
    FONT-WEIGHT: bold;
    /* XXX NOT SUPPORTED in WSCONFIG
    BACKGROUND: #595959;
    FONT-WEIGHT: 700;
    MARGIN: 2px;
    text-transform: uppercase;
    font-style: oblique;
    */
}

/* Any item which appears in the left frame
   (Used in JSP page navigation, Add/Manage Listings)
*/
.NavigationItem
{
    BACKGROUND: #0C479D;
    COLOR: white;

    /* XXX FONT is hardcoded in template to these values */
    FONT-FAMILY: Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE: 0.8em;

    /* XXX NOT SUPPORTED in WSCONFIG
    FONT-WEIGHT: 400;
    MARGIN: 4px;
    */
}

/*Browsing screens, name of item*/
.ItemNameText
{
    COLOR: 0C479D;
    FONT-FAMILY: Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: bold
}

.ErrorText
{
    BACKGROUND: #ffffff;
    COLOR: #ef2b0b;
    FONT-FAMILY: Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE: 0.7em;
    FONT-WEIGHT: 400
}

.StatusText
{
    BACKGROUND: #ffffff;
    COLOR: #OC479D;
    FONT-FAMILY: Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: 400
}

/* Instructions in Show/Hide boxes
*/
.InstructionText
{
    BACKGROUND: #ffffff;
    COLOR: #0C479D;
    FONT-FAMILY: Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: 400
}

/* Appearance for text input field
*/
.Inputfield
{
    border-style: solid;
    border-width: 1px;
    BACKGROUND: white;
    COLOR: black;
    FONT-FAMILY: Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE: 0.8em;
    FONT-WEIGHT: 400
}

/* XXX NOT SUPPORTED IN WSCONFIG */
/*Browsing screens, date of item*/
.FineprintText
{
    COLOR: 595959;
    FONT-FAMILY: Times New Roman, Verdana, Helvetica, Tahoma;
    FONT-SIZE: 0.7em;
    MARGIN: 2px
}

.BottomFrame
{
position: absolute;

width: 100%;
/* top: 481px; */
top: 400px;
}

.BottomButtonBar
{
position: absolute;
width: 100%;
/* top: 481px; */
top: 560px;
}

.BottomTwoRowButtonBar
{
position: absolute;
width: 100%;
top: 500px;
}

.BottomCustomButtonBar
{
position: absolute;
width: 100%;
top: 475px;
}
.BottomMButtonBar
{
position: absolute;
width: 100%;
top: 435px;
}

table.Default
{
  font-family: Tahoma;
  font-weight: normal;
  font-size: 10pt;
  color: navy;
  width: 100%;
  background-color: #F0FFEC;
  border: 1px #659ED6 solid;
  border-collapse: collapse;
  border-spacing: 0px;
  margin-top: 0px;
}

 	/* REQUIRED KILLER ZEBRASTRIPES CSS */
	.taglist {
		/*border: 1px solid #659ED6;*/
		clear: both;
		border-spacing: 1px;
		border-collapse: separate;
		background-color: #659ED6;  /* this is the border color */
	}

	.taglist table {
        background-color:#659ED6;
	}

	.taglist tbody tr {
		background-color: #F0FFEC;
		font-family: Tahoma;
		font-size: 10pt;
		padding: 2px;
		/*border: 1px #659ED6 solid; */
	}

	.taglist tbody tr.selected td {
		background-color: #F0FFEC;
		color: #ffffff;
	}

.taglist thead th.iconheader{border-right-width:0;border-right-style:none;}
.taglist thead th#toheader,.taglist thead th#senderheader,.taglist thead th#recipientheader,.taglist thead th#subjectheader{border-left-width:0;border-left-style:none;background-image:none;}

	/* REQUIRED KILLER ZEBRASTRIPES CSS */


.linetable {
	border: 1px solid #659ED6;
	clear: both;
	border-spacing: 0px;
}

.linetable tbody tr td {
	font-family: Tahoma;
	font-size: 10pt;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.linetable tbody tr.selected td {
	background-color: #F0FFEC;
	color: #ffffff;
}

#bar, #barbackground{
position:absolute;
left:0;
top:0;
background-color:blue;
}

#barbackground{
background-color:black;
}

/* added by Terence */
.dualtable_parent {
	border-spacing: 0px;
	/*background-color: #659ED6;*/
	background-color: #F0FFEC;
}

.dualtable {
	clear: both;
	border-spacing: 0px;
	background-color: #F0FFEC;
    border: 1px solid #659ED6;
}
.dualtable td {
	font-family: Tahoma;
	font-size: 10pt;
	padding: 1px;
}
.dualtable tbody tr.selected td {
	background-color: #F0FFEC;
	color: #ffffff;
}

.dualtable_left {
	clear: both;
	border-spacing: 0px;
	background-color: #F0FFEC;

    border: 1px solid #659ED6;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
.dualtable_left td {
	font-family: Tahoma;
	font-size: 10pt;
	padding: 1px;
}
.dualtable_left tbody tr.selected td {
	background-color: #F0FFEC;
	color: #ffffff;
}

.dualtable_right {
	clear: both;
	border-spacing: 0px;
	background-color: #F0FFEC;

    border: 1px solid #659ED6;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}
.dualtable_right td {
	font-family: Tahoma;
	font-size: 10pt;
	padding: 1px;
}
.dualtable_right tbody tr.selected td {
	background-color: #F0FFEC;
	color: #ffffff;
}

/* added by Terence */

/* css tooltips */
.tooltip {position: absolute;visibility: hidden;background:white}


/* Scrollable div
Usabe:
   <div class="hscroll_table">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
        table content goes here
     </table>
   </div>
*/
.hscroll_table {
  text-align: left;
  overflow: auto;
  padding-bottom: 20px;
  height: 100%;
  width: 743;
  overflow-x: auto;
  overflow-y: hidden;
  background: #F0FFEC;
  scrollbar-face-color: #95E2ff;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color : #000000;
  scrollbar-shadow-color : #FFFFFF;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #FFFFFF;
  scrollbar-arrow-color : #000000;
}

/* Scrollable div
Usabe (NOTE: Please set the height of div in the jsp as well) :
   <div class="vscroll_table" height="XXX">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
        table content goes here
     </table>
   </div>
*/
.vscroll_table {
  text-align: left;
  overflow: auto;
  padding-bottom: 20px;
  width: 743;
  height: 300;
  overflow-x: hidden;
  overflow-y: auto;
  background: #F0FFEC;
  scrollbar-face-color: #95E2ff;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color : #000000;
  scrollbar-shadow-color : #FFFFFF;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #FFFFFF;
  scrollbar-arrow-color : #000000;
  
}

/* Scrollable div
Usabe (NOTE: Please set the height of div in the jsp as well) :
   <div class="vscroll_table" height="XXX">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
        table content goes here
     </table>
   </div>
*/
.vscroll_table_no_height {
  text-align: left;
  overflow: auto;
  padding-bottom: 20px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: #F0FFEC;
  scrollbar-face-color: #95E2ff;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color : #000000;
  scrollbar-shadow-color : #FFFFFF;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #FFFFFF;
  scrollbar-arrow-color : #000000;
  
}

/* added by Terence */
/* odd and even row color style for list */
.odd_row td { background:#B7F2BF; height:20; font-family: Tahoma; font-size: 10pt;}
.even_row td { background:#F0FFEC; height:20; font-family: Tahoma; font-size: 10pt;}

/* popup div style */
.popup_div {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 600px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #F0FFEC;
  display:none;
  z-index:100;
}

.popup_div_trans {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 600px;
  padding-left: 0px;
  padding-right: 0px;
  display:none;
  background-image:url(../images/semitrans.gif); 
  z-index:10000;
}

/* Scrollable div
Usabe:
   <div class="hscroll_table">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
        table content goes here
     </table>
   </div>
*/
.hscroll_table_no_width {
  text-align: left;
  overflow: auto;
  padding-bottom: 20px;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  background: #F0FFEC;
  scrollbar-face-color: #95E2ff;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color : #000000;
  scrollbar-shadow-color : #FFFFFF;
  scrollbar-darkshadow-color : #000000;
  scrollbar-track-color : #FFFFFF;
  scrollbar-arrow-color : #000000;
}