.logo {
    width: 640px;
}

/* resize images */
.logo div img {
    width: 100%;
    height: auto;
}

/***
 * Tweaks some of the Twitter Bootstrap's settings.
 ***/

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
    margin-top: 2px; /* added to be aligned with label*/
}

/* Smaller modal window title. */
h3.w_captionText {
    font-size: 14px;
    line-height: 17px;
}
div.w_caption {
    padding-bottom: 3px;
}

/* Superscript for the first .label of a div.well area. */
div.well > .label:first-child {
    position: relative;
    top: -20px;
}
/* Need to change table hover color because not seen when inside a well. */
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #e8e8e8;
}

[class^="icon-"], [class*=" icon-"] {
    margin-top: 0px;
}

/* Spinning wheel while loading */
div.loading {
    /*display: none; - use inline style*/
    position: relative;
    height: 0;
    text-align: center;
}
#loading {
    top: 6px;
}
#loadingPaybackPanel {
    top: 6px;
}

th.amount, td.amount {
    text-align: right;
}

/* Styles for the paybackTable in the PaybackPanel. */
#paybackTable input {
    margin-bottom: 0;
    height: 15px;
}
#paybackTable .DISCOUNT {
    color: #C09853;
}
#paybackTable tr.PACK td {
    background-color: #d5d5db;
}
#paybackTable tr.SEPARATOR td:first-child {
    border-right: none;
    border-left: 1px solid #DDDDDD;
}
#paybackTable tr.SEPARATOR td {
    border-left: none;
}
#paybackTable .invalid {
    background-color: #F2DEDE; /* Same as for .alert-error*/
}
#paybackTable .packActiveDate,
#paybackTable .packInactiveDate {
    color: orangered;
}

/*
 * Styles for pack calculator.
 */
#packcalc #techSwitch div {
    float: left;
    width: 250px;
    padding: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
}
#packcalc div#productsKabel, div#productsDSL, div.subgroup {
    display: none;
}
#packcalc #submitKabel, div#productsKabel div.groupName {
    background-color: #0088C6;
}
#packcalc #submitDSL, div#productsDSL div.groupName {
    background-color: #108088;
}
#packcalc div.productGroups {
    float: left;
    width: 300px;
    padding-right: 4px;
}
#packcalc div.groupName {
    padding: 3px;
    color: white;
    font-weight: bold;
}
#packcalc div.productGroups table {
    width: 100%;
}
#packcalc td {
    text-align: left;
    vertical-align: top;
}
#packcalc div#productsKabel tr.product {
    background-color: #b7dcee;
}
#packcalc div#productsDSL tr.product {
    background-color: #7ec9cf;
}
#packcalc div.products {
    margin-top: 1px;
}
#packcalc div.products td:first-child {
    width: 0;
}
#packcalc input[type="checkbox"] {
    margin-left: 4px;
    margin-right: 3px;
    margin-top: -1px;
}
#packcalc label {
    display: inline;
}

#packcalc div.subgroup div.rows {
    margin-left: 25px;
}
#packcalc div.subgroup div.rows tr {
    background-color: transparent;
}

#packcalc div.submit-buttons {
    padding-top: 15px;
    padding-bottom: 15px;
}

#packcalc .messageHead {
    width: 740px;
    font-weight: bold;
    color: white;
    background-color: #e16a06;
    padding: 2px;
    padding-left: 5px;
    margin-bottom: 2px;
}
#packcalc .message {
    width: 740px;
    background-color: #B7DCEE;
    padding: 2px;
    padding-left: 5px;
}

#packcalc #results table {
    width: 740px;
    border-spacing: 2px;
    border-collapse: separate;
}
#packcalc #results .prodLine {
    background-color: #b7dcee;
}

#packcalc #results .billHeadLine {
    font-weight: bold;
}

#packcalc #results .billSumLine {
    font-weight: bold;
    color: white;
    background-color: #e16a06;
    vertical-align: top;
}

#packcalc #results .optLineLabel {
    padding-left: 10px;
    vertical-align: top;
}

#packcalc #results .right {
    text-align: right;
}

#packcalc #results .topbordered {
    border-top: 1px solid black;
}

#packcalc #results td.column0 {
    width: 200px;
}
#packcalc #results td.column1 {
    width: 200px;
}
#packcalc #results td.column2 {
    width: 70px;
}
#packcalc #results td.column3 {
    width: 100px;
}
#packcalc #results td.column4 {
    width: 100px;
}
#packcalc #results td.column5 {
    width: 70px;
}

/* Packcalc admin page */
#editProductForm input[type="checkbox"] {
    margin-top: -6px;
}
#editProductForm label {
    margin-right: 5px;
}
div.w_content_container {
    margin: 10px;
}

#packInfoPanel #packPriceTable/*, #discountInfoPanel table, #nrcInfoPanel table */ {
    width: 50%;
}
div.prodInfoPanel div.header {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 10px;
}
div.prodInfoPanel div.footer {
    font-size: 85%;
}
#editProductForm .invalid {
    background-color: #F2DEDE; /* Same as for .alert-error*/
}

/* Links without href are "disabled" -> show as normal text. */
a {
    color: black;
    text-decoration: none;
}
a:hover {
    color: black;
    text-decoration: none;
}
a[href] {
    color: #08C;
    text-decoration: none;
}
a[href]:hover {
    color: #005580;
    text-decoration: underline;
}