@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------
   RESET
----------------------------------------------------------------- */
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, tt, var, b, u, i, center, 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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ul, ol, li {
    list-style: disc;
}

/* --------------------------------------------------------------
   GENETIC STYLES
----------------------------------------------------------------- */

/*body { background: #f1f1f1; color: #787e8e; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }*/
body {
    background: #f1f1f1;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

a {
    color: #18759d;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }


.clearall {
    clear: both;
}

.hidethis {
    display: none !important;
}

input[type="text"], input[type="password"], input[new-type="text"] {
    /*width: 270px;*/
    height: 25px;
    /*line-height: 25px;*/
}
/*-------------------------------------------
        Language Selection Dropdown
 ------------------------------------------*/


@CHARSET "UTF-8";

.sbHolder {
    /*background-color: #2d2d2d;
	border: solid 1px #515151;*/
    font-family: Arial, sans-serif;
    /*font-size: 12px;*/
    font-weight: normal;
    height: 20px;
    position: relative;
    width: 100px;
}

    .sbHolder:focus .sbSelector {
    }

.sbSelector {
    display: block;
    height: 20px;
    left: 0;
    /*line-height: 20px;*/
    outline: none;
    overflow: hidden;
    position: absolute;
    /*text-indent: 10px;*/
    top: 0;
    width: 100px;
}

    .sbSelector:link, .sbSelector:visited, .sbSelector:hover {
        color: #18769E;
        outline: none;
        text-decoration: none;
        text-align: left;
    }

.sbToggle {
    background: url(../Images/select-icons2.png) 0 -99px no-repeat;
    display: block;
    height: 20px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    left: 55%;
    width: 30px;
}

    .sbToggle:hover {
        background: url(../Images/select-icons2.png) 0 -149px no-repeat;
    }

.sbToggleOpen {
    background: url(../Images/select-icons2.png) 0 1px no-repeat;
}

    .sbToggleOpen:hover {
        background: url(../Images/select-icons2.png) 0 -48px no-repeat;
    }

.sbHolderDisabled {
    background-color: #3C3C3C;
    border: solid 1px #515151;
}

    .sbHolderDisabled .sbHolder {
    }

    .sbHolderDisabled .sbToggle {
    }

.sbOptions {
    background-color: #ffffff;
    border-right: solid 1px #720024;
    border-left: solid 1px #720024;
    border-bottom: solid 1px #720024;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 100px;
    z-index: 1;
    overflow-y: auto;
}

    .sbOptions:before {
        content: "";
        position: absolute;
        right: 0;
        height: 1px;
        width: 50%; /* or 100px */
        border-top: 1px solid #720024;
    }

    .sbOptions li {
        padding: 0 7px;
        border-left: none !important;
    }

    .sbOptions a {
        /*border-bottom: dotted 1px #515151;*/
        display: block;
        outline: none;
        padding: 7px 0 7px 3px;
    }

        .sbOptions a:link, .sbOptions a:visited {
            color: #18769E;
            text-decoration: none;
        }

        .sbOptions a:hover,
        .sbOptions a:focus,
        .sbOptions a.sbFocus {
            color: #18769E;
            font-weight: bold;
        }

    .sbOptions li.last a {
        border-bottom: none;
    }

    .sbOptions .sbDisabled {
        /*border-bottom: dotted 1px #515151;*/
        color: #999;
        display: block;
        padding: 7px 0 7px 3px;
    }

    .sbOptions .sbGroup {
        border-bottom: dotted 1px #515151;
        color: #EBB52D;
        display: block;
        font-weight: bold;
        padding: 7px 0 7px 3px;
    }

    .sbOptions .sbSub {
        padding-left: 17px;
    }
/* --------------------------------------------------------------
   LAYOUT
----------------------------------------------------------------- */
.container {
    width: 956px;
    margin: 0px auto;
    padding: 0 5px 12px 0px;
    /*padding: 0 10px 12px 10px;*/
    background: #fff;
}

.smaller-container {
    width: 846px;
    margin: 0px auto;
    /* padding: 0 10px 12px 0px;
    padding: 0 10px 12px 10px;*/
    background: #fff;
    margin-top: 35px;
}

.container760 {
    width: 760px;
    margin: 0px auto;
    padding-right:15px ;
    padding-left:15px ;
    background: #fff;
    margin-top: 35px;
}


.colL {
    float: left;
    width: 656px;
}

.colR {
    float: right;
    width: 290px; /*Updated from Width:295px*/
}

.padding-top5 {
    padding-top: 5px;
}

.padding-top10 {
    padding-top: 10px;
}


.colFull {
    margin: auto;
    /* width: 950px;*/
}

/* --------------------------------------------------------------
   HEADER
----------------------------------------------------------------- */

.header {
    /*overflow: hidden;*/ /*Comented by Damian*/
    padding: 10px 0;
    min-height: 70px;
    font-size: 14px;
}

.logo {
  /*  float: left;
    width: 150px;*/
    padding-left: 25px;
}

.topbar {
    float: right;
    padding: 4px 17px;
}

.topnav {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 7px;
    height: 18px;
}

    .topnav li {
        float: left;
        padding: 0 8px;
        border-left: 1px solid #cfd4dc;
    }

        .topnav li a {
            color: #18769e;
        }

        .topnav li.user {
            border: 0;
            padding-left: 0; /* FIRST ITEM */
            width: 360px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .topnav li.logout {
            padding-right: 0; /* LAST ITEM */
        }

            .topnav li.logout a {
                color: #3b3b3b;
                padding-right: 20px;
                font-weight: bold;
                background: url(images/icon_logout_sprite.png) no-repeat right top;
            }

                .topnav li.logout a:hover {
                    color: #18759d;
                    background-position: right bottom;
                }

        .topnav li.profile span {
            display: inline-block;
            width: 20px;
            height: 14px;
            margin: 2px 0 0 7px;
            padding-left: 1px;
            background: url(images/profile.png) no-repeat;
            text-align: center;
            color: #fff;
            font-size: 11px;
            font-weight: bold;
        }

.support {
    padding: 5px 0;
    text-align: right;
}

    .support ul li {
        display: inline-block;
        padding: 0 8px;
        border-left: 1px solid #cfd4dc;
    }

        .support ul li.branch {
            border: 0;
            padding-top: 1px;
            color: #a5a9b5;
            font-size: 13px;
        }


/* --------------------------------------------------------------
   PRIMARY NAVIGATION
----------------------------------------------------------------- */
.navbar {
    overflow: hidden;
    clear: both;
}

.mainnav {
    overflow: auto;
    background-color: rgb(185, 185, 185);
}

    .mainnav li {
        float: left;
        width: 218px;
        height: 43px;
        background: url('images/menubg.png') repeat-x left top;
        border-right: 1px #cdcdcf solid;
    }

        .mainnav li.report {
            border-right: 0;
        }
        /* LAST NAV ITEM */

        .mainnav li a {
            color: #e6e6e6;
            display: block;
            height: 43px;
            font-size: 20px;
            line-height: 43px;
            text-decoration: none;
        }

            .mainnav li a:hover {
                background: url(images/menubg.png) repeat-x left bottom;
            }

            .mainnav li a.active {
                background: #720024;
            }
    /* THEME */

    .mainnav .icon {
        vertical-align: top;
        display: inline-block;
    }

    .mainnav .pay .icon {
        background: url(images/payicon.png) no-repeat;
        width: 23px;
        height: 23px;
        margin: 10px 14px 0 14px;
    }

    .mainnav .modify .icon {
        width: 33px;
        height: 25px;
        background: url(images/modifyicon.png) no-repeat;
        margin: 10px 0px 0 14px;
    }

    .mainnav .report .icon {
        width: 20px;
        height: 22px;
        background: url(images/report.png) no-repeat;
        margin: 10px 14px 0 14px;
    }

.align-right {
    text-align: right !important;
}

.margin-left-none {
    margin-left: 0;
}

.margin-top-none {
    margin-top: 0 !important;
}

.line-height30 {
    line-height: 30px;
}

.vertical-align-mid select {
    vertical-align: middle;
}
/* -------------------------------------------------------------- 
   CART
----------------------------------------------------------------- */
a.cart {
    display: block;
    height: 43px;
    padding: 0 10px;
    background: #b9b9b9;
    text-align: right;
    color: #fff;
    font-size: 21px;
    line-height: 43px;
    font-weight: bold;
    text-decoration: none;
}

    a.cart:hover {
        /*background: url(images/menubg.png) repeat-x left bottom;*/
        cursor: default;
    }

    a.cart .icon {
        display: inline-block;
        width: 29px;
        height: 23px;
        margin-top: 8px;
        background: url(images/carticon.png) no-repeat;
    }


/* --------------------------------------------------------------
   SEARCH
----------------------------------------------------------------- */
.searchbar {
    height: 40px;
    margin: 7px 0 0;
}

.searchbox {
    float: left;
    background: #b9b9b9;
    width: 460px;
    height: 36px;
    position: relative;
    z-index: 1;
}

    .searchbox .searchterm {
        float: left;
        width: 420px;
        height: 36px;
        padding: 0 10px;
        background: #f8f8f8;
        border: 2px solid #b9b9b9;
        font-size: 18px;
        color: #267fa4;
    }

    .searchbox .search_btn {
        float: left;
        height: 35px;
        width: 35px;
        background: url(images/searchbg.png) no-repeat 5px 5px;
        border: 2px solid #B9B9B9;
        background-color: #B9B9B9;
    }

.search ul li.products span {
    display: inline-block;
    margin-left: 16px;
    width: 5px;
    height: 9px;
    background: url(images/see.png) no-repeat;
}

a.seeall {
    float: left;
    display: inline;
    margin: 10px 0 0 10px;
    padding-right: 10px;
    background: url(images/more.png) no-repeat scroll right center;
}

#searchproducts::-webkit-input-placeholder {
    color: #bbb !important;
    font-style: italic !important;
}

#searchproducts:-moz-placeholder {
    color: #bbb !important;
    font-style: italic !important;
}

/*! jQuery Placeholder Plugin - v0.6.0 - 2012-06-06
			* http: //andrew-jones.com/jquery-placeholder-plugin
			* Copyright (c) 2012 Andrew Jones; Licensed MIT  	*/

.placeholder {
    color: #aaa !important;
    font-style: italic;
}

.placeholderFocus {
    color: ##267FA4 !important;
}


/* --------------------------------------------------------------
		   AUTO-SUGGEST
		----------------------------------------------------------------- */
.autosuggest {
    display: none;
    background: #ebf7ff;
    width: 350px;
    border: 3px #0d79a5 solid;
    position: absolute;
    top: 40px;
    left: 0;
    font-size: 11px;
}

    .autosuggest h3 {
        font-size: 14px;
        color: #fff;
        background: #0f5f81;
        padding: 3px 5px;
    }

    .autosuggest a {
        display: block;
        padding-top: 2px;
        color: #267FA4;
    }

        .autosuggest a strong {
            font: 12px "arial black", helvatica, sans-serif;
        }

        .autosuggest a:hover {
            background: url('images/suggesthover.png') repeat-x;
            color: #fff;
            text-decoration: none;
        }

    .autosuggest li {
        padding-bottom: 4px;
    }

        .autosuggest li li {
            margin-left: 10px;
            border-bottom: 1px #7baad7 solid;
            padding-top: 2px;
            padding-bottom: 0;
        }

            .autosuggest li li.haschild {
                border-bottom: 0;
            }

                .autosuggest li li.haschild ul {
                    border-top: 1px #7baad7 solid;
                }

            .autosuggest li li li {
                border-bottom: 0;
                font-style: italic;
                margin-left: 0;
            }

                .autosuggest li li li a {
                    padding-left: 20px;
                }

    .autosuggest .seeall {
        font-size: 15px;
        float: right;
        margin: 0 10px 10px;
        padding-top: 0;
    }

        .autosuggest .seeall:hover {
            text-decoration: underline;
            background: url(images/more.png) no-repeat scroll right center;
            color: #267FA4;
        }

/* --- */

/* --------------------------------------------------------------
   MAIN CONTENT
----------------------------------------------------------------- */
/*.main
{
    padding: 7px 0 0 0;
}*/

.main.settings {
    margin: 12px 0 0 0;
    background: #e4e4e4;
    padding: 0 0 0 0;
}

.main.profile {
    margin: 5px 0 0 0;
}

/*Security Settings*/
.autologoff {
    width: 300px;
}
/* ----------------------------------------------------------
	   FORM CONTENT
	   ---------------------------------------------------------- */

.formcontent {
    overflow: auto;
    padding: 8px 2px;
    background: #eee;
    min-height: 150px;
}

    .formcontent .formL {
        float: left;
        padding: 5px 15px 2px 10px;
        width: 287px;
    }

    .formcontent .formL-paymentField {
               float: left;
        padding: 5px 15px 2px 10px;
        width: 340px; 
    }

    .formcontent .formR {
        float: right;
        width: 293px;
        padding: 9px 16px 9px 0;
    }

        .formcontent .formR-referral {
        float: right;
        width: 262px;
        /*padding: 9px 16px 9px 0;*/
    }

    .formcontent .formFull {
        width: auto;
        padding: 9px 16px 9px 0;
        /*min-height: 260px;*/
    }

    

.paymentPane {
    float: left;
    /*padding-left: 5px;*/
    min-width: 330px;
}

.paymentPane-asuri {
    float: left;
    /*padding-left: 5px;*/
    /*margin: 150px 0;*/
}
.paymentPane-asuri .asuri-prodName { width: 200px;}

.formcontent .formCenter {
    width: 293px;
    margin: auto;
    padding: 9px 16px 9px 0;
    height: auto;
}

.formcontent .formDouble {
    width: 600px;
    margin: auto;
    padding: 9px 16px 9px 0;
    min-height: 160px;
}

.formR img {
    display: block;
}

.formblock {
    /*padding: 7px;*/
    /*margin: 0 0 7px;*/
    min-height: 450px;
}

.cricket {
    background: #569f32;
}
    /* THEME */
    .cricket .formcontent {
        background: #eef4eb;
    }
/* THEME */

.generic {
    background: #CCCCCC;
}
    /* THEME */
    .generic .formcontent {
        background: #FFFFFF;
    }
/* THEME */

.formlogo img {
    height: 50px;
    margin-bottom: 5px;
    /*box-shadow: 5px 5px 5px #888888;*/
}

.payment_subhead {
    min-height: 60px;
    padding: 5px 10px 8px;
    background-color: #FFFFFF;
}
/*New CSS for new Payment Page*/
.text-center {
    text-align: center;
}


#knockout-content {
    min-height: 50px;
}

.payment_subhead .notification.new-payment {
    margin: 0;
    background: none;
    color: #900;
    border-radius: 0;
    border: 3px solid #999;
    text-align: center;
    display: block;
    padding: 5px;
}

.numbers-Lcolmn {
    margin: 10px 0;
    width: 400px;
    float: left;
    min-height: 120px;
    border-right: 1px dashed #999;
}

    .numbers-Lcolmn .label {
        min-width: 120px;
        /*IE Hack*/
        min-width: 130px\0/; /* IE 8 & 9 */
        float: left;
        margin-top: 0px;
        color: #000;
    }

    .numbers-Lcolmn .add-numberField {
        margin: 50px 0 0 0;
    }

    .numbers-Lcolmn .maxNumbers-reached_label {
        margin-top: 50px;
        text-align: center;
    }

    .numbers-Lcolmn input {
        box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        -webkit-box-sizing: content-box !important;
        width: 200px;
    }

.numbers-Rcolmn .label .numbers-Lcolmn input {
    width: 200px;
}

.numbers-Rcolmn {
    float: right;
    width: 235px;
}

    .numbers-Rcolmn .label {
        color: #000;
        margin-top: 5px;
    }

.product-text-section {
    padding: 10px 15px;
    font-size: 12px;
}

.number-disclaimer {
    background-color: #FFF;
    /*margin: 5px 0;*/ /*DEFECT 2722 - DE2722*/
}

.PromoTextSection {
    text-align: left;
    padding-left: 8px;
    margin-bottom: 10px;
    color: #6F6F6F;
    font-size: 12px;
    padding-top: 10px;
}

    .PromoTextSection h2 {
        color: #6F6F6F;
        padding: 10px 10px 5px 5px;
    }

    .PromoTextSection p {
        font-size: 11px;
        color: #6F6F6F;
        padding: 0px 10px 5px 5px;
    }

.PromoTextSection-homies {
    text-align: left;
    padding-left: 8px;
    margin-bottom: 10px;
    color: #6F6F6F;
    font-size: 12px;
    padding-top: 10px;
}

    .PromoTextSection-homies h2 {
        color: #595959;
        padding: 10px 10px 10px 5px;
        text-align: center;
        font-size: 15px;
    }

    .PromoTextSection-homies p {
        font-size: 11px;
        color: #6F6F6F;
        padding: 0px 10px 10px 5px;
    }

    .homies-callingrates-divider {
    background-color: #B9B9B9;
    float: left;
    height: 1px;
    margin: 20px 50px;
    width: 550px;
}

    #ratestable {
         max-height: 440px;
        overflow: auto;
    }

     #ratestable .dataTable {
         border: 3px solid #333;
     }
     #ratestable .dataTable th {
         border-top: 3px solid #333;
         background-color: #333;
     }

     #ratestable .dataTable tr {
             border-right: 3px solid #333 !important;
     }


.homies-callingcard-info {
    /*width: 610px;
    clear: both;
    margin: 0 auto;
    margin-bottom: 20px;*/
}
.search-country-homies {
    float: left !important;
    width: 162px !important;
}
.homies-callingcard-info p { font-size: 12px;font-weight: bold;}

.homies-callingcard-info .homies-search_btn {
    background-color: #FFF;
    background-image: url(images/search_btn.png);
    background-repeat: no-repeat;
    border: none;
    width: 84px;
    height: 32px;
        margin-left: 10px;
    margin-top: -25px;
    cursor: pointer;
        
}
.phonereferral-panel {
    border-top:1px dashed #ccc ;
    }
