body, td, th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
body
{
	margin: 0px;
}

a:link
{
	color: #003399;
	text-decoration: none;
}
a:visited
{
	color: #003399;
	text-decoration: none;
}
a:hover
{
	color: #003399;
	text-decoration: underline;
}
a:active
{
	color: #003399;
	text-decoration: none;
}

a.selected:link, a.selected:visited, a.selected:hover, a.selected:active
{
	color: #003399;
}

h1
{
	font-size: 14px;
	color: #003399;
	margin: 10px 0px 10px 0px;
	font-weight: normal;
	border-bottom: 1px solid #c3ccdd;
	display: block;
}
h2
{
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding: 6px;
	background-color: #cacac7;
	display: block;
}
#navBig table h2
{
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 6px;
	background-color: #CACAC7;
	display: block;
}
h3
{
	font-size: 12px;
	color: #333;
	margin: 15px 0px 5px 0px;
}
p
{
	margin: 0px;
	padding: 0px;
}
img
{
	border: 0px;
}
form
{
	margin: 0px;
	padding: 0px;
}
select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
input
{
	border: 0px;
	padding: 0 3px;
	font-size: 12px;
}







#main
{
	width: 900px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#topTxt
{
	width: 100%;
	margin: 5px 0;
}
#bottomTxt
{
	width: 100%;
	float: left;
	padding-top: 20px;
}
#searchPanel
{
	width: 100%;
	float: left;
	padding-bottom: 5px;
}
#searchPanel h2
{
	font-size: 12px;
	color: #333;
}
#searchPanel a
{
	color: #333;
}
#searchPanel a:link
{
	color: #333;
	text-decoration: none;
}
#searchPanel a:visited
{
	color: #333;
	text-decoration: none;
}
#searchPanel a:hover
{
	color: #003399;
	text-decoration: underline;
}
#searchPanel a:active
{
	color: #333;
	text-decoration: none;
}
#portfolioPanel
{
	width: 100%;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
#basic
{
	width: 100%;
	float: left;
}
#advance
{
	width: 440px;
	float: right;
	background-color: #F5F5F5;
}
#chartPanel
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#submit
{
	width: 100%;
	float: left;
	padding-bottom: 5px;
	border-bottom: 1px solid #7f7f7f;
}
#submit input, #nav input, #pageNav input, #shortList input, #popChart input, #addFunds input,#navL input, #navR input, #searchPanel input, #selectedFunds input, #chartPanel input
{
	font-size: 11px;
	margin-left: 10px;
	border: 2px outset #ccc;
	white-space: nowrap;
	font-weight: bold !important;
	background: #E0E0E0;
	color: #000000 !important;
}
.under input
{
	border: 1px solid #000000;
}
#tblLegend input, #chooseInstr input, #tblLegend2 input
{
	font-size: 11px;
	font-weight: bold;
	border: 0px;
	background: none;
	margin: 0px;
}

#advanceOptions
{
	width: 440px;
	float: right;
}

#sPN
{
	float: left;
}


#nav
{
	width: 100%;
	float: left;
	padding: 15px 0px 5px 0px;
	border-bottom: 1px solid #fff;
}
#navL
{
	float: left;
}
#nav a:link
{
	color: #003399;
	text-decoration: none;
}
#nav a:visited
{
	color: #003399;
	text-decoration: none;
}
#nav a:hover
{
	color: #003399;
	text-decoration: underline;
}
#nav a:active
{
	color: #003399;
	text-decoration: none;
}
#nav a.selected
{
	color: #000;
	text-decoration: none;
}

#navR
{
	float: right;
}



#tabResultNav a:link, #tabResultNav a:visited, #tabResultNav a:hover, #tabResultNav a:active
{
	color: #fff;
	text-decoration: none;
	padding: 15px 6px 15px 6px;
	float: left;
}

#tabResultNav a.selected:link, #tabResultNav a.selected:visited, #tabResultNav a.selected:hover, #tabResultNav a.selected:active
{
	color: #000;
	background-color: #cacac7;
	padding: 15px 6px 15px 6px;
	float: left;
}



#tabResultNav
{
	width: 100%;
	float: left;
	height: 40px;
	color: #999;
	margin-bottom: 10px;
	background: #0062ac;
	border-bottom: solid 2px #E0E0E0;
}
#tabResultNav ul
{
	width: auto;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#tabResultNav li
{
	float: left;
	height: 40px;
	border-right: 1px solid #E0E0E0;
	list-style-type: none;
}
.compare ul
{
	width: auto;
	float: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.compare li
{
	float: left;
	border-right: 1px solid #8898B9;
	padding: 0px 6px;
	margin: 0px;
	list-style-type: none;
}
.downcompare ul
{
	width: auto;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.downcompare li
{
	float: left;
	border-right: 1px solid #8898B9;
	padding: 0px 6px;
	margin: 0px;
	list-style-type: none;
}
#tabResult
{
	width: 100%;
	float: left;
	padding: 0px;
}
.tabOn
{
}

.tabOff
{
	display: none;
}
#tabResult table
{
	width: 100%;
}
#tabResult th
{
	padding: 3px;
	background-color: #cacac7;
	border-bottom: 1px solid #E0E0E0;
	color: #003399;
}
#tabResult th.last
{
	padding: 3px;
	background-color: #cacac7;
	border-bottom: 1px solid #E0E0E0;
	color: #003399;
}
#tabResult td
{
	padding: 3px;
	border-bottom: 1px solid #E0E0E0;
}
#tabResult tr:hover
{
	background-color: #E0E0E0;
}

#underTab
{
	width: 100%;
	float: left;
	padding: 15px 0px 5px 0px;
	border-bottom: 1px solid #fff;
}
#addFunds
{
	width: 100%;
	margin: 10px 0px 5px 0px;
	padding: 10px 0px 10px 0px;
	float: left;
}
#pageNav
{
	width: 400px;
	float: left;
}
.compare
{
	width: 100%;
	float: right;
	margin: 0px 0px 10px 0px;
}
.downcompare
{
	float: right;
	margin: 0px 0px 10px 0px;
}
.under
{
	padding: 12px 6px;
	margin: 0px;
	background-color: #F5F5F5;
}
#shortList
{
	width: 100%;
	float: left;
	text-align: right;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #7f7f7f;
}
#selectedFunds
{
	width: 100%;
	float: left;
	margin: 10px 0px 5px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #7f7f7f;
}
#selectedFunds td
{
	padding: 3px;
}
#info
{
	width: 100%;
	float: left;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #7f7f7f;
}


#footer
{
	width: 100%;
	float: left;
	margin: 20px 0px 20px 0px;
	padding-bottom: 20px;
}
#footerL
{
	float: left;
	margin: 10px 0px 0px 0px;
}
#footerR
{
	text-align: right;
	float: right;
	margin: 10px 0px 0px 0px;
}


/* POP UP Chart */


#popMain
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
#popChart
{
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	border-bottom: 1px solid #7f7f7f;
}
#popUnderChart
{
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	border-bottom: 1px solid #7f7f7f;
}
#popFooter
{
	width: 100%;
	float: left;
	margin-top: 0px;
	padding-bottom: 5px;
}
#popMainL
{
	width: 200px;
	float: left;
	margin: 15px 0px 0px 0px;
}
#popMainR
{
	text-align: right;
	width: 250px;
	float: right;
	margin: 15px 0px 0px 0px;
}


/***** Chart ELEMENTS *****/
#ChartBuilder
{
	background-color: #ffffff;
	position: relative;
	float: left;
	width: 230px;
}
#ChartBuilder input
{
	background-color: #ffffff;
	border: 0px;
}
#ChartBuilder select
{
	width: 200px;
}
#InstrumentSelector
{
	display: block;
	width: 100%;
}
#ChartOutput
{
	position: relative;
	float: left;
	width: 500px;
}
#ChartHeader
{
}
#Chart
{
	position: relative;
	width: 485px;
	display: block;
	float: right;
}
#ChartTimescale
{
	position: relative;
	width: 500px;
	display: block;
	float: right;
}
#ChartLegend
{
	position: relative;
	width: 100%;
	display: block;
	float: right;
}
#ChartUpdater
{
	position: relative;
	display: block;
	float: right;
}
#InstrType
{
	height: 65px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.key
{
	text-align: center;
	display: block;
	width: 12px;
	height: 12px;
}

/***** *****/


.Center
{
	text-align: center;
}
.Right
{
	text-align: right;
}
.Left
{
	text-align: left;
}
.DisplayNone
{
	display: none;
}
.DisplayCenter
{
	text-align: center;
}
.TimeScale
{
	background-color: #FFFFFF;
}
.SelectorBox
{
	background-color: #ffffff;
	position: absolute;
	width: 100%;
	visibility: hidden;
}
.bHolder
{
	position: relative;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 50px;
}
#FundResults input
{
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	border: 2px outset #ccc;
	white-space: nowrap;
	font-weight: bold !important;
	background: #999999;
	color: #000000 !important;
}

#FundResults input.ChartInstruments
{
	background-color: #E0E0E0;
	color: #000000 !important;
}

#TableHeader a:link
{
	color: #003399;
	text-decoration: none;
}
#TableHeader a:visited
{
	color: #003399;
	text-decoration: none;
}
#TableHeader a:hover
{
	color: #003399;
	text-decoration: none;
}
#TableHeader a:active
{
	color: #003399;
	text-decoration: none;
}
#TableHeader a.selected:link, a.selected:visited, a.selected:hover, a.selected:active
{
	color: #003399;
}

P
{
	float: left;
	width: 100%; /*color: #0062ac;*/
}


#footerPerf
{
	float: left;
	width: 100%;
	color: #0062ac;
}
#Disclaimer
{
	float: left;
	width: 100%;
	color: #0062ac;
}

/*------------------added for zil--------*/

#highlightSearch
{
	color: #FFF;
	background-color: #0062AC;
}

#highlightSearch B
{
	color: #FFF;
}

.FundLeft
{
	text-align:left;
	width:250px;
}

.Chart
{
	width:20px;	
}

.Factsheet
{
	width:50px;	
	text-align:center;
}

.downloadExcel_Button {
background-image:url("../images/ico_downloadExcel.gif");
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:16px;
margin:0 10px;
padding:0 0 0 20px;
}

.downloadPdf_Button {
background-image:url("../images/ico_pdf.gif");
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left; 
font-size:12px;
font-weight:bold;
height:16px;
margin:0;
padding:0 0 0 20px;
}

#blanket {
 background-color:#111;
 opacity: 0.65;
 filter: alpha(opacity=65);
 position:absolute;
 z-index: 9001; 
 top:0px;
 left:0px;
 width:1259px;
 height:1800px;
 
 }
#popUpDiv {
position:absolute;
background-color:#eeeeee;
height:320px;
width:450px;
z-index: 9002; 
} 
#PopUpDivCSV {
position:absolute;
background-color:#eeeeee;
height:320px;
width:450px;
z-index: 9002; 
} 
#popUpDiv table
{
	width:450px;
}
#PopUpDivCSV table
{
	width:450px;
}
.PopupCheckWidth
{
	width:1%;
}
#BtnDownLoadPDF
{
	cursor:pointer;
}
#BtnDownLoadCSV
{
	cursor:pointer;
}
#searchPanel {
	PADDING-BOTTOM: 5px; WIDTH: 100%; FLOAT: left
}
#searchPanel H2 {
	COLOR: #333; FONT-SIZE: 12px
}
#searchPanel A {
	COLOR: #333
}
#searchPanel A:link {
	COLOR: #333; TEXT-DECORATION: none
}
#searchPanel A:visited {
	COLOR: #333; TEXT-DECORATION: none
}
#searchPanel A:hover {
	COLOR: #003399; TEXT-DECORATION: underline
}
#searchPanel A:active {
	COLOR: #333; TEXT-DECORATION: none
}
#portfolioPanel {
	PADDING-BOTTOM: 5px; WIDTH: 100%; MARGIN-BOTTOM: 20px; FLOAT: left
}
#basic {
	WIDTH: 100%; FLOAT: left
}
#advance {
	BACKGROUND-COLOR: #f5f5f5; WIDTH: 440px; FLOAT: right
}
#chartPanel {
	WIDTH: 700px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
