/**

style sheet for all pages generic content in the sli portfolio tools

**/


	/* minkit! */
	.macIEfix { 
		height:1px;
		font-size:0.1px;
	}

	.floatFix {
		clear:both;
		overflow:hidden;
		height:0px;
	}
	
	
	/* ~~ */
	#resultsFrame {
		position:absolute;
		top:-10px;
		left:-10px;
		width:1px;
		height:1px;
	}
	

/* general */

	body {
		background-color:#D3D3D3;
		margin:0;
		padding:6px 6px 6px 6px;
		font-family:arial,helvetica,sans;
		color:#000;
	}
	
	#headerNav{		
	    background: none repeat scroll 0 0 #021B33;
    	border-bottom: 1px solid #405D79;	
		padding: 8px 5px 0 0;
		height: 29px;		
		width: 749px;
		
	}
	
	#siteTitle {
			float: left;
			margin: 5px;
			}
		
	div.whiteblockheader {
		background-image: url('../images/logo_sli_nb.jpg');
		background-repeat: no-repeat;
		background-color: #021B33;
		margin:0px 0px 6px 0px;
		/*padding:9px;*/
		width:754px;
		height: 110px;
	}	
	
	div.whiteblock {
		background-color:#fff;
		margin:0px 0px 6px 0px;
		padding:9px;
		z-index:1;
		position:relative;
		width:736px;
		zoom:1;
	}
	
	.whiteblock .leftPanel {
		float:left;
		width:466px;
	}
	.whiteblock .rightPanel {
		float:right;
		width:200px;
	}
	
	.whiteblock .thirdPanel {
		float:left;
		width:200px;
	}
	div.dottedLine {
		border-top:2px dashed #d3d3d3;
	}
	div.closePopup {
		text-align:right;
		font-size:80%;
	}
	div.closePopup a, div.closePopup a:visited {
		color:#000;
	}
	div.closePopup a:hover {
		text-decoration:none;
	}
	p {
		font-size:80%;
		margin:0px 0px 12px 0px;
	}
	p.lastPara {
		margin-bottom:0px;
	}
	
	a, a:visited { text-decoration:underline; color:#000; }
	a:hover { text-decoration:none; }
	
	h5 {
		text-align:left;
		padding:2px;
		margin:0px 0px 6px 0px;
	}

	h5 span.subText {
		font-weight:normal;
		font-size:90%;
	}
	
	.darkBlue {
		/* old colour */
		/*background-color:#423863;*/
		/* re-design colour */
		background-color:#001A35;
		color:#fff;
		
		/*
			padding: 10px 5px;
			margin: 0px;
		*/
	}

	.lightBlue {
		/* old colour */
		/*background-color:#e7dfe7;*/
		/* re-design colour */
		background-color:#ededed;
		color:#000;
	}
	
			
	
	/* tabs */

	#tabcontainer {
		height:26px;
	}
	div.tab {
		float:left;
		margin-right:8px;
		padding:0px 4px 0px 4px;
		border:1px solid #9f9f9f;
		border-bottom:0px;
		background-color:#e5e5e5;
		color:#000;
		font-size:80%;
		height:26px;
		line-height:26px;
		cursor:pointer;
		cursor:hand;
	}
	div.tab a, div.tab a:visited {
		text-decoration:none;
		color:#000;
		cursor:hand;
	}
	div.tabselected {
		float:left;
		margin-right:8px;
		padding:0px 4px 0px 4px;
		color:#000;
		font-size:80%;
		height:26px;
		line-height:26px;
		border:1px solid #fff;
		border-bottom:0px;
		background-color:#fff;
		cursor:default;
	}
	div.tabover {
		background-color:#f0f0f0;
		border:1px solid #9f9f9f;
		border-bottom:0px;
		color:#000;
	}
	
/* header */

	#header {
		/* old colour */
		/*background-color:#423863;*/
		/* re-design colour  */
		background-color:#021B33;
		
		/*height:78px;
		padding:9px;*/
	}
	
	#slilogo { 
		float:right; 
	}
	#headerlinks {
		font-weight:normal;
		color:#fff;
		font-size:70%;
		text-align:right;
	/*	margin-top:16px;*/
	}
	#headerlinks a, #headerlinks a:visited {
		text-decoration:none;
		color:#fff;
	}
	#headerlinks a:hover {
		text-decoration:underline;
	}
	#headerlinks input.headerinput {
		font-size:10px;
		color:#000;
		width:80px;
	}
	#headerlinks input.headerbutton {
		height:19px;
		font-size:10px;
	}
	
/* footer */
	#footer {
		clear:both;
	}
	#footer p span.close {
		padding-left:10px;
		float:right;
	}
	#footer p span.close a,#footer p span.close a:visited {
		color:#000;
	}
	#footer p span.close a:hover {
		text-decoration:none;
	}

