/* Page properties */

body{
	margin: 10px;
	background: #FFFFFF;
	font-family: verdana,arial;
	font-size: 70%;
	line-height: 150%;
}

td{
	padding: 3px;
	font-family: verdana, arial;
	font-size: 7pt;
	line-height: 150%;	
}

input, textarea, select {
	font-family: verdana, arial;
	font-size: 80%;
}
select.selectionBox {
	width:180px;
}
a{
	color: #273B52;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	background-color:#ECF1F4
}



h2{
	font-family: Verdana, sans-serif; 
	font-size: 160%;
	font-weight:bold;
	text-align: left;
	color: #003781;
}

h4{
	font-size: 10pt;
}

ul{
	list-style: square outside none;
	margin: 10px;
	margin-left: 20px;
}

/* Layouts */

#main { width: 180px; PADDING-RIGHT: 5px; PADDING-LEFT: 0; BACKGROUND:#ECF1F4 ; FLOAT: right; PADDING-BOTTOM: 5px; COLOR: black; PADDING-TOP: 5px;}
#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 }
#chart { width:50%; text-align:center;}

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

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

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

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

#mainpanel, #navpanel{
	background: #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: #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: #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{
	padding:0;
	border: 1px solid #c2cfe1;
	margin-bottom: 10px;
}

.boxed p{
	margin: 0;
}

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

.boxed a:hover{
	background: #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: #FFFFFF;
	color: #A62417;
	font-weight: bold;	
	border-left: 1px solid #849CB3
}

.tabWrapper{
	text-align: center;
	width: 100%;
	border-bottom: 2px solid #c2cfe1;	
}

