You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
www_csc/root/css/sipwise.css

984 lines
20 KiB

/* call image with java script menu */
#main .yui-skin-sam img {
margin: 3px 0 -3px 0;
cursor: pointer;
}
/* light gray information text */
.info {
color: #8B949A;
}
/* disable margin-bottom */
.no_margin_bottom {
margin-bottom: 0 !important;
}
/* display sipwise logo bottom right */
#footer .sipwise {
position: absolute;
top: 75px;
right: 12px;
}
/* error and success messages at the top of the page */
#topmsg {
width: auto;
float: left;
margin: 0;
padding: 0 0 10px 0;
}
#topmsg p {
font-size: 14px;
line-height: 15px;
font-weight: bold;
color: #10BB40;
}
#toperr {
width: auto;
float: left;
margin: 0;
padding: 0 0 10px 0;
}
#toperr p {
font-size: 14px;
line-height: 15px;
font-weight: bold;
color: #FF1010;
}
/* error messages around input fields */
#errormsg {
width: auto;
float: left;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
color: #FF1010;
}
#menusmall li.language {
padding: 0 0 0 10px;
}
/* alignment for call list on desktop */
#main .anruflistesymbole {
margin: 0px;
padding: 4px 0;
background: url(/grafik/bg_set.gif) left bottom repeat-x;
}
.anruflistesymbole img {
vertical-align: middle;
padding: 0 0 2px 0;
}
/* some more alignments for call lists */
.anrufliste .anrufanruf {
text-align: center;
}
.anrufliste .anrufdauer {
text-align: right;
}
.anrufliste .anrufkosten {
text-align: right;
white-space: nowrap;
}
/* spacing for small calllist and voicemaillist search forms */
.search_container {
width: auto;
margin-bottom: 40px;
}
#anrufsuchereset .save label {
margin-top: 4px !important;
}
/* center alignment for contact list */
.kontaktliste td {
vertical-align: middle;
}
/* caller detail text color in call lists */
.voicemaillistebig .anrufperson span {
color: #B9CCD7;
}
/* device registration message on desktop */
#main .reginfonoreg {
border: 1px solid #FFCCBB;
background: #FFEEEE;
padding: 5px 8px 6px 8px;
color: #EE6655;
}
#main .reginforeg {
border: 1px solid #AAEEBB;
background: #EEFFEE;
padding: 5px 8px 6px 8px;
color: #10BB40;
}
/* search fields for call list */
#main .anrufsuchemonate .save label {
margin: 2px 10px;
padding: 0px 0px;
}
#main #anrufsuche .save label {
margin: 5px 0px 0px 10px;
padding: 0;
}
#main .anruffilter {
margin: 0 0 0 5px;
font-weight: bold;
color: #FF1010;
}
/* padding for contact list */
#main .kontaktliste .anrufperson {
padding-left: 5px;
}
/* contact entry creation */
#main .kontaktneu {
font-weight: bold;
margin: -10px 0 -28px 0;
padding: 8px 0;
text-align: right;
}
#main .kontaktneu label {
font-size: 12px;
font-weight: bold;
white-space: nowrap;
color: #2D91DF;
background: url(/grafik/dot_blue.gif) left bottom repeat-x;
text-decoration: none;
cursor: pointer;
}
#main .kontaktneu label:hover {
color: #FF8A00;
background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}
/* href style post labels */
#main .save label {
font-size: 12px;
font-weight: bold;
white-space: nowrap;
color: #2D91DF;
margin: 10px 10px;
padding: 0;
width: auto;
float: left;
background: url(/grafik/dot_blue.gif) left bottom repeat-x;
text-decoration: none;
cursor: pointer;
}
#main .save label:hover {
color: #FF8A00;
background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}
/* hidden post label images */
.hidden {
position: relative;
left: -90000px;
}
/* position for Login post link */
#main #anmelden .save label {
margin: 10px 0 10px 67px;
}
/* alignment for contact entry save label */
#main .kontaktlistebig .save {
text-align: right;
}
#main .kontaktlistebig .save label {
margin: 0;
}
/* call forward spec alignment */
#main .umleitung .wohinp {
margin-bottom: 8px;
margin-left: 5px;
white-space: nowrap;
}
#main .umleitung .wanncp {
margin-bottom: 8px;
margin-left: 55px;
white-space: nowrap;
}
/* mark block entry as disabled */
.blockentry_inactive {
text-decoration: line-through;
}
/* call block save alignment */
.sperre .sperresave {
width: 90px;
text-align: right;
}
/* override padding for block{in|out}{del|act} */
#main .fsperre .fieldblockmode .save label {
margin: 5px 0 20px 20px;
padding: 0px 0px;
}
/* override padding for block{in|out}{del|act} */
#main .fsperre .sperresave .save label {
margin: 0px 0px;
padding: 0px 0px;
}
/* override padding for block{in|out}add error */
#main .fsperre .sperreadd #errormsg {
padding: 5px 0 0 0;
}
/* suppress border around hidden image */
#main .fsperre .sperreadd #save_blockinadd {
border: none;
}
#main .fsperre .sperreadd #save_blockoutadd {
border: none;
}
/* alignment and text color for sperre info text */
#main .fsperre .sperreadd .info {
color: #8B949A;
margin: 0;
float: left;
line-height: 13px;
}
/* add line to white background fieldset at bottom */
.anmelden fieldset.last {
border-bottom: 1px solid #D0DCDF;
}
/* alignment for newsletter checkbox text */
#main .anmelden .newslettertext {
width: 480px;
text-align: left;
margin: 0 0 20px 0;
}
/* highlight required input fields */
.anmelden .required {
border: 1px solid #EE6655;
}
/* small input textfield, used during registration */
.anmelden .input5 {
padding-left: 3px;
padding-right: 0px;
float: left;
width: 35px; /* falsch für ie */
voice-family: "\"}\"";
voice-family:inherit;
width: 30px; /* richtig */
}
/* adjust width for save textbutton automatically */
#main .anmelden .save label {
width: auto;
margin: 30px 0 0 10px;
}
/* suppress border around hidden image */
#main .anmelden .save #create_account {
border: none;
}
/* suppress border around hidden image */
#main .feinstellungen .save input {
border: none;
}
#main .feinstellungen label.loose {
width: auto;
float: none;
padding: 0;
margin: 0;
}
#main .feinstellungen input.loose {
width: 35px !important;
float: none;
margin: 0;
}
#main .feinstellungen #damount {
margin-top: 8px;
}
#main .feinstellungen #amount {
margin-top: -1px;
}
#main .feinstellungen #auto_reload {
margin: 12px 0 1px 23px;
}
/* alignment and text color for demo info text */
#main .feinstellungen .demoinfo {
color: #8B949A;
margin: 0 20px 20px 140px;
float: left;
line-height: 13px;
}
/* alt fieldset for subscriber list */
#main .anmelden .alt_sub {
background: #F4FBFC;
border-top: 1px solid #D0DCDF;
}
/* subscriber list table */
#main .feinstellungen .subscriberliste {
border-top: none;
}
#main .feinstellungen .subscriberlisteheader td {
padding: 7px 0 3px 0;
border-top: none;
border-bottom: 3px solid #D0DCDF;
background: #F4FBFC;
background: url(/grafik/bg_set_inv.gif) left bottom repeat-x;
}
#main .feinstellungen .subscriberlisteheader h3 {
margin: 0px;
padding: 0px;
letter-spacing: 1px;
}
/* subscriber creation form */
#main .feinstellungen .subscribernew {
margin: -10px 0 10px 0;
padding: 0 5px 0 0;
text-align: right;
width: 625px;
}
#main .feinstellungen .subscribernew label {
margin: 0;
padding: 0;
width: auto;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
color: #2D91DF;
background: url(/grafik/dot_blue.gif) left bottom repeat-x;
text-decoration: none;
cursor: pointer;
float: right;
}
#main .feinstellungen .subscribernew label:hover {
color: #FF8A00;
background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}
#main .feinstellungen .extensionadd {
width: 40px;
text-align: center;
}
#main .feinstellungen .extensionadd input {
margin: 0 0 -2px 0;
}
/* autoconf pseudo links */
#main .aconflink label {
margin: 0;
padding: 0;
width: auto;
white-space: nowrap;
color: #2D91DF;
background: url(/grafik/dot_blue.gif) left bottom repeat-x;
text-decoration: none;
cursor: pointer;
}
#main .aconflink label:hover {
color: #FF8A00;
background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}
#main .aconflinkright label {
margin: 0;
padding: 0;
float: right;
width: auto;
white-space: nowrap;
color: #2D91DF;
background: url(/grafik/dot_blue.gif) left bottom repeat-x;
text-decoration: none;
cursor: pointer;
}
#main .aconflinkright label:hover {
color: #FF8A00;
background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}
#main .aconflinkbold label {
margin: 0;
padding: 0;
width: auto;
white-space: nowrap;
color: #2D91DF;
background: url(/grafik/dot_blue.gif) left bottom repeat-x;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}
#main .aconflinkbold label:hover {
color: #FF8A00;
background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}
/* device configuration forms */
.devlist li { display:inline; }
#main .devimg {
display: block;
margin-left: auto;
margin-right: auto
}
#main .devnext {
font-weight: bold;
/* margin: -10px 0 -28px 0; */
margin: 0 0 0 0;
padding: 8px 0;
text-align: right;
}
#main .devnext label {
font-size: 12px;
font-weight: bold;
white-space: nowrap;
color: #2D91DF;
background: url(/grafik/dot_blue.gif) left bottom repeat-x;
text-decoration: none;
cursor: pointer;
}
#main .devwin_active {
width: 100%;
background-color: #cfcfcf;
margin: 0;
margin-top: 15px;
margin-bottom: 15px;
padding: 5px;
}
#main .devwin_inactive {
width: 100%;
background-color: #efefef;
margin: 0;
margin-bottom: 5px;
padding: 5px;
}
/* payment form */
#main .xdslcheck {
width: 100%;
height: 600px;
border: none;
}
#main .selectpayment {
width: auto;
font-weight: bold;
margin-bottom: 10px;
}
#main .agb_ack {
width: auto;
}
#main .agb_ack input {
margin-bottom: 0px;
}
#main .agb_text {
margin: 8px 0 8px 10px;
padding: 2px 4px;
background: #EEEEEE;
}
#main .payment .save label {
margin: 0px 10px;
}
/* override spacing for order link */
#main .prodtable .save label {
margin: 0 -20px 0 20px;
padding: 0;
}
/* make order table fill width */
#main table.bestelltable {
width: 100%;
}
.bestelltable .image_items .tdright {
padding-top: 6px !important;
}
.bestelltable .image_items .smallpreis {
margin-top: 6px;
}
/* hide or show business data form elements per default */
#main .data_business_hidden {
display: none;
margin: 20px 0 -18px 0;
}
#main .contact_business_hidden {
display: none;
}
#main .data_business_show {
display: block;
margin: 20px 0 -18px 0;
}
#main .contact_business_show {
display: block;
}
/* suppress border around checkboxes */
#main .no_border input {
border: none;
}
/* suppress border if requested */
.no_border {
border: none !important;
}
/* override label width and spacing from default "anmelden" labels */
#main .anmelden label.as_above {
width: auto;
margin: 0 0 5px 0;
}
/* override border and margin for "as above" checkboxes */
#main .anmelden .as_above input {
border: none;
margin: 0 3px 1px 0;
}
#main .anmelden .gender_space {
margin: 20px 0 0 0;
}
#anmelden span {
width: auto;
}
#anmelden #lbenutzer {
width: auto;
}
#anmelden #lpasswort {
width: auto;
}
#spalten31 #anmelden .benutzer,
#spalten31 #anmelden .passwort {
width: 120px;
float: right;
margin: 0 0 5px 5px;
padding: 0px;
border: 1px solid #C5CDD2;
}
/* left align order link and draw line below it */
#main .order_now {
float: left;
margin: -30px 0 0 0;
}
#main .order_border {
border-bottom: 1px solid #D0DCDF;
}
/* no padding for tarif buttons */
#main .anmelden .tarifbuttons .save label {
float: right;
margin: 0;
padding: 0;
}
#main .showhide_hide {
display: none;
}
#main .showhide_explanation {
width: 250px;
}
#main .intro_image {
float: right;
padding: 5px 10px;
}
/* indentation for AGB checkbox and text */
#main .agbconfirm {
margin-left: 140px;
}
/* display function info layer */
.prodinfo_left {
position: relative !important;
top: -360px !important;
left: 50px !important;
margin-bottom: -312px;
margin-right: -611px;
}
.prodinfo_center {
position: relative !important;
top: -360px !important;
left: -150px !important;
margin-bottom: -312px;
margin-right: -611px;
}
.prodinfo_right {
position: relative !important;
top: -360px !important;
left: -350px !important;
margin-bottom: -312px;
margin-right: -611px;
}
.anrufnummer {
white-space: nowrap;
}
.devlist {
border-collapse: collapse;
border: 0px;
}
.devlist td {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
}
.devlist tr {
border-bottom: 1px dotted #999999;
}
.devlist tr.active {
border: 1px solid #A4DBF3;
background: #CDF0FC;
}
/* FAQ */
.freqfragen h4 {
margin-bottom: 5px;
}
.freqfragen .vorteile {
float: left;
padding: 0 0 15px 0;
}
.freqfragen .vorteile li {
float: left;
background: url(../grafik/vorteile.gif) 0px 3px no-repeat;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
width: 630px;
voice-family: "\"}\"";
voice-family:inherit;
width: 570px;
}
.freqfragen {
margin: 0px;
padding: 0px;
}
/* text fields for voicebox config */
#voicesettings input,
#voicesettings textarea,
#voicesettings select {
margin: 3px 0 0px 0;
border: 1px solid #8D9FAA;
}
/* text fields for reminder config */
#reminder input,
#reminder textarea,
#reminder select {
margin: 3px 0 0px 0;
border: 1px solid #8D9FAA;
}
#reminder .input5 {
padding-left: 3px;
padding-right: 0px;
margin-top: -1px;
width: 50px; /* falsch für ie */
voice-family: "\"}\"";
voice-family:inherit;
width: 45px; /* richtig */
}
#reminder p {
margin-top: 8px;
}
#reminder .recur {
margin-left: 100px;
}
#reminder .lleft {
float: left;
width: 100px !important;
}
#reminder_save {
float: left;
}
/* add to cart link next to product images */
#main .produktwahlshop .produktwahl span.add_to_cart {
float: left;
text-align: left;
margin: -37px 0 5px 43px;
padding: 0;
}
#main .produktwahlshop .produktwahl span.add_to_cart label.add_to_cart {
width: auto;
padding: 0;
font-weight: bold;
color: #2D91DF;
background: url(/grafik/dot_blue.gif) left bottom repeat-x;
text-decoration: none;
cursor: pointer;
}
#main .produktwahlshop .produktwahl span.add_to_cart:hover label.add_to_cart {
color: #FF8A00;
background: url(/grafik/dot_orange.gif) left bottom repeat-x;
}
/* settings for small cart table on top in right column */
#main .cart_small_container {
margin-left: -3px;
width: 185px;
padding: 4px;
border: 1px solid #D0DCDF;
background: url(../grafik/cartsmallbg.gif) left top repeat-y #fff;
}
#main table.cart_small {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
margin: 20px 0 15px 0;
border-top: 1px solid #D0DCDF;
}
#main .cart_small .tr_alt {
background: url(../grafik/cartsmalltdalt.gif) left top repeat #fff;
}
#main .cart_small td {
padding: 1px 4px;
border-bottom: 1px solid #D0DCDF;
}
#main #cart_header {
margin-left: 5px;
margin-top: 3px;
}
#main #delete_cart {
float: left;
margin: 10px 0 5px 5px;
}
#main #show_cart {
float: right;
margin: 10px 5px 5px 0;
}
#main table.cart_small_tt {
width: 100%;
table-layout:fixed;
border: none;
border-spacing: 0;
}
#main .cart_small .cart_small_tt td {
padding: 0;
margin: 0;
border: none;
}
#main .cart_small .cart_small_tt td.cart_small_count {
width: 25%;
}
#main .money {
white-space: nowrap;
text-align: right;
}
#main span.money {
float: right;
margin-top: -18px;
}
/* settings for cart template */
#main table.carttable {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
margin-bottom: 30px;
}
#main .carttable th {
padding: 1px 4px;
border-bottom: 1px solid #D0DCDF;
background: url(/grafik/bg_set.gif) left bottom repeat-x;
}
#main .carttable th.cart_image {
width: 20px;
}
#main .carttable th.cart_price {
width: 70px;
padding-right: 34px;
}
#main .carttable th.cart_update {
width: 80px;
}
#main .carttable th.cart_price_sum {
width: 100px;
}
#main .carttable td {
padding: 1px 4px;
border-bottom: 1px solid #D0DCDF;
}
#main .carttable td.cart_price {
padding-right: 40px;
}
#main .carttable td.cart_price_sum {
padding-right: 10px;
}
#main .carttable input {
margin-top: 2px;
margin-bottom: 2px;
}
#main .carttable input.ci_reload {
margin-top: 4px;
margin-left: 5px;
}
/* display hardware info layer */
.prodinfo_shop {
position: relative !important;
top: -360px !important;
left: 100px !important;
margin-bottom: -312px;
margin-right: -611px;
}
/* make buttons look like ordinary links for consistency */
#main .link_button label {
font-size: 12px;
white-space: nowrap;
color: #2D91DF;
padding: 0;
width: auto;
float: left;
cursor: pointer;
text-decoration: none;
}
/* neede by callforwads */
div.set-container {
padding: 2px;
}
div.set-item {
padding: 10px;
background-color: #c3dae8;
}
div.sub-container {
margin: 2px;
padding: 2px;
}
div.ui-widget-header {
font-size: x-small;
text-align: center;
font-weight: normal;
height: 12px;
margin: 0;
}
select.dateform-elem {
font-size: x-small;
text-align: center;
font-weight: normal;
margin: 0;
}
div.dateform-elem {
width: 60px;
height: 60px;
border: 1px solid #c3dae8;
margin: 5px 0px 5px 0px;
padding: 7px;
text-align: center;
}
a {
font-size: 12px;
}
/* basic grid-layout */
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}