/* MARIA: RESET STYLES RELOADED ________________________________________________________________________*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: #white; background: #161616; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } 
 /* FRAMEWORK ________________________________________________________________________*/ .clear { clear: both; } span.white{ color:#fff; } strong { font-weight: bold; } .half-clear { clear: left; width: 278px; _float: left; } #telecom-revy a { color: #ff5000; text-decoration: none; } #telecom-revy a:hover { } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #171717 url(/sitefiles/30/design/body_background.jpg) fixed center top; color: #999; } h2{ font-size:18px; color:#999; } #wrap { width: 964px; margin: 0 auto; padding: 0 18px; } #wrap #header { width: 964px; padding:0px 18px; height:154px; float: left; clear: both; position: relative; } #wrap #header h1#home { width: 370px; height: 100px; float: left; clear: both; margin: 10px 0px 5px 0px; } #wrap #header h1#home a { display: block; width: 274px; height: 100px; float: left; clear: both; text-indent: -9999px; position: relative; overflow: hidden; background: url(/sitefiles/30/design/telecomrevy_logo.png) 100% 0 no-repeat; } #wrap #header #main-rss { display: block; width: 22px; height: 22px; position: absolute; top: 36px; right: 207px; overflow: hidden; background: url(/sitefiles/30/gfx/rss.png) 0 0 no-repeat; text-indent: -9999px; } #wrap #col-wrap { width: 964px; padding: 18px; float: left; clear: both; position: relative; overflow: hidden; background: url(/sitefiles/30/design/back_middle.png) 0 0 repeat-y; _background:#000; margin-bottom:20px; } #wrap #col-wrap #main-col { width: 781px; float: left; clear: left; } #wrap #col-wrap #main-col #main-left { width: 468px; float: left; clear: left; position: relative; overflow: hidden; } #wrap #col-wrap #main-col #main-right { width: 295px; float: right; clear: right; position: relative; overflow: hidden; } #wrap #col-wrap #main-col #main-bottom { width: 781px; float: left; clear: both; position: relative; overflow: hidden; } #wrap #col-wrap #side-col { width: 180px; float: right; clear: right; padding: 0 0 13px; } #wrap #footer { width: 960px; float: left; clear: both; position: relative; margin: 0 0 40px; padding:15px 20px 0px 20px; text-align: center; background-color:#151515; border:1px solid #3e3e3e; } /* TOP AD AREA ________________________________________________________________________*/ #top-ad-area { width: 964px; height: 148px; padding: 18px; float: left; clear: both; background: url(/sitefiles/30/design/back_top.png) repeat-x; _background:#000; border-left:1px solid #454545; border-right:1px solid #454545; border-bottom:1px solid #454545; } #top-ad-area .ad { height: 150px; margin: 0; } #top-ad-area .ad-top-left { width: 768px; float: left; clear: left; } #top-ad-area .ad-top-left .ad-768 { padding: 0; } #top-ad-area .ad-top-right { width: 180px; float: right; clear: right; } /* MAIN MENU ________________________________________________________________________*/ #main-menu { width: 975px; padding: 2px 0px; height: 33px; float: left; clear: both; position: relative; margin: 0 0 10px; } #main-menu li{ float: left; display: inline; margin: 0 1px 0 0; padding:0px 0px; background: url(/sitefiles/30/design/meny_back.jpg) 0 0 repeat-x; } #main-menu .active{ float: left; color:#ff5000; display: inline; margin: 0px 1px 0px 0px; text-decoration: none; padding:0px 0px; background: url(/sitefiles/30/design/meny_back_hover.jpg) 0 0 repeat-x; } #main-menu li a:hover{ float: left; color:#ff5000; display: inline; margin: 0px; text-decoration: none; padding:0px; background: url(/sitefiles/30/design/meny_back_hover.jpg) 0 0 repeat-x; } #main-menu li.last{ float: left; display: inline; margin: 0 1px 0 0; padding:0px; background: url(/sitefiles/30/design/meny_back_oransj.jpg) 0 0 repeat-x; } #main-menu li a{ float: left; display: block; height: 37px; line-height: 37px; font-size: 12px; /*font-weight:bold;*/ color: #ccc; text-transform: uppercase; text-decoration: none; text-shadow: 1px 60 #000000 !important; padding: 0 14px; } #main-menu li.active a{ float: left; display: block; height: 37px; line-height: 37px; font-size: 12px; /*font-weight:bold;*/ color: #ff5000; text-transform: uppercase; text-decoration: none; text-shadow: 1px 60 #000000 !important; padding: 0 14px; } #main-menu li a:hover{ float: left; display: block; height: 37px; line-height: 37px; font-size: 12px; /*font-weight:bold;*/ color: #ff5000; text-transform: uppercase; text-decoration: none; text-shadow: 1px 60 #000000 !important; padding: 0 14px; } /* TELECOMMENTAR 1 ________________________________________________________________________*/ .telecommentar_1{ width: 240px; background:url(/sitefiles/30/design/back_rightlists.png) repeat-y; _background:#000; float: left; clear: both; position: relative; overflow: hidden; border: 1px solid #333; margin-bottom:20px; padding:20px 18px; } .telecommentar_1 h2{ font-size:22px; color:#999; margin:0px; padding:0px; height:25px; text-transform:uppercase; } .telecommentar_1 li{ margin:0px; } .telecommentar_1 li h4{ line-height:26px; margin:10px 0px 20px 0px; font-size:22px; color:#fff; } .telecommentar_1 li h4 a { display: block; color:#fff!important; } .telecommentar_1 li h4 a:hover { color: #666; } .telecommentar_1 li p{ color:#fff; font-size:12px; line-height:18px; } .telecommentar_1 li .author{ font-size:11px; color:#ff5000; margin:20px 0px 5px 0px; } .telecommentar_1 li .readmore{ float:right; text-transform:uppercase; font-size:11px; background:url(/sitefiles/30/design/lesmer_pil.png) left center no-repeat; padding:4px 0px 0px 20px; height:13px; } /* TELECOMMENTAR LISTE ________________________________________________________________________*/ .telecommentar_liste { width: 276px; background:url(/sitefiles/30/design/back_rightlists.png) repeat-y; _background:#000; float: left; clear: both; position: relative; overflow: hidden; border: 1px solid #333; margin-bottom:20px; padding: 16px 0px 0px 0px; } .telecommentar_liste h2{ width: 265px; height: 25px; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #999; margin: 0px 0px 8px 18px; } .telecommentar_liste ul { width: 255px; float: left; clear: both; list-style: none; position: relative; overflow: hidden; padding:0px 10px; } .telecommentar_liste ul li.article { width: 259px; float: left; clear: both; position: relative; overflow: hidden; padding: 0 0 13px; font-size: 1.1em; background:url(/sitefiles/30/design/border_listesmal.jpg) no-repeat top center; } .telecommentar_liste ul li.sweep { padding: 0; } .telecommentar_liste ul li.article a { position: relative; } .telecommentar_liste ul li.article a.img-read-more { display: block; float: left; width: 128px; height: 71px; border: 1px solid #333; position: relative; overflow: hidden; margin-right:8px; } #telecom-revy .telecommentar_liste ul li.article a.img-read-more:hover { border-color: #666; } .telecommentar_liste ul li.article a.img-read-more img { float: left; } .telecommentar_liste ul li.article .text-wrap { width: 201px; float: right; } .telecommentar_liste ul li.article h4 { color: #fff; padding: 0 0 .15em; margin:10px 0px 8px 0px; font-size:14px; } .telecommentar_liste ul li.sweep h4 { padding: 0; } #telecom-revy .telecommentar_liste ul li.article h4 a { color: #fff!important; text-decoration: none; } #telecom-revy .telecommentar_liste ul li.sweep h4 a { padding: 0 0 13px; display: block; } #telecom-revy .telecommentar_liste ul li.article h4 a:hover { color: #ff5000!important; } .telecommentar_liste ul li.article p.excerpt { line-height: 1.1; font-size:11px; color:#fff; float:left; width:121px; } .telecommentar_liste ul li.cat { width: 264px; float: left; clear: both; position: relative; overflow: hidden; padding: 6px 0 7px; font-size: 1.1em; height: 13px; } #telecom-revy .telecommentar_liste ul li.cat a { display: block; height: 13px; line-height: 13px; background: url(/sitefiles/30/gfx/read-more-arrow.png) 100% 0 no-repeat; color: #999; text-decoration: none; } #telecom-revy .telecommentar_liste ul li.cat a:hover { color: #333; } .telecommentar_liste ul li.cat a strong { font-weight: normal; text-transform: uppercase; } .visflere{ background:url(/sitefiles/30/design/visflere.jpg) 10px center no-repeat ; border-top:1px solid #333; height:35px; line-height:35px; padding-left:35px; font-size:10px; text-transform:uppercase; } .visflere a{ color:#999!important; } /* ARTIKKELDETALJ VENSTRE KOLONNE & TELECOMMENTAR DETALJ ________________________________________________________________________*/ .telecommentar_detalj, .article_detail{ width: 466px; float: left; clear: both; position: relative; overflow: hidden; margin-bottom:20px; color:#333; font-size:12px; } .telecommentar_detalj img, .article_detail img{ background:#000; border: 1px solid #333; /* width:464px;*/ /* height:260px;*/ margin:0px; padding:0px; } .telecommentar_detalj .targets, .article_detail .targets{ background:url(/sitefiles/30/design/shadow_top.jpg) center no-repeat; width:426px; border:none; height:27px; margin:-2px 0px 0px 0px; padding:9px 20px 0px 20px; text-transform:uppercase; padding-top:5px; height:31px; background-color:#FFFFFF; height:auto; background-position:0px 0px; overflow:hidden; } .telecommentar_detalj .targets p, .article_detail .targets p { padding-bottom:4px; font-size:11px; text-transform:none; overflow:hidden; } .telecommentar_detalj .targets p span.fotograf, .article_detail .targets p span.fotograf { float:right; width:100px; text-align:right; } .telecommentar_detalj .targets p span.bildetekst, .article_detail .targets p span.bildetekst { float:left; width:326px; } .telecommentar_detalj .targets .cat, .article_detail .targets .cat { margin:0px; float:left; padding:3px 0px; width:50px; font-size:10px; height: 20px; text-transform: uppercase; display: block; text-decoration: none; } .telecommentar_detalj .targets .cat a:hover, .telecommentar_detalj .targets #comments-top a:hover, .article_detail .targets .cat a:hover, .article_detail .targets #comments-top a:hover { color: #333; } .telecommentar_detalj .targets #comments-top, .article_detail .targets #comments-top{ float:right; text-align:right; height:15px; margin:1px 0px 0px; font-size:10px; padding:3px 0px 0px 20px; background:url(/sitefiles/30/design/comments_boble.png) center left no-repeat; } .telecommentar_detalj .targets #article-date, .article_detail .targets #article-date { float: right; text-align:right; height:15px; margin:1px 0px 0px; font-size:10px; padding:3px 0px 0px 20px; } .text_wrap { background:url(/sitefiles/30/design/artikkeldetalj_bg.jpg) repeat-y; width:426px; border:none; margin:-1px 0px 0px 0px; padding:0px 20px 6px 20px; } .telecommentar_detalj .text_wrap h2, .article_detail .text_wrap h2{ text-transform:none; font-size:22px; padding-top:15px; background:url(/sitefiles/30/design/border_artikkeldetalj.jpg) no-repeat center top; width:426px; color:#333; margin:0px; line-height: 30px; font-weight: normal; } .telecommentar_detalj .text_wrap h3, .article_detail .text_wrap h3 { font-size: 16px; font-weight: normal; line-height: 18px; padding: 0 0 .25em; margin: 0; } .telecommentar_detalj .text_wrap h4, .article_detail .text_wrap h4 { font-size: 14px; font-weight: bold; line-height: 1; margin: 0 0 .625em; padding: 0; } .telecommentar_detalj .text_wrap h5, .article_detail .text_wrap h5 { font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 .625em; padding: 0; } .article_detail .text_wrap p#excerpt, .telecommentar_detalj .text_wrap .ingress p, .article_detail .text_wrap .ingress p{ font-size:12px; font-weight:bold; line-height:18px; margin:10px 0px 15px 0px; color:#666; } .telecommentar_detalj .text_wrap .author, .article_detail .text_wrap .author{ font-size:10px; color:#ff5000; text-transform:uppercase; margin:0px; } .telecommentar_detalj .text_wrap p, .article_detail .text_wrap p{ margin:15px 0px 25px 0px; line-height:16px; } .text_wrap ul, .text_wrap ol, .text_wrap dl { margin: 0 0 1.5em; } .text_wrap ul { list-style-type: square; padding: 0 0 0 1.1em; _padding: 0 0 0 1.5em; } .text_wrap ol { list-style-type: square; padding: 0 0 0 1.5em; _padding: 0 0 0 2.2em; } .text_wrap ol li, .text_wrap ul li { line-height:20px; } .text_wrap #related { padding-top:5px; } .text_wrap #related ul li { line-height:15px; } .text_wrap dl dt { font-weight: bold; } .text_wrap dl dd { padding: 0 0 0.5em 2em; } .text_wrap em { font-style: italic; } .text_wrap strong { font-weight: bold; } .telecommentar_detalj #meta-and-actions, .article_detail #meta-and-actions{ padding:15px 0px; height:15px; width:426px; margin:0px; background:url(/sitefiles/30/design/border_artikkeldetalj.jpg) center top no-repeat; } .telecommentar_detalj #meta-and-actions #print, .article_detail #meta-and-actions #print{ float:left; list-style:none; background:url(/sitefiles/30/design/print.jpg) center left no-repeat; } .telecommentar_detalj #meta-and-actions #print a, .telecommentar_detalj #meta-and-actions #email .tip-a-friend, .article_detail #meta-and-actions #print a, .article_detail #meta-and-actions .tip-a-friend{ display:block; padding:0px 25px 0px 25px; height:17px; color:#666!important; text-transform:uppercase; font-size:10px; } .telecommentar_detalj #meta-and-actions #email, .article_detail #meta-and-actions #email{ float:right; list-style:none; text-align:right; background:url(/sitefiles/30/design/del-tips.jpg) center right no-repeat; } .addthis_toolbox{ float:right; text-align:right; list-style:none; } .bottom_shadow{ background:url(/sitefiles/30/design/shadow_bottom.jpg) no-repeat; width:466px; height:5px; display:block; } .addthis_button_compact{ background:url(/sitefiles/30/design/del-tips.jpg) center right no-repeat; padding:2px 25px 0px 0px; height:14px; margin:4px 0px 0px 0px; } /* TELECOM REVY EXPRESS ________________________________________________________________________*/ .express_liste{ width: 250px; background:url(/sitefiles/30/design/back_rightlists.png) repeat-y; _background:#000; float: left; clear: both; position: relative; overflow: hidden; border: 1px solid #333; margin-bottom:20px; padding:20px 8px 20px 18px; } .express_liste li{ height:23px; } .express_liste ul h2{ font-size:21px; color:#999; margin:0px 0px 15px 0px; padding:0px; height:25px; text-transform:uppercase; } .express_liste li h4 a { color: #fff!important; display: block; font-size:11px; font-weight:bold; text-decoration:none; } .express_liste li h4 a:hover { color: #ff5000!important; } .express_liste .readmore{ float:right; text-transform:uppercase; font-size:11px; background:url(/sitefiles/30/design/lesmer_pil.png) left center no-repeat; padding:4px 0px 0px 20px; height:13px; margin:5px 10px 0px 0px; } .express_detalj{ width: 280px; background:url(/sitefiles/30/design/back_rightlists.png) repeat-y; _background:#000; float: left; clear: both; position: relative; overflow: hidden; border: 1px solid #333; margin-bottom:20px; } .express_detalj li{ } .express_detalj li h4{ } .express_detalj li h4 a { color: #999; display: block; height: 30px; } .express_detalj li h4 a:hover { color: #666; } .express_detalj li .ingress{ } .telecommentar_detalj li p{ } .express_detalj li .author{ font-size:11px; color:#ff5000; } /* TOP ARTICLES / MEST LEST ________________________________________________________________________*/ .top-articles { width: 258px; background:url(/sitefiles/30/design/back_rightlists.png) repeat-y; _background:#000; float: left; clear: both; position: relative; overflow: hidden; border: 1px solid #333; margin-bottom:20px; padding: 16px 10px 0px 10px; } .top-articles h2 { width: 246px; height: 21px; line-height: 21px; font-size: 21px; font-weight: normal; text-transform: uppercase; color: #999; padding: 0px 8px 13px 8px; } #telecom-revy .top-articles h2 a { color: #999; display: block; height: 30px; } #telecom-revy .top-articles h2 a:hover { color: #ff5000; } .top-articles ul { width: 256px; float: left; clear: both; list-style: none; position: relative; overflow: hidden; } .top-articles ul li.article { width: 259px; float: left; clear: both; position: relative; overflow: hidden; padding: 0 0 13px; font-size: 1.1em; background:url(/sitefiles/30/design/border_listesmal.jpg) no-repeat top center; } .top-articles ul li.sweep { padding: 0; } .one-cat ul li.last { } .top-articles ul li.article a { position: relative; } .top-articles ul li.article a.img-read-more { display: block; float: left; width: 124px; height: 71px; border: 1px solid #333; position: relative; overflow: hidden; margin-right:8px; } #telecom-revy .top-articles ul li.article a.img-read-more:hover { border-color: #666; } .top-articles ul li.article a.img-read-more img { float: left; } .top-articles ul li.article .text-wrap { width: 197px; float: right; } .top-articles ul li.article h4 { color: #fff; padding: 0 0 .15em; margin:10px 0px 8px 0px; font-size:14px; } .top-articles ul li.sweep h4 { padding: 0; } #telecom-revy .top-articles ul li.article h4 a { color: #fff; text-decoration: none; } #telecom-revy .top-articles ul li.sweep h4 a { padding: 0 0 13px; display: block; } #telecom-revy .top-articles ul li.article h4 a:hover { color: #ff5000; } .top-articles ul li.article p.excerpt { line-height: 1.1; font-size:11px; color:#fff; float:left; width:122px; } .top-articles ul li.cat { width: 264px; float: left; clear: both; position: relative; overflow: hidden; padding: 6px 0 7px; font-size: 1.1em; height: 13px; } #telecom-revy .top-articles ul li.cat a { display: block; height: 13px; line-height: 13px; background: url(/sitefiles/30/gfx/read-more-arrow.png) 100% 0 no-repeat; color: #999; text-decoration: none; } #telecom-revy .top-articles ul li.cat a:hover { color: #333; } .top-articles ul li.cat a strong { font-weight: normal; text-transform: uppercase; } /* ARTICLE TEMPLATE: NORMAL LISTING ________________________________________________________________________*/ #main-col #main-left .articles { width: 468px; float: left; clear: both; } #main-col #main-left .articles .article { width: 468px; float: left; clear: both; position: relative; overflow: hidden; padding: 0 0 13px; } #main-col #main-left .articles .large { margin-bottom: 13px; } #main-col #main-left .article a.img-read-more { display: block; float: left; position: relative; } #main-col #main-left .article a.img-read-more:hover { border: none; } #main-col #main-left .articles a.img-read-more img { float: left; clear: left; padding: 0; margin: 0 13px 0 0; } #main-col #main-left .articles .large a.img-read-more img { padding: 0 0 20px; clear: both; margin: 0; } #main-col #main-left .articles h3 { font-family: Georgia, Garamond, serif; color: #000; font-size: 2em; font-weight: normal; padding: 0 13px .25em; line-height: 1; } #main-col #main-left .articles .large h3 { font-size: 2.6em; } #main-col #main-left .articles p.excerpt { font-size: 1.2em; line-height: 1.4; padding: 0 13px; margin: 0; } /* ARTIKKELLISTE VENSTRE KOLONNE BILDE TIL VENSTRE ________________________________________________________________________*/ .articles-left { width: 466px; margin: 0px; _margin: 0px; float: left; clear: both; color:#fff; font-size:11px; } .articles-left .art { width: 464px; padding: 15px 0px; margin: 0px; position: relative; background: url(/sitefiles/30/design/border_listevid.jpg) center bottom no-repeat; float: left; clear: both; } .articles-left .weighted { background: #E8E8E8; width: 428px; padding: 0 20px 20px; left: -12px; } .articles-left .art .img { float: left; width: 128px; height: 71px; border: 1px solid #333; overflow: hidden; margin:2px 8px 0px 0px; } .articles-left .weighted .img { display: block; float: left; clear: both; border: none; margin: 0 0 20px; position: relative; left: -20px; } .articles-left .art .img:hover { border-color: #666; } .articles-left .art .img img { float: left; } .articles-left .art .text { float: left; width: 323px; /* height: 75px;*/ position: relative; overflow: hidden; } .articles-left .weighted .text { clear: both; width: 428px; height: auto; padding:6px 1px 15px 0px; } .articles-left .art .text h2 { font-size: 16px; clear: both; line-height: 16px; padding:0px; margin:0px; text-transform:none; width: 323px; font-weight: normal; color: #999; } #telecom-revy .articles-left .art .text h2 a { text-decoration: none; color: #fff!important; } #telecom-revy .articles-left .art .text h2 a:hover { color: #ff5000!important; } .articles-left .art .text p.excerpt { line-height:15px; margin:6px 0px 6px 0px; } .articles-left .weighted .text p.excerpt { padding: 0 0 2.5em; } .articles-left .art .text p.targets { font-size: 10px; text-transform: uppercase; line-height: 1; height: 13px; margin: 0px; } .articles-left .weighted .text p.targets { width: 428px; } .articles-left .art .text p.targets a { display: block; height: 13px; line-height: 13px; } #telecom-revy .articles-left .art .text p.targets a:hover { color: #fff; } .articles-left .art .text p.targets a.read-more { color: #93C; float: left; text-transform:uppercase; background:url(/sitefiles/30/design/lesmer_pil.png) left center no-repeat; padding:2px 0px 0px 20px; height:13px; } #telecom-revy .articles-left .art .text p.targets a.cat { color: #ff5000; padding: 2px 0px 0px 19px; float: right; } #telecom-revy .articles-left .art .text p.targets a.cat:hover { color: #fff; } #telecom-revy .articles-left .weighted .text p.targets a.cat { background-image: url(/sitefiles/30/gfx/read-more-arrow-on-gray.png); } .moreArticles{ width:466px; padding:20px 0px; margin:0px; } .moreArticles a{ background:url(/sitefiles/30/design/neste.png) no-repeat center right; height:25px; line-height:25px; font-size:16px; color:#999!important; width:466px; display:block; } /* ARTIKKEL FORSIDE & NOT LOGGED IN ________________________________________________________________________*/ #article-not-logged-in { margin: 0; background:none; } .articles-front, #article-not-logged-in{ width:466px; float: left; clear: both; position: relative; overflow: hidden; margin-bottom:20px; color:#333; font-size:12px; } .articles-front .art, #article-not-logged-in .art{ background:url(/sitefiles/30/design/border_listevid.jpg) center bottom no-repeat; margin-bottom:20px; } .articles-front .art .img, #article-not-logged-in .art .img{ width:464px; height:260px; } .articles-front .art .img img, #article-not-logged-in .art .img img{ background:#000; border: 1px solid #333; width:464px; height:260px; margin:0px; padding:0px; } .articles-front .text, #article-not-logged-in .text{ width:466px; padding:6px 1px 20px 1px; } .articles-front .art .text h2, #article-not-logged-in .art h2{ text-transform:none; font-size:22px; padding-top:15px; width:464px; color:#fff; margin:0px; line-height: 30px; font-weight: normal; } .articles-front .art .text h2 a, #article-not-logged-in .art h2 a{ color:#fff!important; } .articles-front .art .text h2 a:hover, #article-not-logged-in .art h2 a:hover{ color:#ff5000!important; } .articles-front .text .excerpt, #article-not-logged-in .text .excerpt{ font-size:12px; line-height:18px; margin:10px 0px 15px 0px; color:#fff; } .articles-front .text p, #article-not-logged-in .text p{ margin:15px 0px 25px 0px; line-height:16px; } .articles-front .art .text .targets, #article-not-logged-in .art .text .targets{ padding:0px; margin:0px; height:20px; background:none; line-height:20px; width:464px; } .articles-front .art .text .targets .readmore, #article-not-logged-in .art .text .targets .readmore{ float:left; text-transform:uppercase; font-size:11px; background:url(/sitefiles/30/design/lesmer_pil.png) left center no-repeat; padding:1px 0px 0px 20px; height:21px; width:100px; font-weight:bold; } .articles-front .art .text .targets .cat, #article-not-logged-in .art .text .targets .cat{ margin:0px; float:right; padding:1px 0px 0px 0px; font-size:11px; font-weight:bold; height: 21px; text-transform: uppercase; text-align:right; } .articles-front .art .text .targets .cat a, #article-not-logged-in .art .text .targets .cat a{ display: block; line-height: 20px; font-weight:bold; } .articles-front .art .text .targets .cat a:hover, #article-not-logged-in .art .text .targets .cat a:hover{ color: #333; } .articles-front .art .text .targets .comment-count, #article-not-logged-in .art .text .targets .comment-count{ float:right; text-align:right; font-weight:bold; height:21px; font-size:11px; text-transform:uppercase; padding:0px 0px 0px 20px; margin:0px 0px 0px 20px; background:url(/sitefiles/30/design/comments_boble.png) center left no-repeat; } .articles-front #meta-and-actions, #article-not-logged-in #meta-and-actions{ padding:15px 0px; height:15px; width:428px; background:url(/sitefiles/30/design/border_artikkeldetalj.jpg) center top no-repeat; } .articles-front #meta-and-actions #print, #article-not-logged-in #meta-and-actions #print{ float:left; background:url(/sitefiles/30/design/print.jpg) center left no-repeat; } .articles-front #meta-and-actions #print a, #article-not-logged-in #meta-and-actions #print a, .articles-front #meta-and-actions #email .tip-a-friend, #article-not-logged-in #meta-and-actions #email .tip-a-friend{ display:block; padding:6px 25px 0px 25px; height:16px; color:#666!important; text-transform:uppercase; font-size:10px; } .articles-front #meta-and-actions #email, #article-not-logged-in #meta-and-actions #email{ float:right; background:url(/sitefiles/30/design/del-tips.jpg) center right no-repeat; } /* ARTIKKELLISTE VENSTRE KOLONNE BILDE TIL HØYRE ________________________________________________________________________*/ .articles-horizontal { width: 464px; margin: 0px; _margin: 0px; float: left; color:#fff; clear: both; } #article-not-logged-in { margin: 0; } .articles-horizontal .art { width: 464px; padding: 0 0 10px; margin: 0 0 15px; position: relative; background: url(/sitefiles/30/design/border_listevid.jpg) center bottom no-repeat; float: left; clear: both; } .articles-horizontal .weighted { background: #E8E8E8; width: 428px; padding: 0 20px 20px; left: -12px; } .articles-horizontal .art h2 { font-size: 20px; font-weight: normal; width: 464px; float: left; clear: both; line-height: 1; padding: 0 0 .6em; margin:0px; font-weight: normal; color: #999; } #telecom-revy .articles-horizontal .art h2 a { text-decoration: none; text-transform:none; color: #fff; } #telecom-revy .articles-horizontal .art h2 a:hover { color: #ff5000; } .articles-horizontal .art .text { float: left; clear: left; width: 240px; height: 116px; margin:5px 0px 0px 0px; position: relative; overflow: hidden; } .articles-horizontal .weighted .text { clear: both; width: 428px; height: auto; } .articles-horizontal .art .text p.excerpt { font-size: 12px; line-height: 18px; } .articles-horizontal .weighted .text p.excerpt { padding: 0 0 2.5em; } .articles-horizontal .art .targets { font-size:11px; text-transform: uppercase; line-height: 1; font-weight:bold; width:464px; margin:10px 0px 0px 0px; height: 17px; bottom: 0; left: 0; clear: both; float:left; } .articles-horizontal .weighted .targets { width: 428px; } .articles-horizontal .art .targets a { display: block; height: 17px; line-height: 17px; } #telecom-revy .articles-horizontal .art .targets a.cat { color: #ff5000; padding: 0 0 0 19px; float: right; margin:1px 0px 0px 0px; } #telecom-revy .articles-horizontal .weighted .targets a.cat { background-image: url(/sitefiles/30/gfx/read-more-arrow-on-gray.png); } .articles-horizontal .art .targets a.read-more { color: #ff5000; float: left; margin:1px 0px 0px 0px; height:16px; width:100px; background:url(/sitefiles/30/design/lesmer_pil.png) left center no-repeat; padding:0px 0px 0px 20px; } .articles-horizontal .art .targets a.comment-count { color: #ff5000; float: right; text-align:right; clear: right; padding: 0px 0 0 20px; margin:1px 0px 0px 20px; background: url(/sitefiles/30/design/comments_boble.png) 1px 50% no-repeat; height:16px; } #telecom-revy .articles-horizontal .art .targets a:hover { color: #fff; } .articles-horizontal .art a.img { display: block; width: 194px; height: 120px; float: right; border: 1px solid #333; } .articles-horizontal .weighted a.img { display: block; width: auto; height: auto; float: left; clear: both; border: none; margin: 0 0 20px; position: relative; left: -20px; } .articles-horizontal .art a.img:hover { border-color: #AAA; } .articles-horizontal .art a.img img { float: left; } /* TELECOM REVY EXPRESS UTLISTING ________________________________________________________________________*/ .sweeps { width: 426px; float: left; clear: both; color:#333; border: none; margin: 0 0 20px; padding: 11px 20px 0px; background:url(/sitefiles/30/design/artikkeldetalj_bg.jpg) repeat-y; color:#333; min-height:120px; } .sweeps h2 { width: 424px; float: left; clear: both; font-size: 21px; height: 20px; padding: 0px; color:#333; text-transform:none; line-height: 30px; margin: 5px 0px; font-weight: normal; } .sweeps p.slogan { width: 444px; float: left; margin:10px 0px 0px; clear: both; font-size:10px; font-weight:bold; padding: 0px 0px 10px 0px; color: #999; background:url(/sitefiles/30/design/border_artikkeldetalj.jpg) center bottom no-repeat; } .sweeps ul { width: 424px; margin:10px 0px 0px; float: left; clear: both; } .sweeps ul li { width: 424px; float: left; clear: both; padding: 0px 0px 18px; } .sweeps ul li h3 { font-size: 12px; font-weight: bold; line-height: 1; padding: 0px; color: #ff5000; } .sweeps ul li h3 a { display: block; } #telecom-revy .sweeps ul li h3 a:hover { color: #333; } .sweeps ul li p { font-size: 12px; line-height: 14px; } p.more-sweeps { width: 464px; height: 30px; position: relative; overflow: hidden; float: left; clear: both; } p.more-sweeps a { display: block; width: 464px; height: 29px; line-height: 29px; padding: 0px; background: url(/sitefiles/30/design/neste.png) center right no-repeat; color: #999!important; font-size:16px; text-transform: none; } /* ARTICLE TEMPLATE: ARTICLE DETAILS ________________________________________________________________________*/ .article-details { position: relative; margin: 0 0 13px; overflow: hidden; } #telecom-revy #wrap #col-wrap .article-details #main-left { width: 444px; padding: 0 12px; } .article-details #art-banner { width: 468px; float: left; clear: both; position: relative; padding: 0 0 3em; left: -12px; } .article-details #art-banner img { float: left; clear: both; } .article-details h3#caption { font-size: 1.6em; font-weight: bold; line-height: 1; padding: 0 0 .25em; } .article-details #art-banner h3#caption { padding: 0 10px; height: 26px; line-height: 26px; font-size: 1.5em; color: #FFF; font-weight: bold; text-transform: uppercase; background: #333; } .article-details h2#main-title { font-size: 2.6em; font-weight: bold; line-height: 1; margin: 0 0 .75em; } .article-details p#excerpt { font-size: 1.4em; font-weight: bold; line-height: 1.286; margin: 0 0 2em; } .article-details ul#meta-and-actions { width: 444px; float: left; clear: both; margin: 0 0 1.5em; background: url(/sitefiles/30/gfx/dots-horizontal.gif) 0 18px repeat-x; } .article-details ul#meta-and-actions li { float: left; display: block; font-size: 1em; height: 18px; line-height: 18px; padding: 0 8px 0 7px; background: url(/sitefiles/30/gfx/dots-vertical.gif) 100% 0 repeat-y; } .article-details ul#meta-and-actions li#meta-published, .article-details ul#meta-and-actions li#byline { padding: 0 8px 0 0; clear: left; } .article-details ul#meta-and-actions li#text-size, .article-details ul#meta-and-actions li#email { padding: 0 0 0 7px; background: none; } .article-details ul#meta-and-actions li.first-line { margin: 0 0 1px; } .article-details ul#meta-and-actions li a { color: #333; text-decoration: none; display: block; height: 18px; float: left; height: auto; } .article-details ul#meta-and-actions li a:hover { color: #000; } .article-details ul#meta-and-actions li#byline a:hover { text-decoration: none; } .article-details ul#meta-and-actions li#byline a { float: none; color: #93C; text-decoration: underline; display: inline; } .article-details ul#meta-and-actions li#print a { text-transform: uppercase; padding: 0 0 0 21px; background: url(/sitefiles/30/gfx/article-functions/print.gif) 0 3px no-repeat; } .article-details ul#meta-and-actions li#comments-link a { text-transform: uppercase; padding: 0 0 0 21px; background: url(/sitefiles/30/gfx/article-functions/comment-bubbles.gif) 0 3px no-repeat; } .article-details ul#meta-and-actions li#rss-link a { text-transform: uppercase; padding: 0 0 0 16px; background: url(/sitefiles/30/gfx/article-functions/rss.gif) 0 3px no-repeat; } .article-details ul#meta-and-actions li#email a { text-transform: uppercase; padding: 0 0 0 19px; background: url(/sitefiles/30/gfx/article-functions/tip-a-friend.gif) 0 3px no-repeat; } .article-details ul#meta-and-actions li#text-size { padding-left: 30px; position: relative; text-transform: uppercase; } .article-details ul#meta-and-actions li#text-size span { display: block; position: absolute; bottom: 0; *bottom: 3px; left: 7px; clear: both; } .article-details ul#meta-and-actions li#text-size a { color: #999; display: inline; float: none; height: auto; line-height: 1; padding: 0 1px 0 0; } .article-details ul#meta-and-actions li#text-size a:hover, .article-details ul#meta-and-actions li#text-size a.active { color: #000; } .article-details ul#meta-and-actions li#text-size a#text-size-normal { font-size: .8em; } .article-details ul#meta-and-actions li#text-size a#text-size-bigger { font-size: 1em; } .article-details ul#meta-and-actions li#text-size a#text-size-biggest { font-size: 1.2em; } .article-details #article-infobox { width: 220px; border: 1px solid #CCC; float: right; clear: right; margin: .5em 0 13px 13px; } .article-details #article-infobox #article-infobox-inner { width: 186px; border: 1px solid #FFF; float: left; clear: both; background: #FAFAFA url(/sitefiles/30/gfx/article-infobox-x.gif) 0 0 repeat-x; padding: 0 16px; } .article-details #article-infobox #article-infobox-inner h3 { font-size: 1.1em; font-weight: bold; height: 27px; line-height: 27px; padding: 0 0 1em; color: #333; text-transform: uppercase; } .article-details #article-infobox #article-infobox-inner p { font-size: 1.1em; line-height: 1.3636; color: #333; margin: 0 0 1.333em; } .article-details #main-right #sidebar-images { width: 300px; float: left; clear: both; } .article-details #main-right #sidebar-images li { width: 300px; float: left; clear: both; padding: 0 0 13px; } .article-details #main-right #sidebar-images li img { float: left; clear: both; } .article-details #main-right #sidebar-images li p { border: 1px solid #CCC; border-top: none; padding: 10px 17px; margin: 0; width: 264px; float: left; clear: both; color: #666; font-size: 1.1em; line-height: 1.091; } /* ARTICLE TEMPLATE: RELATED ARTICLES (SLIDER) ________________________________________________________________________*/ .article-details #related { width: 220px; border: 1px solid #CCC; float: right; clear: right; margin: 0 0 13px 13px; *position: relative; *right: 0; } .article-details #related #related-inner { width: 186px; border: 1px solid #FFF; float: right; clear: both; background: #FAFAFA url(/sitefiles/30/gfx/article-infobox-x.gif) 0 0 repeat-x; padding: 0 16px; } .article-details #related #related-inner h3 { font-size: 1.1em; font-weight: bold; height: 27px; line-height: 27px; padding: 0 0 1.5em; color: #333; text-transform: uppercase; } .article-details #related #related-inner ul { width: 186px; float: right; clear: both; padding: 0 0 16px; margin: 0; font-size: 1em; } .article-details #related #related-inner ul li { width: 186px; float: right; clear: both; display: block; padding: 0 0 11px; font-size: 1.1em; } .article-details #related #related-inner ul li.last { padding: 0; } .article-details #related #related-inner ul li a { color: #333; line-height: 1.091; display: block; width: 186px; float: right; clear: both; } .article-details #related #related-inner ul li a:hover { color: #000; } .article-details #related #related-inner ul li a img { border: 1px solid #CCC; margin: 0 10px 0 0; float: left; clear: left; } .article-details #related #related-inner ul li a:hover img { border-color: #AAA; } /* ARTICLE COMMENT FORM ________________________________________________________________________*/ #comment-wrap { width: 464px; float: left; clear: both; position: relative; color:#999; font-size:12px; padding:20px 0px 0px; background:url(/sitefiles/30/design/border_listevid.jpg) center top no-repeat; } #comment-wrap h3 { font-size: 11px; font-weight: normal; line-height: 1; margin: 0 0 1.5em; } #comment-wrap ul { font-size: 1.1em; list-style: none; width: 464px; float: left; padding: 0 0 30px; background:url(/sitefiles/30/design/border_listevid.jpg) center bottom no-repeat; } #comment-wrap ul li { width: 250px; float: left; clear: both; padding: 0 0 1.25em; position: relative; } #comment-wrap ul li.input { width: 468px; height: 27px; line-height: 25px; } #comment-wrap ul li.input #kpcommentheading{ float:left; margin-right:14px; width: 217px; height: 27px; } #comment-wrap ul li.input #kpcommentemail{ float:left; width: 217px; height: 27px; } #comment-wrap ul li label { cursor: pointer; } #comment-wrap ul li label strong { cursor: help; } #comment-wrap ul li strong { color: #ff5000; font-weight: bold; } #comment-wrap ul li#comment-user-status strong { color: #444; } #comment-wrap ul li input { width: 217px; height: 20px; font-size:11px; padding: 6px 5px 1px; border: none!important; background:url(/sitefiles/30/design/kommentar_input.png) no-repeat; margin: 0; top: 0; left: 0; color:#999; *color: #999; clear:none; } #comment-wrap ul li textarea { width: 448px; background:url(/sitefiles/30/design/skrivbeskjed.png) no-repeat; min-height: 140px; border:none!important; _height: 140px; padding: 10px; margin: 0; clear: both; color: #999; *color: #333; font-size: 1em; line-height: 1.5; } #comment-wrap ul li input:focus, #comment-wrap ul li input:hover, #comment-wrap ul li textarea:focus, #comment-wrap ul li textarea:hover { color: #999; border-color: #93C; } #comment-wrap ul li.formcontrols { width: 464px; padding:0px; height: 30px; line-height: 30px; text-align: right; font-size:11px; } #comment-wrap ul li.formcontrols input { width: 150px; color: #333; background: url(/sitefiles/30/design/sendkommentar.png) no-repeat; border: none!important; height: 30px; cursor: pointer; top: auto; float:left; bottom: 0; *width: 136px; } #comment-wrap ul li.formcontrols input:focus, #comment-wrap ul li.formcontrols input:hover { border-color: #93C; } /* ARTICLE COMMENTS ________________________________________________________________________*/ #comments { width: 444px; float: left; clear: both; } #comments h3 { font-size: 9px; text-transform: uppercase; color: #ccc; padding: 0 0 0 20px; background: url(/sitefiles/30/design/comments_boble.png) 0 50% no-repeat; line-height: 13px; margin: 0 0 1em; } #comments ol { list-style: none; width: 444px; float: left; clear: both; color: #666; } #comments ol li { position: relative; width: 464px; float: left; clear: both; } #comments ol li .comment-top { background:url(/sitefiles/30/design/back_middle.png) repeat-y; _background:#000; border:#313131 1px solid; padding: 5px 10px 5px 30px; font-size: 1.2em; margin: 0 0 .75em; line-height: 1.4; } #comments ol li h4 { font-weight: normal; font-size:12px; color:#ccc; } #comments ol li p.meta{ font-weight: normal; font-size:12px; color:#666; } #comments ol li p.meta strong { } #comments ol li p.meta a { display: block; width: 16px; height: 16px; background: url(/sitefiles/30/design/kommentar_pil.jpg) 0 0 no-repeat; text-indent: -9999px; position: absolute; top: 5px; left: 5px; clear: both; overflow: hidden; } #comments ol li p.meta a:hover { border: none; } #comments ol li .comment-text p { font-size: 12px; line-height: 1.3636; margin: 0 0 1.75em; color:#999; } /* LOGGED IN AS ________________________________________________________________________*/ #logged-in-as { width: 424px; float: left; clear: both; padding: 0px 16px 15px 16px; margin: 0 0 13px; } #logged-in-as p { width: 157px; font-size: 12px; line-height: 1.75; color: #fff; float: left; clear: left; } #logged-in-as p strong { color: #666; font-weight: bold; } #logged-in-as ul { width: 97px; float: right; clear: right; } #logged-in-as ul li { width: 97px; float: left; clear: both; padding: 0 0 10px; } #logged-in-as ul li.last { padding: 0; } #logged-in-as ul li a { display: block; width: 95px; height: 27px; line-height: 26px; font-size:11px; text-transform: uppercase; color: #FFF; float: left; clear: both; border: none; font-weight:bold; text-align: center; background: url(/sitefiles/30/design/loggut_minside.png) 0 0 no-repeat; } #logged-in-as ul li a:hover { color:#ff5000; } /* LOGGED IN AS ________________________________________________________________________*/ .plan-message { width: 466px; float: left; clear: both; border: 1px solid #CCC; background: #8D2FBC url(/sitefiles/30/gfx/main-purple-box.png) 1px 100% no-repeat; margin: 0 0 13px; position: relative; } .plan-message h2 { width: 432px; font-size: 1.8em; font-weight: bold; line-height: 1; color: #FFF; padding: 15px 16px .8em; border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-left: 1px solid #FFF; position: relative; } .plan-message p { color: #FFF; font-size: 1.2em; line-height: 1.25; padding: 0 16px 16px; border-right: 1px solid #FFF; border-left: 1px solid #FFF; } .plan-message p.big { font-size: 1.6em; } #telecom-revy .plan-message p a { color: #F93; font-weight: bold; } #telecom-revy .plan-message p a:hover { color: #FFF; } /* MIN SIDE & REGISTRER DEG - I TOPP ________________________________________________________________________*/ .minside_bestill a{ display: block; width: 95px; height: 27px; line-height: 26px; font-size:11px; text-transform: uppercase; color: #FFF!important; float: right; border: none; font-weight:bold; text-align: center; background: url(/sitefiles/30/design/loggut_minside.png) 0 0 no-repeat; } .minside_bestill a:hover{ color:#ff5000!important; } /* LOGG UT ________________________________________________________________________*/ .logg_top { width: 400px; color: #fff; float:left; margin-top:34px; } .logg_top .standard{ float:right; } .loggUt{ margin:0px 0px 0px 5px; } .loggUt a{ float:right; width: 95px; height: 27px; line-height: 26px; font-size:11px; text-transform: uppercase; border: none; color:#fff!important; font-weight:bold; text-align: center; background: url(/sitefiles/30/design/loggut_minside.png) 0 0 no-repeat; } .loggUt a:hover{ color:#ff5000!important; } /* USER REGISTRATION FORM ________________________________________________________________________*/ .mypage { border:1px solid #333; width: 466px; float: left; clear: both; margin: 0 0 13px; color: #333; position: relative; overflow: hidden; } .defaultform { width: 466px; float: left; clear: both; margin: 0 0 13px; color: #333; position: relative; overflow: hidden; } #formcontainer { border:1px solid #333; width: 466px; float: left; clear: both; margin: 0 0 13px; color: #333; position: relative; overflow: hidden; } .sidebarform { width: 464px; background: url(/sitefiles/30/design/back_middle.png) repeat-y; position: relative; margin-bottom:20px; } .sidebarform .error { color: #BE0A26; font-size: 1.2em; font-weight: bold; position: absolute; top: 1em; right: 1em; clear: both; } .defaultform form { width: 432px; float: left; clear: both; padding: 0 16px; } .sidebarform form { width: 430px; position: relative; overflow: hidden; padding: 14px 12px 8px 16px; } .mypage h2{ height: 45px; line-height: 45px; padding: 0 16px; font-size: 22px; margin: 0px; font-weight: normal; text-transform: uppercase; color: #999; } .border-head{ background:url(/sitefiles/30/design/border_listevid.jpg) center bottom no-repeat; height:5px; width:446px; margin:0px 0px 20px; } .defaultform h2{ height: 45px; line-height: 45px; padding: 0px; font-size: 22px; background:url(/sitefiles/30/design/border_listevid.jpg) center bottom no-repeat; margin: 0 0 .5em; font-weight: normal; text-transform: uppercase; color: #999; } .sidebarform form h2 { width: auto; height: auto; line-height: 1; padding: 0; left: 0; background: none; border: 0; color: #999; font-size: 22px; margin: 0px 0px 10px; font-weight: normal; text-transform: uppercase; } .defaultform form h3 { font-size: 14px; font-weight:bold; padding: 0 0 .5em; line-height: 1; color:#fff; } .defaultform form p { font-size: 12px; line-height: 1.5; margin: 0 0 15px; color:#fff; } .sidebarform form p { font-size: 12px; color: #999; margin: 0 0 15px; } .sidebarform form p.error { font-weight: bold; color: #B13026; } .defaultform form p strong { font-weight: bold; color: #fff; } .defaultform form ul { width: 423px; float: left; clear: both; padding: 0 0 2em; } .sidebarform form ul { width: 245px; padding: 0; } .defaultform form ul li { width: 423px; float: left; font-size: 1.2em; line-height: 2; padding: 0 0 .25em; display: block; } .sidebarform form ul li { width: 230px; line-height: 1; padding: 0 0 15px; float:left; } .defaultform form ul li.no-label { width: 312px; float: left; font-size: 1.2em; line-height: 2; padding: 0 0 .25em 140px; _padding: 0 0 .25em 123px; } .defaultform form ul li.air { padding-bottom: 2.25em; } .defaultform form ul li input { width: 214px; float:left; padding: 4px 6px; background:url(/sitefiles/30/design/loggpaa_input.jpg) no-repeat; color: #999; *color: #666; border:none!important; height:27px; } .defaultform form ul li label{ float:left; width:140px; color:#999; font-size:12px; } .defaultform form ul li input#image{ width:214px; height:24px; border:1px solid #606060!important; padding:4px 6px; height:25px; } .sidebarform form ul li input { width: 250px; padding: 6px; float:left; } .defaultform form ul li select { width: 223px; padding: 2px; color: #333; height:24px; *color: #333; } .defaultform form ul li input:focus, .defaultform form ul li select:focus { color: #999; } .defaultform form ul li.group ul { padding: 0; } .defaultform form ul li.group ul li { font-size: 1em; width: 109px; clear: none; height: 20px; line-height: 20px; padding: 0 15px 0 20px; } #telecom-revy .defaultform form ul li.group ul li input{ width: auto; height: auto; margin: 0; padding: 0; border: none; position: absolute; left: 0; top: 2px; } #telecom-revy .defaultform form ul li.reverse input { width: auto; height: auto; margin: 7px 0px 0px 0; padding: 0; border: none; float:right; } .defaultform form ul li.reverse { width: 365px; color:#fff; padding: 0 0 .25em 0px; } .defaultform form ul li.reverse input { top: 4px; } .defaultform form ul li.reverse label{ width:350px; } .defaultform form .formcontrols { width: 150px; float:left; padding: 20px 0 0 120px; font-size: 1em; color:#999; } .sidebarform form .formcontrols { width: 150px; float:left; padding: 4px 0 0 0; font-size: 11px; } .defaultform form .formcontrols input { width: 227px; padding: 2px 10px 3px; height: 27px; cursor: pointer; border: 1px solid #FFF; color: #FFF; text-transform: uppercase; font-size: 14px; } .defaultform form .formcontrols #nextstep{ display: block; width: 95px; height: 27px; line-height: 26px; font-size:11px; text-transform: uppercase; color: #FFF!important; float: right; border: none; font-weight:bold; text-align: center; background: url(/sitefiles/30/design/loggut_minside.png) 0 0 no-repeat; } .defaultform form .formcontrols #nextstep:hover{ color:#ff5000!important; } .defaultform form .formcontrols #oppdater{ display: block; width: 95px; height: 27px; line-height: 26px; font-size:11px; text-transform: uppercase; color: #FFF!important; float: right; border: none; font-weight:bold; text-align: center; background: url(/sitefiles/30/design/loggut_minside.png) 0 0 no-repeat; } .defaultform form .formcontrols #oppdater:hover{ color:#ff5000!important; } .defaultform form ul .formcontrols { width: 150px; padding: 0 10px 3px 140px; height: 26px; cursor: pointer; border: none; color: #FFF; text-transform: uppercase; font-size: 1.1em; } .sidebarform form .formcontrols input { float: left; } .sidebarform form .formcontrols .rem { float: left; padding: 0 10px 0 20px; *padding: 0 10px 0 25px; position: relative; width:110px; } .sidebarform form .formcontrols .rem label { width: auto; height: 26px; line-height: 26px; float: left; color: #999; } .sidebarform form .formcontrols .rem input { position: absolute; top: .4em; left: 0; padding: 0; margin: 0; background: none; width: auto; height: auto; border: 0; } .formcontrols a.glemt{ text-decoration:none!important; color:#ff5000!important; font-size:11px!important; margin-top:7px!important; } #telecom-revy .sidebarform form .formcontrols a { float: left; font-size: 1.1em; color: #111; text-decoration: underline; display: block; height: 28px; line-height: 28px; } #telecom-revy .sidebarform form .formcontrols a:hover { text-decoration: none; } .loggInn{ margin:15px 0px; } .loggInn input{ background: url(/sitefiles/30/design/loggpaa.jpg) 0 0 repeat-x; width:82px; height:29px; display:block; text-transform:uppercase; color:#ffffff!important; font-weight:bold; float:left; border:none!important; font-size:12px; } .loggInn .jegEr{ margin:5px; font-size: 11px; color: #999; float:left; padding:2px 20px; } .loggInn .jegEr a{ font-size:11px!important; } /* CONTENT TEMPLATES: ADS ________________________________________________________________________*/ .ad { float: left; clear: both; position: relative; overflow: hidden; margin: 0 0 13px; } .ad-768 { width: 768px; padding: 0 1px 0 12px; } .ad-468 { width: 468px; padding: 0 0 17px; background: url(/sitefiles/30/gfx/dots-horizontal-444.gif) 50% 100% no-repeat; } .ad-180 { width: 180px; } .article-details #main-left .ad { left: -12px; background: none; } /* LIGHTBOX FORM ________________________________________________________________________*/ #lightbox .form { width: 318px; position: relative; top: -10px; left: -10px; clear: both; padding: 65px 35px 10px; background: url(/sitefiles/2/gfx/lightbox-header-bg.png) 0 0 repeat-x; text-align: left; color: #666; } #lightbox .form h2.lightbox-title { width: 358px; height: 33px; padding: 0 15px; line-height: 31px; text-transform: uppercase; color: #000; font-size: 1.5em; position: absolute; top: 0; left: 0; clear: both; } #lightbox .form p.lightbox-caption { font-size: 1.2em; font-weight: bold; line-height: 1; padding: 0 0 .5em; } #lightbox .form h3.lightbox-title-intext { color: #666; font-size: 1.5em; line-height: 1.25; padding: 0 0 1em; } #lightbox .form a.close-box { display: block; position: absolute; top: 0; right: 10px; clear: both; height: 33px; line-height: 31px; text-transform: uppercase; color: #999; border: none; padding: 0 22px 0 0; background: url(/sitefiles/2/gfx/lightbox-close.png) 100% 50% no-repeat; text-decoration: none; } #lightbox .form ul { width: 318px; float: left; clear: both; } #lightbox .form ul li { width: 318px; float: left; clear: both; padding: 0 0 20px; font-size: 1.2em; } #lightbox .form ul li.flip { width: 283px; position: relative; padding: 0 0 .75em 35px; } #lightbox .form ul li.flip label { line-height: 1.5; cursor: pointer; } #lightbox .form ul li input, #lightbox .form ul li textarea { width: 296px; line-height: 1; padding: .5em 10px; border: 1px solid #CCC; color: #999; *color: #666; font-size: 1em; font-family: Tahoma, Arial, "Lucida Grande", "Bitstream Vera Sans", sans-serif; } #lightbox .form ul li.flip input { position: absolute; top: 0; left: 0; clear: both; width: auto; border: none; } #lightbox .form ul li textarea { height: 125px; line-height: 1.5; } #lightbox .form ul li input:focus, #lightbox .form ul li textarea:focus, #lightbox .form ul li input:hover, #lightbox .form ul li textarea:hover { color: #333; border-color: #93C; } #lightbox .form ul li.formcontrols { padding: 0; } #lightbox .form ul li.formcontrols input { width: auto; color: #333; background: #F5F4F0; border: 1px solid #D0D0D0; height: 28px; padding: 5px 10px 6px; text-transform: uppercase; font-size: 1em; letter-spacing: -.025em; cursor: pointer; *width: 136px; float: right; clear: right; line-height: normal; } #lightbox .form ul li.formcontrols input:focus, #lightbox .form ul li.formcontrols input:hover { border-color: #93C; } /* TIP A FRIEND VARIATIONS (LIGHTBOX) ________________________________________________________________________*/ #tip-a-friend-form ul li label { display: none; } /* NEWSLETTER VARIATIONS (LIGHTBOX) ________________________________________________________________________*/ #telecom-revy .news-letter-overlay { height: auto; } /* GLOBAL SEARCH ________________________________________________________________________*/ #global-search { width: 181px; height: 28px; position: absolute; top: 35px; right: 18px; clear: both; overflow: hidden; background: url(/sitefiles/30/design/sok.jpg) 0 0 no-repeat; } #global-search input#search-terms { width: 112px; height: 17px; position: absolute; top: 0; left: 0; clear: both; padding: 5px 7px 0 23px; border: none; background: none; font-size: 1.1em; color: #666; } #global-search input#search-submit { width: 36px; height: 22px; position: absolute; top: 0; right: 0; clear: both; opacity: 0; *filter: alpha(opacity=0); cursor: pointer; } /* MESSAGE OVERLAY (LIGHTBOX) ________________________________________________________________________*/ #message-wrap { width: 318px; height: 390px; background: #FFF; position: absolute; top: 50px; left: 0; clear: both; padding: 0 35px; } #message-wrap h2 { width: 388px; font-size: 1.6em; font-weight: bold; line-height: 1; text-align: center; position: absolute; top: 50%; left: 0; margin: -1.6em 0 0; } #message-wrap h3 { width: 388px; padding: 2em 0 0; text-align: center; font-size: 1.5em; line-height: 1; position: absolute; top: 50%; left: 0; margin: -1.5em 0 0; } #message-wrap a.finish-box { color: #333; background: #F5F4F0; border: 1px solid #D0D0D0; height: 28px; line-height: 28px; padding: 0 10px; text-transform: uppercase; font-size: 1.2em; letter-spacing: -.025em; text-decoration: none; position: absolute; right: 35px; bottom: 20px; clear: both; } /* SEARCH RESULTS CATEGORIZED EXPAND/COLLAPSE STYLE ________________________________________________________________________*/ #search-results { width: 468px; float: left; clear: both; position: relative; overflow: hidden; } #search-results #search-top-field { width: 444px; height: 22px; float: left; clear: both; margin: 0 12px 10px; _margin: 0 12px 10px 6px; position: relative; overflow: hidden; } #search-results #search-top-field h2 { width: 250px; float: left; clear: left; font-size: 1.2em; font-weight: bold; line-height: 22px; } #search-results #search-top-field form { width: 180px; height: 22px; float: right; clear: right; position: relative; background: url(/sitefiles/30/gfx/search.png) 0 0 no-repeat; } #search-results #search-top-field input.search-terms { width: 112px; height: 17px; position: absolute; top: 0; left: 0; clear: both; padding: 5px 7px 0 23px; border: none; background: none; font-size: 1.1em; color: #666; } #search-results #search-top-field input.search-submit { width: 36px; height: 22px; position: absolute; top: 0; right: 0; clear: both; opacity: 0; *filter: alpha(opacity=0); cursor: pointer; } #search-results .search-results-in-cat { width: 444px; float: left; clear: both; border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 13px; padding: 11px 11px 0; position: relative; overflow: hidden; } #search-results .search-results-in-cat .search-result-in-cat-head { width: 444px; float: left; clear: both; } #search-results .search-results-in-cat .search-result-in-cat-head h3 { width: 444px; float: left; clear: both; font-size: 1.2em; font-weight: bold; text-transform: uppercase; line-height: 1; padding: 0 0 .75em; } #search-results .search-results-in-cat .search-result-in-cat-head h3 strong { float: left; clear: left; } #search-results .search-results-in-cat .search-result-in-cat-head h3 a.toggle { display: block; width: 13px; height: 13px; text-indent: -9999px; position: relative; overflow: hidden; float: right; clear: right; background: url(/sitefiles/30/gfx/expand-collapse.png) 0 -39px no-repeat; } #search-results .expanded .search-result-in-cat-head h3 a.toggle { background-position: 0 0; } #search-results .search-results-in-cat .search-result-in-cat-head p { width: 444px; float: left; clear: both; font-size: 1em; font-weight: bold; color: #999; line-height: 1; padding: 0 0 2em; } #search-results .search-results-in-cat ul.hits { width: 444px; float: left; clear: both; } #search-results .collapsed ul.hits { display: none; } #search-results .search-results-in-cat ul.hits li { width: 444px; float: left; clear: both; padding: 0 0 2em; } #search-results .search-results-in-cat ul.hits li h4 { font-size: 1.2em; font-weight: bold; line-height: 1; padding: 0 0 .25em; } #search-results .search-results-in-cat ul.hits li h4 a { display: block; } #search-results .search-results-in-cat ul.hits li h4 a:hover { color: #000; } #search-results .search-results-in-cat ul.hits li p { font-size: 1.1em; line-height: 1.3636; } #search-results .search-results-in-cat .search-result-in-cat-foot { width: 466px; float: left; clear: both; position: relative; left: -11px; height: 30px; border-top: 1px solid #CCC; font-size: 1.1em; } #search-results .search-results-in-cat .search-result-in-cat-foot a { display: block; width: 426px; height: 30px; line-height: 30px; padding: 0 10px 0 30px; color: #333; background: url(/sitefiles/30/gfx/expand-collapse.png) 10px 9px no-repeat; } #search-results .search-results-in-cat .search-result-in-cat-foot a:hover { color: #000; } #usertable_page { border:1px solid #ccc; border-bottom:0; width:420px; } #usertable_page tr { height:15px; line-height:15px; } #usertable_page tr td, #usertable_page tr th { border-bottom:1px solid #ccc; } #usertable_page tr th { font-weight:bold; } /* GENERIC TEXT & GENERIC BOX CONTENT ________________________________________________________________________*/ .generic-content { position: relative; } .generic-box { width: 741px; float: left; clear: both; padding: 20px; } .generic-content h2 { font-size: 3.2em; font-weight: normal; line-height: 1; margin: 0 0 .625em; padding: 0; } .generic-content h3 { font-size: 2.7em; font-weight: normal; line-height: 1; margin: 0 0 .625em; padding: 0; } .article-details .generic-content h3 { font-size: 1.2em; font-weight: bold; line-height: 1; padding: 0 0 .25em; margin: 0; } .generic-content h4 { font-size: 2.2em; font-weight: normal; line-height: 1; margin: 0 0 .625em; padding: 0; } .generic-content h5 { font-size: 1.7em; font-weight: normal; line-height: 1; margin: 0 0 .625em; padding: 0; } .generic-content p, .generic-content ul, .generic-content ol, .generic-content dl { font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; } .generic-content ul p, .generic-content ol p { font-size: 1em; } .generic-content ul { list-style-type: square; padding: 0 0 0 1.1em; _padding: 0 0 0 1.5em; } .generic-content ol { list-style-type: decimal; padding: 0 0 0 1.5em; _padding: 0 0 0 2.2em; } .generic-content dl dt { font-weight: bold; } .generic-content dl dd { padding: 0 0 0.5em 2em; } .generic-content img { float: left; margin: 0 20px 20px 0; } .generic-box img.big { margin: 0 0 40px; position: relative; top: 0; left: -20px; } .generic-content em { font-style: italic; } .generic-content strong { font-weight: bold; } .mobile { width: 250px; color: #ff5000; text-align: right; position: absolute; right: 250px; top: 47px; clear: both; } .mobile { top: 36px; } .brukerreg { margin: 0 0 13px; padding:1px 1px 1px 1px; width:464px; height:235px; border:solid 1px #9C9C9C; } .brukerreg .bilde { margin:0; padding:0; width:300px; height:235px; float:left; } .brukerreg .info { margin:0; padding:20px 20px 20px 15px; width:129px; height:195px; float:left; background-image:url(/sitefiles/30/gfx/bakgrunn-registrer.gif); background-repeat:repeat-x; } .brukerreg .info h2 { margin:0px 0px 5px 0px; font-size:2em; font-weight:bold; color:#656565; } .brukerreg .info .tekst { margin:0px 0px 35px 0px; padding:0; width:129px; height:100px; } .brukerreg .info p { margin:0; padding:0; font-size:1.2em; color:#656565; text-align:center; font-weight:bold; } #telecom-revy .brukerreg .info a { margin:0; padding:0; width:127px; height:26px; text-align:center; text-transform:uppercase; font-size:1.4em; line-height:26px; display:block; color:#FFFFFF; background-image:url(/sitefiles/30/gfx/sidebar-metal-box-button.png); background-repeat:repeat-x; border:solid 1px #FFFFFF; } #subselect{ width:200px; } #enddate{ color:#999; font-size:12px; } #startdate, #activesubsciption li { color:#999999; } .logginn { margin:0px 0px 15px 0px; padding:1px 1px 1px 1px; width:296px; height:235px; float: left; clear: both; } .logginn form { margin:0; padding:20px 10px 20px 15px; width:271px; height:195px; display:block; background-image:url(/sitefiles/30/gfx/bakgrunn-registrer.gif); background-repeat:repeat-x; } .logginn h2 { margin:0px 0px 10px 0px; font-size:2em; font-weight:bold; color:#656565; width: 250px; line-height: 30px; text-transform: uppercase; } .logginn p { margin:0px 0px 15px 0px; font-size:1.1em; color:#656565; } .logginn table { font-size:1.1em; color:#000000; } .logginn td { padding:0px 0px 5px 0px; } .logginn input.fattext { width:259px; height:21px; } .logginn input.logginnknapp { padding:0px 0px 2px 0px; width:114px; height:26px; float:right; pointer:cursor; text-align:center; text-transform:uppercase; font-size:1.2em; display:block; color:#FFFFFF; background-image:url(/sitefiles/30/gfx/sidebar-metal-box-button.png); background-repeat:repeat-x; border:solid 1px #FFFFFF; } #telecom-revy .logginn a { position:relative; bottom:20px; color:#000000; text-decoration:underline; } /* Real Search CSS*/ .searchContainerResults{ float: left; margin: 0 0 020px 0; color:#fff; border:none; } .searchContainerResults h3{ display: block; width: 468px; font-size:16px; font-weight:bold; line-height:1; padding: 11px 11px 0.75em 11px; text-transform:uppercase; width:444px; color: #999; } .resultLinkContainer{ font-size: 1.1em; } .resultLinkContainer p, .resultLinkContainer a{ display: block; width:444px; padding: 0.75em 11px 11px 11px; } #main-left .searchContainerResults .resultLinkContainer a{ color: #333333; display: block; width: 426px; height: 30px; line-height: 30px; padding: 0 10px 0 30px; color: #333; background: url(/sitefiles/30/gfx/expand-collapse.png) 10px 9px no-repeat; } #main-left .searchContainerResults .resultLinkContainer a:hover{ color: #000000; } .searchNumOfResults{ padding: 0 11px 2em 11px; color: #999999; font-size:1em; font-weight:bold; line-height:1; } .searchResults ul{ padding: 0 11px 0 11px; } .searchResults ul li{ padding: 0 0 2em 0; } .searchResults ul li h4{ font-size: 1.2em; font-weight: bold; line-height: 1; padding: 0 0 0.25em; } .searchResults ul li{ font-size:1.1em; line-height:1.3636; } .arrowDown{ background: url(/sitefiles/30/gfx/expand-collapse.png) no-repeat 445px -32px; } .arrowUp{ background: url(/sitefiles/30/gfx/expand-collapse.png) no-repeat 445px 7px; } #site-search{ width: 444px; height: 22px; margin: 0 12px 10px; _margin: 0 12px 10px 6px; position: relative; overflow: hidden; } .searchTotalResultContainer { width: 250px; float: left; clear: left; font-size: 1.2em; font-weight: bold; line-height: 22px; } .searchInputContainer{ width: 180px; height: 22px; float: right; clear: right; position: relative; background: url(/sitefiles/30/gfx/search.png) 0 0 no-repeat; } #searchInput{ width: 112px; height: 17px; position: absolute; top: 0; left: 0; clear: both; padding: 5px 7px 0 23px; border: none; background: none; font-size: 1.1em; color: #666; } #searchBtn{ width: 36px; height: 22px; position: absolute; top: 0; right: 0; clear: both; opacity: 0; *filter: alpha(opacity=0); cursor: pointer; } /* LOGG INN / LOGG UT ________________________________________________________________________*/ #login-username, #login-password{ border:none!important; font-size:12px; color:#ffffff; height:15px; } /* LIGHTBOX */ /* LIGHTBOX STYLES ________________________________________________________________________*/ #lightbox { position: absolute; left: 0; width: 100%; z-index: 1000001; text-align: center; line-height: 0; } #lightbox img { width: auto; height: auto; } #lightbox a img { border: none; } #outerImageContainer { position: relative; overflow: hidden; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 999901; } #imageContainer>#hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/sitefiles/30/gfx/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/sitefiles/30/gfx/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding: 0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; } #overlay { position: absolute; top: 0; left: 0; z-index: 999990; width: 100%; height: 500px; background-color: #000; } /* EVALUATION FORM ________________________________________________________________________*/ .evaluationForm h2 { font-weight: bold; font-size: 2.2em; padding: 0 0 0.6em; } .evaluationForm p { font-size: 1.2em; line-height: 1.25; padding-bottom: 1em; } /* FOOTER CONTENT ________________________________________________________________________*/ .infobox_bottom{ background:url(/sitefiles/30/design/border_ifooter.jpg) center bottom no-repeat; text-align:left; width:960px; } .infobox_bottom .col_left{ width:440px; float:left; height:92px; margin:0px 40px 10px 0px; background:url(/sitefiles/30/design/telecomlogo_btm.jpg) no-repeat right bottom; } .infobox_bottom .col_left .infobox1{ } .infobox_bottom .col_left .infobox1 h2{ color:#fff; font-size:15px; font-weight:bold; line-height:18px; } .infobox_bottom .col_left .infobox1 p{ width:230px; color:#999; font-size:10px; font-weight:bold; line-height:13px; } .infobox_bottom .col_right{ width:480px; float:left; height:100px; padding-bottom:2px; } .infobox_bottom .col_right .infobox1 h2{ font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase; margin:0px 0px 5px 4px; width:450px; line-height:24px; } .infobox_bottom .col_right .follow_twitter{ background:url(/sitefiles/30/design/twitter_btm.jpg) no-repeat left top; width:175px; height:50px; float:left; padding:5px 0px 5px 55px; margin-bottom:5px; } .infobox_bottom .col_right .follow_facebook{ background:url(/sitefiles/30/design/facebook_btm.jpg) no-repeat left top; width:195px; height:50px; float:left; padding:5px 0px 5px 55px; } .folg_tekst{ font-size:11px; color:#fff; font-weight:bold; } .folg_lenke{ font-size:11px; } .folg_lenke a{ color:#999!important; display:block; } .folg_lenke a:hover{ color:#ff5000; } #wrap #footer #footer-links { width: 940px; height: 35px; padding: 3px 20px; float: left; clear: both; position: relative; text-align: center; } #wrap #footer del { clear: both; text-decoration: none; *display: inline-block; } #wrap #footer del ul { display: table; padding: 0; margin: 10px auto; list-style: none; white-space: nowrap; } #wrap #footer del ul li { display: table-cell; *float: left; padding: 0 8px 0 6px; border-right: 1px solid #fff; height:12px; } #wrap #footer del ul li.first { padding: 0 8px 0 0; } #wrap #footer del ul li.last { padding: 0 0 0 6px; margin: 0; border: none; } #wrap #footer del ul li a { text-decoration: none; font-size: 11px; color: #FFF; text-align: center; width: auto; display: block; *float: left; } #wrap #footer del ul li a:hover { text-decoration: underline; } #wrap #footer p#colophon { font-size: 11px; color: #999; width: 980px; float: left; clear: both; padding: .5em 0 0; margin:15px 0px 5px 0px; } /**** SLUTT ****/