.phonereferral-panel p { padding: 5px;font-size: 14px;}

.calling-rates-field {
    padding-left: 0px !important;
    margin-top: 20px;
}

.rates-label {
    /*border-bottom: 2px #720024 solid;*/
    color: #720024;
    padding-bottom: 2px;
    font-size: 100%;
    font-weight: bold;

    line-height: 20px;
}

.rates-contentinfo {
        /*border: 3px solid #333333;

    padding: 15px 10px 0 10px;*/

}


.referral-contentinfo {

    margin: 10px 5px;
    padding: 0 25px !important;
    font-size: 12px;
}

.referral-contentinfo strong {
    color: #720024;
}

.referral-contentinfo .label {padding-left: 0px}

input.phoneReferral { 
    width:250px;
    height: 20px;
    padding: 5px 0;}

.multi-acctTextSection {
    text-align: left;
    padding-left: 8px;
}

    .multi-acctTextSection h2 {
        font-size: 13px;
        color: #6F6F6F;
        padding: 10px 10px 5px 5px;
    }

    .multi-acctTextSection p {
        font-size: 12px;
        color: #6F6F6F;
        padding: 0px 10px 5px 5px;
    }

.product-text-section h2 {
    font-size: 12px;
    font-weight: bold;
}

.product-text-section p {
    padding: 5px 0;
}

.bordertop-none {
    border-top: none !important;
}

.formheader {
    /*  padding: 5px 10px 8px;
	  height: 50px;
	  */
    padding: 5px 10px 8px;
    height: 75px;
    background-color: #777777;
}

/*New CSS for new Payment Page*/
.newPay-formheader {
    /*  padding: 5px 10px 8px;
	  height: 50px;
	  */
    padding: 5px 10px 8px;
    background-color: #777777;
}


.formlogo {
    float: left;
    height: 50px;
    width: 155px;
}

.formflag {
    float: left;
    height: 50px;
    width: 100px;
    margin-left: 10px;
}

.countryName {
    float: left;
    vertical-align: baseline;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    color: #e6e6e6;
    font-weight: bold;
    margin-left: 10px;
}

.formfield div.label {
    font-weight: bold;
    float: left;
    min-width: 120px; /*Changed by Damian from 150px*/
    min-width: 130px\0/; /* IE 8 & 9 */
}

.formfield span.label {
    font-weight: bold;
    float: left;
    padding-left: 0;
    min-width: 120px; /*Changed by Damian from 150px*/
    min-width: 130px\0/; /* IE 8 & 9 */
}

input.paymentbox {
    padding: 5px 0;
    height: 20px;
}

.posttime {
    float: right;
    width: 100px;
    color: #fff;
    padding: 5px 0 0;
}

    .posttime label {
        float: left;
        margin-right: 8px;
        font-size: 13px;
        color: #fff !important;
    }

.poststatus {
    float: left;
    width: 126px;
    height: 17px;
    padding: 3px 0 0 3px;
    background: transparent url(images/bg_timetopost.png) no-repeat;
    font-size: 11px;
    font-weight: bold;
    color: #848484;
}

    .poststatus .icon {
        float: left;
        display: inline-block;
        margin: 0 4px 0 3px;
        width: 13px;
        height: 13px;
        background: url('images/posticon_sprite.png') no-repeat;
    }

    .poststatus .immediate {
        background-position: 0 0;
    }

    .poststatus .na {
        background-position: 0 -30px;
    }

    .poststatus .mins {
        background-position: 0 -60px;
    }

    .poststatus .days {
        background-position: 0 -90px;
    }

    .poststatus .outage {
        background-position: 0 -120px;
    }

.formblock .formfield {
    margin-bottom: 10px;
    clear: left; /*Added by Damian*/
}



.formblock .formfield_left {
    margin-bottom: 10px;
    width: 293px;
    float: left;
}

.formblock .formfield_right {
    margin-bottom: 10px;
    width: 290px;
    float: right;
}

.formblock label {
    display: block;
    padding: 5px;
    font-size: 13px;
    color: #6f6f6f;
}

/*Update Customer Information NEW CSS*/
table.updateCustInfo label {
    padding-left: 0;
}


.formblock .text {
    padding: 0 6px;
    height: 25px;
    width: 272px;
    background: #f8f8f8;
    border: 2px #e4e4e4 solid;
    line-height: 25px;
    font-size: 13px;
}

.formblock .pcode {
    width: 92px;
    margin-right: 10px;
}

.formblock .phone {
    /* width: 170px;*/
}

.formblock .lookupKey {
    font-weight: bold;
    margin-right: 10px;
}

.formblock .formbtn {
    text-align: right;
    margin-bottom: 4px;
}

.formblock .button {
    height: 36px;
    width: 164px;
    background: url(images/buttonbg.png) repeat-x left top;
    border: 0;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.formblock .go {
    font-size: 16px;
}

.formblock .button:hover {
    background-position: left bottom;
    cursor: pointer;
}

/* ----------------------------------------------------------
	   CUSTOM DROP-DOWN
	   ---------------------------------------------------------- */
.dd-select {
    width: 282px !important;
    height: 22px !important;
    background: url('images/selectbg.png') repeat-x !important;
    border: 1px #e4e4e4 solid !important;
}


.dd-options {
    width: 282px !important;
}

.dd-option {
    padding: 3px 10px !important;
    background: url('images/selectbg.png') repeat-x !important;
}

    .dd-option:hover {
        background: url('images/selecthover.png') repeat-x !important;
        color: #fff !important;
    }

    .dd-option label {
        padding-bottom: 0;
    }

    .dd-option:hover label {
        color: #fff !important;
    }

.dd-selected {
    padding: 3px 10px !important;
    font-weight: normal !important;
}


.report_selected {
    width: 150px !important;
    height: 22px !important;
    background: url('images/selectbg.png') repeat-x !important;
    border: 1px #e4e4e4 solid !important;
    text-overflow: ellipsis;
}


a.dd-option, a.dd-selected {
    text-decoration: none !important;
}

/* ----------------------------------------------------------
	   SERVICES
	   ---------------------------------------------------------- */
div.serviceblock {
    background: #e4e4e4;
    padding: 6px; /*Change by Damian from 6px 3px 6px 3px */
    /* border-top: 4px #720024 solid;*/
    overflow: auto;
}

.qpay-promoBannerWrapper {
    background-color: #ffffff;
    height: 70px;
    width: 640px;
    margin: 0 auto;
}

a.domesticphone {
    background: transparent url(images/services2_sprite.png) no-repeat;
}

    a.domesticphone:hover {
        background-position: 0 -160px;
    }

a.international {
    background: transparent url(images/services2_sprite.png) -112px 0 no-repeat;
}

    a.international:hover {
        background-position: -112px -160px;
    }

a.utility {
    background: transparent url(images/services2_sprite.png) -224px 0 no-repeat;
}

    a.utility:hover {
        background-position: -224px -160px;
    }

a.callingcards {
    background: transparent url(images/services2_sprite.png) -336px 0 no-repeat;
}

    a.callingcards:hover {
        background-position: -336px -160px;
    }

a.giftcards {
    background: transparent url(images/services2_sprite.png) -448px 0 no-repeat;
}

    a.giftcards:hover {
        background-position: -448px -160px;
    }

a.insurance {
    background: transparent url(images/services2_sprite.png) -560px 0 no-repeat;
}

    a.insurance:hover {
        background-position: -560px -160px;
    }


div.serviceblock a.lastservice {
    margin-right: 0;
}

div.sep {
    float: left;
    width: 1px;
    margin: 0 2px;
    height: 160px; /*Change from 177px*/
    background: #b9b9b9;
}


/* ----------------------------------------------------------
	   PAYMENTS
	   ---------------------------------------------------------- */
.formheader h2 {
    float: left;
    font-size: 24px;
    line-height: 44px;
    color: #fff;
}

    .formheader h2.failed {
        background: url(images/icon_alert.png) no-repeat left center;
        padding-left: 70px;
        margin: 15px 0 0;
    }

    .formheader h2.success {
        background: url(images/icon_success.png) no-repeat left center;
        padding-left: 70px;
        margin: 15px 0 0;
    }

    .formheader h2.cancel_success {
        background: url(images/cancel_success.png) no-repeat left center;
        padding-left: 70px;
        margin: 15px 0 0;
    }

.print {
    float: right;
    width: 220px;
    text-align: right;
}

    .print a {
        display: inline-block;
        width: 68px;
        height: 52px;
        background: url(images/bg_button_sq_sprite.png) no-repeat top left;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        padding: 13px 9px;
        margin-left: 5px;
    }

btn .print a:hover {
    background-position: bottom right;
}

div.formcontent.payments {
    padding: 0;
    background: #fff;
    /*padding-bottom: 20px;*/ /*Commented by Damian*/
}

/* ----------------------------------------------------------
	   SUMMARY
	   ---------------------------------------------------------- */
div.summary {
    margin-left: 0px; /*May not be needed*/
    clear: both; /*May not be needed*/
    font-size: 14px;
    color: #6e6e6e;
    padding: 8px 8px 30px;
    overflow: auto;
}

    div.summary .colL {
        float: left;
        width: 395px;
    }

    div.summary .qpay-confirm-id {
        margin: 20px 12px 0;
        line-height: 17px;
    }

    div.summary .colR {
        float: right;
        width: 230px; /*AJ*/
        padding-top: 9px;
    }

div.payment-item {
    clear: both;
    /*overflow: auto;*/
    padding-bottom: 3px;
    margin-bottom: 10px;
}

    div.payment-item span {
        float: left;
        text-align: right;
        /*   width: 74px;*/
        margin-right: 8px;
        padding-bottom: 1px;
    }


        div.payment-item span.amount {
            float: left;
            width: 75px;
            text-align: right;
        }

    div.payment-item .item-label {
        float: left;
        text-align: left;
        width: 120px;
        white-space: nowrap;
        padding-bottom: 1px;
    }

div.payment-item-cancel {
    float: left;
    margin: 35px 10px 20px 0;
    color: #6E6E6E;
}

    div.payment-item-cancel .item-label {
        margin-right: 80px;
    }

div.seperator {
    margin-bottom: 5px;
}

    div.seperator span {
        border-bottom: 1px solid #b9b9b9;
    }

        div.seperator span.item-label {
            border-bottom: 1px solid #eee;
        }

div.amount-due {
    font-size: 18px;
    font-weight: bold;
}

div.failure-amt {
    color: #eb2629;
    font-size: 18px;
    font-weight: bold;
}

div.failure-amt-normalfont {
    color: #eb2629;
}

.failure-typeWrapper {
    clear: both;
}

div.failure-type {
    background: url(images/bg_reason.png) no-repeat right center;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    margin: 60px 0 0 8px;
    text-align: right;
    padding-right: 26px;
    font-size: 16px;
}

div.failure-type-new {
    background: url(images/bg_reason.png) no-repeat right center;
    color: #fff;
    line-height: 20px;
    font-weight: bold;
    margin: 30px 0 0 8px;
    text-align: right;
    padding-right: 26px;
    font-size: 16px;
}

div.failure-type-return {
    margin-top: 10px;
}

/* ----------------------------------------------------------
	   PAYMENTS LIST
	   ---------------------------------------------------------- */

ul.payments-list {
}

    ul.payments-list li {
        overflow: auto;
    }

div.failure {
    background: #b9b9b9 url(images/bg_failure.png) no-repeat left center;
    color: #fff;
}

div.success {
    background: #b9b9b9 url(images/bg_success.png) no-repeat left center;
    color: #fff;
}

    div.failure h3,
    div.success h3 {
        display: inline-block;
        color: #fff;
        font-size: 20px;
        width: 116px;
        padding: 0 0 0 30px;
        line-height: 44px;
        vertical-align: top;
    }

    div.success span,
    div.failure span {
        display: inline-block;
        font-size: 12px;
        padding: 7px 10px;
        vertical-align: top;
        width: 200px;
    }

    div.success span {
        font-size: 14px;
        line-height: 30px;
        font-weight: bold;
    }

        div.success span.action {
            font-size: 14px;
            line-height: 30px;
            width: 240px;
            text-align: right;
            font-weight: normal;
        }

        div.success span a {
            color: #fff;
            text-decoration: underline;
        }

/* ----------------------------------------------------------
	   PAYMENTS DETAILS
	   ---------------------------------------------------------- */
ul.payments-list li div.item-details {
    padding: 14px 8px 20px;
    overflow: auto; /*Remove scrollbar from item-details*/
}

div.item-details .paymentslist-leftCol {
    width: 400px;
    float: left;
    margin: 0 10px 0 0;
}

div.paymentslist-leftCol .companyInfo-wrap {
    margin: 20px 0 0 0;
}

div.item-details .paymentslist-rightCol .payment-info {
    height: 150px;
}

div.paymentinfo-rightCol {
    width: 200px;
    float: left;
    margin: 70px 0 0 10px;
    padding: 0 0 0 5px;
    height: 150px;
}

ul.payments-list li div.company-logo {
    display: inline-block;
    width: 140px;
    text-align: center;
    font-size: 12px;
    vertical-align: top;
}

    ul.payments-list li div.company-logo img {
        display: block;
        margin: 0 auto 5px;
    }

ul.payments-list li div.contact-info {
    display: inline-block;
    width: 228px;
    vertical-align: top;
    padding-left: 10px;
    margin: 5px 0 0 0;
}

    ul.payments-list li div.contact-info h4 {
        font: bold 16px Arial, Helvetica, sans-serif;
    }

    ul.payments-list li div.contact-info p {
        font: 14px/22px Arial, Helvetica, sans-serif;
        /*white-space: nowrap; Commented by Damian
        word-break: break-all;*/
    }

        ul.payments-list li div.contact-info p.history {
            margin: 28px 0 22px;
        }

    ul.payments-list li div.contact-info a {
        font-size: 14px;
        text-decoration: underline;
        line-height: 20px;
    }

    ul.payments-list li div.contact-info.failure-contact {
        width: 215px;
    }

    ul.payments-list li div.contact-info ol li {
        line-height: 23px;
    }

ul.payments-list li div.payment-info {
    width: 230px;
    display: inline-block;
    text-align: right;
    float: right;
}

    ul.payments-list li div.payment-info.failure-payment {
        width: 245px;
    }

p.current-bal {
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
}

ul.payments-list li div.payment-info p.failure {
    color: #EB2628;
    font-size: 18px;
    font-weight: bold;
    background: url(images/icon_alert_sma.png) no-repeat left center;
    padding-left: 36px;
}

ul.payments-list li div.item-details div.supplement {
    margin-left: 153px;
}

    ul.payments-list li div.item-details div.supplement p {
        font-style: italic;
        font-size: 12px;
        line-height: 20px;
    }


/* --------------------------------------------------------------
   PAY - RIGHT COLUMN
----------------------------------------------------------------- */

.block {
    background: #e4e4e4;
    margin-bottom: 7px;
}

.filler {
    padding: 0;
    margin-bottom: 5px;
}

    .filler img {
        display: block;
    }

/* ----------------------------------------------------------
	   SECTION HEADING
	   ---------------------------------------------------------- */

.current-bal {
    background-color: #F1F1F1;
    color: #7D7A74;
    float: right;
    text-align: center;
    width: 290px;
}

.current-bal label{font-weight:bold;}

.blockhead {
    padding: 9px 8px;
    background: #f1f1f1;
    color: #7d7a74;
}

    .blockhead h2 {
        font-size: 18px;
        font-weight: normal;
    }

        .blockhead h2 span {
            width: 76px;
            height: 25px;
            background: url(images/edit.png) no-repeat;
            display: inline-block;
            vertical-align: top;
            margin-left: 144px;
        }

/* ----------------------------------------------------------
	   SECTION CONTENT
	   ---------------------------------------------------------- */
.blockcontent {
    padding: 9px 10px 6px 12px;
}

    .blockcontent p {
        padding: 0px 10px 7px 8px;
    }

/* ----------------------------------------------------------
	   STATUS
	   ---------------------------------------------------------- */
.status {
    float: right;
    height: 20px;
    width: 58px;
    margin: -20px 0 0;
    padding-left: 24px;
    background: transparent url(images/bg_status_sprite.png) no-repeat;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercas;
}

    .status.high {
        color: #330010;
        background-position: top;
    }

    .status.normal {
        color: #090;
        background-position: bottom;
        padding-left: 26px;
    }

    .status.low {
        color: #225808;
        background-position: 0 -23px;
    }


/* ----------------------------------------------------------
	   PRICE BLOCK
	   ---------------------------------------------------------- */
.priceblocks {
    overflow: auto;
    margin-left: 2px;
}

    .priceblocks li {
        float: left;
        width: 84px;
        margin-right: 1px;
    }

        .priceblocks li.last {
            margin-right: 0;
        }

        .priceblocks li .price {
            background: #f9f9f9;
            color: #676c86;
            font-size: 19px;
            font-weight: bold;
            text-align: center;
            padding: 7px;
        }

        .priceblocks li .item {
            background: #b9b9b9;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            padding: 3px;
        }

/* ----------------------------------------------------------
	   OUTAGES
	   ---------------------------------------------------------- */
.outages {
    padding: 5px 0 0;
}

    .outages p {
        font-size: 14px;
    }

    .outages ul {
    }

    .outages li {
        color: #b50101;
        font-size: 13px;
        list-style: none;
        background: #f1f1f1;
        padding: 5px 8px;
        line-height: 20px;
    }

    .outages .remove {
        float: right;
        height: 20px;
        width: 20px;
        background: url(../Images/openMsg-btn.png) no-repeat;
    }


/* ----------------------------------------------------------
	   MY FAVORITE RODUCTS
	   ---------------------------------------------------------- */
.favorites .blockhead {
    padding: 8px 8px 9px 8px;
}

.favorites .blockcontent {
    padding: 8px 10px 4px 10px;
}

.favs li {
    float: left;
    margin-bottom: 3px;
}

    .favs li img {
        display: block;
    }

    .favs li.mid {
        margin-left: 14px;
        margin-right: 14px;
    }


/* --------------------------------------------------------------
    PRODUCTS
----------------------------------------------------------------- */
.productscontent {
    overflow: auto;
    background: #ede8e8;
    font-size: 13px;
}

    .productscontent .formL {
        float: left;
        padding: 5px 0;
        width: 264px;
    }

    .productscontent .formR {
        float: right;
        width: 365px;
        height: 436px;
        margin-top: 4px;
        border-left: 2px solid #720024;
        background: #fff;
        overflow: auto;
        padding-left: 10px;
    }

.products {
    background: #720024;
}

.formL li h3 {
    color: #000;
    background: #d0c5c8;
    padding: 5px 9px;
}

/* ----------------------------------------------------------
	   PRODUCT FILTER - LEFT COLUMN
	   ---------------------------------------------------------- */

.prod-filter {
}

.selectcountry {
    padding: 7px 15px;
}

    .selectcountry .dd-container {
        width: 230px !important;
        z-index: 999;
    }

    .selectcountry .dd-select {
        width: 230px !important;
        height: 36px !important;
    }

    .selectcountry .dd-selected {
        padding: 10px !important;
    }

    .selectcountry .dd-options {
        width: 230px !important;
    }

        .selectcountry .dd-options li {
            padding: 0;
        }

    .selectcountry .dd-option {
        padding: 6px 10px;
    }

.prod-filter label {
    display: inline-block;
}

.prod-filter li.reset {
    overflow: hidden;
}

.prod-filter li.haschild {
    background: #d0c5c8;
}

    .prod-filter li.haschild .group {
        padding: 2px 0 2px 7px;
    }

.prod-filter li ul {
    margin: 0 0 5px 0;
}

.prod-filter li li {
    background: #ede8e8;
    padding: 4px 10px 0 37px;
}

.prod-filter li.haschild label {
    font-size: 14px;
    font-weight: bold;
    color: #6f6f6f;
}

.prod-filter li.haschild li label {
    font-size: 13px;
    font-weight: normal;
}

.formL li.reset a {
    float: right;
    text-decoration: underline;
    margin-bottom: 10px;
    margin-right: 10px;
}

.prod-filter .custom-checkbox input {
    position: absolute;
    left: 2px;
    top: 3px;
    margin: 0;
    z-index: 0;
}

.prod-filter .custom-checkbox label {
    background: url(images/check.png) no-repeat;
    display: block;
    position: relative;
    z-index: 1;
    line-height: 1;
    padding: 4px 0 4px 30px;
    cursor: pointer;
}

.prod-filter .custom-checkbox label {
    background-position: 0 0;
}

    .prod-filter .custom-checkbox label.hover, .custom-checkbox label.focus {
        background-position: 0 0;
    }

    .prod-filter .custom-checkbox label.checked {
        background-position: 0 bottom;
        color: #3f3f3f;
    }

    .prod-filter .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
        background-position: 0 bottom;
    }

