/* Minification failed. Returning unminified contents.
(5379,1): run-time error CSS1019: Unexpected token, found '@charset'
(5379,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(5379,17): run-time error CSS1019: Unexpected token, found ';'
(5416,20): run-time error CSS1035: Expected colon, found 'border'
 */
/*!
 * Bootstrap v2.1.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */



.clearfix {
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}



[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 98em;
}

.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.span1 {
    width: 60px;
}

.offset12 {
    margin-left: 980px;
}

.offset11 {
    margin-left: 900px;
}

.offset10 {
    margin-left: 820px;
}

.offset9 {
    margin-left: 740px;
}

.offset8 {
    margin-left: 660px;
}

.offset7 {
    margin-left: 580px;
}

.offset6 {
    margin-left: 500px;
}

.offset5 {
    margin-left: 420px;
}

.offset4 {
    margin-left: 340px;
}

.offset3 {
    margin-left: 260px;
}

.offset2 {
    margin-left: 180px;
}

.offset1 {
    margin-left: 100px;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
}

    .row-fluid:before,
    .row-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .row-fluid [class*="span"]:first-child {
            margin-left: 0;
        }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.48936170212765%;
        *width: 91.43617021276594%;
    }

    .row-fluid .span10 {
        width: 82.97872340425532%;
        *width: 82.92553191489361%;
    }

    .row-fluid .span9 {
        width: 74.46808510638297%;
        *width: 74.41489361702126%;
    }

    .row-fluid .span8 {
        width: 65.95744680851064%;
        *width: 65.90425531914893%;
    }

    .row-fluid .span7 {
        width: 57.44680851063829%;
        *width: 57.39361702127659%;
    }

    .row-fluid .span6 {
        width: 48.93617021276595%;
        *width: 48.88297872340425%;
    }

    .row-fluid .span5 {
        width: 40.42553191489362%;
        *width: 40.37234042553192%;
    }

    .row-fluid .span4 {
        width: 31.914893617021278%;
        *width: 31.861702127659576%;
    }

    .row-fluid .span3 {
        width: 23.404255319148934%;
        *width: 23.351063829787233%;
    }

    .row-fluid .span2 {
        width: 14.893617021276595%;
        *width: 14.840425531914894%;
    }

    .row-fluid .span1 {
        width: 6.382978723404255%;
        *width: 6.329787234042553%;
    }

    .row-fluid .offset12 {
        margin-left: 104.25531914893617%;
        *margin-left: 104.14893617021275%;
    }

        .row-fluid .offset12:first-child {
            margin-left: 102.12765957446808%;
            *margin-left: 102.02127659574467%;
        }

    .row-fluid .offset11 {
        margin-left: 95.74468085106382%;
        *margin-left: 95.6382978723404%;
    }

        .row-fluid .offset11:first-child {
            margin-left: 93.61702127659574%;
            *margin-left: 93.51063829787232%;
        }

    .row-fluid .offset10 {
        margin-left: 87.23404255319149%;
        *margin-left: 87.12765957446807%;
    }

        .row-fluid .offset10:first-child {
            margin-left: 85.1063829787234%;
            *margin-left: 84.99999999999999%;
        }

    .row-fluid .offset9 {
        margin-left: 78.72340425531914%;
        *margin-left: 78.61702127659572%;
    }

        .row-fluid .offset9:first-child {
            margin-left: 76.59574468085106%;
            *margin-left: 76.48936170212764%;
        }

    .row-fluid .offset8 {
        margin-left: 70.2127659574468%;
        *margin-left: 70.10638297872339%;
    }

        .row-fluid .offset8:first-child {
            margin-left: 68.08510638297872%;
            *margin-left: 67.9787234042553%;
        }

    .row-fluid .offset7 {
        margin-left: 61.70212765957446%;
        *margin-left: 61.59574468085106%;
    }

        .row-fluid .offset7:first-child {
            margin-left: 59.574468085106375%;
            *margin-left: 59.46808510638297%;
        }

    .row-fluid .offset6 {
        margin-left: 53.191489361702125%;
        *margin-left: 53.085106382978715%;
    }

        .row-fluid .offset6:first-child {
            margin-left: 51.063829787234035%;
            *margin-left: 50.95744680851063%;
        }

    .row-fluid .offset5 {
        margin-left: 44.68085106382979%;
        *margin-left: 44.57446808510638%;
    }

        .row-fluid .offset5:first-child {
            margin-left: 42.5531914893617%;
            *margin-left: 42.4468085106383%;
        }

    .row-fluid .offset4 {
        margin-left: 36.170212765957444%;
        *margin-left: 36.06382978723405%;
    }

        .row-fluid .offset4:first-child {
            margin-left: 34.04255319148936%;
            *margin-left: 33.93617021276596%;
        }

    .row-fluid .offset3 {
        margin-left: 27.659574468085104%;
        *margin-left: 27.5531914893617%;
    }

        .row-fluid .offset3:first-child {
            margin-left: 25.53191489361702%;
            *margin-left: 25.425531914893618%;
        }

    .row-fluid .offset2 {
        margin-left: 19.148936170212764%;
        *margin-left: 19.04255319148936%;
    }

        .row-fluid .offset2:first-child {
            margin-left: 17.02127659574468%;
            *margin-left: 16.914893617021278%;
        }

    .row-fluid .offset1 {
        margin-left: 10.638297872340425%;
        *margin-left: 10.53191489361702%;
    }

        .row-fluid .offset1:first-child {
            margin-left: 8.51063829787234%;
            *margin-left: 8.404255319148938%;
        }

    [class*="span"].hide,
    .row-fluid [class*="span"].hide {
        display: none;
    }

    [class*="span"].pull-right,
    .row-fluid [class*="span"].pull-right {
        float: right;
    }

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}

    .container:before,
    .container:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .container:after {
        clear: both;
    }

.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}

    .container-fluid:before,
    .container-fluid:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .container-fluid:after {
        clear: both;
    }

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

cite {
    font-style: normal;
}

.muted {
    color: #999999;
}

.text-warning {
    color: #c09853;
    font-size: .75rem;
    font-weight: 400;
}

.text-error {
    color: #b94a48;
}

.text-info {
    color: #3a87ad;
}

.text-success {
    color: #468847;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    text-rendering: optimizelegibility;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        font-weight: normal;
        line-height: 1;
        color: #999999;
    }



.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eeeeee;
}



ul.unstyled,
ol.unstyled {
    margin-left: 0;
    list-style: none;
}


.dl-horizontal {
    *zoom: 1;
}

    .dl-horizontal:before,
    .dl-horizontal:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .dl-horizontal:after {
        clear: both;
    }

    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }

hr {
    margin: 5px 20px;
    border: 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #ffffff;
    clear: both;
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #999999;
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}

    blockquote p {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px;
    }

    blockquote small {
        display: block;
        line-height: 20px;
        color: #999999;
    }

        blockquote small:before {
            content: '\2014 \00A0';
        }

    blockquote.pull-right {
        float: right;
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eeeeee;
        border-left: 0;
    }

        blockquote.pull-right p,
        blockquote.pull-right small {
            text-align: right;
        }

            blockquote.pull-right small:before {
                content: '';
            }

            blockquote.pull-right small:after {
                content: '\00A0 \2014';
            }

    q:before,
    q:after,
    blockquote:before,
    blockquote:after {
        content: "";
    }

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px;
}

code,
pre {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    color: #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    pre.prettyprint {
        margin-bottom: 20px;
    }

    pre code {
        padding: 0;
        color: inherit;
        background-color: transparent;
        border: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

form {
    margin: 0px;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

    legend small {
        font-size: 15px;
        color: #999999;
    }





.uneditable-input,
.uneditable-textarea {
    color: #999999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
}

.uneditable-textarea {
    width: auto;
    height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999999;
}

.radio,
.checkbox {
    min-height: 18px;
    padding-left: 18px;
}

    .radio input[type="radio"],
    .checkbox input[type="checkbox"] {
        float: left;
        margin-left: -18px;
    }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
    padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

    .radio.inline + .radio.inline,
    .checkbox.inline + .checkbox.inline {
        margin-left: 10px;
    }

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
    display: inline-block;
}



.controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 46px;
}

.controls-row {
    *zoom: 1;
}

    .controls-row:before,
    .controls-row:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .controls-row:after {
        clear: both;
    }

    .controls-row [class*="span"] {
        float: left;
    }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background-color: transparent;
}

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .control-group.warning input:focus,
    .control-group.warning select:focus,
    .control-group.warning textarea:focus {
        border-color: #a47e3c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    }

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .control-group.error input:focus,
    .control-group.error select:focus,
    .control-group.error textarea:focus {
        border-color: #953b39;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    }

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48;
}

.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .control-group.success input:focus,
    .control-group.success select:focus,
    .control-group.success textarea:focus {
        border-color: #356635;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    }

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847;
}

.control-group.info > label,
.control-group.info .help-block,
.control-group.info .help-inline {
    color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .control-group.info input:focus,
    .control-group.info select:focus,
    .control-group.info textarea:focus {
        border-color: #2d6987;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    }

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad;
}

input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
}

    input:focus:required:invalid:focus,
    textarea:focus:required:invalid:focus,
    select:focus:required:invalid:focus {
        border-color: #e9322d;
        -webkit-box-shadow: 0 0 6px #f8b9b7;
        -moz-box-shadow: 0 0 6px #f8b9b7;
        box-shadow: 0 0 6px #f8b9b7;
    }

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

    .form-actions:before,
    .form-actions:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .form-actions:after {
        clear: both;
    }

.help-block,
.help-inline {
    color: #595959;
}

.help-block {
    display: block;
    margin-bottom: 10px;
}

.help-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1;
}

