.Visible
{
	display: block;
}
.Hidden
{
	display: none;
}

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

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	margin: 0;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: center top;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: inherit;
}
a {
	color: #262c62;
}
a:hover {
	color: #ffffff;
	background-color: #262c62;
	text-decoration: none;
}
img {
	border: 0;
}
IMG.indexChart
{
	 width: 246px;
	 height: 164px;
}

p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 13px;
}
h1 {
	font-size: 28px;
	color: #005482;
	font-weight: normal;
	letter-spacing: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0E7F5;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

h2 {
	font-size: 16px;
	color: #015581;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-weight: normal;
	text-align: left;
}
h3 {
	font-size: 16px;
	color: #015581;
	margin: 0;
	background-image: url(../images/subHeading_bg.png);
	background-repeat: repeat-x;
	background-position: left 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	font-weight: normal;
	text-align: left;
}
/* h4 for charts options */
h4 {
	font-size: 16px;
	color: #004161;
	white-space: nowrap;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 15px;
	height: 15px;
	font-weight: normal;
}
h5 {
	font-size: 16pt;
	color: #004161;
	white-space: nowrap;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	height: 15px;
	font-weight: bold;
	padding: 20px;
	letter-spacing: -1px;
}
table {
	width: 100%;
	font-size: 12px;
	text-align: left;
}
select, input[type=text] {
	font-size: 11px;
	vertical-align: middle;
}

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

#page {
	width: 735px;
	margin: 0 auto;
	padding: 0;
}
div.indexChart {
	width: 278px;
	padding: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}

div.indexChart .row p, .spaceSmall{
	text-align: left;
	
}

.torq {
    border: 1px solid #c0e7f5;
    float: left;
}


p#warn {
    text-align: center;
}


#top {
	width: 100%;
}
#content {
	padding: 0;
	margin: 0;
}
div.clear, br.clear, p.clear {
	clear: both;
	display: block;
	height: 0;
	margin: 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%;
	margin-top: 20px;
}
.right50 {
	float: right;
	width: 49%;
	margin-top: 20px;
}
.leftIn {
	padding: 0 20px 0 0;
}
.rightIn {
	padding: 0 0 0 20px;
}
.smallSize {
	font-size: 11px;
}
.floatL{ float: left;}
.floatR{ float: right;}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
input.button {
	border: 1px solid #3496C1;
	color: #FFF;
	font-size: 10px;
	background-image: url(../images/buttonBg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #5CCBEA;
	font-size:13px;
	color:#004161;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.alignCenter {
	text-align: center;
}
#top a {
	color: #fff;
}

.leftButton {
	float: left;
	margin: 0 10px 0 0;
}
.rightButton {
	float: right;
	margin: 0 0 0 10px;
}
input.LogIn {
	color: #042F55;
	font-size: 9px;
	padding: 0 5px;
	margin: 0 0 0 20px;
	width: 120px;
}
label, input {
	cursor: pointer;
}
.space, div.searchOptions.space {
	margin-bottom: 40px;
}
.spaceSmall, div.searchOptions.spaceSmall {
	margin-bottom: 20px;
}
.spaceUpSmall {
	margin-top: 10px;
}

.tabOn {
	visibility: visible;
}
.tabOff, .displayNone {
	display: none;
}
select.short, input.short {
	width: 80px;
}
select.medium, input.medium {
	width: 120px;
}
select.long, input.long {
	width: 200px;
	color: #042F55;
}
select.longVery, input.longVery {
	width: 250px;
}
.menu-color {
	color: #042F55;
}

div.highLight {
	padding: 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}

/* ======== Navigation Styles ======== */
/* tabs navigation Styles */
div.tabsNavigation {
	border-bottom: 1px solid #1b4d81;
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}
div.tabsNavigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-left: 1px solid #1b4d81;
	min-height: 27px;
}
div.tabsNavigation li {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	border-top: 1px solid #1b4d81;
}
div.tabsNavigation li.right {
	float: right;
	padding: 4px 15px;
	background: url(../images/tabOff.png) repeat-x left bottom #a0c3e0;
	color: #1b4d81;
	border-bottom: 0;
	height: 18px;
	display: block;
	border-right: 1px solid #1b4d81;
}
div.tabsNavigation li.rightDetails {
	float: right;
	border-left: 1px solid #1b4d81;
}
div.tabsNavigation a {
	padding: 4px 15px;
	background: url(../images/tabOff.png) repeat-x left bottom #0f3e68;
	border-right: 1px solid #1b4d81;
	color: #1b4d81;
	border-bottom: 0;
	display: block;
	height: auto;
	min-height: 18px;
}
div.tabsNavigation a.Selected, div.tabsNavigation a:hover {
	background: url(../images/tabOn.png) repeat-x left bottom #99ccf5;
	border-bottom: 0;
	color: #fff;
}

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

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

/* PricePerformanceTable */
table.funds {
	text-align: left;	
	border-bottom:1px solid #C0E7F5;	
}
table.funds td.rightmost, table.funds th.rightmost
{
	border-right: none;
}
table.funds td.leftmost, table.funds th.leftmost
{
	border-left: none;
}
table.funds a {
	border-bottom: 0;
}
table.funds img {
	vertical-align: middle;
}

div.indexChart .row p, .spaceSmall{
	text-align:center;
	
}