/* disclaimer */

	#disclaimer {
		background-color:#E9E9E9;
		font-size:70%;
	}
	#disclaimer a, #disclaimer a:visited {
		color:#000;
	}
	#disclaimer a:hover {
		text-decoration:none;
	}
	#disclaimer a.legal,#disclaimer a.legal:visited {
		color:#FF6666
	}	
	
/* ~ */

	#infobox {
		width:320px;
		background-color:#fff;
		border:1px solid #000;
		filter:alpha(opacity:75);
		position:absolute;
		left:153px;
		line-height:30px;
		top:300px;
		z-index:5;
		display:none;
		text-align:center;
		font-size:80%;
		font-weight:bold;
		-moz-opacity:0.75;
	}
	
/* specific styles */

	
	.resultstable {
		width:640px;
	}
	.resultstable tbody tr th {
		font-size:80%;
		/* old colour */

		/*background-color:#41618e;*/
		/* re-design colour */
		background-color:#001A35;
		color:#fff;
		padding:3px 5px;
		border:1px solid #fff;
	}
	.resultstable tbody tr td {
		font-size:80%;
		border:1px solid #fff;
		/* old colour */
		/*background-color:#dbe3eb;*/
		/* re-design colour */
		background-color:#ededed;
		color:#40638d;
		padding:3px 5px;
	}
	.resultstable tbody tr.selected td {
		/* old colours */
		/*border-top:1px solid #41618E;
		border-bottom:1px solid #41618E;*/
		/* re-design colours */
		border-top:1px solid #001A35;
		border-bottom:1px solid #001A35;		
	}
	
	#results tbody tr th {
		background-color:#fff;
		text-align:left;
		color:#000; 
		border-top-width:5px;			
		padding-left:0px;
	
		
/*		font-weight:normal; #95AFDE;*/
	}
	
	#comparisongraphform, #latestPriceForm {
		font-size:80%;
		padding:0px 10px 0px 10px;
		margin-top:0px;
		margin-bottom:0px;
	}
	
	#comparisongraphform div select, #announcementSearch div p select, #latestPriceForm div select {
		font-size:11px;
	}
	
	#announcementSearch div p select, #latestPriceForm div p select {
		margin-top:3px;
	}
	
	#comparisongraphform h5, #latestPriceForm h5 {
		margin:12px 0px 6px 0px;
		clear:all;
		font-size:90%;
	}
	#comparisongraphform h5 span, #latestPriceForm  h5 span {
		font-weight:normal;
	}

	#comparisongraphform div.comparisonCode {
		width:140px;
		margin-right:7px;
		float:left;
		font-size:75%;
	}
	
	#comparisongraphform div.comparisonCode input, #announcementSearch div p input, #announcementSearch p input {
		width:110px;
		font-size:11px;
		margin-top:3px;
	}
	
	input.formButtons {
		margin:10px 10px 0px 10px;
		border:1px solid #000;
		font-size:10px;
		font-weight:bold;
		background-color:#e5e5e5;
		cursor:hand;
	}
	#comparisongraphform div.comparisonCode a {
		cursor:pointer;
	}

	#comparisongraphform div.comparisonCode img, #announcementSearch div p img, #latestPriceForm div img {
		position:relative;
		top:2px;
		border:0px;
	}
	
	#comparisongraphform div.comparisonCode a img {
		margin-left:4px;
	}

/* fund picker - code finder */

	#fundLookupResultsList {
		height:300px;
		width:672px;
		overflow:auto;
		padding-bottom:2px;
		scrollbar-darkshadow-color:#000; 
		scrollbar-face-color:#DBE3EB; 
		scrollbar-highlight-color:#EDF1F5;
		scrollbar-shadow-color:#41618E;
		scrollbar-track-color:#fff;
		scrollbar-3dlight-color:#fff;
	}

	
	table.resultstable th.sortDirection1 {
		background-color:#95AFDE;
		background-image:url("../images/portfolio_tablesort_arrow_down.gif");
		background-repeat:no-repeat;
		background-position:right center;
		cursor:pointer;
		cursor:hand;
	}
	
	table.resultstable th.sortDirection0 {
		background-color:#95AFDE;
		background-image:url("../images/portfolio_tablesort_arrow_up.gif");
		background-repeat:no-repeat;
		background-position:right center;
		cursor:pointer;
		cursor:hand;
	}
	
	table.resultstable th.sortDirection2 {
		background-color:#41618e;
		background-image:none;
		cursor:pointer;
		cursor:hand;
	}
	
	table.resultstable tr.orangerow td {
		background-color:orange;
	}
	
	#results th { 
		background-color:#f00;
	}
	
	
	table.sideTable {
		width:198px;
		margin-bottom:6px;
	}

	table.sideFunds {
		border:1px solid #cad7ee;
	}
	
	.sideTable tr th {
		font-size:90%;
		text-align:left;
		padding-left:3px;
	}
	
	.sideTable tr th a {
		font-size:85%;
	}
	
	
	.sideTable tr td {
		vertical-align:middle;
		font-size:75%;
		padding-bottom:3px;
	}
	
	.sideFunds tr td {
		text-align:center;
		border-bottom:1px #f0f0f0 solid;
	}
	
	.sideNews tr td {
		padding-bottom:6px;
	}
	
	.sideNews tr td.newsDate {
		padding-right:3px;
	}
	
	#newsItemContent pre {
		font-size:70%;
		width:672px;
		overflow-x:auto;
		font-family:verdana;
		text-align:left;
		border-bottom:1px dashed #cad7ee;
	}
		