.input-append,
.input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap;
}

    .input-append input,
    .input-prepend input,
    .input-append select,
    .input-prepend select,
    .input-append .uneditable-input,
    .input-prepend .uneditable-input {
        position: relative;
        margin-bottom: 0;
        *margin-left: 0;
        font-size: 14px;
        vertical-align: top;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

        .input-append input:focus,
        .input-prepend input:focus,
        .input-append select:focus,
        .input-prepend select:focus,
        .input-append .uneditable-input:focus,
        .input-prepend .uneditable-input:focus {
            z-index: 2;
        }

    .input-append .add-on,
    .input-prepend .add-on {
        display: inline-block;
        width: auto;
        height: 20px;
        min-width: 16px;
        padding: 4px 5px;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        text-align: center;
        text-shadow: 0 1px 0 #ffffff;
        background-color: #eeeeee;
        border: 1px solid #ccc;
    }

    .input-append .add-on,
    .input-prepend .add-on,
    .input-append .btn,
    .input-prepend .btn {
        vertical-align: top;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .input-append .active,
    .input-prepend .active {
        background-color: #a9dba9;
        border-color: #46a546;
    }

    .input-prepend .add-on,
    .input-prepend .btn {
        margin-right: -1px;
    }

        .input-prepend .add-on:first-child,
        .input-prepend .btn:first-child {
            -webkit-border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
        }

    .input-append input,
    .input-append select,
    .input-append .uneditable-input {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .input-append .add-on,
    .input-append .btn {
        margin-left: -1px;
    }

        .input-append .add-on:last-child,
        .input-append .btn:last-child {
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
        }

    .input-prepend.input-append input,
    .input-prepend.input-append select,
    .input-prepend.input-append .uneditable-input {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .input-prepend.input-append .add-on:first-child,
    .input-prepend.input-append .btn:first-child {
        margin-right: -1px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .input-prepend.input-append .add-on:last-child,
    .input-prepend.input-append .btn:last-child {
        margin-left: -1px;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
    display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
    display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

    .form-search .radio input[type="radio"],
    .form-search .checkbox input[type="checkbox"],
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        float: left;
        margin-right: 3px;
        margin-left: 0;
    }

.control-group {
    margin-bottom: 10px;
}

legend + .control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom: 1;
}

    .form-horizontal .control-group:before,
    .form-horizontal .control-group:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .form-horizontal .control-group:after {
        clear: both;
    }

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0;
}

    .form-horizontal .controls:first-child {
        *padding-left: 180px;
    }

.form-horizontal .help-block {
    margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
    margin-top: 10px;
}

.form-horizontal .form-actions {
    padding-left: 180px;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

    .table th,
    .table td {
        padding: 8px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }

    .table th {
        font-weight: bold;
    }

    .table thead th {
        vertical-align: bottom;
    }

    .table caption + thead tr:first-child th,
    .table caption + thead tr:first-child td,
    .table colgroup + thead tr:first-child th,
    .table colgroup + thead tr:first-child td,
    .table thead:first-child tr:first-child th,
    .table thead:first-child tr:first-child td {
        border-top: 0;
    }

    .table tbody + tbody {
        border-top: 2px solid #dddddd;
    }

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .table-bordered th,
    .table-bordered td {
        border-left: 1px solid #dddddd;
    }

    .table-bordered caption + thead tr:first-child th,
    .table-bordered caption + tbody tr:first-child th,
    .table-bordered caption + tbody tr:first-child td,
    .table-bordered colgroup + thead tr:first-child th,
    .table-bordered colgroup + tbody tr:first-child th,
    .table-bordered colgroup + tbody tr:first-child td,
    .table-bordered thead:first-child tr:first-child th,
    .table-bordered tbody:first-child tr:first-child th,
    .table-bordered tbody:first-child tr:first-child td {
        border-top: 0;
    }

        .table-bordered thead:first-child tr:first-child th:first-child,
        .table-bordered tbody:first-child tr:first-child td:first-child {
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
        }

        .table-bordered thead:first-child tr:first-child th:last-child,
        .table-bordered tbody:first-child tr:first-child td:last-child {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -moz-border-radius-topright: 4px;
        }

    .table-bordered thead:last-child tr:last-child th:first-child,
    .table-bordered tbody:last-child tr:last-child td:first-child,
    .table-bordered tfoot:last-child tr:last-child td:first-child {
        -webkit-border-radius: 0 0 0 4px;
        -moz-border-radius: 0 0 0 4px;
        border-radius: 0 0 0 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
    }

    .table-bordered thead:last-child tr:last-child th:last-child,
    .table-bordered tbody:last-child tr:last-child td:last-child,
    .table-bordered tfoot:last-child tr:last-child td:last-child {
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
    }

    .table-bordered caption + thead tr:first-child th:first-child,
    .table-bordered caption + tbody tr:first-child td:first-child,
    .table-bordered colgroup + thead tr:first-child th:first-child,
    .table-bordered colgroup + tbody tr:first-child td:first-child {
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
    }

    .table-bordered caption + thead tr:first-child th:last-child,
    .table-bordered caption + tbody tr:first-child td:last-child,
    .table-bordered colgroup + thead tr:first-child th:last-child,
    .table-bordered colgroup + tbody tr:first-child td:last-child {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
    }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #f5f5f5;
}

table [class*=span],
.row-fluid table [class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table .span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table .span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table .span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table .span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table .span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table .span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table .span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table .span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table .span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table .span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table .span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table .span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table .span13 {
    float: none;
    width: 1004px;
    margin-left: 0;
}

.table .span14 {
    float: none;
    width: 1084px;
    margin-left: 0;
}

.table .span15 {
    float: none;
    width: 1164px;
    margin-left: 0;
}

.table .span16 {
    float: none;
    width: 1244px;
    margin-left: 0;
}

.table .span17 {
    float: none;
    width: 1324px;
    margin-left: 0;
}

.table .span18 {
    float: none;
    width: 1404px;
    margin-left: 0;
}

.table .span19 {
    float: none;
    width: 1484px;
    margin-left: 0;
}

.table .span20 {
    float: none;
    width: 1564px;
    margin-left: 0;
}

.table .span21 {
    float: none;
    width: 1644px;
    margin-left: 0;
}

.table .span22 {
    float: none;
    width: 1724px;
    margin-left: 0;
}

.table .span23 {
    float: none;
    width: 1804px;
    margin-left: 0;
}

.table .span24 {
    float: none;
    width: 1884px;
    margin-left: 0;
}

.table tbody tr.success td {
    background-color: #dff0d8;
}

.table tbody tr.error td {
    background-color: #f2dede;
}

.table tbody tr.warning td {
    background-color: #fcf8e3;
}

.table tbody tr.info td {
    background-color: #d9edf7;
}

.table-hover tbody tr.success:hover td {
    background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover td {
    background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover td {
    background-color: #faf2cc;
}

.table-hover tbody tr.info:hover td {
    background-color: #c4e3f3;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/active states of certain elements */

.icon-white,
.nav-tabs > .active > a > [class^="icon-"],
.nav-tabs > .active > a > [class*=" icon-"],
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings-white.png");
}

.icon-glass {
    background-position: 0 0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    width: 16px;
    background-position: -216px -120px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
}

.icon-folder-open {
    width: 16px;
    background-position: -408px -120px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle {
    *margin-bottom: -3px;
}

    .dropdown-toggle:active,
    .open .dropdown-toggle {
        outline: 0;
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
    }

    .dropdown-menu a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        color: #333333;
        white-space: nowrap;
    }

    .dropdown-menu li > a:hover,
    .dropdown-menu li > a:focus,
    .dropdown-submenu:hover > a {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        background-color: #0081c2;
        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
        background-repeat: repeat-x;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
    }

    .dropdown-menu .active > a,
    .dropdown-menu .active > a:hover {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        background-color: #0081c2;
        background-image: linear-gradient(to bottom, #0088cc, #0077b3);
        background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
        background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
        background-image: -o-linear-gradient(top, #0088cc, #0077b3);
        background-repeat: repeat-x;
        outline: 0;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
    }

    .dropdown-menu .disabled > a,
    .dropdown-menu .disabled > a:hover {
        color: #999999;
    }

        .dropdown-menu .disabled > a:hover {
            text-decoration: none;
            cursor: default;
            background-color: transparent;
        }

.open {
    *z-index: 1000;
}

    .open > .dropdown-menu {
        display: block;
    }

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        float: right;
        width: 0;
        height: 0;
        margin-top: 5px;
        margin-right: -10px;
        border-color: transparent;
        border-left-color: #cccccc;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}

.typeahead {
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.well-small {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

    .collapse.in {
        height: auto;
    }

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 14px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btn:hover,
    .btn:active,
    .btn.active,
    .btn.disabled,
    .btn[disabled] {
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btn:active,
    .btn.active {
        background-color: #cccccc \9;
    }

    .btn:first-child {
        *margin-left: 0;
    }

    .btn:hover {
        color: #333333;
        text-decoration: none;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        /* Buttons in IE7 don't get borders, so darken on hover */
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.active,
    .btn:active {
        background-color: #e6e6e6;
        background-color: #d9d9d9 \9;
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btn.disabled,
    .btn[disabled] {
        cursor: default;
        background-color: #e6e6e6;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.btn-large {
    padding: 9px 14px;
    font-size: 16px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .btn-large [class^="icon-"] {
        margin-top: 2px;
    }

.btn-small {
    padding: 3px 9px;
    font-size: 12px;
    line-height: 18px;
}

    .btn-small [class^="icon-"] {
        margin-top: 0;
    }

.btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 17px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: #ffffff;
        background-color: #0044cc;
        *background-color: #003bb3;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #003399 \9;
    }

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
        color: #ffffff;
        background-color: #f89406;
        *background-color: #df8505;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #c67605 \9;
    }

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
        color: #ffffff;
        background-color: #bd362f;
        *background-color: #a9302a;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #942a25 \9;
    }

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        color: #ffffff;
        background-color: #51a351;
        *background-color: #499249;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #408140 \9;
    }

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
        color: #ffffff;
        background-color: #2f96b4;
        *background-color: #2a85a0;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #24748c \9;
    }

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

    .btn-inverse:hover,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }

    .btn-inverse:active,
    .btn-inverse.active {
        background-color: #080808 \9;
    }

button.btn,
input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

    button.btn::-moz-focus-inner,
    input[type="submit"].btn::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

    button.btn.btn-large,
    input[type="submit"].btn.btn-large {
        *padding-top: 7px;
        *padding-bottom: 7px;
    }

    button.btn.btn-small,
    input[type="submit"].btn.btn-small {
        *padding-top: 3px;
        *padding-bottom: 3px;
    }

    button.btn.btn-mini,
    input[type="submit"].btn.btn-mini {
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    color: #0088cc;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-link:hover {
        color: #005580;
        text-decoration: underline;
        background-color: transparent;
    }

    .btn-link[disabled]:hover {
        color: #333333;
        text-decoration: none;
    }

.btn-group {
    position: relative;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}

    .btn-group:first-child {
        *margin-left: 0;
    }

    .btn-group + .btn-group {
        margin-left: 5px;
    }

.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0;
}

    .btn-toolbar .btn-group {
        display: inline-block;
        *display: inline;
        /* IE7 inline-block hack */
        *zoom: 1;
    }

        .btn-toolbar .btn + .btn,
        .btn-toolbar .btn-group + .btn,
        .btn-toolbar .btn + .btn-group {
            margin-left: 5px;
        }

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .btn-group > .btn + .btn {
        margin-left: -1px;
    }

.btn-group > .btn,
.btn-group > .dropdown-menu {
    font-size: 14px;
}

.btn-group > .btn-mini {
    font-size: 11px;
}

.btn-group > .btn-small {
    font-size: 12px;
}

.btn-group > .btn-large {
    font-size: 16px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222222;
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
    margin-top: 6px;
}

.btn-large .caret {
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
}

.dropup .btn-large .caret {
    border-top: 0;
    border-bottom: 5px solid #000000;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
}

    .btn-group-vertical .btn {
        display: block;
        float: none;
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .btn-group-vertical .btn + .btn {
            margin-top: -1px;
            margin-left: 0;
        }

        .btn-group-vertical .btn:first-child {
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
        }

        .btn-group-vertical .btn:last-child {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

    .btn-group-vertical .btn-large:first-child {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .btn-group-vertical .btn-large:last-child {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .alert h4 {
        margin: 0;
    }

    .alert .close {
        position: relative;
        top: -2px;
        right: -21px;
        line-height: 20px;
    }

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

    .alert-block > p,
    .alert-block > ul {
        margin-bottom: 0;
    }

    .alert-block p + p {
        margin-top: 5px;
    }

.nav {
    margin-bottom: 20px;
    margin-left: 0;
    list-style: none;
}

    .nav > li > a {
        display: block;
    }

        .nav > li > a:hover {
            text-decoration: none;
            background-color: #eeeeee;
        }

    .nav > .pull-right {
        float: right;
    }

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.nav li + .nav-header {
    margin-top: 9px;
}

.nav-list {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0;
}

    .nav-list > li > a,
    .nav-list .nav-header {
        margin-right: -15px;
        margin-left: -15px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

    .nav-list > li > a {
        padding: 3px 15px;
    }

    .nav-list > .active > a,
    .nav-list > .active > a:hover {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
        background-color: #0088cc;
    }

    .nav-list [class^="icon-"] {
        margin-right: 2px;
    }

    .nav-list .divider {
        *width: 100%;
        height: 1px;
        margin: 9px 1px;
        *margin: -5px 0 5px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
    }

.nav-tabs,
.nav-pills {
    *zoom: 1;
}

    .nav-tabs:before,
    .nav-pills:before,
    .nav-tabs:after,
    .nav-pills:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .nav-tabs:after,
    .nav-pills:after {
        clear: both;
    }

    .nav-tabs > li,
    .nav-pills > li {
        float: left;
    }

        .nav-tabs > li > a,
        .nav-pills > li > a {
            padding-right: 12px;
            padding-left: 12px;
            margin-right: 2px;
            line-height: 14px;
        }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            padding-top: 8px;
            padding-bottom: 8px;
            line-height: 20px;
            border: 1px solid transparent;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #dddddd;
            }

    .nav-tabs > .active > a,
    .nav-tabs > .active > a:hover {
        color: #555555;
        cursor: default;
        background-color: #ffffff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    color: #ffffff;
    background-color: #0088cc;
}

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li > a {
        margin-right: 0;
    }

.nav-tabs.nav-stacked {
    border-bottom: 0;
}

    .nav-tabs.nav-stacked > li > a {
        border: 1px solid #ddd;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .nav-tabs.nav-stacked > li:first-child > a {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-topleft: 4px;
    }

    .nav-tabs.nav-stacked > li:last-child > a {
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
    }

    .nav-tabs.nav-stacked > li > a:hover {
        z-index: 2;
        border-color: #ddd;
    }

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}

/* move down carets for tabs */

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover {
    cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover {
    border-color: #999999;
}

.tabbable {
    *zoom: 1;
}

    .tabbable:before,
    .tabbable:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .tabbable:after {
        clear: both;
    }

.tab-content {
    overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

            .tabs-below > .nav-tabs > li > a:hover {
                border-top-color: #ddd;
                border-bottom-color: transparent;
            }

    .tabs-below > .nav-tabs > .active > a,
    .tabs-below > .nav-tabs > .active > a:hover {
        border-color: transparent #ddd #ddd #ddd;
    }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

    .tabs-left > .nav-tabs > li > a,
    .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

        .tabs-left > .nav-tabs > li > a:hover {
            border-color: #eeeeee #dddddd #eeeeee #eeeeee;
        }

    .tabs-left > .nav-tabs .active > a,
    .tabs-left > .nav-tabs .active > a:hover {
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #ffffff;
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

        .tabs-right > .nav-tabs > li > a:hover {
            border-color: #eeeeee #eeeeee #eeeeee #dddddd;
        }

    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:hover {
        border-color: #ddd #ddd #ddd transparent;
        *border-left-color: #ffffff;
    }

.nav > .disabled > a {
    color: #999999;
}

    .nav > .disabled > a:hover {
        text-decoration: none;
        cursor: default;
        background-color: transparent;
    }

.navbar {
    *position: relative;
    *z-index: 2;
    margin-bottom: 20px;
    overflow: visible;
    color: #777777;
}

.navbar-inner {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

    .navbar-inner:before,
    .navbar-inner:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .navbar-inner:after {
        clear: both;
    }

.navbar .container {
    width: auto;
}

.nav-collapse.collapse {
    height: auto;
}

.navbar .brand {
    display: block;
    float: left;
    padding: 10px 20px 10px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
}

    .navbar .brand:hover {
        text-decoration: none;
    }

.navbar-text {
    margin-bottom: 0;
    line-height: 40px;
}

.navbar-link {
    color: #777777;
}

    .navbar-link:hover {
        color: #333333;
    }

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 5px;
}

    .navbar .btn-group .btn,
    .navbar .input-prepend .btn,
    .navbar .input-append .btn {
        margin-top: 0;
    }

.navbar-form {
    margin-bottom: 0;
    *zoom: 1;
}

    .navbar-form:before,
    .navbar-form:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .navbar-form:after {
        clear: both;
    }

    .navbar-form input,
    .navbar-form select,
    .navbar-form .radio,
    .navbar-form .checkbox {
        margin-top: 5px;
    }

    .navbar-form input,
    .navbar-form select,
    .navbar-form .btn {
        display: inline-block;
        margin-bottom: 0;
    }

        .navbar-form input[type="image"],
        .navbar-form input[type="checkbox"],
        .navbar-form input[type="radio"] {
            margin-top: 3px;
        }

    .navbar-form .input-append,
    .navbar-form .input-prepend {
        margin-top: 6px;
        white-space: nowrap;
    }

        .navbar-form .input-append input,
        .navbar-form .input-prepend input {
            margin-top: 0;
        }

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
}

    .navbar-search .search-query {
        padding: 4px 14px;
        margin-bottom: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        line-height: 1;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

.navbar-static-top {
    position: static;
    width: 100%;
    margin-bottom: 0;
}

    .navbar-static-top .navbar-inner {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}

    .navbar-fixed-top .navbar-inner,
    .navbar-static-top .navbar-inner {
        border-width: 0 0 1px;
    }

    .navbar-fixed-bottom .navbar-inner {
        border-width: 1px 0 0;
    }

    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        padding-right: 0;
        padding-left: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 940px;
    }

.navbar-fixed-top {
    top: 0;
}

    .navbar-fixed-top .navbar-inner,
    .navbar-static-top .navbar-inner {
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
    }

.navbar-fixed-bottom {
    bottom: 0;
}

    .navbar-fixed-bottom .navbar-inner {
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
    }

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

    .navbar .nav.pull-right {
        float: right;
        margin-right: 0;
    }

    .navbar .nav > li {
        float: left;
    }

        .navbar .nav > li > a {
            float: none;
            padding: 10px 15px 10px;
            color: #777777;
            text-decoration: none;
            text-shadow: 0 1px 0 #ffffff;
        }

    .navbar .nav .dropdown-toggle .caret {
        margin-top: 8px;
    }

    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {
        color: #333333;
        text-decoration: none;
        background-color: transparent;
    }

    .navbar .nav > .active > a,
    .navbar .nav > .active > a:hover,
    .navbar .nav > .active > a:focus {
        color: #555555;
        text-decoration: none;
        background-color: #e5e5e5;
        -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
        -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    }

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-right: 5px;
    margin-left: 5px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ededed;
    *background-color: #e5e5e5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
    background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}

    .navbar .btn-navbar:hover,
    .navbar .btn-navbar:active,
    .navbar .btn-navbar.active,
    .navbar .btn-navbar.disabled,
    .navbar .btn-navbar[disabled] {
        color: #ffffff;
        background-color: #e5e5e5;
        *background-color: #d9d9d9;
    }

    .navbar .btn-navbar:active,
    .navbar .btn-navbar.active {
        background-color: #cccccc \9;
    }

    .navbar .btn-navbar .icon-bar {
        display: block;
        width: 18px;
        height: 2px;
        background-color: #f5f5f5;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }

.btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
}

.navbar .nav > li > .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.navbar .nav > li > .dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
    top: auto;
    bottom: -7px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.2);
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    top: auto;
    bottom: -6px;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #555555;
    background-color: #e5e5e5;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #777777;
    border-bottom-color: #777777;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555;
}

.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

    .navbar .pull-right > li > .dropdown-menu:before,
    .navbar .nav > li > .dropdown-menu.pull-right:before {
        right: 12px;
        left: auto;
    }

    .navbar .pull-right > li > .dropdown-menu:after,
    .navbar .nav > li > .dropdown-menu.pull-right:after {
        right: 13px;
        left: auto;
    }

    .navbar .pull-right > li > .dropdown-menu .dropdown-menu,
    .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
        right: 100%;
        left: auto;
        margin-right: -1px;
        margin-left: 0;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.navbar-inverse {
    color: #999999;
}

    .navbar-inverse .navbar-inner {
        background-color: #1b1b1b;
        background-image: -moz-linear-gradient(top, #222222, #111111);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
        background-image: -webkit-linear-gradient(top, #222222, #111111);
        background-image: -o-linear-gradient(top, #222222, #111111);
        background-image: linear-gradient(to bottom, #222222, #111111);
        background-repeat: repeat-x;
        border-color: #252525;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
    }

    .navbar-inverse .brand,
    .navbar-inverse .nav > li > a {
        color: #999999;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .navbar-inverse .brand:hover,
        .navbar-inverse .nav > li > a:hover {
            color: #ffffff;
        }

        .navbar-inverse .nav > li > a:focus,
        .navbar-inverse .nav > li > a:hover {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-inverse .nav .active > a,
    .navbar-inverse .nav .active > a:hover,
    .navbar-inverse .nav .active > a:focus {
        color: #ffffff;
        background-color: #111111;
    }

    .navbar-inverse .navbar-link {
        color: #999999;
    }

        .navbar-inverse .navbar-link:hover {
            color: #ffffff;
        }

    .navbar-inverse .divider-vertical {
        border-right-color: #222222;
        border-left-color: #111111;
    }

    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
    .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
    .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
        color: #ffffff;
        background-color: #111111;
    }

    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
        border-top-color: #999999;
        border-bottom-color: #999999;
    }

    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
    .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
    .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

    .navbar-inverse .navbar-search .search-query {
        color: #ffffff;
        background-color: #515151;
        border-color: #111111;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

        .navbar-inverse .navbar-search .search-query:-moz-placeholder {
            color: #cccccc;
        }

        .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
            color: #cccccc;
        }

        .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
            color: #cccccc;
        }

        .navbar-inverse .navbar-search .search-query:focus,
        .navbar-inverse .navbar-search .search-query.focused {
            padding: 5px 15px;
            color: #333333;
            text-shadow: 0 1px 0 #ffffff;
            background-color: #ffffff;
            border: 0;
            outline: 0;
            -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        }

    .navbar-inverse .btn-navbar {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #0e0e0e;
        *background-color: #040404;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
        background-image: -webkit-linear-gradient(top, #151515, #040404);
        background-image: -o-linear-gradient(top, #151515, #040404);
        background-image: linear-gradient(to bottom, #151515, #040404);
        background-image: -moz-linear-gradient(top, #151515, #040404);
        background-repeat: repeat-x;
        border-color: #040404 #040404 #000000;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
        filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    }

        .navbar-inverse .btn-navbar:hover,
        .navbar-inverse .btn-navbar:active,
        .navbar-inverse .btn-navbar.active,
        .navbar-inverse .btn-navbar.disabled,
        .navbar-inverse .btn-navbar[disabled] {
            color: #ffffff;
            background-color: #040404;
            *background-color: #000000;
        }

        .navbar-inverse .btn-navbar:active,
        .navbar-inverse .btn-navbar.active {
            background-color: #000000 \9;
        }

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .breadcrumb li {
        display: inline-block;
        *display: inline;
        text-shadow: 0 1px 0 #ffffff;
        *zoom: 1;
    }

    .breadcrumb .divider {
        padding: 0 5px;
        color: #ccc;
    }

    .breadcrumb .active {
        color: #999999;
    }

.pagination {
    height: 40px;
    margin: 20px 0;
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        *zoom: 1;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

        .pagination ul > li {
            display: inline;
        }

            .pagination ul > li > a,
            .pagination ul > li > span {
                float: left;
                padding: 0 14px;
                line-height: 38px;
                text-decoration: none;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                border-left-width: 0;
            }

                .pagination ul > li > a:hover,
                .pagination ul > .active > a,
                .pagination ul > .active > span {
                    background-color: #f5f5f5;
                }

        .pagination ul > .active > a,
        .pagination ul > .active > span {
            color: #999999;
            cursor: default;
        }

        .pagination ul > .disabled > span,
        .pagination ul > .disabled > a,
        .pagination ul > .disabled > a:hover {
            color: #999999;
            cursor: default;
            background-color: transparent;
        }

        .pagination ul > li:first-child > a,
        .pagination ul > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
        }

        .pagination ul > li:last-child > a,
        .pagination ul > li:last-child > span {
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
        }

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pager {
    margin: 20px 0;
    text-align: center;
    list-style: none;
    *zoom: 1;
}

    .pager:before,
    .pager:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

    .pager a,
    .pager span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

        .pager a:hover {
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .pager .next a,
    .pager .next span {
        float: right;
    }

    .pager .previous a {
        float: left;
    }

    .pager .disabled a,
    .pager .disabled a:hover,
    .pager .disabled span {
        color: #999999;
        cursor: default;
        background-color: #fff;
    }

.modal-open .modal .dropdown-menu {
    z-index: 2050;
}

.modal-open .modal .dropdown.open {
    *z-index: 2050;
}

.modal-open .modal .popover {
    z-index: 2060;
}

.modal-open .modal .tooltip {
    z-index: 2080;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

        .modal-backdrop,
        .modal-backdrop.fade.in {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin: -250px 0 0 -280px;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    .modal.fade {
        /* top: -25%; */
        -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
        -o-transition: opacity 0.3s linear, top 0.3s ease-out;
        transition: opacity 0.3s linear, top 0.3s ease-out;
    }

        .modal.fade.in {
            /*  top: 50%; */
        }

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

    .modal-header .close {
        margin-top: 2px;
    }

    .modal-header h3 {
        margin: 0;
        line-height: 30px;
    }

.modal-body {
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .tooltip.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .tooltip.top {
        margin-top: -3px;
    }

    .tooltip.right {
        margin-left: 3px;
    }

    .tooltip.bottom {
        margin-top: 3px;
    }

    .tooltip.left {
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 2px solid #333333;
    box-shadow: 2px 2px 8px 0 #999999;
    color: #333333;
    padding: 7px 9px;
    text-align: center;
    text-decoration: none;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 236px;
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .popover.top {
        margin-bottom: 10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-right: 10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

    .popover-content p,
    .popover-content ul,
    .popover-content ol {
        margin-bottom: 0;
    }

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

    .popover .arrow:after {
        z-index: -1;
        content: "";
    }

.popover.top .arrow {
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-width: 10px 10px 0;
}

    .popover.top .arrow:after {
        bottom: -1px;
        left: -11px;
        border-top-color: rgba(0, 0, 0, 0.25);
        border-width: 11px 11px 0;
    }

.popover.right .arrow {
    top: 50%;
    left: -10px;
    margin-top: -10px;
    border-right-color: #ffffff;
    border-width: 10px 10px 10px 0;
}

    .popover.right .arrow:after {
        bottom: -11px;
        left: -1px;
        border-right-color: rgba(0, 0, 0, 0.25);
        border-width: 11px 11px 11px 0;
    }

.popover.bottom .arrow {
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-width: 0 10px 10px;
}

    .popover.bottom .arrow:after {
        top: -1px;
        left: -11px;
        border-bottom-color: rgba(0, 0, 0, 0.25);
        border-width: 0 11px 11px;
    }

.popover.left .arrow {
    top: 50%;
    right: -10px;
    margin-top: -10px;
    border-left-color: #ffffff;
    border-width: 10px 0 10px 10px;
}

    .popover.left .arrow:after {
        right: -1px;
        bottom: -11px;
        border-left-color: rgba(0, 0, 0, 0.25);
        border-width: 11px 0 11px 11px;
    }

.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1;
}

    .thumbnails:before,
    .thumbnails:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .thumbnails:after {
        clear: both;
    }

.row-fluid .thumbnails {
    margin-left: 0;
}

.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a.thumbnail:hover {
    border-color: #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #555555;
}

.label,
.badge {
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #004e82;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}

.label {
    padding: 1px 4px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.badge {
    padding: 3px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 12px;
    text-align: center;
}

a.label:hover,
a.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label-important,
.badge-important {
    background-color: #b94a48;
}

    .label-important[href],
    .badge-important[href] {
        background-color: #953b39;
    }

.label-warning,
.badge-warning {
    background-color: #f89406;
}

    .label-warning[href],
    .badge-warning[href] {
        background-color: #c67605;
    }

.label-success,
.badge-success {
    background-color: #468847;
}

    .label-success[href],
    .badge-success[href] {
        background-color: #356635;
    }

.label-info,
.badge-info {
    background-color: #e0f3ff;
}

    .label-info[href],
    .badge-info[href] {
        background-color: #2d6987;
    }

.label-inverse,
.badge-inverse {
    background-color: #333333;
}

    .label-inverse[href],
    .badge-inverse[href] {
        background-color: #1a1a1a;
    }

.btn .label,
.btn .badge {
    position: relative;
    top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
    top: 0;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

    .progress .bar {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        color: #ffffff;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #0e90d2;
        background-image: -moz-linear-gradient(top, #149bdf, #0480be);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
        background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
        background-image: -o-linear-gradient(top, #149bdf, #0480be);
        background-image: linear-gradient(to bottom, #149bdf, #0480be);
        background-repeat: repeat-x;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: width 0.6s ease;
        -moz-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
        transition: width 0.6s ease;
    }

        .progress .bar + .bar {
            -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
            -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
            box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        }

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-danger .bar,
.progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-success .bar,
.progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-info .bar,
.progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-warning .bar,
.progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.accordion {
    margin-bottom: 20px;
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion-heading {
    border-bottom: 0;
}

    .accordion-heading .accordion-toggle {
        display: block;
        padding: 8px 15px;
    }

.accordion-toggle {
    cursor: pointer;
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

    .carousel .item > img {
        display: block;
        line-height: 1;
    }

.carousel .active,
.carousel .next,
.carousel .prev {
    display: block;
}

.carousel .active {
    left: 0;
}

.carousel .next,
.carousel .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel .next {
    left: 100%;
}

.carousel .prev {
    left: -100%;
}

    .carousel .next.left,
    .carousel .prev.right {
        left: 0;
    }

.carousel .active.left {
    left: -100%;
}

.carousel .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .carousel-control.right {
        right: 15px;
        left: auto;
    }

    .carousel-control:hover {
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}

    .carousel-caption h4,
    .carousel-caption p {
        line-height: 20px;
        color: #ffffff;
    }

    .carousel-caption h4 {
        margin: 0 0 5px;
    }

    .carousel-caption p {
        margin-bottom: 0;
    }

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    background-color: #eeeeee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .hero-unit h1 {
        margin-bottom: 0;
        font-size: 60px;
        line-height: 1;
        letter-spacing: -1px;
        color: inherit;
    }

    .hero-unit p {
        font-size: 18px;
        font-weight: 200;
        line-height: 30px;
        color: inherit;
    }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.affix {
    position: fixed;
}

.text-nowrap {
    white-space: nowrap;
}

@charset "utf-8";
/* CSS Document */
html, body, div, span, ODplet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, cODtion, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
}

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

.imageTextL {
    float: left;
}

body {
    font: normal 62.5% Arial, Helvetica, sans-serif;
    color: #333;
    background: #fff;
}

section {
    width: auto;
    margin: 2em 2em 4em 2em;
    border: 1px solid #dddddd;
    position: relative;
}

.PayFormgroup section {
    border-radius: none;
    originalAmount border: none;
    margin: 0 0em 1.2em;
    position: relative;
    width: auto;
}

a {
    color: #5cabdf;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

nav {
    margin: 0 0 0 0;
    padding: 0px;
    height: 5.7em;
    background-color: #e4e4e4;
}

#navcontainer ul {
    float: none;
    width: 100%;
}

nav li {
    float: left;
    padding: 18px 20px;
    margin: 0;
    min-width: 90px;
    text-align: center;
    border-right: 1px solid #fff;
    border-left: 1px solid #C0C0C0;
    cursor: pointer;
    color: #404040;
    font-size: 1.8em;
    position: relative;
}

    nav li:hover {
        background-color: #999;
    }

    nav li a {
        font-size: 18px;
        color: #404040;
        text-decoration: none;
    }

    nav li.selected {
        border-top: 6px solid #fe6801;
        background-color: white;
        border-bottom: 1px solid white;
        border-left: 0px solid white;
        cursor: auto;
        padding: 19px 22px 17px;
    }

        nav li.selected a {
            color: #404040;
        }

    nav li:hover a {
        text-decoration: none;
        color: #fff;
    }

    nav li:first-child {
        border-left: 0px solid #C0C0C0;
    }

    nav li:last-child {
        border-right: 0px solid #fff;
    }

.logo {
    float: left;
    margin: 0 0 0 25px !important;
    width: 800px;
    height: 70px;
    position: initial !important;
}

    .logo img {
        max-width: 100%;
        max-height: 100%;
    }

.lang_list {
    float: right;
    margin: 2.5em 0 0 0;
    font-size: 1.2em;
    background: none;
    height: auto;
}

    .lang_list ul li {
        float: left;
        padding: 0 0.5em 0 0.5em;
        margin: 0 0 0 0;
        min-width: 5px;
        text-align: center;
        cursor: default;
        font-size: 1.2em;
        background: none;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #666666;
        list-style: none;
    }

        .lang_list ul li:last-child {
            border: none;
        }

    .lang_list a {
        text-decoration: underline;
        color: #0184E8;
        font-size: inherit;
        text-decoration: underline;
        background: none;
        cursor: pointer;
    }

        .lang_list a:hover {
            text-decoration: none;
            background: none;
        }

.container {
    border-left: 1px solid #dfdcdc;
    border-right: 1px solid #dfdcdc;
    /*-moz-box-shadow: 0px 8px 9px 2px rgba(64, 64, 64, 0.27);
    -webkit-box-shadow: 0px 8px 9px 2px rgba(64, 64, 64, 0.27);
    box-shadow: 0px 8px 9px 2px rgba(64, 64, 64, 0.27);*/
    width: 980px;
    margin: 0 auto;
    clear: both;
}

    .container > header {
        clear: both;
        color: #fff;
        background: #004f82;
        font-size: 2.0em;
        padding: .7em 1em;
        text-align: center;
        width: auto;
        height: auto;
    }

.cookieNotSupported {
    border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 8px 9px 2px rgba(64, 64, 64, 0.27);
    -webkit-box-shadow: 0px 8px 9px 2px rgba(64, 64, 64, 0.27);
    box-shadow: 0px 8px 9px 2px rgba(64, 64, 64, 0.27);
    width: 98.0em;
    margin: 0 auto;
    clear: both;
}

.note {
    font-size: 16px;
    color: #666666;
    line-height: 20px;
    padding: 0px 10px 0px 25px;
}



.notenopad {
    font-size: 1.4em;
    color: #666666;
    line-height: 20px;
    padding: 0px 0px 0px;
}

.note p {
    margin-bottom: 5px;
}

.noteWrapper {
    width: 64em;
    margin: 1em auto;
}

.emphasized {
    font-size: 1.4em;
    color: #373737;
    font-weight: bold;
    margin: 0 0 0.4em 0;
    display: block;
    margin-bottom: 8px;
}

.note p.emphasized {
    margin-bottom: 8px;
}

#StateCode {
    min-width: auto;
    width: 79px;
}

.note p:first-child {
    margin-top: 16px;
}

.validationErrorTimeout .note p:first-child {
    margin: 0;
}

header .notenopad {
    margin-top: 8px;
}

section.login-panel {
    width: 59em;
    margin: 2em auto 1em auto;
    border: 1px solid #dddddd;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

section.content-panel {
    margin: 15px;
    border: 1px solid #dddddd; /*min-height:700px;*/
}

header {
    width: 98.0em;
    margin: 0 auto;
    height: auto;
    padding: 1.5em 0;
    background: #fff;
}

.headerBg {
    background-color: #fff;
    border: 1px solid #dfdcdc;
    border-bottom: 0;
    border-top: 0;
    height: 6em !important;
}

section.login-panel > header, section.content-panel > header {
    background: #F6F6F6; /* Old browsers */
    padding: 10px 1.9em;
}

section.login-panel > header, section.content-panel header {
    background: #ececec;
    width: auto;
    height: auto;
    padding: 10px 1.9em;
    border-bottom: 1px solid #ececec;
    font-size: 16px;
}

section.content-panel > header, section.content-panel > header.hdrBig {
    padding: 20px;
}

    section.content-panel > header.hdrSmall {
        padding: 16px 25px;
    }

    section.login-panel > header h1, section.content-panel > header h1 {
        text-align: left;
        color: #373737;
        font-size: 22px;
        font-weight: bold;
        margin: 0;
    }

section.login-panel > header {
    padding: 18px 20px;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

section > h1 {
    font-weight: normal;
}

.BreadCrumbSteps {
    padding: 26px 0 0px 5px;
    clear: both;
}

    .BreadCrumbSteps li {
        display: inline;
        padding: 0px 0px 0 10px;
        margin-left: 10px;
        font-size: 16px;
        color: #c4c4c4;
        text-decoration: none;
    }

        .BreadCrumbSteps li.activeStep {
            color: #666;
            font-weight: bold;
        }

        .BreadCrumbSteps li:last-child .icons.arrow {
            background: none;
        }

        .BreadCrumbSteps li + li {
            padding-left: 5px;
        }

        .BreadCrumbSteps li span {
            color: #bfbfbf;
            font-size: 31px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 10px;
            vertical-align: top;
            line-height: 15px;
            vertical-align: sub !important;
        }

        .BreadCrumbSteps li.activeStep span {
            color: #686868;
        }

.panelHeadContainer {
    display: inline;
}

.panelHead {
    color: #333333;
    text-shadow: 2px 2px 1px rgba(255, 255, 255, 2);
    cursor: default;
    display: inline;
    padding: 0.5em 0;
    font-size: 24px;
}

.payNow-balance {
    font-size: 16px;
}

.payNow-accountNo {
    font-size: 24px;
    margin-right: 25px;
}

.subPayAcNo label {
    white-space: nowrap;
}

.payNow-accountNo span, .payNow-balance span {
    font-weight: bold;
    margin-left: 10px;
}

.hBalanceView {
    color: #564E4E;
    display: block; /*float: right;*/
    font-size: 16px;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    width: 430px;
}

.vBalanceView {
    color: #7D7A7A;
    display: block;
    font-size: 16px;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    padding-right: 0em\9;
    border-left: 1px solid #BFBFBF;
    width: 220px;
}

    .vBalanceView p {
        padding-bottom: 2px;
    }

.hBalanceView span {
    /* font-weight: bold;*/
    margin-left: 3px;
    margin-right: 3px;
}

.customPresentment {
    color: #797676;
    display: block;
    font-size: 16px;
    margin: 0px;
    padding-right: 0em\9;
    margin-left: 0px;
    padding: 12px 0;
}


.span-left {
    margin-left: 0px;
    white-space: nowrap;
}

.login-panel .formgroup {
    width: 54em;
    margin: 1.5em auto 0 auto;
}

.row {
    /*overflow: hidden;*/
    margin: 5px 5px 5px 0;
    display: inline-block;
    vertical-align: top;
}

#login-page .row {
    margin: 5px 0 25px 0px;
    display: inline;
}

.walletRow { /*display:inline-block;*/
}

.login-panel .row label {
    display: block;
    font-size: 20px;
    margin: .5em .5em .4em 0;
}

.row.newline {
    display: block;
}

    .row label, .row.newline label { /*	float: left;*/
        display: inline-block;
        font-size: 20px;
        margin: 4px 8px 7px 0;
        color: #333;
        vertical-align: top;
    }

.newline label.TermsandConditions {
    color: #797979;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 14px;
}

.inputValidatorContainer {
    position: relative;
}

label.Large { /*	float: left;*/
    font-size: 20px;
    margin: 0.4em 0.5em 0.4em 0;
    max-width: 100px;
}

.paymentNow_wrapper label.Large, .EditPanel label.Large, #AddRecurring label.Large {
    max-width: 85px;
    margin: 10px 2px;
    vertical-align: top;
}

label.Large_fixwidth { /*	float: left;*/
    max-width: 110px;
    font-size: 20px;
    margin: 0.2em 0.1em 0.4em 0.4em;
}

.paymentNow_wrapper label.CurrenySign {
    font-size: 20px;
    margin: 0.2em 0.1em 0.4em 0.5em;
}

.row input, .row select, .newline input, .newline select { /*	float: left;*/
    display: inline;
    margin: 0 7px 0 0;
    padding: 6px;
    vertical-align: middle;
}
/* input[type="checkbox"]{    padding:0px;    margin:0px;    cursor:pointer;    } */
input[type="tel"], input[type="text"], input[type="date"], input[type="number"], input[type="email"], select, input[type="password"] {
    font-size: 20px; /**** Font Size in Pixels ***/
    border-radius: 4px;
}

input[type="tel"], input[type="text"], input[type="date"], input[type="number"], input[type="email"], select, input[type="password"] {
    padding: 7px;
    margin: 0;
    border: 1px solid #c4c4c4;
    background-color: #FFF;
    margin: 0 7px 0 0;
}

select {
    color: #333333;
    font-size: 20px; /*height: 41px;*/ /* Commented as per suggestion from UX team*/ /*padding: 0.4em 0.1em 0.3em 0.4em;*/
}

    select option {
        padding: 5px;
        cursor: pointer;
    }
/*input[type="text"]:hover, input[type="date"]:hover, input[type="number"]:hover, input[type="email"]:hover{
	border: 0px solid Gray;-moz-box-shadow: 0 3px 3px 2px #D0DDE6 inset;-webkit-box-shadow: 0 3px 3px 2px #D0DDE6 inset;box-shadow: 0 3px 3px 2px #D0DDE6 inset;  }*/
.login-panel .formgroup input[type="text"], .login-panel input[type="date"], .login-panel input[type="number"], .login-panel input[type="email"] {
    width: 50%;
}

.login-panel select {
    font-size: 21px;
    height: 41px;
}

.pay_now input[type="text"], .pay_now input[type="number"], .pay_now input[type="email"] {
    width: 110px;
    font-size: 21px;
}

.pay_now select { /*font-size:2em;	height:39px;	margin: 0;*/
}

#login-page .paySelect {
    /*min-width: 286px;*/
}

.paySelect {
    font-size: 21px;
    height: 41px;
    margin: 0;
    min-width: 150px;
    max-width: 260px;
    border: 0px !important;
}

.paySelect_280 {
    max-width: 280px;
}

.pay_now input[type="date"] {
    width: 120px;
}
/*.pay_now {    font-size:24px;	margin-right: 1em;}*/
.pay_now .validationErrTxt {
    display: block;
    clear: both;
}
/*.pay_now.inline a[rel="tooltip"] {float: none;margin-bottom: 15px;vertical-align: bottom;}*/
/*input[type="number"] {text-align: right;}*/
input[type="text"].disabled, input[type="email"].disabled, input[type="number"].disabled {
    color: #797979;
    background: #F5F5F5;
    border: 0px solid #BFBFBF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 7px; /*width: 240px;*/
}

input.disabled:hover {
    color: #797979;
    background: #F5F5F5;
    border: 0px solid #BFBFBF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.icons {
    background: url(../images/icons-sprite.png) no-repeat;
}

.iconsnew {
    background: url(../images/icons-sprite.png) no-repeat;
}

.icons.error {
    background-position: 2px -2px;
    width: 17px;
    height: 15px;
    display: inline-block;
    margin: 0 .5em 0 0;
}

.info.icons {
    background-position: -15px -2px;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    text-align: left;
    text-indent: -99999px;
    width: 20px;
    margin: 0;
}

a[rel="tooltip"] {
    float: none;
    margin-bottom: 0;
    vertical-align: middle;
}

.waveFeeContainer .icons.info, .large_margin .icons.info {
    margin: 0;
}

.login-panel .icons.info {
    margin: 10px 0 0;
}

#login-page .icons.info {
    margin: 0;
}

.paymentOptions .info.icons {
    margin: 4px 0 0 1px;
}

.icons.success {
    background-position: -35px 0;
    width: 29px;
    height: 22px;
    display: block;
    margin: 0em .5em 0 0em;
    text-indent: -99999px;
    text-align: left;
    overflow: hidden;
    float: left;
}

.icons.fail {
    background-position: -493px 0;
    width: 25px;
    height: 25px;
    display: block;
    margin: -4px 0.5em 0 0;
    text-indent: -99999px;
    text-align: left;
    overflow: hidden;
    float: left;
}

.icons.schedule {
    background-position: -469px 0;
    width: 23.3px;
    height: 25px;
    display: block;
    margin: 0em .5em 0 0em;
    text-indent: -99999px;
    text-align: left;
    overflow: hidden;
    float: left;
}

.icons.email {
    background-position: -64px 0;
    width: 25px;
    height: 15px;
    text-indent: -99999px;
    text-align: left;
    display: block;
    margin-top: 7px;
}

.icons.phone {
    background-position: -89px 0;
    width: 7px;
    height: 20px;
    display: block;
    text-indent: -99999px;
    text-align: left;
    margin: 7px 0 0 1.3em;
}

.icons.home {
    background-position: -96px 0;
    width: 21px;
    height: 18px;
    display: block;
    text-indent: -99999px;
    text-align: left;
    margin: 7px 0 0 .3em;
}

.logos {
    background: url(../images/icons-sprite.png) no-repeat;
    text-indent: -99999px;
    text-align: left;
    margin: 0em;
    display: inline-block;
    height: 25px;
}

    .logos.echeck {
        float: right;
        background-position: -168px 0;
        width: 49px;
        height: 23px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
    }

    .logos.ach {
        float: left;
        background-position: -166px 0;
        width: 49px;
        height: 23px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
    }

    .logos.amex {
        float: left;
        background-position: -518px 0;
        width: 38px;
        height: 25px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
    }

    .logos.accel {
        float: left;
        background-position: -1137px -2px;
        width: 42px;
        height: 22px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
    }

    .logos.nyce {
        float: left;
        background-position: -556px -9px;
        width: 43px;
        height: 16px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
        margin-top: 6px;
    }

    .logos.discover {
        float: left;
        background-position: -624px 0;
        width: 38px;
        height: 25px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
    }

    .logos.mastercard {
        float: left;
        background-position: -662px 0;
        width: 41px;
        height: 25px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
    }

    .logos.pulse {
        float: left;
        background-position: -704px 0;
        width: 46px;
        height: 25px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
        margin-top: -2px;
    }

    .logos.star {
        float: left;
        background-position: -1178px 0;
        width: 44px;
        height: 25px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
    }

    .logos.visa {
        float: left;
        background-position: -310px 0;
        width: 38px;
        height: 25px;
        display: inline-block;
        text-indent: -99999px;
        text-align: left;
        margin: 0em 0.2em;
    }

.jpmc-pwc-button {
    min-width: 62px !important;
    height: 25px !important;
    float: left !important;
}

.logos.chasepay {
    float: left;
    background-position: -1228px 0;
    width: 58px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.logos.visadebit {
    float: left;
    background-position: -789px 0;
    width: 34px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.echeck {
    float: right;
    background-position: -168px 0;
    width: 49px;
    height: 23px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.ach {
    float: left;
    background-position: -166px 0;
    width: 49px;
    height: 23px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.amex {
    float: left;
    background-position: -518px 0;
    width: 38px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.accel {
    float: left;
    background-position: -1137px -2px;
    width: 42px;
    height: 22px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.nyce {
    float: left;
    background-position: -556px -9px;
    width: 43px;
    height: 16px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
    margin-top: 6px;
}

.icons.discover {
    float: left;
    background-position: -624px 0;
    width: 38px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.mastercard {
    float: left;
    background-position: -662px 0;
    width: 41px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.pulse {
    float: left;
    background-position: -703px 0;
    width: 48px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
    margin-top: -2px;
}

.icons.star {
    float: left;
    background-position: -1178px 0;
    width: 44px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.visa {
    float: left;
    background-position: -310px 0;
    width: 38px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.chasepay {
    float: left;
    background-position: -1228px 0;
    width: 58px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.visadebit {
    float: left;
    background-position: -786px 0;
    width: 41px;
    height: 25px;
    display: inline-block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em 0.2em;
}

.icons.cdCard {
    float: right;
    background-position: -310px 0;
    width: 115px;
    height: 23px;
    display: block;
    text-indent: -99999px;
    text-align: left;
    margin: 0em;
    float: right;
    padding: 5px 0px;
    margin: 0em 0.2em;
}

.icons.blueArrow {
    left: 5em;
    position: absolute;
    background-position: -215px 0;
    width: 42px;
    height: 25px;
    display: block;
    bottom: -25px;
}

.icons.save {
    background-position: -259px 0;
    width: 20px;
    height: 22px;
    display: inline-block;
    bottom: -25px;
    text-indent: -99999px;
    text-align: left;
    margin: 0 1em 0 0;
}

.icons.print {
    background-position: -277px 0;
    width: 22px;
    height: 21px;
    display: inline-block;
    bottom: -25px;
    text-indent: -99999px;
    text-align: left;
}

.activeStep .icons.arrow {
    background-position: -424px 0;
    width: 24px;
    height: 15px;
    display: inline-block;
    margin: 0 0 0 1em;
    vertical-align: middle;
}

.icons.arrow {
    background-position: -447px 0;
    width: 24px;
    height: 15px;
    display: inline-block;
    margin: 0 0 0 1em;
    vertical-align: middle;
}

.jserror span.icon-error {
    background: url(../images/icons-sprite.png) no-repeat;
    background-position: -822px 0px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 0 0 1em;
    vertical-align: top;
}

/********** Error & Success Message*******/
.jserror {
    background-color: #cc0000;
    margin: 0;
    padding: .8em 0 .8em 2.0em;
    font-size: 14px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #ffffff;
    clear: both;
}

.errorBox {
    background-color: #feebeb;
    margin: 5px 0px 5px 0px;
    padding: 10px 9px;
    font-size: 14px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #ff0000;
    clear: both;
}

.paymentNow_wrapper {
    padding-top: 15px;
    padding-left: 12px;
}

.paynow-panel .paymentNow_wrapper {
    padding-left: 0; /*    display: inline-block;*/
}

#individualPolicyArticle .paymentNow_wrapper {
    padding-top: 0;
    padding-left: 0;
}

div[id$="policyhover"] {
    overflow: auto !important;
}

.AddRecurring .EditPanel .errorBox {
    font-size: 1em;
}

#AddNewWalletItem .errorBox {
    margin-left: 0px;
}

#AddNewWalletItem .paymentOptions {
    margin-left: 0;
}

.validationError {
    border: solid 2px #FF5559;
    border-right-width: 7px;
    padding: 2px;
}

input.validationError {
    border: solid 2px #FF5559;
    border-right-width: 5px;
}

    input.validationError:hover {
        border: solid 2px #FF5559;
        border-right-width: 5px;
    }

.validationErrTxt {
    font-size: 12px;
    color: #FF0000;
    margin: .5em 0 0 2px;
    padding: 0px;
    clear: both;
    min-height: 1px;
    display: block;
    text-align: left;
    max-width: 250px;
    word-wrap: break-word;
}

.ShortValidMessage .validationErrTxt {
    max-width: 115px;
}

.ShortValidMessageEndPay .validationErrTxt {
    max-width: 72px;
}

.infoBlock .validationErrTxt {
    max-width: 370px;
    line-height: 18px;
}


.dateValidationIE .validationErrTxt {
    display: table-cell;
    max-width: 72px;
    vertical-align: top;
}

.dateValidationIE .OD-inlineBlock .OD-show {
    width: 80px;
}

.ShortValidMessage_120 .validationErrTxt {
    max-width: 120px;
}

.ShortValidMessage_140 .validationErrTxt {
    max-width: 142px;
}

.infoBlock .subscriberName .validationErrTxt {
    max-width: 250px;
    margin-left: 0px;
}

.login-panel .validationErrTxt, .subscriberName .validationErrTxt {
    max-width: 360px;
    margin-left: 43%;
}

.longSelect {
    max-width: 400px;
    max-width: 400px\9;
}

    .longSelect .paySelect {
        max-width: 273px;
        min-width: 200px;
    }

#PaymentInfoForm .paySelect {
    max-width: 350px;
    width: 220px;
}

.successBox {
    background-color: transparent;
    border: 0px solid #f29b9b;
    margin: .8em 0 .8em 0;
    padding: .8em 0 .8em .8em;
    font-size: 1.4em;
    line-height: 1.5em;
    font-weight: bold;
}

.text a[rel="tooltip"] {
    float: none;
}
/*.login-panel a.icons.info[rel="tooltip"] {float:none}*/
.inline a[rel="tooltip"] { /*float: right;*/ /*margin: 0 0 0 0.3em;*/
}

.tooltip {
    position: absolute;
    z-index: 2000;
    display: block;
    padding: 5px;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .tooltip.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .tooltip.top {
        margin-top: -3px;
    }

    .tooltip.right {
        margin-left: 3px;
    }

    .tooltip.bottom {
        margin-top: 3px;
    }

    .tooltip.left {
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 500px;
    padding: 5px 8px;
    color: #333;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #333;
    -moz-box-shadow: 2px 2px 8px 0px #999;
    -webkit-box-shadow: 2px 2px 8px 0px #999;
    box-shadow: 2px 2px 8px 0px #999;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.formButtons {
    background: #d3e1ea;
    clear: both;
    margin: 0;
    width: auto;
    padding: 19px 25px;
    text-align: right;
}


.infoBlock .formButtons {
    margin-top: 10px;
}

.updating_formButtons {
    background: none repeat scroll 0 0 #DEE6D9;
    clear: both;
    margin: 0;
    width: auto;
    padding: 1.9em 1.1em;
    text-align: right;
}

.buttonGroup {
    float: right;
}

.formgroup .formButtons {
    text-align: right;
    clear: both;
    margin: 2em 21.7em 2em 0px;
    background: #fff;
    padding: 0;
}

.buttonSecondary.small {
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 4px;
}

.buttonSecondary:hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#d9d9d9));
    background: -moz-linear-gradient(top, #ccc, #d9d9d9);
    text-decoration: none;
}

footer {
    padding: 1em;
    clear: both;
    width: 96em;
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-bottom: none;
    background: #fff;
    margin: 0 auto;
    border: 1px solid #DEDEDE;
    border-top: none;
}

    footer .footer-text {
        width: 70%;
        float: left;
        color: #ccc;
        margin-bottom: 5px;
        font-size: 1.2em;
        color: #666666;
        line-height: 1.8em;
    }

        footer .footer-text a {
            text-decoration: none;
            color: #0066cc;
        }

            footer .footer-text a:hover {
                text-decoration: underline;
            }

    footer .footer-poweredBy {
        width: 17%;
        float: right;
        text-align: right;
    }

        footer .footer-poweredBy img {
            vertical-align: top;
        }

    footer .icon-Billmatrix {
        background: url(../images/icons-sprite.png) no-repeat;
        background-position: -1016px 0px;
        width: 120px;
        height: 25px;
        text-indent: 100%;
    }

.foot_links {
    color: #0184e8;
    padding: 2px 10px 2px 0px;
    text-decoration: none;
}

    .foot_links:hover {
        color: #0099FF;
        text-decoration: underline;
    }

.strong {
    font-weight: bold;
}

.block-separator {
    margin: 5px 25px;
    border: 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #ffffff;
    clear: both;
}

div.PayFormgroup {
    width: auto;
    margin: 50px 0em 1.0em;
    padding: 0 5px;
    clear: both;
}

.content-panel .PayFormgroup40 {
    margin-top: 0px;
}

.ContentViewPanel {
    padding-top: 0px;
}

div.formgroup {
    width: auto;
    margin: 10px;
    padding: 5px;
    clear: both;
}

.welcomeNote {
    padding-top: 1px;
}

.formgroup div section {
    margin: 2em 0 0;
}

.PayFormgroup div section {
    margin: 0;
}

#editorRows section {
    margin: 0;
}

.table-numberColHead {
    text-align: center;
}

.grid thead th.table-amountColHead {
    width: 1%;
    text-align: left; /*text-align:right;*/ /* Related to Pay Header in schedule payment*/
    white-space: nowrap;
    white-space: nowrap;
    padding-right: 0.5em;
}

.table-amountColHead {
    width: 1%;
    text-align: right;
    white-space: nowrap;
}

.table-numberCol {
    text-align: right;
    padding-right: 3em;
    white-space: nowrap;
}

.table-CelRgt {
    text-align: left;
    white-space: nowrap;
}

.grid tr .table-CelRgt_25 {
    padding-right: 25px;
}

#form0 .large_margin {
    margin-left: 5px;
}

#form0 .margin_18 {
    margin-left: 14px;
}

#form0 .agreeLink {
    margin-left: -4px;
}

.grid thead th.table-CelCenter {
    text-align: center;
    white-space: nowrap;
}

.grid thead th.table-CelRgt {
    text-align: right;
    white-space: nowrap;
}

.table-CelLeft {
    text-align: left;
    white-space: nowrap;
}

.table-CelCenter {
    text-align: center;
    white-space: nowrap;
}

.agreeLink {
    padding: .8em 1em .5em 0;
    clear: both;
    font-size: 14px;
    float: left;
    text-align: left;
}

    .agreeLink a {
        font-size: 15px;
        color: #5cabdf;
        text-decoration: underline;
    }

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

.updating {
    background: #E4F0D4;
    border: none;
}

.spacer, .clear {
    clear: both;
}

.spacerVPad {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.updatingLinks {
    font-size: 1.2em;
    font-weight: normal;
    color: #61a22b;
    float: left;
    margin: .5em;
}

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

.OD-show {
    display: block;
}

.OD_hide {
    display: none;
}

.OD-left {
    float: left;
}

.OD-right {
    float: right;
}

.OD_speceRgt {
    padding-right: 50px;
}

.OD-block {
    display: block;
}

.DisclaimerMessage {
    display: block;
    font-size: 16px;
    color: brown;
    padding: 5px;
}

.OD-inlineBlock {
    display: inline-block;
}

.OD-Inline {
    display: inline;
}

.OD-TextBig {
    font-size: 18px;
}

.OD-TextLarge {
    font-size: 16px;
}

.OD-TextMid {
    font-size: 14px;
}

.OD-TextSm {
    font-size: 12px;
}

.OD-vAlignTop {
    vertical-align: top;
    margin-left: 0px;
}

.OD-txtAlignLeft {
    text-align: left;
}

.OD-vAlignTop label {
    vertical-align: top;
    margin-left: 0px;
}

.noteP {
    display: inline-block;
    padding: 0 47px;
    font-size: 16px;
}

.reasonLabel {
    font-size: 16px;
    padding: 15px 10px 0 46px;
    float: left;
    font-weight: 600;
}

.mandatoryF {
    color: red;
}

.noteH {
    font-weight: 600;
}

.autoPayButton_block {
    font-size: 2em;
    font-weight: normal;
    color: #333333;
    display: inline;
    margin-right: 5px;
    float: left;
}

.PaymentInfoFormContainer {
    width: 98%;
    height: auto;
    min-height: 100px;
    padding: 0;
    margin: 0 auto;
}

.paymentDevider {
    width: auto;
    display: block;
    padding: 0;
    margin: 10px 0;
}

.closePayBox {
    cursor: pointer;
    clear: both;
    width: 8px;
    height: 8px;
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
}

    .closePayBox a {
        float: right;
    }

.payOptionCommon {
    margin: 0;
    padding: 0px;
}

.paynow-panel .formgroup hr + .closePayBox {
    top: 30px;
}

.payAmountContainer {
    display: inline;
    float: left;
    padding: 5px;
}

.payDateContainer {
    display: inline;
    float: left;
    padding: 5px;
}

.payMethodContainer {
    display: inline;
    float: left;
    padding: 5px 5px 0px 5px;
}

.radioValignTop {
    margin: 13px 7px 0 0;
}

.payFrequencyblock {
    float: left;
    margin: 1.5em 2em 0 24px;
    padding: 0px;
    width: 58%;
    clear: none;
}

    .payFrequencyblock .paymentOptions .row.newline label {
        vertical-align: middle;
    }

#AddRecurringPay .acceptFees-block {
    margin-left: -2px;
}

.endPaymentblock {
    float: left;
    margin: 1.5em 2em 18px 0;
    display: inline-block;
    padding: 0px;
    width: 31%;
}

.endPaymentblock_30 {
    margin: 1.5em 1em 18px 0;
    width: 30%;
}

.payText {
    margin: 0 0 0 0;
    padding: 12px;
    padding-bottom: 0px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    float: left;
}

.payTextTop {
    margin: 0 0 0 0;
    padding: 2px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    float: left;
    width: 97%;
}

.NotesText {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    color: #666;
    float: left;
    width: 100%;
}

label.payText {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    float: left;
    width: 97%;
}

.payOptionChecking {
    display: none;
    background-color: #fafafa;
    border: solid 1px #f3f3f3;
    -webkit-box-shadow: 0 0 1px 1px #f3f3f3;
    -moz-box-shadow: 0 0 1px 1px #f3f3f3;
    box-shadow: 0 0 1px 1px #f3f3f3;
    padding: 15px;
    margin: 0 auto;
}

.showErr {
    display: block;
}

.detailArrowPanel {
    margin: 0px auto -4px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 97px;
}

.showPanel {
    display: block;
}

.PayMethodDetail_Container {
    float: left;
    display: inline;
    padding-right: 18px;
    width: 22%;
}

.payMethodPic {
    float: right;
    margin: 15px 53px 0px 0px;
}

.paylink {
    font-size: 14px;
    vertical-align: text-top;
    color: #999;
}

    .paylink:hover {
        text-decoration: underline;
    }

.total_div {
    margin: 0;
    padding: 6px;
    background: #F0FED9;
    border-top: 1px solid #F1F1F1;
    font-size: 14px;
    color: #333333;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.total_amount {
    color: #333333;
    font-size: 2.4em;
    font-weight: bold;
    padding: 0em;
    text-align: left;
    margin: 0;
}

.Total_Submit {
    background-color: #dee6d9;
    border-top: 1px solid #F1F1F1;
    color: #333333;
    font-size: 14px;
    height: 40px;
    margin: 16px 0 0;
    padding: 6px 6px 8px;
}

.totalA_div {
    background-color: #D2E1E9;
    border-top: 1px solid #F1F1F1;
    color: #333333;
    font-size: 14px;
    height: 60px;
    margin: 20px 0 0;
    padding: 10px 6px 0px;
}

    .totalA_div p {
        padding-right: 25px;
    }

.totalA_divTxt {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    padding-top: 16px;
    padding-left: 15px;
}

.total_block {
    background: #DBDBDB;
    clear: both;
    margin: 0 0 1px 0;
    width: auto;
    padding: .5em .5em .5em 25px;
    text-align: right;
}

.updaing_total_block {
    background: #DBDBDB;
    clear: both;
    margin: 0 0 1px 0;
    width: auto;
    padding: 24px 24px 24px 12px;
    text-align: left;
    overflow: hidden;
}

    .updaing_total_block .total_small-font {
        display: inline;
        padding-top: 0px;
        padding-left: 10px;
    }

.total_small-font {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 0 0 0;
    text-align: left;
}

.total_mid-font {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    display: block !important;
}

.total_large-font {
    color: #333333;
    font-size: 3.0em;
    font-weight: bold;
    padding-top: 16px;
    padding-left: 15px;
}

.smallTotal {
    padding: 10px 0;
}

#divSelectedPaymentCategoryKey {
    padding-bottom: 10px;
}

.btnContainer_rgt {
    float: right;
}

.chkAddtoWallet {
    padding: 15px 0px 0px;
    font-size: 12px;
    color: #656565;
}

.methodSelectionImgPanel {
    margin: 5px 0 3px 5px;
    padding: 0;
}

.fee_text {
    margin: 0 0 0 2px;
    padding: 0;
    font-size: 16px;
    color: #1d1b1b;
}

.startOverText {
    margin: 0 0 0 2px;
    padding: 0;
    font-size: 12px;
    color: #777;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.ReceiptMsgimg {
    padding: 0px 8px 0px 1px;
    float: left;
}

.ReceiptMsg_WalletMsg_Success {
    background: #f1fde7;
    border: solid 1px #def9c7;
    color: #000000;
    font-weight: bold;
    font-size: 1.6em;
    padding: 1em;
    width: 500px;
    margin: 0px 10px 0px 25px;
}

.ReceiptMsg_WalletMsg_Fail {
    font-weight: bold;
    color: #ff0000;
    background: #feebeb;
    border: solid 1px #f7d7d7;
    font-size: 1.6em;
    padding: 1em;
    width: 500px;
    margin: 0px 10px 0px 25px;
}

.ReceiptMsg_Success {
    background: #f1fde7;
    border: solid 1px #def9c7;
    color: #000000;
    font-weight: bold;
    font-size: 1.6em;
    padding: 1em;
    width: 500px;
    margin: 25px 10px 0px 25px;
}

.ReceiptMsg_Fail {
    font-weight: bold;
    color: #ff0000;
    background: #feebeb;
    border: solid 1px #f7d7d7;
    font-size: 1.6em;
    padding: 1em;
    width: 500px;
    margin: 25px 10px 20px 25px;
}

.ReceiptMsg_Scheduled {
    font-weight: bold;
    background: #edfcff;
    border: solid 1px #d5f3f9;
    color: #000000;
    font-size: 1.6em;
    padding: 1em;
    width: 505px;
    margin: 25px 10px 20px 25px;
}

.receiptLabel, .receiptLabel label {
    font-size: 20px;
    color: #333333;
    text-align: left;
    max-width: 130px;
    vertical-align: top;
    padding: 10px 4px 0 0;
    display: inline-block;
}

    .receiptLabel label {
        margin: 0;
        max-width: 180px;
        vertical-align: baseline;
    }


.autopayLabel {
    font-size: 20px;
    color: #333333;
    text-align: left;
    max-width: 90px;
    vertical-align: top;
    padding: 4px 4px 0 0;
    display: inline-block;
}

.autopayemailLabel {
    font-size: 20px;
    color: #333333;
    text-align: left;
    max-width: 140px;
    vertical-align: top;
    padding: 4px 4px 0 0;
    display: inline-block;
}

.emailLabel {
    font-size: 20px;
    color: #333333;
    text-align: left;
    vertical-align: top;
    padding: 4px 4px 0 0;
    display: inline-block;
    max-width: 140px;
}



.receiptValBg {
    background-color: #f3f7f9;
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    margin-right: 5px;
    padding: 0.5em 0.5em;
    border-radius: 5px;
    max-width: 314px;
    vertical-align: top;
    display: inline-block;
}

.ReceiptNotes {
    padding: 1em 2em;
}

    .ReceiptNotes p {
        font-size: 12px;
        padding: 0px;
    }

.setUpAutopayPanel {
    padding-left: 25px;
}

.formgroup.updating {
    margin: 0;
    padding: 3em 2.2em;
    overflow: hidden;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.updating_cont {
    font-size: 14px;
    padding: 20px 0 0;
    color: #61a22b;
    position: absolute;
    right: 30px;
    bottom: 10px;
}

.left-pad10 {
    padding-left: 10px;
}

.walletAcGrid {
    width: 100%;
}

    .walletAcGrid tr td.colName {
        width: 29%;
    }

    .walletAcGrid tr td.colPayMethod {
        width: 49%;
    }

    .walletAcGrid tr td.colDefault {
        width: 10%;
    }

    .walletAcGrid tr td.colUpdate {
        width: 12%;
        white-space: nowrap;
        padding-right: 25px;
    }

.infoBlock {
    background: #f8f8f8;
    padding: 1.0em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    clear: both;
    border: 0px;
    overflow: hidden;
    margin: 15px;
}

    .infoBlock p.name {
        font-size: 18px;
        padding: 10px 0 0 10px;
    }

    .infoBlock dl, .infoBlock div.dl {
        margin: 1em 0 0 0;
    }

    .infoBlock dl {
        padding: 0 0 0 10px;
    }

    .infoBlock dt, .infoBlock div.dt {
        float: left;
        font-size: 1.4em;
        width: 40px;
        clear: both;
        margin: 0 0 .5em 0;
        height: 25px;
        text-align: center;
    }

    .infoBlock dd, .infoBlock div.dd {
        font-size: 1.4em;
        line-height: 1.75em;
        margin: 0 0 .5em 0;
    }

        .infoBlock dd ul li, .infoBlock div.dd ul li {
            display: inline-block;
        }

        .infoBlock dd a, .infoBlock div.dd a {
            font-size: .85em;
        }

        .infoBlock dd ul li label, .infoBlock div.dd ul li label {
            display: block;
            font-size: 1em;
            margin: 0 0 .4em 0;
            color: #666;
        }

    .infoBlock .pageButtons {
        margin: 1em 0 0 0;
    }

.editLink {
    bottom: 10px;
    right: 25px;
    position: absolute;
    font-size: 14px;
}

.addWalletLink, .addRecuringLink, .addAutoPayLink {
    top: 17px;
    right: 10px;
    position: absolute;
    font-size: 14px;
}

.infoBlock .subscriberName span input[type="text"], .subscriberName span input, .subscriberName, .profilePhoneNumber span input[type="text"], .profilePhoneNumber span input, .profilePhoneNumber {
    font-size: 14px;
    margin-top: 0.3em;
    width: 250px;
}

.infoBlock .profileEmailAddress span input[type="text"], .profileEmailAddress span input, .profileEmailAddress {
    font-size: 14px;
    margin-top: 0.3em;
    width: 250px;
}

.subscriberEmailPhone span input[type="text"] {
    width: 200px;
    margin-top: 0.3em;
}

.infoBlock > select {
    height: 35px;
}

.autoPayEmail_350 {
    width: 350px;
}

.grid {
    font-size: 1.3em;
    width: 100%;
}

    .grid tr td {
        padding: 15px 10px;
        color: #4b4a4a;
        position: relative;
        font-size: 16px;
    }

.childRow td {
    padding-top: 0px !important;
}

/*.grid tr:hover {
        background: #f9f9f9;
    }

tr.selected:hover {
    background: #DEE6D9;
}*/

.grid thead th {
    background: #f5f6f6;
    padding: 15px 10px;
    font-weight: bold;
    text-align: left;
    font-size: 16px;
}

    .grid thead th:first-child, .grid tr td:first-child { /* padding-left:12px;*/
        font-size: 16px;
    }

.EditPanel td {
    padding-left: 0px;
}

    .EditPanel td.lftPad0 {
        padding-left: 0px;
    }

.pageButtons {
    border: 0px solid #dddddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    clear: both;
    margin: 0.7em 0 0.9em 0;
    padding: 0.5em 25px;
    width: auto;
    text-align: right;
}

    .pageButtons a {
        font-size: 14px;
    }

#ScheduledPaymentInfo .EditPanel .formgroup {
    padding: 1.5em 1em 0em 1em;
    margin: 0em;
}

#RecurringPaymentInfo .EditPanel .formgroup {
    padding: 1.5em 1em 0 1em;
    margin: 0em;
}

.EditPanel .pageButtons {
    background: #dee6d9;
    margin: 0em;
}

.row.stack label {
    color: #797979;
    display: block;
    font-size: 15px;
    margin: 0 0 0.2em;
}

.row.stack {
    margin: 10px;
    display: inline-block;
}

#AddNewWalletItem .row.stack {
    padding-bottom: 10px;
}

tr.selected {
    background: #dee6d9;
}

tr.EditPanel td {
    padding: 0px;
    margin: 0px;
}

    tr.EditPanel td div.block {
        padding: 10px;
    }

.defaultPayment-block, .acceptFees-block {
    text-align: left;
    float: left;
    font-size: 14px;
    padding-left: 0px;
}

    .defaultPayment-block p, .acceptFees-block p {
        margin: 0 0 0 2.2em;
        max-width: 500px;
        font-size: 11px;
    }

    .defaultPayment-block label, .acceptFees-block label {
        display: inline;
        margin: 0 0 .4em 0;
        color: #666;
    }

.paymentOptions {
    clear: both;
    margin: 2.6em 1em 1.5em 1em;
    background: #fafafa;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    -moz-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.paymentNow_wrapper .paymentOptions {
    margin: 18px auto;
    width: auto;
    padding: 10px;
}

.paymentOptions.autoPay {
    margin: 1.5em 0em;
}

#UpdateRecurringPay .paymentOptions, #UpdateAutoPay .paymentOptions {
    clear: both;
    margin: 30px 0 1.5em 0;
}

.payNowArrow .icons.topArrow {
    left: 64%;
    position: absolute;
    background-position: -118px 0;
    width: 48px;
    height: 15px;
    display: block;
    top: -15px;
}

#divSelectedPaymentCategory .topArrow {
    left: 60%;
}

#AutoPayDisplayInfo #divSelectedPaymentCategory .topArrow {
    left: 75%;
}

#AddRecurring #divSelectedPaymentCategory .topArrow, #UpdateRecurringPay #divSelectedPaymentCategory .topArrow {
    left: 66%;
}

#divSelectedPaymentCategory .paymentOptions {
    margin: 25px auto;
    padding: 10px;
}


.autoPay .icons.topArrow {
    left: 15%;
    position: absolute;
    background-position: -120px 0;
    width: 48px;
    height: 18px;
    display: block;
    top: -18px;
}

.icons.topArrow {
    left: 13%;
    position: absolute;
    background-position: -117px 0;
    width: 48px;
    height: 18px;
    display: block;
    top: -18px;
}

.cardDisplay {
    float: right;
    padding-right: 1em;
}

.paymentOptions input[type="text"], .paymentOptions input[type="date"], .paymentOptions input[type="number"], .paymentOptions input[type="email"], .paymentOptions select, .paymentOptions input[type="password"] {
    width: 7.5em;
    vertical-align: top;
}

.paymentOptions #EndOccurrencesTextbox, .paymentOptions #RecurrenceDaily, .paymentOptions #RecurrenceWeek, .paymentOptions #RecurrenceYear {
    width: 60px;
}

select.SelectBox-Small, input[type="number"].SelectBox-Small, input[type="Date"].SelectBox-Small {
    width: 5.0em;
}

select.SelectBox-Mid, input[type="text"].SelectBox-Mid {
    width: 6.0em;
}

.payNow .row.stack {
    margin: 2em 0 0 2em;
}

.payNow .icons.echeck {
    float: right;
    margin: 0 5px 1em 0em;
}

.payNow .icons.ach {
    float: right;
    margin: 0 5px 1em 0em;
}

.newline.paynow {
    margin: 0 0 0 20px;
}

    .newline.paynow .total_small-font.Outer_Total {
        margin: 0 2px 0 8px;
        display: inline-block;
    }

.msgBox {
    border: 0px solid #dddddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 1em 2em 2.5em;
}

    .msgBox .msgBlock {
        padding: 1.5em 2em;
        width: 64em;
        color: #fff;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        margin-left: 5px;
        position: relative;
    }

    .msgBox h2 {
        font-size: 2em;
        font-weight: bold;
        margin: 0 0 .5em 0;
    }

    .msgBox p {
        font-size: 1.5em;
    }

.msgBlock.success {
    background: #5DB978;
}

.msgBlock.schedule {
    background: #488fb8;
}

.msgBlock.error {
    background: #F38D8D;
}

.msgBlock.decline {
    background: #F38D8D;
}


.msgBlock:after, .msgBlock:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.msgBlock:after {
    border-width: 20px;
    margin-left: -20px;
}

.msgBlock.success:after {
    border-top-color: #5DB978;
}

.msgBlock.schedule:after {
    border-top-color: #488fb8;
}

.msgBlock.error:after {
    border-top-color: #F38D8D;
}

.msgBlock.decline:after {
    border-top-color: #F38D8D;
}

.iconBlock {
    float: right;
    margin-right: 6px;
}

.modal-header h3 {
    font-size: 16px;
}

.TCbox {
    margin: 20px;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-align: justify;
}

.hrLine {
    width: 95%;
    color: #666666;
}

.payFrequencyblock .paymentOptions {
    margin: 18px 0em;
    padding: .75em 1.5em;
}

.endPaymentblock .paymentOptions {
    margin: 30px 0px 0 0;
    padding: 8px 12px;
}

#SelectedPaymentCategory {
    margin-left: 0px;
}

.endPaymentblock {
    margin-left: 13px;
}

.RecPay_Frequency {
    width: auto;
    margin-right: 15px;
}

.RecPay_End {
    width: 35%;
}

    .RecPay_End .RecPay_Options div {
        padding: 7px;
    }

.RecPay_Frequency .RecPay_Options div {
    padding: 0px;
}

.icons.topArrow.RecPayArrowEndpayment {
    left: 10%;
}

.icons.topArrow.RecPayArrowFreq {
    left: 42%;
}

.alert {
    margin-bottom: 0px;
    font-size: 14px;
}

.labelSmall {
    font-size: 9px;
}

.ScheduleCounter {
    position: absolute;
    top: 3px;
    right: 5px;
    background-color: #fff;
}

.nav-tabs > li, .nav-pills > li {
    padding-left: 10px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background: #F6F6F6;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #004f83;
    padding: 1em;
    border: 1px solid rgba(122,122,122,0.45);
    border-bottom: none;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(white 48%));
    background-image: -webkit-linear-gradient(top, #ededed, white 48%);
    background-image: -moz-linear-gradient(top, #ededed, white 48%);
    background-image: -o-linear-gradient(top, #ededed, white 48%);
    background-image: -ms-linear-gradient(top, #ededed, white 48%);
    background-image: linear-gradient(to bottom, #ededed, white 48%);
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.nav-tabs > li {
    padding-top: 25px;
}

    .nav-tabs > li > a {
        border: 1px solid #f1f1f1;
        border-bottom: none;
        background: #F6F6F6;
        background-image: -webkit-gradient(linear, center top, center bottom, from(white 52%), to(#ededed));
        background-image: -webkit-linear-gradient(top, white 52%, #ededed);
        background-image: -moz-linear-gradient(top, white 52%, #ededed);
        background-image: -o-linear-gradient(top, white 52%, #ededed);
        background-image: -ms-linear-gradient(top, white 52%, #ededed);
        background-image: linear-gradient(to bottom, white 52%, #ededed);
        text-decoration: none;
        font-size: 16px;
        color: #999999;
        padding: 1em;
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
    }

div.MultiPolicyForm {
    margin: 1em 0em 0em 0em;
    padding: 0.5em 2em;
    background-color: #f6f6f6;
}

    div.MultiPolicyForm.active {
        background-image: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(white 48%));
        background-image: -webkit-linear-gradient(top, #ededed, white 48%);
        background-image: -moz-linear-gradient(top, #ededed, white 48%);
        background-image: -o-linear-gradient(top, #ededed, white 48%);
        background-image: -ms-linear-gradient(top, #ededed, white 48%);
        background-image: linear-gradient(to bottom, #ededed, white 48%);
    }

.MultiPolicy_Amount_Head {
    background-color: #CCCCCC;
}

div.MultiPolicyForm.active div div.MultiPolicy_Amount_Head {
    background-color: #E2E9F1;
}

.policy-expanded {
    padding: 10px 0px 0px 55px;
}

.content-panel-indivisual-policy {
    margin: 0em;
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.nav {
    margin-bottom: 2px;
}

.policyHeader {
    margin: 1.5em;
}

.Presentment {
    margin: 1em 0 0;
}

    .Presentment label {
        color: #797979;
        display: inline-block;
        font-size: 16px;
        margin: 0 1em 0.4em 0;
        font-weight: bold;
    }

        .Presentment label span {
            font-weight: normal;
            margin-right: 1em;
        }

.waveFeeContainer {
    /*float: right;*/
    padding-right: 12px;
    padding-top: 0px;
    text-align: right;
}

div.waveFeeContainer label {
    margin-left: 0px;
}

.Outer_Total {
    padding-left: 0px;
}

.newValidationErrTxt {
    font-size: 1.2em;
    color: #FF0000;
    margin: .5em 0 0 2px;
    padding: 5px 0 0;
    position: absolute;
    width: 250px;
    top: 1.5em;
    left: 0em;
}

.pay_now .Large {
    margin-left: 0;
}

.row .marginLeft_10 {
    margin-left: 10px;
}

.marginLeft12 {
    margin-left: 12px;
}

.large_margin #divSelectedPaymentCategory .topArrow {
    left: 20%;
}

.updating #divSelectedPaymentCategory .topArrow {
    left: 20%;
}

.large_margin #divSelectedPaymentCategory {
    padding: 0 0 0 0px;
    margin: 0 0 25px;
}

#UpdateRecurringPay .styledInput, #editorRows .styledInput, #ScheduledPaymentInfo .styledInput, #ContentViewID .styledInput, #PaymentInfoForm .styledInput, #login-page .styledInput {
    background-color: #fff;
    color: #333;
}

#editorRows .errorBox {
    margin: 15px 0;
    padding: 10px 15px;
    width: auto;
}

.styledSelect {
    border: 1px solid #c4c4c4;
    color: #333;
    padding: 1px 5px !important;
    border-radius: 4px;
}

.radioPosition {
    position: relative;
    top: 14px;
}

.accountNumberPanelHead {
    font-size: 16px;
    line-height: 21px;
    padding: 10px 0px;
}

#AddNewWalletItem .topArrow {
    left: 21%;
}

.buttonSecondary, .btn {
    background: #b9b9b9; /* Old browsers */
    background: -moz-linear-gradient(top, #b9b9b9 0%, #666666 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9b9b9), color-stop(100%, #666666)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b9b9b9 0%, #666666 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b9b9b9 0%, #666666 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b9b9b9 0%, #666666 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b9b9b9 0%, #666666 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#666666', GradientType=0 ); /* IE6-9 */
    border: 1px solid #666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    padding: 8px 15px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
}

    .buttonSecondary:hover, .btn:hover {
        background: #545454; /* Old browsers */
        background: -moz-linear-gradient(top, #545454 0%, #666666 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #545454), color-stop(100%, #666666)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #545454 0%, #666666 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #545454 0%, #666666 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #545454 0%, #666666 100%); /* IE10+ */
        background: linear-gradient(to bottom, #545454 0%, #666666 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#666666', GradientType=0 ); /* IE6-9 */
        text-decoration: none;
        color: #fff;
    }

.buttonPrimary, .btn-primary {
    color: #ffffff;
    font-size: 18px;
    background: #fdb07b; /* Old browsers */
    background: -moz-linear-gradient(top, #fdb07b 0%, #fe6801 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdb07b), color-stop(100%, #fe6801)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdb07b 0%, #fe6801 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdb07b 0%, #fe6801 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdb07b 0%, #fe6801 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdb07b 0%, #fe6801 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb07b', endColorstr='#fe6801', GradientType=0 ); /* IE6-9 */
    border: 1px solid #fe6801;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 15px;
    margin: 0 0 0 5px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

    .buttonPrimary:hover, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        background: #e56110; /* Old browsers */
        background: -moz-linear-gradient(top, #e56110 0%, #fe6801 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e56110), color-stop(100%, #fe6801)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e56110 0%, #fe6801 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e56110 0%, #fe6801 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e56110 0%, #fe6801 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e56110 0%, #fe6801 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56110', endColorstr='#fe6801', GradientType=0 ); /* IE6-9 */
    }

.disabledButton, .disabledButton:hover {
    font-size: 18px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb07b', endColorstr='#fe6801', GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 15px;
    margin: 0 0 0 5px;
    text-decoration: none;
    display: inline-block;
    cursor: not-allowed;
    background: linear-gradient(to bottom, #EFEDEC 0%, #D2D0CF 100%) repeat scroll 0% 0% transparent;
    border: 1px solid #b0b0b0;
    color: #6d6f6e;
}

.formButtons {
    background: #eaeaea;
}

.lang_list li {
    color: #333;
}

.lang_list a {
    color: #0184E8;
}

.accountNumberPanelHead .hdrSmall {
    margin-top: 10px;
}

    .accountNumberPanelHead .hdrSmall span {
        padding-right: 6px;
        padding-left: 6px;
    }

section.container {
    padding-bottom: 0px;
    width: 98em;
}

#WalletProfile {
    padding: 1px 0 0;
}

    #WalletProfile .input_210 {
        width: 210px;
    }

    #WalletProfile .input_350 {
        width: 350px;
    }

.subscriberEmailPhone .validationErrTxt {
    max-width: 220px;
}

#State {
    width: 110px;
    height: 40px;
}

.login-panel #Error {
    margin: 0;
}

#WalletProfile .infoBlock .pageButtons {
    margin-right: -10px;
}

.EditPanel .marginLeft_25 {
    margin-left: 25px;
}

.EditPanel .defaultPayment-block {
    margin-left: -4px;
}

.styledInput::-webkit-input-placeholder {
    color: #fff;
}

#PaymentInfoForm .paymentOptions { /*margin-left:3px; margin-right:3px;*/ /*width: 97%;*/
    margin: 30px auto;
}

.grid td.tableCellSpacing {
    text-align: right;
    padding-right: 22px;
}

#RecurringPaymentInfo .grid tr td.tableCellSpacing {
    padding: .9em 0.2em .9em 0.2em;
    text-align: left;
}

.grid td.tableCellSpacingLeft {
    text-align: right;
    padding-right: 70px;
}

#AddRecurring .endPaymentblock .paymentOptions, #UpdateRecurringPay .endPaymentblock .paymentOptions {
    margin: 2.6em 0px 0 0;
}

#login-page .inlineLabel {
    display: inline-block;
    text-align: right;
    width: 35%;
    vertical-align: middle;
}

.spacing20 {
    padding: 12px 0 0 0;
}

.validationErrorTimeout {
    font: normal 20px arial;
    background: #ffec93;
    border: 2px solid #cab243;
    margin: 20px 25px;
    padding: 15px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .validationErrorTimeout span {
        font: bold 20px arial;
        display: block;
    }

.EditPanel .paymentOptions {
    margin: 25px 10px 0 25px;
}

.EditPanel .row .marginLeft_10 {
    margin-left: 0;
}

.updateCancelLinkAutopay {
    font-size: 16px;
    padding-right: 15px;
}

.emailAddressAutopay .validationErrTxt {
    max-width: 276px;
}

.agreeLink .validationErrTxt {
    max-width: 500px;
}

.textWrap {
    max-width: 500px;
}

#ScheduledPaymentInfo .emailPosition {
    padding-top: 0;
}

#LoadingDivId {
    top: 44%;
}

    #LoadingDivId .modal-dialog {
        width: 80px;
        margin: 0 auto;
    }

.EndOccurrencesTextbox .input-mini {
    width: 60px;
}

input.input-mini, select.select-mini {
    width: 60px;
}

input.input-small, select.select-small {
    width: 100px;
}

input.input-medium, select.select-medium {
    width: 140px;
}

input.input-large, select.select-large {
    width: 185px;
}

input.input-xlarge, select.select-xlarge {
    width: 270px;
}

input.input-xxlarge, select.select-xxlarge {
    width: 530px;
}

input[type="text"].input_Comment {
    width: 200px;
}

select.inputMonth {
    width: 75px;
    height: 41px;
}

select.inputYear {
    width: 90px;
    height: 41px;
}

input[type="text"].CardNoInput {
    width: 180px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="email"]::-ms-clear, input[type="number"]::-ms-clear, input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="password"]::-ms-reveal {
    display: none;
}
/*** NEW CSS FEAT 42 60 ***/
.logout {
    float: right;
    padding: 10px;
    border: 1px solid #fff;
    position: initial !important;
}

    .logout a {
        padding: 0;
        line-height: 24px;
        display: inline-block;
        font-size: 14px;
    }

    .logout span.icon-close {
        background-color: #FA4E4E;
        display: inline-block;
        cursor: pointer;
        border-radius: 4px;
        color: #fff;
        margin: -1px 0px 0px 1px;
        font-size: 12px;
        font-weight: bold;
        padding: 3px 0px 2px 6px;
    }

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

    .logout:hover {
        border: 1px solid #eaeaea;
        background-color: #f5f6f6;
        border-radius: 5px;
    }

.subPol {
    position: relative;
}

section.content-panel > .paynow_Membership_header {
    min-height: 27px;
    padding-top: 27px;
}

.dueBlock {
    position: absolute;
    right: 0;
    top: 0;
    color: #666;
    padding: 10px 20px;
    text-decoration: none;
    border-left: solid #fff 1px;
    font-size: 18px;
    background: #f1f1f1;
}

    .dueBlock .extraAmount {
        font-size: 12px;
    }

    .dueBlock p {
        font-size: 14px;
        color: #999999;
    }

.dueDate {
    margin-left: 20px;
}

.dueAmount {
    font-weight: bold;
}

.policy-data hr {
    margin: 15px 10px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #ffffff;
}

.policy-data .pageButtons {
    padding: 0 10px;
    margin-top: 0;
}

.additionalInfo {
    background: #f6f6f6;
    padding: 15px;
}

    .additionalInfo dl {
        font-size: 16px;
        color: #999999;
        line-height: 24px;
    }

    .additionalInfo dt {
        display: inline-block;
        font-weight: bold;
        margin: 0 1px 0 0;
    }

    .additionalInfo dd {
        display: inline-block;
        margin: 0 10px 0 0;
    }

header .policyIndicators {
    position: relative; /*Updated for TT#113849*/
    margin: 0 0 0 10px;
}

.policyIndicators {
    position: absolute;
    margin: 5px 0 0 10px;
}

.iconRecurringpolicy {
    background-position: -842px 0;
    margin-right: 4px;
    height: 24px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
}

.iconAutopaypolicy {
    background-position: -866px 0;
    margin-right: 4px;
    height: 24px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
}

.paynowContainer {
    padding: 5px;
    border-radius: 0px;
    border: none;
}

.paynow-panel .bold {
    font-weight: bold;
}

.paynow-panel .row.prependInput {
    display: block;
    border: solid 1px #efefef;
    border-bottom: 0;
    padding: 10px;
}

    .paynow-panel .row.prependInput, .paynow-panel .row.prependInput + .paynowContainer {
        background: #f6f6f6;
    }

        .paynow-panel .row.prependInput + .paynowContainer {
            border: solid 1px #efefef;
            border-top: 0;
        }

.paynow-panel .paynowContainer .paidPolicies .row .darkGray {
    color: #333333;
}

.paynow-panel .paynowContainer .paidPolicies .colMain .veryLightGray {
    color: #AEAEAE;
}

.paynow-panel .paynowContainer .paidPolicies .policy-data-row {
    margin: auto;
    width: 94%;
    display: block;
}

.paynow-panel .paidPolicies .policyChecked .check {
    display: inline-block;
    width: 24px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/icons-sprite.png) no-repeat;
    background-position: -890px -5px;
    margin: 13px 4px 0 0;
}

.policy-data-row .additionalInfo {
    background: #FCFCFC;
    padding: 15px 0 10px 10px;
    margin: 0;
    font-size: 16px;
}

.paynow-panel .paidPolicies .row .policyChecked .labelText {
    font-size: 12px !important;
    margin: 0px 0 15px 30px;
    line-height: 0 !important;
    display: block;
}

.paynow-panel .paynowContainer .policy-data {
    background: #fff;
    padding: 0px;
}

    .paynow-panel .paynowContainer .policy-data .policy-data-row:last-child {
        border-bottom: 1px solid #E9E9E9;
    }

    .paynow-panel .paynowContainer .policy-data .policy-data-row {
        padding: 8px 2px;
        border-top: 1px solid #E9E9E9;
        position: relative;
        margin: 0;
        width: auto;
        display: block;
    }

    .paynow-panel .paynowContainer .policy-data .paymentNow_wrapper .row {
        border-top: 0px solid #E9E9E9;
    }


    .paynow-panel .paynowContainer .policy-data .row .darkGray {
        color: #333333;
        margin: 0;
    }

.paynow-panel label.indiPolicyCheck {
    color: #797979;
    margin-left: 0;
    padding-left: 0;
    font-size: 16px;
    cursor: pointer;
}

.checkboxInlineLabel input[type="checkbox"] { /*display:none;*/
    left: -999px;
    position: relative;
    display: table;
    margin-top: -13px;
}

.paynow-panel .indiPolicyCheck input[type="checkbox"] + span {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/icons-sprite.png) no-repeat;
    background-position: -975px -1px;
    margin: 0px 5px;
}

.indiPolicyCheck input[type="checkbox"]:checked + span {
    background: url(../images/icons-sprite.png) no-repeat;
    background-position: -953px -1px;
}

.paynow-panel .row .indiPolicyCheck .labelText {
    font-size: 12px !important;
    margin: 6px 0 10px 32px;
    line-height: 0 !important;
    display: block;
}

.paynow-panel .toggleGray {
    border: solid 1px #efefef;
    background: #f6f6f6;
}

.paynow-panel .paynowContainer .upArrow {
    display: inline-block;
    width: 32px;
    height: 19px;
    vertical-align: middle;
    background: url(../images/icons-sprite.png) no-repeat;
    background-position: -921px 0px;
    margin: 10px 0 0 22px;
    position: absolute;
}

.paynowContainer .indPolicyCheck {
    background: #ececec;
    padding: 5px;
    border: 2px solid #d3d3d3;
    margin: 27px 0 6px 10px;
    display: table;
}

.paynow-panel .paynowContainer .indPolicyCheck .row {
    background: transparent;
    padding: 5px;
}

.paynow-panel article.indPolicyCheck .checkboxInlineLabel {
    font-size: 17px;
}

.paynow-panel .checkboxInlineLabel {
    width: 100%;
    font-size: 24px;
    max-width: none;
    margin: 0px;
    cursor: pointer; /*padding: 5px 0;*/
    padding-top: 0px;
}

.paynow-panel .paynowContainer article.indPolicyCheck .checkboxInlineLabel {
    font-size: 18px;
    padding: 0;
}

.paynow-panel .paynowContainerCtaBg {
    padding: 15px 10px;
    -webkit-border-radius: 0px;
    border: none;
}

    .paynow-panel .paynowContainerCtaBg .totalAmount {
        font-size: 22px;
        font-weight: bold;
    }

.paynow-panel .totalFees {
    font-size: 12px;
    color: #999;
    margin: 0 0 0 10px;
}

.paynow-panel a {
    color: #0066cc;
}

.paynow-panel {
    margin: 10px;
}

    .paynow-panel .paynowContainer {
        padding: 5px;
        border-radius: 0px;
        border: none;
    }

    .paynow-panel .graybg {
        background: #f6f6f6;
        border: solid 1px #efefef;
    }

    .paynow-panel .row {
        overflow: visible;
        margin: 0;
        padding: 5px;
    }

    .paynow-panel .checkboxInlineLabel input[type="checkbox"]:checked + span {
        background: url(../images/icons-sprite.png) no-repeat;
        background-position: -953px -1px;
    }

.indiPolicyCheck input[type="checkbox"] { /*display:none;*/
    left: -999px;
    position: relative;
    display: table;
    margin-top: -13px;
}

.paynow-panel .checkboxInlineLabel input[type="checkbox"] + span {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background: url(../images/icons-sprite.png) no-repeat;
    background-position: -975px -1px;
    margin: 0px 5px 0 0;
}

.paynow-panel .formgroup {
    width: auto;
    clear: both;
    clear: both;
    margin: 0px;
    position: relative;
}

.paynow-panel .styledInput, #payment-info-page, .paynowContainer article .styledInput .policy-data {
    width: 61%;
    background-color: #fff;
    color: #333;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #666666;
    max-width: 320px;
    font-size: 21px;
}

.policy-data input[type="text"], .policy-data input[type="number"], .policy-data input[type="email"] {
    width: 110px;
    font-size: 21px;
}

.paynow-panel .paynowContainer .paidPolicies {
    background: #fff;
    margin-top: 21px;
}

.paynow-panel .paidPolicies .row {
    font-size: 18px;
}

.paynow-panel .paynowContainer .paidPolicies .row {
    background: #fff;
    padding: 2px;
    border-bottom: 1px solid #ccc;
    position: relative;
    display: block;
}

    .paynow-panel .paynowContainer .paidPolicies .row h4 {
        font-size: 16px;
        color: #000;
        margin-bottom: 14px;
    }

.paynow-panel .paynowContainer .paidPolicies .colMain, .paynowContainer .policy-data .colMain {
    font-size: 16px;
    padding-top: 7px;
}

    .paynow-panel .paynowContainer .paidPolicies .colMain .col1, .paynowContainer .policy-data .col1 {
        display: inline-block;
        border: none;
        min-width: 306px;
        margin-right: 29px;
    }

    .paynow-panel .paynowContainer .paidPolicies .colMain .col2, .paynowContainer .policy-data .col2 {
        display: inline-block;
        border: none;
    }

.paynow-panel .paynowContainer .paidPolicies .row .veryLightGray {
    color: #AEAEAE;
}

.paynow-panel .paidPolicies .row .policyChecked span {
    font-size: 12px !important;
    line-height: 0 !important;
}

.paynow-panel .paidPolicies .policyChecked .uncheck {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 13px 4px 0 0;
}

.paynow-panel .paidPolicies .row .policyChecked .labelText {
    font-size: 12px !important;
    margin: 0px 0 15px 30px;
    line-height: 0 !important;
    display: block;
}

.paynow-panel .paynowContainer .policy-data .row .lightGray {
    color: #666666;
    font-size: 14px;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.toggleGray .row {
    border: none !important;
}

article.recurringPayment header, article.reviewPayment header, article.receiptPayment header, article.activityPayment header, article.autopayPayment header {
    padding: 15px;
    font-size: 16px;
}

.recurringPayment, .reviewPayment, .receiptPayment, .activityPayment, .autopayPayment {
    border: 1px solid #ebebeb;
    background-color: #fff;
    position: relative;
    font-size: 1.4em;
    width: 98%;
    margin: 10px auto;
}

article.recurringPayment header h2, article.reviewPayment header h2, article.receiptPayment header h2, article.activityPayment header h2, article.autopayPayment header h2 {
    font-weight: bold;
    display: inline-block;
    margin-right: 15px;
}

article.recurringPayment .formgroup, article.reviewPayment .formgroup, article.receiptPayment .formgroup, article.activityPayment .formgroup, article.autopayPayment .formgroup {
    margin: 10px 15px;
    padding: 0;
}

/*.receiptLabel {
    vertical-align: baseline;
}*/

.status {
    position: relative;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999;
    padding: 4px;
    color: #090;
    font-size: 14px;
}

    .status.canceled {
        color: #FFB5B6;
        border: 1px solid #D8D8D8;
    }

    .status.completed {
        color: #66ADE0;
        border: 1px solid #D8D8D8;
    }

    .status:after, .status:before {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .status:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 5px;
        top: 50%;
        margin-top: -5px;
    }

    .status:before {
        border-color: rgba(153, 153, 153, 0);
        border-right-color: #999;
        border-width: 6px;
        top: 50%;
        margin-top: -6px;
    }

.receiptPayment .status.canceled, .activityPayment .status.canceled {
    color: #ff0000;
    border: 1px solid #999;
}

.receiptPayment .status.completed, .activityPayment .status.completed {
    color: #0080C0;
    border: 1px solid #999;
}

.paymentDurationBlock {
    top: 14px;
    right: 4px;
    position: absolute;
}

.content-panel.infoBlock {
    padding: 0;
    border-radius: 10px 10px 0 0;
}

.paymentDurationBlock select {
    font-size: 16px;
}

h1 {
    margin: 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    padding: 0;
}

.paymentOptions input[type="text"].OD-cardNumber {
    width: 180px;
}

.paymentOptions input[type="password"].OD-securityCode, .paymentOptions input[type="text"].OD-zipCode {
    width: 70px;
}

.paymentOptions input[type="text"].OD-routingNumber {
    width: 105px;
}

.paymentOptions input[type="text"].OD-lastOrCompanyName {
    width: 162px;
}

.paymentOptions input[type="text"].OD-accountNumber {
    width: 200px;
}

p.receiptSubText {
    margin: 10px 0 0 140px;
    font-size: 14px;
    color: #B8B8B8;
}

input[type="text"].emailReceiptInputField {
    width: 300px;
}

p.receiptSubErr {
    margin: 10px 0 0 140px;
}

.emailReceiptLabelField {
    font-size: 20px;
    margin: 0.2em 0.1em 0.4em 0.4em;
}

.rowEmailReceipt {
    display: block;
}

    .rowEmailReceipt label, .rowEmailReceipt.newline label { /*    float: left;*/
        display: inline-block;
        font-size: 20px;
        margin: 0.2em 0.1em 0.4em 0.4em;
        color: #333;
        vertical-align: top;
    }

#editorRows div {
    clear: both;
}

    #editorRows div.total_small-font {
        clear: none;
    }

.waveFeeContainer .validationErrTxt {
    margin: 10px 0 10px 33%;
}

.SchedulePay_VariableFee_text {
    margin: 0 0 0 2px;
    padding: 0;
    font-size: 16px;
    color: #777;
}

.updatePaymentModal {
    width: 670px;
    margin: -250px 0 0 -320px;
}
/*Feature 46 Anushree*/
.passcodeagent {
    width: 750px;
    margin: -300px 0 0 -375px;
}

.passcodebox, .passcodebox .additionalInfo {
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    border: 0;
    clear: both;
}

.passcodeagent .modal-body {
    max-height: 560px;
}

.passcodebox .additionalInfo strong {
    font-weight: bold;
    display: block;
}

.passcodebox .validationErrTxt {
    max-width: 360px;
}

.passcodebox .cust-number {
    font-size: 14px;
    margin: 20px 0px 10px 10px;
}

.passcodebtns, .passcodebtns1 {
    margin-top: 20px;
    text-align: right;
    clear: both;
}

.cust-number label {
    float: left;
    display: block;
    margin: 8px 12px 0px 0px;
    font-weight: bold;
    font-size: 14px;
}

.cust-number .enterphone {
    float: left;
}

.passcodebox .enterphone input {
    width: 33px;
    float: left;
    display: block;
    margin: 0;
}

.enterphone div {
    float: left;
    display: block;
    margin: 8px 2px;
}

.enterphone input.fourdigits {
    width: 44px;
}

.enterphone .errorMsg, .enterpasscode .errorMsg {
    font-size: 12px;
    color: red;
    margin: 5px 0px 0px 10px;
}

.enterpasscode .errorMsg {
    margin: 5px 0px 0px 0px;
}

#verify-passcode, #send-passcode {
    width: 191px;
    float: right;
    clear: both;
    margin: 20px 0 0 10px;
}

    #verify-passcode span, #send-passcode span {
        font-size: 13px;
        margin: 7px 10px 0px 0px;
        display: block;
        float: left;
        font-weight: bold;
    }

.passcodetext span.status {
    width: 304px;
    float: left;
    margin: 5px 0px 0px 0px;
}

.passcodetext {
    padding: 1px 0px 0px 0px;
}

    .passcodetext .buttonSecondary.small {
        margin: 1px 0px 0px 7px;
    }

.norecordmsg {
    padding: 10px;
    font-size: 16px;
    line-height: 21px;
}

.wrongpasscode {
    font-size: 14px;
    margin: 20px 0px 10px 10px;
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
    height: 37px;
}

    .wrongpasscode label {
        float: left;
        display: block;
        margin: 8px 12px 0px 0px;
        font-weight: bold;
    }

    .wrongpasscode .enterpasscode {
        float: left;
        text-align: left;
    }

.enterpasscode input {
    width: 70px;
}

.confirmation span.status {
    width: 476px;
    float: left;
}

.passcodestatusgreen {
    background: #DEB;
    border: #DEB solid 1px;
    font-size: 13px;
    padding: 4px 10px 3px;
    float: left;
    color: green;
    margin: 0px 0px 0px 10px;
    font-weight: bold;
}

.passcodestatusred {
    background: #DEB;
    border: #DEB solid 1px;
    font-size: 13px;
    padding: 4px 10px 3px;
    float: left;
    color: red;
    margin: 0px 0px 0px 10px;
    font-weight: bold;
}

.additionalInfo {
    background: #f6f6f6;
    padding: 15px;
    font-size: 16px;
}

.paidPolicies .additionalInfo {
    background: transparent;
    padding: 5px 0 5px 0;
    margin: 0;
    border-bottom: 0;
}

.additionalInfo li {
    display: inline-block;
    width: auto;
    margin: 0 25px 5px 0;
    vertical-align: top;
    color: #999;
}

.wrongpasscode .additionalInfo li {
    display: list-item;
    width: auto;
    margin: 0 25px 5px 20px;
    vertical-align: top;
    color: #333;
    list-style: circle;
}

.wrongpasscode .additionalInfo ul {
    list-style: circle;
    margin: 5px;
}

.wrongpasscode .additionalInfo {
    margin-bottom: 10px;
}

#editorRows div[id*="PayIndividualPayItemDiv"]:first-child .paymentDevider {
    display: none;
}

#editorRows div.waveFeeContainer {
    clear: none !important;
}

/* Styles for feature 208*/
.disabledOption {
    color: #999;
}

.noRecurringmessage, .noAutopaymessage {
    margin: 0 0 20px;
    display: none;
}
/*---------------------*/
@media print {
    body {
        font: 12pt Arial, Helvetica, sans-serif;
        line-height: 1.3;
        color: #333333;
        text-shadow: none;
    }

    nav, .BreadCrumbSteps, .success {
        display: none;
    }

    .panelHead {
        text-shadow: none;
    }

    .ReceiptMsg_Success, .ReceiptMsg_Fail, .ReceiptMsg_Scheduled {
        width: 75%;
    }

    .payReceiptTitle {
        display: block;
    }

    .pageButtons {
        display: none;
    }

    footer .footer-text {
        display: none;
    }

    .LabelCountry {
        background-color: #EBF1F5;
        border: 1px solid #BFBFBF;
        box-shadow: 0 3px 3px 2px #D0DDE6 inset;
        font-size: 14px;
        height: 2em;
        margin: 0 0.2em 0 0;
        padding: 0.2em 0 0.2em 0.8em;
        width: 100px;
        text-align: center;
    }
}
/**** PD2 Styles **/
/*.row {overflow: visible;}*/
.styledInput.payAmount {
    width: 250px;
    vertical-align: top;
}

.diffAmountContainer {
    width: 96px;
    vertical-align: top;
    display: none;
}

.originalAmount {
    width: 124px;
    vertical-align: top;
    display: inline-block;
}

    .originalAmount div + span {
        color: #999;
        font-size: 12px;
        margin-top: 5px;
        display: block;
    }

.diffAmountContainer a {
    font-size: 10px;
    margin-top: 2px;
    display: block;
}

.dd-desc {
    font-size: 14px;
}

.dd-container {
    display: inline-block;
    vertical-align: top;
}

.dd-select a.dd-selected {
    font-size: 21px;
    color: #333;
    font-weight: normal;
    padding: 7px;
}

    .dd-select a.dd-selected:hover {
        text-decoration: none;
    }

.dd-select {
    border-radius: 4px !important;
    background: #fff !important;
}

.dd-option:hover {
    text-decoration: none;
}

.dd-select {
    border-radius: 2px;
    border: solid 1px #ccc;
    position: relative;
    cursor: pointer;
    width: 100px;
}

.dd-option-text {
    cursor: pointer;
}

.dd-option.disabled label {
    color: #CFCFCF;
}

.dd-option.disabled small {
    color: #CFCFCF;
}

.disabledSelect .dd-select {
    background: #F5F5F5 !important;
}

.diffAmountContainer input[type="text"] {
    width: 110px;
}

input.endpayment {
    width: 60px !important;
}

.diffAmountContainer input[type="text"] {
    width: 70px !important;
}

.paymentOptions input[type="text"], .paymentOptions input[type="number"], .paymentOptions input[type="email"] {
    width: 130px;
}
/*.payFrequencyblock{margin-right: 4em;}*/
.paymentOptions input[type="text"], .paymentOptions input[type="date"], .paymentOptions input[type="number"], .paymentOptions input[type="email"], .paymentOptions select, .paymentOptions input[type="password"] {
    vertical-align: middle;
}

.endPaymentblock {
    margin-top: 19px;
    float: right;
    width: 32%;
}

.buttonPrimary:disabled, .buttonPrimary:hover:disabled {
    background: linear-gradient(to bottom, #EFEDEC 0%, #D2D0CF 100%) repeat scroll 0% 0% transparent;
    border: 1px solid #b0b0b0;
    color: #6d6f6e;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #eee !important;
    border: 1px solid #999;
}

#login-page .inlineLabel {
    width: 42%;
}

.login-panel .formgroup input[type="text"], .login-panel input[type="date"], .login-panel input[type="number"], .login-panel input[type="email"] {
    width: 44%;
}

.formgroup .formButtons {
    margin: 2em 18.5em 2em 0;
}

.anotherLink label {
    display: inline-block !important;
    margin: 0 !important;
}

.iconCalendar {
    background: url(../images/icons-sprite.png) no-repeat 120px -31px;
}

input[type=text].hasDatepicker {
    width: 130px;
}

.termsPolicytext {
    font-size: 12px;
    color: #000000;
}


    .termsPolicytext h2 {
        font-size: 16px;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        padding: 10px;
        background: #ececec;
        text-align: center;
    }

        .termsPolicytext h2 a {
            font-weight: normal;
            font-size: 12px;
        }

.tcToggle {
    padding: 20px 20px 0 20px;
    font-size: 14px;
}

    .tcToggle li {
        display: inline-block;
        border-right: 1px solid #999;
        padding-right: 10px;
    }

        .tcToggle li:last-child {
            border-right: none;
            padding-left: 10px;
        }

.BreadCrumbSteps li + li {
    padding-left: 5px;
}

.BreadCrumbSteps li span {
    color: #bfbfbf;
    font-size: 31px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    vertical-align: top;
    line-height: 15px;
}

.BreadCrumbSteps li.activeStep span {
    color: #686868;
}

.modal-body {
    max-height: none;
    min-height: 100%;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    width: auto;
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal-dialog {
    width: 800px;
    margin: 30px auto;
    position: relative;
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,0);
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.modal.fade.in {
    opacity: 1;
    top: 0;
}

.updatePaymentModal {
    width: auto;
    margin: 0;
}

    .updatePaymentModal .formgroup {
        margin: 30px 0 20px 0;
        padding: 0;
    }

    .updatePaymentModal .modal-body h3 {
        font-size: 18px;
    }

    .updatePaymentModal .modal-footer {
        padding: 20px;
    }

.zipCode {
    width: 62px !important;
}

.stateVal {
    display: inline-block;
    float: left;
}



.addressField {
    width: 350px;
}

.paySelect {
    max-width: 260px;
}

.anotherLink.person {
    margin: 0 20px 10px;
}

.reviewAdditionalInfo {
    font-size: 16px;
    border-top: 1px solid #ddd;
}

    .reviewAdditionalInfo h2 {
        font-weight: bold;
        font-size: 18px;
        padding: 15px 0 5px 0;
    }

    .reviewAdditionalInfo p {
        margin: 10px;
    }

.modal-body .note p:first-child {
    margin-top: 0;
}

.notRequiredTxt {
    font-size: 12px;
    color: #ddd;
}

#personalIdentification .row.inline {
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #eaeaea;
    width: 523px;
}

    #personalIdentification .row.inline:first-child {
        border-left: 0px solid #eaeaea;
    }

#personalIdentification .newline .stack {
    margin-left: 0;
}

.pinNumber {
    width: 220px;
}

.issuingCountry {
    width: 260px;
}

.issuingState {
    width: 86px;
}

#personalIdentification .newline .stack:last-child {
    margin-right: 0;
}

#personalIdentification .row.inline:nth-child(2) {
    width: 354px;
}

#personalIdentification .row.newline {
    margin-right: 0;
}

.trailingMsgReview {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
}

.trailingMsgReceipt {
    line-height: 18px;
    margin: 6px 6px 15px !important;
}

.personalIdntType {
    max-width: 350px;
}

#PayerPersonalIDIssuingState .validationErrTxt {
    max-width: 92px;
}

.nickNameBg {
    background-color: #f3f7f9;
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    margin-right: 1px;
    padding: 0.5em 1em;
    border-radius: 5px;
    width: auto;
    max-width: 314px;
    vertical-align: top;
    display: inline-block;
}

.privacypolicytable td, .privacypolicytable th {
    border: 1px solid #ccc;
    line-height: 23px;
    padding: 4px;
    text-align: left;
}

.privacypolicytable th {
    font-weight: bold;
}

.footerLinks {
    float: left;
    margin-right: 10px;
}

ul.footerLinks {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    list-style: none;
}

    ul.footerLinks li {
        display: block;
        border-right: #A1A1A1 1px solid;
        line-height: 12px;
        margin: 0;
        padding: 0px 6px 0px 0px;
        float: left;
        margin: 0px 10px 0px 0px;
        font-size: 12px;
    }

        ul.footerLinks li:last-child {
            border: none;
        }

.stateDisclosureTCbox {
    margin: 20px;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    text-align: justify;
}

    .stateDisclosureTCbox table.t1 {
        width: 100.0%;
        border-style: solid;
        border-width: 1.0px 1.0px 1.0px 1.0px;
        border-color: #cbcbcb #cbcbcb #cbcbcb #cbcbcb;
        border-collapse: collapse;
    }

    .stateDisclosureTCbox table td.td1 {
        width: 20.0%;
        border-style: solid;
        border-width: 1.0px 1.0px 1.0px 1.0px;
        border-color: #cbcbcb #cbcbcb #cbcbcb #cbcbcb;
        padding: 0 1.0em 1.0em 1.0em;
    }

    .stateDisclosureTCbox table td.td2 {
        width: 80.0%;
        border-style: solid;
        border-width: 1.0px 1.0px 1.0px 1.0px;
        border-color: #cbcbcb #cbcbcb #cbcbcb #cbcbcb;
        padding: 0 1.0em 1.0em 1.0em;
    }

        .stateDisclosureTCbox table td.td2 ol li {
            margin-left: 25px;
            list-style: decimal !important;
        }

        .stateDisclosureTCbox table td.td2 ul li {
            margin-left: 25px;
            list-style: initial;
        }


    .stateDisclosureTCbox span.p1 {
        margin: 1.0em 0 0 0;
    }

    .stateDisclosureTCbox span.p5 {
        margin: 0 0 0 3.0em;
    }

.footer_copyrighttext {
    margin: 0;
    padding-left: 0px !important;
    width: 100%;
    float: left;
    color: #ccc;
    margin-bottom: 5px;
    font-size: 12px !important;
    color: #666666;
    line-height: 1.8em;
    margin-top: 0px !important;
    margin-left: -22px;
}

#defaultWallet {
    color: green;
}

#expiredWallet {
    color: red;
    font-weight: 600;
}

.expired {
    color: #ee1d1d !important;
    font-size: 13px !important;
    width: 20%;
}

.smallModal {
    width: 500px;
}

    .smallModal .modal-footer {
        text-align: center;
    }

.modal-body .note {
    padding: 0;
}

.modal-header h3 {
    font-weight: bold;
}

.container > .alert-block {
    width: 60%;
    text-align: center;
    margin: 60px auto 20px;
    -webkit-box-shadow: 3px 2px 1px 0 #E0E0E0;
    box-shadow: 3px 2px 1px 0 #E0E0E0;
}

.alert-block h2 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}



/***** November Release ***/
.smallModal {
    width: 500px;
}

    .smallModal .modal-footer {
        text-align: right;
    }

.modal-body .note {
    padding: 0;
}

.modal-header h3 {
    font-weight: bold;
}

.container > .alert-block {
    width: 60%;
    text-align: center;
    margin: 60px auto 20px;
    -webkit-box-shadow: 3px 2px 1px 0 #E0E0E0;
    box-shadow: 3px 2px 1px 0 #E0E0E0;
}

.pageButtonsTimeout {
    border: 0px solid #dddddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    clear: both;
    margin: 0.7em 0 0.9em 0;
    padding: 0.5em 25px;
    width: auto;
}

.timeoutBorder {
    border: none;
    margin: 0 2em 0 2em;
}

.timeout {
    font-size: 12px;
    padding: 1em;
    line-height: 22px;
}

    .timeout h2 {
        font-size: 12px;
        font-weight: bold;
    }

.selectPayOptions {
    padding: 25px 15px;
    font-size: 20px;
}

    .selectPayOptions li {
        display: inline-block;
        margin: 0;
        position: relative;
        border: 1px solid #eaeaea;
        margin-right: -7px;
    }

    .selectPayOptions a {
        padding: 12px 20px;
        display: block;
        color: #999;
    }

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

        .selectPayOptions a.selected {
            background: #999;
            color: #fff;
        }

            .selectPayOptions a.selected + div {
                width: 0;
                height: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 15px solid #999;
                position: absolute;
                left: 40%;
            }

.selectPayOptions {
    padding: 6px 15px;
    font-size: 20px;
}

    .selectPayOptions li {
        display: inline-block;
        margin: 0;
        position: relative;
        border: 1px solid #eaeaea;
        margin-right: -7px;
    }

    .selectPayOptions a {
        padding: 12px 20px;
        display: block;
        color: #999;
    }

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

        .selectPayOptions a.selected {
            background: #999;
            color: #fff;
        }

            .selectPayOptions a.selected + div {
                width: 0;
                height: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 15px solid #999;
                position: absolute;
                left: 40%;
            }

.payAllFields {
    width: 98%;
    margin: 0 auto;
    border: solid 1px #999 !important;
    background: #fff;
    box-shadow: 0px 0px 8px #999;
    padding: 20px 0 5px 0;
}


/*Nov release changes css*/
.TCbox {
    margin: 2em;
    font-size: 1.4em;
    color: #000000;
    line-height: 20px;
    text-align: justify;
}

#concurrentSessionAlert .modal-body, #inActivity .modal-body {
    max-height: none;
    min-height: 100%;
}

#concurrentSessionAlert.modal, #inActivity.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    width: auto;
    margin: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#concurrentSessionAlert .modal-open, #inActivity .modal-open {
    overflow: hidden;
}

    #concurrentSessionAlert .modal-open .modal, #inActivity .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

#concurrentSessionAlert .modal-dialog, #inActivity .modal-dialog {
    width: 800px;
    margin: 30px auto; /* position: relative; */
}

#concurrentSessionAlert .modal.fade .modal-dialog, #inActivity .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0,0);
}

#concurrentSessionAlert .modal-content, #inActivity .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

#concurrentSessionAlert.modal.fade.in, #inActivity.modal.fade.in {
    opacity: 1;
    top: 0;
}