/* wrapper divs */
.custom-checkbox, .custom-radio {
    position: relative;
    z-index: 0;
}

/* ----------------------------------------------------------
	   PRODUCTS - ALPHABETICAL LIST - MIDDLE COLUMN
	   ---------------------------------------------------------- */

.formR ul {
}

.formR li {
    padding-left: 5px;
    margin-top: 3px;
    line-height: 28px;
    border-bottom: 1px solid #d0c5c8;
}

    .formR li.alpha {
        border-bottom: 2px solid #720024;
        font-weight: bold;
    }

    .formR li.haschild {
        border-bottom: 0;
    }

    .formR li ul {
        border-top: 1px solid #d0c5c8;
    }

    .formR li li {
        padding-left: 5px;
        margin-left: 13px;
        border-bottom: 1px solid #f1f1f1;
    }

/* --------------------------------------------------------------
   		MOST POPULAR PRODUCTS - RIGHT COLUMN
		----------------------------------------------------------------- */

.gridblock h3 {
    background: #B9B9B9;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 7px;
    margin-bottom: 5px;
}


.gridlist {
    margin: 5px 10px;
}

    .gridlist li {
        display: inline-block;
        padding: 4px 0;
    }

        .gridlist li.mid {
            padding: 0 7px;
        }

        .gridlist li img {
            display: inline-block;
            -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
            -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
            box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5);
        }



/* --------------------------------------------------------------
    PAYMENT DETAILS
----------------------------------------------------------------- */

.paymentdetail {
    background: #eef4eb;
    font-size: 13px;
    min-height: 478px;
}

.accountholder {
    background: #fff;
    padding: 8px 5px 5px 15px;
}

    .accountholder .cancel {
        float: right;
        text-decoration: underline;
        font-size: 12px;
    }

    .accountholder h1 {
        font-size: 24px;
        color: #6f6f6f;
        font-weight: normal;
    }

    .accountholder .number {
        font-size: 15px;
        font-weight: bold;
    }

    .accountholder li {
        display: inline-block;
    }

        .accountholder li.first {
            padding-right: 7px;
        }

        .accountholder li a {
            text-decoration: underline;
            border-left: 1px solid #c8cdd6;
            padding: 0 10px;
        }

        .accountholder li.service h2 {
            color: #bf2323;
            font-size: 20px;
            background: url(images/service.png) no-repeat;
            margin-left: 51px;
            padding-left: 34px;
        }

/* --------------------------------------------------------------
       	PAYMENT TYPE OPTIONS
	   	----------------------------------------------------------------- */

.payment-type {
    border-top: 1px solid #569f32;
    padding: 6px;
}

    .payment-type h3 {
        font-size: 14px;
        padding: 8px 15px;
    }

    .payment-type li {
        border-bottom: 1px solid #c5ddb9;
        padding: 4px 0;
    }

        .payment-type li.first {
            border-bottom: 1px solid #c5ddb9;
            border-top: 1px solid #c5ddb9;
        }

    .payment-type .pay-option {
        float: left;
        width: 450px;
        padding: 4px 0 0 35px;
    }

        .payment-type .pay-option label {
            font-size: 14px;
            padding: 0;
        }

        .payment-type .pay-option p {
            font-size: 12px;
            font-style: italic;
        }

    .payment-type .pay-amt {
        float: right;
        width: 120px;
        margin-right: 10px;
        line-height: 41px;
    }

.pay-amt .custom-checkbox {
    float: left;
}

    .pay-amt .custom-checkbox label {
        background: url(images/checkbig.png) no-repeat 0 0;
        display: block;
        position: relative;
        z-index: 1;
        line-height: 1;
        padding: 0;
        width: 37px;
        height: 37px;
        cursor: pointer;
    }

        .pay-amt .custom-checkbox label.hover, .custom-checkbox label.focus {
            background-position: 0 0;
        }

        .pay-amt .custom-checkbox label.checked {
            background-position: 0 bottom;
        }

        .pay-amt .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
            background-position: 0 bottom;
        }

    .pay-amt .custom-checkbox input {
        position: absolute;
        left: 2px;
        top: 3px;
        margin: 0;
        z-index: 0;
    }

.pay-amt .custom-radio {
    float: left;
}

    .pay-amt .custom-radio input {
        position: absolute;
        left: 5px;
        top: 6px;
        margin: 0;
        z-index: 0;
    }

    .pay-amt .custom-radio label {
        display: block;
        position: relative;
        z-index: 1;
        line-height: 1;
        padding: 0;
        width: 32px;
        height: 32px;
        cursor: pointer;
        margin: 2px 0 0;
        background: url(images/radio.png) no-repeat 0 0;
    }

        .pay-amt .custom-radio label.hover, .custom-radio label.focus {
            background-position: 0 0;
        }

        .pay-amt .custom-radio label.checked {
            background-position: 0 -77px;
        }

.payment-type .alerttext {
    color: #ff0000 !important;
}

.payment-type span.amt {
    display: inline-block;
    width: 52px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    padding: 0 10px;
    float: right;
}

.payment-type input.amt {
    background: #f8f8f8;
    border: 2px solid #e4e4e4;
    display: inline-block;
    width: 52px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    padding: 0 10px;
    float: right;
    color: #787e8e;
}


/* --------------------------------------------------------------
       	CART - RIGHT HAND COLUMN
	  	----------------------------------------------------------------- */

/*.cart-block  { background: #eef4eb; margin-bottom: 7px; font-size: 13px; }*/
.cart-block {
    background: #EFEFEF;
    margin-bottom: 7px;
    font-size: 13px;
    border: 1px solid #CCCCCC;
}

    .cart-block .blockhead {
        padding: 9px 8px;
        background: #569f32;
        color: #fff;
        font-size: 18px;
    }

    .cart-block .blockcontent {
        padding: 9px 5px 4px; /*Updated by Damian from padding: 9px 7px 4px;*/
    }

.payment a {
    text-decoration: underline;
}

/* --------------------------------------------------------------
       	PAYMENTS - RIGHT HAND COLUMN
	  	----------------------------------------------------------------- */

.payhead {
    padding: 0 5px;
}

    .payhead h3 {
        font-size: 15px;
    }

    .payhead .clear {
        float: right;
        margin: -16px 0 0;
        font-size: 12px;
    }

#AmountReceived {
    height: 22px;
}

/* --------------------------------------------------------------
       	PAYMENT SECTION
	  	----------------------------------------------------------------- */
.payfor {
    margin: 5px 0 0;
}

    .payfor table {
        border-collapse: collapse;
        width: 100%;
    }

        .payfor table th {
            background: #b9b9b9;
            padding: 6px 0;
            color: #fff;
            text-align: left;
            cursor: pointer;
        }

            .payfor table th.control, .payfor table td.control {
                width: 30px;
            }

            .payfor table th.amt, .payfor table td.amt {
                text-align: right;
            }

            .payfor table th.action, .payfor table td.action {
                width: 30px;
                text-align: center;
            }

    .payfor .selector {
        background: url(images/drop1.png) 0 3px no-repeat;
        margin-left: 15px;
        width: 10px;
    }

    .payfor table tr.open .selector {
        background: url(images/drop.png) 0 3px no-repeat;
    }

    .payfor .edit {
        background: url(images/edit1.png) right 3px no-repeat;
        display: inline-block;
        width: 14px;
        height: 16px;
    }

    .payfor table td {
        background: #fff;
        border-top: 1px #eef4eb solid;
        vertical-align: middle;
        padding: 2px 0;
        text-align: left;
    }

        .payfor table td .remove {
            background: url("images/close.png") no-repeat scroll 0 0 transparent;
            display: inline-block;
            height: 19px;
            width: 19px;
        }

    .payfor table tr.total td {
        border-bottom: 1px #b9b9b9 solid;
        border-top: 1px #b9b9b9 solid;
    }

        .payfor table tr.total td.label {
            font-size: 18px;
            text-align: right;
            font-weight: bold;
            padding: 5px;
        }

        .payfor table tr.total td.amt {
            font-size: 18px;
            text-align: left;
            font-weight: bold;
            text-indent: 12px;
            padding-right: 5px;
        }

/* --------------------------------------------------------------
       	RECEIVED INFO
	  	----------------------------------------------------------------- */
.received-amt {
    padding: 20px 0 10px;
}

    .received-amt .received {
        float: left;
    }

.received .dd-container {
    width: 132px !important;
}

.received .dd-select {
    width: 132px !important;
    height: 36px !important;
}

.received .dd-selected {
    padding: 10px !important;
    color: #787E8E;
}

.received .dd-options {
    width: 132px !important;
}

    .received .dd-options li {
        padding: 0;
    }

.received .dd-option {
    padding: 6px 10px;
}

.received-amt .exact_amount {
    float: right;
    width: 110px;
    /*width: 134px;*/ /*Comented out by Damian*/
}

.exact_amount .exact {
    float: right;
    font-size: 11px;
}

.exact_amount .amt {
    width: 105px;
    background: #f8f8f8;
    border: 2px solid #e4e4e4;
    display: inline-block; /*height: 34px; line-height: 34px;*/
    /*font-size: 16px;*/
    padding: 0 10px;
    height: 25px;
    /*line-height: 25px;*/
}

.changePanel {
    padding-top: 5px;
    font-weight: bold;
}

/* --------------------------------------------------------------
       	PROCESS PAYMENTS
	  	----------------------------------------------------------------- */
.payment-process {
    border-top: 1px solid #b9b9b9;
    padding-top: 7px;
}

    .payment-process a {
        text-decoration: none;
    }

    .payment-process .warning {
        color: #b50101;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .payment-process .add_payment {
        background: url(images/another-payment.png) repeat-x;
        text-align: center;
        width: 70px;
        height: 54px;
        float: left;
        color: #18769e;
        border: 1px #75a3b7 solid;
        padding: 6px 12px 0;
    }

    .payment-process .process {
        background: url(images/processpayment.png) repeat-x;
        text-align: center;
        float: right;
        height: 50px;
        color: #fff;
        font-weight: bold;
        border: 0px;
        padding: 19px 0 0;
        font-size: 16px;
        width: 180px;
    }

    .payment-process .process_full {
        background: url(images/processpayment.png) repeat-x;
        text-align: center;
        float: right;
        height: 50px;
        color: #fff;
        font-weight: bold;
        border: 0px; /*padding: 19px 0 0; */
        font-size: 16px;
        width: 100%;
    }


/*------------------------------------------
 	SETTINGS - ADVANCED - PROMOTIONS AND RECEIPT
-------------------------------------------- */
.colmW {
    background: #e4e4e4;
    padding: 6px 3px 6px 3px;
}

/* --------------------------------------------------------------
       	SIDEBAR MENU - ADVANCED SETTINGS OPTIONS
	  	----------------------------------------------------------------- */

.sidebar {
    /*  width: 260px;  elliot changed from 288px */ /*Damian Comented Out for reposition main panel*/
    float: left;
    font-size: 14px;
}

    .sidebar h2 {
        font-size: 18px;
        font-weight: normal;
        color: #000;
        padding: 10px 20px;
    }

.sidemenu {
    background: #3e3e3e url('images/sidegrey.png') repeat-x;
    height: 800px;
    overflow-y: hidden;
}

    .sidemenu h2 {
        background: #414141;
        font-weight: bold;
        padding: 5px 20px;
        color: #fff;
    }

        .sidemenu h2.active {
            background: url('images/sidemenuactive.png') no-repeat;
            font-weight: bold;
            padding: 5px 20px;
            color: #fff;
            border-bottom: 1px solid #FFFFFF;
        }

    .sidemenu li {
        padding: 0 20px 0 35px;
        width: auto;
        position: relative;
    }

    .sidemenu div {
        width: 244px;
        position: relative;
        color: #FFF;
        margin-left: auto;
        margin-right: auto;
    }

    .sidemenu li.active {
        background: url('images/sidemenuactive.png') no-repeat;
    }

    .sidemenu li a {
        color: #fff;
        background: url('images/whitebullet.png') no-repeat scroll left center;
        padding: 8px 10px;
        display: block;
    }

        .sidemenu li a:hover {
            text-decoration: none;
        }

    .sidemenu li.active a {
        background: url('images/pinkbullet.png') no-repeat scroll left center;
    }

.btn {
    background: url('images/gobg.png') repeat-x;
    height: 29px;
    width: 164px;
    text-align: center;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 8px 0 0;
}

    .btn:hover {
        background: url('images/gohoverbg.png') repeat-x;
    }

.print-instructions {
    padding-top: 10px;
}

input.btn {
    background: url('images/gobg.png') repeat-x;
    height: 29px;
    width: 164px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 8px 0 0;
}

.btn:hover, .btn-gray:hover {
    text-decoration: none;
}

.btn-gray {
    background: url('images/gobg_gray.png') repeat-x;
    height: 29px;
    width: 164px;
    text-align: center;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 8px 0 0;
}

.sidemenu .btn {
    margin: 20px 0 18px 50px;
    font-weight: bold;
}

/* --------------------------------------------------------------
       	SETTINGS - RIGHT COLUMN - FORM
	  	----------------------------------------------------------------- */

.colmM {
    background: #fff;
    float: left;
    width: 636px;
    padding: 10px 13px;
    color: #3d3d3d;
}

    .colmM .block {
        background: transparent;
        margin-bottom: 10px;
    }

        .colmM .block h2 {
            font-size: 18px;
            border-bottom: 3px #720024 solid;
            font-weight: normal;
            padding-bottom: 3px;
            margin-bottom: 12px;
        }

        .colmM .block .clomL {
            float: left;
            width: 285px;
            padding-left: 16px;
        }

        .colmM .block .clomR {
            float: right;
            width: 300px;
        }

        .colmM .block label {
            font-size: 14px;
            display: inline-block;
            margin-bottom: 3px;
        }

        .colmM .block .hint {
            font-size: 11px;
            font-style: italic;
            color: #9c9c9c;
        }


.char-count {
    display: block;
    font-size: 12px;
    text-align: right;
    color: #9c9c9c;
}

