/* Common market data styles start */
.marketData {
	margin-bottom: 30px;
    /* clear: right; */
}
.marketData  .pos {
	color: #00c000;
}
.marketData .neg {
	color: #c00000;
}
.marketData .null {
	color: #606060;
}
.marketData .textVal {
	text-align: left;
}
.marketData .numVal {
	text-align: right;
}
.marketData td.numVal {
	white-space: nowrap;
}
.marketData .different {
	background-color: #f8f8f8;
}
.marketData .left {
	text-align: left;
}
.marketData .subHeading {
	margin-top: 26px;
}
/* Common market data styles end */

/* Browsing tools start */
.marketData .tools {
    clear: both;
	margin-bottom: 15px;
	border: 1px solid #d8d8d8;
	padding: 5px 10px 8px 10px;
	background-color: #f5f5f5;
}
	/*
.marketData .tools .toolsTitle {
	border-bottom: 1px solid #d8d8d8;
	padding: 5px 10px 4px 10px;
	font-weight: bold;
	background: #f7f7f7 url(/img/market_data_title_bg.png) repeat-x left center;
	font-size: 14px;
	line-height: 18px;
}
.marketData .tools .toolsBody {
}
*/
.marketData .tools td {
	padding: 3px 24px 3px 0px;
    vertical-align: bottom;
}
.marketData .tools label, .marketData .tools .label {
	font-size: 12px;
	display: block;
	margin-bottom: 1px;
}
.marketData .tools input, .marketData .tools select, .marketData .tools option {
	font-size: 13px;
}
.marketData .tools .fixedSize {
	width: 200px;
}
.marketData .tools .send {
	margin-top: 10px;
}
/* Browsing tools end*/

/* List starts */
.marketData .listContainer {
	clear: both;
	padding: 2px;
	border: 1px solid #d8d8d8;
	margin-top: 0px;
	margin-bottom: 5px;
}
.marketData .list {
	border-spacing: 1px;
	width: 100%;
	background-color: #ffffff;
	font-size: 12px;
	color: #000000;
}
.marketData .list td {
	line-height: 1;
	padding: 5px 4px;
}
.marketData td a {
	text-decoration: none;
	color: #000000;
}
.marketData td a:visited {
	color: #808080;
}
.marketData .list th {
	padding: 4px 4px;
	background: #e8e8e8;
	color: #3f3f3f;
	font-weight: bold;
	vertical-align: bottom;
}
.marketData th a {
	text-decoration: none;
	color: #3f3f3f;
}
	
.marketData a:hover {
	text-decoration: underline;
}
.marketData .list .action {
	width: 11px;
}
.marketData .list .repeat th {
	padding: 8px 6px 2px 6px;
	background: #ffffff;
	border-top: 1px solid #d8d8d8;
}
/* List ends */

/* Info starts */
.marketData .dataBox {
	border: 1px solid #d8d8d8;
	margin-bottom: 15px;
}
.marketData .dataBox .boxTitle {
	border-bottom: 1px solid #d8d8d8;
	padding: 5px 10px 4px 10px;
	font-weight: bold;
	background: #f7f7f7 url(/img/market_data_title_bg.png) repeat-x left center;
	font-size: 14px;
	line-height: 18px;
}
.marketData .dataBox .moreLink {
	margin-top: 10px;
	margin-left: 10px;
}
.marketData  .dataBox .infoTableContainer {
	padding: 10px 0px;
}
.marketData .infoTableContainer table {
	width: 100%;
}
.marketData  .infoTableContainer td {
	padding: 2px 10px 2px 10px;
}
.marketData  .infoTableContainer th {
	padding: 2px 10px 2px 10px;
    text-align: left;
}
.marketData  .infoTableContainer .spacer td, .marketData  .infoTableContainer .spacer th {
	padding-top: 10px;
}
.marketData .updated {
	/*background-color: #fffebd;
	padding: 2px 4px;*/
	font-weight: normal;
	margin-bottom: 10px;
}
.marketData #dailyInfoContainer .latestRateContainer {
	border-bottom: 1px solid #d8d8d8;
}
.marketData #dailyInfoContainer .changeIndicator {
	float: left;
	margin: 10px 10px;
}
.marketData #dailyInfoContainer .latest {
	float: left;
	margin: 6px 10px;
	font-size: 24px;
	font-weight: bold;
}
.marketData #dailyInfoContainer .change {
	float: left;
	margin: 11px 10px;
	font-size: 16px;
	font-weight: bold;
}
.marketData #dailyInfoContainer .changePercentage {
	float: left;
	margin: 11px 10px;
	font-size: 16px;
	font-weight: bold;
}
.marketData #dailyInfoContainer .actions {
	margin: 10px 12px 5px 12px;
}
.marketData #dailyInfoContainer .action {
	margin-right: 20px;
}
.marketData #dailyInfoContainer a.action {
	color: #606060;
	text-decoration: none;
}
.marketData  #dailyInfoContainer a.action:hover {
	text-decoration: underline;
}
.marketData #dailyInfoContainer .action a {
	color: #606060;
	text-decoration: none;
}
.marketData  #dailyInfoContainer .action a:hover {
	text-decoration: underline;
}
.marketData #dailyInfoContainer .actions img{
	vertical-align: middle;
	margin-right: 5px;
}
/* Info ends */