/***** November Release ***/
.smallModal {
    width: 500px !important;
}

.modal-body .note {
    padding: 0;
}

.modal-header h3 {
    font-weight: bold;
}


/*Session Timeout pages style*/
.sessiontimeoutalert {
    width: 90%;
    text-align: left;
    margin: 5px;
    padding: 10px;
    min-height: 300px;
}

    .sessiontimeoutalert h2 {
        font-size: 14px;
        font-weight: bold;
    }

    .sessiontimeoutalert p {
        font-size: 12px;
        margin: 5px 0px 5px 0px;
    }

    .sessiontimeoutalert a {
        font-size: 12px;
        cursor: pointer;
    }

.modal-body .note p:first-child {
    margin-top: 0;
}

.container > .alert-block {
    width: 60%;
    text-align: center;
    margin: 60px auto 20px;
    -webkit-box-shadow: 3px 2px 1px 0 #E0E0E0;
    box-shadow: 3px 2px 1px 0 #E0E0E0;
}

.alert-block h2 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.alert-block + .buttonPrimary {
    margin: 0 auto 40px;
    display: block;
}

/*Nove feat 324*/

.scheduledMessage {
    color: #5C87AD;
    border: 1px solid #BCE8F1;
    background: #D9EDF7;
    padding: 10px 5px;
}

