/* Financial Express Tool by TK*/


/* =======COLOURS ========== 

	#316da2  - light blue
	#042f55  - dark Blue
*/





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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 2px;
	background-color: #fff;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;
}
a {
	text-decoration: none;
	color: #1f4f82;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
}

a.more {
	color: #000;
	background: url(../images/more.gif) no-repeat center right;
	text-decoration: underline;
	padding: 0 18px 2px 0;
	display: inline-block;
}
p {
	margin: 0;
	padding: 0 0 10px;
	line-height: 130%;
}
h1 {
	font-size: 16px;
	color: #202020;
	font-weight: bold;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FAB819;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
h2 {
	font-size: 14px;
	color: #202020;
	font-weight: bold;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #A1A1A1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
h3 {
	font-size: 14px;
	color: #000;
	padding: 0 0 10px;
	margin: 0;
}
h4 {
	font-size: 14px;
	color: #000;
	padding: 5px;
	margin: 0 0 10px;
	background-color: #fab819;
}
.managerBox h4 {
	font-size: 14px;
	color: #000;
	padding: 5px;
	margin: 0 0 10px;
	background-color: #dcdcdc;
}
.blue {
	color: #1f4e82;
}


table {
	width: 100%;
}
select {
	font-size: 11px;
}

select.long {
	width: 170px;
}


td a.selected {
	font-weight: bold;
	color: #222;
}




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

.page {
	width: 636px;
	padding: 0;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.pageNew
{
    width: 620px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#top {
	width: 100%;
}
.boxTableLeft{
	padding: 0;
	width: 310px;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0;
}

.leftTable{
	padding: 0;
	width: 300px;
	float: left;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
}
.boxTableRight {
	padding: 0;
	width: 305px;
	float: right;
	margin: 0 0 15px 0;
}
.managerTableRight
{
    padding: 0;
	width: 290px;
	float: right;
	margin: 0 0 15px 0;
}

.boxBreakdownLeft{
	padding: 0;
	width: 384px;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 0;
}
.boxBreakdownRight {
	padding: 0;
	width: 245px;
	float: right;
	margin: 0 0 15px 0;
	text-align: center;
}
.managerBox {
	border: 7px solid #dcdcdc;
	border-top: 0;
}

div.clear {
	clear: both;
	display: block;
	height: 0;
}
.row {
	clear: both;
	display: block;
}
.factsheetContent {
	clear: both;
	display: block;
	padding: 20px 0 0;
}
div.bottomLine {
	border-bottom: 5px solid #ccc;
	clear: both;
}
.footer {
	clear: both;
	width: 100%;
	font-size: 10px;
	padding: 5px 0 0;
}
.footer img {
	vertical-align: middle;
}
.left50 {
	float: left;
	width: 455px;
}
.right50 {
	float: right;
	width: 455px;
}
.leftIn {
	padding: 0 20px 0 0;
}
.rightIn {
	padding: 0 0 0 20px;
}
.smallSize {
	font-size: 11px;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.top a {
	color: #fff;
}
input.button {
	border: 1px none #fff;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #1f4f82;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
}
input:hover.button {
	background: #fab819;
}
.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;
}
.spaceBottom35 {
	margin-bottom: 35px;
}
.spaceUpSmall {
	margin-top: 0px;
}

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


.short {
	width: 150px;
}
.veryshort {
	width: 70px;
}





/* ======== Navigation Styles ======== */
/* mainNavigation Styles */
div.mainNavigation {
	padding: 0;
	margin: 0 0 40px;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	width: 100%;
	border-top: 3px solid #000;
	border-bottom: 3px solid #333;
	float: left;
	background: url(../images/mainTab.gif) repeat-x left top;
}
div.mainNavigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}
div.mainNavigation li {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
}
div.mainNavigation a {
	padding: 5px 15px;
	color: #fff;
	display: block;
	text-decoration: none;
}
div.mainNavigation a.selected, div.mainNavigation a:hover {
	background: url(../images/mainTabOn.gif) repeat-x left top #333;
}


/* tabs navigation Styles */
div.tabsNavigation {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
div.tabsNavigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div.tabsNavigation li {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	text-align: center;
}
div.tabsNavigation li.rightDetails {
	float: right;
	border-left: 1px solid #1b4d81;
}
div.tabsNavigation a {
	padding: 5px 4px 5px 4px;
	/* background: url(../images/tabOff.png) repeat-x left top #E2EEF9; */
	background-color: #535355;
	color: #fff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	border: 0;
	border-bottom: 0;
	margin: 0 1px 0 0;
}
div.tabsNavigation a.selected   {
	/* background: url(../images/tabOn.png) repeat-x left bottom #99ccf5; */
	background-color: #bd0926;
	color: #FFF;
	text-decoration: none;
}
div.tabsNavigation a:hover {
	background-color: #FAB819;
}


/* pagination Styles */
div.pagination {
	padding: 3px 0;
	float: left;
	width: 100%;
	text-align: left;
	min-height: 20px;
	font-size: 11px;
	background-color: #bd0926;
	color: #FFF;
}
div.pagination ul {
	padding: 0;
	margin: 0 7px;
	list-style-type: none;
	font-size: 11px;
}
div.pagination li {
	padding: 0 10px;
	border-right: 1px solid #222;
	float: left;
	list-style-type: none;
	margin: 0;
}
div.pagination li.last {
	border-right: 0;
	float: right;
	padding: 0 5px 0 0;
}

div.pagination a {
	color: #FFF;
	text-decoration: none;
}
div.pagination a.selected, div.pagination a:hover {
	text-decoration: underline;
}


.disclaimer {
	padding: 3px 0;
	margin: 0;
	float: right;
	text-align: right;
}

.flLeft {
	float: left;
}
.flRight {
	float: right;
}

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

/* PricePerformanceTable */
table.funds {
	border-collapse: collapse;
	border: 0;
	
}
table.funds a {
	border-bottom: 0;
	color: #1f4e82;
}

table.funds img {
	vertical-align: middle;
}
table.funds th {
	background-color: #a1a1a1;
	padding: 4px 2px;
	color: #FFF;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
table.funds th a {
	color: #fff;
}
table.funds th a:hover, table.funds th a.sorted {
	text-decoration: underline;
}

table.funds td {
	padding: 4px 2px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
table.funds th.rank, table.funds td.rank {
	width: 30px;
	text-align: center;
}
table.funds th.perf, table.funds td.perf {
	width: 50px;
	text-align: center;
}
table.funds td.nowrap{
	white-space: nowrap;
}
table.funds .odd td {
	background-color: #fff;
}
table.funds .even td {
	background-color: #eff0f1;
}
table.funds .bar {
	width: 345px;
	text-align:left;
}
table.funds .holding {
	width: 150px;
	text-align:left;
}
table.funds .percentage {
	width: 50px;
	text-align:center;
}
table.funds .previous {
	width: 80px;
	text-align:center;
}
table.funds .legend {
	width: 15px;
	text-align:center;
}

/* manager box */

/* PricePerformanceTable */

.managerBox table.funds th {
	background-color: #dcdcdc;
	padding: 4px 2px;
	color: #000;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
}

.managerBox table.funds td {
	padding: 4px 2px;
	vertical-align: top;
	border-bottom: 1px solid #dcdcdc;
}





.priceDate {
	font-size: 10px;
	color: #999;
}
.priceUp {
	color: #693;
	font-weight: bold;
}
.priceDown {
	color: #C60400;
	font-weight: bold;
}
.return {
	font-size: 18px;
	font-weight: bold;
}








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


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






/* 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: 405px;
	text-align: center;
	padding: 0 0 15px;
}
div.webStandAloneSix td.space {
	width: 20px;
	margin: 0;
}
div.webStandAloneSix td.functions {
	border: 7px solid #dcdcdc;
	padding: 7px;
	vertical-align: top;
	background-color: #fff;
}
div.webStandAloneSix td.timeScale {
	border: 7px solid #dcdcdc;
	padding: 7px;
	vertical-align: bottom;
	background-color: #fff;
	height: 50px;
	
}
div.webStandAloneSix td.timeScale select {
	width: 80px;
}
.legendTable {
	width: 405px;
}

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;
}



span.keyOne {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #fab819;
}
span.keyTwo {
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background-color: #000;
}


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;
}


table.key {
	width: 10px;
}
table.key td {
	border: 0;
	width: 10px;
}



td.up {
	background-color: #690;
	text-align: center;
	font-weight: bold;
}
td.down {
	background-color: #C00;
	text-align: center;
	font-weight: bold;
}

table.perfVsPeerGroup td.box {
	width: 24%;
	padding: 10px 5px 0 5px;
	border: 7px solid #dcdcdc;
	text-align: center;
}

.hideContent
{
	display:none;
}

.DeleteCursor
{
 cursor : pointer;
}

.left200
{
	width: 200px;
}
.pageSmall {
	width: 318px;
	padding: 0;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.sizeSmall
{
	width: 305px;
	float: left;
}

.logo
{
	vertical-align : middle;
	width : 124px;
	height : 36px;
}

.Footerdiv
{
	 width: 335px;
	 left: 500px;
	 position: absolute;
	 height: auto;
	 background-color: rgb(255, 255, 255);
	 top: 936px;
	 visibility: hidden;
}

.FooterTable
{
	border:solid 1px #A1A1A1;
	background-color:#fff;
}

.FooterTableheadertr
{
	height: 23px; background-color:#A1A1A1;
}

.FooterTableCellHeader
{
	width: 100%;text-align: left; vertical-align:middle; border-bottom: solid 1px #a7c7e7;padding-left: 6px;color:#fff;
}

.FooterTableClose{border-bottom: solid 1px #a7c7e7;padding-right:6px;}
.FooterText{padding-left:5px;}

.BottomPageLogo
{
	vertical-align:middle !important;
	height:60px;
}

.PoweredByText
{
	  width:476px;
	  vertical-align:middle !important;
}

.InfoImage
{
	cursor:pointer;
}

.TrustNetLogo
{
	  width:160px;
}

.DivClose
{
	color:#fff;
}

/*Carousel MM */
.tabFundNavFW {
	width: 296px;
	padding: 0;
	margin-top: 0px;
	margin-right: 60%;
	margin-bottom: 0px;
	margin-left: 0;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #828282;
	height: 40px;
}
.tabFundNavFW img {
	vertical-align: middle;
}
.tabFundNavFW ul{
		margin: 0;
	padding: 0px;
	list-style-type: none;
	width:100%;
}
.tabFundNavFW li {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	display: inline;	
}
.tabFundNavFW a , .tabResultNavFW a:hover{
   background-color: #828282;
	font-size: 12px;
    color: #FFFFFF;
	text-decoration: none;
	margin-left: 2px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	display: block;
	float: left;
	margin-top: 0px;
	font-weight:bold;
	list-style-type:none;	
	height: 30px;
	width:inherit;

}

  
.tabFundNavFW a.selected   {
background-color: #FFFFFF;
	color: #000;    
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #828282;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color:#828282;
	border-left-color: #828282;
	display: block;
	height: 30px;
	margin-bottom: 2px;
	margin-top: 0px;
	list-style-type:none;
	width:inherit;
}

/*Carousel FW */
.tabFundNavMM {
	width: 296px;
	padding: 0;
	margin-top: 0px;
	margin-right: 60%;
	margin-bottom: 0px;
	margin-left: 0;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8a787;
	height: 40px;
}
.tabFundNavMM img {
	vertical-align: middle;
}
.tabFundNavMM ul{
	margin: 0;
	padding: 0px;
	list-style-type: none;
	width:100%;
}
.tabFundNavMM li {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	display: inline;	
}
.tabFundNavMM a , .tabResultNavMM a:hover{
	background-color: #f6dbbd;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	margin-left: 2px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	display: block;
	float: left;
	margin-top: 0px;
	font-weight:bold;
	list-style-type:none;	
	height: 30px;
	width:inherit;
}
.tabFundNavMM a.selected   {
	background-color: #feeddd;
	color: #000;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B43729;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d3a895;
	border-left-color: #d3a895;
	display: block;
	height: 30px;
	margin-bottom: 2px;
	margin-top: 0px;
	list-style-type:none;
	width:inherit;
}