BODY {
	FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
TH {
	FONT-SIZE: 12px;
	COLOR: #003399;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
BODY {
	MARGIN: 0;
	padding: 0;
}
A {
	COLOR: #052D92; TEXT-DECORATION: none
}
A:hover {
	COLOR: #052D92; TEXT-DECORATION: underline
}
.under {
	PADDING-RIGHT: 5px;
	/*PADDING-LEFT: 5px;*/
	PADDING-BOTTOM: 5px;
	MARGIN: 0 0 5px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #fff;
}
H1 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 26px; PADDING-BOTTOM: 15px; MARGIN: 10px 0px 20px; COLOR: #30900C; PADDING-TOP: 0px;
}
H2 {
	PADDING-RIGHT: 0;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 18px;
	PADDING-BOTTOM: 0;
	MARGIN: 0;
	COLOR: #30900C;
	PADDING-TOP: 0
}
H3 {
	FONT-SIZE: 12px; MARGIN: 15px 0 5px; COLOR: #000
}
P {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; PADDING-BOTTOM: 0; MARGIN: 0; PADDING-TOP: 0
}
IMG {
	border: 0;
}
FORM {
	MARGIN: 0;
	padding: 0;
}
SELECT {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
INPUT {
	BORDER-RIGHT: 0; PADDING-RIGHT: 3px; BORDER-TOP: 0; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 0; BORDER-LEFT: 0; PADDING-TOP: 0; BORDER-BOTTOM: 0
}
#top {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; PADDING-BOTTOM: 0; MARGIN: 0; WIDTH: 100%; PADDING-TOP: 0
}
#top TABLE {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; PADDING-BOTTOM: 0; MARGIN: 0; PADDING-TOP: 0
}
INPUT.check {
	BORDER-RIGHT: 0; BORDER-TOP: 0; BORDER-LEFT: 0; BORDER-BOTTOM: 0
}
#main {
	MARGIN-LEFT: auto;
	WIDTH: 960px;
	MARGIN-RIGHT: auto;
	PADDING-TOP: 10px
}
#searchPanel {
	FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100%
}
#searchPanel H2 {
	FONT-SIZE: 12px;
	COLOR: #505050;
	background-image: url(../images/h2Bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 0 5px 10px;
	font-weight: bold;
}
#searchPanel H3 {
	FONT-SIZE: 13px;
	COLOR: #505050;
	padding: 0 0 10px;
	font-weight: normal;
	margin: 0;
}
#portfolioPanel {
	FLOAT: left; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 5px; WIDTH: 100%
}
#basic {
	BORDER-RIGHT: #efefef 1px solid;
	PADDING-RIGHT: 0;
	PADDING-LEFT: 0;
	FLOAT: left;
	BORDER-LEFT: #efefef 1px solid;
	WIDTH: 958px;
	COLOR: #333;
	BACKGROUND-COLOR: #fff;
	font-size: 10px;
	
}
#basic td {
	font-size: 12px;
}
#basich2 H2 {
	PADDING-RIGHT: 0; DISPLAY: block; PADDING-LEFT: 0; FONT-SIZE: 13px; PADDING-BOTTOM: 0; MARGIN: 0 0 10px; COLOR: #003399; PADDING-TOP: 0; BACKGROUND-COLOR: #fff9c3
}
div.bot {
	background-image: url(../images/botBg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 6px;
	width: 960px;
	display: block;
	float: left;
}

#chartPanel {
	MARGIN-LEFT: auto;
	WIDTH: 700px;
	MARGIN-RIGHT: auto;
	margin-top: 10px;
}
#submit {
	FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100%; BORDER-BOTTOM: #7f7f7f 1px solid
}
INPUT.button {
	BORDER-RIGHT: #005193 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #005193 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: normal! important; FONT-SIZE: 10px; BACKGROUND: #ffe400; PADDING-BOTTOM: 0; MARGIN-LEFT: 10px; BORDER-LEFT: #005193 1px solid; CURSOR: pointer; COLOR: #005193! important; PADDING-TOP: 0; BORDER-BOTTOM: #005193 1px solid; WHITE-SPACE: nowrap
}
.pageNav INPUT {
	BORDER-RIGHT: 0; PADDING-RIGHT: 4px; BORDER-TOP: 0; PADDING-LEFT: 4px; FONT-WEIGHT: normal! important; FONT-SIZE: 10px; BACKGROUND: #002261; PADDING-BOTTOM: 2px; BORDER-LEFT: 0; WIDTH: 100px; CURSOR: pointer; COLOR: #fff! important; MARGIN-RIGHT: 5px; PADDING-TOP: 2px; BORDER-BOTTOM: 0; WHITE-SPACE: nowrap
}
#DeleteFunds {
	WIDTH: 120px
}
#Create {
	WIDTH: 120px
}
INPUT.inTable {
	BORDER-RIGHT: 0; PADDING-RIGHT: 4px; BORDER-TOP: 0; PADDING-LEFT: 4px; FONT-WEIGHT: normal! important; FONT-SIZE: 10px; BACKGROUND: #002261; PADDING-BOTTOM: 2px; BORDER-LEFT: 0; CURSOR: pointer; COLOR: #fff! important; PADDING-TOP: 2px; BORDER-BOTTOM: 0; WHITE-SPACE: nowrap
}
#advanceOptions {
	FLOAT: right; WIDTH: 440px
}
#sPN {
	FLOAT: left
}
#nav {
	FLOAT: left; WIDTH: 800px
}
#navL {
	FLOAT: left; MARGIN: 15px 0 0; WIDTH: 440px
}
#nav A.selected {
	BORDER-RIGHT: 0; BORDER-TOP: 0; BORDER-LEFT: 0; COLOR: #000; BORDER-BOTTOM: 0; TEXT-DECORATION: none
}
#navR {
	FLOAT: right; MARGIN: 15px 0 0; WIDTH: 400px; TEXT-ALIGN: right
}
DIV.in {
	MARGIN: 10px 10px 0;
	BACKGROUND-COLOR: #fff;
	width: 938px;
}

