/* Page properties */

body{
	margin: 0;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 100%;
	line-height: 150%;
	color: #666666;
}

.GridLabel {
	color: #0061AA;
	font-size: 58%;
}

td{
	padding: 3px 10px;
	font-family: Verdana;
	font-size: 70%;
	line-height: 150%;		
}


select, input, textarea {
	font-family: Verdana;
	font-size: 90%;
}

a
{
	font-family: Verdana, Helvetic, sans-serif; 
	color:#545E69;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	color: #FED100;
/*	color: #EA9021; */
}

/*
mb commented out 040908
h2{
	color: #0061AA; font-size: 180%; font-weight:bold;
	margin:0; padding: 10px 0;
}
*/

/*
mb commented out 040908
h3{
	color: #0061AA; font-size: 130%; margin:0; padding: 5px 10px;
}
*/

/*
mb commented out 040908
h4{
	background-color: #0061AA; font-size: 120%; color: #fff; font-weight:bold; 
	width: 400px; padding: 5px; margin: 0;
}
*/

/* mb added 040908 */
h2{
	color: #545E69; font-size: 180%; font-weight:bold;
	margin:0; padding: 10px 0;
}

/* mb added 040908 */
h3{
	color: #545E69; font-size: 130%; margin:0; padding: 5px 10px;
}

/* mb added 040908 */
h4{
	background-color: #FEC81E; font-size: 120%; color: #545E69; font-weight:bold; 
	width: 400px; padding: 5px; margin: 0;
}






h4.orange{
	background-color: #EA9021; width: 200px; font-size: 80%; padding: 1px 10px;
}
h5{
	color: #0061AA; font-weight:bold; margin: 0; padding: 2px; border-bottom: 1px dotted #0061AA;
}
ul{
	list-style: square outside none;
	margin: 10px;
	margin-left: 20px;
}
table{
	border-collapse:collapse; border: none
}
form{
	margin: 0; padding: 0;
}
/* Layouts */

#chart { text-align:center; width:100%}
#main {background: url(../../_images/silver_grad.jpg) repeat-y;}
#main table{ border: 1px solid #E5E5E5; margin-top: 1px;}
#providers { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
#selected { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
#available { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
#buttons { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
#options { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
#button { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px }
#addBenchmark{ PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}

#container
{
	height: 100%; 
	width: 100%;
/*	background: url(../_images/pagegrad.gif) repeat-y;*/
}

#sitebox{
	float: left;
	width: 100%;
	height: 100%;
	text-align: left;
	background-color: #FFFFFF;
	/*border: 1px solid #CCCCCC;*/
}

#siteinfo{
	display: none;
	z-index: 100;
	position: absolute;
	background-color: yellow;
	width: 362px;
	height: 200px;
	left: 520px;
	top: 3px;
}

#toppanel{
	background-color: #FFFFFF;
	height: 1px;
}

#mainpanel, #navpanel{
	background-color: #FFFFFF;
	height: 1%;
}

#logobox{
	width: 280px;
	height: 29px;
	background: url(../../_images/fwi_logo.gif) no-repeat;
	margin: 12px,10px,0,10px;
	float: left;
}

#centrebox{
	float: right;
	background: url(../../_images/banner_top.gif) no-repeat top right;
	width: 369px;
	height: 60px; 
}


#navpanel{
	padding-left: 15px;
	background-color: #273B52;
	background: url(../../_images/nav_grad.jpg);
}

#navpanel a{
	color: #FFFFFF;
	height: 100%;
	text-decoration: none;
	padding: 4px;
	padding-top: 6px;
	height: 15px;
}

#navpanel a:hover{
	background: url(../../_images/nav_grad_over.jpg);
	color: #273B52;
}

#navpanel ul{
	list-style: none outside none;
	margin: 0;
	height: 10px;
}

#navpanel li{
	float: left;
	padding-right: 10px;
}


#mainpanel{
	margin:0;
	height: 1%;
}

#sidenavpanel{
	position: relative;
	float: right;
	width: 200px;
	padding: 10px;
	height: 100%;
	background-color: #EEF2F7;
	color: #A62417;
	font-weight: bold;
}

#sidenavpanel li{
	margin-bottom: 2px;
	width: 100%;	
}

