/* Version: $Revision: 1.37 $ */

/* ////////////////////
Framework
//////////////////// */

#DLWrapper {
    margin: 0 auto 20px;
    width: 940px;
}
#companyFirstCol, #chartSecondCol {
	float: left;
	width: 620px;
	padding-right: 10px;
	border-right: 1px solid #D2D2D2;
}
#chartSecondCol {
	padding-right: 0;
	border-right: none!important;
}
#chartSecondCol {
	float: left;
	width: 620px;
	padding-right: 10px;
	border-right: 1px solid #D2D2D2;c
}
#companySecondCol, #chartFirstCol {
	float: right;
	width: 300px;
}
footer#poweredByContent {
	clear: both;
	padding-top: 30px;
}
#footerTerms {
	width: 80%;
}
#footerLogo {
	width: 18%;
}
#footerLogo a {
	display: inline-block;
	width: 148px;
	height: 26px;
	background: url(../images/dl_logo.gif) no-repeat 0 0;
	text-indent: -5000px;
}

/* ////////////////////
Generic
//////////////////// */

#DLWrapper p {
	color: #000000;
	font: 12px Arial,Helvetica,sans-serif;
}

.clearFix:after, ul.more:after, .searchOption:after, #tabNavigationCompany:after, #chartHolder:after, .landingpageTools:after, #tabNavigationSubCompany ul:after, .pt:after,#H1SubMenu:after, #formStockScreener .toolbox:after, #analysisCentreLanding:after, #marketBoxTabs:after, #dlFundScreenerForm:after, .triggered_alerts .toolbox:after, .searchOption:after, .FXconverter #fx_rates:after, .commoditiesOverview .key:after, .toolArea1:after, .toolArea2:after, ul.pt:after, .pageTabs:after, #DLMainNav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.toolbox, #companyHeaderHolder #contentHeader, #chartFirstCol, table.broker_view_table, .company_performance, .toolboxNest {
	background: #eaeaea;
	margin-bottom: 10px;
	padding: 10px;
}
#DLWrapper a {
	font-weight: bold;
}
table {
	padding: 0 3px 0 3px;
	border: none;
}
.dataRegularHeader, .dataRegularHeaderR {
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: top;
	color: #000; 
}
table td, table th {
	border-spacing: 0;
	border-right: solid 2px #FFF;
	font-size: 12px;
	text-align: left;
}
.dataRegularUlOnR, .dataRegularUlOffR, .dataRegularHeaderR, tr td:last-child, tr th:last-child {
	text-align: right;
}
body.profile #companyFirstCol tr td:last-child, body.profile #companyFirstCol tr th:last-child {
	text-align: left;
}
h1, #DLWrapper h2, #DLWrapper h2, #lookupTicker h2, .textHeaderUnderline {
	padding-bottom: 7px;
	border-top: 3px solid #000;
	border-bottom: 1px solid #D2D2D2;
	font-family: ff-unit-slab-web,"ff-unit-slab-web-1","ff-unit-slab-web-2","Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	font-weight: 700;
}
/*#DLWrapper h2, #DLWrapper h2, #lookupTicker h2, .textHeaderUnderline {
	text-transform: lowercase;
}*/
#DLWrapper h2, #DLWrapper h2, .textHeaderUnderline {
	text-transform: lowercase;
}
#companyHeaderHolder h1 {
	padding-bottom: 0;
	border-bottom: none;
	line-height: normal;
}
#companyHeaderHolder h1 span {
	text-transform: uppercase;
}
h1 {
	text-transform: initial;
}
#companySecondCol h2 {
	padding: 5px;
	border: none;
	background: #005689;
	color: #FFF;
}
.textHeaderUnderline {
	font-weight: bold;
	font-size: 2.4em;
	line-height: 1.042;
}
h1.textHeaderUnderline {
	font-size: 3.4em;
	line-height: 50px;
}
#oneDayAndSixMonthCharts h2 {
	margin: 0;
	padding: 0;
	border: none;
}
	
