@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424242;
	margin: 0px;
	background-color: #fff;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td.CustomColor, th.CustomColor
{
	color:#1E1E1E;	
}
 
a:link, a:visited, a:active {
	color: #006ebb;
	text-decoration: none;
}

a:hover {
	color: #5b5b5b;
	text-decoration: none;
}



h1 {
	font-size: 200%;
	margin: 0;
	padding: 0 0 20px 20px;
	color: #006ebb;
	font-weight: normal;
}
h2 {
	font-size: 18px ;
	margin: 0;
	padding: 20px 0 10px;
	color: #006ebb;
	font-weight: normal;
}

h3{
	color: #006ebb;
	font-size: 15px;
	margin: 10px 0;
	padding: 5px 0;
	border-bottom: 1px dotted #c7c7c7;
	display: block;
	width: 100%;
	float: left;
}
h4 {
	color: #006ebb;
	font-size: 15px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px;
	border-bottom: 1px dotted #c7c7c7;
}
p {
	margin: 0px;
	padding: 0 0 10px;
}
img {
	border: 0px;
	vertical-align: middle;
}
form {
	margin: 0px;
	padding: 0px;
}
label {
	font-weight: bold;
}
label input {
	vertical-align: middle;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
select.search {
	width: 200px;
}
.short {
	width: 50px;
}
.mid {
	width: 100px;
}
.long {
	width: 230px;
}

input {
	font-size: 11px;
}
input.button {
	font-weight: bold;
	background: #cc0000;
	border: 1px solid #333366;
	color: #fff;
	margin-right: 5px;
}

button{
	background-color: #052D92;
	color: #FFF;
	margin: 0 0 0 3px;
	padding: 0px 3px;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #CCC;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #CCC;
	cursor: pointer;
}

button:hover, button:focus, button.lit{
	background-color: #59B337;
	color: #FFFFFF;
}


/* top layout */


#main {
	width: 528px;
	padding: 10px 0 30px;
	margin-left: auto;
	margin-right: auto;
}

#shad {
	border-bottom: 1px solid #dcdcdc;
	background-image: url(../images/bgShad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	width: 100%;
	padding-top: 50px;
}

#shadPriceTable {
	border-bottom: 1px solid #dcdcdc;
	background-image: url(../images/bgShad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	width: 100%;
	padding-top: 5px;
}

#mainSearch {
	width: 770px;
	padding: 10px 0 30px;
	margin-left: auto;
	margin-right: auto;
}
#searchPanel {
	width: 100%;
	float: left;
	padding: 0;
}
#searchPanel h2 {
	font-size: 12px;
	color: #fff;
	margin: 0;
	background: #333366;
	padding: 3px 6px;
	display: block;
}
#searchPanel h2 a, #searchPanel h2 a:visited {
	color: #fff;
	text-decoration: none;
}


#basic {
	width: 50%;
	float: left;
}
#advance {
	width: 49%;
	float: right;
}
table.search {
	margin: 10px 20px;
}
table.search td {
	padding: 3px 2px;
}
table.split {
	width: 100%;
}
table.split td {
	width: 33.3%;
}

table.split td.KeyCol{
	width: 5px;
	height: 8px;
}
table.split td.DataCol{
	width: 240px;
	height: 8px;
}
table.split td.ValueCol{
	width: 20px;
	height: 8px;
	text-align: right;
}
div.row{
	width: 100%;
	float: left;
}
div.rowL {
	width: auto;
	float: left;
	margin: 10px 0;
}

div.rowR {
	width: auto;
	float: right;
	margin: 10px 0;
	text-align: right;
}



/* tabs */


#tabResultNav, #performanceTables {
	width: 508px;
	float: left;
	padding: 10px;
	margin: 0;
	border-top: 1px dotted #dcdcdc;
}
#tabResultNav ul, #performanceTables ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#tabResultNav li, #performanceTables li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#tabResultNav a, #tabResultNav a:visited, #performanceTables a, #performanceTables a:visited {
	float: left;
	padding: 5px;
	margin: 0px;
	color: #929292;
	border-right: 1px dotted #929292;
	text-decoration: none;
	font-weight: bold;
}
#tabResultNav a.selected, #tabResultNav a:hover, #tabResultNav a:visited:hover, #performanceTables a.selected, #performanceTables a:hover, #performanceTables a:visited:hover {
	color: #006fbb;
	text-decoration: none;
}
#performanceTables li.last {
	float: right;
	margin-right: 10px;
	padding: 3px;
	vertical-align: middle;
}


