/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
    margin: 0;
    background-color: #FFFFFF; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    }
#container {
    width: 980px;
    background-color: #FFFFFF;
    border: none;
} 
#topcontainer {
    margin: 0px auto;
    width: 982px; 
    } 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1 {
    margin-top: 0px;  
    margin-bottom: 10px;
    MIN-HEIGHT: 20px;
	FONT-SIZE: 16px;
	COLOR: #000000; 
	font-family: Helvetica, sans-serif;
	}

h2 {
    margin-top: 10px;  
    margin-bottom: 0px;
    MIN-HEIGHT: 20px;
	FONT-SIZE: 14px;
	COLOR: #000000;
	font-family: Helvetica, sans-serif;
	}

h3 {
    margin: 0 0 5px 0;  
	FONT-SIZE: 12px;
	COLOR: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
    COLOR: #000000;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Links 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link, a:visited {
    color: #000000;
    }
a.helplink:link, a.helplink:visited {
     display: none;
}    
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	TOP INFORMATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#top-information {
	color: #000000;
	border-bottom: solid 1px #000000;
	margin-bottom: 3px;
	}

#logo a {
    font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
#logobox {
    background-color: #FFFFFF; 
}
#strapline, #imglogo, #top-menu, #footer, #breadcrumbs, #rhsbox, img.arrowbtn, input.arrowbtn, .etfcheckbox, input.blackarrow
{
    display: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-container {
	width: 980px;
	font-size: 12px;
	color: #000000; 
}
#content-main-one-column {
	width: 940px;
	padding: 10px 20px 20px 20px;
	}
#content-main-one-column ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Montly Returns Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul.etfgroup {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 21px;
	}
	
ul.etfgroup li {
     width: 70px;
     float: left; 
}

ul.etfgroup li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0; 
    font-size: 0px;
    width: 0;
    height: 0;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Homepage 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.catbox {
    width: 268px; 
    height: 70px; 
    margin-bottom: 5px;
}

div.catbox img {
    display: none;
}

div.catboxtext {
     width: 178px;
     float: left; 
     padding: 5px 5px 5px 5px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Compare ETF
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul.etfselect {
    float: left; 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    width: 465px; 
    vertical-align: middle;
    }
ul.etfselect li {
    float: left; 
    width: 50px;
    vertical-align: middle; 
    line-height: 25px;
    list-style-type: none; 
    }
ul.etfselect li.etfinfo {
    float: left;
    width: 20px; 
    height: 20px; 
    margin: 3px 5px 0 0;
    }
ul.etfselect li.etfname {
    float: left;
    width: 300px; 
    margin: 3px 0 0 0; 
    font-weight: bold; 
    padding: 0 0 0 5px;
    line-height: 20px;
    overflow: hidden;
    }
ul.etfselect li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0px; 
    font-size: 0px;
    }
ul.dateselect {
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    width: 280px; 
    vertical-align: middle;
    float: left;
    }
ul.dateselect li {
    width: 80px; 
    float: left; 
    vertical-align: middle; 
    line-height: 25px;
    }
ul.dateselect li.head {
    width: 80px; 
    float: left; 
    vertical-align: middle; 
    line-height: 25px;
    font-size: 11px;
    font-weight: bold;
    }
ul.dateselect li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0px; 
    font-size: 0px;
    }   
ul.performreport {
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    width: 700px; 
   }
ul.performreport li {
   width: 125px; 
   float: left; 
   text-align: right; 
   padding-right: 20px;
   line-height: 20px;
   margin-bottom: 5px; 
   }
ul.performreport li.head {
   width: 125px; 
   float: left; 
   text-align: right; 
   padding-right: 20px;
   line-height: 25px;
   font-weight: bold;
   font-size: 11px;
   }
ul.performreport li.etfname {
   width: 120px; 
   float: left; 
   text-align: left; 
   padding-right: 0;
   line-height: 20px;
   }
 ul.performreport li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0px;
    font-size: 0px;
    margin: 0;
    }  
ul.portfolioselect {
   margin: 0; 
   padding: 0; 
   list-style-type: none; 
   width: 640px;
   }
ul.portfolioselect li {
   width: 50px; 
   float: left; 
   vertical-align: middle; 
   line-height: 25px;
   }
ul.portfolioselect li.etfname {
    float: left;
    width: 310px; 
    margin: 0 0 0 0; 
    font-weight: bold; 
    padding: 0 0 0 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: Green;
    }
ul.portfolioselect li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0px; 
    font-size: 0px;
    }
 ul.drawndownreport {
   margin: 0; 
   padding: 0; 
   list-style-type: none; 
   width: 200px;
   }
ul.drawndownreport li {
   width: 50px; 
   float: left; 
   vertical-align: middle; 
   line-height: 30px;
   }
 ul.drawndownreport li.head {
   float: left; 
   width: 67px; 
   line-height: 15px;
   margin-bottom: 5px; 
   vertical-align: middle; 
   font-size: 10px;
   font-weight: bold;
   padding: 0;
   }     
ul.drawndownreport li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0px; 
    font-size: 0px;
    margin: 0;
    }
ul.backtestreport {
    width: 940px;
    margin: 0;
    padding: 0; 
    list-style-type: none;
   }
ul.backtestreport li {
    width: 100px;
    float: left; 
    text-align: right; 
    line-height: 20px;
    height: 20px;
 }  
ul.backtestreport li.head {
    width: 100px;
    float: left; 
    text-align: left; 
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    height: 20px;
 }  
ul.backtestreport li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0px; 
    font-size: 0px;
    height: 0;
    }   
div.section {
    width: 940px;
    margin: 0 0 25px 0;
    clear: both;
}     
ul.tradesreport {
    width: 940px;
    margin: 0;
    padding: 0; 
    list-style-type: none;
   }
ul.tradesreport li {
    width: 105px;
    float: left; 
    line-height: 20px;
 }  
ul.tradesreport li.head {
    width: 105px;
    float: left; 
    line-height: 20px;
    font-size: 10px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 5px;
 }  
ul.tradesreport li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0px; 
    font-size: 0px;
    margin: 0;
    }       
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGES & PHOTOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
	border:none;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Screener
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.treeinactive {
    width: 213px;
    padding: 5px 0 5px 5px;
    border-bottom: solid 1px #333333;
    height: 20px;
    }
    
.treeinactive a 
{
    text-decoration: none;
    }

.treeactive {
    width: 213px;
    padding: 5px 0 5px 5px;
    border-bottom: solid 1px #333333;
    height: 20px;
}
.treeactive a 
{
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    }
#chartbg {
    display: none;
    }
#gam {
    display: none;
    }
    
.sm_ddl {
    font-family: Verdana;
	font-size: 11px;
	height: 18px;
    width: 68px;
}
.sm_sq 
{
    height: 10px;
    width: 10px;
    margin-top: 2px;
    background-color: Red;   
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
Retn Divs Data
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul.datatab {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 620px; 
    text-align: right; 
    line-height: 15px; 
    }
ul.datatab li {
    float: left; 
    width: 90px; 
    padding: 0 15px 0 0;
    }
ul.datatab li.head {
    float: left; 
    width: 90px; 
    padding: 0 15px 5px 0;
    font-size: 10px;
    font-weight: bold;
    }
ul.datatab li.ieclear {
    clear: left; 
    float: none; 
    line-height: 0px; 
    font-size: 0px;
    }
.charttitle {
    text-align: center; 
    color: #000000; 
    font-family: Arial;
    font-size: 14px; 
    font-weight: bold;
}