.negative, .priceDown, .Down {
	color: #fe0202!important;
}
.positive, .priceUp, .Up {
	color: #016c06!important;
}
span.priceDown, #performanceTableTable .Down {
	padding-right: 15px;
	background: url(../images/price_down.gif )no-repeat 100% 2px;
}
span.priceUp, #performanceTableTable .Up {
	padding-right: 15px;
	background: url(../images/price_up.gif )no-repeat 100% 2px;
}
.priceZero {
	color: inherit!important;
}
	
.floatL, .holderL {
	float: left;	
}
.floatR, .holderR {
	float: right;
}
.textRegular, .more, #footerTerms, #companyHeaderHolder, .toolboxHolder, .toolbox, .company_performance, .toolboxNest  {
	font-size: 13px;
}
/* latest sharecast news margins fix */
h3.textRegularBold {
    margin-bottom: 0.2em;
}
#DLWrapper p.textRegular.date {
    margin-bottom: 0.5em;
}
/* suppress trailing paragraph's margins */
#DLWrapper div.storyIntro p {
    margin: 0px;
}
.more {
	clear:both;
}
/* Performance table */

#DLMainNav {
	margin-top: 20px;
}
#DLMainNav li {
	float: left;
	width: 150px;
	margin-right: 3px;
	padding: 20px;
	border-top: solid 3px #6a6a6a;
	background: #c8c7cc;
	font-family: ff-unit-slab-web,"ff-unit-slab-web-1","ff-unit-slab-web-2","Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
}
#DLMainNav li a {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em;
}
#DLMainNav li.last  {
	width: 80px;
}
#DLMainNav li.last a {
	display: inline-block;
	width: 50px;
}
#DLMainNav li.selected {
	background: #e5e5e5;
	border-top: solid 3px #000;
}
#DLMainNav li.selected a {
	color: #000;
}
#DLWrapper.performance #companyHeaderHolder, #DLWrapper.indicator_chart #companyHeaderHolder {
	display: none;
}
#DLWrapper.performance .landingpageContent, #DLWrapper.performance .toolboxNest, #DLWrapper.performance #performanceTableTable, #DLWrapper.indicator_chart #chartHolder {
	padding-left: 20px;
	padding-right: 20px;
	background: #e5e5e5;	
}
#DLWrapper.indicator_chart #chartFirstCol {
	width: 270px;
}
#DLWrapper.performance .landingpageContent {
	padding-top: 20px;
	padding-bottom: 20px;
}
#DLWrapper.performance .landingpageContent p:nth-child(2), #DLWrapper.performance .toolboxNest {
	margin-bottom: 0;
}
#DLWrapper.performance .toolboxNest, #DLWrapper.performance #performanceTableTable { 
	padding-top: 20px;
}
 .dataRegularUlOff, #DLWrapper.performance #performanceTableTable .dataRegularUlOffR {
	background: #FFF;
}
#performanceTableTable td.Up {
	background-color: #bde5bb;
	background-position: 100% 50%
}
#performanceTableTable td.Down {
	background-color: #e5bbbb;
	background-position: 100% 50%
}
.company_performance, .toolboxNest .gap {
	height: 10px;
}
#performanceTableTable td:nth-child(2) {
    text-align: left!important;
} 
ul.pt li {
    float: left;
    margin: 0 10px 0 0;
}
ul.pt li b {
    display: none;
}
ul.pt li  {
    font-weight: bold;
}
.dataRegularHeader a {
	color: #000!important;
}
#performanceTableTable .strong {
	font-weight: bold;
}
#performanceTableTable img {
	position: relative;
	top: 4px;
}


/* ////////////////////
Company pages
//////////////////// */

#companyHeaderHolder dl, #companyHeaderHolder dt, #companyHeaderHolder dd {
	width: auto;
	margin-bottom: 0;
}
#companyHeaderHolder dl {
	margin-right: 20px;
	padding-right: 20px;
	border-right: solid 1px #d2d2d2;
	line-height: normal;
}
#companyHeaderHolder dl.last {
	margin-right: 20px;
	padding-right: 20px;
	border-right: none;
}
#companyHeaderHolder dt, #companyHeaderHolder dd {
	display: block;
}
#companyHeaderHolder dt {
	font-size: 12px;
}
#companyHeaderHolder dd {
	font-size: 24px;
}
#companyHeaderHolder dd img {
	margin-right: 3px;
}
	
