/*------------------------------------------------------------------------------------------------- [Reset Stylesheet] Project: NettoKOM Version: 1.0 Author: Eric Meyer -------------------------------------------------------------------------------------------------*/ 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:black; background:white; } 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:"" ""; }/*------------------------------------------------------------------------------------------------- [Basic Stylesheet] Project: NettoKOM Version: 1.0 -------------------------------------------------------------------------------------------------*/ html { font:1em arial,sans-serif; line-height:1em; } body { background:#fff; color:#44423e; font:11px verdana,sans-serif; line-height:1.25em; } small { display:block; font-size:0.85em; line-height:1.15em; } small.recommendationPrivacy { color:#a7b9C3; display:block; float:left; width:360px; margin-top:0; } input, select, textfield { border:1px solid #aaa; font:1em arial,sans-serif; } a:link, a:visited { color:#c00100; text-decoration:underline; } a:hover, a:active { color:#c00100; text-decoration:none; } h1, h2, h3, h4, h5, h6 { clear:both; color:#004d9f; font-size:11px; font-weight:bold; margin:1em 0 0.5em 0; } h1 { color:#c40b10; margin:0 0 1em 0; } h3 { border-top:1px solid #bdbfbe; padding-top:10px; } h4 { font-weight:normal; } hr { border:none; border-bottom:1px solid #bdbfbe; clear:both; margin-bottom:2em; margin-top:1em; } /*------------------------------------------------------------------------------------------------- [page container] */ #page { width:955px; } /*------------------------------------------------------------------------------------------------- [header] */ #header { background: url(/static/nettokom/img/background/head.gif) no-repeat; display:block; float:left; height:105px; margin:0.5em 0 1px 0; width:955px; } #header img { margin-top:20px; } #header .search { float:right; margin:22px 10px 0 0; } #header .search form input.txt { float:left; margin-right:6px; padding:2px 3px; width:185px; } #header .search form .button { background:url(/static/nettokom/img/background/buttonSmall.gif) left top; float:right; padding:0 0 0 2px; } #header .search form .button input { background:url(/static/nettokom/img/background/buttonSmall.gif) right top; border:none; height:20px; margin:0; padding:0 4px 3px 2px !important; } #header .search form .button input:hover { text-decoration:underline; } #header .search .links { clear:both; float:left; margin-bottom:0.5em; } #header .search .links a { margin-right:0.5em; } /*------------------------------------------------------------------------------------------------- [topMenu] */ #topMenu { background:url(/static/nettokom/img/bg_top_menu.jpg) repeat-x left top; clear:both; float:left; font-size:10px; height:28px; margin: 0 0 30px 0; width:955px; } #topMenu ul { margin-left:200px; } #topMenu li, #topMenu li a, #topMenu li a span { float:left; } #topMenu li { border-left:1px solid #fff; display:block; } #topMenu li.first { border:none; } #topMenu li a { color:#fff; display:block; font-weight:bold; padding:7px 11px 6px 11px; text-decoration:none; } #topMenu li.active a { background-color:#fff; color:#c40b10; } /*------------------------------------------------------------------------------------------------- [navigation] */ #navigation { float:left; margin-right:10px; width:190px; } #navigation ul { margin:0; } #navigation ul li a { border-top:1px solid #fff; border-bottom:1px solid #acacac; color:#111; display:block; font-weight:bold; padding: 8px 10px; text-decoration:none; width:170px; } #navigation ul li a.first { border-top:none; } #navigation ul li a#service { border-bottom:none; } #navigation > ul > li > ul { border-top:1px solid #ddd; margin-top:-1px; border-bottom:1px solid #ACACAC;} #navigation ul li a:hover, #navigation ul li a.selected, #navigation ul li a.active { color:#c40b10; } #navigation ul li ul li a { border:none; font-weight:normal; padding: 0 20px 5px 20px; width:150px; } #navigation ul li ul li ul li a { padding: 0 20px 5px 40px; } #navigation { background: #ddd url(/static/nettokom/img/background/navigationBottom.gif) no-repeat bottom; border-bottom:none; padding-bottom:4px; } /*------------------------------------------------------------------------------------------------- [content] */ #content { float:left; width:755px; } /*------------------------------------------------------------------------------------------------- [contentArea] */ #contentArea { float:left; width:590px; } /*--------------------------------------------------------------------------------------------- [serviceArea] */ #serviceArea { clear:both; float:right; margin:0 0 0 10px; width:155px; } #serviceArea .serviceBox { background-color:#ddd; float:right; margin-bottom:1em; width:155px; } #serviceArea .serviceBox h3 { border:none; color:#c40b10; font-size:11px; padding:0 10px; } #serviceArea .serviceBox fieldset, #serviceArea .serviceBox dl, #serviceArea .serviceBox img, #serviceArea .serviceBox p, #serviceArea .serviceBox hr, #serviceArea .serviceBox h4 { margin:0 1em; } #serviceArea .serviceBox ul { font-size:10px; } #serviceArea .serviceBox hr, #serviceArea .serviceBox img { margin-bottom:1em; } #serviceArea .serviceBox .bottom { background:url(/static/nettokom/img/background/serviceBoxBottom.gif); clear:both; height:12px; } #serviceArea .serviceBox .bottom a { float:right; margin:20px 22px 0 0; } #serviceArea .serviceBox dl { clear:both; float:left; margin-bottom:1em; } #serviceArea .serviceBox dl dt { clear:left; float:left; font-weight:bold; width:120px; } #serviceArea .serviceBox dl dd { float:left; margin-left:10px; width:120px; } #serviceArea .serviceBox dl dd ul { margin:0!important; } #serviceArea .serviceBox dl.multiple { border-top:1px solid #fff; padding-top:7px; } #serviceArea .serviceBox dl.multiple.first { border-top:0; margin-top:0; padding-top:0; } #serviceArea .serviceBox dl.borderless { border:none; } #serviceArea .button { background:url(/static/nettokom/img/background/buttonSmall.gif) left top; float:right; margin:20px 6px 10px 0; padding:0 0 0 2px;} #serviceArea .button input, #serviceArea .button a { background:#ddd url(/static/nettokom/img/background/buttonSmall.gif) right top; border:none; font-size:1em; height:20px; margin:0 !important; padding:0 4px 2px 2px !important; width:auto;} #serviceArea .button a { color:#444; height:16px !important; padding:3px 7px 1px 6px !important; text-decoration:none; } #serviceArea .button input:hover, #serviceArea .button a:hover { text-decoration:underline; } #serviceArea .serviceBox .errorList li { color:#f00; margin: 0 1em 0.5em; } /*------------------------------------------------------------------------------------- [bannerWeb] */ #serviceArea #bannerWeb p, #serviceArea #bannerWeb a { margin:0 18px; } #serviceArea #bannerWeb img { margin:5px 18px; } /*------------------------------------------------------------------------------------------------- [footer] */ #footer { border-top:1px solid #b3e2f6; clear:both; float:left; margin-top:1em; padding:10px 0; text-align:center; width:950px; } #footer ul { margin-bottom:2px; } #footer ul li { border-left:1px solid #ccc; display:inline; padding:0 2px 0 5px; margin:0; } #footer ul li.first { border:none; } #footer p { margin:5px 0; text-align:center; } #footer p a { border-left:1px solid #b3e2f6; margin-left:5px; padding-left:9px; text-decoration:underline; } #footer p a:hover { text-decoration:none; } #footer p a.first { border:0; padding:0; } #footer p a:hover { text-decoration:none; } #footer p a.first { border:0; padding:0; } /*------------------------------------------------------------------------------------------------- [disclaimer] */ .disclaimer { border-top:1px solid #ccc; color:#333; clear:both; float:left; font-size:10px; margin:0 0 1em 0; width:935px; }/*------------------------------------------------------------------------------------------------- [Master Stylesheet] For elements inside: body > #page > #content > #contentArea Main child elements: #innerContent Project: NettoKOM Version: 1.0 -------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------- [contentArea] */ #contentArea ul { list-style: disc outside; margin:0 0 1em 14px; } #contentArea ul li { } #contentArea h3 { margin-top:0; } #contentArea table { border-collapse:collapse; margin-bottom:1em; width:100%; } #contentArea table tr.result { background-color:#eee; } #contentArea table tr th { background: #f3f3f3; border:1px solid #d5d5d5; border-left:none; border-right:none; font-weight:bold; padding: 0.2em 0.4em; } #contentArea table tr td { border-bottom:1px solid #d5d5d5; padding: 0.2em 0.4em; } #contentArea table tr td.price { text-align: right; } /*--------------------------------------------------------------------------------------------- [table.callview] */ #contentArea table tr.totalAmount td { border-bottom:none; border-top:2px solid #e5f2fb; font-weight:bold!important; } #contentArea table.callview .KostenColumnHeader td, #contentArea table.callview .DauerColumnHeader td, #contentArea table.callview .MengeColumnHeader td { text-align:right; } #contentArea table tr th table { border:none; font-weight:bold; margin:0; padding: 0; } #contentArea table tr th table td { border:none; font-weight:bold; } #contentArea table tr th table a { text-decoration:none; } #tablePagesRow { text-align: center;} /*--------------------------------------------------------------------------------------------- [headlines] */ #contentArea a#orderStartLink h2 { width: auto;} #contentArea h3.wrapper, #contentArea a#orderStartLink { float:left; width:590px; } #contentArea h3.wrapper b { float:left; padding-top:2px; } #contentArea h3.wrapper .buttonSmall, #contentArea a#startOrderLink h2 { margin-bottom:0 !important; margin-left:0.75em !important; } #contentArea h3.wrapper .helpWrapper { float:left; margin:2px 0 5px 10px; } #contentArea h4 { font-size:1em; margin:5px 0 2px 0; } /*--------------------------------------------------------------------------------------------- [paragraph] */ #contentArea p { margin-bottom: 1em; } #contentArea p.left { width:210px; } /*--------------------------------------------------------------------------------------------- [links] */ #innerContent ul.arrowWide { margin-bottom:0; } #innerContent ul.arrowWide li { list-style-type:none; padding:0; } #innerContent a.arrowWide, #innerContent .arrowWide a { background:#e5f2fb url(/static/nettokom/img/list_button.gif) 4px 2px no-repeat; color:#27485b; display:block; margin:2px 0; padding:0 0 1px 22px; text-decoration:none; } #innerContent a.arrowWide:hover, #innerContent .arrowWide a:hover { background-color:#cfe8fc; text-decoration:none; } #contentArea a.pdf { background: url(/static/nettokom/img/icon/pdf.png) no-repeat; height:20px; line-height:20px; padding:2px 0 2px 20px; vertical-align:middle; } #contentArea a.csv { background: url(/static/nettokom/img/icon/csv.png) no-repeat; height:20px; line-height:20px; padding:2px 0 2px 20px; vertical-align:middle; } #contentArea a#selectTariff { float:right; } /*--------------------------------------------------------------------------------------------- [lists] */ #contentArea ol { list-style:decimal outside; margin-left:20px; } #contentArea ol li { padding:2px 0; } #contentArea ul { list-style:url(/static/nettokom/img/icon/arrow.gif) outside; margin: 0 0 0.5em 12px; } #contentArea ul li { padding:2px 0; } #contentArea ul.useChecked { list-style:url(/static/nettokom/img/icon/checked.gif) outside; margin-left:12px; } #contentArea ul.useDots, #innerContent ul.useDots ul { list-style:outside disc; margin-left:3px; padding-left:13px; } #contentArea ul.pdf { list-style:none; } #contentArea dl { clear:both; float:left; } #contentArea dl dt { clear:left; float:left; margin-right:10px; width: 65px;} #contentArea dl dd { float:left; } #contentArea dl.hover dt { height:25px; } #contentArea dl.hover dd { width:80px; } /*--------------------------------------------------------------------------------------------- [images] */ #contentArea img { margin-bottom:0.75em; } #contentArea img.right { margin-top:-22px; } #contentArea img.small-margin { margin:10px 10px 0 0; } /*--------------------------------------------------------------------------------------------- [fonts] */ strong { font-weight:bold; } /*--------------------------------------------------------------------------------------------- [helpWrapper] */ #contentArea .helpWrapper { font-size:12px; font-weight:normal; margin:0 5px; } #contentArea .helpWrapper .helpHandle { background:url(/static/nettokom/img/icon/help.gif) 0 0 no-repeat; display:block; width:15px; height:15px; } #contentArea .helpWrapper ul li { background:none!important; list-style-type:disc; list-style-position:outside; margin-left:10px; } #contentArea .helpWrapper a.help span.hoverWrapper { background:url(/static/nettokom/img/background/help.gif) left top no-repeat; color:#000; height:auto; margin:-40px 0 0 20px; position:absolute; visibility:hidden; width:245px; } #contentArea .helpWrapper a.help span.hoverWrapper .content { padding:15px 10px 0 35px; } #contentArea .helpWrapper a.help span.hoverWrapper p { padding:0; } #contentArea .helpWrapper a.help span.hoverWrapper span.bottom { background:url(/static/nettokom/img/background/help.gif) left -387px no-repeat; float:left; height:10px; margin:0 0 -20px 0; padding:0; position:relative; width:246px; z-index:101; } #contentArea .helpWrapper a.help:hover { cursor:default; } #contentArea .helpWrapper a.help:hover span.hoverWrapper { visibility:visible; } #contentArea table .helpWrapper { float:right; } /*--------------------------------------------------------------------------------------------- [tip] */ #contentArea div.tip { background:#fffbcc; border:1px solid #e6db55; clear:left; margin:1em 0; padding:8px 10px; } #contentArea div.tip h6 { font-size:1.1em; padding-bottom:5px; width:auto; } #contentArea div.tip img { float:left; margin-right:10px;} #contentArea div.tip ins { text-decoration: none; } #contentArea div.tip p { margin:0; width:auto !important; } #contentArea .bottom { height:0; margin:0; } /*--------------------------------------------------------------------------------------------- [orderSteps] */ #contentArea #orderSteps { clear:both; list-style:none; margin:0 0 4em 0; } #contentArea #orderSteps li { border-left:1px solid #ccc; float:left; margin-left:10px; padding-left:10px; } #contentArea #orderSteps li.first { background:none; border-left:0; margin-left:0; padding-left:0; } /*--------------------------------------------------------------------------------------------- [twoCol] */ #contentArea .twoCol { clear:both; } #contentArea .twoCol .col { float:left; margin:0 9px 1em 0; padding-right:10px; width:280px;} #contentArea .twoCol .col.right { border-right:none; margin-right:0; } #contentArea .twoCol .col h3 { margin-bottom:1em; } #contentArea .twoCol .col h3.wrapper { float:left; width:280px; } #contentArea .twoCol .col .block { margin-right:10px; } /*--------------------------------------------------------------------------------------------- [threeCol] */ #contentArea .threeCol { clear:both; margin-bottom:2em; } #contentArea .threeCol .col { float:left; margin: 0 30px 2em 30px; width:176px !important; } #contentArea .threeCol .col.left { margin:0; } #contentArea .threeCol .col.right { float:right; margin:0; } #contentArea .threeCol .col h3 { width:176px !important; } #contentArea .threeCol .col ul, #contentArea .threeCol .col ol { margin-bottom:0.75em !important; } #contentArea .threeCol .col img { float:right; margin-top:-1em; } #contentArea .threeCol .col img.right { margin-top:10px; } #contentArea .threeCol .col p.left { width:100px; } #contentArea .threeCol .buttonSmall { float:left; margin:1em 0!important; } #contentArea .threeCol ul li { list-style-position: outside; margin-left: 10px; } #contentArea .threeCol ul.useChecked li { margin-left: 22px; } /*--------------------------------------------------------------------------------------------- [promo] */ .promo img { float:right; margin-bottom:1em; } .promo #snippet_order a { float:right; margin-top: -105px; margin-right:30px; } /*--------------------------------------------------------------------------------------------- [footnote] */ .footnote { cler:both; border-top:1px solid #bdbfbe; float:left; font-size:11px; margin-top:15px; padding-top:1em; } /*--------------------------------------------------------------------------------------------- [accordion] */ #contentArea dl.accordionContent { width:600px; } #contentArea dl.accordionContent dt { float:none; width:auto; } #contentArea dl.accordionContent dd dt { width:565px; } #contentArea dl.accordionContent dt a { background:#f3f3f3 url(/static/nettokom/img/button/plus.gif) 3px 0 no-repeat; color:#111; cursor:pointer; display:block; text-decoration:none; margin:2px 0; padding:2px 0 2px 26px; } #contentArea dl.accordionContent dt a:hover { background-color:#ddd; } #contentArea dl.accordionContent dt a.on { background:#ddd url(/static/nettokom/img/button/minus.gif) 3px 0 no-repeat; font-weight:bold; } #contentArea dl.accordionContent dd { margin:10px 0 25px 27px; } /*------------------------------------------------------------------------------------- [text] */ #contentArea dl.accordionContent dd div.text { margin-right:27px; } #contentArea dl.accordionContent dd div.text a { display:inline; text-decoration:underline; } #contentArea dl.accordionContent dd div.text a:hover { text-decoration:none; } /*------------------------------------------------------------------------------------- [form] */ #contentArea dl.accordionContent dd div.rating { margin:10px 27px 0 0; padding:2px 0 2px 10px; border-top:1px solid #ddd; } #contentArea dl.accordionContent dd div.rating div.form { padding: 0.5em 0 0 0; } #contentArea dl.accordionContent dd div.rating div.form p { color:#3f3f3f; float:left; margin-right:10px; } #contentArea dl.accordionContent dd div.rating div.form .buttonSmall { float:left; margin: -8px 0 0 0; } #contentArea dl.accordionContent dd div.thankyou { padding: 0.5em 0 0 0; } /*--------------------------------------------------------------------------------------------- [sand glass] */ #sandGlass img { float:left; margin-right:10px; } /*--------------------------------------------------------------------------------------------- [directTopupLinks] */ #contentArea .directTopupLinks .helpWrapper { float:right; } #contentArea .directTopupLink { float:left; margin:0 10px; } /*--------------------------------------------------------------------------------------------- [amountSelectionForm and cashVoucherAvtivationForm] */ #amountSelectionForm .button, #cashVoucherActivationForm .button { float:left; margin-left:1em; } #amountSelectionForm select, #cashVoucherActivationForm input { margin:0; } #amountSelectionForm select { width:80px!important; } /*usageReport*/ #content #reportTable tbody { border: none; } #content #reportTable tr td { height: 27px; } #content #reportTable tr td a { background: url(/static/nettokom/img/button/plus.gif) 3px 0 no-repeat; cursor:pointer; display:block; margin:2px 0 3px 0; margin-left:0; padding:2px 0 0 23px; } #content #reportTable tr td a.on { background: url(/static/nettokom/img/button/minus.gif) 3px 0 no-repeat; } #content table tr.level1 td:first-child { padding-left:33px; } #content table tr.level2 td:first-child { padding-left:57px; } #content table tr.level3 td:first-child { padding-left:80px; } #content table tr.level4 td:first-child { padding-left:104px; } #content #monthSelection { float:none; width:auto; } .price { text-align: right; } #contentArea table th.checked:first-child { background: url(/static/nettokom/img/background/li_checked.png) 1px 1px no-repeat #e41b13 !important; } #contentArea table th.checked { background-color: #e41b13 !important; padding:0px 5px; } /*------------------------------------------------------------------------------------------------- [Form Stylesheet] For everything related with forms. Project: NettoKOM Version: 1.0 -------------------------------------------------------------------------------------------------*/ input:focus, textarea:focus, select:focus { border-color:#777 !important; } /*------------------------------------------------------------------------------------------------- [innerContent] */ #contentArea label { clear:both; float:left; margin:2px 3px 0 0; text-align:right; width:10em; } #contentArea label.iRadioLabel, #contentArea label.iCheckboxLabel, #contentArea label.iRadioLabelInline, #contentArea label.iCheckboxLabelInline, #contentArea label.iRadioLabelBlock, #contentArea label.iCheckboxLabelBlock { clear:none; margin:3px 30px 15px 0; text-align:left; width:475px; } #contentArea div.radiogroup label.iRadioLabel { margin:5px 5px 0 0; } #contentArea label.iCheckboxLabel { margin-bottom:0; } #contentArea label.iCheckboxLabelBlock { margin-right:0; width:555px; } #contentArea label.iRadioLabel { width:auto; } #contentArea label.iRadioLabelInline, #contentArea label.iCheckboxLabelInline { margin-right:5px; width:auto; } #contentArea label.wide { width:15em; } #contentArea label.iRadioLabel b, #contentArea label.iCheckboxLabel b, #contentArea label.iRadioLabelBlock b, #contentArea label.iCheckboxLabelBlock b { font-weight:normal; } #contentArea input, #contentArea select, #contentArea textarea { border:1px solid #aaa; float:left; margin:0 0.5em 10px; padding:4px 5px; width:200px; } #contentArea select { padding:2px 2px 2px 0; width:212px; } #contentArea input.iRadio, #contentArea input.iCheckbox { border:0; margin:3px 8px 0 0; padding:0; width:auto; } #contentArea div.radiogroup input.iRadio { clear:both; margin:7px 11px 0 120px; width:auto; } #contentArea div#evnInputHint { clear:both; float:left; margin-left:120px; margin-top:10px;} #contentArea .reverseSwitch legend, #contentArea .inlineElements { padding-left:118px; } #contentArea .reverseSwitch legend { padding-bottom:15px; } #contentArea legend label { display:block; float:none; margin:10px 0; text-align:left; width:auto; } #contentArea form div.bigBottom { margin-bottom:1.5em; } /*------------------------------------------------------------------------------------------------- [fieldset] */ #contentArea form fieldset.lightBlue { background:#e5f2fb; border:1px solid #cfe8fc; margin-bottom:10px; padding:20px 0 10px 0; } #contentArea form fieldset.lightBlue input { width:275px; } #contentArea form fieldset.lightBlue input.half { width:125px; } /*------------------------------------------------------------------------------------------------- [small/.inputHint] */ #contentArea form small, #contentArea form strong.inputHint { float:left; line-height:2em; margin:2px 0 0 5px; width:auto; } #contentArea form strong.inputHint { margin-top:0; width:auto; } /*------------------------------------------------------------------------------------------------- [dfn] */ #contentArea form dfn { float:left; margin:2px 0 0 5px; } /*------------------------------------------------------------------------------------------------- [sizes] */ /* input */ #contentArea input.xxxsmall { width:63px; } #contentArea input.small, #contentArea input.xxsmall { margin-right:0; width:50px; } #contentArea input.middle, #contentArea input.xsmall { margin-right:0; width:132px; } #contentArea input.long { margin-left:0; width:400px; } /* select */ #contentArea select.xxxsmall { width:124px; } #contentArea select.small, #contentArea select.xxsmall { width:75px; } #contentArea select.middle, #contentArea select.xsmall { margin:0 10px 5px; width:55px; } /*#contentArea select.large { margin-right:0; width:367px; }*/ /* textarea */ #contentArea textarea.large { margin-right:0; width:355px; } /*------------------------------------------------------------------------------------------------- [buttons] */ .buttonAreaNextBack { clear:both; float:left; margin-bottom:1em; width:100%; } .buttonNext, .button{ background:url(/static/nettokom/img/background/button.jpg) right top no-repeat; float:right; line-height:32px; padding:0 2px 0 0; } .button{ display:inline; margin-bottom:10px; } .button.primary { background-image:url(/static/nettokom/img/background/buttonPrimary.jpg); float:right; } .buttonNext input ,.button input, .button a { background:url(/static/nettokom/img/background/button.jpg) left top no-repeat; border:none !important; color:#333; font-weight:bold; margin:0 !important; padding:6px 4px 5px 7px!important; width:auto !important; } .button.primary input, .button.primary a { background-image:url(/static/nettokom/img/background/buttonPrimary.jpg); color:#444; } .buttonNext input:hover, .buttonBack a:hover, .button input:hover { cursor:pointer; text-decoration:underline; } .buttonBack { background:url(/static/nettokom/img/background/buttonBack.gif) right top no-repeat; float:left; line-height:20px; margin-top:6px; padding:0 3px 0 0; } .buttonBack a { margin:0 !important; background:url(/static/nettokom/img/background/buttonBack.gif) left top no-repeat; color:#333; float:left; font-size:0.9em; margin:0 !important; padding:0 4px 0 22px; text-decoration:none; } .button a{ border:none; color:#444; float:left; line-height:17px !important; text-decoration:none; } .button a:hover { text-decoration:underline; } .buttonSmall { background:url(/static/nettokom/img/background/buttonSmall.gif) left top; display:block; float:left; font-size:11px; font-weight:normal; height:20px; margin:0 1em 1em 0 !important; padding:0 0 0 2px; } .buttonSmall a { background:url(/static/nettokom/img/background/buttonSmall.gif) right top; display:block; height:18px; padding:2px 6px 0px 5px; } .buttonSmall a:link, .buttonSmall a:visited { color:#444; text-decoration:none; } .buttonSmall a:hover, .buttonSmall a:active { color:#444; text-decoration:underline; } /*border styling for number selection & number search*/ a#startOrderLink.btn, a#numberSearchLink, a.half, div.numberContainer form{ padding: 30px; display: block; -moz-border-radius: 6px; border: 1px solid #B7B7B7; float:left; } a#startOrderLink.btn, a#numberSearchLink, div.numberContainer form{ width: 530px; } div.numberContainer form *{ float: left; clear: none; display: inline; } /*number selection*/ a#startOrderLink.btn, a#numberSearchLink{ text-decoration: none; margin: 10px 0px; background: url(/static/nettokom/img/button/next-small.gif) no-repeat 97% 50%; } a#startOrderLink.btn:hover, a#numberSearchLink:hover, a.half:hover, a#startOrderLink.btn:active, a#numberSearchLink:active, a.half:active {background-color:#D5D5D5;} a#startOrderLink.btn, a#numberSearchLink, a#startOrderLink h2 {font-size: 17px; font-weight: bold;} a#numberSearchLink img{visibility: hidden; width: 0px; height: 0px;} a#startOrderLink p, a#numberSearchLink p{ float: left; color: #000; padding: 0px; margin: 0px; } a#startOrderLink h2{ float:left; width: auto; padding: 0px; margin: 0px 0px 0px 5px; background-image: none; clear: none; } a#numberSearchLink + .footnote{ clear:both; float:none; } div.numberContainer form { text-align: center; margin-bottom: 20px; } div.numberContainer form input#search{ background:#F7F7F7 none repeat scroll 0 0; border:1px solid #CCCCCC; width: 40px; } div.numberContainer form small{ color: #777; } div.numberContainer form span.buttonNext{ margin: -3px 2px 0px 15px; padding-right: 2px } div.numberContainer form p{ display: inline; margin-top: 5px; margin-left: 80px; } h2.bigHead{ display: block; } h2.bigHead b{ float: left; } h2.bigHead a#reload{ float: right; font-size: 10px; margin-top: 5px; } a.half{ float: left; text-align: center; -moz-border-radius: 6px; margin: 10px; padding: 20px 30px; width:213px; text-align: left; background: url(/static/nettokom/img/button/next-small.gif) no-repeat 90% 50%; font-size: 14px; } a.half b{ background-color: #F7A442; } /*------------------------------------------------------------------------------------------------- [helpHover] */ #contentArea form .helpWrapper { float:left; margin-top:2px; } /*------------------------------------------------------------------------------------------------- [errors] */ #contentArea .error { clear:left; } #contentArea form .error { clear:none; } #contentArea .error legend { color:#e95b2a; font-weight:bold; margin-bottom:0.75em; } #contentArea .error input, #contentArea .error select, #contentArea .error textarea { border:1px solid #e68207; } #contentArea .errorList { border:2px solid #e95b2a; border-width:2px 0 1px 0; margin:0 0 20px 0; padding:8px 0 6px 0; width:92%; } #contentArea .errorList li { background-image:none; color:#c66208; margin-left:10px; padding:0; } /*--------------------------------------------------------------------------------------------- [selectNumber] */ .newBlauNumberSelectionInfo { margin-bottom:20px; } #updateError { margin-bottom:5px; } #updateError ul, #updateError li { list-style-type:none !important; list-style-image:none !important; } #updateError ul { margin:5px 30px !important; } #updateError li { margin-left:0 !important; } #numberSelectorForm fieldset legend input { margin-top:3px; width:auto; } #numberSelectorForm fieldset legend label { clear:none; color:#004d95; margin-left:10px; } #numberSelectorForm .container { margin:0 0 25px 0; } #numberSelectorForm #expandedContainer, #numberSelectorForm #expandedContainer_1 { margin-left:25px; } #numberSelectorForm #updateHistory h2 { margin-left:30px; } #numberSelectorForm #updateNumber a { margin-top:3px; } #numberSelectorForm .searchBox { margin:0 0 15px 32px; } #numberSelectorForm .searchBox label { clear:none; text-align:left; margin-bottom:3px; width:auto; } #numberSelectorForm .searchBox #search { margin-left:0; width:220px; } #numberSelectorForm .searchBox .buttonNext { float:left; margin-top:-1px; } #numberSelectorForm .searchBox .buttonNext input { font-weight:normal!important; } #numberSelectorForm a.number { display:block; float:left; font-weight:bold; height:auto; padding:0; margin:0 0 0 12px; text-decoration:none; width:162px; } #numberSelectorForm a.number.left { clear:left; } #numberSelectorForm a.number:hover, #numberSelectorForm a.number.selection, #numberSelectorForm a.number.proposition { background:url(/static/nettokom/img/order/selectedNumberBg.gif) top left no-repeat; color:#fff; cursor:pointer; text-decoration:none; } #numberSelectorForm a.number.proposition { margin-left: 40px; } #numberSelectorForm a.number div, #numberSelectorForm a.number span { margin:0; padding:0 !important; } #numberSelectorForm a.number ul { margin:0; padding:7px 0 12px 20px; } #numberSelectorForm a.number li { list-style-type:none; list-style-image:none; margin:0; padding:0; } #numberSelectorForm #refresh { margin-left:31px; } #numberSelectorForm p.introduceSelected { float:left; padding:11px 15px 0 32px; } #numberSelectorForm a.number.selection { float:left; } #numberSelectorForm #sandGlass { background:none; } #numberSelectorForm #sandGlass img { margin:7px 0 12px 60px; } #selectDatesForm input[type=text] { float: none; width: 80px; margin:0; } #selectDatesForm label { float: none; padding: 6px 0 0 10px; margin:0; } #selectDatesForm { margin-left: 100px; clear: both;} #period .buttonSmall { margin-right: 10px } /*------------------------------------------------------------------------------------------------- [Useful Stylesheet] Project: NettoKOM Version: 1.0 -------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------- [floating] */ .left { float:left; } .right { float:right; } .clear { clear:both; } br.clear { clear:both; display:block; font-size:1px; height:1px; margin:0; padding:0; line-height:0; } /*------------------------------------------------------------------------------------------------- [distance] */ .left.followed { margin-right:25px; } .indent { padding-left:120px; } /*------------------------------------------------------------------------------------------------- [visibility] */ .show { display:block !important; } .showInline { display:inline !important; } .hide { display:none !important; } /*------------------------------------------------------------------------------------------------- [text] */ .light { color:#a7b9c3; } .small { font-size:11px !important; } .nowrap { white-space: nowrap; } .text-right { text-align: right; }