/* ======== BODY Styles ======== */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000066;
}
a {
	color: #006;
}
a:hover {
	color: #006;
	background-color: #f8bd5f;
}
img {
	border: 0;
}
a.image, a.image:hover {
	border: 0;
}
p {
	margin: 0 0 15px;
	padding: 0;
}
h1 {
	font-size: 170%;
	color: #0078ad;
	font-weight: normal;
	margin: 0;
	padding: 20px 0;
}
h2 {
	font-size: 20px;
	color: #042f55;
	border-bottom: 1px dotted;
	margin: 0 0 15px;
	padding: 0;
}
h3 {
	font-size: 15px;
	color: #042f55;
	margin: 0;
	padding: 0 0 5px;
}
/* h4 for charts options */
h4 {
	font-size: 16px;
	color: #02409b;
	margin: 0 0 10px;
	padding: 0;
}
table {
	width: 100%;
}
select {
	font-size: 11px;
}


/* ======== Generic Styles ======== */

#page {
	width: 564px;
	margin: 0 auto;
	padding: 0;
	float: left;
}
#top {
	width: 100%;
}
#content {
	padding: 0;
	margin: 0;
}
div.clear {
	clear: both;
	display: block;
	height: 0;
}
.row {
	clear: both;
	display: block;
}
.footer {
	clear: both;
	width: 100%;
	font-size: 11px;
	padding: 30px 0;
}
.footer img {
	vertical-align: middle;
}
.left50 {
	float: left;
	width: 49.9%;
}
.right50 {
	float: right;
	width: 49.9%;
}
.leftIn {
	padding: 0 20px 0 0;
}
.rightIn {
	padding: 0 0 0 20px;
}
.smallSize {
	font-size: 11px;
	font-weight: bold;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
#top a {
	color: #fff;
}
input.button {
	color: #2c2b72;
	font-size: 11px;
	font-weight: bold;
	padding: 0 7px;
	background: url(../images/buttonBg.gif) repeat-x left bottom #fff;
	border-left: 1px solid #a8a8fe;
	border-top: 1px solid #a8a8fe;
	border-bottom: 1px solid #000098;
	border-right: 1px solid #000098;
}
input:hover.button {
	background: url(../images/buttonBgOver.gif) repeat-x left top #fff;
}
.leftButton {
	float: left;
	margin: 0 10px 0;
}
.rightButton {
	float: right;
	margin: 0 0 0 10px;
}
label, input {
	cursor: pointer;
}
.space {
	margin-bottom: 40px;
}
.spaceSmall {
	margin-bottom: 20px;
}
.spaceUpSmall {
	margin-top: 10px;
}

.tabOn {
	visibility: visible;
}
.tabOff, .displayNone {
	display: none;
}


/* =========== TopLayer Styles ========== */

#top table td.right {
	text-align: right;
	color: #fff;
}
#top table ul {
	padding: 0;
	margin: 20px 0 0;
	list-style-type: none;
	float: right;
}
#top table li {
	color: #fff;
	padding: 3px 10px;
	border-right: 1px solid #fff;
	float: left;
	list-style-type: none;
	margin: 0;
}
#top table li.first {
	border: 0;
	padding: 0 120px 0 0;
	font-size: 17px;
	font-weight: bold;
}

#chartWebSixPopUp #top table li {
	padding: 3px 5px 0 0;
}
#chartWebSixPopUp #top table li.first {
	padding: 0 50px 0 0;
}


#basicPopUpChart #top table li {
	padding: 3px 5px 0 0;
}
#basicPopUpChart #top table li.first {
	padding: 0 20px 0 0;
}

/* ======== Navigation Styles ======== */
/* tabs navigation Styles */
div.tabsNavigation {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}
div.tabsNavigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div.tabsNavigation li {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
}

li.Price {
	width: 60px;
}

li.Perf {
	width: 100px;
}

div.tabsNavigation a {
	padding: 4px 15px;
	background: url(../images/tabOff.png) repeat-x left top #959595;
	border-bottom: 0;
	height: 18px;
	display: block;
}
div.tabsNavigation a.selected, div.tabsNavigation a:hover {
	background: url(../images/tabOn.png) repeat-x left top #4da1c6;
	border-bottom: 0;
}