.textarea {
    border: 2px #b9b9b9 solid;
    width: 280px;
    height: 96px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.promodemo {
    text-align: right;
}

.col-wide {
    padding: 4px 13px;
}

    .col-wide .printoptions label {
        font-size: 13px;
    }

.printoptions {
    margin: 6px 0 0 9px;
}

    .printoptions li {
        float: left;
        width: 100%;
        margin-bottom: 12px;
        padding-left: 60px;
    }

        .printoptions li.autoprint, .printoptions li.duplicate {
            padding-left: 0;
        }

        .printoptions li:last-child {
            margin-bottom: 0;
            margin-top: 6px;
        }

    .printoptions .iPhoneCheckContainer {
        float: left;
        margin: -4px 10px 0 0;
    }

    .printoptions .custom-radio {
        float: left;
    }

        .printoptions .custom-radio input {
            position: absolute;
            left: 5px;
            top: 6px;
            margin: 0;
            z-index: 0;
        }

        .printoptions .custom-radio label {
            display: block;
            position: relative;
            z-index: 1;
            line-height: 1;
            padding: 6px 0 6px 35px;
            cursor: pointer;
            margin: 2px 0 0;
            background: url(images/radiosm.png) no-repeat 0 0;
        }

            .printoptions .custom-radio label.hover, .custom-radio label.focus {
                background-position: 0 0;
            }

            .printoptions .custom-radio label.checked {
                background-position: 0 -48px;
            }

    .printoptions .dd-container {
        float: left;
        z-index: 999;
    }

        .printoptions .dd-container a {
            color: #5a5a5a;
            font-size: 12px;
        }

    .printoptions .dd-options li {
        margin: 0;
        width: 100%;
        padding: 0;
    }

.receipt {
    margin: 0 50px;
}

.receiptfields {
    width: 270px;
    float: left;
    margin: 70px 0 0 90px;
}

    .receiptfields li {
        background: url('images/line.png') no-repeat scroll right 8px;
    }

        .receiptfields li.address {
            margin: 54px 0 25px;
        }

        .receiptfields li.phone {
            margin-top: 30px;
        }

        .receiptfields li.bottom {
            margin: 100px 0 0;
        }

    .receiptfields label {
        background: #fff;
        padding-right: 5px;
    }

.receiptdemo .insertlogo {
    margin: 5px;
    text-decoration: underline;
}

.receiptdemo {
    width: 226px;
    border: 1px #b9b9b9 solid;
    padding: 3px;
    float: right;
    font-size: 12px;
    margin: 0 15px 20px 0;
}

    .receiptdemo li {
        margin-bottom: 20px;
    }

    .receiptdemo .char-count {
        font-size: 10px;
        color: #3d3d3d;
    }

    .receiptdemo .payinfo {
        border-bottom: 1px #7d7d7d dashed;
        border-top: 1px #7d7d7d dashed;
        padding: 10px 0;
        text-align: center;
        color: #9c9c9c;
    }

.dealerinfo {
    padding-left: 8px;
}

.receiptdemo .textarea {
    width: 222px;
    height: 80px;
}

.receiptdemo .text {
    border: 2px #b9b9b9 solid;
    width: 150px;
}

.colmM .btn {
    float: right;
    margin: 55px 0 10px 0;
    font-weight: bold;
}


/* --------------------------------------------------------------
       	CUSTOM iPHONE STYLE ON/OFF SWITCH
	  	----------------------------------------------------------------- */

.iPhoneCheckContainer {
    -webkit-transform: translate3d(0,0,0);
    position: relative;
    height: 27px;
    cursor: pointer;
    overflow: hidden;
}

    .iPhoneCheckContainer input {
        position: absolute;
        top: 5px;
        left: 30px;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    .iPhoneCheckContainer label {
        white-space: nowrap;
        font-size: 17px;
        line-height: 17px;
        font-weight: bold;
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
        cursor: pointer;
        display: block;
        height: 27px;
        position: absolute;
        width: auto;
        top: 0;
        padding-top: 5px;
        overflow: hidden;
    }

    .iPhoneCheckContainer, .iPhoneCheckContainer label {
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
    }

.iPhoneCheckDisabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

label.iPhoneCheckLabelOn {
    color: white;
    background: url('images/iphone-style-checkboxes/on.png') no-repeat;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    left: 0;
    padding-top: 5px;
}

    label.iPhoneCheckLabelOn span {
        padding-left: 12px;
    }

label.iPhoneCheckLabelOff {
    color: #8b8b8b;
    background: url('images/iphone-style-checkboxes/off.png') no-repeat right 0;
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
    text-align: right;
    right: 0;
}

    label.iPhoneCheckLabelOff span {
        padding-right: 8px;
    }

.iPhoneCheckHandle {
    display: block;
    height: 27px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: url('images/iphone-style-checkboxes/slider_left.png') no-repeat;
    padding-left: 3px;
}

.iPhoneCheckHandleRight {
    height: 100%;
    width: 100%;
    padding-right: 3px;
    background: url('images/iphone-style-checkboxes/slider_right.png') no-repeat right 0;
}

.iPhoneCheckHandleCenter {
    height: 100%;
    width: 100%;
    background: url('images/iphone-style-checkboxes/slider_center.png');
}


/*------------------------------------------
 SETTINGS - ADVANCED - MANAGE USERS
-------------------------------------------- */
/*
.rolepermission
{
    width: 200px;
    float: left;
    z-index: 200;
}

    .rolepermission.mid
    {
        margin: 0 18px;
    }*/

.rolename {
    display: block;
    height: 20px;
    color: #fff;
    /*background: url('images/menubg.png') repeat-x left top;*/ /*Comented by Damian*/
    font-size: 16px;
    padding: 10px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: thin solid #CCCCCC;
}

    .rolename:hover {
        background: none;
        /*background-color:;*/
    }

    .rolename:active {
        background: none;
    }

    .rolename .edit {
        font-size: 12px;
        float: right;
        color: #fff;
        margin: 2px 0 0;
        text-decoration: underline;
    }

.addrole {
    display: block;
    height: 20px;
    background: #0f5e80 url('images/gobg.png') repeat-x;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}

    .addrole:hover {
        text-decoration: none;
    }

.rolepermission li {
    padding-left: 10px;
    font-size: 12px;
    margin: 0 0 2px 10px;
}

.rolepermission ul.checked-items {
    background: #FFFFFF;
    /*display:none;
    z-index: 100;*/
}

    .rolepermission ul.checked-items:hover {
        /*display: block;*/
    }

    .rolepermission ul.checked-items li {
        background: transparent url(images/checksm.png) -3px -15px no-repeat;
        /*padding-left: 12px; */ /*Commented by Damian to add margin to content inside dropdown*/
        margin: 7px 12px;
    }

.rolepermission .custom-checkbox label {
    background: url(images/checksm.png) no-repeat 0 0;
    display: block;
    position: relative;
    z-index: 1;
    line-height: 1;
    padding: 2px 0 4px 17px;
    cursor: pointer;
    font-size: 12px;
}

    .rolepermission .custom-checkbox label.checked {
        background-position: 0 -30px;
    }

.rolepermission .custom-checkbox input {
    position: absolute;
    left: -9999px;
    top: 3px;
    margin: 0;
    z-index: 0;
}

/* --------------------------------------------------------------
    ERROR PAGES CSS
    ----------------------------------------------------------------- */
.error-dialog-notactive {    
    width: 500px;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 10px 10px;
    right: auto;
    z-index: 1050;
}
.error-dialog-notactive .modal-content {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    min-height: 220px;
}

.error-dialog-notactive .modal-header {
    color: #6A6A6A;
    font-weight: bold;
    padding: 15px 0 0;
    text-align: center;
    border-bottom: 0px;
}
.error-dialog-notactive .modal-header .logo-pos .logo {
    margin: 10px auto 20px;
}

.error-dialog-notactive .logo {
    background-image: url("/Images/logo.png");
    background-repeat: no-repeat;
    height: 52px;
    padding-left: 15px;
    text-align: left;
    width: 97px;
    float: none;
}

.error-dialog-notactive .logo-divider {
    background-color: #E9E9E9;
    height: 2px;
    margin: 0 25px 10px;
    padding: 0 15px;
}

.error-dialog-notactive .login-body {
    margin: 10px;
}

.error-dialog-notactive .footer-links {
    margin-left: auto;
    margin-right: auto;
    right: auto;
    text-align: left;
    margin-top: 5px;
}

.error-dialog-notactive .footer-links ul li a {
    text-decoration: none;
}

.error-dialog-notactive .footer-links ul li {
    border-right: 1px solid #CCCCCC;
    display: inline;
    font-size: 13px;
    list-style: none outside none;
    padding-right: 5px;
}

.error-dialog-notactive .footer-links ul li.last-child {
    border: medium none;
}

/* --------------------------------------------------------------
       	ADD NEW ROLE
	  	----------------------------------------------------------------- */
div.new-role input {
    width: 145px;
    height: 36px;
    border: 2px solid #e4e4e4;
    line-height: 36px;
    padding-left: 2px;
}

    div.new-role input: : -webkit-input-placeholder {
        font-style: italic;
    }

    div.new-role input: -moz-placeholder {
        font-style: italic;
    }

a.btn-arrow {
    height: 40px;
    width: 42px;
    background: url(images/btn_arrow.png) no-repeat;
    display: inline-block;
    vertical-align: top;
}

form.new-role-form {
    display: none;
}

div.new-role ul {
    margin-top: 10px;
}

div.new-role-btns {
    text-align: right;
}

div.new-role .btn {
    margin-top: 15px;
    margin-left: 15px;
    float: none;
    width: 120px;
}

div.new-role .btn-gray {
    margin-top: 15px;
    margin-left: 5px;
    float: none;
    width: 70px;
}


/*------------------------------------------
 SEARCH USERS
-------------------------------------------- */
.usersearch {
    height: 44px;
    line-height: 44px;
    margin: 7px 0 15px;
}

    .usersearch .searchbox {
        float: left;
        background: #b9b9b9;
        width: 374px;
        height: 40px;
        line-height: 40px;
        position: relative;
        z-index: 1;
    }

    .usersearch .searchterm {
        width: 310px;
    }

/* --------------------------------------------------------------
       	SELECT BRANCH
	  	----------------------------------------------------------------- */
.branchselect {
    float: right;
    width: 192px;
}

    .branchselect a {
        background: url('images/selectbg1.png') repeat-x;
        display: block;
        font-size: 12px;
        color: #000;
        line-height: 11px;
        border: 1px #e4e4e4 solid;
        padding: 3px 15px 3px 9px;
    }

        .branchselect a:hover {
            text-decoration: none;
        }

    .branchselect em {
        font-size: 11px;
        color: #707070;
    }

    .branchselect span {
        background: url('images/arrowdown.gif') no-repeat scroll right center;
        display: block;
    }

/* --------------------------------------------------------------
       	USER LIST
	  	----------------------------------------------------------------- */
.userlist {
    width: 680px !important;
    border-collapse: collapse;
    border: 2px #b9b9b9 solid;
    font-size: 12px;
}

    .userlist th {
        color: #fff;
        background: #b9b9b9;
        border-right: 2px #d7d7d7 solid;
        border-bottom: 1px #fff solid;
        text-align: left;
        padding: 5px 7px;
    }

        .userlist th.lock {
            width: 8px;
            border-right: 0;
        }

    .userlist .odd td {
        background: #f1f1f1;
    }

    .userlist td {
        border-right: 2px #f7f7f7 solid;
        border-bottom: 1px #fff solid;
        text-align: left;
        padding: 5px 7px;
    }

        .userlist td:last-child,
        .userlist th:last-child {
            border-right-color: #b9b9b9;
        }

        .userlist td.lock {
            width: 8px;
            border-right: 0;
            background-color: #b9b9b9;
        }

        .userlist td.unlock {
            width: 8px;
            border-right: 0;
        }

    .userlist a {
        text-decoration: underline;
    }


/*------------------------------------------
	MY PROFILE
-------------------------------------------- */

.profilepage {
    color: #6c6c6c;
}

.pagetitle {
    border-bottom: 2px #720024 solid;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
    padding-left: 12px;
    margin: 7px 0 10px;
}

.reports_pagetitle {
    /*border-bottom: 2px #720024 solid;*/
    padding-bottom: 10px;
    font-size: 18px;
    padding-left: 12px;
    margin: 25px 0 0px;
    width: 300px;
    float: left;
}

.pagetitle em {
    font-size: 12px;
}

.profiledetail {
    border-bottom: 2px #720024 solid;
    padding: 10px 10px 20px 10px;
    margin-bottom: 20px;
    font-size: 12px;
}

    .profiledetail .name {
        font-size: 22px;
    }

    .profiledetail .email {
        font-size: 15px;
        margin: 5px 0 10px;
    }

        .profiledetail .email li {
            padding-bottom: 5px;
        }

.help {
    display: inline-block;
    background: url('images/help.gif') no-repeat;
    width: 16px;
    height: 16px;
}
/*Profile Edit Permission Panel*/
#elevatedPermissionsForProfileEdit {
    /*left: 15%;*/
    padding-top: 20px;
    position: relative;
    width: 50%;
}
/* --------------------------------------------------------------
       	MY STATS
	  	----------------------------------------------------------------- */

.statsblock {
    width: 322px;
    float: left;
}

    .statsblock h2 {
        border-bottom: 1px #720024 solid;
        padding-bottom: 4px;
        font-size: 18px;
        font-weight: normal;
        padding-left: 12px;
    }

.statcontent {
}

    .statcontent table {
        border-collapse: collapse;
        width: 100%;
    }

    .statcontent th {
        background-color: #b9b9b9;
        color: #fff;
        text-align: right;
        font-size: 12px;
        vertical-align: baseline;
        padding: 3px 5px;
        width: 70px;
        border: 2px #e4e4e4 solid;
    }

    .statcontent thead th {
        text-align: center;
    }

    .statcontent th.blank {
        background-color: #e4e4e4;
    }

    .statcontent td {
        text-align: center;
        font-size: 18px;
        padding: 6px 10px;
        border: 2px #e4e4e4 solid;
        color: #676b85;
        font-weight: bold;
    }

/* --------------------------------------------------------------
       	TEST YOUR KNOWLEDGE AND MY SCORE
	  	------------------------------------------------------------- */
.scoreblock {
    float: right;
    width: 320px;
    position: relative;
}

.myscore {
    position: absolute;
    top: 3px;
    right: 2px;
    font-size: 12px;
}

    .myscore .score {
        background: url(images/bg_my_score.png) no-repeat;
        font-size: 13px;
        color: #fff;
        padding: 3px 7px;
    }

.scoreblock h2 {
    border-bottom: 1px #720024 solid;
    padding-bottom: 4px;
    font-size: 18px;
    font-weight: normal;
    padding-left: 12px;
}

.scoreblock li {
    float: left;
    width: 100%;
}

.scorecontent {
    background: #e4e4e4;
    font-size: 12px;
    padding: 10px;
    height: 128px;
}

    .scorecontent li {
        margin: 5px 0 0;
    }

    .scorecontent .btn {
        float: right;
        font-size: 14px;
        font-weight: bold;
        height: 27px;
        padding-top: 10px;
    }

    .scorecontent .custom-radio {
        float: left;
        margin-left: 5px;
    }

        .scorecontent .custom-radio input {
            position: absolute;
            left: 5px;
            top: 6px;
            margin: 0;
            z-index: 0;
        }

        .scorecontent .custom-radio label {
            display: block;
            position: relative;
            z-index: 1;
            line-height: 1;
            padding: 4px 0 6px 35px;
            cursor: pointer;
            margin: 2px 0 0;
            font-size: 14px;
            background: url(images/radiosm.png) no-repeat 0 0;
        }

            .scorecontent .custom-radio label.hover, .custom-radio label.focus {
                background-position: 0 0;
            }

            .scorecontent .custom-radio label.checked {
                background-position: 0 -49px;
            }

/* --------------------------------------------------------------
       	MY STORES
	  	------------------------------------------------------------- */
.storeblocks {
    margin: 45px 0 0;
}

    .storeblocks h2 {
        border-bottom: 1px #720024 solid;
        padding-bottom: 4px;
        font-size: 18px;
        font-weight: normal;
        padding-left: 12px;
    }
/*Added height so that the My Profile page would no longer skip divs causing blocks of space*/
.storeblock {
    float: left;
    width: 200px;
    font-size: 12px;
    margin-bottom: 30px;
    margin-top: 10px;
    margin: 10px 5px 30px;
    border: 1px solid #B9B9B9;
    /*height: 215px;*/
}

    .storeblock.mid {
        margin-left: 20px;
        margin-right: 20px;
        /*height: 185px;*/
    }

    .storeblock h3 {
        background: #f1f1f1;
        font-size: 15px;
        padding: 5px 8px;
        color: #3d3d3d;
    }

    .storeblock h4 {
        font-size: 13px;
        font-weight: normal;
    }

.storedetail {
    padding: 3px 8px;
    color: #3d3d3d;
}

    .storedetail p {
        margin-bottom: 10px;
    }

    .storedetail li {
        background: url('images/correctbullet.png') no-repeat scroll left center;
        padding-left: 10px;
    }

/* --------------------------------------------------------------
       	MY LOGIN - RIGHT HAND COLUMN
	  	------------------------------------------------------------- */
.loginblock {
    font-size: 13px;
    font-weight: bold;
}

    /*DE2270 Edit Profile and Change password Links - Do not display as bold*/
    .loginblock .changepass {
        font-weight: normal;
    }

    .loginblock .blockcontent {
        padding-bottom: 14px;
    }

    .loginblock p {
        padding: 0;
        margin-bottom: 8px;
        color: #444;
        font-size: 14px;
        font-weight: normal;
    }

.changepass {
    background: url('images/more.png') no-repeat scroll right center;
    padding-right: 10px;
}
    /*DE2270 Edit Profile and Change password Links - Only underline on hover*/
    .changepass:hover {
        text-decoration: underline;
    }



/* --------------------------------------------------------------
       	ANNOUNCEMENTS
	  	------------------------------------------------------------- */
.announceblock {
    font-size: 12px;
}

    .announceblock h4 {
        font-size: 14px;
        font-weight: normal;
        color: #444;
    }

    .announceblock .seeall {
        font-size: 12px;
        float: right;
        background: transparent;
        padding: 0;
        text-decoration: underline;
    }

    .announceblock .blockcontent p {
        padding: 0;
        margin-bottom: 15px;
        color: #444;
    }

.helpblock {
    font-size: 13px;
}

    .helpblock .seeall {
        font-size: 12px;
        float: right;
        background: transparent;
        padding: 0;
        text-decoration: underline;
    }

    .helpblock li {
        margin-bottom: 10px;
    }

        .helpblock li a {
            font-size: 14px;
        }

/*------------------------------------------
	SETTINGS - ADVANCED SYSTEM DEFAULTS
-------------------------------------------- */

.colmM .block .colmR {
    width: 285px;
    float: left;
    margin-left: 40px;
}

/* --------------------------------------------------------------
       	GENERAL SECTION
	  	------------------------------------------------------------- */
.setting-general {
    font-size: 13px;
    margin-bottom: 20px !important;
}

    .setting-general li {
        margin-bottom: 20px;
    }

    .setting-general .dd-selected label {
        font-size: 13px;
        color: #787E8E;
    }

    .setting-general .dd-select {
        height: 26px !important;
    }

    .setting-general .dd-options li {
        margin-bottom: 0;
    }

.default-prod .text {
    width: 262px;
    border: 2px #e4e4e4 solid;
    height: 22px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 22px;
}

.area-code .text {
    width: 50px;
    border: 2px #e4e4e4 solid;
    height: 22px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 22px;
}

.area-code em {
    font-size: 14px;
    color: #7d7d7d;
}

.prim-language .dd-container {
    z-index: 2;
}

.timezone .dd-container {
    z-index: 1;
}

.secd-language .dd-container {
    z-index: 2;
}

.time-format {
    float: left;
    width: 65px;
    margin-right: 25px;
}

    .time-format .dd-container {
        width: 63px !important;
        z-index: 1;
    }

    .time-format .dd-select {
        width: 63px !important;
    }

    .time-format .dd-selected {
        color: #787E8E;
    }

    .time-format .dd-options {
        width: 63px !important;
    }

        .time-format .dd-options li {
            padding: 0;
        }

    .time-format .dd-option {
        padding: 6px 10px;
    }

.date-format {
    float: left;
    width: 195px;
}

    .date-format .dd-container {
        width: 195px !important;
        z-index: 1;
    }

    .date-format .dd-select {
        width: 195px !important;
    }

    .date-format .dd-selected {
        color: #787E8E;
    }

    .date-format .dd-options {
        width: 195px !important;
    }

        .date-format .dd-options li {
            padding: 0;
        }

    .date-format .dd-option {
        padding: 6px 10px;
    }

/* --------------------------------------------------------------
       	SECURITY SECTION
	  	------------------------------------------------------------- */
.setting-security {
    font-size: 13px;
}

    .setting-security h3 {
        font-size: 16px;
        border-bottom: 1px #720024 solid;
        padding-bottom: 4px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .setting-security .clomL {
        width: 320px !important;
        margin-bottom: 20px !important;
    }

    .setting-security .clomR {
        width: 280px !important;
        margin-bottom: 20px !important;
    }

    .setting-security .dd-selected label {
        font-size: 13px;
        color: #787E8E;
    }

    .setting-security .hint {
        float: left;
        width: 260px;
        margin: -4px 0 0 32px;
    }

.amt-received {
}

    .amt-received .custom-checkbox input {
        position: absolute;
        left: 2px;
        top: 3px;
        margin: 0;
        z-index: 0;
    }

    .amt-received .custom-checkbox label {
        background: url(images/check.png) no-repeat 0 0;
        display: block;
        position: relative;
        z-index: 1;
        line-height: 1;
        padding: 4px 0 4px 30px;
        cursor: pointer;
    }

        .amt-received .custom-checkbox label.hover, .custom-checkbox label.focus {
            background-position: 0 0;
        }

        .amt-received .custom-checkbox label.checked {
            background-position: 0 bottom;
        }

        .amt-received .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
            background-position: 0 bottom;
        }

.autologoff em {
    color: #919191;
    font-size: 13px;
}

.autologoff .custom-checkbox input {
    position: absolute;
    left: 2px;
    top: 3px;
    margin: 0;
    z-index: 0;
}

.autologoff .custom-checkbox label {
    background: url(images/check.png) no-repeat 0 0;
    display: block;
    position: relative;
    z-index: 1;
    line-height: 1;
    padding: 4px 0 4px 30px;
    cursor: pointer;
}

    .autologoff .custom-checkbox label.hover, .custom-checkbox label.focus {
        background-position: 0 0;
    }

    .autologoff .custom-checkbox label.checked {
        background-position: 0 bottom;
    }

    .autologoff .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
        background-position: 0 bottom;
    }

span.autologoff-after {
    display: block;
    margin-left: 30px;
}

.setting-security .time {
    width: 42px;
    border: 2px #e4e4e4 solid;
    height: 20px;
    text-align: right;
}

/* --------------------------------------------------------------
       	CUSTOM RADIO OPTIONS
	  	------------------------------------------------------------- */

.secureoptions li {
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.secureoptions .custom-radio {
    float: left;
}

    .secureoptions .custom-radio input {
        position: absolute;
        left: 5px;
        top: 6px;
        margin: 0;
        z-index: 0;
    }

    .secureoptions .custom-radio label {
        display: block;
        position: relative;
        z-index: 1;
        line-height: 1;
        padding: 6px 0 6px 35px;
        cursor: pointer;
        margin: 2px 0 0;
        background: url(images/radiosm.png) no-repeat 0 0;
    }

        .secureoptions .custom-radio label.hover, .custom-radio label.focus {
            background-position: 0 0;
        }

        .secureoptions .custom-radio label.checked {
            background-position: 0 -48px;
        }

/* --------------------------------------------------------------
       	PRODUCT FEES
	  	------------------------------------------------------------- */
.productfees li {
    margin-bottom: 25px;
}

.prod-provider {
    width: 114px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #858585;
}

    .prod-provider img {
        border: 2px #b9b9b9 solid;
    }

.prod-fee {
    float: left;
    width: 245px;
    margin: 0 20px 0 0px;
}

    .prod-fee .amt {
        width: 48px;
        border: 2px #e4e4e4 solid;
        height: 20px;
    }

    .prod-fee .dealer-code {
        width: 100px;
        border: 2px #e4e4e4 solid;
        text-transform: uppercase;
        font-weight: bold;
    }

    .prod-fee table {
        width: 100%;
        border-collapse: collapse;
    }

    .prod-fee tr.product-convenience-fee td {
        padding-bottom: 10px;
    }

.convenience-lockedFee {
    font-size: 13px;
    font-style: italic;
    padding-top: 1px;
}

.prod-fee td {
    padding: 3px 5px;
}

    .prod-fee td em {
        color: #919191;
        font-size: 13px;
    }

.prod-fee .amount {
    text-align: right;
}

.prod-fee tfoot td {
    border-top: 1px #000 solid;
    font-weight: bold;
}

.prod-setting {
    width: 210px;
    float: left;
}

    .prod-setting .custom-checkbox input {
        position: absolute;
        left: 2px;
        top: 3px;
        margin: 0;
        z-index: 0;
    }

    .prod-setting .custom-checkbox label {
        background: url(images/check.png) no-repeat 0 0;
        display: block;
        position: relative;
        z-index: 1;
        line-height: 1;
        padding: 4px 0 4px 30px;
        cursor: pointer;
    }

        .prod-setting .custom-checkbox label.hover, .custom-checkbox label.focus {
            background-position: 0 0;
        }

        .prod-setting .custom-checkbox label.checked {
            background-position: 0 bottom;
        }

        .prod-setting .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
            background-position: 0 bottom;
        }

.dealer-code-info {
    padding: 5px 30px;
    font-size: 12px;
}

    .dealer-code-info p {
        margin-bottom: 10px;
    }

    .dealer-code-info ul {
        padding-left: 20px;
    }

        .dealer-code-info ul li {
            margin-bottom: 5px;
            list-style: disc;
        }

/* --------------------------------------------------------------
   CANCEL PAGE
----------------------------------------------------------------- */

/* --------------------------------------------------------------
       	SEARCH
	  	------------------------------------------------------------- */
.searchblock {
    margin-top: -10px;
}

.searchfilter {
    background: #f1f1f1;
    padding: 15px 20px 5px;
    margin-left: 5px;
    border-bottom: 2px #720024 solid;
    border-top: 2px #720024 solid;
}

    .searchfilter .paydate {
        /*width: 106px;*/
        float: left;
    }

    .searchfilter .payid {
        /*width: 106px;*/
        float: left;
    }

    .searchfilter .or {
        float: left;
        font-size: 13px;
        font-weight: bold;
        color: #000;
        margin: 25px 10px;
    }

    .searchfilter .phone {
        width: 106px;
        float: left;
        margin-right: 5px;
    }

    .searchfilter .total {
        width: 106px;
        float: left;
        margin-right: 5px;
    }

    .searchfilter .product {
        float: left;
        width: 140px;
        margin-right: 5px;
    }

    .searchfilter .pay-type {
        float: left;
        width: 160px;
        margin-bottom: 25px;
    }

    .searchfilter .exportDd {
        margin: 17px 0px 0px;
        float: right;
    }

    .searchfilter label {
        font-size: 11px;
        display: block;
        margin: 0 0 4px;
        font-weight: bold;
    }

        .searchfilter label em {
            font-size: 10px;
        }

    .searchfilter .text {
        border: 2px solid #E4E4E4;
        font-size: 13px;
        height: 22px;
        line-height: 22px;
        padding: 0 5px;
        width: 90px;
    }

    .searchfilter .searchbtn {
        width: 76px;
        height: 26px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        background: url('images/search.png') repeat-x;
        border: 0;
        float: right;
        margin: 5px 3px 0 0;
    }

    .searchfilter .product .dd-container, .searchfilter .pay-type .dd-container {
        width: 135px !important;
    }

    .searchfilter .product .dd-select, .searchfilter .pay-type .dd-select {
        width: 135px !important;
    }

    .searchfilter .product .dd-selected, .searchfilter .pay-type .dd-selected {
        color: #787E8E;
    }

    .searchfilter .product .dd-options, .searchfilter .pay-type .dd-options {
        width: 135px !important;
    }

        .searchfilter .product .dd-options li, .searchfilter .pay-type .dd-options li {
            padding: 0;
        }

    .searchfilter .product .dd-option, .searchfilter .pay-type .dd-option {
        padding: 6px 10px;
    }

/* --------------------------------------------------------------
       	SEARCH RESULTS
	  	------------------------------------------------------------- */
.search-result {
    margin-bottom: 5px;
}

.search-header {
    /*background: url('images/searchresult.png') no-repeat;*/
    padding: 12px 0 4px;
}

.search-count {
    padding: 7px 10px 0;
    display: inline-block;
    color: #6d6d6d;
}

.search-header ul {
    float: right;
    margin-top: 7px;
}

.search-header li {
    margin: 0 10px 0 0;
    font-size: 11px;
    float: left;
}

li.printicon {
    background: url(images/print3.png) no-repeat;
    padding: 0px 10px 3px 20px;
    color: #999999;
}

li.cancelicon {
    background: url(images/cancel3.png) no-repeat;
    padding: 0px 10px 3px 20px;
    color: #999999;
}

li.transfericon {
    background: url(images/transfer.png) no-repeat;
    padding: 0px 10px 3px 20px;
    color: #999999;
}

/*.search-header ul
{
    float: right;
    margin-top: 7px;
}

.search-header li
{
    margin: 0 10px 0 0;
    font-size: 11px;
    float: left;
}

    .search-header li.printicon
    {
        background: url(images/print3.png) no-repeat;
        padding: 0px 10px 3px 20px;
    }

    .search-header li.cancelicon
    {
        background: url(images/cancel3.png) no-repeat;
        padding: 0px 10px 3px 20px;
    }

    .search-header li.transfericon
    {
        background: url(images/transfer.png) no-repeat;
        padding: 0px 10px 3px 20px;
    }*/

.search-header .reports_legend {
    /*position:relative;*/
    /*bottom:30px;*/
    float: right;
    right: 5px;
    margin-top: 45px !important;
}

/* --------------------------------------------------------------
       	SEARCH RESULTS LIST
	  	------------------------------------------------------------- */
.search-data {
    background: #FFF;
    padding-top: 5px;
    /*border-top: 1px #720024 solid;*/
}

.pay-data {
    width: 99%;
    border-collapse: collapse;
    border: 2px #b9b9b9 solid;
    font-size: 12px;
    margin: 10px 3px 10px 3px;
    padding: 15px 20px;
    border-bottom: 2px #CCCCCC solid;
    border-top: 2px #CCCCCC solid;
}

#pmt-hist-content {
    overflow: hidden;
}

