body{background-color: #eeeeff; font-family: verdana; font-size: 12px;color:#555555;margin: 10px;}
input,div,td{ font-family: verdana;font-size:12px}
a{color: #5555ff}
a:hover{color: red; text-decoration: none}
.visitors{line-height: 1.3em; border: 1px solid #cccccc; border-bottom: 0px;width:100%;visibility:hidden}
.visitor{border-bottom: 1px solid #cccccc;padding: 2px;position: relative;background-color: #eeffee; color:#aaaaaa;}
.name{position: relative; left: 30px; width: 300px;}
.chatLink{text-decoration: none;}
.header{position:relative;margin-bottom:20px; width:100%;line-height: 1.6em;border: 1px solid #cccccc;}
.header2{position:relative;line-height: 1.6em; width:100%}
.headText{font-size:17px;padding: 5px;background-color:lightblue}
.headText2{font-size:17px;background-color:lightblue;}
.subHeader{padding: 5px;background-color:#eeeeee}
.status{position: absolute; left: 400px;}
.endChatDiv{position: absolute; left: 5px; padding:2px;visibility: hidden}
.subHead{line-height: 1.2em;background-color: #eeeeee; font-weight: bold; padding: 2px;letter-spacing: 0.05em;position:relative}
.waitingDiv{visibility: hidden;margin-top: 20px;position:relative}
.alert{font-weight:bold;position:absolute;right: 0px;background-color:gold}
.login{background-color: #eeeeee; border:1px solid #dddddd; width: 285px; }
.copyright{position: relative; margin-top: 10px; left: 10px; font-size: 10px; color: #666666; font-family; tahoma; z-index: 100;}
#leftcol{width: 15%;position: relative; top: 0px}
#menu{width: 90%;}
#menu h6{text-align:center; border: 1px solid #cccccc; padding: 5px;margin: 1px;background-color: #eeffee;font-size: 10px;}
#menu a{color: #666666;text-decoration: none;}
#menu a:hover{color: red;}
#rightcol{border: 1px solid #cccccc; background-color: #ffffff;}
#rightcol .head{padding: 20px; font-size: 18px; text-decoration: underline}
#rightcol .canvas{padding: 30px; padding-top: 0px;}
.display thead{background-color: #dddddd; font-weight: bold;}
.hiddenDiv{position: absolute; visibility: hidden;display: none;}
.visibleDiv{position: relative; visibility: visible;}

.pager{
   margin: 25px 0px 25px 0px;
}
.tinyText{
   font-size: 11px;
   color:#aaaaaa;
}
.pager .link{
   background-color: #eeeeee;
   padding: 2px;
   color: #009BEF;
   margin-right: 5px;
   border: 1px solid #009BEF;
   text-decoration: none;
   font-size: 14px;
}
.pager a:hover{
   color: #666666;
   background-color: #ffffff;
   border: 1px solid #dddddd;
}
.pager span.disabled{
   color: #aaa;
   background-color: #eee;
   border: 1px solid #ddd;
}
.pager span.current{
   color: #CC0000;
   background-color: #ffffff;
   border: 1px solid #dddddd;
}
  .pager span.text{
   color: #aaaaaa;
   font-size: 15px;
}
.pager span.text b{
 font-style: italic;
}


#rightcol th{
   font-size: 12px;
   background-color: #eee;
   vertical-align: top;
   text-align: left;
}
#rightcol td{
   vertical-align: top;
}


table.excel th{
    background-color: #dddddd;
	padding: 4px;
	text-align: center;
	border: 1px solid #cccccc;
	text-transform: capitalize;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #444444;
}
table.excel td{
   padding: 4px;
   border: 1px solid #eeeeee;
   color: #666666;
   font-size: 12px;
}

.smallBold{
   font-size: 10px; 
   font-weight: bold;
}
.credential{
   display: none;
   z-index: 1000;
   position: absolute;
   width: 285px;
   margin: -2px;
   border: 1px solid #aaaaaa;   
   margin-top: 50px;
}
.credential div.title{
   padding: 3px;
   background-color: #cccccc;
}
.credential div.body{
   height: 150px;
   background-color: beige;
   padding: 5px;
}
.credential span.close{
   float: right;
}
.globalAlert div.title{
   font-weight: bold;
   text-transform: uppercase;
}
.globalAlert div.body{
   height: 160px; 
   color: red;
   text-align: center;
   font-size: 11px;
   
}