.mainBody  {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px }

h3   { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }

a  {  font-weight: bold; text-decoration: underline; color: #3E576C}

a:hover {  color: #961E1B}

.sideLinks  {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal}

.loginFields  {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}

.textFields  {  font-family: Verdana, Arial, Helvetica, sans-serif}

.copyright  {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}

.debitway {  color: #961E1B; font-weight : bold}

.bblue  { color: #287414; font-weight: bold }

ul  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 10px; padding-left: 10px }

ol    { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 10px; padding-left: 10px }

.titles {  font-size : 14px; font-weight : bold; font-family : Arial, Helvetica, sans-serif; color : #287414; text-decoration: none; text-decoration: none}

.table_titles {  font-size : 14px; font-weight : bold; font-family : Arial, Helvetica, sans-serif; color : white; text-decoration: none; text-decoration: none}

.tables   { background-color: black; border: solid 1px black }

.agent_tables    { background-color: black; border: double 3px gray }

.buttons  { color: #287414; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #F2F2F2; padding: 1px; border-style: solid; border-width: thin; border-color: black; }

.smallBody { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }

.tools { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }

.commission_table td{ font-size: 11px; }


/*This section is for tooltips*/
#info{
	font-size: 9px;
	padding: 2px;
	
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#CCFF99}

a.info span{
	display: none
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
    border:1px solid #961E1B;
    background-color:#FFFFD8; color:#000;
	font-size: 10px;
	font-weight: normal;
    text-align: left
}