.tblTabs a{
	width: 130px;
	text-align: center;
	font-weight:normal;
	background: rgb(189,207,231);
	color:#c2cfe1;
	border-bottom: 0px;
	padding-top: 4px;
	margin-bottom: -3px;
}
.tabBase TD{background-color:#c2cfe1;font-size:1pt;}

.tblTabs a:hover{
	cursor:hand;
	background:#c2cfe1;
	color:#FFFFFF;
}

.tblTabs .tabActive{
	background: #c2cfe1;
	font-weight: bold;
	color: #FFFFFF;
}

.fundGrid
{
}


.fundgrid table{
	width: 100%;
	border: none;
}

.tblHead {
	background-color:#FFFFFF;
}
.alternateRow td{
	background-color: #FFFFFF;	
}
.tblHead TD{
	height: 35px;
	color:#003781;
	font-weight:bold;
}

.tblSubHead {background-color:#c2cfe1; border: 1px solid #003781; }
.tblSubHead TD{
	border: 1px solid #003781;
	color: #003781;
	font-weight:bold;
	text-align:center;

}

.tblSubHead a {color: #003781; text-decoration: underline;}
.tblSubHead a:hover {text-decoration: none; background: none}

TD.tblFirstColHeader {text-align:left;}

.tblData a{
	text-decoration: underline;
	width: 100%;
	height: 100%;
	color:Black;
}

.tblGrey a{
	
}

.tblData a:hover{
	color: #326CB3;
	background: none;
}

.tblData td{
	border: 1px solid #000000;
	padding: 5px;
}


.tblLastData td{
	border-bottom: 1px solid #273B52;
}


.tblFirstCol{
	background: #E5EBF2;
	border: 1px solid #003781;
}

.tblFirstCol A{
	text-decoration: none;
	width:100%;
	color:Black;
	text-align:left;
}
.tblFirstCol A:hover{
	text-decoration:underline;
	color: #003781;
	background: none;
}
	

.tblCol Img{border:0;height:12px;}
.tblAltCol Img{border:0;height:12px;}


.tblCol{
	text-align:center;
	background: #E5EBF2;
	border: 1px solid #003781;
	
}
.tblAltCol{
	text-align:center;
	background: #E5EBF2;	
	border: 1px solid #003781;
}



.tblGrey{
	background: #ECF1F4;
}

.tblMidGrey{
	background: #D9E4EA;
}

.tblHighlite td{
	background: #ECE3D5;
}

.tblHighlite a{
	border: 1px solid #ECE3D5;
}

.fundtools{
	text-align: center;
	margin-top: 10px;
	border-top: 2px solid #273B52;
	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: #CCCCCC;
}

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

.pos{
	color: #669900;
}

.neg{
	color: #A62417;
}

td.button{}

.button a{
	text-align: center;
	color: #003781;
	border: 1px solid #FFFFFF;
	text-decoration:none;
	padding: 2px;
	/*background: #c2cfe1;*/
}

.button a:hover{
	border: 1px solid #003781;
	background: #D9E4EA;
	color:#c2cfe1;
}

.tblHead .button a{
}

.selectionBox { WIDTH: 220px }
.nextPrevButton { BORDER-RIGHT: rgb(247,215,66) 1px solid; BORDER-TOP: rgb(247,215,66) 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 80%; BORDER-LEFT: rgb(247,215,66) 1px solid; COLOR: rgb(41,89,173); BORDER-BOTTOM: rgb(247,215,66) 1px solid; BACKGROUND-COLOR: #ffffff }
.lblHead { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; COLOR: rgb(41,89,173); PADDING-TOP: 5px }
.chartButton { BORDER-RIGHT: rgb(247,215,66) 1px solid; BORDER-TOP: rgb(247,215,66) 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 80%; BORDER-LEFT: rgb(247,215,66) 1px solid; COLOR: rgb(41,89,173); BORDER-BOTTOM: rgb(247,215,66) 1px solid; BACKGROUND-COLOR: #ffffff }

tblHead tr{
	background-color: #FC0000;	
}

tblHead.alternateRow{
	background-color: #FC0000;	
}
.iconclear{
	text-decoration: none;
	text-align: center;
}

/*Illustrations*/
	.illFooter {background-color:#c2cfe1; padding="3px"}
	.illSubHead{background:rgb(189,207,231);}
	.illSubHead TD{color:rgb(41,89,173);font-weight:bold;}
	.illButton{font-size:90%;font-weight:bold;width:100px;background-color:#FFFFFF;color:rgb(41,89,173);border: 1px solid rgb(241,199,0);}
	.illTitle {font-weight:bold;}
	.illFormTextBox {border:#c2cfe1 1px solid; width: 100%;}
	.illHeadHighlight {font-size:8pt;padding:5px;color:#FFFFFF;font-weight:bold;}
	.illHead{font-weight: bold;background:#c2cfe1; color:#FFFFFF; padding: 5px;}
	
	.illPreviewHeader {color:#c2cfe1;font-size:14pt;font-weight:bold;}
	.illPreviewDataTitle {color:rgb(189,207,231);font-weight:bold;}
	.illPreviewData {color:#FFFFFF;}

.compliance{font-size: 10px; color:#336699}

.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;
}

.auxButton { cursor:hand;border: 1px solid #ffffff; color: #003781; padding: 3px; font-weight:bold;}
.auxButtonA { border: 1px solid #ffffff; color: #003781; background: #333366; padding: 3px, 9px; font-weight: normal; height: 25px;}
.auxButtonA:hover {background: #333366}
.auxButtonA:active {padding-top: 4px; left: 1px; border: inset 1px white}

.uitabs{
	width: 200px;
	margin-bottom: -8px;
	margin-left: -6px;
	vertical-align: bottom;
	text-align: center;
}

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

.uiTab{
	width: 200px;
	text-align: center;
	font-weight:normal;
	/*background: rgb(189,207,231);*/
	color:#003781;
}

.uiTab td{
	width: 200px;
	text-align: center;
}

.uiTabHover TD{
	width: 200px;
	text-align: center;
	background:#c2cfe1;
	color:#003781;
}

.uiTabHover{
	width: 200px;
	text-align: center;
	cursor:hand;
	background:#c2cfe1;
	color:#003781;
}

.uiSelectedTab TD{
	width: 200px;
	text-align: center;
}

.uiSelectedTabHover TD{
	width: 200px;
	text-align: center;
	background-color:#c2cfe1;
	font-weight:bold;
	color:#003781;
}

.uiSelectedTab{
	width: 200px;
	text-align: center;
	background-color:#c2cfe1;
	font-weight:bold;
	color:#003781;
}

.uiSelectedTabHover{
	width: 200px;
	text-align: center;
	background-color:#c2cfe1;
	font-weight:bold;
	color:#003781;
}

.fundChecked TD, .fundChecked a, .fundChecked a:hover
{
	background-color:#c2cfe1;
	font-weight:bold;
	color:#003781;
}
.FtHeader
{
	 padding-left: 10px;
	 font-weight:bold;
	 color:#c2cfe1;
	 border-bottom: 3px solid #c2cfe1;
}

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

#FtTable
{
	background-color:#e7ebe3;
	width:100%;
	height:100%;
}

.FtSubHead
{
	font-weight: bold;
	border:0;
	color:#c2cfe1;
	border-bottom: 2px solid #c2cfe1;
}

.FtFirstTR{
	background: #DEDBE7;
}


.FtTableSub td{
	font-weight: bold;
	border:0;
	color:#c2cfe1;
	border-bottom: 2px solid #c2cfe1;
}

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

/* as used in FundClientFooter.ascx */
.ClientFooter
{
	font-size: 7pt;; 
	color: #000000; 
	FONT-FAMILY: Verdana,Arial;
	font-weight:bold;
}
.ClientFooter1VerdanaRegular
{
	font-size: 7pt; 
	color: #000000; 
	FONT-FAMILY: Verdana Regular,Arial;
	font-weight:bold;
}
/* as used in FundClientFooter.ascx */
.ClientFooterBold
{
	font-size: 7pt; 
	color: #000000; 
	FONT-FAMILY: Verdana Regular,Arial;
	/*font-weight:bold;*/
}
/* as used in FundPricesSplit.aspx */
.ClientHeadings1
{
	font-size: 8pt; 
	color: #003781; 
	FONT-FAMILY: Verdana,Arial;
}
/* as used in FundPricesSplit.aspx */
.ClientHeadings1Bold
{
	font-size: 18px; 
	color: #003781; 
	FONT-FAMILY: Verdana Regular,Arial;
	font-weight:bold;
	line-height:20px;
}