.icons.time {
    background-position: -471px 0;
    width: 24px;
    height: 25px;
    margin: 0em .5em 0 0em;
    text-indent: -99999px;
    text-align: left;
    overflow: hidden;
}

.icons.time {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.row-block {
    display: block;
}

    .row-block .total_small-font {
        display: inline-block;
    }

.buttonBlock {
    display: inline-block;
    float: right;
    margin: 10px 0px 0px 0px;
    color: rgb(21, 182, 182);
    padding: 0px;
}

.noRecurringmessage, .noAutopaymessage {
    margin: 40px 0 20px;
}

select.unavailableaccount {
    min-width: 260px;
}

.icon-close {
    background-position: 19px 14px;
}

.fee_subtext {
    font-size: 14px;
    margin: 0 0 0 2px;
    padding: 0;
    font-size: 14px;
    color: #777;
}

.footer-margin {
    padding: 10px 0px 10px 0px;
}

.footer-last-margin {
    padding-bottom: 10px;
}

.fee_totaltext {
    font-size: 14px;
    margin: 0 0 0 2px;
    padding: 0;
    font-size: 14px;
    color: #4b4a4a;
}
/*March Release 2016 - feat 211 */
.cvvCode {
    display: block;
    width: 26% !important;
    padding: 0px !important;
    margin-left: 453px !important;
    margin-bottom: 18px !important;
}

    .cvvCode label {
        display: inline-block !important;
        margin: 10px 8px 7px 0 !important;
    }

    .cvvCode input {
        width: 65px !important;
    }

    .cvvCode .icons.topArrow {
        left: 33%;
    }


    .cvvCode .cardDisplay {
        margin-bottom: 10px;
    }




.dd-desc, .confCode {
    font-size: 14px;
}

.startOverLink {
    font-size: 14px;
    margin-right: 15px;
}

.noteAutoWidth {
    font-size: 1.4em;
    color: #666666;
    line-height: 20px;
    padding: 0px 0px 0px;
    width: auto;
}

/*Feat 30: Enter Customer phone number*/
.custNumber {
    font-size: 14px;
    margin: 0px 0px 5px 5px;
}

    .custNumber label {
        float: left;
        display: block;
        margin: 8px 12px 0px 0px;
        font-weight: normal;
    }

    .custNumber > .enterphone {
        float: left;
    }

        .custNumber > .enterphone span {
            width: 35px;
            float: left;
            display: block;
            margin: 0;
        }

            .custNumber > .enterphone span > input {
                width: 100%;
            }

            .custNumber > .enterphone span.hyphen {
                float: left;
                display: block;
                margin: 8px 2px;
                width: 23px;
            }

            .custNumber > .enterphone span > input.fourdigits {
                width: 47px;
            }

        .custNumber > .enterphone .errorMsg, .enterpasscode .errorMsg {
            font-size: 12px;
            color: red;
            margin: 5px 0px 0px 10px;
        }

.accountType .styledInputType {
    width: 100%;
    padding-right: 13px;
}

.fundingAccountType {
    width: auto;
}

.historyTable span {
    display: block;
    line-height: 18px;
}

.schedulePaySpan {
    display: block;
    line-height: 18px;
}

.small13 {
    font-size: 13px;
}

.small12 {
    font-size: 12px;
    color: #6b6363;
}

.recurringTable {
    width: 100%;
}

.recurringDisplay {
    display: block;
}

.tableCellSpacing span {
    display: inline;
}

.grid tr.gray td {
    color: #999999;
}

.negativePayment {
    color: #C00 !important;
}

.border {
    border: 1px solid #D9D9D9;
    padding: 0 !important;
    margin: 0 !important;
}

/*Feature-30*/
.notificationDiv {
    padding: 10px 20px 10px 0px;
    text-align: left;
    font-size: 16px;
    color: #564E4E;
    font-weight: normal;
}

input.mobileNumber {
    width: 45px;
    margin: 0 4px 0 4px !important;
}

.phoneValidation {
    text-align: right;
}

.acceptFees-block {
    text-align: left;
    float: right;
    font-size: 14px;
    padding-left: 0px;
}

.agreeLinkNew {
    padding: 1.2em 1em .5em 0;
    clear: both;
    font-size: 14px;
    float: left;
    text-align: left;
}

.paymentDesc {
    font-size: 12px;
    padding: 10px 10px 20px 10px;
}

.floatTextLeft {
    float: left !important;
}


/**** Added for Feat#30 ****/
input.mobileNumber {
    width: 45px;
    margin: 0 4px 0 4px !important;
}

.phoneValidation {
    text-align: right;
}

.acceptFees-block {
    text-align: left;
    font-size: 14px;
    padding-left: 0px;
    width: 85%;
    float: left;
}

.acceptFees-block_checkbox {
    text-align: left;
    font-size: 14px;
    padding-left: 0px;
    width: 80%;
    float: left;
}

.agreeLinkNew {
    padding: 0 1em .5em 0;
    clear: both;
    font-size: 14px;
    float: left;
    text-align: left;
}

.paymentDesc {
    font-size: 12px;
    padding: 10px 10px 20px 10px;
}

.checkbox_message {
    text-align: left;
    font-size: 14px;
    padding: 0 10px 10px 0;
}

.feechange_message {
    text-align: left;
    font-size: 16px;
    padding: 0 10px 5px 0;
    font-weight: bold;
}

/*Rules Section*/
.rulesSection {
    padding: 15px 10px 15px 10px;
    font-size: 14px;
}

.cancelConfirmation {
    padding: 10px 10px 10px 10px;
    font-size: 12px;
}

    .cancelConfirmation p {
        padding: 10px 0 0 0;
    }

/*Waive Fee Section*/
.waiveFee_Section {
    padding: 0 20px 0 100px;
}

.WaiveFeeAddNoteSingle .validationErrTxt {
    max-width: 620px;
    text-align: right;
}

.WaiveFeeAddNoteMulty .validationErrTxt {
    max-width: 590px;
    text-align: right;
}

.waiveFee_Text {
    font-size: 62.5%;
}

/*New Fee Section*/
.feeSectionNew {
    width: 150px;
    float: left;
}

.spanDisplay {
    display: block;
    margin-left: 2px;
}

.feeSectionFloatnone {
    width: 310px;
    float: none;
}

    .feeSectionFloatnone span {
        float: none;
    }



.feeSectionReview {
    width: 200px;
    float: left;
}

/*New Phone Validation Section*/
.phoneInputfields {
    float: left;
    width: 80px;
    text-align: left;
}

.status.canceled {
    display: inline-block;
    width: 92%;
    left: 4px;
}

.vAlign-WebkitMiddle {
    vertical-align: -webkit-baseline-middle;
}


.autoPaySelect {
    font-size: 21px;
    height: 41px;
    margin: 0;
    min-width: 150px;
}

.expireSoonMsg {
    display: block;
    padding: 5px 2px;
    font-size: 12px;
    color: #ee1d1d;
}

.errorIcon {
    background: none;
}

.expireSoonMsgWPL {
    display: block;
    padding: 7px 0 0 60px;
    font-size: 12px;
    color: #ee1d1d;
}

.selectExpired {
    color: #ee1d1d !important;
}

.DivBillerSitebackbtn {
    padding-bottom: 5px;
}

/* CSS for FEAT#722 Start */
.feeSectionFloatnoneAutosplit {
    clear: both;
}

    .feeSectionFloatnoneAutosplit label > span {
        float: right;
    }

    .feeSectionFloatnoneAutosplit label {
        width: 166px;
        display: inline-block;
    }

.pay_dist, .pay_all_autosplit {
    width: 330px;
}

    .pay_all_autosplit .receiptLabel:first-child {
        width: 136px;
    }

    .pay_all_autosplit label.Large:first-child {
        max-width: 156px;
        width: auto;
    }

    .pay_all_autosplit .OD-inlineBlock {
        float: right;
    }

.invoice_pur {
    width: 450px;
    display: inline-block;
}

    .invoice_pur .labelInvoicePur {
        width: 226px !important;
        max-width: 300px !important;
    }

.actionCont {
    display: inline-block;
    width: 20%;
    float: right;
}

.amountDisp {
    display: inline-block;
}

.font18 {
    font-size: 18px;
}

.mr0 {
    margin: 0 !important;
}

.receiptLabel, .receiptLabel label {
    max-width: none;
}

.PaymentRow_0 .pay_all_autosplit .receiptLabel:first-child {
    width: 154px;
}

.reviewPayment {
    border: 0;
    border-top: 1px solid #adadad;
}

.totalSummaryBlock {
    background: #ececec;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}

    .totalSummaryBlock .summCont {
        float: left;
        width: 50%;
        font-size: 15px;
        padding: 5px 15px;
    }

        .totalSummaryBlock .summCont label {
            float: left;
            font-weight: 600;
        }

        .totalSummaryBlock .summCont .summary {
            float: right;
            width: 60%;
        }

            .totalSummaryBlock .summCont .summary span {
                display: block;
                font-weight: 600;
                line-height: 20px;
            }
/*.pageButtons{float: left;width: 100%;padding: 10px 0px;}
.pageButtons .total_mid-font{padding: 0 0 0 15px;}
.pageButtons a{padding:10px 15px 0 0;display:block;}*/
.acceptFees-block_checkbox {
    padding-top: 15px;
}

.invoice_pur .labelInvoicePur {
    width: 285px !important;
}

.newline.paynow {
    margin-left: 5px;
}

.totalPayFormBtn {
    padding: 19px 0;
}

.totalContPayFormBtn {
    padding: 20px 20px;
}
/* CSS for FEAT#722 End */

/* Feat#838 */
.channelSelected {
    font-size: 24px;
    padding: 10px 0 0 15px;
    vertical-align: top;
    display: inline-block;
}

.warnNote {
    background: #f6b1b7;
    padding: 10px;
}

    .warnNote img {
        float: left;
    }

    .warnNote p {
        padding: 0 0 0 30px;
        display: block;
        font-size: 14px;
        color: #000;
    }

.chooseOptions {
    padding: 15px;
}

    .chooseOptions span {
        display: block;
        padding: 10px 0;
    }

    .chooseOptions input {
        margin: 6px;
    }

    .chooseOptions label {
        vertical-align: top;
        padding: 4px 0 0 0;
        display: inline-block;
        font-size: 14px;
        width: 700px;
    }

#PayItemDiv .cvvCode {
    margin-left: 590px !important;
}

.message {
    margin: 5px 0px 5px 15px;
    font-size: 14px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #ff0000;
    clear: both;
}

.actionControls_block {
    font-size: 2em;
    font-weight: normal;
    color: #333333;
    display: inline;
    margin-right: 5px;
    float: left;
    margin-left: -15px;
    margin-top: -5px;
    margin-bottom: 10px;
}

.autoFillControlWrapper {
    padding-top: 15px;
    padding-left: 12px;
    margin: 5px 5px 5px 6px;
    display: inline-block;
    vertical-align: top;
}

.autoFillControlSelect {
    font-size: 21px;
    height: 41px;
    margin: 0;
    min-width: 150px;
    max-width: 260px;
    border: 1px solid #c4c4c4;
    color: #333;
    padding: 1px 5px !important;
}

.autoFillControlLabel {
    display: inline-block;
    text-align: left;
    font-size: 20px;
    line-height: 20px;
    vertical-align: top;
    width: auto;
    padding: 10px 4px 0px 0px;
}

.autoFillControlText {
    background-color: #f3f7f9;
    min-width: 150px;
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    margin-right: 5px;
    border-radius: 5px;
    vertical-align: top;
    display: inline-block;
    padding: 0.5em 1em;
}

.autoFillControlWrapperLeftAlign {
    margin-left: 3px;
}

.autoadd {
    display: block;
    margin: 7px 0 0 7px;
}

.autoaddBox {
    width: 43%;
    float: right;
    margin-right: 14% !important;
}

.smallDivSection {
    width: 53%;
    float: right;
    margin-right: 14% !important;
}

.TopPadding {
    display: block;
    padding: 7px 0 0 7px !important;
}

/* feat 1244 */

.more-rows {
    bottom: 5px;
    font-size: 12px;
    position: absolute;
    right: 10px;
    color: #5cabdf;
}

.navButton:hover, a.toggleLink:hover .navButton {
    background: #232323;
}

.navButtonImage {
    background: url(../images/navButtonImageExpand.png) no-repeat;
    width: 16px;
    height: 13px;
    display: block;
    margin: 8px;
}

    .navButtonImage.selected {
        background: url(../images/navButtonImage-selected.Collapse.png) no-repeat;
        width: 16px;
        height: 13px;
        display: block;
        margin: 8px;
    }

a.toggleLink {
    display: block;
    text-align: left;
    padding: 0;
    text-decoration: none;
    color: #333;
}


.navButton {
    border: 1px #232323 solid;
    -webkit-box-shadow: inset 0px 1px 0px 0px #515151, 0px 1px 0px 0px #232323;
    box-shadow: inset 0px 1px 0px 0px #515151, 0px 1px 0px 0px #232323;
    background: #232323; /* Old browsers */
    background: -moz-linear-gradient(top, #515151 0%, #232323 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515151), color-stop(100%, #232323)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #515151 0%, #232323 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #515151 0%, #232323 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #515151 0%, #232323 100%); /* IE10+ */
    background: linear-gradient(to bottom, #515151 0%, #232323 100%); /* W3C */
    position: absolute;
    top: 19px;
    right: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}



/* Scheduled Payment toggle link*/

.navButtonUpcomingPayment:hover, a.toggleLinkUpcomingPayment:hover .navButtonUpcomingPayment {
    background: #232323;
}

.navButtonImageUpcomingPayment {
    background: url(../images/navButtonImagexUpcomingExpand.png) no-repeat;
    width: 16px;
    height: 13px;
    display: block;
    margin: 8px;
}

    .navButtonImageUpcomingPayment.selected {
        background: url(../images/navButtonImageUpcoming-selected.Collapse.png) no-repeat;
        width: 16px;
        height: 13px;
        display: block;
        margin: 8px;
    }

a.toggleLinkUpcomingPayment {
    display: block;
    text-align: left;
    padding: 0;
    text-decoration: none;
    color: #333;
}


.navButtonUpcomingPayment {
    border: 1px #232323 solid;
    -webkit-box-shadow: inset 0px 1px 0px 0px #515151, 0px 1px 0px 0px #232323;
    box-shadow: inset 0px 1px 0px 0px #515151, 0px 1px 0px 0px #232323;
    background: #232323; /* Old browsers */
    background: -moz-linear-gradient(top, #515151 0%, #232323 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515151), color-stop(100%, #232323)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #515151 0%, #232323 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #515151 0%, #232323 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #515151 0%, #232323 100%); /* IE10+ */
    background: linear-gradient(to bottom, #515151 0%, #232323 100%); /* W3C */
    position: absolute;
    top: 19px;
    right: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.recentPaymentDisplay {
    display: none;
}

.upcomingPaymentDisplay {
    display: none;
}

.PaymentAdditionalInfoCheckbox {
    /*zoom: 1.5;*/
    width: 20px;
    height: 18px;
    margin: 0 3px 0 0 !important;
}

.state {
    width: 25px !important;
}

.autopayEnroll {
    margin-bottom: 20px;
    margin-left: 15px;
}

    .autopayEnroll p {
        font-size: 16px;
        padding: 25px 0 15px 5px;
    }

.Enroll-AutoPay {
    margin: 30px 0 25px 15px;
}

    .Enroll-AutoPay a {
        margin: 30px 0 25px 0px;
    }

    .Enroll-AutoPay h3 {
        font-weight: bold;
        padding-bottom: 20px;
    }

.paper-less .panelHead p {
    font-size: 15px;
    margin: 10px 0 10px 0px;
}

section.content-panel.paper-less header {
    background: #e8ffff;
}

.paper-less ul li {
    list-style-type: disc;
    font-size: 15px;
    list-style-position: inside;
    margin: 0px 0 0 0px;
}

.iconPaperLess {
    background-position: -866px 0;
    margin-right: 4px;
    height: 24px;
    width: 22px;
    display: inline-block;
    vertical-align: top;
}

img.paper-less-icon {
    width: 32px;
}

.paper-less .panelHead {
    vertical-align: top;
    padding-top: 0;
    display: inline-block;
    padding-bottom: 0;
}

.paper-less .buttonPrimary {
    margin-top: 25px;
    margin-left: 0;
}

.paper-less .panelHead p.margin {
    margin: 0 !important;
}

.panelHead img.paper-less-icon {
    width: 26px;
    vertical-align: middle;
}

a.icons.info.paper-less-icon-tip {
    background: url(../images/leaf-icon.png);
    /* position: absolute; */
    background-size: contain;
    width: 25px;
    height: 25px;
}

.tooltip-inner {
    width: 400px !important;
}

section.content-panel.paper-less.paper-less-error .icons.error {
    margin-top: 1px;
}

section.content-panel.paper-less.paper-less-error .panelHead {
    font-size: 18px;
}

section.content-panel.paper-less.paper-less-error header {
    background-color: #feebeb;
}

section.content-panel.paper-less.paper-less-error {
    border: 1px solid #e01013;
    /* background-color: #fce3e9 !important; */
}
/*FEAT 194*/
.emailLabel.amtLmtLabel {
    max-width: 250px;
}

.amtLmt input.input-xlarge {
    width: 171px;
}

.amtLmt p {
    font-size: 13px;
    color: #9c9393;
    width: 590px;
    font-style: italic;
    padding-top: 5px;
}

.amtLimit {
    background-color: #feebeb;
    color: #FF0000;
    padding: 15px;
    margin: 15px;
}

    .amtLimit .panelHead {
        color: red;
        font-size: 12px;
    }

.tooltip-inner {
    text-align: left !important;
}

.tooltip.in {
    opacity: 0.9
}

.emailLabel.amtLmtLabel label {
    font-style: italic;
    margin-top: 0;
    margin-left: 5px;
}

.errorPadding {
    width: 98%;
    padding: 0 1%;
    margin-right: 0;
}

/*Feat 1509*/
p.googlePayHistory {
    margin-top: 5px;
}

.googlePayHistory label {
    float: left;
}

.googlePayHistory img#applePayLogo {
    float: left;
    margin-top: -9px;
    padding-left: 5px;
    width: 76px;
    height: 44px;
    padding-top: 5px
}

.paymentHistoryIcon {
    white-space: nowrap;
    line-height: 51px
}


/*Feat 1480*/

.textToPay span {
    color: #666;
    font-weight: bold;
}

.spacer.textToPay, .textToPay {
    font-size: 14px;
    float: left;
    margin-top: 14px;
}

    .textToPay p {
        float: right;
        margin-left: 8px;
        padding-top: 2px;
    }

.editLink {
    top: 25px;
}

.infoBlock dl {
    float: left;
    width: 30%;
}

section.infoBlock.editWallet .row label {
    font-size: 12px;
    color: #666;
}

.italic {
    font-style: italic;
}

.spacer.textToPay {
    color: #666666;
    margin-left: 29px;
    font-size: 12px;
    width: 50%;
}

.spacerLandingPage.textToPayLandingPage {
    color: #666666;
    font-size: 12px;
    float: left;
    margin-top: 14px;
}


.textToPay span {
    color: #000;
}

.textToPay-margintop {
    font-size: 14px;
    float: left;
    margin-top: 5px;
}

section.content-panel.textToPaySucess p {
    font-size: 15px;
}

section.content-panel.textToPaySucess header {
    background: #e8ffff;
}

section.content-panel.textToPaySucess .panelHead {
    vertical-align: top;
    padding-top: 0;
    display: inline-block;
    padding-bottom: 0;
}

.textToPayBold {
    font-weight: bold;
}

.formButtons.TexttoPay {
    padding: 19px 25px 25px 25px;
}

.formButtons {
    overflow: hidden;
}

/*Feature 1476 : Stop Ebill */
div#stop-ebill-Confirm-Popup, div#stop-ebill-Success-Popup, div#restrict-ebill-enroll-Popup {
    top: 10%;
    margin: 0 auto;
}

    div#stop-ebill-Success-Popup p {
        float: left;
        width: 94%;
    }

    div#stop-ebill-Success-Popup .icons.error, div#restrict-ebill-enroll-Popup .icons.error {
        float: left;
    }

    div#restrict-ebill-enroll-Popup p {
        margin-left: 30px;
        margin-bottom: 20px;
    }

.rowUsing {
    width: 61% !important;
}

.fRight {
    float: right;
}

.fLeft {
    float: left;
}

.CWPayType {
    margin: 10px 0 0 5px !important;
}

.disableddiv {
    pointer-events: none;
    opacity: 0.4;
}

.drop-down .option {
    position: relative;
}

.options ul li {
    white-space: nowrap;
}

.drop-down .options ul {
    background: #fff none repeat 0 0;
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 40%;
    top: 20%;
    border: 1px solid #d7d7d7;
    z-index: 1;
    width: 60%;
    margin-right: 0;
}

.drop-down .selected span.value, .drop-down .options span.value {
    display: none;
}

.drop-down .options ul li a {
    padding: 5px;
    display: block;
    border: none;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    width: auto;
    cursor: default;
}

    .drop-down .options ul li a:hover {
        background: #3179ac;
        color: #fff;
        transition: 0.2s ease;
    }

.selected.using {
    position: relative;
    border: 1px solid #d7d7d7;
    padding: 2px 3px 2px 10px;
    display: block;
    text-decoration: none;
    color: black;
    font-size: 16px;
    border-radius: 4px;
    height: 34px;
    overflow: hidden;
    white-space: nowrap;
}

    .selected.using span {
        word-break: break-all;
        line-height: 36px;
        display: block;
        overflow: hidden;
    }

    .selected.using:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid #333;
        float: right;
        position: absolute;
        right: 8px;
        top: 0;
        bottom: 0;
        margin: auto;
        color: black;
    }