.pay-data th {
    color: #fff;
    background: #b9b9b9;
    border-right: 2px #d7d7d7 solid;
    border-bottom: 1px #fff solid;
    text-align: left;
    padding: 1px 5px;
    vertical-align: middle;
    font-size: 11px;
}

    .pay-data th.action {
        border-right: 0;
        text-align: center;
        padding: 2px 5px;
    }

        .pay-data td.action img,
        .pay-data th.action img {
            vertical-align: middle;
        }

    .pay-data th.more {
        width: 8px;
        border-right: 0;
    }

    .pay-data th.revert-cell,
    .pay-data tr.row1 td.revert-cell {
        width: 8px;
        border-right: 0;
        padding: 5px 0 !important;
    }

.pay-data .revert {
    background: url('images/cancelred.png') no-repeat;
    height: 17px;
    width: 13px;
    display: inline-block;
    float: left;
    margin: 0;
}

.pay-data td {
    border-right: 2px #f7f7f7 solid;
    border-bottom: 1px #fff solid;
    text-align: left;
    padding: 2px 5px;
    vertical-align: middle;
    color: #3d3d3d;
}

    .pay-data td.history-printCancelIcons {
        padding: 2px 4px;
    }

td.history-printCancelIcons img {
    float: left;
}

.pay-data .even td {
    background: #f1f1f1;
    font-size: 11px;
}

.pay-data .odd td {
    background: #fff;
    font-size: 11px;
}

.alerteven td {
    /*background: #f1f1f1;*/
    color: #D90000;
    font-weight: normal;
}

.pay-data td.last-cell {
    border-right-color: #b9b9b9 !important;
}

.pay-data td.more {
    width: 8px;
    border-right: 0;
}

    .pay-data td.more a {
        background: url('images/gridarrow.png') no-repeat scroll left center;
        height: 11px;
        width: 11px;
        display: inline-block;
        margin-left: 2px;
    }

.pay-data .date-time {
    width: 125px;
    text-align: left;
}

.pay-data .product {
    width: 120px;
    text-align: left;
}

.pay-data .payment_type {
    width: 100px;
    text-align: left;
}

.pay-data .total {
    width: 70px;
    text-align: center;
}

.pay-data .phone {
    width: 100px;
    text-align: center;
}

.pay-data .Qconfirmation {
    width: 100px;
    text-align: center;
}

.pay-data .Cconfirmation {
    width: 100px;
    text-align: center;
}

.pay-data .action {
    width: 120px;
}

.pay-data .payprint {
    margin-right: 20px;
    margin-left: 10px;
    background: url(images/print.png) no-repeat;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    display: inline-block;
}

.pay-data .payclose {
    margin-right: 20px;
    background: url(images/close1.png) no-repeat;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    display: inline-block;
}

.pay-data .paytrans {
    background: url(images/move.png) no-repeat;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    display: inline-block;
}


/* --------------------------------------------------------------
       	OPEN ROWS
	  	------------------------------------------------------------- */
.pay-data .opened td {
    background: #93b4b7 url('images/bg_row_open_sm.png') repeat-x scroll 0 0;
    border: 0;
    color: #333;
    padding: 5px;
}

    .pay-data .opened td.more a {
        background: url('images/gridarrowopen.png') no-repeat;
        height: 11px;
        width: 11px;
        display: inline-block;
        margin-left: 2px;
    }

.pay-data .opened.row1 td {
    background-image: url(images/bg_row_open.png);
    background-position: top left;
}

.pay-data .opened.row2 td {
    background-image: url(images/bg_row_open.png);
    background-position: bottom left;
}

.pay-data tr.row1 td {
    padding: 3px 5px 0 !important;
}

.pay-data tr.row2 td {
    padding: 0px 5px 2px !important;
}

.pay-data tr:hover td,
.pay-data tr.hover td,
.pay-data tr.row1:hover td,
.pay-data tr.row1.hover td {
    background: #22bfdc url('images/tablehover.png') repeat-x;
    border-right-color: #7fc8db;
    color: #fff;
    border-bottom-color: #22bfdc;
}

.pay-data tr.row2.hover td,
.pay-data tr.row2:hover td {
    background: #22bfdc;
    border-right-color: #7fc8db;
    color: #fff;
    border-color: #22bfdc;
}

.pay-data tr:hover td.more a,
.pay-data tr.hover td.more a {
    background-image: url(images/gridarrow1.png);
}

.pay-data .opened:hover td.more a,
.pay-data tr.opened.hover td.more a {
    background-image: url(images/gridarrowopen1.png);
}

.pay-data tr:hover td.action a.payprint, .pay-data tr.hover td.action a.payprint {
    background-image: url(images/print1.png);
}

.pay-data tr:hover td.action .payclose, .pay-data tr.hover td.action .payclose {
    background-image: url(images/cancel2.png);
}

.pay-data tr:hover td.action .paytrans, .pay-data tr.hover td.action .paytrans {
    background-image: url(images/move1.png);
}

/* --------------------------------------------------------------
       	CANCELED ROW
	  	------------------------------------------------------------- */
.pay-data .iscanceled td {
    background: #fff;
    border-right: 2px #fff solid;
    border-bottom: 0;
}

    .pay-data .iscanceled td.last-cell {
        border-right-color: #b9b9b9 !important;
    }


/**************************************************
            PAYMENT HISTORY DATA TABLE SEARCH RESULTS CSS
        ***************************************************/
div#tbl-payment-history_wrapper {
    padding-top: 0;
}

