/*** General ***/ body, h1, dl, dt, dd, ul, li{margin: 0; padding: 0;} li{list-style-type: none;} dt, dd{font-style: normal; font-weight: normal;} .clearing-element{clear: both; visibility: hidden; height: 0; line-height: 0; overflow: hidden; float: none !important;} /*** Body ***/ body{background: white url(/images/background.png) repeat-y left; font-family: Tahoma, sans-serif; font-size: 11px;} /*** Header ***/ h1{background: url(/images/header.png) no-repeat; width: 1050px; height: 411px; text-indent: -9999px;} /*** Content ***/ div.content{padding-top: 10px; padding-left: 43px; padding-bottom: 20px; width: 700px;} /*** B;rs ***/ /* (f;r att gora dessa speciellt för denna sida; lägg in i en egen css eller lägg till id# för body taggen a la Alistapart: http://www.alistapart.com/articles/keepingcurrent/ ) */ div.content div.omxspi > dl > dt, div.content div.stock-market-world-index > dl > dt, div.content div.stock-market-temperature > dl > dt, div.content dt.table-heading span.more, div.content div.my-favorites ul.table-menu li a, div.content dl.list dt a, div.content dl.list dd a{padding-left: 16px; background: url(/images/bullet.png) no-repeat 2px 2px; font-weight: bold;} div.content table td{border-width: 0; padding: 0 3px;} div.content td.increase, div.content td.unchanged, div.content td.decrease{background: url(/images/gray-vertical-line.png) repeat-y left; padding-left: 4px; text-align: right;} div.content td.increase{color: skyblue;} div.content td.decrease{color: red;} div.content dl.table{border: 1px solid #d3d3d3; background-color: #f6f3f3; padding: 2px; width: 223px;} div.content dl.table dd.table{background-color: white;} div.content dl.table table{width: 100%;} div.content ul.table-menu{background-color: #e7eeee; border: solid 1px #e7eeee; border-bottom-color: #dee8e8; padding: 2px 4px; margin-bottom: 1px;} div.content ul.table-menu li{display: inline;} div.content ul.table-menu a{color: black; text-decoration: none; padding: 0 5px; border-right: solid 1px black;} div.content ul.table-menu li.first a{padding-left: 0;} div.content ul.table-menu a.selected{font-weight: bold;} div.content ul.table-menu li.last a{border-right: none;} div.content dt.table-heading{background: gray url(/images/table-header.png) top left; color: white; padding: 0 2px 2px 5px; font-weight: bold;} div.content dt span.more{display: block; float: right; text-transform: uppercase;} div.content dt span.more a{color: white; text-decoration: none;} div.content dl.list{margin-bottom: 5px;} div.content dl.list dt{padding-left: 3px; background: url(/images/list-header-left.png) top left no-repeat;} div.content dl.list dt span.title{display: block; background: url(/images/list-header-right.png) top right no-repeat; color: white; font-weight: bold; padding: 3px;} div.content dl.list dd li{margin: 5px 0;} div.content dl.list dd li a{color: #7e7e7e; text-decoration: none;} /*flags*/ div.content div.stock-market-world-index td.dow, div.content div.stock-market-world-index td.nasdaq, div.content div.stock-market-world-index td.omxspi, div.content div.stock-market-world-index td.enext, div.content div.stock-market-world-index td.nikkei, div.content div.stock-market-world-index td.hseng, div.content div td.se{padding-left: 16px; padding-bottom: 1px; background-position: 2px 3px; background-repeat: no-repeat; font-weight: bold;} div.content div.stock-market-world-index td.dow{background-image: url(/images/flag-us.png);} div.content div.stock-market-world-index td.nasdaq{background-image: url(/images/flag-us.png);} div.content div.stock-market-world-index td.omxspi{background-image: url(/images/flag-se.png);} div.content div.stock-market-world-index td.enext{background-image: url(/images/flag-eu.png);} div.content div.stock-market-world-index td.nikkei{background-image: url(/images/flag-jp.png);} div.content div.stock-market-world-index td.hseng{background-image: url(/images/flag-ch.png);} div.content div td.se{background-image: url(/images/flag-se.png);} /*stock market omxspi index*/ div.content div.omxspi{position: relative; float: left; margin-right: 12px; margin-bottom: 10px;} div.content div.omxspi span.value{font-weight: normal; margin-left: 4px;} div.content div.omxspi span.time{position: absolute; top: 0; right: 0;} div.content div.omxspi img{margin-top: 2px;} /*stock market world index*/ div.content div.stock-market-world-index{float: left; margin-bottom: 10px; margin-right: 4px;} div.content div.stock-market-world-index dl.table dd.table{position: relative; background: whitesmoke; border: solid 1px silver; padding: 2px; margin-top: 2px;} div.content div.stock-market-world-index dt.table-heading{position: static; color: black; padding-right: 0; padding-bottom: 0; padding-top: 0;} div.content div.stock-market-world-index dl.table{border: 0; background-color: transparent; padding: 0; margin-right: 0; width: auto;} /*stock market temperature*/ div.content div.stock-market-temperature{float: left; width: 68px;} div.content div.stock-market-temperature dl{background: url(/images/gray-vertical-line.png) repeat-y left; padding-left: 3px;} div.content div.stock-market-temperature ul{background: url(/images/stock-market-temperature-normal.png) repeat-y right; vertical-align: middle;} div.content div.stock-market-temperature ul li.warm{background: url(/images/stock-market-temperature-warm.png) repeat-y bottom right; border-top: solid 1px #dbdbdb;} div.content div.stock-market-temperature ul li.cold{background: url(/images/stock-market-temperature-cold.png) repeat-y top right; border-bottom: solid 1px #dbdbdb;} /*stock market winners*/ div.content div.stock-market-winners{float: left; clear: left; margin-bottom: 10px; margin-right: 10px;} /*stock market losers*/ div.content div.stock-market-losers{float: left; margin-bottom: 10px;} /*stock market analysis*/ div.content div.stock-market-analysis{float: left; clear: left; margin-bottom: 10px;} div.content div.stock-market-analysis dl{width: 462px;} div.content div.stock-market-analysis dl ul li{float: left; width: 25%; text-align: center;} div.content div.stock-market-analysis dl ul li.increase, div.content div.stock-market-analysis dl ul li.decrease{padding-top: 56px; background: center 7px no-repeat;} div.content div.stock-market-analysis dl ul li.increase{background-image: url(/images/large-increase.png);} div.content div.stock-market-analysis dl ul li.decrease{background-image: url(/images/large-decrease.png);} div.content div.stock-market-analysis dl ul li dl{width: auto;} div.content div.stock-market-analysis dl ul li dt{font-weight: bold;} /*my favorites*/ div.content div.my-favorites{float: left; clear: left; margin-bottom: 10px; margin-right: 10px;} div.content div.my-favorites dt.table-heading{background-image: url(/images/my-favorites-header.png); padding-left: 16px;} div.content div.my-favorites ul.table-menu{text-align: right; background-color: white;} /*stock market hot stock*/ div.content div.stock-market-hot-stock{float: left; margin-bottom: 10px;} /*stock market best field*/ div.content div.stock-market-best-field{float: left; clear: left; margin-bottom: 10px; margin-right: 10px;} /*stock market worst field*/ div.content div.stock-market-worst-field{float: left; margin-bottom: 10px;} /*posts from VA Bors*/ div.content div.posts-from-va-bors{float: left; clear: left; width: 229px; margin-right: 10px;} /*stock analysises*/ div.content div.stock-analysises{float: left; width: 229px;} /*right column*/ div.content div.right-column{float: right; width: 224px;} /*** Footer ***/ div.footer{background: url(/images/footer.png) no-repeat; width: 1050px; height: 334px;} div.footer p{position: relative; top: 15px; color: #6aaddf; font-size: 10px; text-align: right; margin-left: 53px; margin-right: 309px;}