.applePay span {
    max-width: 50px;
}

.googlePay span {
    max-width: 50px;
}

.paypalPay span {
    max-width: 50px;
}

.venmoPay span {
    max-width: 50px;
}

.GPay {
    margin: 2px 0px;
}

.VPay {
    margin: 2px 0px;
}

.disableddiv {
    pointer-events: none;
    opacity: 0.4;
}

.selected a {
    display: block;
    width: 100%;
    color: #000;
    text-decoration: none;
    cursor: default;
}

.selected.using a {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding-right: 20px;
}

.options {
    position: relative;
}

.drop-down .options ul {
    left: 0%;
    top: 44%;
    min-width: 236px;
    width: auto;
}

.row ul li {
    padding: 0px 2px 2px 0px;
}

.options .selected:after {
    display: none;
}

/*.drop-down .options ul li a.selected {
    background: #aee3f5;
    color: #fff !important;
}*/
.drop-down .options ul li a:hover {
    background-color: #0099FF;
}

p.usingApplePay {
    margin-top: 5px;
}

.methodTwo {
    padding-top: 5px;
    height: 43px;
}

.usingApplePay label {
    float: left;
}

.usingGooglePay label {
    float: left;
}

.usingApplePay img#applePayLogo {
    width: 16%;
    float: left;
    margin-top: -9px;
    padding-left: 5px;
}