/*	#announcementHeader select {
		float:right;
		font-size:70%;
		padding:0px;
		margin:1px;
	}
	*/
	
/* -- */
	
	#FTSE {
		margin-bottom:6px;
	}
	
	
/********/


	#announcementTable, #alertTable {
		width:682px;
	}
	
	#announcementTable tbody tr th, #alertTable th {
		font-size:80%;
		/* old colour */
		/*background-color:#9c799c;*/
		/* re-design colour */
		background-color:#021B33;
		color:#fff;
		padding:3px 5px;
		border:1px solid #fff;
		text-align:left;		
	}
	
	#announcementTable tbody tr td {
		font-size:80%;
		border:1px solid #fff;
		/* old colour */
		/*background-color:#e7dfe7;*/
		/* re-design colour */
		background-color:#ededed;
		color:#40638d;
		padding:3px;
	}
	
	#announcementTable tbody tr.selected td {
		border-top:1px solid #41618E;
		border-bottom:1px solid #41618E;
	}
	
	#newsNext {
		font-size:80%;
		margin-top:6px;
		float:right;
	}
	
	#newsPrev {
		font-size:80%;
		margin-top:6px;
		float:left;
	}
	
	#helpNav img {
		margin-right:3px;
	}
	
	#detailsTable {
		width:466px;
		margin:0px 0px 0px 0px;
		font-size:80%;
	}
	#detailsTable th, #detailsTable td {
		text-align:left;
		border:1px #fff solid;
		border-bottom:1px solid #cad7ee;
		padding:3px;
	}
	#detailsTable td {
		text-align:right;
	}
	#detailsTable th.lastRow, #detailsTable td.lastRow {
		border-bottom:1px #fff solid;
	}
	.compGraphCodeLinks {
		border:1px red solid;
		position:relative;top:-2px;

	}
	
/**/

    	.portfolioList {
			
			font-family:verdana,arial,sans;
			font-size:70%;
		}
		.portfolioList td, .portfolioList th {
			border:1px solid #fff;
		}
		.portfolioList th {
			/* old colour */
			/*background-color:#9c799c;*/			
			/* re-design colour */
			background-color:#021B33;
			color:#fff;
			padding:2px 1px 2px 1px;
		}
		.portfolioList td {
			/* old colour */
			/*background-color:#e7dfe7;*/
			/* re-design colour */
			background-color:#ededed;
			color:#40638d;
			padding:2px 1px 2px 1px;
			text-align:center;
		}
		.portfolioList tfoot td {
			padding:6px 1px 6px 1px;
			text-align:right;
			font-weight:bold;
			background-color:#fff;
			color:#000;
		}
		.portfolioList tfoot div.totalvalue {
			float:right;
			border-top:double 1px #000;
			background-color:#ededed;
			position:relative;
			left:1px;
			padding:2px;
		}
		.portfolioList td.editCell, .portfolioList th.editCell {
			background-color:#fff;
		}

		.portfolioList th.editCell {
			color:#000;
		}
		.portfolioList tbody td input {
			width:100px;
			font-size:80%;
			text-align:right;
		}
		
		table.portfolioList a.sortheader {
		   
		    color:#fff;
		    font-weight: bold;
		    text-decoration: none;
		    display: block;
		}
		table.portfolioList span.sortarrow {
		    color: white;
		    text-decoration: none;
		}


/**/

#alertTable td {
	border:1px #fff solid;
}

#alertTable td.cbox {
	background-color:#EDF1F5;
}


#alertTable td.info {
	background-color:#dbe3eb;
	font-size:75%;
	padding:2px;
	vertical-align:middle;
}

#alertTable td label {
	display:block;
	text-align:center;
}

/* error display for duplicate funds */
.duplicatecode {
	border-color:#f00;
	background-color:#e5e5e5;
	font-weight:bold;
}
#duplicatecodemessage {
	border:1px dotted #f00;
	font-size:85%;
	font-weight:none;
	margin-top:1em;
	padding:5px;
}