﻿/*beta chooser page*/
    a.ccChooseBtnLeft, a.ccChooseBtnRight 
    { display: block; height: 38px; width: 231px; background: url(/images/btn/btn_cc_gotoold.gif) no-repeat 0px 0px; float: left; margin: 20px 15px }
    
    a.ccChooseBtnRight { background: url(/images/btn/btn_cc_gotonew.gif); margin-right: 0; }
    
    a.ccChooseBtnLeft:hover, a.ccChooseBtnRight:hover { background-position: 0px -38px;  }
    
/*----------- MY ADVISOR styles -------------*/

#ContentRight .myContact li { list-style-type: none; padding-left:21px}        
li.Email { background: url(../img/sprites/icons.gif) no-repeat -5px -1162px !important;}
li.Telephone { background: url(../img/sprites/icons.gif) no-repeat -5px -799px !important;}

 /* login */
 
 #ContentLeft .TwoThirds div.login fieldset.Standard .cta { margin: 0; }
 #ContentLeft .TwoThirds div.login fieldset.Standard p {clear: both; text-indent: 115px; margin-bottom: 4px; }
 #ContentLeft .TwoThirds div.login fieldset.Standard label { text-align: right;  width: 100px;}  
 #ContentLeft .fixedLogin { height: 132px; margin-bottom: 10px;  overflow: visible; }
 #clientInvest .cta { margin-top: 0 }
 
 /* tables */
 
 #Mid .bodyTH {font-weight: normal; }
 #Mid .Odd { background-color: #EEEEEE; }
    
/*account detail page*/
    
.acDetail table { border-bottom:0 ;width:395px ;}
	.acDetail table th {border-top:0 ;}
	
#detailCharts { padding-right: 10px !important; }
	#detailCharts li{ background: transparent; }
	#detailCharts li a.button{ margin-left: 0px;}