#submit {
	BORDER-BOTTOM: #7f7f7f 1px solid; PADDING-BOTTOM: 5px; WIDTH: 100%; FLOAT: left
}
#submit INPUT {
	BORDER-BOTTOM: #ccc 2px outset; BORDER-LEFT: #ccc 2px outset; WHITE-SPACE: nowrap; BACKGROUND: #e0e0e0; COLOR: #000000 !important; MARGIN-LEFT: 10px; FONT-SIZE: 11px; BORDER-TOP: #ccc 2px outset; FONT-WEIGHT: bold !important; BORDER-RIGHT: #ccc 2px outset
}
#nav INPUT {
	BORDER-BOTTOM: #ccc 2px outset; BORDER-LEFT: #ccc 2px outset; WHITE-SPACE: nowrap; BACKGROUND: #e0e0e0; COLOR: #000000 !important; MARGIN-LEFT: 10px; FONT-SIZE: 11px; BORDER-TOP: #ccc 2px outset; FONT-WEIGHT: bold !important; BORDER-RIGHT: #ccc 2px outset
}
#pageNav INPUT {
	BORDER-BOTTOM: #ccc 2px outset;
	BORDER-LEFT: #ccc 2px outset;
	WHITE-SPACE: nowrap;
	BACKGROUND: #e0e0e0;
	COLOR: #000000 !important;
	FONT-SIZE: 11px;
	BORDER-TOP: #ccc 2px outset;
	FONT-WEIGHT: bold !important;
	BORDER-RIGHT: #ccc 2px outset;
	margin-left: 10px;
}
#shortList INPUT {
	BORDER-BOTTOM: #ccc 2px outset; BORDER-LEFT: #ccc 2px outset; WHITE-SPACE: nowrap; BACKGROUND: #e0e0e0; COLOR: #000000 !important; MARGIN-LEFT: 10px; FONT-SIZE: 11px; BORDER-TOP: #ccc 2px outset; FONT-WEIGHT: bold !important; BORDER-RIGHT: #ccc 2px outset
}
#popChart INPUT {
	BORDER-BOTTOM: #ccc 2px outset; BORDER-LEFT: #ccc 2px outset; WHITE-SPACE: nowrap; BACKGROUND: #e0e0e0; COLOR: #000000 !important; MARGIN-LEFT: 10px; FONT-SIZE: 11px; BORDER-TOP: #ccc 2px outset; FONT-WEIGHT: bold !important; BORDER-RIGHT: #ccc 2px outset
}
#addFunds INPUT {
	BORDER-BOTTOM: #ccc 2px outset; BORDER-LEFT: #ccc 2px outset; WHITE-SPACE: nowrap; BACKGROUND: #e0e0e0; COLOR: #000000 !important; MARGIN-LEFT: 10px; FONT-SIZE: 11px; BORDER-TOP: #ccc 2px outset; FONT-WEIGHT: bold !important; BORDER-RIGHT: #ccc 2px outset
}
#navL INPUT {
	BORDER-BOTTOM: #ccc 2px outset; BORDER-LEFT: #ccc 2px outset; WHITE-SPACE: nowrap; BACKGROUND: #e0e0e0; COLOR: #000000 !important; MARGIN-LEFT: 10px; FONT-SIZE: 11px; BORDER-TOP: #ccc 2px outset; FONT-WEIGHT: bold !important; BORDER-RIGHT: #ccc 2px outset
}
#navR INPUT {
	BORDER-BOTTOM: #ccc 2px outset;
	BORDER-LEFT: #ccc 2px outset;
	WHITE-SPACE: nowrap;
	BACKGROUND: #e0e0e0;
	COLOR: #000 !important;
	MARGIN-LEFT: 10px;
	FONT-SIZE: 11px;
	BORDER-TOP: #ccc 2px outset;
	FONT-WEIGHT: bold !important;
	BORDER-RIGHT: #ccc 2px outset
}
#searchPanel INPUT {
	BORDER-BOTTOM: #ccc 2px outset;
	BORDER-LEFT: #ccc 2px outset;
	WHITE-SPACE: nowrap;
	BACKGROUND: #e0e0e0;
	COLOR: #000 !important;
	MARGIN-LEFT: 10px;
	FONT-SIZE: 11px;
	BORDER-TOP: #ccc 2px outset;
	FONT-WEIGHT: bold !important;
	BORDER-RIGHT: #ccc 2px outset
}
#searchPanel INPUT.fundcode {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	width: 250px;
}

div.tabsNavigation {
	float:left;
	width:100%;
	padding:0;
	background-color: #0062AC;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

div.tabsNavigation ul {
list-style-type:none;
margin:0;
padding:0;
}

div.tabsNavigation li {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

div.tabsNavigation a {
	color:#FFF;
	display:block;
	min-height:18px;
	height:32px;
	background-color:#0062AC;
	border-right-width:1px;
	border-bottom-width:0;
	border-right-style:solid;
	border-right-color:#FFF;
	padding-top: 4px;
	padding-right: 17px;
	padding-bottom: 4px;
	padding-left: 17px;
	float: left;
}

div.tabsNavigation a.selected,div.tabsNavigation a:hover {
	border-bottom:0;
	color:#000;
	background-color:#CACAC7;
	height: 32px;
	float: left;
}

.clear {
	clear: both;
}

.alignRight {
	text-align: right;
}

h5 {
font-size:15px;
margin:0;
padding:0;
}

.transparent {
        
        _zoom: 1;
        _filter: alpha(opacity=50);
        _opacity: 0.5;
       
}