/* performance tables */

#tabResult, #discPerformance, #cumPerformance, #anPerformance, #Prices, #anulPerformance {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}

#tabResult table, #discPerformance table, #cumPerformance table, #anPerformance table, #Prices table, table.format {
	width: 100%;
	margin: 0 0 10px 0;
}
#tabResult th, table.format th, #discPerformance th, #cumPerformance th, #anPerformance th, #Prices th {
	padding: 10px 4px 10px 4px;
	background-color: #f0f0f0;
	color: #006ebb;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

table.format td {
	background-color: #fff;
	border-bottom: 1px dotted #c7c7c7;
	padding: 3px 4px 3px 6px;
}
table.format .highLight, table.format .highLight td {
	background-color: #f0f0f0;
	font-weight: bold;
	vertical-align:top;
}

.tabOn { display: yes; background-color: #FFFFFF; }

.tabOff { display: none; }


.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}



/* result navigation */

.compare {
	float: right;
	margin: 10px 0px;
}

.compare ul {
	width: auto;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.compare li {
	float: left;
	border-right: 1px solid #3034a8;
	padding: 0px 6px;
	margin: 0px;
	list-style-type: none;
}



/* charting Tool */

div.chartLeft {
	width: 372px;
	float: left;
}

div.chartRight {
	width: 200px;
	float: right;
	margin-bottom: 30px;
}

div.chartL {
	width: 372px;
	float: left;
}
div.chartR {
	width: 200px;
	float: right;
	border: 1px solid #0099cc;
	margin-bottom: 6px;
}

div.chartR table {
	width: 188px;
	margin: 6px;
}

div.chartR td {
	padding: 2px 0px;
}

/*factsheet */

table.fs td {
	border-top: 1px solid #fff;
}






/* CHART */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 0.05%;}
/* End hide from IE-mac */





.chartImg {
	width: 100%;
	text-align: center;
	margin: 0 0 5px 0;
	float: left;
}

#LF, #PF, #UT, #OF, #IN, #SA {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}

.selectionRight {
	width: 100%;
	float: left;
}
.selectionLeft {
	width: 190px;
	float: left;
	background-color: #E0E6E6;
	padding-bottom: 10px;
	min-height: 100px;
}

.chartBasis {
	width: 337px;
	float: right;
	background-color: #E0E6E6;
	padding-bottom: 10px;
	min-height: 100px;
}
.pdf {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}