#ProfileHold {border:solid 1px #d3d3d3;  border-top:0; overflow: hidden;}
#SplitsHold {border:solid 1px #d3d3d3;  border-top:0; min-height: 189px;}
#SplitsHold span.chartKey, .SplitsHold span.chartKey {overflow: hidden; height: 11px; width: 11px; display: block; }
	#SplitsHold table td, .SplitsHold table td, table.SplitsHold td {border:0; padding:2px; vertical-align:middle;}
	#SplitsHold table td.First, .SplitsHold table td.First { padding-top:12px}
	#SplitsHold table td.underRule, .SplitsHold table td.underRule { padding-top:4px}
	#SplitsHold table th, .SplitsHold table th{background:#fff ; border-bottom:solid 1px #d3d3d3 ; border-left:0; padding: 12px 0 4px 0; }
	.SplitsHold table td.bodyTH { border-bottom: 1px solid #d3d3d3 !important; }
	
	#SplitsHold span.blue-2pic { background: url(/img/2pic-dark-blue.gif); }
	#SplitsHold span.red-2pic { background: url(/img/2pic-red.gif); }
	#SplitsHold span.green-2pic { background: url(/img/2pic-green.gif); }
	#SplitsHold span.turquoise-2pic { background: url(/img/2pic-turquoise.gif); }
	#SplitsHold span.dark-purple-2pic { background: url(/img/2pic-dark-purple.gif); }
	#SplitsHold span.light-brown-2pic { background: url(/img/2pic-light-brown.gif); }
	#SplitsHold span.light-purple-2pic { background: url(/img/2pic-light-purple.gif); }
	
.modelLabel { background:#f0f0f0 ; border:solid 1px #d3d3d3 ; border-top:0 ; padding:1em ;text-align:center ;}
.betaLabel { background-image:url(/img/clientcentre-beta-banner.gif); background-position:right top; background-repeat:no-repeat; padding-right:40px; }
/*-- transactions --*/

#Mid #ContentOver .transList li {text-indent:20px ; padding-left:0; padding-right: 0; background-color: #E9E9E9 !important;}
#Mid #ContentOver .transList li.Expand { padding-bottom: 0; }
#Mid #ContentOver .transList h3 { margin-right: 10px; padding-left: 0; }
#Mid #ContentOver .transList li div.outer {background: #FFF;}
#Mid #ContentOver .transList li th { border-top: solid 1px #d5d5d5; }
#Mid #ContentOver .transList table { border-collapse: collapse; }
	
/* - personal balance sheet - */

	/*add asset*/

#ContentLeft .assAll input {width:2em} 
#ContentLeft .assAll .postfix {display:block ;font-size:1.2em; margin:5px 0 ; padding:.2em 0}

#addAssetFund {border:solid 1px #ccc ;background:#eee ;padding:5px ;}
	#addAssetFund ul { height:13em ; margin-bottom:0 ; overflow-y:scroll ; overflow-x:hidden ;}
		#addAssetFund ul li {background:#fff ; padding:0}
			#addAssetFund a {background:#fff ;display:block ; border-bottom:1px solid #f0f0f0 ; border-top:1px solid #fff ;margin-left:1px; margin-right:1px  ; 
			                 padding:.3em 0 .3em .3em ; text-decoration:none ;}
			#addAssetFund a:hover {background:#f0f0f0 ;}
			
 /*----- revised personal balance sheet stuff -----*/
 
 .pbs h2 {border-bottom:0}
 
	/*front page*/
 .pieChartTable {border:solid 1px #d5d5d5 ;}
	 .pieChartTable td, .pieChartTable th { border:none}
		.pieChartTable .key { float:left;height:12px;width:12px;margin-right:4px;margin-top:2px;overflow: hidden; }
 
 .pbs #summStats div {border-right-color:#fff ; padding-right: 0px; min-width: 82px; }

.equals { background:url(/img/sprites/icons.gif) no-repeat 82px -2142px; padding-right: 22px !important; }
.plus   { background:url(/img/sprites/icons.gif) no-repeat -5px -2218px; padding-left: 22px; }
.minus  { background:url(/img/sprites/icons.gif) no-repeat -5px -2293px; padding-left: 22px; }

.lineBreakFix {padding-top:0px}
.lineBreakFix img {margin-top:-20px}

.pbsSpacer {border:solid 1px #d5d5d5 ;padding:10px ; }
	.pbsSpacer table {border-bottom:0 ;margin-bottom:10px ; }
	.pbsSpacer table.borderBot { border-bottom: 1px solid #d5d5d5; }
			.pbsSpacer th.bodyTH {border-left:solid 1px #d5d5d5 ;}
			.pbsSpacer td.trEnd, .pbsSpacer th.trEnd  { border-right:solid 1px #d5d5d5 ;}
			.percHold {width:10em}
				.percIllustrate {	background-image:url(/img/sprites/general_sprites.gif); color:#fff ; display:block ;float:left ; 
									height:17px ; margin-right:4px ; text-align:right}
				.asset .percIllustrate {background-position: -10px -18px}
				.liability .percIllustrate {background-position:0px 0px}
				
			table.asset tfoot td, table.asset tfoot th {background-color:#e0edf5;border-bottom:1px solid #cbd9e1;border-top:1px solid #cbd9e1}
			table.asset tfoot th.bodyTH {border-left:1px solid #cbd9e1;}
			table.asset tfoot td.trEnd {border-right:1px solid #cbd9e1;}
			table.liability tfoot td, table.liability tfoot th {background-color:#ffdcdc ;border-bottom: 1px solid #f4c3c3;border-top: 1px solid #f4c3c3}
			table.liability tfoot th.bodyTH {border-left:1px solid #f4c3c3;}
			table.liability tfoot td.trEnd {border-right:1px solid #f4c3c3;}
			tfoot td, tfoot th {border-bottom:0}
	table.liability { margin-bottom:0 }
		
	/*asset detail page*/
	
	.pbsNav {float:right; font-size:1.2em ; margin-top:15px ; text-decoration:underline}
	table.add {border-bottom:0 ; margin-bottom:0}
	
	.pbsAdd { background:#eee  ; border-bottom:solid 1px #dcdcdc ; padding: 8px 0 ;text-align:center}
		.pbsAdd a {background:url(/img/sprites/button_sprites.gif) no-repeat #eee 0px -254px ;font-size :1.2em ; 
						padding:5px 0 5px 35px; }
		#Mid .pbsAdd a:hover {background-position: 0px -287px ; text-decoration:none }
			.pbsAdd a span {background:url(/img/sprites/button_sprites.gif) no-repeat #eee right -254px ;padding:5px 20px 5px 0px;}
			.pbsAdd a:hover span {background-position:right -287px ;}
	
	
	.pbsCta { background:#eee  ;  border-bottom:solid 1px #dcdcdc ; border-top:solid 1px #dcdcdc ; text-align:right; overflow: hidden; }
		.pbsCta div{  padding-right: 0.5em ; padding-top: 0.5em;  }
			.pbsCta div a{ margin-right: 0.5em; }
	
	.pbs4QTable td { width: 25%; padding: 3px; }
	
	
	/*add asset page*/
	
	.assetNote td{background:#fffbe3 ;border-top: dashed 1px #d5d5d5 ; font-size:1.1em ;  }
	a.showNotes {background:url(/img/sprites/button_sprites.gif) no-repeat 1px -229px; font-size:.92em ;padding:1px 5px ; padding-left:17px}
	
	#Mid a.showNotes:hover {text-decoration:none} 
	a.hideNotes {background-position: -98px -229px; padding-right:13px }
	
/* ----- invest now ------ */

.NoBgImg { background-image: none !important; } /* currently used only were clientInvestPanel requires no background image */
#clientInvest {background: #eee url(/clientcentre/images/content/investnow/clientinvest-2.gif) no-repeat bottom left ; border-bottom: solid 2px #e1e1e1}
	#clientInvest img {margin-bottom:20px; }
	#clientInvest div { margin-left:25px; margin-right:25px; width:211px; }
	#Mid #clientInvest div div {width:auto ; margin-right:0; margin-left: 0;  }
	#Mid #clientInvest div div.cta { margin-bottom: 0; padding: 0; } /* See IE6 fix */
	#Mid #clientInvest h3 {border-bottom:0 ; font-size:1.5em}
	#Mid #clientInvest h2 {border-bottom: 0; }
	#Mid #clientInvest div.Last a.actionBtn2 {border-color: #1f91ca #0f609e #0f609e #0f609e !important; border-style:solid !important; border-width:1px !important; } /* Must declare otherwise borders are removed by Line 444 (Master.css) */
	#Mid #clientInvest fieldset.Radio{ border: none; padding: 0; }
	#Mid #clientInvest fieldset.Radio div {  float: left; height: 18px; margin-right: 10px; }
	#Mid #clientInvest fieldset.Radio label{ width: auto; float: none; margin-left: 0; }
	/*switching*/
	.switchAmount {margin-bottom:2em ; text-align:right ;}



/* - summary stats (top of page) - */
#summStats { width: 100%; overflow: hidden; margin: 0px 0 20px 0;}
#summStats div { float: left; min-width: 102px; margin: 0px 5px 0 0; border-right: solid 1px #e1e1e1; }
#summStats div.Last { border-right: none; }
#summStats .bidPrice{ padding-right: 10px; width: auto; }
#summStats div h3 { font-size: 1.3em; font-weight: normal; font-size: 1.2em; margin: 0px; padding-top: 8px;}
#summStats div p { font-size: 1.7em; font-weight:bold ;margin: 0; padding-bottom: 8px;  }

/* - account selector - */

#accountWrap   { background: #e9e9e9; border-top:3px solid #3399CC ; font-size: 1.2em; margin-bottom: 12px; padding: 6px; position: relative; }
#accountWrap  select { width: 270px; font-size: 13px }
	/*#pagePrint {background: url(/images/icons/page_func_print.gif) no-repeat left; padding-left: 18px; position: absolute; top: 10px; right: 8px;}*/

	#pagePrint {background: url(../img/sprites/icons.gif) no-repeat -5px -1093px; padding-left: 18px; position: absolute; top: 10px; right: 8px;}

/* Global 2nd level navigation */
#SubNav h2.global  { background: #ced3d8; color: #555555; font-weight: normal; border-bottom: solid 1px #cccccc; margin-bottom: 0; background:#1c5ca4 url(/img/sprites/general_sprites.gif) repeat-x 0px -118px;  font-size:1.3em;padding:5px 8px; margin:0; width: 144px;}
#SubNav ul.Global li a { background: #eaeaea url(/img/sprites/icons.gif) no-repeat -4px -1647px; font-weight: normal ; color: #00488c ; border-bottom: solid 1px #cccccc; }

/* Table sorts */
#Mid th a.sort, #Mid th a.sortAsc, #Mid th a.sortDesc  {display:block ; color: #555555;  background: url(../images/icons/sort.gif) no-repeat right 2px; padding-right: 12px; text-decoration: none; }
#Mid th a.sortAsc { background-image: url(../images/icons/sortasc.gif); background-position:right 5px }
#Mid th a.sortDesc { background-image: url(../images/icons/sortdesc.gif); background-position:right 5px }

/* Large notices */
#Mid #ContentLeft .largeNotice { padding: 25px 10px 12px 12px; background: #fdf6d4; border:solid 1px #e3dcb7; }
#Mid #ContentLeft .largeNotice p { margin-bottom: 7px; }

/* Fact sheets */
#Mid #factSheet #PageFunctions{ clear:none !important;
float:right !important;
height:auto !important;
margin:0 !important;
overflow: visible; }

#factSheet .rating { width: 120px; }
#factSheet .portfolio { border-bottom: 1px solid #DCDCDC; overflow: hidden; padding: 0 0 1em 0 }
	#factSheet .portfolio table { width:270px; padding-bottom: 0px !important; margin-bottom: 0px !important; }
	#factSheet .third .portfolio table { width:auto; display:block; }
	#factSheet .portfolio #SplitsHold { border: none; min-height: 150px; height: 1px; }
	
	/**/
	#factSheet #standardPrice h2 { margin-bottom: 0.4em; }
	#factSheet #standardPrice p { overflow: visible; line-height: 2em; }
	 /* ie6 */
	#factSheet span.price { color: #3399cc; font-size: 2em; font-weight: bold; }
	#factSheet span.discount { font-size: 1.5em; }
	#factSheet span.smallPrice { color: #3399cc; font-size: 1.5em; font-weight: bold; position:relative; right:0; bottom:-2px; }
	#factSheet span.smallPriceHeading { bottom:5px; position:absolute; }
	
	/*#factSheet #bidPrice span.result { font-weight: bold; font-size: 1.1em; }
	#factSheet #bidPrice span.Down { background: url(../images/icons/numeric_down.gif) no-repeat left 6px; padding-left: 12px; margin-left: 5px; }
	#factSheet #bidPrice span.Up { background: url(../images/icons/numeric_up.gif) no-repeat left 6px; padding-left: 12px; margin-left: 5px; }*/
	/**/
	
	#factSheet h1 { width: 650px; float: left; }
	#factSheet h2 { font-size: 1.3em; padding-top: 0; margin-bottom: 1em; }
		#factSheet h2 span { font-weight: normal; }
		#factSheet h2.greyStrip { margin-bottom: 6px; color: #555; background: #eee; padding: 6px;  border-bottom: none; }
		#factSheet h2.capped { border-top: 2px solid #d5d5d5; font-weight: bold; border-bottom: 1px solid #d5d5d5; }
		#Mid #factSheet table th h2 { border-bottom: none; padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px; }
	#factSheet h3 { font-size: 1em; margin-bottom: 0em; }
	
	#factSheet .leftIndent p { overflow:hidden; height: 1%; }
		#factSheet .leftIndent p { padding-left: 6px; }
		#factSheet p.viewDataLink { margin-bottom: 1em; }
		
	#factSheet a.arrowLeft { text-decoration:none; }
	#factSheet a.arrowLeft:hover { text-decoration: underline; }
	
	/* Factsheet - footer */
	#factSheet .footer { background: #eee; height: 170px; color: #000; position: relative; bottom: -40px; clear: both; overflow: hidden; padding-top: 10px; }
		#factSheet .footer ul { list-style-type: none; margin: 0; padding-left: 0px; }
			#Mid #factSheet .footer li ul li { border-bottom: 1px dotted #b7b7b7; padding: 5px 0 5px 8px; overflow: hidden; }
			/*#factSheet .footer #data { margin-top:-9px; }*/
			#factSheet .footer #links { width: 247px; }
			#factSheet .footer #data { width: 261px; }
			#factSheet .footer #data li.first { padding-top: 5px; }
			#factSheet .footer #data li { padding-top: 3px; }
			#factSheet .footer #data .heading { width: 140px; }
			
			/* tempary while only 1 item exists under 'functions' */
			#factSheet .footer #functions { margin-top: 5px; width: 247px; }

			#factSheet .footer li a:hover { text-decoration: underline; }
			#factSheet .footer li a { text-decoration: none; }
	#factSheet .footer a.button, #factSheet .footer a.button:hover { text-decoration: none;  }
	
	#factSheet .footer .first { margin-top: 0.5em; }
	#factSheet .footer li ul li div { margin-bottom: 0.5em }
	
	/* Portfolio Planner */
	table.portfolioPlanner td { vertical-align: middle; }
	table.portfolioPlanner td, portfolioPlanner th { font-size: 1.1em; }
	table.portfolioPlanner .percIllustrate { margin-right: 0px; margin-left: 0px; margin: 4px 0 4px 0; }
	table.portfolioPlanner .asset { padding-left: 0px; }
		table.portfolioPlanner .asset .percIllustrate { border-left: 1px solid #000; } 
	table.portfolioPlanner .liability { padding-right: 0px; }
		table.portfolioPlanner .liability .percIllustrate { border-right: 1px solid #000; } 
		table.portfolioPlanner span.percValue { position: relative; top: 5px; }
		table.portfolioPlanner .percIllustrate span.percValue { top: 2px; }
		
		/* buttons */
		#Mid .portfolioPlanner a:hover { text-decoration: none; }
		#Mid .portfolioPlanner span { color:#666666; font-weight:bold; position:relative; top:1px; }
		#Mid .currentHoldings td, #Mid .newHoldings td { vertical-align: top; }
		#Mid .currentHoldings input:hover { cursor: pointer; }
		
		#Mid #showDocButton { position: relative; left: 650px; }
		#Mid .helptext #showDocButton { background: url("/img/sprites/portfolioplan-buttons.gif") no-repeat; width:135px; height:20px; display: block; }
		#Mid .helptext .arrowDown { background-position: 108px -130px !important; }
		#Mid .helptext .arrowUp { background-position: 108px -394px !important; }
		
		#Mid .portfolioPlanSell { background: url("/img/sprites/portfolioplan-buttons.gif") no-repeat 0 0; width:16px; height:16px; border:none; }
		#Mid .portfolioPlanBuy { background: url("/img/sprites/portfolioplan-buttons.gif") no-repeat 0 -66px; width:16px; height:16px; border:none; }
		
		#Mid .newHoldings .recalculate { background: url("/img/sprites/portfolioplan-buttons.gif") no-repeat 0 -198px; width:16px; height:16px; border:none; }
		#Mid .newHoldings .recalculate:hover { cursor: pointer; }
		
		#Mid .newHoldings .buyFund { padding: 10px; }
		
		#Mid .equityView a { background: url("/img/sprites/portfolioplan-buttons.gif") no-repeat 0 -330px; width:58px; height:16px; display: block;  }
		#Mid .equityView span { left:-11px }
		#Mid .funds a { background: url("/img/sprites/portfolioplan-buttons.gif") no-repeat 0 -264px; width:58px; height:16px; display: block;  }
		#Mid .funds a.Disabled {  background-position: 0 -330px; }
		#Mid .funds a.Disabled span { color: #c1c1c1; }
		#Mid .funds span { left:-5px }