div#tbl-payment-history_filter {
    margin: -34px 0 5px 0; /*newly added on 7/31/13 */
}

    div#tbl-payment-history_filter label {
        margin-top: 0px !important;
    }

div#tbl-payment-history_length label {
    margin-top: 0 !important;
}

#customer-search td, #customer-search th {
    line-height: 25px;
}

/* --------------------------------------------------------------
       	DETAILS ROW
	  	------------------------------------------------------------- */
.pay-details {
}

    .pay-details td,
    .pay-data tr.pay-details:hover td {
        background: #ebf9ff url('images/openedbg.png') repeat-x scroll left top;
        border-right-color: #b9b9b9;
        border-bottom-color: #b9b9b9;
        color: #787e8e;
    }

.pay-detail p {
    margin-bottom: 8px;
}

.payment-detail {
    padding: 15px 10px 15px 37px;
    line-height: 19px;
    color: #6f6f6f;
}

.pay-data .pay-detail td {
    padding: 5px;
}

.payment-detail .total-payment {
    float: left;
    width: 320px;
}

.total-payment li {
    clear: both;
}

.total-payment .amt {
    width: 60px;
    text-align: right;
    float: left;
}

.total-payment .amtfor {
    float: left;
    width: 200px;
    margin-left: 6px;
}

.payment-detail .applied {
    float: left;
    width: 272px;
}

    .payment-detail .applied h5 {
        font-weight: normal;
        margin-top: 10px;
        font-size: 13px;
    }

.payment-detail .action {
    float: right;
    width: 190px;
}

.payment-detail h4 {
    margin-bottom: 4px;
    line-height: 24px;
    font-weight: normal;
    font-size: 13px;
}

    .payment-detail h4.title {
        border-bottom: 1px solid #b9b9b9;
        line-height: normal;
        margin-bottom: 10px;
        padding-bottom: 4px;
    }

.payment-detail .total_pay {
    background: #fff;
    border: 1px solid #b9b9b9;
    padding: 10px;
    margin-right: 30px;
    line-height: 22px;
}

.total_pay li.totalvalue {
    font-size: 16px;
    border-top: 1px solid #b9b9b9;
    padding-top: 5px;
    font-weight: bold;
}

.total_pay li.canclevalue {
    font-size: 16px;
    color: #f00;
    padding-top: 5px;
    font-weight: bold;
}

.payment-detail .action li {
    margin-bottom: 7px;
}

.pay-data .arrangeicon {
    background: url('images/arrangedata.png') 0 50% no-repeat;
    display: inline-block;
    width: 8px;
    height: 5px;
    vertical-align: top;
    margin-top: 7px;
    margin-left: 7px;
}

.pay-data .printicon {
    background: url('images/print.png') no-repeat scroll left center;
    padding-left: 21px;
}

.pay-data .cancelicon {
    background: url('images/close1.png') no-repeat scroll left center;
    padding: 2px 0 2px 21px;
}

.pay-data .transfericon {
    background: url('images/move.png') no-repeat scroll left center;
    padding-left: 21px;
}

.pay-data .refreshicon {
    background: url('images/refresh.png') no-repeat scroll left center;
    padding-left: 28px;
}

.pay-data h3 {
    font-size: 16px;
}

.pay-data .number {
    font-size: 15px;
}

.pay-data .alert {
    color: #f00;
    font-weight: bold;
}

.pay-data .error {
    color: #f00;
}

.pay-data .grandtotal {
    font-size: 15px;
    font-weight: bold;
}

/* --------------------------------------------------------------
       	SEARCH RESULTS REFRESH
	  	------------------------------------------------------------- */
.search-result .refresh {
    background: url(images/refresh.png) no-repeat;
    padding: 3px 25px;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
}



/* --------------------------------------------------------------
   FOOTER
----------------------------------------------------------------- */

.footer {
    padding: 10px 0 30px 0;
    margin-top: 2px;
    border-top: 1px #b9b9b9 solid;
    overflow: hidden;
    width: 100%;
}

.footernav {
    float: left;
    display: inline;
    padding-top: 5px;
}

    .footernav ul {
        float: left;
        display: inline;
        width: 650px;
        overflow: hidden;
    }

    .footernav li {
        float: left;
        padding: 0 9px;
        border-left: 1px solid #d0d0d0;
        color: #9a9a9a;
        font-size: 13px;
    }

        .footernav li.first {
            border: 0;
        }

        .footernav li.last {
            border: 0;
            float: right;
            color: #33b3b;
            font-weight: bold;
        }

a.needpaper {
    float: right;
    display: inline-block;
    padding: 5px 10px 0 22px;
    background: url(images/needpaper.png) 0 80% no-repeat;
    font-size: 13px;
}


/*.Brand {
background-color: green;
}*/
/* -------------------------------------------------------------------
	NEW ADDITIONS
----------------------------------------------------------------------- */

.brandName {
    color: #eeeeee;
    font-size: 20px;
    margin-left: 10px;
}

.welcome {
    background-color: #720024;
}


.sidenav .text {
    width: 200px;
    border: 2px #e4e4e4 solid;
    height: 25px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 22px;
}

.sidenav .btn {
    float: right !important;
}

.poststatus_sm {
    float: right;
    width: 20px;
    height: 19px;
    padding: 3px 0 0 2px;
    background: transparent url(images/bg_timetopost_sm.png) no-repeat;
    font-size: 11px;
    font-weight: bold;
    color: #848484;
    display: none; /*Hide Real-Time Indicator Temporarliy*/
}

.posttime {
    float: left;
    display: inline-block;
    margin: 0 4px 0 2px;
    width: 13px;
    height: 13px;
    background: url('images/posticon_sprite.png') no-repeat;
}

.poststatus .immediate {
    background-position: 0 0;
}

.poststatus .na {
    background-position: 0 -30px;
}

.disclamer {
    font-weight: bold;
    font-size: small;
    text-decoration: underline;
}

.disclamer_text {
    font-size: 12px;
    text-decoration: none;
    width: 100%;
}


.bottom_dashed {
    border-bottom: 1px dashed #CCCCCC;
}

/* old ICD style
    .icd
{
    padding-right: 5px;
    padding-left: 5px;
}*/

/*new ICD style*/

/*.input-prepend .icd:first-child,*/
.field .icd:first-child {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    padding-right: 10px;
}

.icd {
    height: 30px;
    background-color: #999;
    color: #FFF;
    padding-right: 5px;
    padding-left: 5px;
}

.editor-field {
    margin-bottom: 5px;
    padding: 5px;
    margin-left: 15px;
}

.editor-field, .label {
    font-weight: bold;
    padding: 5px;
    margin-left: 0px;
    white-space: nowrap;
    overflow: hidden;
}

.editor-field.calling-rates-field {
    white-space: normal !important;
}

#rateError {
    padding-left: 0px;
    font-size: 12px;
    font-weight: normal;
}

.sumdetails {
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
}

.editor-field, .field {
    padding: 5px;
}

.updateCustomModal {
    margin-left: 30px;
    margin-right: 30px;
}

/*.editor-field > .field > #ConfirmPhoneNumber, #PhoneNumber  {
        width: 100%;
    }*/

/*.editor-field > .field > #ConfirmPhoneNumber, #PhoneNumber
    {
        width: 100%;
        height: 30px;
    }*/

/*#ConfirmPhoneNumber, #PhoneNumber {
        width:100%;
        height:24px;
    }*/


#main {
    /*width: 650px;*/
    background-color: darkgrey;
    float: left;
}

.formblock {
}

.paymentinfo #PaymentMethod {
    /*width: 140px;*/ /*Comented by Damian to make dropdown fit in right Col*/
}

.main settings .sidenav .btn {
    float: right;
}

.sidenav > #Password {
    width: 300px;
    height: 35px;
}

.sidenav > input[type="password"] {
    width: 100%;
    height: 35px;
}

.sidenav > #username {
    width: 100%;
}

.float_right {
    float: right !important;
}

.float_left {
    float: left !important;
}

.margin-right20 {
    margin-right: 20px;
}

/*Class for Disabled Status*/
.disable, .disable:hover, .disable a, .disable:hover a {
    cursor: default !important;
    color: #B9B9B9;
    text-decoration: none;
    background: none;
}

/*eliminates amount received wrapping*/
/*----------------------------------------------------------------------------
         New Themes
-----------------------------------------------------------------------------*/

.generic {
    background: #CCCCCC;
    min-height: 150px;
}
    /* THEME */
    .generic .formcontent {
        background: #ffffff;
    }

.formcontent {
    clear: both;
}
/* THEME */
.security_dropdown {
    /*width: 290px;*/
    width: 100%; /*Damian Changed from 275px*/
    padding: 0 0 0 6px;
    height: 24px;
    background: #f8f8f8;
    border: 2px #e4e4e4 solid;
    line-height: 22px;
    font-size: 13px;
    margin: 0 10px 0 0;
}

.agreement_text {
    color: black;
    font-size: 12px;
    width: 200px;
    padding-top: 2px;
    float: right;
}

.height50 {
    height: 50px;
}

/* ------------------------------to hide uneeded  ----------------------*/
.hidfornow {
    display: none;
}
/* ------------------------------to hide uneeded  ----------------------*/

/*----------------------------------------------------------------------------
         Errors
-----------------------------------------------------------------------------*/
#validation-summary-container {
}

.validation-summary-errors {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/*max-width: 700px;*/

/*color: #FFFFFF;
    background-color: #FF0000;
    border-style: solid;
    border-width: 1px;
    padding: 20px 0 20px 0;
    width: 233px !important;
    margin-left: 0 !important;*/


.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    /*display: none;*/
}

input[readonly="readonly"] {
    background-color: silver;
}

input[type="submit"].btn {
    border: 0px;
    padding: 0px;
    height: 37px;
    line-height: 37px;
    margin: auto;
    float: none;
    cursor: pointer;
}


.loader {
    display: none;
    /*background: #fff;
    height: 100px;
    width: 300px;*/
}


label {
    margin-top: 15px;
}

/*------------- Pretty Error Message ------------------------*/

.big-message {
    display: block;
    position: relative;
    /*border-width: 1px;*/
    border-style: solid;
    line-height: 14px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
    /*padding: 16px 5px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: normal;
    color: white !important;
    line-height: 1.5;
}

    .big-message ul li {
        padding: 4px 10px 4px 10px;
    }

    .big-message strong {
        color: black;
        font-size: 18px;
        font-weight: normal;
    }

    .message.black-gradient, .big-message.black-gradient,
    .message.anthracite-gradient, .big-message.anthracite-gradient,
    .message.grey-gradient, .big-message.grey-gradient,
    .message.red-gradient, .big-message.red-gradient,
    .message.orange-gradient, .big-message.orange-gradient,
    .message.green-gradient, .big-message.green-gradient,
    .message.blue-gradient, .big-message.blue-gradient {
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 5px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 5px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 5px rgba(0, 0, 0, 0.4);
        color: rgba(255, 255, 255, 0.45);
    }

        .message.black-gradient, .big-message.black-gradient strong,
        .message.anthracite-gradient, .big-message.anthracite-gradient strong,
        .message.grey-gradient, .big-message.grey-gradient strong,
        .message.red-gradient, .big-message.red-gradient strong,
        .message.orange-gradient, .big-message.orange-gradient strong,
        .message.green-gradient, .big-message.green-gradient strong,
        .message.blue-gradient, .big-message.blue-gradient strong {
            color: white;
        }

    .big-message.black-gradient,
    .big-message.anthracite-gradient,
    .big-message.grey-gradient,
    .big-message.red-gradient,
    .big-message.orange-gradient,
    .big-message.green-gradient,
    .big-message.blue-gradient {
        color: rgba(255, 255, 255, 0.45);
    }

/*Blue*/

.blue-gradient, .blue-gradient:visited,
.blue-gradient > .select-value, .blue-gradient > .select-arrow {
    color: white;
    background: #00438d url(images/bg_blue-gradient.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#006aac), to(#00438d));
    background: -webkit-linear-gradient(top, #006aac, #00438d);
    background: -moz-linear-gradient(top, #006aac, #00438d);
    background: -ms-linear-gradient(top, #006aac, #00438d);
    background: -o-linear-gradient(top, #006aac, #00438d);
    background: linear-gradient(top, #006aac, #00438d);
    border-color: #004795;
}

/*Red*/
.red-gradient, .red-gradient:visited,
.red-gradient > .select-value, .red-gradient > .select-arrow {
    color: white;
    background: #d52607 url(images/bg_red-gradient.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#e24913), to(#d52607));
    background: -webkit-linear-gradient(top, #e24913, #d52607);
    background: -moz-linear-gradient(top, #e24913, #d52607);
    background: -ms-linear-gradient(top, #e24913, #d52607);
    background: -o-linear-gradient(top, #e24913, #d52607);
    background: linear-gradient(top, #e24913, #d52607);
    border-color: #931a03;
}

.block-arrow {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 1px 0 0 -6px;
    border: 6px solid transparent;
    border-top-color: inherit;
}

    .block-arrow > span {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        margin: -7px -6px -5px -6px;
        border: 6px solid transparent;
        border-top-color: #e4e7eb;
    }

.red-gradient > .block-arrow > span {
    border-top-color: #931a03;
}


/*new style from elliot*/
.breakword {
    word-break: break-all;
}

.width670px {
    width: 665px; /*Damian Changed from 670px*/
}


.btn-div {
    padding-top: 15px;
}

.child-element {
    padding-left: 15px;
    font-weight: normal;
}

.main-element {
    
    font-weight: normal;
}

.parent-element {
    font-weight: bold;
}

/* This allows to use 'width:100%' without container overflow for input fields. */
input[type="text"], input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/*SimpleModal    */
.simplemodal-overlay {
    background-color: black;
}

#toast-container .validation-summary-errors {
    max-width: 800px;
    padding: 0px 100px;
}

.headerheight {
    height: 50px;
    padding-top: 10px;
}

.width100 {
    width: 100%;
}

div.success-notification-success {
    padding: 10px;
    font-weight: bold;
    background-color: #CCFFCC;
    border: 1px solid #339966;
    color: #006600;
    font-size: 1.0em !important;
}

.input_row {
    padding: 5px 10px 5px 10px;
    height: 25px;
    margin-bottom: 15px;
}

.input_row-asurion {
    padding: 5px;

}
.input_row-asurion h2 {
    color: #000;
    font-weight: bold;
    font-size: 16px;
}
.tight {
    height: 15px;
    margin: 0;
}

.reg_inputs {
    padding-right: 10px; /*Change by Damian from width:33%*/
    float: left;
}
/*Fixed Width for labels and Values alignment*/
.reg_inputs-fixedWidth {
    padding-right: 10px; /*Change by Damian from width:33%*/
    float: left;
    width: 140px;
}

.reg_inputs-mtr_fixedWidth {
    padding-right: 10px; /*Change by Damian from width:33%*/
    float: left;
    width: 150px;
}

.reg_inputs-clr_fixedWidth {
    padding-right: 10px; /*Change by Damian from width:33%*/
    float: left;
    width: 120px;
}
/*CSS for new 123-Star PaymentPage*/
.reg-star_inputs {
    /*width: 22%;*/
    float: left;
    padding-right: 10px;
}

/*CSS Ellipsis Customer Name so it does not break layout*/
.customerName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

.reg-star_inputs.reg_links {
    float: right;
    text-align: right;
    text-decoration: underline;
    width: auto;
}

ul.resource-linksList {
    list-style: none;
    margin-left: 50px;
}

    ul.resource-linksList li {
        border-bottom: 2px solid #d7d7d7;
        line-height: 40px;
        padding: 3px 0 3px 0;
    }

        ul.resource-linksList li:last-child {
            border: none;
        }

        ul.resource-linksList li a {
            font-weight: bold;
        }

/*Rigth Links Icons*/
.resource-icon {
    float: left;
    height: 38px;
    padding-right: 10px;
}

.rates-icon {
    background: url('images/search_rates-icon.png') no-repeat;
    width: 33px;
    height: 36px;
}

.access-icon {
    background: url('images/search_numbers-icon.png') no-repeat;
    width: 33px;
    height: 34px;
}

.callback-icon {
    background: url('images/callback-icon.png') no-repeat;
    width: 33px;
    height: 38px;
}

.moreproducts-icon {
    background: url('images/more_products-icon.png') no-repeat;
    width: 33px;
    height: 46px;
}
/************************************/
.success-modal {
    color: white;
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    /*width: 520px;*/
    /* this is for the background image */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background-image: linear-gradient(-180deg,rgb(137,197,137) 0%,rgb(81,163,81) 100%) !important; /* this is for the rounded corners */
    /* this is for the background image */
}

    .success-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: white;
        text-shadow: 0 -1px 1px rbga(0,0,0,.6);
        font-weight: bold;
        cursor: pointer;
    }

.modal-error .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: white;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
}

.modal-error {
    color: white;
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    /*width: 520px;*/
    /* this is for the background image */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 6px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd90000,endColorstr=#ff8c0000,GradientType=0)";
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background-image: linear-gradient(-180deg,rgb(217,0,0) 0%,rgb(140,0,0) 100%) !important; /* this is for the background image */
}


.notification {
    /*
    background-color: #faf2f2;
    width: 400px;
    color: #333;
    border: 1px solid #edbcbd;*/
    padding: 10px;
    margin: 20px -40px;
    font-size: 1.0em !important;
    /*border-radius: 3px;*/
    font-weight: normal;
    display: none;
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 20px;
}

.formcontent {
    background-color: #FFF;
}

.formCenter {
    background-color: #FFF;
}

/*Phone Input Field on Edit Profile Page*/

input#PhoneNumber {
    /*width:100%;*/
}

    input#PhoneNumber.profilePhoneNum {
        width: auto;
    }

/*CSS for ConfirmationId input Field*/
input#confirmationid.confirmationId-input {
    width: 120px;
}

input[type="text"].text {
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.mediumSize {
    width: 300px;
    height: 35px;
}

.validation-summary-errors ul li {
    background-image: url(https://s.yimg.com/lq/i/reg/login/loginsprite_2_18_2010.png);
    background-position: left -197px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.elevated-permissions {
    background-color: #E4E4E4;
    padding: 10px;
    padding-top: 17px;
}

.basic-permission {
    width: 260px !important;
}

.profiledetail ul.info {
    overflow: auto;
    margin-top: 5px;
}

    .profiledetail ul.info li {
        float: left;
        padding: 0 8px;
        border-left: 1px solid #cfd4dc;
    }

        .profiledetail ul.info li:first-child {
            border-left: 0px none;
            padding-left: 0px;
        }

.elevated-permissions .label {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
}

.elevated-permissions .field {
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

    .elevated-permissions .field input {
        width: 100%;
        height: 30px;
        line-height: 30px;
    }

.elevated-permissions .buttons {
    margin-top: 10px;
    overflow: auto;
}

span.separator {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
}

#createuser input[type="text"], #createuser input[type="password"] {
    height: 25px;
    line-height: 25px;
}


.submit_btn {
    margin: 5px 20px 0 15px;
    width: 100px;
    height: 35px;
    border: 1px solid #666;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    float: right;
    /* Firefox v3.6+ */
    /* safari v4.0+ and by Chrome v3.0+ */
    /* Chrome v10.0+ and by safari nightly build*/
    /* Opera v11.10+ */
    /* IE v10+ */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff31c100,endColorstr=#ff418d41,GradientType=0)";
    background-image: linear-gradient(180deg,rgb(49,193,0) 0%,rgb(65,141,65) 100%); /* Firefox v1.0+ */
    /* Safari v3.0+ and by Chrome v0.2+ */
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}

.submit_blue_btn {
    background: url(images/processpayment.png) repeat-x;
    margin: 5px 20px 0 15px;
    width: 100px;
    height: 35px;
    border: 1px solid #666;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    float: right;
    /* Firefox v1.0+ */
    -moz-border-radius: 4px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 4px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff31c100,endColorstr=#ff418d41,GradientType=0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff31c100,endColorstr=#ff418d41,GradientType=0);
}


.cancel_btn {
    margin: 5px 10px 0 10px;
    width: 100px;
    height: 35px;
    border: 1px solid #666;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    float: right;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffececfb,endColorstr=#ffa8a8b7,GradientType=0)";
    background-image: linear-gradient(180deg,rgb(236,236,251) 0%,rgb(168,168,183) 100%); /* Firefox v1.0+ */
    /* Safari v3.0+ and by Chrome v0.2+ */
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
}


.editor-field > .field > #modal-login-password, #modal-login-username {
    width: 100%;
}

/*Input fields in Cancell Confirm Pop-Up*/
.editor-field > .field > .confirmCancel-field {
    width: 200px !important;
}

/*Modal Input-Button fields CSS*/

#modal-account input[type="button"] {
    background-color: #444444;
    border: 1px solid #444;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 7%;
    cursor: pointer;
}

#modal-account div.action {
    text-align: center;
}

#modal-numbers input[type="button"] {
    background-color: #444444;
    border: 1px solid #444;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 7%;
    cursor: pointer;
}

#modal-numbers div.action {
    text-align: center;
}

#ratestable.reveal-modal input[type="button"] {
    background-color: #444444;
    border: 1px solid #444;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 7%;
    cursor: pointer;
}

#ratestable.reveal-modal div.action {
    text-align: center;
    margin-bottom: 20px;
}

div.ui-datepicker {
    font-size: 13px;
}

.print-icon, .cancel-icon {
    cursor: pointer;
}

/*Print Pin check box*/
.margin0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.print-pin {
    margin: 15px 0px 5px 65px;
    font-weight: bold;
}

    .print-pin span {
        position: absolute;
        font-size: 13px;
    }

.historyPage-icon {
    float: left;
}


#modal-terms h2 {
    text-align: center;
    padding: 5px;
}

