/*
 __  __            _        _
|  \/  | __ _ _ __| | _____| |_ ___
| |\/| |/ _` | '__| |/ / _ \ __/ __|
| |  | | (_| | |  |   <  __/ |_\__ \
|_|  |_|\__,_|_|  |_|\_\___|\__|___/ for Business Day

Author:		Jens Korff
Born:		June 2008
Modified:
-------------------------------------------------------------------------------------------------- */
/* CSS for Markets pages
   NOTE: Requires smhBusinessCurrencies.css
--------------------------------------------------------------------------------------------------*/
#content td.percentarrow {padding-left:13px}
/* IE6 requires these rules to be before the other set:*/
#content .rates td.large.up {background-position:3px -3897px}
#content .rates td.large.down {background-position:3px -4097px}
#content .rates td.large.static {background-position:3px -3997px}
/* This set has to come after the set above (IE6): */
#content .rates td.up {background-position:3px -2000px}
#content .rates td.down {background-position:3px -2200px}
#content .rates td.static {background-position:3px -2100px}

#content td.large {font-size:157%;font-weight:bold;padding-left:28px}

.col1,.col2 {width:24.9%}

/* Tables */
#big-chart table {width:620px}
.sstrap .writeoffs .rates {width:90%}
.rates ul li {margin-left:1.5em}

/* IE6 does not understand multiple classes: */
* html #content .rates td.large.upLargeIE6 {background-position:3px -3897px}
* html #content .rates td.large.downLargeIE6 {background-position:3px -4097px}
* html #content .rates td.large.staticLargeIE6 {background-position:3px -3997px}

/* cN-tabBox */
.cN-tabBox {position:relative;padding-top:25px;overflow:hidden;margin:10px 0}
	.cN-tabBox li {list-style-type:none;margin:0}
	.cN-tabBox h4 {position:absolute;top:0;left:0;height:25px;width:99px;line-height:25px;margin-right:1px}/* Style so it fits into the grid */
	.cN-tabBox h4 a {display:block}
	.cN-tabBox .tab2 h4 {left:100px}
	.cN-tabBox .tab3 h4 {left:200px}
	.cN-tabBox .tab4 h4 {left:300px}
	/* Use % for width so it works in columns of various widths: */
	.cN-tabBox div {width:100%;display:none}
	.cN-tabBox .selected div {display:block}
	/* Accessibility: WCAG 6.3 (Javascript removes this class) */
	.accessibleTab h4 {position:static}
	.accessibleTab div {display:block}
	/* ----- IE fixes ----- */
	*+ html .cN-tabBox li {display:inline}
	*+ html .cN-tabBox li li {display:block}
	* html .cN-tabBox {height:1%}/*In some cases absolutely positioned elements within cN-tabBox disappear otherwise.*/
	* html .cN-tabBox li {display:inline}
	* html .cN-tabBox li li {display:block}

/* Forex promo */
.tabForEx /*extends cN-tabBox*/ {padding-top:27px}
	.tabForEx h4 {height:27px;width:99px;line-height:27px;background:url('../img/sprite-forex.png') no-repeat -100px -40px/*tab inactive LHS*/}
	.tabForEx h4 a {height:27px;margin-left:3px;text-align:center;color:#eaeaea;background:url('../img/sprite-forex.png') no-repeat 100% -40px/*tab inactive RHS*/}
	.tabForEx .tab2 h4 {left:100px}
	.tabForEx .selected div {overflow:hidden;width:298px;border:1px solid #d6d6d6;border-top:2px solid #fd8c0e}
	.tabForEx .selected h4 {background-position:-100px -67px/*tab active LHS*/}
	.tabForEx .selected h4 a {color:#fff;background-position:100% -67px/*tab active RHS*/}
	.tabForEx small {display:block;line-height:21px;text-align:center;color:#97a1b1;border-bottom:1px solid #d6d6d6}
	.tabForEx h2 {width:284px;margin:2px 2px 8px;padding-left:10px;font-size:1.5em;line-height:40px;color:#333!important/*override rule with ID*/;background:url('img/sprite-forex.png') no-repeat/*bg heading*/}
	.tabForEx h3 {margin:0 2px;padding:10px 8px;font:normal 1.1667em Georgia,"Times New Roman",serif!important/*override ID rule*/;border-top:1px dotted #97a1b1}
	.tabForEx h3 a {color:#02a7ec}
	.tabForEx h2 + h3 {padding:0 8px;font-size:1.5em!important/*override ID rule*/;border:0}
	.tabForEx p {padding:0 10px 8px;font-size:1em;line-height:1.5;color:#333}
	.tabForEx .last {padding:0;border-top:1px solid #d6d6d6}
	.tabForEx .brand {float:left;display:block;width:67px;height:21px;margin:8px 5px 2px;background:url('img/sprite-forex.png') no-repeat 0 -41px/*logo Daily Forex*/;text-indent:-9999px}
	.tabForEx .more {float:right;margin-right:10px;font-sizse:1.0833em;font-weight:bold;line-height:31px;color:#fd8c0e}
	.tabForEx .more:after {content:" >"}
	.tabForEx object {margin-left:2px}
	/* ----- IE fixes ----- */
	*+ html .tabForEx div {display:none!important}
	*+ html .tabForEx .selected div {display:block!important}