/*<BasicFormatting>*/
.error-message{color:#c00;font-weight: bold;}
.required {color:#c00;}
.positive {color:green;}
.negative {color:#c00;}
.ComponentSubHeadingRequiredMessage { color: #f00; }
.ComponentHeading {border-bottom:1px dotted #444;}
.ComponentSecondaryHeading {border-bottom: 1px dotted #444;margin-top:15px;}
.status-desc {font-style:italic;color:#777;}
.expired { color:Red;}
.padded {padding:0 10px;}
.small-text {font-size:7pt;}
/* common link icons used */
.sort-arrow {padding-left:12px;background:url('../images/solo/icons/icon-sort.png') no-repeat 0 4px;}
a.print-icon {padding:1px 17px 2px 0;background:url('../images/solo/icons/icon-print.png') no-repeat 100% 0;}
a.add-icon {padding:1px 0 2px 17px;background:url('../images/solo/icons/icon-add.png') no-repeat 0 1px;}
a.edit-icon {padding:3px 0 3px 21px;background:url('../images/solo/icons/edit-18X18.png') no-repeat 0 1px;}
a.reinstate-icon {padding:3px 0 4px 23px;background:url('../images/solo/icons/reinstate-20X20.png') no-repeat 0 0;}
a.deactivate-icon {padding:3px 0 4px 23px;background:url('../images/solo/icons/deactivate-20X20.png') no-repeat 0 0;}

/* ----- MAIN LAYOUT CONTAINERS ------ */
#SoloBannerImageContainer { text-align: center; background-color: #fff; }

#solo-cs-container {
    width:738px;
    margin:10px auto;
}
#solo-cs-content-wrapper {
    width:698px; /* 738 minus padding */
    padding:15px 20px;
}
#solo-cs-main-content {
    width:698px;
    padding:0 0 40px 0;
    overflow:auto;
}

/*Customer Warning/Message*/
.solo-customer-message {
    color: #6E683B;
    text-align: left;
    padding: 10px 15px 10px 55px;
    background: url('../images/solo/bg_author_message.gif') no-repeat top left #FFFCDF;
    border: 1px solid #BBB68D;
}

#welcome-panel h3 { font-weight: bold; font-size: 11px; margin: 0; padding: 0; }
#welcome-panel p { font-size: 11px; line-height: 1.1em; }
div.panel { font-size: 11px; }
#sup-email .data { font-size: 10px; }

/* navigation bar with crumbs and nav */
#solo-cs-navbar {
    height:30px;
    line-height:30px;
    padding:0 10px 0 20px;
    font-size:7pt;
}

ul#solo-cs-crumbs {float:left;width:480px;}
    ul#solo-cs-crumbs li {float:left;padding-right:2px;}
ul#solo-cs-nav {float:right;width:220px;}
    ul#solo-cs-nav li {float:right;}
        ul#solo-cs-nav li a {display:block;padding:0 10px 0 18px;}
        li#nav-help a {background:url('../images/solo/icons/icon_help.png') no-repeat 0 7px;}
        li#nav-logout a {background:url('../images/solo/icons/icon_login.png') no-repeat 0 7px;}
        li#nav-company a {background:url('../images/solo/icons/icon_CompanySelection.png') no-repeat 0 7px;}
        li#nav-dashboard a {background:url('../images/solo/icons/icon_home.png') no-repeat 0 7px;}

/* -------- COMMON CLASSES SITE WIDE -------- */
.panel {margin-bottom:20px;}
    .panel h2 {
        height:30px;
        line-height:30px;
        margin-bottom:10px;
        padding:0 10px;
    }
    .panel .padded {padding:0 10px;}
    .panel .desc {font-weight:bold;float:left;}
    .panel .data {float:right;}
    .panel li {
        padding:5px 0;
        border-bottom:1px solid #ddd;
        overflow:auto;
    }
/* paging table common styles */
.paging-row {
    background:#cecece url('../images/solo/customers/bg-paging-row.png') repeat-x 0 0;
    height:30px;
    line-height:30px;
    padding:0 0 0 10px;
    border-bottom:1px solid #aaa;
    border-top:1px solid #aaa;
    position:relative;
}
    .paging-range {float:left;margin:0;}
    ul.paging-arrows {
        position:absolute;
        right:10px;
        top:7px;
    }
    ul.paging-arrows li {float:left;margin-right:7px;line-height:0;}
        ul.paging-arrows img {}
.paging-table {border:1px solid #aaa;border-bottom:none;border-top:none;}
.single-page-paging-table {border-bottom:1px solid #aaa;border-top:1px solid #aaa;}
.paging-table table {font-size:8pt;width:100%;}
    .paging-table th {
        background:#cecece url('../images/solo/customers/bg-paging-row.png') repeat-x 0 0;
        text-align:left;
        padding:2px 10px;
        height:30px;
        line-height:20px;
        border-bottom:1px solid #aaa;
    }
    .paging-table td {padding:10px;vertical-align:top;background:#e0e0e0;border-bottom:1px solid #fff;}
    .paging-table .status-desc {font-size:7pt;}
    .paging-table tr.altrow td{background:#f0f0f0;}

/* ----- GENERAL FORM STYLES ------- */
form.cs-form {}
.cs-form li {
    display:block;
    margin:0;
    width:98%;
    clear:both;
    padding:4px 5px 4px 5px;
    position:relative;
}
.cs-form li:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
* html form ul li{height:1%;}
select, input.text-field, textarea {border:1px solid #bbb;float:left;padding:2px;}
    .cs-form .small {width:50px;}
    .cs-form .medium {width:150px;}
    .cs-form .large {width:250px;}
#solo-cs-container label {
    font-weight:normal;
    float:left;
    padding-top:2px;
    text-align: right;
    margin-right:5px;
    width:95%;
}
#solo-cs-container .static-data { display: block; float: left; padding-top: 2px; }

#solo-cs-container .SOLOBooleanPropertyRowSpanColumnsLeft { padding: 7px 7px 7px 22%; clear: both; }
#solo-cs-container .SOLOBooleanPropertyRowSpanColumnsLeft input { float: left; }
#solo-cs-container .SOLOBooleanPropertyRowSpanColumnsLeft label { float: left; text-align: left; font-weight: normal; padding-left: 3px; width: auto; }

.checkboxrow .checkbox {float:left;}
.checkboxrow label {text-align:left;font-weight:normal;}
input.text-field:hover,
input.text-field:active,
input.text-field:focus,
textarea:hover,
textarea:active,
textarea:focus {border:1px solid #2477C5;}
.text-field {}
.checkbox {}
textarea {}
.form-important, .form-help {
    background:url('../images/solo/customers/bg-important.png') no-repeat 0 0;
    border:1px solid #d7d4b2;
    padding:3px 10px 4px 28px;
    margin-left:5px;
    float:left;
    font-size:7pt;
}
.form-help {
    background:url('../images/solo/icons/icon-form-help.png') no-repeat 0 3px;
    padding:3px 10px 4px 20px;
    border:none;
}

/* ---------------------------------------------------------------- */
/* -------- FOLLOWING ARE CUSTOM STYLES FOR SPECIFIC PAGES -------- */

/* -------- DASHBOARD STYLES ---------------- */
#welcome-panel {overflow:auto;}
    .dashboard-button {
        width:230px;
        float:left;
        line-height:1.2em;
        margin:0 2px 4px 0;
    }
        .dashboard-button a {
            color:#444;
            display:block;
            text-decoration:none;
            padding:8px 5px 0px 69px;
            height:60px;
            border:1px solid transparent; /* border so doesn't shift when hover border appears */
        }
            .dashboard-button a:hover {border:1px solid #8b8b8b;}
            #history a {background:url('../images/solo/customers/dash-payment-bg.png') no-repeat 0 0;}
            #downloads a {background:url('../images/solo/customers/dash-downloads-bg.png') no-repeat 0 0;}
            #recurring a {background:url('../images/solo/customers/dash-recurring-bg.png') no-repeat 0 0;}
            #licenses a {background:url('../images/solo/customers/dash-activations-bg.png') no-repeat 0 0;}
            #renewals a {background:url('../images/solo/customers/dash-renewals-bg.png') no-repeat 0 0;}
            #registration a {background:url('../images/solo/customers/dash-registration-bg.png') no-repeat 0 0;}
            #history a:hover,#downloads a:hover,#recurring a:hover,#licenses a:hover,#renewals a:hover,#registration a:hover	{background-position:0 -69px;}
        .dashboard-button h3 {margin:0;}
        .dashboard-button p {color:#888;margin:0;}
#contact-info-panel {width:428px;float:left; clear: left;}
    #contact-info-panel li {}
        #contact-info-panel .desc {width:115px;}
        #contact-info-panel .data {width:290px;}
    #contact-info-panel .button-row { margin-left: 0; }
#support-info-panel, #account-info-panel {width:241px;float:right;}
    #support-info-panel li, #account-info-panel li {}
        #support-info-panel .desc {width:45px;}
        #support-info-panel .data {width:165px;}
        #account-info-panel .desc {width:80px;}
        #account-info-panel .data {width:130px;}

/* ------ LOGIN PAGE CUSTOM ------- */
#login-panel {width:47%;float:left;margin-right:20px;}
    #login-panel li {border:none;overflow:visible;} /* overwriting default panel li style */
    #login-form p {padding-left:40%;margin:5px 0 0 0;}
#new-customers-panel {width:47%;float:left;margin:0;}
    #new-customers-panel li {border:none;overflow:visible;}/* overwriting default panel li style */
    #login-panel .button-row, #new-customers-panel .button-row {margin-left: 40%;}
    #login-panel div.SOLOStringPropertyRow div.SOLOStringPropertyRowLabelCell, #new-customers-panel div.SOLOStringPropertyRow div.SOLOStringPropertyRowLabelCell { width: 40%; }
    #login-panel div.SOLOStringPropertyRow div.SOLOStringPropertyRowDataCell, #new-customers-panel div.SOLOStringPropertyRow div.SOLOStringPropertyRowDataCell { width: 60%; }

/* ------ FORGOT PASSWORD ------- */
#find-account-form label {width:auto;font-weight:normal;}
#account-search-by, #account-value {float:left;margin-right:15px;}
#account-info-found, #account-info-notfound {
    background:url('../images/solo/icons/account-info-found.jpg') no-repeat 10px 0;
    padding:0 20px 0 80px;
    min-height:55px;
}
#account-info-email-search-message{padding-top:20px; margin-bottom:25px;}
#account-info-found h2,#account-info-notfound h2 {margin-bottom:10px;}
#account-info-found .button-row { margin-left: 0; }
#account-info-notfound {
    background:url('../images/solo/icons/account-info-notfound.jpg') no-repeat 10px 0;
    border-bottom:1px solid #aaa;
    margin-bottom:10px;
}

/* ------ EDIT CONTACT INFO PAGE FORM ------ */
#edit-contact-info label {width:130px;}
#edit-contact-info .checkboxrow {padding-left:135px;width:530px;}
#edit-contact-info .checkboxrow label {width:500px;margin:0 0 0 5px;}
#edit-contact-info .button-row {padding-left:135px;}
#PrivacyAndTermsAcceptedRow,
#PasswordWarningRow,
#OfferProductRow,
#OfferPartnersRow,
#PrivacyNotificationRow {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
#password-message {padding-left: 20px;padding-bottom: 10px;}
#privacy-notification { color: #888; padding-left: 20px; padding-top:10px; clear: both; }

/* ------ CHANGE PASSWORD PAGE FORM ------ */
#changepw-activation-warning { clear: both; margin: 10px 0 0 0; }

/* ------ PAYMENT HISTORY TABLE CUSTOM ------- */
#payment-history-results {}
#payment-history-results table {}
    th.date {width: 18%;}
    th.invoice {width: 16%;}
    th.item {width: 42%;}
    th.status {width:22%;}
    th.amount {width:12%;}

/* ----- LICENSES TABLE CUSTOM ------ */
#licensing-results {}
#licensing-results table {}
    th.license-id {width: 20%;}
    th.product {width:30%;}
    th.date-issued {width: 14%;}
    th.license-status {width:18%;}
    th.activations-left {width: 18%;}
    th.installations {}

/* ------ LICENSING DETAIL PAGE -------- */
#license-info-panel {width:428px;float:left;}
    #license-info-panel li {}
    #license-info-panel .desc {width:155px;}
    #license-info-panel .data {width:250px;}
#order-info-panel {width:241px;float:right;}
    #order-info-panel li {}
    #order-info-panel .desc {width:95px;}
    #order-info-panel .data {width:115px;}
#recurring-payment-panel {clear:both;width:241px;float:right;}
    #recurring-payment-panel li {}
    #recurring-payment-panel .desc {width:95px;}
    #recurring-payment-panel .data {width:115px;}
#license-custom-parameters {clear:both;float:left;width:100%;}
#license-additional {clear:both;float:left;width:100%;}
#license-additional .button-row { margin-left: 0; }
#licensee-info-panel{width:428px;float:left;}
    #licensee-info-panel li{}
    #licensee-info-panel .desc{width:125px;}
    #licensee-info-panel .data {width:280px;}
    #licensee-info-panel .button-row { margin-left: 0; }

/* ------ COMPANY SELECTION PAGE ------- */
#company-selection-container {}
.company-selection {
    clear:both;
    margin-bottom:25px;
    float:left;
    width:70%;
}
    .company-selection h2 {margin-bottom:5px;}
    .company-selection dl {float:left;}
    .company-selection dt {font-weight:bold;}
    .company-selection dd {margin-left:15px;padding:2px 0;}
    .company-buttons {float:right;width:250px;}
        .company-buttons .button-row {clear:none;margin:0;float:right;}
#company-selection-notice { color: #c00; }

/* ------ PRODUCT REGISTRATION PAGE ------- */
#prod-reg-form .button-row {padding-left:5px; margin-left: 12%;}
#prod-reg-form div.SOLOBooleanPropertyRow div.SOLOStringPropertyRowLabelCell,
#prod-reg-form div.SOLOStringPropertyRow div.SOLOStringPropertyRowLabelCell
{
    clear: left;
    float: left;
    width: 12%;
}

#prod-reg-form div.SOLOBooleanPropertyRow div.SOLOStringPropertyRowDataCell,
#prod-reg-form div.SOLOStringPropertyRow div.SOLOStringPropertyRowDataCell
{
    clear: right;
    float: left;
    width: 88%;
}
#prod-reg-form .form-important { margin-top: 10px; }

/* ------ DOWNLOADS PAGE -------- */
#downloads-container {}
.download-selection {margin-bottom:20px;clear:both;float:left;width:100%;}
.download-selection h2 {margin-bottom:5px;}
.download-selection li {float:left; margin-right:15px;}
#downloads-container .button-row { margin-left: 0; }
#downloads-container ul li strong { margin-right: 5px; }

/* ------ RENEWALS PAGE ---------- */
#renewals-container {}
.renewals-selection {margin-bottom:20px;clear:both;float:left;width:100%;}
.renewals-selection h2 {margin-bottom:5px;}
.renewals-selection li {float:left; margin-right:15px;}
.dotted-heading {border-bottom:1px dotted #444;}
#renewals-container ul li strong { margin-right: 5px; }
#renewals-container .paging-table {margin-top:30px;border:1px solid #aaa;}

        .renewals-results p {margin:0;}
        .renewals-results .product-title {font-weight:bold;}
        .renewals-results .product-desc {padding-left:20px;color:#777;}
        .renewals-results col.addtocart {width:110px;text-align:right;}
        .renewals-results col.product {width:70%}
        .renewals-results col.price {}

/* ------- RECURRING PAYMENTS ------ */
#recurring-container {}
#recurring-results .paging-table {border:1px solid #aaa;}
#recurring-results .action-icon {margin-right:4px;}

/* ------- RECURRING PAYMENT ------ */
#recurring-licenses .paging-table {border:1px solid #aaa;}
#recurring-details-panel {width:428px;float:left;}
    #recurring-details-panel li {}
    #recurring-details-panel .desc {width:155px;}
    #recurring-details-panel .data {width:250px;}
#recurring-status-panel {width:241px;float:right;}
    #recurring-status-panel li {}
    #recurring-status-panel .desc {width:95px;}
    #recurring-status-panel .data {width:115px;}
#recurring-licenses-panel {clear:both;float:left;width:100%;}
#recurring-additional-panel {clear:both;float:left;width:100%;}
#recurring-additional-panel .button-row { margin-left: 0; }

/* ------- EDIT RECURRING PAYMENTS ------ */
#edit-recurring-payment label {width:160px;}
#edit-recurring-payment .checkboxrow {padding-left:165px;width:500px;}
#edit-recurring-payment .checkboxrow label {width:450px;margin:0 0 0 5px;}
#edit-recurring-payment .button-row {margin-top:0;padding-left:165px;}
#edit-recurring-payment-container h2 {margin-bottom:5px;}
img#cc-image {margin-bottom:10px;}
#edit-recurring-payment-container .CreditCardImageHeader { margin-bottom: 10px; }
#affected-payments h2 { margin-bottom: 5px; }
#affected-payments ul { margin-left: 30px; list-style-type: disc; }
.BillingAddressMessage { color: #f00; font-size:0.8em; margin-top: 10px; padding-top: 10px; padding-bottom: 10px;  }

/* ------- INSTALLATIONS  ------ */
#installations-content {}
#install-search-panel {overflow:auto;}
form#search-installations {}
    #search-installations label.normal {font-weight:normal;width:auto;}
        #search-installations #date-from {margin-right:10px;}
    #search-installations li {border:none;overflow:visible;} /* overwriting default panel li style */
    #search-installations .button-row {padding-left:110px;}
#install-search-results-container {clear:both;}
    #install-search-results-table {}
        #install-search-results-table col.install-id {}
        #install-search-results-table col.name {}
        #install-search-results-table col.date {}
        #install-search-results-table col.status {}
        #install-search-results-table col.action {}

/* ------- MANUAL REQUESTS  ------ */
#CopyPasteForm, #FileUploadForm { float: left; clear: both; }
    #copy-paste-panel { float: left; width: 400px; }
    #file-upload-panel { float: left; margin-left: 15px; width: 280px; }
    #file-upload-method-panel { float: left; width: 280px; }
    #CopyPasteForm input, #FileUploadForm input { float: left; }
    #CopyPasteForm label, #FileUploadForm label { float: left; width: auto; }
    #CopyPasteForm .button-row, #FileUploadForm .button-row, #ResponseForm .button-row { margin-left: 0; }

/* ------- MANUAL PLUS ACTIVATIONS ------ */
ul#activation-results li.UserComponentRow div.SOLOStringPropertyRowLabelCell { width: 130px; float: left; font-weight: bold;}
ul#activation-results li.UserComponentRow div.SOLOStringPropertyRowDataCell { float:left; }
ul#activation-results li.UserComponentRow div { padding: 0; }
ul#activation-results li.UserComponentRow {
    padding:5px 0;
    margin: 0;
    border-bottom:1px solid #ddd;
    overflow:auto;
}

/* ----- INSTALLATION HISTORY ------ */
#installation-results {}
#installation-results table {}
    th.installation-id {width: 35%;}
    th.status {width: 10%;}
    th.activation-date {width: 14%;}
    th.last-status-check {width: 14%;}
    th.installation-name {width: 27%;}

/* ----- Network Floating History ----- */
#network-floating-details table {}
    th.computer-name {width: 30%;}
    th.session-count {width: 40%;}
    th.total-minutes {width: 30%;}
    th.rejection-code {width: 30%;}
    th.rejection-message {width: 40%;}
    th.rejection-count {width: 30%;}
    div.table-scrollable {overflow-y: scroll; max-height: 400px; border: 1px solid #ddd; box-shadow: 1px 1px 2px #ddd;}

#network-floating-details-overlay {
    font-size: 20px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 50%;
    padding-top: 500px;
    background-color: #eee;
    opacity: 0.8;
    visibility: hidden;
}

/* ----- Network Session ----- */
#network-session-results {}
#network-session-results table {}
    th.session-id-computer {width: 45%;}
    th.allocated-dates {width: 35%;}
    th.last-poll-date {width: 20%;}

/* ----- BUTTON ELEMENTS AND LINKS THAT RESEMBLE THE BUTTONS ----- */
.button-row {
    clear:both;
    float:left;
    margin-top:10px;
    margin-left: 22%;
}
.button-row a, .button-row button {
    display:block;
    position:relative;
    float:left;
    margin:0 6px 6px 0;
    background:#c2c6ca url('../images/solo/customers/button-bg-tile.png') repeat-x 0 0;
    border:1px solid #484d57;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-family: Verdana, Arial, Sans-Serif;
    height:27px;
    text-decoration:none;
    cursor:pointer;
    color:#444;
}
.button-row a {
    padding:5px 10px 4px 26px; /* Links */
    height:16px;
}
.button-row button{font-size:8pt;width:auto;overflow:visible;padding:4px 10px 5px 5px; /* IE6 */}
.button-row button[type]{ padding: 0 10px 4px 5px; /* Firefox */ line-height:15px;/* safari*/}
*:first-child+html button[type]{padding:3px 10px 5px 5px;line-height:140%; /* IE7 */}
.button-row button img {margin:0 5px -4px -2px;padding:0; max-width:18px; max-height:18px;}/* positions icons for buttons */
.button-row a span {position:absolute;top:4px;left:5px;display:block; width:18px; height:18px;}/* this sets the icon positions for links */
.button-row a.disabled-link-button, .button-row a.disabled-link-button:hover { color: #aaa; border:1px solid #484d57; border-top:1px solid #ccc; border-left:1px solid #ccc; cursor: auto; } /* disabled link buttons */
.button-row button.disabled-component-button, .button-row button.disabled-component-button:hover { color: #aaa; border:1px solid #484d57; border-top:1px solid #ccc; border-left:1px solid #ccc; cursor: text; } /* disabled component buttons */

/* button hover styles */
.button-row button:hover, .button-row a:hover{color:#325A7F;border:1px solid #484d57;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.button-row a:active,.button-row button:active {color:#325A7F;border:1px solid #484d57;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
/* for link looking buttons */
.icon-edit {background: url('../images/solo/icons/edit-18X18.png') no-repeat 0 0;}
.icon-download {background: url('../images/solo/icons/download-18X18.png') no-repeat 0 0;}
.icon-select {background: url('../images/solo/icons/continue.png') no-repeat 0 0;}
.icon-website {background: url('../images/solo/icons/web-18X18.png') no-repeat 0 0;}
.icon-activation {background: url('../images/solo/icons/activation-18X18.png') no-repeat 0 0;}
.icon-manage-installations {background: url('../images/solo/icons/manage-installations-18X18.png') no-repeat 0 0;}
.icon-recurring {background: url('../images/solo/icons/recurring-18X18.png') no-repeat 0 0;}
.icon-renewal {background: url('../images/solo/icons/renewal-18X18.png') no-repeat 0 0;}
.icon-change-password {background: url('../images/solo/icons/icon_change-password.png') no-repeat 0 0;}
.icon-cancel {background: url('../images/solo/icons/cancel.png') no-repeat 0 0;}
.icon-select-account {background: url('../images/solo/icons/select-account.png') no-repeat 0 0;}
.icon-network-session-history {background: url('../images/solo/icons/report-18x18.png') no-repeat 0 0;}
.icon-network-session {background: url('../images/solo/icons/network-session-18x18.png') no-repeat 0 0;}
.icon-login {background: url('../images/solo/icons/icon_login.png') no-repeat 0 0;}