#tabResultNav {
	FLOAT: left;
	WIDTH: 960px;
	height: 35px;
	background-image: url(../images/bgTop.png);
	background-repeat: no-repeat;
	background-position: left 28px;
	background-color: #fff;
}
#tabResultNav a, #tabResultNav a:hover {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	height: 31px;
	text-align: center;
	display: block;
	float: left;
	font-weight: bold;
	padding: 7px 12px 0 6px;
	text-decoration: none;
	background-image: url(../images/aBg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#tabResultNav a.selected {
	color: #505050;
	text-decoration: none;
	background-image: url(../images/aSelectedBg.png);
	background-repeat: no-repeat;
	background-position: right top;
}


#tabResultNav ul {
	width: auto;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#tabResultNav li {
	float: left;
	height: 31px;
	margin: 0;
	padding: 0 0 0 3px;
	display: block;
	background-image: url(../images/liBg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#tabResultNav li.selected {
	float: left;
	height: 31px;
	margin: 0;
	padding: 0 0 0 3px;
	display: block;
	background-image: url(../images/liSelectedBg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.compare UL {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: right; PADDING-BOTTOM: 0; MARGIN: 0; WIDTH: auto; PADDING-TOP: 0; LIST-STYLE-TYPE: none
}
.compare LI {
	BORDER-RIGHT: #002261 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0; MARGIN: 0; PADDING-TOP: 0; LIST-STYLE-TYPE: none
}
#tabResult {
	width: 958px;
	float: left;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;	
	
}
#tabResult table {
	margin: 7px;
	width: 944px;
	border: 1px solid #ddd;
}
.tabOn {
	DISPLAY: block
}
.tabOff {
	DISPLAY: none
}
#tblCumulativePerformance TABLE {
	WIDTH: 100%;	
}

#tblCumulativePerformance TH {
	/*PADDING-RIGHT: 3px; BORDER-TOP: #dbdcdc 2px solid; */
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #000; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff;
}
#tblCumulativePerformance TD 
{
	border-left: 1px solid #ddd;
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px;
}
#tblCumulativePerformance TH A {
	COLOR: #000; TEXT-DECORATION: none
}
#tblCumulativePerformance .odd {
	BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: right
}
#tblCumulativePerformance .even {
	BACKGROUND-COLOR: #F2F4F9; TEXT-ALIGN: right
}
table#tblLegend {
	WIDTH: 100%; border: 1px solid #ddd;
}
#tabResult TH, #tblLegend TH {
	COLOR: #333;
	padding: 10px 3px 3px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#tabResult TD, #tblLegend TD {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 6px;
	PADDING-TOP: 6px;
	border-right: 1px solid #ddd;
}
#tabResult TH.right, #tabResult TD.right, table#tblLegend td.right, table#tblLegend th.right {
	border-right: 0;
	text-align: center;
}

