.grey-white {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF; color: #000000}
.black { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #999999; color: #FFFFFF }
.greenbk {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #C2CE99}
.mainback {   border : 1pt solid black; background-attachment: fixed; background-image: url(/InFinCredit/images/mainback.gif); background-repeat: no-repeat; background-position: center center}
.Tablefont {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000}
.Pagehead {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 36px; color: #006666}
.btn { cursor: hand;font-family: Verdana, Helvetica; font-size: 10pt;}
.btn1 { cursor: hand;font-family: Verdana, Helvetica; font-size: 10pt; width:80px}
.label { font-family: Verdana, Helvetica; font-size: 10pt;}
.repdata { font-family: Verdana, Helvetica; font-size: 8pt;}
.edit {background : white; border:1pt solid black;font-family: Verdana, Helvetica; font-size: 10pt;}
.table {font-family: Verdana, Helvetica; font-size: 10pt;}
.thead { background : lightgrey; font-family: Verdana, Helvetica; font-size: 10pt; border : 1pt solid black;}
.error { font-family: Trebuchet MS, Arial, sans-serif; font-size: 8pt; color: red;};

     .contents {
         position: relative;
         font-family: Trebuchet MS, Arial, sans-serif;
         padding: 1px 12px 12px 12px;
         margin: 0 3px;
         border: 1px solid #666;
         width: 50%;
         border-top: 1px solid #999;
         border-left: 1px solid #666;
         z-index: 500;
         visibility:visible;
          background-color: #c2ce99;
        }
          .content {
         position: absolute;
         left: 50px;
         top: 49px;
         font-family: Trebuchet MS, Arial, sans-serif;
         padding: 1px 12px 12px 12px;
         margin: 0 3px;
         border: 1px solid #666;
         width: 95%;
         border-top: 1px solid #999;
         border-left: 1px solid #666;
         z-index: 500;
         visibility:hidden;
          background-color: #c2ce99;
         }
      #content1{
         visibility: visibile;
      }
      #tabs {
         position: absolute;
         top: 32px;
         left: 53px;
         height: 22px;
         white-space: nowrap;
         width: 95%;
         font-size: 10pt;
         font: Menu;
         font-weight: 700 !important;
         cursor: default !important;
         white-space:nowrap;
         z-index: 10000;
      }
      .tab {
         position: relative;
         border: 1px solid #337;
         border-bottom: 0;
         padding:2px 9px 1px 9px;
         background-color: #c2ce50 ;
         color:#333;
         z-index: 100;
     }
      .tabActive {
         position: relative;
         border: 1px solid #337;
         border-bottom: 0;
         padding: 3px 9px 1px 9px;
         background-color: #c2ce99;
         top: 2px;
         z-index: 10000;
      }
      .tabHover {
         position: relative;
         border: 1px solid #337;
         border-bottom: 0;
         padding:2px 9px 1px 9px;
         background-color: #bcd;
         color:#333;
         background-color:#c2cee0;
         z-index: 1200;
      }
.twadd     { color:#336699; background:#CCCCCC; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none }
.twhead1   { color:#99CCFF; background:#003366; font:10pt "Verdana","Helvetica","Arial"; font-style:normal; font-weight:bold;   text-decoration:none }
.twhead    { color:#FFFFFF; background:#336699; font:10pt "Verdana","Helvetica","Arial"; font-style:normal; font-weight:bold;   text-decoration:none }
.twhelp    { color:#336699; background:#EEEEEE; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none }
.twlabel   { color:#336699; background:#EEEEEE; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none }
.twlabel2  { color:#225588; background:#DDDDDD; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none }
.twinfo    { color:#000000; background:#EEEEEE; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none }
.twinfol11  { color:#000000; background:#CCCCCC; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal;   text-decoration:none }
.twinfo2   { color:#000000; background:#DDDDDD; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none }
.twinfol1  { color:#000000; background:#FFFFCC; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:bold;   text-decoration:none }
.twheadl1  { color:#000000; background:#FFFFCC; font:10pt "Verdana","Helvetica","Arial"; font-style:normal; font-weight:bold;   text-decoration:none }
.twlabell1 { color:#000000; background:#FFFFCC; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none }
.twtext    { color:#000000; background:#FFFFFF; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none }
.twbutton  { color:#000000; background:#D4D0C8; font:8pt  "Verdana","Helvetica","Arial"; font-style:normal; font-weight:normal; text-decoration:none; margin: 1px .75em }
.twbtnhead { padding-top: 3px }
.colleft        { vertical-align: top; text-align: left;   padding: 1px 1em 1px 1px }
.colcenter      { vertical-align: top; text-align: center; padding: 1px .5em }
.colright       { vertical-align: top; text-align: right;  padding: 1px 1px 1px 1em }
.colcheck       { vertical-align: top; padding: 0 }
.colcheckleft   { vertical-align: top; text-align: left;   padding: 3px 1em 3px 1px }
.colcheckcenter { vertical-align: top; text-align: center; padding: 3px .5em }
.colcheckright  { vertical-align: top; text-align: right;  padding: 3px 1px 3px 1em }
BODY
{
    COLOR: black;
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px
}
.content
{
    COLOR: black;
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px
}
.content_highlight
{
    COLOR: red;
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px
}
.content_superscript
{
    COLOR: 000000;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 9px;
    LINE-HEIGHT: 9px
}
.content_subheader
{
    COLOR: #CC0000;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bolder
}
.content_header
{
    COLOR: #CC0000;
    FONT-FAMILY: arial, helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bolder
}
.highlight_unit
{
    COLOR: #990000;
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
}
.highlight_list
{
    COLOR: #39597d;
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder
}
.link
{
    TEXT-DECORATION: none
}
TD
{
    COLOR: black;
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px
}
.border
{
    BACKGROUND-COLOR: #A1A5A9;
}
.cell_highlight
{
    BACKGROUND-COLOR: #E2E2E2;
}
.cell
{
    BACKGROUND-COLOR: #FFFFFF;
}
.tab
{
    BACKGROUND-COLOR: #CC0000;
    TEXT-DECORATION: none;
    COLOR: white;
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bolder;
    LINE-HEIGHT: 10px
}
.tab_sel
{
    BACKGROUND-COLOR: #0000CC;
    TEXT-DECORATION: none;
    COLOR: white;
    FONT-FAMILY: verdana, arial, helvetica;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bolder;
    LINE-HEIGHT: 10px
}
.tab_border
{
    BACKGROUND-COLOR: #000000;
}
.tiny
{
    font-family: arial,helvetica,sans-serif; font-size: 9px; color: #000000;
}
.myMenuBar
{
	width : 100%;
	list-style: none;
	margin : 0;
	padding : 0;
	background-color : #ffffff;  /* Background color of the menu bar */
}

.myMenuBar li
{
	text-align : center;
	padding : 0;
	float : left;
	background-color : #e2e2e3;
}

.myMenuBar li a
{
	/* Change the height and width of the menu items here.  Or remove these two lines altogether. */
	width : 50px;
	height : 54px;
	
	padding : 2px 4px;
	text-decoration : none;
	color : black;
	font-size : 9px;
	font-family :  Arial,sans-serif,Trebuchet MS ;
	float : left;
	font-weight : bold;
	border:1px solid #000;
	border-left:1px;
	border-right:1px;
}

.myMenuBar li a:hover
{
	background-color :A1CE65;      /* Color of menu item on hover */
}
	


#overlay {
     display:none;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;     
     z-index: 10;
	 background-image:url("images/transparent.gif");
	/*background-color: #cdcdcd;*/
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	zoom:1;
	opacity:0.7;
}

.popup {
	display: none;
	position: absolute; 
	z-index: 12; 
	border: 1px solid black; 
	background-color: white;
	}