/*
	This style sheet includes styles for classes and id:s used to build the OMX Exchanges pages.
*/

#exchangesNavigation {
	float: right;
	margin-top: 14px;
}

#navigationLeftColumn {
	-moz-box-sizing: border-box;
	font-size: 10px;
	padding-top: 18px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 18px;
}

#navigationLeftColumn h3 {
	font-size: 11px;
	font-weight: bold;
	color: #83585a;
	margin-bottom: 8px;
	padding-left: 8px;
}

#navigationLeftColumn ul {
	-moz-box-sizing: border-box;
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#navigationLeftColumn li {
	-moz-box-sizing: border-box;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-image: none;
	background-position: bottom;
	background-repeat: repeat-x;
}

#navigationLeftColumn li a {
	display: block;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	font-weight: bold;
	color: #696766;
	text-decoration: none;
	background-image: none;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #f8f3f0;
}

#navigationLeftColumn li ul {
	display: none;
	margin-top: 0px;
	background-color: White;
}

#navigationLeftColumn li ul li {
	background-color: White;
}

#navigationLeftColumn li ul li a {
	padding-left: 18px;
	font-weight: normal;
	color: #6c6c6c;
	background-image: url(../graphics/delimiterHorDotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
}

#navigationLeftColumn li ul li ul {
	display: none;
	margin-top: 0px;
	background-color: White;
}

#navigationLeftColumn li ul li ul li {
	background-color: White;
}

#navigationLeftColumn li ul li ul li a {
	padding-left: 28px;
	font-weight: normal;
	color: #6c6c6c;
	background-image: url(../graphics/delimiterHorDotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
}

#navigationLeftColumn li ul li ul li ul {
	display: none;
	margin-top: 0px;
	background-color: White;
}

#navigationLeftColumn li ul li ul li ul li {
	background-color: White;
}

#navigationLeftColumn li ul li ul li ul li a {
	padding-left: 38px;
	font-weight: normal;
	color: #6c6c6c;
	background-image: url(../graphics/delimiterHorDotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
}

#column2_1 {
	-moz-box-sizing: border-box;
	width: 323px;
	padding-left: 8px;
}

#column2_2 {
	-moz-box-sizing: border-box;
	width: 195px;
	padding-left: 11px;
}

/* Alternativ version of the middle column */
#column2_1b {
	-moz-box-sizing: border-box;
	float: left;
	width: 261px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 8px;
}

/* Alternativ version of the rightmost column */
#column2_2b {
	-moz-box-sizing: border-box;
	float: right;
	width: 253px;
	margin-left: 0px;
}

.exchangesModuleHeader {
	-moz-box-sizing: border-box;
	height: 14px;
	clear: both;
	background-color: #d7d7d7;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #83585a;
}

.exchangesModuleHeader h3 {
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #83585a;
}

.exchangesModuleHeader div {
	float: right;
	font-weight: normal;
	color: Black;
}

.exchangesModuleHeaderBlank {
	-moz-box-sizing: border-box;
	height: 14px;
	clear: both;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #686868;
}

.exchangesModuleHeaderBlank h3 {
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #686868;
}

.exchangesModuleHeaderBlank div {
	float: right;
	font-weight: normal;
	color: Black;
}

.exchangesModuleCanvas {
	-moz-box-sizing: border-box;
	clear: both;
	margin-bottom: 10px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 10px;
	color: #686868;
}

#column2_1 .exchangesModuleCanvas {
	-moz-box-sizing: border-box;
	width: 315px;
}

#column2_1 .exchangesModuleListCanvas {
	-moz-box-sizing: border-box;
	width: 315px;
}

#column2_1 .exchangesModuleFullListCanvas {
	-moz-box-sizing: border-box;
	width: 315px;
}

#column2_1b .exchangesModuleCanvas {
	-moz-box-sizing: border-box;
	width: 254px;
}

#column2_1b .exchangesModuleListCanvas {
	-moz-box-sizing: border-box;
	width: 254px;
}