#tabResult TH A {
	COLOR: #052d92;
	TEXT-DECORATION: none;
}
#tabResult TH A:hover {
	COLOR: #052d92;
	TEXT-DECORATION: underline;
}
#tabResult .odd {
	BACKGROUND-COLOR: #fff;
}
#tblLegend .odd {
	BACKGROUND-COLOR: #fff;
}
#tabResult .even  {
	BACKGROUND-COLOR: #F2F4F9;
}
#tblLegend .even {
	BACKGROUND-COLOR: #F2F4F9;
}
#underTab {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 10px 0 5px; WIDTH: 100%; PADDING-TOP: 0
}
#addFunds {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 10px 0 5px; WIDTH: 100%; PADDING-TOP: 10px
}
.pageNav {
	FLOAT: left; MARGIN: 0 0 10px; WIDTH: 60%
}
.rightBorder
{
	border-right: 1px solid #ddd;
}
.compare {
	FLOAT: right;
	MARGIN: 10px 0;
	WIDTH: 48%
}
.ChartBuilder {
	FLOAT: left; WIDTH: 230px; POSITION: relative; BACKGROUND-COLOR: #cdecff
}
#shortList {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0 0 5px; WIDTH: 100%; PADDING-TOP: 0; TEXT-ALIGN: right
}
#save {
	MARGIN: 0 0 15px; WIDTH: 100%
}
INPUT#ShortListName {
	BORDER-RIGHT: #002261 1px solid; BORDER-TOP: #002261 1px solid; MARGIN-LEFT: 0; BORDER-LEFT: #002261 1px solid; WIDTH: 183px; CURSOR: text; COLOR: #000! important; BORDER-BOTTOM: #002261 1px solid; BACKGROUND-COLOR: #fff
}
INPUT.name {
	BORDER-RIGHT: #002261 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002261 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 0; BORDER-LEFT: #002261 1px solid; WIDTH: 183px; CURSOR: text! important; COLOR: #0000ff! important; PADDING-TOP: 2px; BORDER-BOTTOM: #002261 1px solid; BACKGROUND-COLOR: #fff
}
TEXTAREA.description {
	BORDER-RIGHT: #002261 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #002261 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 0; BORDER-LEFT: #002261 1px solid; WIDTH: 400px; CURSOR: text! important; COLOR: #000! important; PADDING-TOP: 2px; BORDER-BOTTOM: #002261 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff
}
#selectedFunds {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 10px 0 5px; WIDTH: 100%; PADDING-TOP: 10px; BORDER-BOTTOM: #999999 1px solid
}
#selectedFunds TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
#info {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 10px 0 5px; WIDTH: 100%; PADDING-TOP: 0
}
#legend {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: left; PADDING-BOTTOM: 0; MARGIN: 10px 0 5px; WIDTH: 100%; PADDING-TOP: 0
}
div.rowL {
width: 51%;
float: left;
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;

}
#footer {
	FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 10px 0; WIDTH: 100%
}
#footerL {
	FLOAT: left; MARGIN: 15px 0 0; WIDTH: 40%
}
#footerR {
	FLOAT: right; MARGIN: 15px 0 0; WIDTH: 40%; TEXT-ALIGN: right
}
#popMain {
	MARGIN-LEFT: auto; WIDTH: 500px; MARGIN-RIGHT: auto
}
#chartPanel H4 {
	PADDING-RIGHT: 0; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 18px; PADDING-BOTTOM: 5px; MARGIN: 0; COLOR: #335cad; PADDING-TOP: 5px
}
H4 {
	PADDING-RIGHT: 0; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0; COLOR: #fff; PADDING-TOP: 5px
}
#popChart {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: left; PADDING-BOTTOM: 20px; MARGIN: 10px 0 0; WIDTH: 100%; PADDING-TOP: 0; BORDER-BOTTOM: #7f7f7f 1px solid
}
#popUnderChart {
	PADDING-RIGHT: 0; PADDING-LEFT: 0; FLOAT: left; PADDING-BOTTOM: 20px; MARGIN: 10px 0 0; WIDTH: 100%; PADDING-TOP: 0; BORDER-BOTTOM: #7f7f7f 1px solid
}
#popFooter {
	MARGIN-TOP: 0; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100%
}
#popMainL {
	FLOAT: left; MARGIN: 15px 0 0; WIDTH: 200px
}
#popMainR {
	FLOAT: right; MARGIN: 15px 0 0; WIDTH: 250px; TEXT-ALIGN: right
}
.Center {
	TEXT-ALIGN: center;
}
.Right {
	TEXT-ALIGN: right;
}
.Left {
	TEXT-ALIGN: left;
}
TH.left {
	TEXT-ALIGN: left;
}
.SelectorBox {
	VISIBILITY: hidden; WIDTH: 208px; POSITION: absolute; BACKGROUND-COLOR: #cdecff
}
.bHolder {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 50px; PADDING-TOP: 12px; POSITION: relative; TEXT-ALIGN: right
}
.key {
	DISPLAY: block; WIDTH: 12px; HEIGHT: 12px; TEXT-ALIGN: center
}
.upperLabel {
	PADDING-TOP: 10px
}
.oddtabOff {
	DISPLAY: none
}
.eventabOff {
	DISPLAY: none
}
#lblshortlist {
	DISPLAY: inline; FONT-WEIGHT: bold; LEFT: 0; POSITION: relative; TOP: -2px
}
#lblshortlisttop {
	DISPLAY: inline; FONT-WEIGHT: bold; LEFT: 0; POSITION: relative; TOP: -2px
}
#TableHeader {
	HEIGHT: 50px
}
#ManageLists {
	TEXT-ALIGN: center
}
.chartR {
	
}
.chartRinst {
	WIDTH: 200px;
}
#addHeader {
	FONT-SIZE: 12px; MARGIN: 15px 0 5px; COLOR: #000
}

