charset "iso-8859-5";
/* CSS Document */

/* MASTER TEMPLATE STYLES */
body {
margin: 0 auto;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: normal;
background-color: white; /*white background color*/
}
.container { /*global website container that will be centered */
width: 960px;
height: auto;
margin: 0 auto;
position: relative;
background-color: white;
padding:0px 0px 0px 0px;
}
.siteheader {
position:fixed;
height:20px;
width:960px;
background-color: white;
color:black;
text-align:center;
top:0px;
}
.bannerAd
{
height:100px;
width:960px;
background-color: white;
color:black;
text-align:center;
vertical-alignment:bottom;
padding-top:16px;
}
.ad300x250
{
float:right;
margin:1px;
}
.header { /*master title bar with site logo and some menus */
background-color: red;
background-position:top left;
background-color: #509bab;
background-image:url(../images/contactlogo.jpg);
background-repeat:no-repeat;
width:960px;
height:100px;
z-index: 10;
}
.headerMenuArea { /*menubar within header area bar with site logo and some menus */
display: inline-block;
margin-left: 600px;
margin-top: 40px;
}
.headerMenuArea a {
font-family:Tahoma;
font-size:12px;
color:#c16a26;
font-weight:bold;
text-decoration:none;
margin:0 20px 0 20px;
display:block;
width:180px;
text-align:right

}
.headerMenuArea a:hover {
text-decoration:underline;
}
.headerMenuArea .welcome {
font-family:Tahoma;
font-size:12px;
color:#FF9900;
font-weight:bold;
text-decoration:none;
margin:0 20px 0 20px;
display:inline-block;
width:180px;
text-align:left;
}
.centerArea {
position:absolute;
/*height:440px;*/
overflow:visible;
width:100%;
/*border-bottom:1px solid #B36B00;*/
}
.leftSideBar {
position: absolute;
left:0px;

background-color:white;
text-overflow: ellipsis;
/*
background-image:url(../images/footer.gif);
background-position:bottom right;
background-repeat:repeat;
*/
width:160px;
height:430px;
padding:30px 0px 0px 0px;
font-family:Tahoma;
font-size:9px;
/*color:red;*/
display:inline-block;
vertical-align:top;
}

.leftSideBarMenu {

margin-bottom:3px;
/*margin-left: 4px;*/
/*position:fixed;*/

background-color:transparent;
/*border: 1px solid #B36B00;*/
padding:0px 0px 0px 0px;
display:inline-block;
vertical-align:top;
}
.leftSidebarMenuTitle
{
 padding:0px 0px 0px 0px;
font-family:arial;
font-size:120%;
color:red;
font-weight:bold;
text-align:center;
text-decoration:none;
background-color:#f1d6e8;
vertical-align:top;

}
.menuArea {
background:transparent;
color:black;
width:150px;
margin:0 auto;
}
.menuContent
{
background-color:white;
border: 1px solid #d9ebef;
padding:3px 3px 3px 3px;
font-weight:Normal;
}
.menuHeader {
display:block;
background:transparent;
text-align:center;
}
/*.menuFooter {
display:block;
background:transparent;
text-align:center;
}*/
.menuHeader *, .menuFooter * 
{
display: block;
height: 1px;
overflow: hidden;
background:#f1d6e8;

}
.row1{margin: 0 5px;}
.row2{margin: 0 3px}
.row3{margin: 0 2px}
.row4{margin: 0 1px; height: 2px}

.leftSideBarMenu h3 {
padding:0px 0 0 0px;
font-family:arial;
font-size: 120%;
color:black;
font-weight:bold;
text-align:center;
text-decoration:none;
background-color:#f1d6e8;
vertical-align:top;
}
.leftSideBarMenu a {
font-family:arial;
font-size: 128%;
color:black;
font-weight:normal;
text-decoration:none;
display: block;
width: 150px;
}
.leftSideBarMenu a:hover {
text-decoration:underline;
background-color: #c16a26;
color:white;
background-image:url(../images/ok.png);
background-position:bottom right;
background-repeat:no-repeat;
height: 20px;
width:145px;
}
.content {

margin-left: 155px;
width: auto;
/*height: 430px;*/
background-color:white;
color:black;
overflow: auto;
padding:30px 20px 40px 50px; /* top right bottom left */
font-family:arial;
font-size:80%;
background-image:url(../images/background.jpg);
background-repeat:no-repeat;
/*position: relative;*/
display:block;

/*background-image:url(../images/ok.png);
background-position:top left;
background-repeat:repeat-y;
*/
}

.content h1{
font-family:arial;
color:#c16a26;
font-size:150%;
text-align:left;

}
.content h2{
font-family:arial;
color:#c16a26;
font-size:130%;
text-align:left;

}
.content h3{
font-family:arial;
color:#c16a26;
font-size:100%;
text-align:left;

}
.contentHeading{
font-size:100%;
font-family:arial;
color:#c16a26;
font-weight:bold;

}
.footer {

height: 20px;
position:fixed;
top: 97%;
width:960px;
background-color: #f1d6e8;
text-align: center;
/*z-index: 10;*/
color:#c16a26;
}

/* for flash messages*/

#status_block {
  margin: 0 auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  background: #B36B00 URL('../images/info.png') left center no-repeat;
  border: 1px solid #FF9900;
  width: 325px;
  font-size: 120%;
  font-weight: bolder;
	background-color:#B36B00;
	text-align:center;
	color:white ;
	z-index:1000;
}

.notice {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #eef URL('../images/info.gif') left center no-repeat;
  border: 1px solid #FF9900;
	z-index:1000;
}