#column2_1b .exchangesModuleFullListCanvas {
	-moz-box-sizing: border-box;
	width: 254px;
}

#column2_2 .exchangesModuleCanvas {
	-moz-box-sizing: border-box;
	width: 184px;
}

#column2_2 .exchangesModuleListCanvas {
	-moz-box-sizing: border-box;
	width: 184px;
}

#column2_2 .exchangesModuleFullListCanvas {
	-moz-box-sizing: border-box;
	width: 184px;
}

#column2_2b .exchangesModuleCanvas {
	-moz-box-sizing: border-box;
	width: 252px;
}

#column2_2b .exchangesModuleListCanvas {
	-moz-box-sizing: border-box;
	width: 252px;
}

#column2_2b .exchangesModuleFullListCanvas {
	-moz-box-sizing: border-box;
	width: 252px;
}

.exchangesModuleCanvas dl {
	margin-bottom: 8px;
}

.exchangesModuleCanvas dt {
	-moz-box-sizing: border-box;
	margin-left: 0px;
	color: #f5841e;
}

.exchangesModuleCanvas dd {
	-moz-box-sizing: border-box;
	margin-bottom: 3px;
	margin-left: 0px;
	color: #494949;
}

.exchangesModuleCanvas dt a {
	-moz-box-sizing: border-box;
	margin-left: 0px;
	color: #f5841e;
}

.exchangesModuleCanvas dt a:hover {
	-moz-box-sizing: border-box;
	color: #f5841e;
	text-decoration: underline;
}

.exchangesModuleCanvas dd a {
	-moz-box-sizing: border-box;
	margin-bottom: 3px;
	margin-left: 0px;
	color: #494949;
}

.exchangesModuleCanvas dd a:hover {
	color: #a0a0a0;
	text-decoration: underline;
}

.exchangesModuleCanvas ul {
	-moz-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

.exchangesModuleCanvas li {
	-moz-box-sizing: border-box;
	list-style-type: none;
	background-image: url(../graphics/icons/arrowOrange.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 9px;
}

.exchangesModuleCanvas ul.links {
	margin-bottom: 12px;
}

.exchangesModuleCanvas ul.links li {
	margin-bottom: 0px;
	padding-left: 7px;
}

.exchangesModuleCanvas a {
	color: #686868;
	text-decoration: none;
}

.exchangesModuleCanvas a:hover {
	color: #494949;
	text-decoration: none;
}

.exchangesModuleListCanvas {
	-moz-box-sizing: border-box;
	background-color: #f4f3f1;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 10px;
	color: #686868;
}

.exchangesModuleListCanvas dl {
	margin-bottom: 8px;
}

.exchangesModuleListCanvas dt {
	-moz-box-sizing: border-box;
	margin-left: 0px;
	color: #f5841e;
}

.exchangesModuleListCanvas dd {
	-moz-box-sizing: border-box;
	margin-bottom: 3px;
	margin-left: 0px;
	color: #333333;
}

.exchangesModuleListCanvas dt a {
	-moz-box-sizing: border-box;
	margin-left: 0px;
	color: #f5841e;
}

.exchangesModuleListCanvas dt a:hover {
	-moz-box-sizing: border-box;
	color: #f5841e;
	text-decoration: none;
}

.exchangesModuleListCanvas dd a {
	-moz-box-sizing: border-box;
	margin-bottom: 3px;
	margin-left: 0px;
	color: #494949;
}

.exchangesModuleListCanvas dd a:hover {
	color: #a0a0a0;
	text-decoration: none;
}

.exchangesModuleListCanvas ul {
	-moz-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

.exchangesModuleListCanvas li {
	-moz-box-sizing: border-box;
	list-style-type: none;
	background-image: url(../graphics/icons/arrowOrange.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 10px;
	color: #494949;
}

.exchangesModuleListCanvas a {
	color: #494949;
	text-decoration: none;
}

.exchangesModuleListCanvas a:hover {
	color: #a0a0a0;
	text-decoration: none;
}


.exchangesModuleListCanvas p {
	margin-bottom: 8px;
	line-height: 120%;
	color: #494949;
}

.exchangesModuleListCanvas table {
	-moz-box-sizing: border-box;
	width: 100%;
}

.exchangesModuleListCanvas thead td {
	-moz-box-sizing: border-box;
	padding-bottom: 3px;
	border-bottom: 2px solid #83585a;
	font-size: 10px;
	color: #83585a;
	white-space: nowrap;
}

.exchangesModuleListCanvas tbody td {
	-moz-box-sizing: border-box;
	padding-bottom: 1px;
	border-bottom: 1px solid #d3d3d3;
	font-size: 10px;
	color: #494949;
	table-layout: inherit;
}

.exchangesModuleFullListCanvas {
	-moz-box-sizing: border-box;
	clear: both;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-size: 10px;
	color: #686868;
}

.exchangesModuleFullListCanvas ul {
	-moz-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.exchangesModuleFullListCanvas li {
	margin: 0px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom: 1px solid #D7D7D7;
}

.exchangesModuleFullListCanvas li a {
	color: #494949;
	text-decoration: none;
}

.exchangesModuleFullListCanvas li a:hover {
	color: #a0a0a0;
	text-decoration: none;
}

#exchangesStockSearch {
	-moz-box-sizing: border-box;
	margin: 0px;
	padding-top: 8px;
	padding-right: 6px;
	height: 57px;
}

#exchangesStockSearch input {
	-moz-box-sizing: border-box;
	width: 144px;
}

#exchangesStockSearch p {
	margin-bottom: 3px;
	color: #686868;
}

#exchangesWinnersLosers tbody td {
	color: #686868;
	text-transform: uppercase;
}

#stockInformationIntro {
	border-top: 1px solid #b5afa8;
	padding-top: 7px;
	padding-bottom: 8px;
}

