body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px;
	height: 100%;

}
text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px;
	height: 100%;

}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(allstate_imgs/header_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #FFFFFF;

}
.header-cell {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.header-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.navcell {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #557788;

}
a.whsm:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.whsm:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
a.whsm:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: underline;
}
a.nav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.nav:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
a.nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: underline;
}
a.black:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.black:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.black:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}
a.black-sm:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.black-sm:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.black-sm:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}
a.item:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.item:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.item:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: underline;
}
TABLE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.fieldlbl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF6600;
}
INPUT
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	font-size: 11px;
	border-left: silver 1px solid;
	color: #000000;
	border-bottom: silver 1px solid;
	font-family: Arial;
}
SELECT
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	font-size: 11px;
	border-left: silver 1px solid;
	color: #000000;
	border-bottom: silver 1px solid;
	font-family: Arial;
}
TEXTAREA
{
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	font-size: 11px;
	border-left: silver 1px solid;
	color: #000000;
	border-bottom: silver 1px solid;
	font-family: Arial;
}
.frm-active
{
	font-size: 11px;
	color: black;
	font-family: Verdana, Arial;
	background-color: #b0c4de;
}
.frm-inactive
{
	font-size: 11px;
	color: black;
	font-family: Verdana, Arial;
	background-color: #cccccc;
}
.title
{
	font-weight: bold;
	font-size: 12px;
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.data
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.feedback
{
	font-weight: bold;
	font-size: 10px;
	color: darkgreen;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* styles for datalist agents side */
.head-row
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #696969;
}
.item-row
{
	font-weight: normal;
	font-size: 10px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: ghostwhite;
}
.alt-row
{
	font-weight: normal;
	font-size: 10px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: ivory;
}
.highlight-row
{
	font-weight: normal;
	font-size: 10px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffff99;
}
#pnlTrail, #pnlUpfront {
   width: 500px;
   overflow: auto ; /* To accommodate other browsers */
   overflow-x: hidden ;
   overflow-y: scroll ; /* for width overflow */
   font-family: arial, tahoma, helvetica; font-size:11px;
   scrollbar-arrow-color: #ffffff;
   scrollbar-3dlight-color: #FFFFFF;
   scrollbar-highlight-color: #ccc;
   scrollbar-face-color: #ccc;
   scrollbar-shadow-color: #ccc;
   scrollbar-darkshadow-color: #FFFFFF;
   scrollbar-track-color: #ffffff;
   height: 150px;
}	
ul
{
	list-style-type: none;
	padding: inherit;
	margin: 0px;
}
ul li
{
	padding: 2px;
}
.outstandings
{
	background-color: #990000;
	color: #FFFFFF;
}
