﻿
/*adsl bredband on internet/default*/
.adslHead { height: 209px; background: url(../assets/adsl/adslHead.jpg) no-repeat; margin-bottom: 14px; width: 476px; }
.adslHead h1 { padding-top: 20px; margin-left: 10px; }
.bold { font-weight: bold; }
/*.offer{height:30px;margin-bottom:9px;width:476px}
.offer .first{width:116px;float:left;height:30px;line-height:30px;background: url(../assets/adsl/bgnd_speed.jpg) repeat;text-align:center;}
.second{margin-left:10px;float:left;}
.second  p{margin:0px;margin-top:2px;text-align:left;color:#000;font-size:12px}
.third{float:right;width:76px;margin-top:4px;margin-right:4px;}
.offer h4 {font-size:19px;color:#fff}
.offer h3 {font-size:16px;color:#000}
.uppringtRight {background-color:#ab817e;height:120px;width:182px}
.uppringtRight h1{padding-left:10px;padding-top:10px;color:#fff}
.uppringtRight p{padding-left:10px;color:#fff}
.bannerMobBredband {background-color:#a6afb8;height:345px;width:190px;background-image:url(../assets/bredband/mobBredband_boxes.jpg); background-repeat:no-repeat; background-position:bottom}
.bannerMobBredband h1{font-size:23px;padding:15px 0 10px 5px;color:#000;margin:0;text-align:center}
.bannerMobBredband h2{font-size:16px;color:#000;margin:0;line-height:24px;text-align:center}
.bannerMobBredband h2 a{font-size:16px;color:#fff;}*/
.greenish { color: #87c768; }

h1.internetHead { background: url(../assets/adsl/adslHead-girl.jpg) no-repeat; width: 689px; height: 223px; margin: 0 auto; text-indent: -3000px; }

/*uppringt*/
.uppringtBox { border-top: dotted 1px #888; border-bottom: dotted 1px #888; line-height: 2em; padding: 5px; }
.win { background: url(../assets/pic/windows.gif) no-repeat; width: 24px; height: 24px; margin-right: 0.5em; background-position: center; padding: 1em; }
.mac1 { background: url(../assets/pic/apple.gif) no-repeat; width: 24px; height: 24px; margin-right: 0.5em; background-position: center; padding: 1em; }
.mac2 { background: url(../assets/pic/macosx.gif) no-repeat; width: 24px; height: 24px; margin-right: 0.5em; background-position: center; padding: 1em; }

/*Mobilt Bredband*/
.mobiltBredbandHead { height: 349px; background: url(../assets/bredband/ipad-bg.jpg) no-repeat; width: 681px; position: relative; }
.mobiltBredbandHead h1 { text-indent: -2000px; }
.mobiltBredbandHead p { position: absolute; bottom: 15px; width: 360px; }
.mobiltBredbandHead ul { position: absolute; bottom: 40px; right: 15px; width: 265px; text-transform: uppercase; }
.mobiltBredbandHead ul li { background: url(../assets/mobil/bullet-green.gif) no-repeat left center; padding: 3px 0 3px 25px; font-size: 12px; font-weight: bold; }
.color1 { color: #3c3c3c; }
.color2 { color: #8f5412; }
.color3 { color: #6a7334; }
.color4 { color: #3f2507; }
a.turbo16 { background: url(  "../assets/bredband/accordion-head-turbo16.gif" ) no-repeat scroll left top transparent; color: #aaa !important; font-family: Arial; font-size: 23px !important; height: 35px; margin: 0; padding: 30px 0 0 90px; display: block; text-decoration: none; }
a.turbo6 { background: url(  "../assets/bredband/accordion-head-turbo6.gif" ) no-repeat scroll left top transparent; color: #aaa !important; font-family: Arial; font-size: 23px !important; height: 35px; margin: 0; padding: 30px 0 0 90px; display: block; text-decoration: none; }
a.solo { background: url(  "../assets/bredband/accordion-head-solo.gif" ) no-repeat scroll left top transparent; color: #aaa !important; font-family: Arial; font-size: 23px !important; height: 35px; margin: 0; padding: 22px 0 0 90px; display: block; text-decoration: none; }
a.ipad { background: url(  "../assets/bredband/accordion-head-ipad.gif" ) no-repeat scroll left top transparent; color: #aaa !important; font-family: Arial; font-size: 23px !important; height: 30px; margin: 0; padding: 23px 0 0 90px; display: block; text-decoration: none; position: relative; }
a.ipad .flag { background: url(  "../assets/bredband/new-flag.png" ) no-repeat left top; height: 52px; width: 98px; display: block; position: absolute; top: 12px; right: 20px; }
#accordion a.turbo16 { color: #BC6828 !important; }
#accordion a.turbo6 { color: #6a7334 !important; }
a.ipad.ui-state-active .flag { display: none; }
.AccordionPaneFooter { background: url(../assets/bredband/accordion-footer.gif) no-repeat left bottom; height: 12px; margin-bottom: 15px; }
.AccordionPaneFooter.shade { background: url(../assets/bredband/accordion-footer-shade.gif) no-repeat left bottom; height: 12px; margin-bottom: 15px; }
.AccodionContent { background: url(../assets/bredband/accordion-content.gif) repeat-y left top; margin: 0; padding: 5px 15px; position: relative; }
.AccodionContent.turbo16, .AccodionContent.turbo6 { background: url(../assets/bredband/accordion-content-shade.gif) no-repeat left top; margin: 0; padding: 5px 15px; position: relative; overflow: visible; }
.AccodionContent .price { color: #bc6828; font-size: 28px; height: 50px; width: 230px; position: absolute; right: 15px; top: -35px; }
.AccodionContent .price .newprice {text-align: right; margin-right: 25px;}
.AccodionContent .price .oldprice {color: #aaa; font-size: 20px; text-decoration: line-through; padding-left: 15px; display: block; text-align: right; padding-right: 34px;}
.AccodionContent .price .asterisk {font-size: 20px; vertical-align: top;}
.AccodionHeader.ui-state-default { border: none; }
a.AccodionHeader.ui-state-hover { background-color: Transparent; }
.modalPortin { vertical-align: middle; padding: 10px 4px 10px 5px; border-left: solid 5px #444; color: #000; background-color: #bbb; }
.AccodionContent.ipad ul { margin: 0 250px 0 75px; }
.AccodionContent.ipad p { margin: 0 250px 0 75px; }
.AccodionContent.ipad ul li { background: url(../assets/checkBox/check-black.png) no-repeat left center; padding: 3px 0 3px 20px; }
.AccordionShadow { background: url(../assets/bredband/accordion-shadow.gif) no-repeat left bottom; height: 23px; }

.AccodionContentFast .rounded-content {background: url(../assets/stadsnet/v2/accordion-content.png) no-repeat 20px bottom; margin-left: 10px;}

.description { margin: 10px 250px 10px 75px; font-size: 12px; }
.mobiltBredbandHead .campaign { position: absolute; right: 25px; top: 340px; }
.mobiltBredbandHead .highlight { background: url(../assets/bredband/yellow-highlight.gif) no-repeat left top; width: 321px; height: 33px; position: absolute; top: 302px; right: -3px; }
.turbo16, .turbo6, .solo, .twins { padding: 10px; }
.turbo16 h1, .turbo6 h1, .solo h1, .twins h1 { font-family: Arial; font-size: 24px; color: #000; margin: 0; padding-left: 5px; }
.turbo16 h3, .turbo6 h3, .solo h3, .twins h3 { font-family: Arial; font-size: 12px; color: #000; margin: 0; padding-left: 5px; }
.twins .green { color: #8dc700; }
.tableMobBredband { width: 325px; border-collapse: collapse; margin: 0 0 0 75px; font-size: 12px; }
.tableMobBredband th, .tableMobBredband td { border-top: dashed 1px #adadad; text-align: center; padding: 4px 0px 4px 0px; }
.tableMobBredband th { font-size: 18px; }
.tableMobBredband td.left { text-align: left; width: 170px; }
.tableMobBredband td.explanation {color: #888; text-align: left;}
#accordion div.explanation {color: #888; text-align: left; font-size: 12px; padding: 10px 0 0 75px;}
.ddMobBredband { width: 80px; font-size: 12px; line-height: 18px; }
.button { padding: 10px 5px 10px 0; }
.MBbuttKassa { background: url(../assets/buttons/09style/butt_kassa.png) no-repeat; width: 154px; height: 27px; border: none; cursor: pointer; position: absolute; bottom: 10px; right: 30px; }
.MBbuttKassa:hover { background: url(../assets/buttons/09style/butt_kassaH.png); }
.campaignEnd { float: right; margin-right: 30px; margin-top: -10px; }
/*iframe map*/
.overIframeHidden { background-color: #fff; width: 170px; height: 40px; margin-left: 438px; margin-top: -490px; position: absolute; z-index: 2000; }
.overIframeHiddenObj { position: relative; }
.overIframeDD { margin-top: 21px; }
/**/

/*Stadsnat*/
#stadsnatHead { background: url(../assets/stadsnet/stadsnatHeader.gif) no-repeat; width: 686px; height: 277px; }
#stadsnatHead h1 { text-indent: -10000px; }
#stadsnatHead h2 { font-family: Arial; font-size: 24px; color: #3e3e3e; padding-left: 24px; padding-top: 30px; padding-bottom: 20px; }
#stadsnatHead h3 { font-family: Arial; font-size: 14px; font-weight: bold; color: #3e3e3e; padding-left: 24px; padding-bottom: 4px; }
.postCodeBox { background: url(../assets/stadsnet/stadsnatPostnummerBox.gif) no-repeat; width: 443px; height: 156px; }
.postCodeBox h3 { font-size: 20px; font-weight: normal; color: #444; letter-spacing: -0.05em; text-indent: -10000px; }
.postCodeBox h5 { padding: 17px; padding-bottom: 0px; }
.postCodeBox p { color: #fff; padding-top: 0px; font-size: 12px; }
.postCodeBox .textBox1 { vertical-align: middle; border: solid 1px #888; height: 22px; margin-left: 17px; font-size: 20px; color: #444; width: 130px; }
.postCodeBox .textBox2 { width: 240px; margin-left: 17px; vertical-align: middle; height: 22px; border: solid 1px #888; font-size: 14px; color: #444; }
.postCodeBox .butt { vertical-align: middle; }
.stadsnatkampanj { width: 230px; height: 233px; background-image: url(../assets/stadsnet/stadsnatKampanjBox.gif); background-repeat: no-repeat; }
.stadsnatkampanj h5 { padding: 110px 10px 14px 16px; }
.stadsnatkampanj .kampanjText { padding: 0px 106px 10px 16px; }

.stadsnetButtNext { background: url(../assets/buttons/09style/butt_next.png) no-repeat; width: 61px; height: 27px; border: none; vertical-align: middle; cursor: pointer; }
.buttKassa { float: right; }


.SpeedContent { padding: 0 10px 0 0px; }
.SpeedContent p { font-size: 15px; font-weight: bold; color: #3a3a3a; vertical-align: middle; background-color: #ffd451; padding: 3px; border: solid 1px #fff; }
.SpeedContent span { font-size: 14px; font-weight: normal; color: #3a3a3a; text-align: right; }

.watermarked { width: 200px; margin-left: 17px; height: 22px; border: solid 1px #888; vertical-align: middle; background-color: #F0F8FF; color: #888; font-size: 14px; text-align: left; }
.providerInfo { margin-bottom: 10px; }
.providerText { font-size: 13px; font-weight: bold; }
.providerLogo { margin-top: -35px; }

/* Tabs stadsnet------------------*/
.ui-tabs { }
.ui-tabs .ui-tabs-nav { }
.ui-tabs .ui-tabs-nav li { display: block; float: left; margin: 0 5px -1px 0; border-top: solid 3px #c0c0c0; border-left: solid 1px silver; border-right: solid 1px silver; background-color: #e0e0e0; }
.ui-tabs .ui-tabs-nav li.tabRed { border-top: solid 4px red; }
.ui-tabs .ui-tabs-nav li a { border-top: 0px; border-bottom: 1px solid silver; display: block; height: 16px; float: left; color: #000; text-decoration: none; padding: 3px 9px 1px 9px; }
.ui-tabs .ui-tabs-nav li.ui-state-hover { background-color: #fff; border-top: solid 3px #ff9000; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #fff; border-top: solid 3px #ff9000; color: #ff9000; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { border-bottom: 1px solid #fff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { background-color: #fff; color: #000; font-weight: bold; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: #636363; }
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { border: solid 1px silver; padding: 8px; clear: both; background: url(../assets/ajaxTabs/tabpanel-bg.gif) repeat-x left bottom; }
.ui-tabs .ui-tabs-hide { display: none; }
.ui-tabs .ui-state-default { border-width: 0px; }
#Drift { background-image: none; }

/* Stadsnat new design */
.stadsnatHeadv2 { background: url(../assets/stadsnet/v2/stadsnatHeaderv2.gif) no-repeat left top !important; height: auto !important; }
.stadsnatHeadv2 .campaignEnd {color: #666666; position: absolute; right: -20px; text-align: right; top: 40px; display: none;}
.stadsnatHeadv2 h2 { font-size: 22px !important; padding-bottom: 0 !important; }
.stadsnatsteps { }
.stadsnatsteps a.back { color: #585858; text-decoration: none; margin-top: 10px; display: inline-block; font-size: 12px; text-shadow: 1px 1px 0 #FFF; }
.stadsnatsteps a.back:hover { text-decoration: underline; }
.stadsnatsteps a.next { background: url(  "../assets/stadsnet/v2/button-nasta.gif" ) no-repeat scroll -20px -24px transparent; display: inline-block; height: 34px; width: 89px; }
.shadow-top, .shadow-bottom { background: transparent url(../assets/stadsnet/v2/shadow-top.png) no-repeat center top; width: 100%; height: 20px; }
.shadow-bottom { background: transparent url(../assets/stadsnet/v2/shadow-bottom.png) no-repeat center bottom; }
.stadsnatsteps .minitext { font-size: 12px; padding: 15px 0 0 21px; }
.stadsnatsteps .minitext.city {color: #006691; font-size: 11px; font-weight: bold; display: block;}
.stadsnatsteps .explanation {font-size: 12px; margin-bottom: 10px;}
.stadsnatsteps .indicator { background: transparent url(../assets/stadsnet/v2/button-gray-rounded.gif) no-repeat left top; width: 87px; height: 31px; display: inline-block; line-height: 31px; text-align: center; font-size: 13px; color: #585858; margin: 15px 15px 0 0; float: right; }
.stadsnatsteps .content { padding: 25px; width: 596px; background: transparent url(../assets/stadsnet/v2/gradient-gray.gif) no-repeat left bottom; margin: auto; }
.stadsnatsteps .title h3.step { color: #fff !important; text-shadow: 0 -1px 0 #555; font-size: 26px !important; position: absolute; left: 20px; top: 14px; padding: 0 !important; font-weight: normal !important; }
.stadsnatsteps .step2 .title h3.step, .stadsnatsteps .step3 .title h3.step, .stadsnatsteps .step4 .title h3.step, .stadsnatsteps .step5 .title h3.step, .stadsnatsteps .step1a .title h3.step { position: relative; float: left; }
.stadsnatsteps .step3 { width: 663px; margin: auto; }
.stadsnatsteps .step3 .title h3.step { left: 25px; }
.stadsnatsteps .step1 .title { background: transparent url(../assets/stadsnet/v2/step1.gif) no-repeat left top; width: 646px; height: 62px; margin: auto; }
.stadsnatsteps .step2 .title { margin: -25px 0 0 -25px; background: transparent url(../assets/stadsnet/v2/step2.gif) no-repeat left top; width: 646px; height: 76px; }
.stadsnatsteps .step1a .title { margin: -25px 0 0 -25px; background: transparent url(../assets/stadsnet/v2/step2.gif) no-repeat left top; width: 646px; height: 76px; }
.stadsnatsteps .step3 .title { background: transparent url(../assets/stadsnet/v2/step3.gif) no-repeat center top; width: 663px; height: 76px; }
.stadsnatsteps .step4 .title { margin: auto; background: transparent url(../assets/stadsnet/v2/step4.gif) no-repeat left top; width: 646px; height: 111px; }
.stadsnatsteps .step5 .title { margin: auto; background: transparent url(../assets/stadsnet/v2/step5.gif) no-repeat left top; width: 646px; height: 111px; }
.stadsnatsteps .step1 select { margin: 23px 0 0 175px; float: left; }
.stadsnatsteps .step1 input { margin: 9px 0 0 10px; float: left; }
.stadsnatsteps .step1 .indicator { margin: 15px 15px 0 0; float: right; display: none;}
.stadsnatsteps .step1 .newsticker {font-size: 12px; font-weight: bold; margin: 5px 20px; }
.stadsnatsteps .step2 .indicator, .stadsnatsteps .step4 .indicator, .stadsnatsteps .step5 .indicator, .stadsnatsteps .step1a .indicator { background: transparent url(../assets/stadsnet/v2/button-blue-rounded.gif) no-repeat left top; text-shadow: 1px 1px 0 #FFF; }
.stadsnatsteps .step2 li, .stadsnatsteps .step1a li { height: 40px; }
.stadsnatsteps .step2 li img, .stadsnatsteps .step1a li img  { float: right; display: none;}
.stadsnatsteps .step2 li .list-left, .stadsnatsteps .step1a li .list-left { display: inline-block; margin-top: 5px; padding: 0 5px 0 20px; font-size: 15px; font-weight: bold; font-size: 15px; color: #585858; text-decoration: none; background: transparent url(../assets/stadsnet/v2/white-stripe-with-bullet.gif) no-repeat left top; height: 22px; line-height: 22px; display: inline-block; float: left; }
.stadsnatsteps .step2 li a.list-right, .stadsnatsteps .step1a li a.list-right { margin-top: 5px; padding: 0 20px 0 0; font-size: 15px; font-weight: bold; font-size: 15px; color: #585858; text-decoration: none; background: transparent url(../assets/stadsnet/v2/white-stripe-with-bullet.gif) no-repeat right top; height: 22px; line-height: 22px; display: inline-block; float: left; }
.stadsnatsteps .multicolumn {float: left; width: 49%;}
.stadsnatsteps .step3 .indicator { margin-right: 23px; background: transparent url(../assets/stadsnet/v2/button-blue-rounded.gif) no-repeat left top; text-shadow: 1px 1px 0 #FFF; }
.stadsnatsteps .step3 .sparabox { background: transparent url(../assets/stadsnet/v2/spara.gif) no-repeat left top; height: 60px; width: 633px; margin: -36px 0 0 -34px; position: relative; padding: 23px 0 0 30px; }
.stadsnatsteps .step3 .sparabox .spara { font-size: 12px; font-weight: bold; position: absolute; right: 71px; text-align: center; top: 10px; }
.stadsnatsteps .step3 .sparabox .spara span { font-size: 16px; }
.stadsnatsteps .step3 .sparabox .campaign { color: #fff; font-size: 21px; text-shadow: 0 -1px 0 #000; }
.stadsnatsteps .step3 .content { margin-left: 8px; }
.stadsnatsteps .step3 .fullComparison { background-image: url(  "../assets/stadsnet/v2/icon-applications.gif" ); display: block; margin: 10px 0; text-shadow: 1px 1px 0 #FFF; }
.stadsnatsteps .step3 .content .footnote { margin: 0 0 15px 0; color: #585858; }
.stadsnatsteps .step3 .providerText { font-size: 15px; }
.stadsnatsteps .step3 .providerInfo {margin-bottom: 10px; text-align: right;}
.stadsnatsteps .step3 .providerLogo {margin-top: 0;}
.stadsnatsteps .step4 .row span { vertical-align: top; color: #666; }
.stadsnatsteps .step4 .row span div { display: inline-block; }
.stadsnatsteps .step4 .label { width: 130px; text-align: right; display: inline-block; font-size: 12px; font-weight: bold; padding: 5px 5px 0 0; text-shadow: 1px 1px 0 #FFF; }
.stadsnatsteps .step4 .textBox1, .stadsnatsteps .campaigncode .textBox1, .stadsnatsteps .step4 .datepicker { background: transparent url(../assets/stadsnet/v2/inputfield2.gif) no-repeat left top; line-height: 29px; color: #585858; margin-bottom: 10px; border: 0; height: 29px; width: 144px; padding: 0 10px; }
.stadsnatsteps .step4 .watermarkedv2, .stadsnatsteps .step4 .textBox2 { background: transparent url(../assets/stadsnet/v2/inputfield2long.gif) no-repeat left top; line-height: 29px; color: #585858; margin-bottom: 10px; border: 0; height: 29px; width: 274px; padding: 0 10px; }
.stadsnatsteps .step4 .butt { position: absolute; right: 0; top: 1px; }
.stadsnatsteps .speedlabel { padding-left: 2px; }
.stadsnatsteps .radio label { padding-left: 5px; font-weight: bold; color: #585858; }
.stadsnatsteps .inneraccordion { background-color: Transparent; padding: 10px 10px 10px 30px; }
.stadsnatsteps .title { position: relative; }
.stadsnatsteps .title .subtitle { background: transparent url(../assets/stadsnet/v2/white-stripe-with-checkbox-left.gif) no-repeat left top; margin-left: 20px; margin-top: 30px; display: inline-block; height: 26px; }
.stadsnatsteps .title .subtitle span { background: transparent url(../assets/stadsnet/v2/white-stripe-with-checkbox-right.gif) no-repeat right top; padding: 0 0 0 30px; height: 26px; line-height: 26px; color: #006690; font-size: 15px; font-weight: bold; display: inline-block; }
.stadsnatsteps .title .subtitle .orderpris { padding: 0 10px 0 0; display: inline-block; height: 26px; font-weight: normal; }
.stadsnatsteps ul.features { margin: 15px auto 0 auto; width: 670px; font-size: 12px; }
.stadsnatsteps ul.features p { }
.stadsnatsteps ul.features li { width: 50%; float: left; color: #666; }
.stadsnatsteps ul.features li ul { margin: 12px 0 12px 60px; }
.stadsnatsteps ul.features li ul li { float: none; width: auto; margin-bottom: 5px; font-size: 12px; }
.stadsnatsteps ul.features li img { float: left; margin: 0 10px 30px 0; }
.stadsnatsteps ul.features .color1, .stadsnatsteps ul.features .color2 { color: #00a0df; font-weight: bold; margin-left: 44px; font-size: 13px; }
.stadsnatsteps ul.features .color2 { color: #85a230; }
.stadsnatsteps .SpeedContentv2 { padding: 0; }
.stadsnatsteps .item { background: transparent url(../assets/stadsnet/v2/inputfield.gif) no-repeat left top; line-height: 28px; color: #585858; width: 350px; margin-bottom: 10px; }
.stadsnatsteps .step5 .adapter {background: transparent url(../assets/stadsnet/v2/inputfieldlong.gif) no-repeat left top; line-height: 28px; color: #585858; width: 480px; margin-bottom: 10px; }
.stadsnatsteps .item span { font-weight: bold; }
.stadsnatsteps .item .speedlabel { }
.stadsnatsteps .item .orderpris { font-weight: normal; }
.stadsnatsteps .item a { margin: 5px 0 0 5px; }
.stadsnatsteps .step5 .item { display: inline-block; margin: 0 5px 0 0; }
.stadsnatsteps table.initial { margin-left: 15px; }
.stadsnatsteps table.initial td { height: 38px; line-height: 38px; padding: 0; text-shadow: 1px 1px 0 #FFFFFF; vertical-align: top; }
.stadsnatsteps table.initial th { height: 26px; vertical-align: top; text-align: left; padding-right: 15px; }
.stadsnatsteps .SpeedContentv2 h3, .stadsnatsteps table.initial th { font-size: 13px; font-weight: bold; color: #585858; text-shadow: 1px 1px 0 #FFF; }
.stadsnatsteps .SpeedContentv2 h3 { margin-bottom: 10px; }
.stadsnatsteps .watermarkedv2 { }
.stadsnatsteps .tblComparison { border-top: 1px solid #65A5B1; text-align: center; width: 100%; }
.stadsnatsteps .tblComparison th { background-color: #72C4D5; border-bottom: 1px solid #7FC4D2; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 4px; }
.stadsnatsteps .tblComparison td { background-color: #333333; border-bottom: 1px solid #2A2A2A; color: #FFFFFF; font-size: 11px; padding: 4px; }
.stadsnatsteps .tblComparison .universal { background-color: #FBC533; border-bottom: 1px solid #EC9800; color: #000000; font-weight: bold; }
.stadsnatsteps .citydropdown { float: left; margin: 9px 0 0 175px; border: none; }
.ui-selectmenu-menu { list-style: none; position: absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu { background: transparent url(../assets/stadsnet/v2/dropdown.gif) no-repeat left top; display: block; height: 44px; line-height: 44px; overflow: hidden; position: relative; text-decoration: none; width: 330px !important; }
.ui-selectmenu-icon { background: transparent url(../assets/stadsnet/v2/dropdown-arrow.gif) no-repeat left top; display: inline-block; height: 44px; position: absolute; right: 0; top: 0; width: 27px; }
.ui-selectmenu-menu li a { line-height: 26px; display: block; outline: none; text-decoration: none; color: #040707; padding: 0 10px; }
.ui-selectmenu-open { background-color: #CCCCCC; border: 1px solid #555555; height: auto; left: 0; opacity: 0.9; top: 15px; visibility: visible; width: 302px !important; z-index: 20; }
.ui-selectmenu-status { font-size: 22px; color: #585858; margin-left: 13px; }
.ui-selectmenu-item-focus { background-color: #57b7cc; }
.ui-selectmenu-item-focus li a { color: #fff !important; }
.stadsnatsteps a.questionmark { background: transparent url(../assets/stadsnet/v2/icon-questionmark.gif) no-repeat left top; width: 16px; height: 16px; display: inline-block; margin: 6px; }
.stadsnatsteps .step5 .content { position: relative; }
.stadsnatsteps .step5 .buttKassa { margin: -12px 5px 0 0; }
.stadsnatsteps .campaign-yellow {  background: url("../assets/stadsnet/v2/bubble-yellow.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 100px;
    left: 513px;
    position: absolute;
    top: 90px;
    width: 113px; }
.stadsnatsteps .campaign-yellow-circle { background: url(  "../assets/stadsnet/v2/bubble-yellow-circle.gif" ) no-repeat scroll left top transparent; position: absolute; left: 0; top: 0; width: 79px; height: 74px; top: 405px; left: 420px;}
.thanks { color: #000; font-size: 12px; font-weight: bold; margin-top: 104px; padding-bottom: 100px; padding-left: 25px;}
/*ADSL default*/
.ADSLbackGrey { background-color: #ccc; height: 100%; width: 476px; background-image: url(../assets/adsl/adslbredband.gif); background-repeat: no-repeat; background-position: 20px 96px; border-top: solid 7px #333; border-bottom: solid 5px #333; }
/*.ADSLbackGrey {background-color:#fff;height:100%;background-image:url(../assets/adsl/adslbredband.gif);background-repeat:no-repeat;background-position:20px 96px;}*/
.ADSLbackGrey h3 { font-size: 18px; font-weight: normal; padding: 10px 20px 20px 17px; }
.ADSLbackGrey h4 { font-size: 14px; padding-top: 13px; }
.ADSLbackWhite { background-color: #fff; margin-left: 20px; margin-right: 20px; background-position: center; height: 260px; }
.ADSLproduct1 { float: left; background-image: url(../assets/adsl/cloud1.png); background-repeat: no-repeat; width: 124px; height: 84px; position: relative; left: 180px; }
.ADSLproduct2 { float: left; background-image: url(../assets/adsl/cloud2.png); background-repeat: no-repeat; width: 124px; height: 84px; position: relative; left: 210px; top: 10px; }
.ADSLproduct1 h4, .ADSLproduct2 h4 { color: #fff; width: 120px; display: block; font-size: 12px; padding: 0; margin: 0; padding: 3px 0 0 5px; font-weight: normal; }
#TableADSL { width: 98%; border-collapse: collapse; margin: auto; font-size: 12px; }
#TableADSL th, #TableADSL td { border-bottom: dashed 1px #adadad; text-align: center; }
#TableADSL th { color: #ff9000; font-size: 20px; }
#TableADSL td { color: #000; padding-left: 3px; height: 18px; width: 200px; }
#TableADSL td.left { text-align: left; }
#TableADSL div.centerCb { width: 22px; margin-left: 60px; }
#TableADSL th.darkRed { color: #c22525; }
#TableADSL tr.button td { border: none; padding-top: 10px; }
/* ADSL rekommendera campaign */
.nod32-box.v2 {background: none #F0F3F8; float: left; width: 220px; margin: 33px 0 0 0; height: auto; padding: 5px;}
.nod32-box.v2 .padding {background: none #fff; padding: 10px 55px 10px 10px; width: 138px; position: relative; margin: 10px; }
.nod32-box.v2 .image {background: url(../assets/adsl/nod32-box-small.png) left top; display: inline-block; width: 79px; height: 98px; position: absolute; top: -10px; right: 5px;}
.nod32-box.v2 p {margin: 3px 0 0 0;}
.ADSLback.v2 .search-box {margin-top: 0; }
.ADSLback.v2 .pnlCheckAdsl {}
.ADSLback.v2 .pnlCheckAdslPhoneNumber, .ADSLback.v2 .pnlCheckAdslAddress {float: left; width: 450px;}
.ADSLback.v2 .campaignIntro {margin-top: 25px;}
.ADSLback.v2 .checkADSLnew {background: none #F0F3F8; width: 450px; }
.ADSLback.v2 .boxContent {position: relative; padding: 30px 0 14px 0; margin-top: 33px; min-height: 100px; height: auto;}
.ADSLback.v2 .chooseSpeed {background: none #F0F3F8;}
.ADSLback.v2 .corner-tr, .ADSLback.v2 .corner-br, .ADSLback.v2 .corner-bl {background: none;}
.ADSLback.v2 .chooseSpeed h3, .ADSLback.v2 .checkADSLnew h3 {margin:-31px 0 0 15px; width:266px; height:31px; background:url(../assets/kampanj/recommend2011/orangeHeader.gif) no-repeat top left; font-weight:bold; position:absolute; color: #000; font-size: 12px; padding: 8px 0 0 12px;}
.ADSLback.v2 .checkADSLnew h3 {margin:-28px 0 0 15px;}
.ADSLback.v2 .checkADSLnew {margin: 33px 0 0 0;}
.ADSLback.v2 .pnlADSLSpeed {width: 520px; float: left; margin: 33px 0 0 0;}
.ADSLback.v2 .chooseSpeed .speed28 .price, .ADSLback.v2 .chooseSpeed .speed24 .price, .ADSLback.v2 .chooseSpeed .speed8 .price, .ADSLback.v2 .chooseSpeed .speed2 .price, .ADSLback.v2 .chooseSpeed .speed05 .price {height: 40px; line-height: 40px; padding-right: 90px; width: 97px; font-size: 22px; height: 67px; left: 280px; padding-top: 0; text-align: right; top: -13px; width: 97px; }
.ADSLback.v2 .chooseSpeed .speed28 .price { background: url(../assets/adsl/bubbles-red-v2.gif) no-repeat right top; }
.ADSLback.v2 .chooseSpeed .speed24 .price { background: url(../assets/adsl/bubbles-red-v2.gif) no-repeat right top; }
.ADSLback.v2 .chooseSpeed .speed8 .price { background: url(../assets/adsl/bubbles-green-v2.gif) no-repeat right top; }
.ADSLback.v2 .chooseSpeed .speed2 .price { background: url(../assets/adsl/bubbles-brown-v2.gif) no-repeat left top; }
.ADSLback.v2 .chooseSpeed .speed05 .price { background: url(../assets/adsl/bubbles-gold-v2.gif) no-repeat left top; }
.ADSLback.v2 .chooseSpeed .months28, .ADSLback.v2 .chooseSpeed .months24, .ADSLback.v2 .chooseSpeed .months8, .ADSLback.v2 .chooseSpeed .months2, .ADSLback.v2 .chooseSpeed .months05 { background: url(../assets/adsl/threemonths-v2.gif) no-repeat left top; width: 130px; height: 40px; top: -13px; left: 188px;}
.ADSLback.v2 .chooseSpeed .AccodionHeaderAdsl .speed { background: url(../assets/adsl/speed-stripe-v2.gif) no-repeat; width: 167px; height: 41px; line-height: 41px;}
.ADSLback.v2 .chooseSpeed .AccodionHeaderAdsl .radio a {top: 4px !important; height: 71px !important; }
.ADSLback.v2 .chooseSpeed .AccodionHeaderAdsl .currency {font-size: 22px; left: 385px; top: -7px;}
.ADSLback.v2 .chooseSpeed .AccodionHeaderAdsl { width: 480px;}
.ADSLback.v2 .chooseSpeed .speed28 .header-inner, .chooseSpeed .speed24 .header-inner, .chooseSpeed .speed8 .header-inner, .chooseSpeed .speed2 .header-inner, .chooseSpeed .speed05 .header-inner { width: 480px; }
.ADSLback.v2 .chooseSpeed .speed28, .chooseSpeed .speed24, .chooseSpeed .speed8, .chooseSpeed .speed2, .chooseSpeed .speed05 { width: 480px; }
.ADSLback.v2 .chooseSpeed .AccodionHeaderAdsl { width: 480px; margin-top: 25px;}
.ADSLback.v2 .chooseSpeed .AccodionHeaderAdsl .radio { width: 480px; }
.ADSLback.v2 .chooseSpeed .AccodionHeaderAdsl .radio div {width: 480px; }
.ADSLback.v2 .chooseSpeed .AccodionContentAdsl { width: 480px;}
.ADSLback.v2 .chooseSpeed .corner-br { width: 480px;}
.ADSLback.v2 .chooseSpeed .AccodionContentAdsl .corner-br {padding: 0 10px 10px 25px; width: 445px;}
.ADSLback.v2 .chooseSpeed .AccodionHeaderAdsl .subtitle {display: none;}
/*-------------------------*/
.adslSidebar { float: right; width: 185px; }
.NodSidebar { width: 185px; border: solid 1px #ccc; border-top: solid 7px #13a9ab; background-image: url(../assets/adsl/adsl_nodRight.gif); background-repeat: no-repeat; background-position: 95px 120px; }
.NodSidebar h3 { font-weight: bold; color: #43acac; padding-top: 10px; padding-left: 5px; font-size: 16px; }
.NodSidebar p { font-size: 12px; padding-top: 10px; padding-left: 5px; }
.NodSidebar p span { width: 110px; font-size: 12px; display: block; }
.stadsnatSidebar { width: 185px; border: solid 1px #ccc; border-top: solid 7px #006690; background-image: url(../assets/stadsnet/adsl_stadsnat.jpg); background-repeat: no-repeat; background-position: -450px -1px; }
.stadsnatSidebar h3 { font-weight: bold; color: #006690; padding-top: 10px; padding-left: 5px; font-size: 16px; }
.stadsnatSidebar p { font-size: 12px; padding-top: 10px; padding-left: 5px; }
.stadsnatSidebar p span { width: 110px; font-size: 12px; display: block; }
.stadsnatSidebar p a { color: #006690; text-decoration: underline; }
.stadsnatSidebar p a:hover { color: #006690; text-decoration: none; }
.telefoniSidebar { width: 185px; height: 192px; border: solid 1px #ccc; border-top: solid 7px #ff9000; background-image: url(../assets/adsl/adsl_telefoniRight.gif); background-repeat: no-repeat; background-position: right 20px; }
.telefoniSidebar h3 { font-weight: bold; color: #ff9000; padding-top: 10px; padding-left: 5px; font-size: 16px; }
.telefoniSidebar h4 { font-size: 12px; padding-top: 5px; padding-left: 5px; }
.telefoniSidebar .text { font-size: 12px; padding-top: 10px; padding-left: 5px; line-height: 17px; }
.telefoniSidebar .text a { font-size: 12px; }
/*-------------------------*/
.adsl-header { background: url(../assets/adsl/adsl-header.jpg) no-repeat left top; width: 671px; height: 274px; margin: 0 auto 0 auto; padding: 10px 0 0 15px; position: relative; }
.adsl-header ul { visibility: hidden; font-size: 0px; width: 0px; height: 0px; margin: 0; padding: 0; }
.adsl-header h2 { width: 261px; height: 74px; position: absolute; background: url(../assets/adsl/sommarkampanj.jpg) no-repeat left top; text-indent: -2000px; margin: 0; bottom: 10px; left: -18px; }
.adsl-header h1 { font-size: 30px; color: #914452; margin-bottom: 10px; font-family: Arial; }
.adsl-header span { font-size: 11px; color: #51626f; font-weight: bold; }
.adsl-header p { position: absolute; color: #666; bottom: 10px; right: 7px; text-align: right; }
.adsl-header-campaign { background: url(../assets/adsl/adsl-header-campaign.jpg) no-repeat left top; width: 686px; height: 308px; margin: 0 auto 0 auto; padding: 10px 0 0 15px; position: relative; }
.adsl-header-campaign ul, .adsl-header-campaign h1 { visibility: hidden; font-size: 0px; width: 0px; height: 0px; margin: 0; padding: 0; }
.search-box { float: left; margin-top: 30px; }
.nod32-box { float: right; background: url(../assets/adsl/nod32-box.gif) no-repeat left top; height: 110px; padding: 38px 90px 25px 15px; width: 148px; }
.nod32-box h4 { color: #247070; font-size: 30px; }
.nod32-box h5 { color: #247070; font-size: 14px; }
.nod32-box p { font-size: 14px; margin-top: 15px; }
.checkADSLnew { margin-bottom: 15px; background: url(../assets/adsl/corners/corner-brown-bubbles-tl.gif) no-repeat left top; width: 420px; }
.checkADSLnew .rensa { float: right; color: #000; margin: -20px 10px 0 0; }
.chooseSpeed { background: url(../assets/adsl/corners/corner-brown-tl.gif) no-repeat left top; }
.chooseSpeed .corner-tr { background: url(../assets/adsl/corners/corner-brown-tr.gif) no-repeat right top; }
.chooseSpeed .corner-bl { background: url(../assets/adsl/corners/corner-brown-bl.gif) no-repeat left bottom; }
.chooseSpeed .corner-br { background: url(../assets/adsl/corners/corner-brown-br.gif) no-repeat right bottom; padding: 15px 20px 25px 20px; width: 380px;}
.checkADSLnew .corner-br { padding: 12px; background: url(../assets/adsl/corners/corner-brown-bubbles-bl.gif) no-repeat left bottom; }
.chooseSpeed .AccodionHeaderAdsl { background: #fff none; width: 380px; height: 75px; }
.chooseSpeed .AccodionHeaderAdsl .corner-tr, .chooseSpeed .AccodionHeaderAdslSelected .corner-tr { background: #fff none; }
.chooseSpeed .AccodionHeaderAdsl .corner-bl, .chooseSpeed .AccodionContentAdsl .corner-bl { background: #fff none; }
.chooseSpeed .AccodionHeaderAdsl .corner-br, .chooseSpeed .AccodionContentAdsl .corner-br { background: #fff none; padding: 0; }
.chooseSpeed .selected .corner-bl { background: none; }
.chooseSpeed .selected .corner-br { background: none; }
.chooseSpeed .speed28 .price { background: url(../assets/adsl/bubbles-red.gif) no-repeat right top; }
.chooseSpeed .speed24 .price { background: url(../assets/adsl/bubbles-red.gif) no-repeat right top; }
.chooseSpeed .speed8 .price { background: url(../assets/adsl/bubbles-green.gif) no-repeat right top; }
.chooseSpeed .speed2 .price { background: url(../assets/adsl/bubbles-brown.gif) no-repeat left top; }
.chooseSpeed .speed05 .price { background: url(../assets/adsl/bubbles-gold.gif) no-repeat left top; }
.chooseSpeed .speed28 .header-inner, .chooseSpeed .speed24 .header-inner, .chooseSpeed .speed8 .header-inner, .chooseSpeed .speed2 .header-inner, .chooseSpeed .speed05 .header-inner { width: 380px; min-height: 75px; position: relative; }
.chooseSpeed .speed28, .chooseSpeed .speed24, .chooseSpeed .speed8, .chooseSpeed .speed2, .chooseSpeed .speed05 { width: 380px; }
.chooseSpeed .AccodionHeaderAdsl { margin-top: 10px; width: 380px; }
.chooseSpeed .AccodionHeaderAdsl .months28 { background: url(../assets/adsl/threemonths-red.gif) no-repeat left top; }
.chooseSpeed .AccodionHeaderAdsl .months24 { background: url(../assets/adsl/threemonths-red.gif) no-repeat left top; }
.chooseSpeed .AccodionHeaderAdsl .months8 { background: url(../assets/adsl/threemonths-green.gif) no-repeat left top; }
.chooseSpeed .AccodionHeaderAdsl .months2 { background: url(../assets/adsl/threemonths-brown.gif) no-repeat left top; }
.chooseSpeed .AccodionHeaderAdsl .months05 { background: url(../assets/adsl/threemonths-gold.gif) no-repeat left top; }
.months28, .months24, .months8, .months2, .months05 { left: 165px; position: absolute; top: 4px; width: 62px; height: 45px; }
.chooseSpeed .AccodionHeaderAdsl .price { color: #FFF; font-size: 30px; font-weight: bold; left: 200px; position: absolute; text-align: center; top: 0px; width: 171px; height: 67px; padding-top: 3px; }
.chooseSpeed .AccodionHeaderAdsl .currency { color: #FFF; font-size: 14px; font-weight: bold; left: 260px; position: absolute; top: 42px; }
.chooseSpeed .AccodionHeaderAdsl .subtitle { font-size: 12px; font-weight: bold; left: 30px; position: absolute; top: 55px; }
.chooseSpeed .AccodionHeaderAdsl .speed { font-weight: bold; font-size: 24px; width: 117px; display: inline-block; background: url(../assets/adsl/speed-stripe.gif) no-repeat; height: 33px; line-height: 33px; padding-left: 27px; margin-top: 12px; position: absolute; }
.chooseSpeed .AccodionHeaderAdsl .radio { display: block; height: 75px; padding: 0; position: absolute; width: 380px; }
.chooseSpeed .AccodionHeaderAdsl .radio div { height: 75px; padding: 0; position: absolute !important; width: 380px; }
.chooseSpeed .AccodionHeaderAdsl .radio a { height: 75px !important; padding: 0; width: 380px !important; display: block; background-position: 5px 18px !important; }
.chooseSpeed .AccodionHeaderAdsl .radio input { margin: 23px 0 0 6px; }
.chooseSpeed .AccodionContentAdsl { background-color: #fff; width: 380px; height: 100px; }
.chooseSpeed .AccodionContentAdsl .note { position: absolute; right: 10px; text-align: right; top: 36px; width: 140px; }
.chooseSpeed .AccodionContentAdsl .corner-br { padding: 0 10px 10px 25px; position: relative; width: 345px;}
.chooseSpeed .AccodionContentAdsl .invisibleLabel label { visibility: hidden; }
.chooseSpeed .AccodionContentAdsl .separator { border-bottom: 1px dashed #CCCCCC; display: inline-block; height: 0; margin: 8px 0 3px 3px; width: 160px; clear: both; }
a.tooltipOptionModem, a.tooltipOptionRouter, a.tooltipOptionNod, a.tooltipOptionTelefoni { text-decoration: none; margin-left: 5px; cursor: help; font-size: 13px; font-weight: bold; }
a.tooltipOptionModem:hover, a.tooltipOptionRouter:hover, a.tooltipOptionNod:hover, a.tooltipOptionTelefoni:hover { text-decoration: underline; }
.checkADSL h3, .checkADSLnew h3, .chooseSpeed h3 { font-size: 24px; text-align: left; margin: 0; padding: 0; color: #fff; }
.checkADSL p { font-size: 12px; vertical-align: middle; color: #000; font-weight: bold; margin-bottom: 10px; padding: 5px 0; }
.checkADSLnew p { font-size: 12px; vertical-align: middle; color: #000; margin-top: 2px; padding: 0; }
.checkADSLnew p.indent { padding: 0 0 0 45px; border: none; margin: 0; font-size: 1em; }
.checkADSL .textBox1, .checkADSLnew .textBox1 { vertical-align: middle; border: solid 1px #888; height: 20px; margin-left: 5px; font-size: 16px; color: #444; width: 40px; margin-right: 10px; }
.checkADSL .textBox2, .checkADSLnew .textBox2 { vertical-align: middle; border: solid 1px #888; height: 20px; margin-left: 5px; font-size: 16px; color: #444; width: 110px; margin-right: 13px; }
.checkADSL .buttKontrollera, .checkADSLnew .buttKontrollera { vertical-align: middle; }
.addressText { width: 86px; display: inline-block; font-size: 12px; vertical-align: middle; color: #000; margin-top: 2px; padding: 0; font-weight: bold; }
.addressTextBox { border: solid 1px #888; height: 18px; color: #000; font-size: 14px; vertical-align: middle; }
.addressDD { border: solid 1px #888; height: 22px; color: #000; vertical-align: middle; font-size: 14px; }
.ddMessage { padding-left: 10px; color: #000; font-style: italic; font-size: 11px; }
.messageItalic { color: #000; font-style: italic; font-size: 11px; line-height: 14px; padding: 8px 0px 8px 0px; }
/* campaign */
/*Accordion adsl check*/
.AccodionHeader h4 { padding: 0px; margin: 0px; }
.AccodionHeader .headerCheckByPhone { padding: 5px; color: #fff; background-image: url(../assets/adsl/checkAdslBackg.gif); background-repeat: repeat-x; cursor: pointer; }
.AccodionHeader .headerCheckByAddress { padding: 5px; color: #fff; background-image: url(../assets/adsl/checkAdslBackg2.1.gif); background-repeat: repeat-x; cursor: pointer; border-top: solid 1px #fff; }
.AccordionContent { padding: 10px 5px 10px 20px; background-color: #fff; }
/*-------------------------*/
.chooseSpeed1 { background-color: #fff; margin-left: 20px; margin-right: 20px; background-position: center; height: 192px; background-image: url(../assets/adsl/chooseSpeedBackg.gif); background-repeat: repeat-x; border: solid 4px #fff; }
.chooseSpeed1 h3, .chooseSpeed2 h3 { font-size: 18px; text-align: left; margin: 0; padding: 10px 0 0 10px; color: #fff; }
.chooseSpeed1 p, .chooseSpeed2 p { font-size: 15px; font-weight: normal; vertical-align: middle; padding: 3px; border: solid 1px #fff; width: 400px; margin-left: 10px; }
.chooseSpeed1 p { background-color: #ffab3e; color: #3a3a3a; }
.chooseSpeed2 p { background-color: #de3738; color: #fff; }
.chooseSpeed1 .buttKassa, .chooseSpeed2 .buttKassa { float: right; margin-right: 9px; }
.chooseSpeed2 { background-color: #fff; margin-left: 20px; margin-right: 20px; background-position: center; height: 192px; background-image: url(../assets/adsl/chooseSpeedBackg2.gif); background-repeat: repeat-x; border: solid 4px #fff; }
/*--------tooltips--------*/
#tooltipNod32text, #tooltip3Gtext, #tooltipStandardText, #tooltipFritidText, #tooltipAlltidText, #tooltipUtlandText, #tooltipManadsavgiftText, #tooltipInstallationText, #tooltipStartavgiftText, #tooltipFixIPText, #tooltipAntivirusText, #tooltipEmailText, #tooltipModemText, #tooltipRouterText, #tooltipOptionTelefoniText, #tooltipOptionNodText, #tooltipOptionModemText, #tooltipOptionRouterText, #tooltipHastighet16Text, #tooltipHastighet6Text, #tooltipHuaweiE173text, #tooltipHuaweiE367text, #tooltipPrislistaText, #tooltipPostalcodeText, #tooltipBrowseText { display: none; }
#tipNod32, #tip3G, #tipHuaweiE367, #tipHuaweiE173, #tipHastighet16, #tipHastighet6, #tipIdStandard, #tipIdFritid, #tipIdAlltid, #tipIdUtland, #tipIdManadsavgift, #tipIdInstallation, #tipIdStartavgift, #tipIdFixIP, #tipIdAntivirus, #tipIdEmail, #tipIdModem, #tipIdRouter, #tipIdOptionTelefoni, #tipIdOptionNod, #tipIdOptionModem, #tipIdOptionRouter, #tipIdPostalcode, #tipIdBrowse, #tipIdNetwork{ padding: 7px; background: #666; color: #fff; width: 240px; font-size: 10px; padding-left: 13px; }
#tipIdNetwork {font-size: 13px;}
#tipHuaweiE367, #tipHuaweiE173 { width: 400px; }
.tooltipNod32, .tooltip3G, .tooltipHastighet16, .tooltipHastighet6, .tooltipHuaweiE367, .tooltipHuaweiE173, #tooltipStandard, #tooltipFritid, #tooltipAlltid, #tooltipUtland, #tooltipManadsavgift, #tooltipInstallation, #tooltipStartavgift, #tooltipFixIP, #tooltipAntivirus, #tooltipEmail, #tooltipModem, #tooltipRouter, #tooltipOptionTelefoni, #tooltipOptionNod, #tooltipOptionModem, #tooltipOptionRouter, #tooltipPrislista, #tooltipPostalcode, #tooltipBrowse { cursor: help; }
.tooltip table { width: 220px; }
.tooltip td { border-bottom: solid 1px #4c4c4c; background-color: #444; }
#tipIdPrislista { padding: 7px 13px 7px 13px; background: #888; color: #fff; width: 200px; font-size: 10px; z-index: 1000002 !important; }
#tipIdPrislista h2 { font-family: Arial; color: #fff; font-size: 18px; text-shadow: 0 -1px 0 #555555; }
#tooltipPrislista { font-size: 11px;  margin: 0 10px 0 0;}
/*
#tipIdPostalcode, #tipIdBrowse { background: transparent url(../assets/stadsnet/v2/bubble.gif) no-repeat left top; }
#tipIdPostalcode p, #tipIdBrowse p { background: transparent url(../assets/stadsnet/v2/bubble-right.gif) no-repeat right top; height: 34px; line-height: 34px; padding: 0 15px; }
*/
/*ADSL default END*/

/*modal message*/
.modalContent .green { background-color: #bcd155; display: block; width: 360px; height: 30px; margin-left: 15px; vertical-align: middle; padding-top: 10px; border-left: solid 5px #444; padding-left: 4px; font-size: 12px; font-weight: bold; }
.modalContent .orange { background-color: #f7c55b; display: block; width: 360px; height: 30px; margin-left: 15px; vertical-align: middle; padding-top: 10px; border-left: solid 5px #444; color: #000; padding-left: 4px; font-size: 12px; font-weight: bold; }

.validatorCalloutHighlight { background-color: #FFFACD; }
.modalContent { background-color: #fff; width: 440px; position: relative; }
.modalContentIn { padding: 20px; }
.modalContent h1 { font-size: 20px; font-family: Georgia; color: #3a3a3a; font-weight: normal; }
.modalContent .radio, .modalContent .textbox { vertical-align: middle; }
.modalContent .textbox { border: solid 1px #000; height: 15px; }
.modalContent p.header { padding: 0px; margin: 0px; margin-bottom: 18px; font-size: 16px; font-family: Georgia; color: #ff9000; }
.modalContent p.message { padding: 0px; margin: 0px; margin-bottom: 18px; font-size: 14px; color: #4c4c4c; }
.modalOrange.padding label {display: inline-block; margin: 5px 0 0 5px; width: 335px}
.modalGreen, .modalOrange, .modalRed, .modalBrown, .modalLightblue {vertical-align:middle;padding:10px 5px 10px 5px;border-left:solid 5px #444;color:#000}
.modalGreen {background-color:#bcd155}
.modalOrange{background-color:#f7c55b}
.modalRed { background-color: #EEA5A5; }
.modalLightblue { background-color: #afdae3; }
.modalBrown {background-color: #e3bc94;}
.modalOrangeIn { margin-left: 5px; background-color: #facd87; padding: 10px; padding-left: 24px; }
.modalGreenIn { margin-left: 5px; background-color: #d4e67b; padding: 10px; padding-left: 24px; }
.modalGreenIn span { font-size: 11px; }
.default-padding { padding: 10px; }
.modalOrangeIn .DD { font-size: 11px; }
.modalContentMessage { background-color: #fff; border-left: solid 15px #ff9000; border-right: solid 15px #ff9000; color: #4c4c4c; font-family: Georgia; font-size: 14px; padding: 20px; }
.modalContentMessageIn { width: 360px; }
.modalContentMessageIn h3 { padding: 0px; margin: 0px; margin-bottom: 18px; font-size: 16px; font-family: Georgia; color: #ff9000; }
.progress { position: fixed; _position: absolute; left: 48%; top: 48%; color: #000; text-align: center; vertical-align: middle; z-index: 100; }

.modalMessage { background-color: #fff; border-left: solid 15px #ff9000; border-right: solid 15px #ff9000; color: #4c4c4c; font-family: Georgia; font-size: 14px; padding: 20px; width: 370px; }
.modalMessage p.header { color: #ff9000; font-size: 16px; margin-bottom: 10px; }
.modalMessage p { color: #4c4c4c; }
/*modalContent*/

.autocompleteListStyle { height: 250px; width: 230px; overflow: auto; background-color: #fff; border: solid 1px silver; }
.autocompleteListItem { padding: 3px 10px 2px 10px; border-bottom: dotted 1px silver; }
.autocompleteHighlightedListIt { padding: 3px 10px 2px 10px; border-bottom: dotted 1px silver; background-color: #ecf9fb; cursor: pointer; }

.margin7 { margin-top: 7px; }

.nodText { position: relative; z-index: 120; margin-top: 50px; }
.nodGreen { color: #1b6a81; }
.nodMB { font-size: 16px; font-weight: bold; }
.nodMBsmall { font-size: 12px; padding-top: 50px; }
.bgndMBnod { background-image: url(../assets/adsl/mbb_nod.gif); background-repeat: no-repeat; padding-left: 110px; height: 170px; }
.apsNod { position: absolute; margin-top: -370px; margin-left: 500px; z-index: 100; }

/*newStadsnat*/
.blueStadsnet { color: #006690; }
.leftBoxStadsnet { width: 445px; text-align: justify; }
.universalPrices { width: 250px; }
.universalPrices h3 { font-size: 14px; font-weight: bold; color: #3e3e3e; padding: 0px; margin: 0px; margin-bottom: 8px; }
.initialComparison { width: 395px; }
.orangePricesBox h1 { text-indent: -10000px; }
.orangePricesBox { background-image: url(../assets/stadsnet/stadsnatPricesTopRounded.gif); background-repeat: no-repeat; background-position: left top; width: 686px; }
.orangePricesBoxBottom { background-image: url(../assets/stadsnet/stadsnatPricesBottomRounded.gif); background-repeat: no-repeat; background-position: left bottom; width: 686px; }
.orangePricesBoxMiddle { background-image: url(../assets/stadsnet/stadsnatPricesMiddleRounded.gif); background-repeat: repeat-y; width: 686px; }
.paddingBox { padding: 15px; padding-top: 0px; }
.fullComparison { color: #3e3e3e; background-image: url(../assets/stadsnet/icon_file.gif); background-repeat: no-repeat; padding-left: 20px; }
.blueLightStadsnet { color: #006690; width: 440px; margin-left: 25px; font-size: 11px; margin-top: 10px; }
.tblComparison { width: 100%; text-align: center; border-top: solid 1px #c48900; border-collapse: collapse; }
.tblComparison th { border-bottom: solid 1px #c48900; background-color: #f4bd48; padding: 4px; font-size: 11px; }
.tblComparison td { border-bottom: solid 1px #c99e29; background-color: #fbc533; padding: 4px; font-size: 11px; }
.tblComparison .universal { background-color: #b44600; font-weight: bold; border-bottom: solid 1px #903800; color: #fefefe; }
.tblComparison .left { text-align: left; font-weight: bold; }
.tblInitialComparison { width: 100%; font-size: 14px; text-align: center; border-collapse: collapse; }
.tblInitialComparison tr th { color: #3e3e3e; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px #f9bb03; }
.tblInitialComparison tr td { vertical-align: middle; border-bottom: solid 10px #f9bb03; padding-top: 6px; padding-bottom: 5px; }
/*height:35px;*/

.socket { width: 420px; text-align: right; display: block; text-shadow: 1px 1px 0 #FFF; }


/* horizontal accordion */
.myAccordion { display: none; }
.container { width: 100%; }
.container ul { list-style-type: none; margin: 0; padding: 0; }
.container li { display: inline; margin: 0px; padding: 0px; }
.contentContainer { padding-left: 0px; float: left; width: 0px; height: 253px; overflow: hidden; }
.contentWrapper { }
.contentInnerWrapper { padding-left: 10px; }
/*.contentInnerWrapper .star-red {background: url(../assets/adsl/accordion/star-red.gif) no-repeat left top;}
.contentInnerWrapper .star-green {background: url(../assets/adsl/accordion/star-green.gif) no-repeat left top;}
.contentInnerWrapper .star-blue {background: url(../assets/adsl/accordion/star-blue.gif) no-repeat left top;}
.contentInnerWrapper .star-red, .contentInnerWrapper .star-green, .contentInnerWrapper .star-blue {position: absolute; width: 100px; height: 98px; bottom: 8px; right: 8px;}*/
.handle { float: left; width: 135px; height: 253px; cursor: pointer; }
.handleOver { }
.handleSelected { width: 0px; }
#myAccordionHandle0 { background: url(../assets/adsl/accordion/accordion-adsl.gif) no-repeat left top; }
#myAccordionHandle1 { background: url(../assets/adsl/accordion/accordion-mobil.gif) no-repeat left top; }
#myAccordionHandle2 { background: url(../assets/adsl/accordion/accordion-stadsnat.gif) no-repeat left top; }
#myAccordionListItem0 .handleOver { background-position: 0px -253px; }
#myAccordionListItem1 .handleOver { background-position: 0px -253px; }
#myAccordionListItem2 .handleOver { background-position: 0px -253px; }
#myAccordionContent0 { background: url(../assets/adsl/accordion/accordion-adsl-bg.gif) no-repeat left top; margin-right: 5px; position: relative; }
#myAccordionContent1 { background: url(../assets/adsl/accordion/accordion-mobil-bg.gif) no-repeat left top; margin-right: 5px; position: relative; }
#myAccordionContent2 { background: url(../assets/adsl/accordion/accordion-stadsnat-bg.gif) no-repeat left top; position: relative; }
#myAccordionContent0 h4 { color: #fff; font-size: 16px; font-weight: bold; width: 230px; height: 56px; padding-top: 10px; }
#myAccordionContent0 h4 span { font-size: 25px; text-transform: uppercase; }
#myAccordionContent1 h4 { color: #fff; font-size: 23px; font-weight: bold; height: 38px; padding-top: 7px; text-transform: uppercase; }
#myAccordionContent2 h4 { color: #fff; font-size: 16px; font-weight: bold; width: 150px; height: 56px; padding-top: 10px; }
#myAccordionContent2 h4 span { font-size: 25px; text-transform: uppercase; }
.stripe-red { background: url(../assets/adsl/accordion/stripe-red.gif) no-repeat left top; width: 154px; }
.stripe-green { background: url(../assets/adsl/accordion/stripe-green.gif) no-repeat left top; width: 255px; font-size: 14px !important; }
.stripe-blue { background: url(../assets/adsl/accordion/stripe-blue.gif) no-repeat left top; width: 270px; }
.stripe-red, .stripe-green, .stripe-blue { height: 22px; line-height: 22px; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: bold; text-align: center; margin: 15px 0 8px 0; }
.contentInnerWrapper ul { margin: 15px 0 10px 20px; }
.contentInnerWrapper ul li { display: block; font-weight: bold; background: url(../assets/adsl/accordion/bullet-plus.gif) no-repeat left center; padding-left: 10px; margin-top: 3px; }
.contentInnerWrapper p { width: 270px; }
.myAccordion a { display: inline-block; width: 75px; height: 24px; line-height: 24px; background: url(../assets/adsl/accordion/button-readmore.gif) no-repeat left top; text-align: center; color: #fff; text-decoration: none; }
.myAccordion a:hover { text-decoration: underline; }
.myAccordion select { margin: 0 10px 0 0; }
.postCodeBox select { margin: 0 0 0 15px; }
/* end accordion */

/* pnlRecommendFriend */

.modalPopupSendToFriend { width: 450px; height: 330px; background-color: #f4f3ef; margin: auto; border-top: #914452 5px solid; border-bottom: #914452 5px solid; font-family: Arial, Helvetica, sans-serif; }
.headingPopup { width: 270px; font-size: 22px; font-weight: bold; color: #914452; margin-top: 20px; text-indent: 20px; float: left; }
.closePopup { width: 16px; float: right; margin-top: 10px; margin-right: 10px; }
.modalPopupSendToFriendForm { width: 370px; height: 190px; padding: 20px; background-color: #FFF; margin-left: 20px; margin-top: 20px; }
.clearAll { clear: both; }
.introText { font-size: 12px; text-align: justify; color: #595856; }
.formLabel { font-size: 13px; font-weight: bold; margin-top: 15px; width: 170px; color: #595856; float: left; }
.formInput { float: left; margin-left: 15px; margin-top: 10px; width: 185px; }
.formMainBtn { width: 61px; height: 27px; float: right; margin-top: 15px; }
.inputStyle { font-size: 13px; width: 185px; height: 22px; border: #b56f7e 1px solid; }
.pnlErrorMsg { font-size: 11px; font-weight: bold; margin-top: 20px; width: 280px; color: #F00; float: left; }

/* pnlNodOffer */
.modalPopupNOD { width: 550px; height: 400px; background: url(../assets/adsl/nodPopup/nod_splash_back.jpg) no-repeat; }
.headingPopupNOD { margin-top: 29px; margin-left: 235px; width: 295px; text-align: right; font-weight: bold; position: absolute; }
.modalPopupNODText { margin-top: 115px; margin-left: 235px; width: 295px; position: absolute; font-size: 12px; text-align: justify; }
.closeBtnNOD { margin-top: 355px; margin-left: 247px; width: 55px; height: 27px; position: absolute; }
.awardsNOD { width: 255px; height: 51px; margin-left: 235px; margin-top: 275px; background: url(../assets/adsl/nodPopup/nod_awards.png) no-repeat; position: absolute; }

p.info {margin-top: -20px;}

/* popup panel AdslJuly2011 */
.modalPopupAdslJuly2011 { width: 770px; height: 634px; background: url(../assets/kampanj/adslJuly2011/sommar-forsaljning-50-rabatt-popup.jpg) no-repeat;}
.modalPopupAdslJuly2011 .closeBtn { width: 55px; height: 27px; position: absolute; left: 360px; bottom: 10px;}
.modalPopupAdslJuly2011 .flash {text-align: center; padding-top: 485px;}