#sidenavpanel a{
	padding: 1px;
	font-weight: normal;
	width: 100%;
	text-decoration: none;
	border: 1px solid #EEF2F7;
}

#sidenavpanel a:hover{
	color: #A62417;
	border: 1px solid #A62417;
}

#contentpanel{
	margin:0;
	padding: 10px;
	position: relative;
	float: left;
	width: 100%;
	height: 1px;
}

#bottompanel{
	margin: 10px;
	border-top: 3px solid #9AAFC3;
	height: 20px;
	width: 100%;
	padding: 5px;
}

#bottompanel td{
	color: #9AAFC3;
	font-size: 7pt;
}

 #helpbox
 {
	display: none;
}
/* Classes */

.boxed{
	border: 2px solid #EA9021;
	margin-bottom: 10px; width: 100%;
}

.boxed p{
	margin: 0;
}

.boxed a{
	margin: 2px;
	padding: 5px;
	text-decoration: none;
	width: 100%;
}

.boxed a:hover{
	background-color: #D5E1EF;
}

.boxtitle{
	color: #FFFFFF;
	font-weight: bold;
	background: url(../../_images/nav_grad.jpg);
	width: 100%;
	padding: 3px;
}

.active{
	height: 100%;
	text-decoration: none;
	padding: 5px;
	padding-top: 6px;
	height: 15px;
	background-color: #FFFFFF;
	color: #A62417;
	font-weight: bold;	
	border-left: 1px solid #849CB3
}

.tabWrapper{
	text-align: center;
	width: 100%;
	border-bottom: 1px solid silver;	
}

.tblTabs a{
	text-align: center;
	text-decoration: none;
	color: #296DC1;
	border-bottom: 0px;
	background-image:url(../../_images/tab_off.jpg);
	width: 95px;
	height: 23px;
	margin-bottom: -3px;
	padding-top:5px;
}