/* pagination Styles */
div.pagination {
	background-color: #042f55;
	padding: 5px 0;
	margin: 0 0 20px;
	float: left;
	width: 100%;
	text-align: right;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
div.pagination ul {
	padding: 0;
	margin: 0 7px;
	list-style-type: none;
	float: right;
	font-weight: bold;
}
div.pagination li {
	padding: 2px 10px;
	border-right: 1px solid #fff;
	float: left;
	list-style-type: none;
	margin: 0;
	font-weight: bold;
}
div.pagination li.first {
	border: 0;
	font-weight: bold;
}
div.pagination a {
	color: #fff;
}

/* ======== Tables Styles ======== */

/* PricePerformanceTable */
table.funds {
	border-left: 1px solid #4da1c6;
	border-bottom: 1px solid #4da1c6;
}
table.funds a {
	background-color: transparent;
}
table.funds img {
	vertical-align: middle;
}
table.funds th {
	background-color: #4da1c6;
	padding-top: 7px;
	border-right: 1px solid #ccc;
	color: #fff;
	vertical-align: top;
	height: 35px;
}
table.funds th a {
	color: #fff;
}
table.funds th a:hover, table.funds th a.sorted {
	color: #316da2;
}
table.funds td {
	padding: 4px;
	border-top: 1px solid #4da1c6;
	border-right: 1px solid #4da1c6;
	vertical-align: top;
}
table.funds td.change {
	border-right: 0;
	text-align: center;
	padding-right: 1px;
}
table.funds td.fundName {
	border-top: 1px solid #cce4ef;
	background-color: #cce4ef;
}
table.funds td.nowrap{
	white-space: nowrap;
}
.priceDate {
	font-size: 10px;
	color: #999;
}


/* ======== Fund Centre / Price Performance Styles ======== */

/* result Tables Styles */
div.resultTables {
	margin: 0 0 40px;
	padding: 0;
	width: 100%;
	float: left;
}
div.historicPrices {
	margin: 0 250px 40px;
	padding: 0;
}

/* Search Options ref.01 Styles */
div.searchOptions {
	border: 1px dotted #042f55;
	padding: 15px;
	margin: 0 0 20px;
	clear: both;
}
div.searchOptions a {
	border-bottom: 0;
}
div.searchOptions h2 a {
	display: block;
	background: url(../images/ico_sortDown.gif) no-repeat right center;
}
div.searchOptions td {
	padding: 5px;
	vertical-align: top;
}
div.searchOptions td.text {
	width: 120px;
}
div.searchOptions select {
	width: 250px;
}
div.searchOptions select.short {
	width: 80px;
}

/* Customise Table ref.02 Styles */
div.customiseTable {
	border: 1px dotted #042f55;
	padding: 15px;
	margin: 0 0 20px;
	clear: both;
}
div.customiseTable a {
	border: 0;
}
div.customiseTable td {
	padding: 3px 0;
	text-align: left;
	vertical-align: top;
}
div.customiseTable label input {
	vertical-align: middle;
	margin: 0 10px 0 0;
}
div.customiseTable .smallSize {
	vertical-align: bottom;
}

/* Historic/Divident Search Options ref.05 Styles */

div.searchOptions td.calendar {
	width: 300px;
}
div.searchOptions select.short {
	width: 80px;
}

/* ======== Charts Styles ======== */

/* webfund 6 Stand Alone ref.02 Styles */
#chartWebSixStandAlone {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

div.webStandAloneSix {
	margin: 0 0 20px;
	clear: both;
}
div.webStandAloneSix td.chart {
	width: 350px;
	text-align: center;
	padding: 0 8px 15px;
}
div.webStandAloneSix td.space {
	width: 20px;
	margin: 0;
}
div.webStandAloneSix td.functions {
	padding: 10px;
	vertical-align: top;
	background-color: #e5ecf5;
}
div.webStandAloneSix td.timeScale {
	padding: 10px;
	vertical-align: top;
	background-color: #e5ecf5;
}
div.webStandAloneSix td.timeScale select {
	width: 80px;
}
.legendTable {

}

.SelectorBox
{

}


/* webfund 6 PopUp ref.02 Styles */
#chartWebSixPopUp {
	width: 700px;
	margin: 0 auto;
	padding: 0;
}
#chartWebSixPopUp #content {
	margin: 20px 0 0;
}
div.webSix {
	margin: 0 0 20px;
	clear: both;
}
div.webSix td.chart {
	width: 450px;
	text-align: center;
	padding: 0 0 15px;
}
div.webSix td.space {
	width: 20px;
	margin: 0;
}
div.webSix td.functions {
	border: 1px dotted #042f55;
	padding: 15px;
	vertical-align: top;
}
div.webSix td.timeScale {
	border: 1px dotted #042f55;
	padding: 15px;
	vertical-align: top;
}
div.webSix td.timeScale select {
	width: 80px;
}