.fielderror {
    color: red;
    font-weight: bold;
}

.pageNo {
    color:#FF9900 ;
    font-weight: bold;
}
.pageNo a {
    color:#FF9900 ;
    font-weight: bold;
		text-decoration:underline;
}
/*ALL TABLES */


td, th {padding:3px;border:none;color:#B36B00}
tr th {text-align:left;background-color:#FFCC80;color:#B36B00;}
tr.even td {background-color:#FFE6BF;}
tr.odd td {background-color:#fff;}

h1 {color:#B36B00;text-align: center;}
div {}
.employeeInfo {
margin: 0px auto;
text-align: left;
color:#B36B00;
background-color:#FFE6BF;
font-weight: bold;
}
/*MASTER TEMPLATE STYLES END HERE */

/*WELCOME PAGE STYLES */

#accordion {
	width: 700px;
	height: 400px;
	margin: 0 auto;
	z-index: 20; 

}
 .rectangleBox {
	border:1px solid #FFE6BF;
  background-color:white;
  margin-top: 0px;
	margin-bottom: 0px;
  padding: 0px;
  width: 700px;
  font-size: 88%;
	height:70px;
	overflow: hidden;
	font-family:Tahoma;
	font-size: 100%;
	color:#B36B00;
	font-weight:normal;
	text-decoration:none;
	
	}
#accordion:hover .rectangleBox {
	height: 40px; }
#accordion:hover .rectangleBox:hover {
	height: 200px;
	overflow: auto; 
	}

.rectangleBox .titlebar{
background-color: #FFE6BF;
width: 700px;
height:25px;
font-family:Tahoma;
font-size: 130%;
color:#FF9900;
font-weight:bold;
text-decoration:none;
margin-top:0px;
display: inline-block;
}
#randomquote{

  font-size:88%;
	text-align:center;

}
#aboutoem {
 
}

.userMenuBlock {

font-size:110%;
border:0px solid #FF9900;
width:200px;
left:760px;
top:0px;
color:#FF9900;
position:absolute;
display:block;
padding: 3px 3px 3px 3px;
text-align:left;
}
.userMenuBlock a {
background-color:#FFE6BF;
text-decoration:none;
width:150px;
text-align:center;
border-top:1px solid #FF9900;
border-left:1px solid #FF9900;
border-bottom:2px solid #FF9900;
border-right:2px solid #FF9900;
margin-top:2px;
display:block;
color:#FF9900;
font-weight:bold;
}

.userMenuBlock a:hover{
background-color:#FFE6BF;
text-decoration:none;
font-weight:bold;
border-top:2px solid #FF9900;
border-left:2px solid #FF9900;
border-bottom:1px solid #FF9900;
border-right:1px solid #FF9900;

}
.submitButton{

background-color:#FFE6BF;
text-decoration:none;
width:150px;
text-align:center;
border-top:1px solid #FF9900;
border-left:1px solid #FF9900;
border-bottom:2px solid #FF9900;
border-right:2px solid #FF9900;
margin-top:2px;
display:block;
}
.submitButton:hover{

background-color:#FFE6BF;
text-decoration:none;
font-weight:bold;
border-top:2px solid #FF9900;
border-left:2px solid #FF9900;
border-bottom:1px solid #FF9900;
border-right:1px solid #FF9900;
cursor:pointer;
}

.recordSideButton a {
background-color:#FFE6BF;
text-decoration:none;
width:100px;
text-align:center;
border-top:1px solid #FF9900;
border-left:1px solid #FF9900;
border-bottom:2px solid #FF9900;
border-right:2px solid #FF9900;
margin-top:2px;
display:inline-block;
color:#FF9900;
font-weight:bold;
}

.recordSideButton a:hover{
background-color:#FFE6BF;
text-decoration:underline;
font-weight:bold;
border-top:2px solid #FF9900;
border-left:2px solid #FF9900;
border-bottom:1px solid #FF9900;
border-right:1px solid #FF9900;

}




/*Transaction Reports */
.reportBox {
    background:white;
    margin:0 auto;
    width:600px;
		padding:0;
		border:1px dashed black;
		color: black;
    }


.debitBox {
    background:white;
		float:left;
    width:298px;
		border-right:1px dashed black;
		border-left:1px dashed black;
    }
.creditBox {
    background:white;
    float:right;
    width:298px;
		border-left:1px dashed black;
		border-right:1px dashed black;
    }
.reportBoxFooter {
		background-color: white;
		border:1px dashed black;
    
    font-family:Tahoma;
    font-size: 100%;
    color:white;
    font-weight:normal;
    height:18px;
		clear:both;
		
    }
.reportBoxFooter a {
font-family:Tahoma;
font-size: 100%;
color:#B36B00;
font-weight:bold;
text-decoration:underline;
display: block;
width: 100%;
text-align:right;
height:18px;
}

.reportBoxFooter a:hover{
text-decoration:underline;
background-color: #B36B00;
color:white;

}
.reportBoxTitle {
		background-color: #FFE6BF;
		border:1px dashed black;
    height:25px;
    font-family:Tahoma;
    font-size: 130%;
    color:#FF9900;
    font-weight:bold;
    text-decoration:none;
}
.reportBoxBalance {
		background-color: #FFE6BF;
		clear:both;
		border:1px dashed black;
		height:25px;
    font-family:Tahoma;
    font-size: 130%;
    color:#FF9900;
    font-weight:bold;
    text-decoration:none;
}
.reportBoxComparisonChartArea {
		background-color:white;
		clear:both;
		border:1px dashed black;
		
}