/******************************************
 * Created By: Evan Abramson              *
 * Date: 06/06/2005                       *
 * Copyright (c) 2005 Cogent Consulting   *
 ******************************************/

/******************************************
 *********** GLOBAL STYLES ****************
 ******************************************/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	background: url('../images/blue.jpg');
}
body.header
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #4B57AA;
	border-bottom: 1px solid #000000;
}

a:link, a:visited  {
	color: #4B57AA;
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
}

a:active, a:hover {
	color: #4B57AA;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
}

td 
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #4B57AA;
}

/******************************************
 ************ HEADER BAR STYLE ************
 ******************************************/
.clientName 
{
	color: #FFFFFF;
	font-family: Arial Narrow, Helvetica, Verdana, Arial;
	font-size: 14pt;
	text-decoration: none;
	font-weight: normal;
}
.siteName
{
	font-family: Arial Narrow;
	font-size: 14pt;
	color: #BBE0E3;
	text-decoration: none;
	font-weight: normal;
}
a.logOut:link, a.logOut:visited, a.logOut:active
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}
a.logOut:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}

h2, h3
{
color: #4B57AA;
    height: 22px;
}

/******************************************
 ************ MENU BAR STYLE **************
 ******************************************/
.menu
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #4B57AA;
	background-image: url('../images/menubg.png');
	background-repeat: repeat;
	border: 0px solid;
	text-align:center;
}
.topBar
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	background-color: #4B57AA;
	background-image: url('../images/menubg.png');
	background-repeat: repeat;
	border: 0px solid;
	height: 60px;
	text-align:left;
}
.topBarLU
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	background-color: #4B57AA;
	background-image: url('../images/menubg.png');
	background-repeat: repeat;
	border: 0px solid;
	height: 60px;
	text-align:center;
}
a.menu:link, a.menu:visited, a.menu:active
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}
a.menu:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}
.menuHover
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #DEE7F7;
	background-image: url('../images/menubg_sel.png');
	background-repeat: repeat;
	text-align:center;
}

.subMenu
{
	background-color: #FFFFFF;
	color: #4B57AA;
	border-top: 0px solid;
	border-right: 1px solid #4B57AA;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}
a.subMenu:link, a.subMenu:visited, a.subMenu:active
{
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}
a.subMenu:hover
{
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

.subMenuHover
{
	background-color: #DEE7F7;
	font-size: 10px;
	border-top: 0px solid;
	border-right: 1px solid #4B57AA;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;
}

/****************************************
 ************* TAB OBJECTS **************
 ****************************************/
.tabStripSelected
{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #333333;
	background-image: url('../images/menu_sel.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 1px solid #000000;
}
.tabStrip
{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	background-image: url('../images/menubg_sel.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #DEE7F7;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.tabStripHover
{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #333333;
	background-image: url('../images/menu_hov.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #DDDDDD;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.tabBody
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 0px solid;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}

/******************************************
 ************ GRID STYLES *****************
 ******************************************/
.tableBodyHilightLocked
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	background-color: #DEE7F7;
	background-image: url('../images/menu_hov.png');
	background-repeat: repeat-x;
	background-position: top;
	border-top: 0px solid;
	border-right: 1px solid #0c479d;
	border-bottom: 1px solid #0c479d;
	border-left: 1px solid #0c479d;
	position: relative;
	z-index: 10;
	top: expression(this.parentElement.parentElement.parentElement.parentElement.parentElement.scrollTop);
}
.gridCell
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	border-top: 0px solid;
	border-right: 1px solid #0c479d;
	border-bottom: 1px solid #0c479d;
	border-left: 1px solid #0c479d;
}
.gridRow
{
	background-color: #FFFFFF;
}
.gridAltRow
{
	background-color: #F0F0F0;
}

/******************************************
 ************ CONTENT STYLES **************
 ******************************************/
.contentBody {
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}

.contentBodyMaroon 
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #DEE7F7;
}

.contentBodyWhite
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
}
.contentBodyHead 
{
	font-family: Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
	color: #4B57AA;
}

.contentFooter {
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 14px;
	color: #333333;

}
.contentHeader {
	font-family: Verdana, Arial;
	font-size: 32pt;
	font-weight: bold;
	line-height: 48pt;
	color: #4B57AA;
}

.contentSubHeader {
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 20pt;
	line-height: 32pt;
	color: #4B57AA;
}
   
/******************************************
 *********** TABLE STYLES *****************
 ******************************************/
.tableHeader {
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: bolder;
	line-height: 30px;
	color: #FFFFFF;
	background-image: url('../images/menubg.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #4B57AA;
	border: 1px solid #4B57AA;
}
.tableHeaderTop
{
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: bolder;
	line-height: 26px;
	color: #FFFFFF;
	background-color: #4B57AA;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid;
}

.tableBodyLeft {
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-color: #FFFFFF;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;
}

.tableBodyMiddle {
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	background-color: #FFFFFF;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid #4B57AA;
	border-left: 0px solid #4B57AA;
}

.tableBodyRight 
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	background-color: #FFFFFF;
	border-top: 0px solid;
	border-right: 1px solid #4B57AA;
	border-bottom: 1px solid #4B57AA;
	border-left: 0px solid;
}

.tableBodyLeftRight
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	background-color: #FFFFFF;
	border-top: 0px solid;
	border-right: 1px solid #4B57AA;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;
}


.tableBottom
{
	font-family: Verdana, Arial;
	font-size: 4px;
	line-height: 10px;
	color: #FFFFFF;
	text-align: center;
	background-color: #FFFFFF;
	border-bottom: 0px solid;
	border-right: 0px solid;
	border-top: 4px solid #4B57AA;
	border-left: 0px solid;
}

.tableBodyFullBorder
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-color: #FFFFFF;
	border-top: 1px solid #4B57AA;
	border-right: 1px solid #4B57AA;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;
}