#companyNavHolder {
	margin: 20px 0;
}
#companyNavSubHolderNest {
	margin-top: 20px;
}
#companyNavHolder li, #H1SubMenu li {
	float: left;
	margin-right: 15px;
}
#H1SubMenu {
	margin-bottom: 20px;
}
#companyNavHolder li a, .chartHolder h2, #companyFirstColNoSidebar {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#companyNavHolder li.subselected a, #H1SubMenu a.active {
	text-decoration: underline;
}
.firstColHolder {
	clear: both;
	margin-bottom: 20px;
}
table.broker_view_table input {
	margin-left: 20px;	
}
table.broker_view_table td {
	padding: 0;
	border: none;	
}
.news #DLWrapper .firstColHolder p, .companyNews #DLWrapper .firstColHolder p {
	font-family: ff-meta-serif-web-pro,Meta Serif OT Book,Georgia,Times,Serif;
	font-size: 1.5em;
	line-height: 20px;
}


/* Charting */
	.chartHolder  {
		width: 300px;
		text-align: left;
	}
	
	.chartControlSubmit, .chartControlClear {
		background-color: #005689;
		border: 0 none;
		color: #FFFFFF;
		cursor: pointer;
		font-family: ff-unit-web,"ff-unit-web-1","ff-unit-web-2","Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
		font-size: 14px;
		height: 26px;
		line-height: 15px;
		padding: 0 10px;
		text-align: center;
	}
	.chartControlSubmit:hover, .chartControlClear:hover {
		background-color: #93B1C9;
		opacity: 0.7;
	}
	.chartToolboxChartControl img {
		width: 26px!important;
		height: 26px!important;
	}
	#chartFirstCol .toolbox {
		padding: 0;
	}
	#chartFirstCol h2 {
		border: none;
		font-size: 1.3em;
		font-family: Arial,Helvetica,sans-serif;
	}
	#chartFirstCol .toolboxNest {
		padding: 0;
	}
	#chartFirstCol ul {
		margin: 0 0 10px
	}
	#chartFirstCol .toolboxHolder {
		margin-bottom: 10px;
		border-bottom: 1px solid #D2D2D2;
	}
	#chartFirstCol select {
		width: 210px;
		height: 30px;
		margin-bottom: 10px;
	}
	#chartFirstCol li input {
		/*position: relative;
		top: 6px;*/
		height: 24px;
	}
/* ticker */
#lookupTicker {
	margin: 0;
	padding: 0;
}
#lookupTicker .tickerHeading::first-letter, #lookupTicker .tickerHeading:first-letter {
	text-transform: capitalize
}
#lookupTicker .tickerHeading span {
	text-transform: uppercase
}
#lookupTicker.top_movers_ticker {
	font-size: 80%;
}
#ticker {
	border-top: 3px solid #000;
	background: #eaeaea;
}
#ticker {
	height: 21px;
}

#ticker  {
	margin: 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
#ticker .highlight {
	font-weight: 700;
}
#ticker span.companyInfo  {
	margin-right: 30px;
	padding-right: 30px;
	border-right: solid 1px #666 
}
#ticker span.last {
	border-right: none 
}
#ticker span {
	padding-right: 10px
}
#ticker span.negative {
	padding-right: 20px;
	background: url(../images/price_down.gif )no-repeat 100% 4px;
}
#ticker span.positive {
	padding-right: 20px;
	background: url(../images/price_up.gif )no-repeat 100% 4px;
}
#ticker a, #ticker a:visited {
	color: #005689;
	text-decoration: none;
}
#ticker a:hover {
	text-decoration: underline
}


/* fix for IE overriding the anchor color with the h3 colour */
#DLWrapper a:link h3 { color: #005689; } 
/* #DLWrapper { font-size: 13px; } */ /* fix for performance tables heading but breaks other text sizes. we need to add in a ID for this heading */