.usingGooglePay img#googlePayLogo {
    width: 16%;
    float: left;
    margin-top: -9px;
    padding-left: 5px;
}

.OtherMethods {
    border: 1px solid #f9f9f9;
    background-color: #f9f9f9;
    height: 65px;
    /* padding:12px 20px;*/
    width: 100%;
    color: #fff;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    /*  margin-left: 5px;*/
    position: relative;
    display: none;
    margin-bottom: 10px;
    float: left;
}

.googlePay-validation {
    color: #C00;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 2px;
    clear: both;
    min-height: 1px;
    display: block;
    text-align: left;
    margin-top: -3px;
}

.UsingType-validation {
    color: #C00;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding-left: 0px;
    clear: both;
    min-height: 1px;
    display: none;
    text-align: left;
}

.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f9f9f9;
    margin-left: 65%;
    display: none;
}

.applePay-validation {
    color: #C00;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 2px;
    clear: both;
    min-height: 1px;
    display: block;
    text-align: left;
    margin-top: -3px;
}

.drop-down.paySelect.styledSelect.DDLPayOption.rowUsing.fLeft.flexiDD .selected {
    padding-right: 22px;
}

.drop-down.paySelect.styledSelect.DDLPayOption.rowUsing.fLeft.flexiDD {
    color: red;
    max-width: unset;
    /*width: auto !important;*/
}