/* Graph starts */
.marketData .graphTools {
	padding: 10px;
	border-top: 1px solid #d8d8d8;
}
.marketData #graphInfoContainer .infoNotes {
	text-align: right;
}
.marketData .graphContainer  {
	margin: 20px 0px;
	text-align: center;
}
/* Graph ends */

.marketData .infoNotes, .marketData .listNotes  {
	font-size: 11px;
	color: #606060;
}
.marketData .infoNotes {
	margin: 5px 10px 0px 10px;
}
.marketData .listNotes {
	margin: 4px 7px 10px 7px;
}
.marketData .xvPagination {
	margin: 20px 0px 20px 0px;
}
.marketData .graphTitle {
	font-weight: bold;
	margin-top: 5px;
}


/* Overview - Yleisnäkymä */

#col1A.stockOverView{
	width:788px;
	margin-right:0;
}

.marketData .overView .graphs{
	float:left;
	width:300px;
	margin-right:10px;
}

.marketData .overView .tables{
	float:left;
	width:478px;
}

.marketData .addToList{
	width:17px;
}


.stockDirection { margin: 0px; }
.stockDirection .graph {
	width: 1%;
}
.stockDirection .percentage {
	text-align: right;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}
.stockDirection .graphBar {
	width: 140px;
	height: 12px;
	border: 1px solid #d8d8d8;
	background: #fff;
}
.stockDirection td {
	vertical-align: top;
	padding-bottom: 6px;
}
.stockDirection .graphBar .graphBarFill { height: 12px; }
.stockDirection .option1 { background: #42a30d; }
.stockDirection .option2 { background: #dd0101; }
.stockDirection .option3 { background: #f0f0f0; }

/* Two column layout starts */
.marketData  .layoutRow .subCol1,
.marketData  .layoutRow .subCol2 {
	width: 388px;
	float: left;
}
.marketData .layoutRow .subCol1 {
	margin-right: 17px;
}
/* Two column layout ends */

/* Markkinat tänään */
.marketData .graphBox {
	padding: 20px 0px 0px 0px;
	margin-bottom: 17px;
}

.section {
	margin-bottom:20px;	
}

.marketData #stockExchangeAnnounces {
	margin-top: 10px;
}
.marketData .graphBox .title a {
	color: #3f3f3f;
	text-decoration:none;
	font-size: 15px;
	font-weight: bold;
}
.marketData .graphBox .title {
	margin-bottom: 0;
}
.marketData .graphBox .title a:hover {
	color: #3f3f3f;
	text-decoration:underline;
}
.marketData .graphBox .title .changeIndicator {
	margin-right: 8px;
	margin-bottom: -2px;
}
.marketData .graphBox img.graph{
	width:345px;
	height:147px;
}
.marketData .graphBox p.figures{
	margin:8px 0 8px 0px;
	font-size: 14px;
	font-weight:bold;
}
.marketData .graphBox p.figures span{
	margin-right: 15px;
}
.marketData .graphBox p.figures .addToWatchList{
	margin:0 0 -7px -10px;
}
.marketData .list {
	border-spacing: 0px;
}
.marketData .list td {
	padding: 5px 6px;
}
.marketData .list th{
	color: #808080;
	padding: 8px 6px 2px 6px;
	background: #ffffff;
	border-bottom: 1px solid #d8d8d8;
}
.marketData .list th a{
	color: #808080;
	text-decoration: none;
}
.marketData .list th a:hover{
	color: #808080;
	text-decoration: underline;
}

/* Market today page specific overrides */

.marketData .stockDirection {
	border: 1px solid #d8d8d8;
	padding: 10px 10px 3px 10px;
	margin: 13px 0px 0px 0px;
}
.marketData .stockDirection a {
	text-decoration: none;
	color: #3f3f3f;
}
.marketData .stockDirection a:hover {
	text-decoration: underline;
}

/* Market data advertisements start */
.marketData .list .listAd td {
	text-align: center;
	padding: 10px 0px;
}
/* Market data advertisements end */

.marketData .annualReport {
	padding: 10px;
	border: 1px solid #d8d8d8;
}

#markkinaSeuranta .anchorNavigation {
	margin-top: 20px;
}
th.adVal, td.adVal {
    border-left: 3px double #D8D8D8;
}

/* Rahastot */
.marketData .investmentPolicy, .marketData .document {
    margin: 1em 0;
}

.documentsContainer .boxTitle {
    margin: 1em 0;
    font-weight: bold;
}

.marketData div.adVal {
    float: right;
    font-size: 9px;
}

.marketData div.actions {
    margin: 1em 0;
}

.marketData a.action {
    display: block;
    margin: 1em 0;
}

pre {
	font-family: monospace;
	font-size: 10px;
}