table.funds th {
	color: #004161;
	vertical-align: middle;
	text-align:left;
	font-size:12px !important;
	/*background: url(../images/Thbg.gif) repeat-x left center;*/

	border-bottom: 1px solid #C0E7F5;
	border-top: 1px solid #C0E7F5;
	border-right: 1px solid #C0E7F5;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
}


table.funds .type th, table.funds th.type {
	background-color: #a7c7e7;
	padding: 5px;
	border-right: 0;
	border-bottom: 0px dotted #fff;
	color: #1b4d81;
	vertical-align: top;
}
table.funds th a {
	color: #fff;
}
table.funds th a:hover, table.funds th a.sorted {
	color: #fff;
}
table.funds td {
	vertical-align: top;
	font-size:12px !important;
	text-align:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C0E7F5;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	
}
table.funds td.pieChart {
	vertical-align: middle;
	text-align: center;
	width: 250px;
}
table.funds td.nowrap, table.funds th.nowrap
{
	white-space: nowrap;
	text-align: left;
}

table.funds th:last-child, table.funds tr td:last-child 
{
	border-right-style: none;
	border-right-width: 0px;
}

table.funds .odd td 
{
	background-color: #fff;
}

table.funds .even td 
{
	background-color: #F2FAFD;
}

table.chart td 
{
	padding: 2px;
}

table.funds .even td.priceUp, table.funds .odd td.priceUp, .priceUp {
	color: #693;
	text-align: center;
}
table.funds .even td.priceDown, table.funds .odd td.priceDown, .priceDown {
	color: #8A2429;
	text-align: center;
}




/* ======== 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, fieldset.searchOptions {
	clear: both;
	background-color: #FFF;
	border: 1px solid #C0E7F5;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div.searchOptions a, fieldset.searchOptions a {
	border: 0;
}
div.searchOptions h2 a {
	display: block;
	background: url(../images/ico_sortDown.gif) no-repeat right center;
}
div.searchOptions td, fieldset.searchOptions td {
	padding: 5px;
	vertical-align: top;
}
div.searchOptions td.text, fieldset.searchOptions td.text {
	width: 150px;
}
div.searchOptions select, fieldset.searchOptions select {
	width: 250px;
}
div.searchOptions select.short, fieldset.searchOptions select.short {
	width: 80px;
	color: #042F55;
}
div.searchOptions label, fieldset.searchOptions label {
	width: 150px;
	float: left;
}
div.searchOptions label input, fieldset.searchOptions label input {
	vertical-align: top;
	margin: 0;
}
fieldset.searchOptions legend {
	font-size: 15px;
	color: #1b4d81;
	margin: 0;
	padding: 0 10px;
	font-weight: bold;
}

/* Customise Table ref.02 Styles */
div.customiseTable {
	border: 1px dotted #1b4d81;
	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.chartFilter {
	width: 232px!important;
	text-align: left;
	padding: 0;
	background-color: #FFF;
	vertical-align: top;
	border: 1px solid #C0E7F5;
}
div.webStandAloneSix td.space {
	width: 10px;
}
div.webStandAloneSix td.chartFilter label {
	min-height: 15px;
	padding-left: 12px;
	display: block;
}

div.webStandAloneSix td.chartFilter select {
	width: 215px;
	margin: 12px 0 0 15px;
	color: #015583;
}
a.date, a.date:hover {
	background: url(../images/ico_calendar.gif) no-repeat left center;
	padding: 2px 0 2px 20px;
	display: block;
	min-height: 16px;
	text-decoration: underline;
	white-space: nowrap;
	color: #004161;
}
div.webStandAloneSix td.chartFilter td.text {
	padding: 5px 2px 5px 15px;
}
div.webStandAloneSix div.submitFund {
	text-align: right;
	margin-top: 55px;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 10px;
	padding-right: 5px;
}
div.webStandAloneSix div.submitTime {
	text-align: right;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-bottom: 10px;
	padding-right: 5px;
}



/* FLAGS TABs */

a.flag, a.flag:hover {
	padding: 2px 10px 2px 26px;
	display: inline-block;
	height: 26px;
	text-decoration: none;
	white-space: nowrap;
	color: #262c62;
}
a.flag.UK {
	background: url(../images/flagUK.png) no-repeat left top;
}
a.flag.US {
	background: url(../images/flagUS.png) no-repeat left top;
}

th.short, td.short {
	width: 25px;
	text-align: center;
}
a.flag.EU {
	background: url(../images/flagEU.png) no-repeat left top;
}
a.flag.Jap {
	background: url(../images/flagJap.png) no-repeat left top;
}
a.flag.UK.Selected, a.flag.US.Selected, a.flag.EU.Selected, a.flag.Jap.Selected {
	color: #AD3C39;
}
a.Selected
{
	color: #AD3C39;
}

/* 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.medium, td.medium {
	width: 80px;
	text-align: center;
}






/* ========================  Chart Keys =====================*/
span.keyOne {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #21244A;
}
span.keyTwo {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #AD3C39;
}
span.keyThree {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #D49A17;
}
span.keyFour {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #974319;
}
span.keyFive {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #4A526E;
}
span.keySix {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #647EA5;
}
span.keySeven {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #C5A15B;
}
span.keyEight {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #AA6B46;
}
span.keyNine {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #6C7087;
}
span.keyTen {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #000;
}




/* ==================  Labels =====================*/
label.icoFund {
	background: url(../images/icoFund.gif) no-repeat left center;
	min-height: 15px;
	padding-left: 15px;
	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;
}