.OD-inlineBlock.longSelect.PItoolTip .icons.info {
    margin-top: 12px;
    margin-left: 5px
}

div#policyhover {
    overflow: unset !important;
}

.category {
    width: 395px;
}

.OD-inlineBlock.longSelect.PItoolTip {
    width: 75% !important;
}

.drop-down.paySelect.DDLPayOption.rowUsing.fLeft.flexiDD {
    width: 80% !important;
}

.input-readOnly {
    background-color: #eee !important;
    border: 1px solid #999;
    caret-color: transparent;
}

div#PaymentInfoList_0__SelectedPaymentCategoryKey .selected.using {
    height: unset !important;
}

    div#PaymentInfoList_0__SelectedPaymentCategoryKey .selected.using a {
        height: 34px;
    }


/*Promotional Banner PopUp : Start*/
.PromotionalMessagePopupUl {
    padding: 5px 0px 14px 19px;
}

    .PromotionalMessagePopupUl li {
        list-style: disc;
        padding-top: 5px
    }

.PromotionalMessagePopup-linkbutton {
    background-color: transparent;
    clear: both;
    margin: 0.7em 3px -0.1em 7px;
    width: auto;
    text-align: left;
}

    .PromotionalMessagePopup-linkbutton a {
        text-decoration: underline;
    }