#buttonHide, #buttonShow, #buttonRemove, #buttonPrint, #buttonAddInstrument, #buttonAddSector, #buttonAddIndex, #buttonUpdateChart
{
	cursor: pointer;
}

#ProductType, #ProductCode, #ProductSeries, #Manager, #FundAge, #Sector, #CrownRating, #Performance, #CityRating, #FundSize, #SPRating, #CurrentLegacy, #OBSRRating
{
	width: 290px;
}

.LeftDD
{
	width: 134px;
}

.RightDD
{
	width: 121px;
}

#ChartAddInstr
{
	height: 38px;
	text-align:right;
}

#slctFundManager, #slctFundSector, #slctFundResults
{
	width: 260px;
}
 #slctFundResults
 {
	vertical-align: top;
 }
.NoScript
{	
	position: absolute;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 20px;
	padding-bottom: 20px;
	left: 360px;
	top: 200px;
	background-color: #EFEFEF;
}

div.page {
	padding: 0px;
	width: 490px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div.scrollItems {
	overflow:scroll;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	height: 460px;
	margin-top: 10px;
}
div.row {
	margin-top: 10px;
	padding: 0px;
	margin-bottom: 10px;
}

table.items {
	width: 473px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
	border-left-color: #DDD;
}
table.items td  {
	padding: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
}
table.items th {
	padding: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}

table.items tr.odd {
	background-color: #FFF;
}
table.items tr.even {
	background-color: #F2F4F9;
}

.short {
	width: 20px;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.displayNone
{
	display:none;
}
.displayBlock
{
	display:block;
}

/*For Error Block*/

.ErrorBlock
{
	text-align:center;
	font-family:Arial Narrow;
	color:#333333;	
}

.redColor
{
	color:Red;
	font-size:2em;
}
.errorFont
{
	font-size:1.5em;
}
.errorMain
{
	width:780px;
}
.errorCaveat
{
	font-size:0.75em;
	text-align:left;
	height:30px;
}

.floatLeft
{	
	float:left;
}

.errorWidthRight
{
	width:450px;
	height:50px;
	float:right;
}

.errorLeftText
{	
	background-image:url(../images/ErrorBackground.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:2.2em;
	height:100px;	
	width:285px;
	padding-left:40px;
	padding-top:10px;
	text-align:left;
	vertical-align:middle;
}

.chartBanner
{
	margin: 0 0 20px 0;
}
.vAlignTop
{
	vertical-align:top;
}