.function {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.functionTime {
	margin: 5px 0 10px 4px;
}
.smallSize {
	font-size: 10px;
}
.highLight {
	background-color: #f0f0f0;
	font-weight: bold;
}

.Logo
{
	width:70px;
	height:40px;
}

.ChartPanel
{
	text-align:left;
	margin-top:10px;
}
.Spacing
{
	margin-bottom:10px;
}
	
.Margin
{
	margin:5px;	
}

.Spacing15
{
	margin-bottom:15px;
}

.SpacingWithHidden
{
	margin-bottom: 10px;
	display:none;	
}

.AlignRight
{
	text-align:right;
}

.FinExLogo
{
	width:31px;
	height:25px;	
}

.LegendHeaderCheckBox
{
	width:4%;
	text-align:center;
}

.LegendHeaderVisible
{
	width:6%;
	text-align:center;
	vertical-align:middle;
}

.LegendHeaderKey
{
	text-align:center;
}

.LegendHeaderFund
{
	width:72%;
	text-align:left;
	vertical-align:middle;
}

.AlignCenter
{
	text-align:center;	
}

.AlignLeft
{
	text-align:left;	
}

.MiddleAlign
{
	vertical-align:middle;	
}
.AlignTop
{
	vertical-align:top;	
}

.AlignToBottom
{
vertical-align:bottom;	
}


.TableHeader
{
padding: 10px 4px 10px 4px;
background-color: #f0f0f0;
color: #006ebb;
border-bottom: 1px solid #ccc;
text-align: left;	
}


.THWidth
{
	height : 60px;
	vertical-align: top;
	text-align: left;
}

.chartArea{
height:320px;
font-weight:bold;
vertical-align:middle;
text-align:center;
}

.hiddenConrtol
{
	visibility:hidden;	
}

table.format th.CenterAligned
{
	background-color:#F0F0F0;
	border-bottom: 1px solid #CCCCCC;
  	color:#006EBB;
  	padding: 10px 4px;
  	text-align:center;
  	width:80px;
}

table.format th.KeyStyle
{
	width:25px;	
}

table.format th.FundStyle
{
	width:200px;	
	text-align:left;
}

table.format th.AnnaulPerfTable
{
	text-align:center;
  	width:65px;	
}

.Caveat
{
	vertical-align:text-top;	
}

.FELogo
{
	width:31;
	height:25;
	border:0;	
}

.CancelButton
{
width:88px;
height:24px;	
}

.SaveButton
{
width:148px;
height:24px;
}

.PortfolioButton
{
width:153;
height:24;	
}

.WeightTxt
{
width:40px;
text-align:center;	
}

.instrumentCell
{
width:78%;	
text-align:left;
}

.ControlCell
{
	width:22%;
	text-align:center;
}

.BenchmarkImage
{
width:161px;
height:24px;	
}
.MiddleAligned
{
vertical-align:middle;	
}

.MarginBottom
{
margin-bottom:10px;	
}

table.format td.PortfolioTopHoldings
{
background-color: #f0f0f0;
font-family:Verdana;
font-weight: bold;
vertical-align:top;	
text-align:center;
width:50px;
font-size:11px;
}
table.format td.PortfolioTopHoldings1
{
background-color: #f0f0f0;
font-family:Verdana;
font-weight: bold;
vertical-align:top;	
text-align:center;
font-size:11px;
}
.Holding1
{
	width:700px;	
}

.Holding
{
	width:328px;	
}

.KeyCell
{
	margin: 3px auto; 
	display: block; 
	width: 8px; 
	height: 8px;
}

table.format th.PerformaceCell
{
	font-family:Verdana;
	width:80px;
	text-align:center;	
	font-size:12px;
}

.Odd
{
	background-color: #f0f0f0;
font-family:Verdana;
font-weight: bold;
vertical-align:top;	
text-align:center;
width:50px;
font-size:11px;
}

.PerformaceCell 
{
width:80px;
text-align:center;	
}

.InstrumentCell
{
width:200px;	
}

.RightAlign
{
text-align:right;	
}

.LeftAligned
{
	text-align:left;	
}


.Logo
{
	width:86px;
	height:68px;	
}

.HeaderWidth
{
	width:70%;	
}

.tableWidth
{
	width:100%;
	}
	
table.split td.TableWidth
{
 width:15px;
}

.CenterAlign
{
 text-align:center;	
 vertical-align:top;
}


table.format th.Font
{
	font-size:12px;
	font-family:Verdana;
}

h1.CustomH1
{
	padding: 0 0 0 0;	
}

p.CustomColor
{
 color:#1e1e1e;	
}

.OuterTable
{
	width:100%;
	padding:0;
	border:0px;
	border-collapse:collapse;
}

.Info
{
	font-weight:normal;
	text-align:left;	
}

.Hidden
{
	display:none;	
}

.PoweredByLogo
{
	width:63;
	height:26;
	border:0;	  
}

.floatLeft
{
	float:left;
}

.vAlignTop
{
	vertical-align:top;
}

.pointerCursor
{
	cursor:pointer;
}

.logoSize
{
	height:100px;
	width:130px;
}

.verticalTextTop
{
	vertical-align: text-top;
}

.warningRow
{
	vertical-align:middle;
	font-weight:bold;
	font-size: 11px;	
}

.warningTable
{
	margin-left:5px;
}

.warningStyle
{
	padding-left:5px;
	padding-bottom:0px;
	font-size:11pt;		
	border-style:solid;
	border-width:1px;
}

.marginLeft5
{
	margin-left:5px;
}

.blackBG
{
	background:Black;
}

.whiteBG
{
	background:White;
}

.priceTableHead
{
	height: 20px;
	vertical-align: middle;
	margin-top: 4px;
}

.border0
{
	border:0px;
}
.shortlistText
{
	width:800px;
	padding: 10px;
}
.height40px
{
	height:40px;
}