#btnGetStartedDialog {
    background: linear-gradient(to bottom, #fdb07b 0%, #fe6801 100%) !important;
    border: none !important
}

.Popup_LineMsg {
    padding-top: 5px
}

.promotionalmodal-dialog {
    width: 653px !important;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: block;
}

#promotionalMessageModal span.Pd-btm20 {
    color: #797979;
    display: block;
    margin-bottom: 10px;
}

.fixMargin {
    margin-left: 7px !important;
    margin-right: 7px !important;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .Pd-btm20 {
        margin: 0 0 20px 0;
        display: block;
    }
}
/*Promotional Banner PopUp : End*/

/* Golden 1 - FEAT 853824 & 853054 */

.borderTop {
    border-top: 1px solid #ddd;
    margin-top: 5px
}

.pb0 {
    padding-bottom: 0
}

.font16 {
    font-size: 16px !important
}

.disInline {
    display: inline !important;
}

.pl5 {
    padding-left: 5px
}

.flRight {
    float: right
}

.greybg {
    background: #eaeaea
}

.flLeft {
    float: left
}

.width100 {
    width: 100%
}

h4.termsHeading {
    font-weight: bold;
    padding-bottom: 10px
}

ul.termsAndConditions li {
    margin-left: 25px;
    list-style: initial;
    padding-bottom: 10px
}

div#disclosureContent p {
    margin-bottom: 1rem;
    margin-top: 0;
}

/*! jQuery UI - v1.9.2 - 2012-11-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}

.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%; height:20px;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }

.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../themes/base/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa;/*{borderColorHeader}*/ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A3C0D2', endColorstr='#004F83'); /* for IE 7 */
  background: -webkit-gradient(linear, left top, left bottom, from(#A3C0D2), to(#004F83)); /* for webkit browsers */
background:-moz-linear-gradient(center top , #A3C0D2, #004F83) repeat scroll 0 0 transparent ;	
background: -ms-linear-gradient(top,  #A3C0D2,  #004F83); /* for IE 10 */ 
 color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: none repeat-x scroll 50% 50% #EBF1F5; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(../themes/base/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../themes/base/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(../themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(../themes/base/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(../themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(../themes/base/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(../themes/base/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../themes/base/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(../themes/base/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(../themes/base/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(../themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(../themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/material-icons/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url("../fonts/material-icons/MaterialIcons-Regular.woff2") format('woff2'),
       url("../fonts/material-icons/MaterialIcons-Regular.woff") format('woff'),
       url("../fonts/material-icons/MaterialIcons-Regular.ttf") format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}