/* PopUp and Stand Alone Styles ref. 1; ref. 2 */

div.options {
	margin: 0 0 15px;
	clear: both;
}
div.options select {
	width: 100%;
	margin: 5px 0;
}
th.short, td.short {
	width: 25px;
	text-align: center;
}

th.short40, td.short40 {
	width: 40px;
	text-align: center;
}

th.short30, td.short30 {
	width: 30px;
	text-align: center;
}

th.short94, td.short94 {
	width: 94px;
	text-align: center;
}

th.short60, td.short60 {
	width: 60px;
	text-align: center;
}

th.InstrName {
	width: 300px;
}

img.ChartColor {
	width: 19px;
	height: 15px;
}

/* PopUp ref.05 Styles */
#basicPopUpChart {
	width: 510px;
	margin: 0 auto;
	padding: 0;
}
#basicPopUpChart #content {
	margin: 20px 0 0;
}
div.chartBasicPopUp {
	margin: 0 0 20px;
	clear: both;
	text-align: center;
}
div.chartBasicPopUpFuntions {
	border: 1px dotted #042f55;
	padding: 15px;
	margin: 0 0 20px;
	clear: both;
}
div.chartBasicPopUpFuntions td {
	padding: 5px;
	vertical-align: middle;
	width: 46%;
}
div.chartBasicPopUpFuntions select {
	width: 80px;
}

/* ========================  Chart Keys =====================*/
.key 
{
	position: relative;
	display:block;
	width: 10px;
	height:10px;
	margin: auto;
}

/* ==================  Labels =====================*/
label.icoFund {
	background: url(../images/icoFund.gif) no-repeat left center;
	min-height: 15px;
	padding-left: 16px;
	display: block;
}
label.icoIndex {
	background: url(../images/icoIndex.gif) no-repeat left center;
	min-height: 15px;
	padding-left: 16px;
	display: block;
}
label.icoSector {
	background: url(../images/icoSector.gif) no-repeat left center;
	min-height: 15px;
	padding-left: 16px;
	display: block;
}
label.icoEquity {
	background: url(../images/icoEquity.gif) no-repeat left center;
	min-height: 15px;
	padding-left: 16px;
	display: block;
}

.compare UL {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: right; PADDING-BOTTOM: 0; MARGIN: 0; PADDING-TOP: 0; LIST-STYLE-TYPE: none; width: 100%;
}

.info
{
 width: 44px;
}

.UnitName
{
	width: 310px; 
	padding-left: 10px;
}

.PerfHeader
{
	width: 70px; 
}

#rightHeader
{
	float: right; 
	padding: 4px 3px 0 0;
}

.NoResults
{
	text-align: left; 
	font-weight: bold; 
	padding: 8px 0 0 8px;	
}

.FinExLogo
{
	width: 63px;
	height: 26px;
}

#slctTimevalue
{
	margin-left: 10px;
}

.ChartFSIcon
{
	width: 12px;
	height: 16px;
}

img.Change {
	width: 9px;
	height: 10px;
}

img.UnitNameImg {
	margin-left: 25px;
}

th.Price {
	width: 67px;
}

th.Change {
	width: 85px;
}

th.Rating {
	width: 58px;
}

tr.HideRow {
	display: none;
}