.tabBase TD{background-color:#296DC1;font-size:1pt;}

.tblTabs a:hover{
	background-image:url(../../_images/tab_on.jpg);	
	font-weight: normal;
	color: #005FAE;
	width: 95px;
	height: 23px;
}

.tblTabs .tabActive{
	background-image:url(../../_images/tab_on.jpg);	
	font-weight: bold;
	color: #005FAE;
	width: 95px;
	height: 23px;
}

.fundGrid
{
	overflow: auto; margin-top: 10px;
}


.fundgrid table{
	border: 0;
}

.fundgrid td{
	border-bottom: 1px dotted #E3F4FC;
}

.tblHead{
	background-color:#E6EFFA;
	color: #0a3c96;
}


.tblHead TD{
	color:#0a3c96;
	font-weight:bold;
}

.tblSubHead {
	background-color:#005FAE; 
}


/* mb added 030908 */
.tblSubHeadMB{
	background-color:#717b85;
	color: #FFFFFF;
	text-align:left;
	font-family:Verdana;
}


/* mb added 030908 */
.tblbuttonsmb
{
	BORDER-RIGHT:#ffffff 1px solid;
	PADDING-RIGHT:2px; 
	BORDER-TOP:#ffffff 1px solid; 
	PADDING-LEFT:2px; 
	BACKGROUND:#005fae; 
	PADDING-BOTTOM:2px; 
	BORDER-LEFT:#ffffff 1px solid; 
	WIDTH:130px; 
	COLOR:#ffffff; 
	PADDING-TOP:2px; 
	BORDER-BOTTOM:#ffffff 1px solid; 
	TEXT-ALIGN:center; 
	TEXT-DECORATION:none;
}


.tblSubHead TD, .tblSubHead a{
	color: #0061AA; font-weight:bold; text-decoration: none; border-right: none;
}

A.firstColHeader 
{
	text-align:left;
	color:white;
	font-size:10.8px;
	text-decoration: none;   
}

TD.firstColHeader 
{
	text-align:left;
	color:white;
	font-size:10.8px;
	text-decoration: none;   
}

.firstColHeader 
{
	color:white;	
}



.tblSubHead a {
	color: #0061AA;	
}
.tblSubHead a:hover {
	color:#0061AA;
}

TD.tblFirstColHeader {
	            
}

.tblData{
}

.tblData a{
	color: #0000CC;
}

.tblGrey a{
	
}

.tblData a:hover{
	color: #0a3c96;
}

.tblData td{
	padding: 3px;
}


.tblLastData td{
}


.tblFirstCol{
	border:0;
	text-align:left;
}

.tblFirstCol A{
}

.tblFirstCol A:hover{

}
	

.tblCol Img{border:0;}
.tblAltCol Img{border:0;}


/* mb added 030908 */
.tblCol{
	border:0;
	font-family:Verdana;
	background:#545E69;
}



.tblCol tr{
}

.tblAltCol{
	border:0;
}



.tblGrey{
}

.tblMidGrey{
}

.tblHighlite td{
}

.tblHighlite a{
}

.fundtools{
	text-align: center;
	margin-top: 10px;
	width: 100%;
	padding: 10px;
}

.chartOptionWraper{
	border-top: 1px solid #273B52;
	padding: 2px;
	margin: 5px;
}

.fullForm{
	width: 100%;
}

.legend{
	margin:2px;
	padding: 0;
	width: 10px;
	height: 10px;
	background-color: #CCCCCC;
}

.detail{
	color: #999999;
	font-size: 7pt;
}

.pos{
	color: #669900;
}

.neg{
	color: #A62417;
}

td.button{}

/* 
mb commented out 030908
.button a, .auxButton{
	cursor:hand;
	text-align: center;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #005FAE;
	text-decoration:none;
	padding: 2px;
	width: 130px;
}
*/

/* mb added 030908 */
.button a, .auxButton{
	cursor:hand;
	text-align: center;
	border: 1px solid #0000CC;
	color: #ffffff;
	background-color: #A8B7C1;
	padding: 2px;
	width: 150px;
}

.button a, .auxbutton2{
	cursor:hand;
	text-decoration:none;
}

.button a:hover, .auxbutton2:hover
{
	color: #A8B7C1;
	text-decoration:none;
	}


.button a, .excelButton
{
	text-align:center;
	border:1px solid #0000CC;
	color:#ffffff;
	background-color:#005FAE;
	text-decoration:none;
	width:130px;
	padding: 2px;
}

.button a:hover, .excelButton:hover
{
	border: 1px solid #0000CC;
	color: #FED100;
	background-color:#ffffff;
}

.button a:hover, .auxButton:hover{
	color: #A8B7C1;
	background-color:#ffffff;
}

.button2 a{
	cursor:hand;
	text-align: center;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #005FAE;
	text-decoration:none;
	padding: 2px;
	width: 30px;
}

.button2 a:hover{
	border: 1px solid #0000CC;
	color: #0000CC;
	background-color:#ffffff;
}


.tblHead .button a{
}

.selectionBox { WIDTH: 100% }
.lblHead { font-weight: bold; }

.chartButton, .nextPrevButton { 
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #0a3c96;
	margin-right: 3px;
}


.iconclear{
	text-decoration: none;
	text-align: center;
}

/*Illustrations*/
	.illFooter {background-color:#C5D4E8; padding:3px}
	.illSubHead{background-color:#005FAE;}
	.illSubHead TD{font-weight:bold; color:White}
	.illButton{
		border: 1px solid #ffffff;
		color: #ffffff;
		background-color: 005FAE;
		padding: 2px;
		width: 130px;
	}
	.illTitle {font-weight:bold;}
	.illFormTextBox {border:#005FAE 1px solid; width: 100%;}
	.illHeadHighlight {font-size:8pt;padding:5px;color:#FFFFFF;font-weight:bold;}
	.illHead{font-weight: bold;background-color:#C5D4E8; color:#005FAE; padding: 5px;}
	
	.illPreviewHeader {color:#005FAE;font-size:14pt;font-weight:bold;}
	.illPreviewDataTitle {color:#ffffff;font-weight:bold;}
	.illPreviewData {color:#FFFFFF;}

.compliance{font-size: 10px;}

.calDay 
{
	background-color: white;
	color:Black;
}
.calWeekend
{
	background-color: white;
	color:rgb(128,128,128);
}
.calDayHeader
{
	font-weight: bold;
	color: rgb(0, 56, 156);
	background-color:#FFFFFF;
}
.calOffMonth
{
	background-color:  rgb(239,239,239);
	color:Black;
}
.calMonth
{
	background-color: #FFFFFF;
	color:rgb(0, 56, 156);
	font-weight:bold;
}
.calSelectedDay
{
	background-color: #999999;
	color:#FFFFFF;
	font-weight:bold;
}

.uiMultiPage {
	margin:0;
	padding: 0px;
	width: 100%;
}

.uiMultiPage table{
	padding: 0px;
	border: 0;
	width: 100%;
}

.uitabs{
}

.uitabs table{
	border: 0;
	padding: 0;
}

.uiTab{
	text-align: center;
	text-decoration: none;
	color: #296DC1;
	background-image:url(../../_images/button_off.jpg);
	width: 90px;
	height: 20px;
}

.uiTab td{
	text-align: center;
	text-decoration: none;
	color: #296DC1;
	background-image:url(../../_images/button_off.jpg);
	width: 90px;
	height: 20px;
}

.uiTabHover TD{
	background-image:url(../../_images/button_on.jpg);	
	font-weight: normal;
	color: #005FAE;
	width: 90px;
	height: 20px;
	cursor:hand;
	text-align: center;
}

.uiTabHover{
	background-image:url(../../_images/button_on.jpg);	
	font-weight: normal;
	color: #005FAE;
	width: 90px;
	height: 20px;
	cursor:hand;
	text-align: center;
}

.uiSelectedTab TD{
	background-image:url(../../_images/button_on.jpg);	
	font-weight: bold;
	color: #005FAE;
	width: 90px;
	height: 20px;
	text-align: center;	
}

.uiSelectedTabHover TD{
	background-image:url(../../_images/button_on.jpg);	
	font-weight: bold;
	color: #005FAE;
	width: 90px;
	height: 20px;
	text-align: center;	
}

.uiSelectedTab{
	background-image:url(../../_images/button_on.jpg);	
	font-weight: bold;
	color: #005FAE;
	width: 90px;
	height: 20px;
	text-align: center;	
}

.uiSelectedTabHover{
	background-image:url(../../_images/button_on.jpg);	
	font-weight: bold;
	color: #005FAE;
	width: 90px;
	height: 20px;
	text-align: center;	
}
.fundChecked TD
{
	background-color:#E3F4FC;
}

.fundChecked A
{
}

#FundInfoContent{
	position: absolute;
	top: 45px;
	width: 73%;
	padding: 2px;
}

#FundInfoRight{
	position: absolute;
	left: 73%;
	top: 45px;
	width: 27%;
	padding: 2px;
}

#FundInfoTable
{
	width: 130px;
	border-top: 1px solid silver;	
	BACKGROUND-color: #E6EFFA;
}

#FundInfoTable td{
	padding:2px;
}

.FundInfoTableHead
{
	padding: 2px;
	background-color:silver;
	font-weight:bold;
	color:#ffffff;
	font-size:7pt;
}

.tblHeader 
{
	color:orange;
	font-weight:bold;
}

.tblContent
{
	color:gray;
}

.FtHeader
{
	 padding-left: 10px;
	 color:White;
	 font-weight:bold;
}

#FtHeaderText{
	padding-top: 15px;
	padding-bottom: 25px;
	font-size: 18pt;
}

.FtTable
{
	width:100%;
	height:100%;
}

.FtTable td{
	border-bottom: 1px solid #C5D4E8;
}

.FtSubHead
{
	 font-weight: bold;
	 color:#004D8C;
	 border-bottom: 3px solid #004D8C;
	 text-align:left;
	 font-size:8pt;
}

.FtFirstTR td{
	background-color: #C7EAFB; 
	color:#0061AA; font-weight:bold;
}

.FtTableSub td{
	font-weight: bold;
	border:0;
	border-bottom: 3px solid #004D8C;
}

.FtPageSub{
	font-weight:normal;
	color: #FF9900;
	font-size: 13pt;
	padding-top: 15px;
	padding-bottom: 3px;
}



.GridAlt td{
	background-color: #E3F4FC;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.GridItem td{
	background-color:#ffffff; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.GridHeader
{
	color:Black;
}

.keys
{
	font-size:8;
}