#modal-terms p {
    font-weight: normal;
    white-space: normal;
    padding: 5px 0;
}

#modal-terms input[type="button"] {
    background-color: #444444;
    border: 1px solid #444;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 7%;
    cursor: pointer;
}

#modal-terms div.action {
    text-align: center;
}


#modal-confirm input[type="button"] {
    background-color: #444444;
    border: 1px solid #444;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 7%;
    cursor: pointer;
}

#modal-dupcheck input[type="button"] {
    background-color: #444444;
    border: 1px solid #444;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 7%;
    cursor: pointer;
}

#modal-confirm-plandetail input[type="button"] {
    background-color: #444444;
    border: 1px solid #444;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 7%;
    cursor: pointer;
}


#updateCustomerInfoDiv input[type="button"] {
    background-color: #444444;
    border: 1px solid #444;
    color: #FFF;
    padding: 7px;
    text-transform: uppercase;
    margin-right: 7%;
    cursor: pointer;
}

#modal-confirm div.action,#modal-dupcheck div.action,#modal-confirm-plandetail div.action  {
    text-align: center;
}

#updateCustomerInfoDiv div.action {
    text-align: center;
}

#modal-error {
    width: 300px !important;
}

/*new addition 5/3/13*/
.rolepermission {
    width: 220px;
    float: left;
    background: url('images/menubg.png') repeat-x left top; /*min-height: 50px;*/
}

    .rolepermission:hover {
        width: 220px;
        float: left;
        z-index: 1000;
        background: none;
        background-color: #720024;
    }

        /*.rolepermission:hover ul.checked-items { display:block;position: absolute;min-height: 150px;width: 200px; border:1px solid #CCCCCC; }*/

        /*CSS that will resize dropdown area based on the amount of conent in it - This is also compatible in Internet Explorer*/
        .rolepermission:hover ul.checked-items {
            display: block;
            position: absolute;
            width: 200px;
            border: 1px solid #CCCCCC;
            min-height: 20px;
            height: auto !important;
            height: 20px;
        }


    .rolepermission ul.checked-items {
        background: #FFFFFF;
        display: none;
        z-index: 1000;
        position: absolute;
    }
/*new addition 5/3/13*/


/*new style for Promo Section*/

.formR_promo {
    background-color: rgb(255,255,255);
    float: right;
    padding: 5px;
    width: 295px;
    /* Firefox v1.0+ */
    -moz-border-radius: 5px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 5px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 5px;
    /* Firefox v3.5+ */
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#4d000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#4d000000,Positive=true);
}

.promo_text .header {
    font-size: 24px;
    font-weight: bolder;
    border-bottom: solid 2px #1C7AA2;
    padding: 0;
    color: #1C7AA2;
}

.promo_text .body {
    font-size: 14px;
    font-weight: bold;
    color: #4F656F;
    line-height: 22px;
}


/*new style for Promo Section*/





/* Modal Login Properties*/
#modal-login {
    padding: 40px;
    border-radius: 0;
}

    #modal-login input[type="text"], #modal-login input[type="password"] {
        width: 100%;
        height: 32px;
        line-height: 32px;
        font-size: 15px;
        direction: ltr;
    }

    #modal-login input[type="button"] {
        background-color: #444444;
        border: 1px solid #444;
        color: #FFF;
        padding: 7px;
        text-transform: uppercase;
        margin-right: 7%;
        cursor: pointer;
    }

    #modal-login div.action {
        text-align: center;
    }
/*End Modal Login Properties */

/*new ICD style*/
.icd_code {
    height: 20px;
    width: 10%;
    background-color: #CCC;
    color: #FFF;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    border: 2px solid #CCC;
    float: left;
}

.icd_number {
    width: 80% !important;
}


#roundup, .roundup {
    margin-left: 10px !important;
    vertical-align: bottom !important;
    cursor: pointer !important;
}

.stronger {
    font-weight: bold;
}


/*Internation Dial Code Classes*/

/*.input-prepend {
font-weight: bold;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
    }*/


/*.input-prepend .icd:first-child {
             border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;

    }*/


/*.input-prepend .icd,*/
.field .icd {
    margin-right: -1px;
    color: #555555;
    font-weight: bold;
    text-shadow: none;
    border-width: 2px;
    border-color: #dce4ec;
    background: #dce4ec;
    vertical-align: middle;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 6px 5px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

    .field .icd + input.text-box {
        border-left: 1px solid #DCE4EC;
    }

/*.input-prepend .text-box,*/
.field .text-box {
    display: inline-block;
    border-width: 2px;
    margin-top: -3px;
    /*IE Hack*/
    margin-top: -4px\0/; /* IE 8 & 9 */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 190px;
    vertical-align: top;
    position: relative;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    font-size: 14px;
    float: none;
    margin-left: -3px;
    background-color: white;
    border: 1px solid #a9a9a9;
    -webkit-transition: border linear .2s box-shadow linear .2s;
    -moz-transition: border linear .2s box-shadow linear .2s;
    height: 20px;
    padding: 3px 5px;
    line-height: 20px;
    color: #555555;
    min-height: 1px;
    font-weight: normal;
    white-space: nowrap;
}





/* --------------------------------------------------------------
       	Report Summary
------------------------------------------------------------- */
.summaryblocks {
    margin: 45px 0 0;
    background: #eeeeee;
}

    .summaryblocks h2 {
        border-bottom: 1px #bbbbbb solid;
        padding-bottom: 4px;
        font-size: 18px;
        font-weight: normal;
        padding-left: 12px;
    }
/*Added height so that the My Profile page would no longer skip divs causing blocks of space*/
.summaryblock {
    float: left;
    width: 32%;
    font-size: 12px;
    margin: 10px 5px 30px 5px;
    border: 1px #bbbbbb solid;
    background: #f1f1f1;
    /*height: 215px;*/
}

    .summaryblock.mid {
        margin-left: 20px;
        margin-right: 10px;
        /*height: 185px;*/
    }

    .summaryblock h3 {
        background: #bbbbbb;
        font-size: 15px;
        padding: 5px 8px;
        color: #3d3d3d;
    }

    .summaryblock h4 {
        font-size: 13px;
        font-weight: normal;
    }

.summarydetail {
    padding: 3px 8px;
    color: #3d3d3d;
}

    .summarydetail p {
        margin-bottom: 10px;
    }

    .summarydetail li {
        background: url('images/correctbullet.png') no-repeat scroll left center;
        padding-left: 10px;
    }


/*      new styles added 6/4/13*/

#PinPhoneNumber {
    width: 100%;
}

.payment-label {
    border-bottom: 2px #720024 solid;
    padding-bottom: 5px;
    font-size: 100%;
    font-weight: bold;
    margin: 0px 0 10px;
    line-height: 20px;
}

/*RealTime Indicator CSS*/
.reatime-indicator {
    float: right;
    margin: 0 0 5px;
}

.indicator-on {
    background: url('images/signal-indicator-icon-on.png') no-repeat;
    height: 22px;
    width: 24px;
}

.indicator-off {
    background: url('images/signal-indicator-icon-off.png') no-repeat;
    height: 22px;
    width: 24px;
}

.invalid-code {
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
}

.valid-code {
    font-size: 12px;
    font-weight: bold;
    color: #00B200;
}

.notsetup-code {
    font-size: 12px;
    font-weight: bold;
    color: #FF4000;
}


@media print {
    .printable {
    }

    .non-printable, .searchbar, .footer {
        display: none;
    }
    /*:not(.printable) {
        display: none;
    }*/
}


#SprintLastName {
    display: inline-block;
    border-width: 2px;
    margin-top: -4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 190px;
    vertical-align: top;
    position: relative;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    font-size: 14px;
    float: none;
    margin-left: -3px;
    background-color: white;
    border: 1px solid #dee4ec;
    -webkit-transition: border linear .2s box-shadow linear .2s;
    -moz-transition: border linear .2s box-shadow linear .2s;
    height: 20px;
    padding: 3px 5px;
    line-height: 20px;
    color: #555555;
    min-height: 1px;
    font-weight: normal;
    white-space: nowrap;
}

.controlcenter_button {
    height: 37px;
    width: 120px;
    background: url(images/tallbuttonbg.png) repeat-x left top;
    border: 0;
    text-align: left;
    padding: 3px 10px;
    color: #fff !important;
    font-size: 15px;
    font-weight: bold;
    float: right;
    vertical-align: baseline;
    margin: 10px 5px 5px 0;
    text-decoration: none;
}

.printit {
    background: url(images/print2.png) no-repeat;
    padding-right: 20px;
    font-size: 12px !important;
    margin: 0 0 0px 10px;
    text-align: left;
    background-position: right;
}

.width65 {
    width: 65%;
}

/*IE8 TextBox and Select Alignment Fix*/
#createuser td {
    vertical-align: bottom !important;
}

.refreshit {
    background: url(images/refresh.png) no-repeat;
    padding-right: 20px;
    font-size: 12px !important;
    margin: 0 0 5px 10px;
    text-align: left;
    background-position: right;
}

.ellipsis {
    text-overflow: ellipsis;
}

/*Cancel Order Reason Dropdown*/
.ddl-cancel-reason {
    margin: 0 0 5px 0;
    font-size: 12px;
    width: 200px;
    height: 22px !important;
}



#txt-free-text {
    resize: none;
    width: 300px;
    white-space: normal;
    overflow: auto;
}

div.free-text label {
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    margin-right: 7px;
}


/*Content Modal Word Wrapping CSS*/

#content-modal {
    word-wrap: break-word;
}

/*Bottom Border Dashed*/
.border-bottom {
    border-bottom: 1px solid #CCC;
    margin: 15px 0;
}

.border-topNone {
    border-top:0px !important;
}

.padding-top0 {
    padding-top: 0px !important;
}

.padding-bottom0 {
    padding-bottom: 0px !important;
}
/* new css for Cancel Confirmation section*/
div.original {
    background: #b9b9b9 url(images/bg_original.png) no-repeat left center;
    color: #fff;
}

div.cancellationInfo {
    background: #b9b9b9 url(images/bg_cancel.png) no-repeat left center;
    color: #fff;
}

div.original h3,
div.original h3 {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    width: 250px;
    padding: 0 0 0 30px;
    line-height: 44px;
    vertical-align: top;
}

div.cancellationInfo h3 {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    width: 250px;
    padding: 0 0 0 25px;
    line-height: 44px;
    vertical-align: top;
}

div.item-details .qpay-cancel-confirm-id {
    margin: 0px 12px 10px 12px;
    line-height: 17px;
}

.cancel-confirmation {
    float: left;
    margin: 5px;
}

    .cancel-confirmation span {
        margin: 5px;
        font-weight: bold;
        color: #000;
    }

ul.cancel-confirmation {
    margin: 15px 10px 15px 16px;
    width: 400px;
    color: #6E6E6E;
}

    ul.cancel-confirmation li.cancel-reason span {
        vertical-align: top;
        margin: 0 5px 0 0;
        font-weight: normal;
        float: left;
        color: #6E6E6E;
    }

    ul.cancel-confirmation li.cancel-reason textarea {
        resize: none;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
        overflow: auto;
        width: 280px;
        /*height:50px;*/
        border: none;
    }

    ul.cancel-confirmation li {
        margin: 7px 0;
        clear: left;
    }

        ul.cancel-confirmation li label {
            display: inline;
            font-weight: bold;
            color: #000;
        }

/*New Register Page CSS*/

div.register-form table td {
    padding: 5px 20px 0 0;
}

    div.register-form table td label {
        font-weight: bold;
        margin-top: 5px;
    }

    div.register-form table td label, div.register-form table td input {
        color: #000;
    }

.inlinelabel {
    display: inline-block !important;
}

.formbtn a.btn_cancel {
    float: left;
    margin: 10px 0 0 80px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

/*New CSS For the Phone Numbers Partial View*/

#phonenumbers ul {
    margin: 10px 0 0 0px;
}

    #phonenumbers ul li {
        padding: 0 20px 10px 0; /*New CSS by Damian from  10px 90px 10px 0px */
        float: left;
        /*display: inline;*/ /*Comented by Damian*/
        color: #6F6F6F;
        font-size: 14px;
        font-weight: bold;
    }

        #phonenumbers ul li img {
            padding: 2px;
            height: 8px;
            width: 8px;
            vertical-align: top;
            background-color: #387BA2;
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            -o-border-radius: 20px;
            behavior: url(PIE.htc);
        }

#phonenumbers #numbers img {
    padding: 4px;
    margin-top: 5px;
    height: 10px;
    width: 10px;
    vertical-align: top;
    background-color: #387BA2;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    behavior: url(PIE.htc);
}

#phonenumbers #numbers a {
    cursor: pointer;
}

#existingPhonesDiv ul {
    margin: 10px 0 0 0px;
    width: 300px;
}

    #existingPhonesDiv ul li {
        padding: 3px 10px;
        margin: 5px 5px 10px 0;
        float: left;
    }

        #existingPhonesDiv ul li span {
            font-weight: normal;
        }

        #existingPhonesDiv ul li a {
            padding-left: 5px;
        }

        #existingPhonesDiv ul li img {
            padding: 2px;
            height: 8px;
            width: 8px;
            vertical-align: top;
            background-color: #387BA2;
            border-radius: 20px;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            -o-border-radius: 20px;
            behavior: url(PIE.htc);
        }

#existingPhonesDiv #numbers a {
    cursor: pointer;
}

/*Update Customer Info Modal CSS*/

#updateCustomerInfoDiv .label {
    padding-left: 0;
}

#updateCustomerInfoAddNewPhoneNumberButton img {
    padding: 4px;
    height: 10px;
    width: 10px;
    margin: 3px;
    vertical-align: top;
    background-color: #387BA2;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    behavior: url(PIE.htc);
}

/* TextBox Formatting for RPPS View */
.secureoptions .editor-field .label,
.secureoptions .editor-field .field {
    padding: 0 !important;
    color: #6f6f6f;
    font-size: 13px;
    font-weight: bold;
}