.tableBodyHilight
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-color: #DEE7F7;
	border-top: 0px solid;
	border-right: 1px solid #4B57AA;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;
    width: 366px;
}

.tableBodyHilightFull
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-color: #DEE7F7;
	border-top: 1px solid #4B57AA;
	border-right: 1px solid #4B57AA;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;
}

.tableBodyHilightLeft
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-color: #DEE7F7;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;
}

.tableBodyHilightMiddle
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-color: #DEE7F7;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid #4B57AA;
	border-left: 0px solid #4B57AA;
}

.tableBodyHilightRight
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	background-color: #DEE7F7;
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 1px solid #4B57AA;
	border-right: 1px solid #4B57AA;
}

.tableBodyHilightNoBot
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	background-color: #DEE7F7;
	border-top: 0px solid;
	border-right: 1px solid #4B57AA;
	border-bottom: 0px solid #4B57AA;
	border-left: 1px solid #4B57AA;
}

.tableInvisible
{
	display: none;
}
.tableTabs
{
    background: white;
}
.detail
{
    font-size: 18px;
}

/****************************************
 ************ FORM OBJECTS **************
 ****************************************/
.textBoxInput
{
	height: 18px;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #4B57AA;
	background-color: #FFFFFF;
	border: 1px solid #4B57AA;
}

.textBoxInputHide
{
	display:none;
	height: 18px;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #4B57AA;
	background-color: #FFFFFF;
	border: 1px solid #4B57AA;
}

.textAreaInput
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B57AA;
	background-color: #FFFFFF;
	border: 1px solid #4B57AA;
}

.buttonInput
{
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4B57AA;
	border: 1px solid #333333;
	background-image: url('../images/menubg.png');
	background-repeat: repeat;
}

.tinyButtonInput
{
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4B57AA;
	border: 1px solid #333333;
}

.comboBoxInput
{
	background-color: #4B57AA;
	font-family: Verdana, Arial;
	font-size: 12px;
	height: 18px;
	color: #FFFFFF;
}
.comboBoxInputWhite
{
	background-color: #FFFFFF;
	font-family: Verdana, Arial;
	font-size: 10px;
	height: 14px;
	color: #4B57AA;
}
.comboBoxFilter
{
	background-color: #DDDDDD;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

.listBoxInput
{
	background-color: #4B57AA;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
}

.disabledComboBoxInput
{
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 18px;
	color: #eeeeee;
	background-color: #ffffff;
	border-top: 1px solid #4B57AA;
	border-right: 1px solid #4B57AA;
	border-bottom: 1px solid #4B57AA;
	border-left: 1px solid #4B57AA;	
}

.radioInput
{
	background-color: #FFFFFF;
	border: 0px solid;
	font-size: 12px;
	height: 20px;
	font-family: Verdana, Arial;
}

.calendar .ajax__calendar_container 
{
    border: 1px solid #000000;
    background-color: #ffcd33;
    color: #000000;
    z-index: 2000;
}
.calendar .ajax__calendar_other .ajax__calendar_day,
.calendar .ajax__calendar_other .ajax__calendar_year 
{
    color: #000000;
}
.calendar .ajax__calendar_hover .ajax__calendar_day,
.calendar .ajax__calendar_hover .ajax__calendar_month,
.calendar .ajax__calendar_hover .ajax__calendar_year 
{
    color: #000000;
    text-decoration: underline;
}
.calendar .ajax__calendar_active .ajax__calendar_day,
.calendar .ajax__calendar_active .ajax__calendar_month,
.calendar .ajax__calendar_active .ajax__calendar_year 
{
    color: #000000;
    font-weight:bold;
}

/*************************************************
 ************ BROKER MATRIX OBJECTS **************
 *************************************************/
.textBoxHeader
{
	height: 22px;
	font-family: Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4B57AA;
	border: 0px solid #4B57AA;
}

.textBoxContent
{
	height: 18px;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
	border: 0px solid #4B57AA;
}


.mimicLink
{
	color: #4B57AA;
	text-decoration: none;
	border: 0px;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
}
.mimicLinkOver
{
	color: #4B57AA;
	text-decoration: underline;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	border: 0px solid;
	background-color: #FFFFFF
}

.divPopup {
	z-index: 111; 
	border: 1px solid #000000;
	padding: 3px; 
	position:absolute; 
	top: 0px; 
	left: 0px;  
	background: #ffcd33;
	color: #000000;
	width: 550px;
	font-size: 10px;  
	font-family: Verdana, Arial;
	text-overflow: clip;
}
 .style1
{
    width: 158px;
}
.style2
{
    width: 183px;
}
.style3
{
    width: 70px;
}
.style4
{
    width: 101px;
}