#stockInformationIntro h2 {
	margin-bottom: 3px;
}

#stockInformationIntro table {
	-moz-box-sizing: border-box;
	width: 100%;
}

#stockInformationIntro td {
	padding-bottom: 2px;
	font-size: 9px;
	color: Black;
}

#stockDetailsAdditionalInfo {
	width: 242px !important;
	background-image: url(../graphics/delimiterHorDotted.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin-left: 10px;
	padding-left: 0px;
}

#stockInformationNote {
	padding-top: 24px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
}

#stockInformationNote p {
	line-height: 120%;
	color: #686868;
}

table .property {
	font-weight: bold;
	color: #83585a !important;
}

.exchangesModuleHeaderTabs ul {
	-moz-box-sizing: border-box;
	float: left;
	width: 100%;
	background-color: #d7d7d7;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #686868;
	border: 0px solid Red;
}

.exchangesModuleHeaderTabs li {
	float: left;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid White;
}

.exchangesModuleHeaderTabs li.firstElement {
	float: left;
	margin: 0px;
	padding: 0px;
	border-left: none;
}

.exchangesModuleHeaderTabs a {
	-moz-box-sizing: border-box;
	float: left;
	background-color: #d7d7d7;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-weight: bold;
	color: #686868;
	text-decoration: none;
}

.exchangesModuleHeaderTabs a:Hover {
	color: #a0a0a0;
	text-decoration: none;
}

.exchangesModuleHeaderTabs a.selected {
	background-color: #7f7f7f;
	color: White;
}

.exchangesModuleHeaderTabs a.selected:Hover {
	color: White;
}

.resultPositive {
	color: #014899 !important;
}

.resultNegative {
	color: #ad2126 !important;
}

#stocklist tr.ruled {
	background-color: #E9E9E9;
}

#stocklist th a {
	color: #83585A;
}

#stocklist td a {
	color: #83585A;
}

#stocklist .rowDelimiter td {
	border-bottom: 1px solid #d3d3d3;
}