.payment_subhead a {
    text-decoration: underline !important;
}


span.helper {
    color: #b50101; /* #777777;*/
    font-size: 11px;
    font-weight: normal;
}


#Product {
    width: 270px !important;
    margin-left: 0px !important;
    height: 25px !important;
}

/*Receipt Customize New CSS */
.receipt-desc {
    width: 230px;
    height: 300px;
    float: left;
    margin-right: 10px;
}

.L-customerInfo-pane {
    border-right: 1px dashed #cccccc;
    /*margin: 10px 0 0 0;*/
    padding-bottom: 5px;
    background: #fff;
    width: 290px;
    float: left;
}

    .L-customerInfo-pane .input_row {
        padding: 5px;
    }

    .L-customerInfo-pane .ellipsis {
        text-overflow: ellipsis;
        width: 110px;
        overflow: hidden;
        white-space: nowrap;
    }

    .L-customerInfo-pane .clear-ellipsis {
        text-overflow: ellipsis;
        width: 130px;
        overflow: hidden;
        white-space: nowrap;
    }

.customerInfo-pane {
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;
    /*margin: 10px 0 0 0;*/
    padding-bottom: 5px;
    background: #fff;
}

.cust-info-links {
    margin: 10px 0;
    font-size: 12px;
    color: #006DCC;
    font-weight: bold;
}

    .cust-info-links a {
        text-decoration: underline;
        margin-right: 25px;
    }

    .cust-info-links .reg_inputs {
        margin-right: 20px;
    }

.new-payment_subhead {
    background-color: #FFFFFF;
    float: left;
    height: inherit;
    padding-left: 8px;
    width: 670px;
    padding-bottom: 10px;

}

    .new-payment_subhead.border-bottom{ margin: 0 0 15px 0;}

.receipt-desc ul li {
    font-size: 12px;
    color: #7F7F7F;
}

    .receipt-desc ul li.top-message-lbl {
        margin: 40px 0;
    }

        .receipt-desc ul li.top-message-lbl span.dir-line {
            width: 92px;
            height: 2px;
            background-color: #720024;
            position: absolute;
            margin-left: 10px;
            margin-top: 6px;
        }

    .receipt-desc ul li.store-address-lbl {
        margin: 60px 0 50px 0;
    }

        .receipt-desc ul li.store-address-lbl span.dir-line {
            width: 135px;
            height: 2px;
            background-color: #720024;
            position: absolute;
            margin-left: 10px;
            margin-top: 6px;
        }

    .receipt-desc ul li.store-phone-lbl {
        margin: 20px 0;
    }

        .receipt-desc ul li.store-phone-lbl span.dir-line {
            width: 135px;
            height: 2px;
            background-color: #720024;
            position: absolute;
            margin-left: 10px;
            margin-top: 6px;
        }

    .receipt-desc ul li.bottom-message-lbl {
        margin: 120px 0 20px 0;
    }

        .receipt-desc ul li.bottom-message-lbl span.dir-line {
            width: 73px;
            height: 2px;
            background-color: #720024;
            position: absolute;
            margin-left: 10px;
            margin-top: 6px;
        }

    .receipt-desc ul li span.dir-dot {
        background: url('images/red-dot.png') no-repeat 0 2px;
        height: 12px;
        width: 10px;
        float: right;
        margin-top: -6px;
    }

span.secondary-sm-msg {
    font-size: 10px;
    font-style: italic;
}

.receipt-template {
    width: 240px;
    /*height: 388px;*/
    border: 1px solid;
    float: left;
    font-size: 12px;
}

.top-customText {
    width: 228px;
    height: 75px;
    margin: 5px;
    border: 1px solid;
}

    .top-customText input {
        width: 228px;
    }

.store-addressText {
    margin: 30px 10px;
    height: 60px;
    overflow: auto;
}

.payment-infomationLabel {
    margin: 20px 5px;
    border-top-style: dashed;
    border-top-color: #7F7F7F;
    border-top-width: 2px;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    border-bottom-color: #7F7F7F;
}

    .payment-infomationLabel label {
        margin: 10px 5px !important;
        font-size: 12px !important;
        color: #7F7F7F;
    }

.store-phone {
    width: 228px;
    height: 25px;
    margin: 5px;
    border: 1px solid;
}

    .store-phone input {
        width: 228px;
    }

.bottom-customText {
    width: 228px;
    height: 75px;
    margin: 5px;
    border: 1px solid;
}

    .bottom-customText input {
        width: 228px;
    }
/*#ProductLinksSection li {
    clear: both;
    float: left;
width: 90%;
}*/


/*Terms of Use CSS*/
.terms-of-use {
    margin: 10px 20px;
}

    .terms-of-use hr {
        background: #CCCCCC;
        height: 2px;
        border: none;
    }

    .terms-of-use h2 {
        padding: 10px 0;
    }

    .terms-of-use p {
        padding: 10px 0px;
    }
/*Terms and Conditions List CSS*/
ul.terms-condList {
    padding: 10px !important;
    font-weight: normal;
}

    ul.terms-condList li {
        list-style-type: disc;
    }
/***Used on EOD Report ( End of Day) */
.nowrap {
    white-space: nowrap;
}

.normal-wrap {
    white-space: normal;
}

.overflow-none {
    overflow: visible;
}

.font-weight-normal {
    font-weight: normal;
}

#paymentsectionblock {
    border: solid 5px #cccccc;
    padding-top: 5px;
    background-color: #fff;
}

.editable-fee {
    width: 45px;
    text-align: right;
    float: right;
    padding-right: 3px;
    margin-right: 5px;
}
/*Custom Fee CSS*/
#CustomFee {
    text-align: right;
    padding-right: 5px;
}

/*System Message Css*/
.system-message_wrap {
    padding: 3px;
    background-color: #EB2629;
    overflow: hidden;
    margin: 1px;
    display: none;
}

.system-message-infoIcon {
    background: url(../Images/system-message-info-icon.png) 0 5px;
    background-repeat: no-repeat;
    width: 45px;
    height: 80px;
    position: absolute;
    z-index: 10;
    float: left;
}

.system-message {
    width: 94%;
    background-color: #fff;
    color: #000;
    float: right;
    padding: 10px;
}

.system-message-header {
}

.system-message-body {
    padding-top: 5px;
    font-size: 13px;
}

.system-message-header {
    font-weight: bold;
    overflow: auto;
    width: 100%;
}

.system-message-buttons {
    text-align: right;
    cursor: pointer;
}

    .system-message-buttons a {
        color: #FF0000;
    }


/*System Message Css*/
.carrier-message_wrap {
    padding: 3px;
    background-color: #EB2629;
    overflow: hidden;
    margin: 1px;
}

.carrier-message-infoIcon {
    background: url(../Images/system-message-info-icon.png) 3px 5px;
    background-repeat: no-repeat;
    width: 45px;
    height: 80px;
    position: absolute;
    /*z-index: 10;*/
    float: left;
}

.carrier-message {
    width: 91%;
    background-color: #fff;
    color: #000;
    float: right;
    padding: 10px;
}

.carrier-message-header {
}

.carrier-message-body {
    padding-top: 5px;
    font-size: 13px;
}

.carrier-message-header {
    font-weight: bold;
    overflow: auto;
    width: 100%;
}

.carrier-message-buttons {
    text-align: right;
    cursor: pointer;
}

    .carrier-message-buttons a {
        color: #FF0000;
    }

.closeSysMsg {
    background-image: url(../Images/closeMsg-btn.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}

.openSysMsg {
    background-image: url(../Images/openMsg-btn.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
}


/*New CSS for Platform new Feel*/
.new-container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 10px;
    width: 970px;
}


.new-header {
    font-size: 14px;
    min-height: 60px;
    padding: 5px 0;
}

.new-topnav {
    border-bottom: 1px solid #E5E5E5;
    height: 18px;
    overflow: auto;
    padding-bottom: 7px;
}

    .new-topnav ul {
        float: right;
        text-align: right;
        font-size: 12px;
    }

    .new-topnav li {
        border-left: 1px solid #CFD4DC;
        float: left;
        padding: 0 8px;
    }

        .new-topnav li.user {
            border: 0 none;
            color: #999999;
            overflow: hidden;
            padding-left: 0;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 360px;
        }

        .new-topnav li.branch {
            color: #999999;
        }

.new-navbar {
    float: left;
    width: 665px;
}

.new-nav-colR {
    background-color: #E4E4E4;
    float: right;
    height: 105px;
    width: 290px;
    border-radius: 4px;
    /* Firefox v1.0+ */
    -moz-border-radius: 4px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 4px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 4px;
    position: relative;
    z-index: 0;
    behavior: url(/Content/PIE.htc);
}

.new-mainnav {
    overflow: auto;
}

    .new-mainnav li {
        float: left;
        height: 43px;
        margin-right: 10px;
        overflow: hidden;
        width: 212px;
    }

        .new-mainnav li.report {
            border-right: 0;
            margin-right: 0;
        }
        /* LAST NAV ITEM */

        .new-mainnav li a {
            color: #e6e6e6;
            display: block;
            height: 43px;
            font-size: 18px;
            line-height: 43px;
            text-decoration: none;
        }

            .new-mainnav li a.active {
                background-color: #3598DB;
                border-color: #3598DB;
                color: #ffffff;
                border-radius: 4px;
                /* Firefox v1.0+ */
                -moz-border-radius: 4px;
                /* Safari v3.0+ and by Chrome v0.2+ */
                -webkit-border-radius: 4px;
                /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
                position: relative;
                z-index: 0;
                behavior: url(/Content/PIE.htc);
            }

    /* THEME */
    .new-mainnav .active {
        border-radius: 4px;
        /* Firefox v1.0+ */
        -moz-border-radius: 4px;
        /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-border-radius: 4px;
        /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
        position: relative;
        z-index: 0;
        behavior: url(/Content/PIE.htc);
    }

    .new-mainnav .tab-text {
        border-width: 1px;
        border-style: solid;
        border-color: #086D97 !important;
        /*background-color: #000080;*/
        color: #086D97;
        float: left;
        height: 41px;
        width: 158px;
        border-radius: 0px 4px 4px 0px;
        /* Firefox v1.0+ */
        -moz-border-radius: 0px 4px 4px 0px;
        /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-border-radius: 0px 4px 4px 0px;
        /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
        position: relative;
        z-index: 0;
        behavior: url(/Content/PIE.htc);
    }

    .new-mainnav li:hover a > div.icon {
        border-right: 2px solid #FFFFFF;
    }

    .new-mainnav li:hover {
        border: none;
    }

        .new-mainnav li:hover a > div.tab-text {
            border: 0px !important;
        }

        .new-mainnav li:hover a > div {
            color: #FFF;
            background-color: #3598DB !important;
            height: 43px;
        }

    .new-mainnav .active .tab-text {
        background-color: #3598DB !important;
        border: 0 none !important;
        height: 43px;
        width: 158px;
        color: #fff;
    }

    .new-mainnav .tab-text .text {
        font-size: 18px;
        height: 43px;
        line-height: 43px;
        margin-left: 5px;
    }

    .new-mainnav .icon {
        background-color: #086D97 !important;
        background-position: 12px 10px !important;
        border-radius: 4px 0 0 4px;
        border-right: 2px solid #FFFFFF;
        display: inline-block;
        height: 43px !important;
        margin: 0 !important;
        vertical-align: top;
        width: 50px !important;
        float: left;
    }

    .new-mainnav .active .icon {
        background-color: #3598DB !important;
    }

    .new-mainnav .pay .icon {
        background-image: url(images/payicon.png);
        background-repeat: no-repeat;
        width: 23px;
        height: 23px;
        margin: 10px 14px 0 14px;
    }

    .new-mainnav .modify .icon {
        width: 33px;
        height: 25px;
        background: url(images/modifyicon.png) no-repeat;
        margin: 10px 0px 0 14px;
    }

    .new-mainnav .report .icon {
        width: 20px;
        height: 22px;
        background: url(images/report.png) no-repeat;
        margin: 10px 14px 0 14px;
    }
/* --------------------------------------------------------------
   SEARCH
----------------------------------------------------------------- */
.new-searchbar {
    height: 40px;
    margin: 15px 0 20px 0;
    width: 655px;
    float: left;
}

.new-searchbox {
    float: left;
    width: 655px;
    height: 36px;
    position: relative;
    z-index: 1;
    border-radius: 4px;
}

    .new-searchbox .new-searchterm {
        float: left;
        width: 605px;
        height: 45px;
        padding: 0 10px;
        background: #fff;
        border: 1px solid #BDC3C7;
        font-size: 18px;
        color: #267fa4;
        margin-right: 5px;
        border-radius: 6px 0px 0px 6px;
        /* Firefox v1.0+ */
        -moz-border-radius: 6px 0px 0px 6px;
        /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-border-radius: 6px 0px 0px 6px;
        /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
        position: relative;
        z-index: 0;
        behavior: url(/Content/PIE.htc);
    }

    .new-searchbox .new-search_btn {
        float: left;
        height: 45px;
        width: 45px;
        background: url(images/searchbg.png) no-repeat 10px 10px;
        border: 2px solid #BDC3C7;
        background-color: #BDC3C7;
        border-radius: 0px 6px 6px 0px;
        /* Firefox v1.0+ */
        -moz-border-radius: 0px 6px 6px 0px;
        /* Safari v3.0+ and by Chrome v0.2+ */
        -webkit-border-radius: 0px 6px 6px 0px;
        /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
        position: relative;
        z-index: 0;
        behavior: url(/Content/PIE.htc);
    }

.new-search ul li.products span {
    display: inline-block;
    margin-left: 16px;
    width: 5px;
    height: 9px;
    background: url(images/see.png) no-repeat;
}

/*New Right Panel CSS*/
.new-colR {
    clear: left;
    float: right;
    width: 290px;
}

/*Main Content New CSS*/
.new-colL {
    border-radius: 4px;
    /* Firefox v1.0+ */
    -moz-border-radius: 4px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 4px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    position: relative;
    z-index: 0;
    behavior: url(/Content/PIE.htc);
    width: 656px;
}

.new-headerheight {
    height: 50px;
    padding-top: 10px;
    border-radius: 4px;
    /* Firefox v1.0+ */
    -moz-border-radius: 4px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 4px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    position: relative;
    z-index: 0;
    behavior: url(/Content/PIE.htc);
}

.divider {
    background-color: #B9B9B9;
    float: left;
    height: 2px;
    margin: 20px 0;
    width: 655px;
}

.Lcolm-row-devider {
     background-color: #B9B9B9;
    float: left;
    height: 2px;
    clear: both;
    margin: 10px 4px;
    width:280px;   
}

.small-divider {
    background-color: #BDC3C7;
    height: 1px;
    margin: 20px 10px;
    width: 270px;
}


.new-serviceblock {
    float: left;
    margin-bottom: 25px;
    padding: 6px;
}

.new-button {
    border: 0 none;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: 36px;
    background-color: #0E6387;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    behavior: url(PIE.htc);
    text-align: center;
    width: 164px;
}
/*Right Columns Block CSS*/

.new-carrier-message-buttons {
}

.new-carrier-message_wrap {
    background-color: #EB2629;
    border-radius: 10px 10px 10px 10px;
    margin: 1px;
    overflow: hidden;
    padding: 3px;
}

.new-openSysMsg {
    background-image: url("../Images/w-openMsg-btn.png");
    background-repeat: no-repeat;
    float: left;
    height: 20px;
    width: 20px;
}

.new-carrier-message-header {
    font-weight: bold;
    overflow: auto;
    width: 100%;
}

    .new-carrier-message-header a {
        color: #fff;
    }

.new-carrier-message {
    color: #ffffff;
    margin: 0 7px;
    width: 95%;
}

.new-carrier-message-body {
    font-size: 13px;
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    display: block;
    margin: 10px 0;
    padding: 10px;
}

.new-block {
    margin-bottom: 30px;
}

.new-blockhead {
    color: #555555;
}

    .new-blockhead h2 {
        font-weight: normal;
        font-size: 22px;
        margin-bottom: 5px;
    }

.new-blockcontent {
    border-radius: 6px;
    /* Firefox v1.0+ */
    -moz-border-radius: 6px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 6px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    position: relative;
    z-index: 0;
    behavior: url(/Content/PIE.htc);
    border: 1px solid #BDC3C7;
    padding: 10px;
}

    .new-blockcontent .favs li {
        float: left;
        margin: 5px 10px;
    }

/*Account Details CSS*/
.account-details .modal-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}

.account-details ul li {
    margin-bottom: 15px;
}
/**General Classes*/
.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

/**/
.mystar-logo {
    width: 125px;
    float: left;
    padding-top: 10px;
    padding-right: 5px;
}

.mystar-logo img {
    width: 125px;
}

/*myStar 123 alert */
.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 5px 20px 5px 10px;
}

li.alerts{ padding: 0 8px;}

.alert-info {
       background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #31708F; 
}
.line-height-50{line-height: 50px}
.alert .alert-link{ font-weight: bold;padding: 0;}

.btn-new {
    margin-bottom: 5px;
    margin-top: 8px;
}
.btn-new-default {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
}

.btn-new-primary {
    background-color: #428BCA;
    border-color: #357EBD;
    color: #FFFFFF;
}

.btn-new-primary:hover {
        color: #ffffff;
        background-color: #3276b1;
        border-color: #285e8e;
    }

.btn-new {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}


div.failed-payment {
    
}
 /*Duplicate Payment Modal*/
 .dup-pay-modal {
     width: 480px;
 }

 /*Store Hours Alert*/

 .store-hours-alert {
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    margin: 80px auto;
    padding: 30px 20px;
    width: 450px;
     text-align: center;
 }

 .store-hours-alert i {
     font-size: 22px;
     padding-right: 10px;
 }


 .green {
     color: green;
 }

 .red {
     color: #b94a48;
 }