/*     
    Base styles - GOMvc Template.     
    Note:If you need to modify or add custom styles,it is recommended that you create a separate CSS file in order to avoid loosing your changes the next time you update the GOMvc template.          
    Site.css has been defined in the bundle.config, you can use the same name as the filename for the new css file.           
    Or name it as you wish and link it accordingly.   
         
    - Skins -    
    Fore-colors and background-colors are defined in separate css files in the skins folder.

    */
/*body {
    font: small/1.3 Helvetica Neue,Segoe UI,sans-serif;
    margin: 0;
    padding: 0 !important;
    -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.13);
    text-shadow: 1px 1px 1px rgba(0,0,0,.13)
}*/

body:before {
    content: '';
    position: fixed;
    top: -10px;
    width: 100%;
    height: 8px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.6)
}

h1, h2, h3, h4 {
    margin: 0 !important;
    padding: 0;
    font-weight: normal;
    -webkit-text-shadow: 1px 1px 2px rgba(0,0,0,.2);
    text-shadow: 1px 1px 2px rgba(0,0,0,.2)
}

p {
    margin-bottom: 5px
}

fieldset {
    border: none
}

a {
    text-decoration: underline
}

    a:hover {
    }

    a img {
        border: none
    }

th {
    text-align: left
}

input, textarea {
    border: solid 1px #c4c6cd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 1px 2px 1px rgba(255,255,255,.2),1px 3px 2px rgba(0,0,0,.05);
    box-shadow: inset 1px 2px 1px rgba(255,255,255,.2),1px 3px 2px rgba(0,0,0,.05)
}

    input[type=text], input[type=password], textarea {
        padding: 5px
    }

.show {
    display: block
}

.hide {
    display: none !important
}

.left {
    float: left !important
}

.right {
    float: right !important
}

.clearFloat {
    clear: both
}

.ajaxIndicator {
    position: absolute;
    bottom: 5px;
    left: 250px
}

.bMain {
    margin-left: 730px;
    visibility: hidden
}

.txtBox {
    width: 25%
}

.note {
    padding-top: 10px;
    font-size: 0.8em !important;
    color: #858170 !important
}

.amount {
    font-size: 2.0em
}

.processing {
    padding: 20px 10px !important;
    text-align: center;
    height: inherit !important;
    background: #fff;
    color: #000
}

    .processing img {
        float: left;
        margin-left: 10px
    }

.btnLink {
    font-size: 1.0em;
    color: #fff !important;
    font-weight: normal !important;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    padding: 8px 15px;
    -webkit-text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,.2),1px 3px 2px rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 1px rgba(255,255,255,.2),1px 3px 2px rgba(0,0,0,.05)
}

    .btnLink:hover {
        color: #fff;
        background: #000;
        text-decoration: none
    }

#btnCheck, .btnCheck {
    font-size: 0.8em;
    padding: 5px 10px
}

.statusIcon {
    width: 16px
}

.tbRight {
    text-align: right
}

.imgLeft {
    float: left;
    margin: 0 10px 10px 0
}

.imgMugshot {
    background: white;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    min-width: 119px;
    min-height: 100px;
    max-height: 125px
}

.fa {
    -webkit-text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-shadow: 0 1px 1px rgba(0,0,0,.2)
}

div.pageArea {
    width: 100%
}

div.header {
    padding: 10px 20px;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.6)
}

    div.header h1 {
        font-size: 1.4em;
        font-weight: normal;
        position: relative
    }

        div.header h1 img {
            float: left;
            margin-top: -5px;
            padding-right: 10px
        }

div.contentArea {
    border: solid 1px #c5d2c8;
    /*border-radius: 10px;*/
    width: 98%;
    margin: 20px auto 10px auto;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 1px 3px 1px rgba(255,255,255,.2),1px 3px 2px rgba(0,0,0,.05);
    box-shadow: inset 1px 3px 1px rgba(255,255,255,.2),1px 3px 2px rgba(0,0,0,.05)
}

div.Wider {
    width: 98%
}

div.contentArea h2 {
    font-size: 2.0em;
    padding-bottom: 20px
}

div.contentArea h3 {
    font-size: 1.2em;
    padding: 20px 0 10px 0
}

div.contentArea h4 {
    font-size: 1.0em;
    font-weight: normal;
    padding: 10px 0
}

div.contentBlock {
    padding: 20px 10px;
    border-radius: 10px;
    min-height: 540px;
}

    div.contentBlock h2 {
        font-size: 1.4em;
        padding: 0
    }

    div.contentBlock h3 {
        font-size: 1.4em;
        padding: 0
    }

    div.contentBlock p {
        font-size: 1.0em
    }

div.message {
    text-align: center;
    padding: 50px 0
}

div.form {
}

    div.form h2 {
        font-size: 1.4em;
        padding: 0
    }

    div.form h3 {
        font-size: 1.2em;
        padding: 0
    }

    div.form p {
    }

    div.form fieldset {
        margin: 0;
        padding: 10px 10px 10px 0
    }

        div.form fieldset p {
            margin: 0
        }

        div.form fieldset legend {
            color: #fff;
            font-weight: normal;
            font-size: 1.4em;
            background: #37245d;
            border-radius: 5px;
            margin: -20px 10px 10px 10px;
            padding: 10px 10px;
            display: none
        }

        div.form fieldset label {
            font-size: 1.0em;
            width: 100%;
            display: block
        }

        div.form fieldset input {
            width: 95%;
            font-size: 1.0em
        }

    div.form fieldset {
        font-size: 1.0em;
        padding: 5px
    }

        div.form fieldset textarea {
            width: 95%;
            min-height: 50px
        }

        div.form fieldset ol {
            list-style: none;
            margin: 0;
            padding: 0
        }

            div.form fieldset ol li {
                margin: 3px 5px 3px 0px;
                padding: 10px 4px 10px 10px;
                float: left;
                width: 95%;
                vertical-align: top;
                border-radius: 5px
            }

                div.form fieldset ol li ol {
                    padding: 0
                }

                    div.form fieldset ol li ol li {
                        margin: 0 0 10px 0;
                        padding: 0;
                        width: 100%
                    }

                div.form fieldset ol li.pListItem {
                    width: 48%
                }

                div.form fieldset ol li.fullWidth {
                    width: 100%
                }

            div.form fieldset ol.halfWidth {
                width: 98%;
                float: left
            }

        div.form fieldset .radio label {
            display: inline
        }

        div.form fieldset .radio input {
            width: auto
        }

        div.form fieldset .radio div input {
            width: 95%
        }

            div.form fieldset .radio div input[type="checkbox"] {
                width: auto
            }

        div.form fieldset .radio span {
            font-weight: bold
        }

            div.form fieldset .radio span.note {
                font-weight: normal
            }

        div.form fieldset .radio .btnLink {
            font-size: 0.8em
        }

        div.form fieldset .radio div {
            margin-top: 10px
        }

        div.form fieldset .radio li {
            background: none
        }

div.checkListWrapper {
    height: 350px;
    border: solid 1px #c4c6cd;
    background: white;
    overflow-y: scroll;
    padding: 5px 10px
}

div.checkListWrapperShort {
    height: 200px
}

div.checkList {
    display: block
}

#EventCalendar h3 {
    padding: 10px 0 0 0;
    font-size: 1.4em
}

.filterCalendar {
    float: right;
    width: 400px
}

div.modal {
    line-height: 1.3
}

    div.modal h3 {
    }

    div.modal p {
        margin: 5px 0
    }

    div.modal fieldset {
        margin-top: 10px;
        padding: 5px
    }

        div.modal fieldset label {
            width: 100%;
            display: block
        }

        div.modal fieldset ol {
            list-style: none;
            margin: 0 0 20px 0;
            clear: both
        }

            div.modal fieldset ol li {
                margin: 3px 0px;
                padding: 10px 4px 10px 10px;
                float: left;
                width: 50%;
                vertical-align: top;
                border-radius: 5px
            }

                div.modal fieldset ol li label {
                    font-size: 0.9em
                }

                div.modal fieldset ol li ol {
                    margin: 0;
                    padding: 0
                }

                    div.modal fieldset ol li ol li {
                        margin: 0;
                        padding: 0;
                        width: 48%
                    }

                div.modal fieldset ol li.pListItem {
                    width: 48%
                }

                div.modal fieldset ol li.fullWidth {
                    width: 98%
                }

                div.modal fieldset ol li.halfWidth {
                    width: 48%
                }

                div.modal fieldset ol li.quarterWidth {
                    width: 25%
                }

                div.modal fieldset ol li.thirdWidth {
                    width: 72%
                }

                div.modal fieldset ol li .btnLink {
                    padding: 5px 10px
                }

            div.modal fieldset ol.halfWidth {
                width: 48%;
                float: left;
                clear: inherit
            }

    div.modal .right {
        float: right
    }

    div.modal .note {
    }

div.modalPad {
    padding: 100px
}

div.details {
    padding: 10px
}

    div.details h2 {
        font-size: 1.4em
    }

    div.details h3 {
        font-size: 1.2em;
        clear: both;
        margin: 0;
        padding-top: 10px
    }

    div.details fieldset ol {
        font-size: 0.8em;
        display: table;
        border-radius: 10px;
        width: 98%;
        line-height: 1.3;
        padding: 5px
    }

        div.details fieldset ol li {
            width: 45%;
            vertical-align: top;
            padding: 3px 5px
        }

            div.details fieldset ol li label {
                width: 30%;
                float: left;
                text-align: right;
                font-weight: normal;
                margin-right: 5px
            }

            div.details fieldset ol li .detailValue {
                float: left;
                width: 45%
            }

            div.details fieldset ol li .newline {
                -ms-line-break: normal;
                -webkit-line-break: normal;
                line-break: normal;
                margin-left: 45%
            }

            div.details fieldset ol li.fullWidth label {
                width: 14%
            }

    div.details ol {
        list-style: none;
        margin: 0;
        padding: 0
    }

        div.details ol li {
            float: left;
            width: 49%;
            margin: 5px 5px 5px 0
        }

            div.details ol li.fullWidth {
                width: 98%
            }

    div.details label {
    }

    div.details input, div.details textarea {
        width: 100%
    }

    div.details textarea {
        height: 200px
    }

    div.details ol.labels li {
        width: 70%
    }

        div.details ol.labels li h2 {
            font-weight: bold;
            color: #000
        }

        div.details ol.labels li span {
            font-weight: bold;
            color: #000
        }

.inlineLI li {
    display: inline;
    float: inherit !important;
    width: inherit !important
}

.blockquote {
    padding: 20px 0 20px 20px !important
}

    .blockquote li {
        float: left !important;
        width: 25% !important;
        background: none !important;
        margin: 0 !important;
        padding: 0 !important
    }

.lbStyle-container {
    width: 950px;
    height: 300px;
    border: solid 1px #c4c6cd
}

.lbStyle-container {
    height: 100%;
    border: none
}

.listBox {
    width: 98%
}

div.contentPart {
    margin: 5px;
    float: left;
    width: 20%;
    padding: 10px;
    border-radius: 10px;
    border: solid 1px #c4c6cd;
    min-height: 200px
}

div.contentPartMedium {
    width: 30%
}

div.contentPartWide {
    width: 98%;
    margin: 0
}

div.light {
    background: #F0EDE7
}

div.contentPart h3 span {
    font-size: 1.0em;
    font-weight: normal;
    margin: 0;
    padding: 0
}

div.contentPart .right {
    float: right
}

div.contentSection {
    margin: 5px 5px 10px 5px;
    float: left;
    width: 20%;
    padding: 10px;
    border-radius: 10px;
    border: solid 1px #c4c6cd;
    -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1)
}

div.contentSectionSmallFix {
    width: 310px
}

div.contentSectionHalf {
    width: 47%
}

div.contentSectionWide {
    width: 98%;
    float: none
}

div.contentSectionRight {
    float: right
}

div.contentSection .form p {
    padding-bottom: 10px
}

div.contentSection .form fieldset ol li {
    width: 98%;
    margin: 5px 0;
    padding: 0;
    background: none
}

div.contentSection .form .btnLink {
    padding: 5px 10px
}

.headerLine {
    padding: 10px 0 !important;
    border-bottom: solid 1px rgba(0,0,0,.2)
}

div.error {
    font-size: 1.0em;
    background: #fff8f5;
    width: 70%;
    padding: 20px
}

    div.error h2 {
        font-size: 2.0em;
        color: maroon
    }

    div.error ul {
    }

        div.error ul li {
            padding: 5px 0
        }

.GOMvcDropDownList {
    width: 95%
}

    .GOMvcDropDownList a {
        font-size: 1em;
        color: #000;
        text-decoration: none;
        padding: 5px 10px
    }

    .GOMvcDropDownList li {
        background: inherit !important;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: list-item !important
    }

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

.gridToolHeader {
    margin-bottom: 10px
}

    .gridToolHeader ol {
        list-style: none;
        margin: 0;
        padding: 0
    }

        .gridToolHeader ol li {
            float: left;
            margin: 0 10px 10px 0
        }

            .gridToolHeader ol li label {
                display: block;
                font-weight: bold
            }

            .gridToolHeader ol li .GOMvcDropDownList {
                width: auto
            }

            .gridToolHeader ol li input {
                padding: 4px
            }

            .gridToolHeader ol li .btnLink {
                padding: 5px 10px
            }

    .gridToolHeader .short input[type=text] {
        width: 50px
    }

.grid {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 1px 3px 2px rgba(0,0,0,.05);
    box-shadow: 1px 3px 2px rgba(0,0,0,.05)
}

    .grid table {
        width: 100%;
        border-collapse: collapse !important
    }

    .grid td {
        border: solid 1px #cfcfcf;
        border-left: none;
        border-right: none;
        border-top: none;
        padding: 5px;
        font-size: 1.0em
    }

    .grid thead {
        font-size: 1.2em
    }

        .grid thead th, .grid thead td {
            border: solid 1px #3b656e;
            padding: 10px 6px !important;
            border-top: none;
            font-weight: normal
        }

    .grid .btnLink {
        font-size: 1.0em;
        padding: 5px 10px
    }

    .grid tr.red {
        background-color: #eee7e7 !important;
        color: #861b1b !important
    }

        .grid tr.red:hover {
            background-color: #611d1d !important;
            color: #fff !important
        }

    .grid td.tdButtons {
        width: 5%;
        white-space: nowrap
    }

.gridnohover tbody tr:hover {
    color: #000 !important;
    background: none !important
}

.gridnohover tbody tr:nth-child(odd):hover {
    background-color: #e8e8e8 !important
}

.dhx_cal_event {
    border: solid 1px #cedae6;
    border-radius: 5px
}

#GOMvcUserUserFormBlock fieldset .radio li {
    padding-bottom: 10px !important;
    width: 45% !important
}

    #GOMvcUserUserFormBlock fieldset .radio li.fullWidth {
        width: 95% !important;
        padding: 10px 0 0 0 !important
    }

.field-validation-error {
    color: #f00
}

.field-validation-valid {
    display: none
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00
}

.validation-summary-valid {
    display: none
}

.fontsizeSmall {
    font-size: 1.0em !important
}

.fontsizeSmaller {
    font-size: 0.8em !important
}

.fontsizeMediumX {
    font-size: 1.4em !important
}

.fontsizeMedium {
    font-size: 1.2em !important
}

.fontsizeLarge {
    font-size: 1.6em !important
}

.fontsizeLarger {
    font-size: 2.0em !important
}

.red {
    color: #7e0707 !important
}

.pageSecurityRoles {
    min-height: 250px;
    background: #ededed;
    overflow-y: auto;
    margin: 20px 0 0 0px;
    padding: 10px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1)
}

    .pageSecurityRoles .pageSecurityRolesContent {
    }

        .pageSecurityRoles .pageSecurityRolesContent h4 {
            margin-bottom: 10px
        }

        .pageSecurityRoles .pageSecurityRolesContent .checkListOuter {
            display: table;
            width: 100%
        }

        .pageSecurityRoles .pageSecurityRolesContent .checkList {
            width: 40%;
            float: left;
            padding: 10px 5px
        }

    .pageSecurityRoles .pageSecurityRolesButton {
        clear: both;
        margin: 10px 0
    }

.btnLinkBlue {
    background: rgb(42,139,204) !important;
    background: linear-gradient(rgb(59,152,214) 0px,rgb(25,126,193) 100%) repeat-x rgb(42,139,204) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(59,152,214)),to(rgb(25,126,193))) !important;
    background: -webkit-linear-gradient(top, rgb(59,152,214),rgb(25,126,193)) !important;
    background: -moz-linear-gradient(top, rgb(59,152,214),rgb(25,126,193)) !important;
    background: -ms-linear-gradient(top, rgb(59,152,214),rgb(25,126,193)) !important;
    background: -o-linear-gradient(top, rgb(59,152,214),rgb(25,126,193)) !important
}

    .btnLinkBlue:hover {
        background: rgb(29,111,166) !important;
        background: linear-gradient(rgb(38,126,184) 0px,rgb(19,97,148) 100%) repeat-x rgb(29,111,166) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(38,126,184)),to(rgb(19,97,148))) !important;
        background: -webkit-linear-gradient(top,rgb(38,126,184),rgb(19,97,148)) !important;
        background: -moz-linear-gradient(top, rgb(38,126,184),rgb(19,97,148)) !important;
        background: -ms-linear-gradient(top, rgb(38,126,184),rgb(19,97,148)) !important;
        background: -o-linear-gradient(top, rgb(38,126,184),rgb(19,97,148)) !important
    }

.btnLinkGreen {
    background: rgb(134,181,88) !important;
    background: linear-gradient(rgb(142,191,96) 0px,rgb(125,170,80) 100%) repeat-x rgb(134,181,88) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(142,191,96)),to(rgb(125,170,80))) !important;
    background: -webkit-linear-gradient(top,rgb(142,191,96),rgb(125,170,80)) !important;
    background: -moz-linear-gradient(top, rgb(142,191,96),rgb(125,170,80)) !important;
    background: -ms-linear-gradient(top, rgb(142,191,96),rgb(125,170,80)) !important;
    background: -o-linear-gradient(top, rgb(142,191,96),rgb(125,170,80)) !important
}

    .btnLinkGreen:hover {
        background: rgb(108,152,66) !important;
        background: linear-gradient(rgb(116,168,68) 0px,rgb(100,135,64) 100%) repeat-x rgb(108,152,66) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(116,168,68)),to(rgb(100,135,64))) !important;
        background: -webkit-linear-gradient(top,rgb(116,168,68),rgb(100,135,64)) !important;
        background: -moz-linear-gradient(top, rgb(116,168,68),rgb(100,135,64)) !important;
        background: -ms-linear-gradient(top, rgb(116,168,68),rgb(100,135,64)) !important;
        background: -o-linear-gradient(top, rgb(116,168,68),rgb(100,135,64)) !important
    }

.btnLinkOrange {
    background: rgb(255,180,75) !important;
    background: linear-gradient(rgb(255,191,102) 0px,rgb(255,168,48) 100%) repeat-x rgb(255,180,75) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(255,191,102)),to(rgb(255,168,48))) !important;
    background: -webkit-linear-gradient(top,rgb(255,191,102),rgb(255,168,48)) !important;
    background: -moz-linear-gradient(top, rgb(255,191,102),rgb(255,168,48)) !important;
    background: -ms-linear-gradient(top, rgb(255,191,102),rgb(255,168,48)) !important;
    background: -o-linear-gradient(top, rgb(255,191,102),rgb(255,168,48)) !important
}

    .btnLinkOrange:hover {
        background: rgb(254,158,25) !important;
        background: linear-gradient(rgb(255,170,51) 0px,rgb(252,146,0) 100%) repeat-x rgb(254,158,25) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(255,170,51)),to(rgb(252,146,0))) !important;
        background: -webkit-linear-gradient(top,rgb(255,170,51),rgb(252,146,0)) !important;
        background: -moz-linear-gradient(top, rgb(255,170,51),rgb(252,146,0)) !important;
        background: -ms-linear-gradient(top, rgb(255,170,51),rgb(252,146,0)) !important;
        background: -o-linear-gradient(top, rgb(255,170,51),rgb(252,146,0)) !important
    }

.btnLinkTomato {
    background: rgb(255,130,71) !important;
    background: linear-gradient(rgb(255,120,71) 0px,rgb(255,99,71) 100%) repeat-x rgb(255,130,71) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(255,120,71)),to(rgb(255,99,71))) !important;
    background: -webkit-linear-gradient(top,rgb(255,120,71),rgb(255,99,71)) !important;
    background: -moz-linear-gradient(top, rgb(255,120,71),rgb(255,99,71)) !important;
    background: -ms-linear-gradient(top, rgb(255,120,71),rgb(255,99,71)) !important;
    background: -o-linear-gradient(top, rgb(255,120,71),rgb(255,99,71)) !important
}

    .btnLinkTomato:hover {
        background: rgb(255,60,60) !important;
        background: linear-gradient(rgb(255,50,50) 0px,rgb(255,60,60) 100%) repeat-x rgb(255,60,60) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(255,50,50)),to(rgb(255,60,60))) !important;
        background: -webkit-linear-gradient(top,rgb(255,50,50),rgb(255,60,60)) !important;
        background: -moz-linear-gradient(top, rgb(255,50,50),rgb(255,60,60)) !important;
        background: -ms-linear-gradient(top, rgb(255,50,50),rgb(255,60,60)) !important;
        background: -o-linear-gradient(top, rgb(255,50,50),rgb(255,60,60)) !important
    }

.btnLinkRed {
    background: rgb(211,65,59) !important;
    background: linear-gradient(rgb(213,91,82) 0px,rgb(209,39,35) 100%) repeat-x rgb(211,65,59) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(213,91,82)),to(rgb(209,39,35))) !important;
    background: -webkit-linear-gradient(top,rgb(213,91,82),rgb(209,39,35)) !important;
    background: -moz-linear-gradient(top, rgb(213,91,82),rgb(209,39,35)) !important;
    background: -ms-linear-gradient(top, rgb(213,91,82),rgb(209,39,35)) !important;
    background: -o-linear-gradient(top, rgb(213,91,82),rgb(209,39,35)) !important
}

    .btnLinkRed:hover {
        background: rgb(181,44,38) !important;
        background: linear-gradient(rgb(196,58,48) 0px,rgb(165,31,28) 100%) repeat-x rgb(181,44,38) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(196,58,48)),to(rgb(165,31,28))) !important;
        background: -webkit-linear-gradient(top,rgb(196,58,48),rgb(165,31,28)) !important;
        background: -moz-linear-gradient(top, rgb(196,58,48),rgb(165,31,28)) !important;
        background: -ms-linear-gradient(top, rgb(196,58,48),rgb(165,31,28)) !important;
        background: -o-linear-gradient(top, rgb(196,58,48),rgb(165,31,28)) !important
    }

.btnLinkDark {
    background: linear-gradient(rgb(85,85,85) 0px,rgb(51,51,51) 100%) repeat-x rgb(68,68,68) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(85,85,85)),to(rgb(51,51,51))) !important;
    background: -webkit-linear-gradient(top,rgb(85,85,85),rgb(51,51,51)) !important;
    background: -moz-linear-gradient(top, rgb(85,85,85),rgb(51,51,51)) !important;
    background: -ms-linear-gradient(top, rgb(85,85,85),rgb(51,51,51)) !important;
    background: -o-linear-gradient(top, rgb(85,85,85),rgb(51,51,51)) !important
}

    .btnLinkDark:hover {
        background: rgb(43,43,43) !important;
        background: linear-gradient(rgb(59,59,59) 0px,rgb(26,26,26) 100%) repeat-x rgb(43,43,43) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(59,59,59)),to(rgb(26,26,26))) !important;
        background: -webkit-linear-gradient(top,rgb(59,59,59),rgb(26,26,26)) !important;
        background: -moz-linear-gradient(top, rgb(59,59,59),rgb(26,26,26)) !important;
        background: -ms-linear-gradient(top, rgb(59,59,59),rgb(26,26,26)) !important;
        background: -o-linear-gradient(top, rgb(59,59,59),rgb(26,26,26)) !important
    }

.btnLinkLight {
    background: rgb(180,194,204) !important;
    background: linear-gradient(rgb(188,201,213) 0px,rgb(171,186,195) 100%) repeat-x rgb(180,194,204) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(188,201,213)),to(rgb(171,186,195))) !important;
    background: -webkit-linear-gradient(top,rgb(188,201,213),rgb(171,186,195)) !important;
    background: -moz-linear-gradient(top, rgb(188,201,213),rgb(171,186,195)) !important;
    background: -ms-linear-gradient(top, rgb(188,201,213),rgb(171,186,195)) !important;
    background: -o-linear-gradient(top, rgb(188,201,213),rgb(171,186,195)) !important
}

    .btnLinkLight:hover {
        background: rgb(155,174,188) !important;
        background: linear-gradient(rgb(163,181,197) 0px,rgb(147,166,178) 100%) repeat-x rgb(155,174,188) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(163,181,197)),to(rgb(147,166,178))) !important;
        background: -webkit-linear-gradient(top,rgb(163,181,197),rgb(147,166,178)) !important;
        background: -moz-linear-gradient(top, rgb(163,181,197),rgb(147,166,178)) !important;
        background: -ms-linear-gradient(top, rgb(163,181,197),rgb(147,166,178)) !important;
        background: -o-linear-gradient(top, rgb(163,181,197),rgb(147,166,178)) !important
    }

.btnLinkLightBlue {
    background: rgb(104,173,222) !important;
    background: linear-gradient(rgb(117,181,230) 0px,rgb(91,164,213) 100%) repeat-x rgb(104,173,222) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(117,181,230)),to(rgb(91,164,213) )) !important;
    background: -webkit-linear-gradient(top,rgb(117,181,230),rgb(91,164,213) ) !important;
    background: -moz-linear-gradient(top, rgb(117,181,230),rgb(91,164,213) ) !important;
    background: -ms-linear-gradient(top, rgb(117,181,230),rgb(91,164,213) ) !important;
    background: -o-linear-gradient(top, rgb(117,181,230),rgb(91,164,213) ) !important
}

    .btnLinkLightBlue:hover {
        background: linear-gradient(rgb(74,158,222) 0px,rgb(52,141,201) 100%) repeat-x rgb(63,150,212) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(74,158,222)),to(rgb(52,141,201) )) !important;
        background: -webkit-linear-gradient(top,rgb(74,158,222),rgb(52,141,201) ) !important;
        background: -moz-linear-gradient(top, rgb(74,158,222),rgb(52,141,201) ) !important;
        background: -ms-linear-gradient(top, rgb(74,158,222),rgb(52,141,201) ) !important;
        background: -o-linear-gradient(top, rgb(74,158,222),rgb(52,141,201) ) !important
    }

.btnLinkSteelBlue {
    background: rgb(70,120,170) !important;
    background: linear-gradient(rgb(70,140,190) 0px,rgb(70,130,180) 100%) repeat-x rgb(70,120,170) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(70,140,190)),to(rgb(70,130,180))) !important;
    background: -webkit-linear-gradient(top,rgb(70,140,190),rgb(70,130,180)) !important;
    background: -moz-linear-gradient(top, rgb(70,140,190),rgb(70,130,180)) !important;
    background: -ms-linear-gradient(top, rgb(70,140,190),rgb(70,130,180)) !important;
    background: -o-linear-gradient(top, rgb(70,140,190),rgb(70,130,180)) !important
}

    .btnLinkSteelBlue:hover {
        background: rgb(70,100,150) !important;
        background: linear-gradient(rgb(70,120,170) 0px,rgb(70,110,160) 100%) repeat-x rgb(70,100,150) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(70,120,170)),to(rgb(70,110,160))) !important;
        background: -webkit-linear-gradient(top,rgb(70,120,170),rgb(70,110,160)) !important;
        background: -moz-linear-gradient(top, rgb(70,120,170),rgb(70,110,160)) !important;
        background: -ms-linear-gradient(top, rgb(70,120,170),rgb(70,110,160)) !important;
        background: -o-linear-gradient(top, rgb(70,120,170),rgb(70,110,160)) !important
    }

.btnLinkPurple {
    background: rgb(152,137,193) !important;
    background: linear-gradient(rgb(166,150,206) 0px,rgb(138,124,180) 100%) repeat-x rgb(152,137,193) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(166,150,206)),to(rgb(138,124,180))) !important;
    background: -webkit-linear-gradient(top,rgb(166,150,206),rgb(138,124,180)) !important;
    background: -moz-linear-gradient(top, rgb(166,150,206),rgb(138,124,180)) !important;
    background: -ms-linear-gradient(top, rgb(166,150,206),rgb(138,124,180)) !important;
    background: -o-linear-gradient(top, rgb(166,150,206),rgb(138,124,180)) !important
}

    .btnLinkPurple:hover {
        background: rgb(123,104,175) !important;
        background: linear-gradient(rgb(137,115,190) 0px,rgb(109,92,161) 100%) repeat-x rgb(123,104,175) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(137,115,190)),to(rgb(109,92,161))) !important;
        background: -webkit-linear-gradient(top,rgb(137,115,190),rgb(109,92,161)) !important;
        background: -moz-linear-gradient(top, rgb(137,115,190),rgb(109,92,161)) !important;
        background: -ms-linear-gradient(top, rgb(137,115,190),rgb(109,92,161)) !important;
        background: -o-linear-gradient(top, rgb(137,115,190),rgb(109,92,161)) !important
    }

.btnLinkGrey {
    background: rgb(121,121,121) !important;
    background: linear-gradient(rgb(137,137,137) 0px,rgb(105,105,105) 100%) repeat-x rgb(121,121,121) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(137,137,137)),to(rgb(105,105,105))) !important;
    background: -webkit-linear-gradient(top,rgb(137,137,137),rgb(105,105,105)) !important;
    background: -moz-linear-gradient(top, rgb(137,137,137),rgb(105,105,105)) !important;
    background: -ms-linear-gradient(top, rgb(137,137,137),rgb(105,105,105)) !important;
    background: -o-linear-gradient(top, rgb(137,137,137),rgb(105,105,105)) !important
}

    .btnLinkGrey:hover {
        background: linear-gradient(rgb(124,124,124) 0px,rgb(92,92,92) 100%) repeat-x rgb(108,108,108) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(124,124,124)),to(rgb(92,92,92))) !important;
        background: -webkit-linear-gradient(top,rgb(124,124,124),rgb(92,92,92)) !important;
        background: -moz-linear-gradient(top, rgb(124,124,124),rgb(92,92,92)) !important;
        background: -ms-linear-gradient(top, rgb(124,124,124),rgb(92,92,92)) !important;
        background: -o-linear-gradient(top, rgb(124,124,124),rgb(92,92,92)) !important
    }

.btnLinkTan {
    color: rgb(153,102,51) !important;
    background: rgb(210,170,130) !important;
    background: linear-gradient(rgb(210,190,150) 0px,rgb(210,180,140) 100%) repeat-x rgb(210,170,130) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(210,190,150)),to(rgb(210,180,140))) !important;
    background: -webkit-linear-gradient(top,rgb(210,190,150),rgb(210,180,140)) !important;
    background: -moz-linear-gradient(top, rgb(210,190,150),rgb(210,180,140)) !important;
    background: -ms-linear-gradient(top, rgb(210,190,150),rgb(210,180,140)) !important;
    background: -o-linear-gradient(top, rgb(210,190,150),rgb(210,180,140)) !important
}

    .btnLinkTan:hover {
        background: rgb(210,160,110) !important;
        background: linear-gradient(rgb(210,180,130) 0px,rgb(210,170,120) 100%) repeat-x rgb(210,160,110) !important;
        background: -webkit-gradient(linear,top,top,from(rgb(210,180,130)),to(rgb(210,170,120))) !important;
        background: -webkit-linear-gradient(top,rgb(210,180,130),rgb(210,170,120)) !important;
        background: -moz-linear-gradient(top, rgb(210,180,130),rgb(210,170,120)) !important;
        background: -ms-linear-gradient(top, rgb(210,180,130),rgb(210,170,120)) !important;
        background: -o-linear-gradient(top, rgb(210,180,130),rgb(210,170,120)) !important
    }

.gridLightBlue table {
    border-top-color: rgb(147,166,178) !important
}

.gridLightBlue thead th, .grid thead td {
    border-color: rgb(147,166,178) !important;
    border-left-color: rgb(163,181,197) !important
}

.gridLightBlue thead {
    background: linear-gradient(rgb(163,181,197) 0px,rgb(147,166,178) 100%) repeat-x rgb(155,174,188) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(163,181,197)),to(rgb(147,166,178))) !important;
    background: -webkit-linear-gradient(top,rgb(163,181,197),rgb(147,166,178)) !important;
    background: -moz-linear-gradient(top, rgb(163,181,197),rgb(147,166,178)) !important;
    background: -ms-linear-gradient(top, rgb(163,181,197),rgb(147,166,178)) !important;
    background: -o-linear-gradient(top, rgb(163,181,197),rgb(147,166,178)) !important
}

.gridLightBlue .GOMvcGridHeaderContent {
    color: #fff;
    padding: 10px !important;
    font-size: 1.2em !important;
    background: linear-gradient(rgb(74,158,222) 0px,rgb(52,141,201) 100%) repeat-x rgb(63,150,212);
    background: -webkit-gradient(linear,top,top,from(rgb(74,158,222)),to(rgb(52,141,201))) !important;
    background: -webkit-linear-gradient(top,rgb(74,158,222),rgb(52,141,201)) !important;
    background: -moz-linear-gradient(top, rgb(74,158,222),rgb(52,141,201)) !important;
    background: -ms-linear-gradient(top, rgb(74,158,222),rgb(52,141,201)) !important;
    background: -o-linear-gradient(top, rgb(74,158,222),rgb(52,141,201)) !important
}

.gridLightBlue .GOMvcGridHeader .GOMvcGridHeaderContent {
    color: #fff !important
}

.gridBlue table {
    border-top-color: rgb(176,186,200) !important
}

.gridBlue thead th, .grid thead td {
    border-color: rgb(113,144,168) !important;
    border-left-color: rgb(132,166,192) !important
}

.gridBlue thead {
    background: linear-gradient(rgb(132,166,192) 0px,rgb(113,144,168) 100%) repeat-x rgb(176,196,210) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(132,166,192)),to(rgb(113,144,168))) !important;
    background: -webkit-linear-gradient(top,rgb(132,166,192),rgb(113,144,168)) !important;
    background: -moz-linear-gradient(top, rgb(132,166,192),rgb(113,144,168)) !important;
    background: -ms-linear-gradient(top, rgb(132,166,192),rgb(113,144,168)) !important;
    background: -o-linear-gradient(top, rgb(132,166,192),rgb(113,144,168)) !important
}

.gridBlue .GOMvcGridHeaderContent {
    color: #fff;
    padding: 10px !important;
    font-size: 1.2em !important;
    background: linear-gradient(rgb(38,126,184) 0px,rgb(19,97,148) 100%) repeat-x rgb(29,111,166);
    background: -webkit-gradient(linear,top,top,from(rgb(38,126,184)),to(rgb(19,97,148))) !important;
    background: -webkit-linear-gradient(top,rgb(38,126,184),rgb(19,97,148)) !important;
    background: -moz-linear-gradient(top, rgb(38,126,184),rgb(19,97,148)) !important;
    background: -ms-linear-gradient(top, rgb(38,126,184),rgb(19,97,148)) !important;
    background: -o-linear-gradient(top, rgb(38,126,184),rgb(19,97,148)) !important
}

.gridBlue .GOMvcGridHeader .GOMvcGridHeaderContent {
    color: #fff !important
}

.gridGreen table {
    border-top-color: rgb(149,178,165) !important
}

.gridGreen thead th, .grid thead td {
    border-color: rgb(149,168,155) !important;
    border-left-color: rgb(160,192,178) !important
}

.gridGreen thead {
    background: linear-gradient(rgb(160,192,178) 0px,rgb(149,178,165) 100%) repeat-x rgb(176,196,210) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(160,192,178)),to(rgb(149,178,165))) !important;
    background: -webkit-linear-gradient(top,rgb(160,192,178),rgb(149,178,165)) !important;
    background: -moz-linear-gradient(top, rgb(160,192,178),rgb(149,178,165)) !important;
    background: -ms-linear-gradient(top, rgb(160,192,178),rgb(149,178,165)) !important;
    background: -o-linear-gradient(top, rgb(160,192,178),rgb(149,178,165)) !important
}

.gridGreen .GOMvcGridHeaderContent {
    background: linear-gradient(rgb(116,168,68) 0px,rgb(100,135,64) 100%) repeat-x rgb(108,152,66);
    background: -webkit-gradient(linear,top,top,from(rgb(116,168,68)),to(rgb(100,135,64))) !important;
    background: -webkit-linear-gradient(top,rgb(116,168,68),rgb(100,135,64)) !important;
    background: -moz-linear-gradient(top, rgb(116,168,68),rgb(100,135,64)) !important;
    background: -ms-linear-gradient(top, rgb(116,168,68),rgb(100,135,64)) !important;
    background: -o-linear-gradient(top, rgb(116,168,68),rgb(100,135,64)) !important;
    color: #fff;
    padding: 10px !important;
    font-size: 1.2em !important
}

.gridGreen .GOMvcGridHeader .GOMvcGridHeaderContent {
    color: #fff !important
}

.gridRed table {
    border-top-color: rgb(146,107,107) !important
}

.gridRed thead th, .grid thead td {
    border-color: rgb(146,107,107) !important;
    border-left-color: rgb(166,121,121) !important
}

.gridRed thead {
    background: linear-gradient(rgb(166,121,121) 0px,rgb(146,107,107) 100%) repeat-x rgb(176,196,210) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(166,121,121)),to(rgb(146,107,107))) !important;
    background: -webkit-linear-gradient(top,rgb(166,121,121),rgb(146,107,107)) !important;
    background: -moz-linear-gradient(top, rgb(166,121,121),rgb(146,107,107)) !important;
    background: -ms-linear-gradient(top, rgb(166,121,121),rgb(146,107,107)) !important;
    background: -o-linear-gradient(top, rgb(166,121,121),rgb(146,107,107)) !important
}

.gridRed .GOMvcGridHeaderContent {
    background: linear-gradient(rgb(132,53,53) 0px,rgb(98,38,38) 100%) repeat-x rgb(181,44,38);
    background: -webkit-gradient(linear,top,top,from(rgb(132,53,53)),to(rgb(98,38,38))) !important;
    background: -webkit-linear-gradient(top,rgb(132,53,53),rgb(98,38,38)) !important;
    background: -moz-linear-gradient(top, rgb(132,53,53),rgb(98,38,38)) !important;
    background: -ms-linear-gradient(top, rgb(132,53,53),rgb(98,38,38)) !important;
    background: -o-linear-gradient(top, rgb(132,53,53),rgb(98,38,38)) !important;
    color: #fff;
    padding: 10px !important;
    font-size: 1.2em !important
}

.gridRed .GOMvcGridHeader .GOMvcGridHeaderContent {
    color: #fff !important
}

.gridDark table {
    border-top-color: rgb(165,163,163) !important
}

.gridDark thead th, .grid thead td {
    border-color: rgb(165,163,163) !important;
    border-left-color: rgb(183,182,182) !important
}

.gridDark thead {
    background: linear-gradient(rgb(183,182,182) 0px,rgb(165,163,163) 100%) repeat-x rgb(176,196,210) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(183,182,182)),to(rgb(165,163,163))) !important;
    background: -webkit-linear-gradient(top,rgb(183,182,182),rgb(165,163,163)) !important;
    background: -moz-linear-gradient(top, rgb(183,182,182),rgb(165,163,163)) !important;
    background: -ms-linear-gradient(top, rgb(183,182,182),rgb(165,163,163)) !important;
    background: -o-linear-gradient(top, rgb(183,182,182),rgb(165,163,163)) !important
}

.gridDark .GOMvcGridHeaderContent {
    background: linear-gradient(rgb(59,59,59) 0px,rgb(26,26,26) 100%) repeat-x rgb(43,43,43);
    background: -webkit-gradient(linear,top,top,from(rgb(59,59,59)),to(rgb(26,26,26))) !important;
    background: -webkit-linear-gradient(top,rgb(59,59,59),rgb(26,26,26)) !important;
    background: -moz-linear-gradient(top, rgb(59,59,59),rgb(26,26,26)) !important;
    background: -ms-linear-gradient(top, rgb(59,59,59),rgb(26,26,26)) !important;
    background: -o-linear-gradient(top, rgb(59,59,59),rgb(26,26,26)) !important;
    color: #fff;
    padding: 10px !important;
    font-size: 1.2em !important
}

.gridDark .GOMvcGridHeader .GOMvcGridHeaderContent {
    color: #fff !important
}

.gridGrey table {
    border-top-color: rgb(165,163,163) !important
}

.gridGrey thead th, .grid thead td {
    border-color: rgb(165,163,163) !important;
    border-left-color: rgb(183,182,182) !important
}

.gridGrey thead {
    background: linear-gradient(rgb(183,182,182) 0px,rgb(165,163,163) 100%) repeat-x rgb(176,196,210) !important;
    background: -webkit-gradient(linear,top,top,from(rgb(183,182,182)),to(rgb(165,163,163))) !important;
    background: -webkit-linear-gradient(top,rgb(183,182,182),rgb(165,163,163)) !important;
    background: -moz-linear-gradient(top, rgb(183,182,182),rgb(165,163,163)) !important;
    background: -ms-linear-gradient(top, rgb(183,182,182),rgb(165,163,163)) !important;
    background: -o-linear-gradient(top, rgb(183,182,182),rgb(165,163,163)) !important
}

.gridGrey .GOMvcGridHeaderContent {
    background: linear-gradient(rgb(124,124,124) 0px,rgb(92,92,92) 100%) repeat-x rgb(108,108,108);
    background: -webkit-gradient(linear,top,top,from(rgb(124,124,124)),to(rgb(92,92,92))) !important;
    background: -webkit-linear-gradient(top,rgb(124,124,124),rgb(92,92,92)) !important;
    background: -moz-linear-gradient(top, rgb(124,124,124),rgb(92,92,92)) !important;
    background: -ms-linear-gradient(top, rgb(124,124,124),rgb(92,92,92)) !important;
    background: -o-linear-gradient(top, rgb(124,124,124),rgb(92,92,92)) !important;
    color: #fff;
    padding: 10px !important;
    font-size: 1.2em !important
}

.gridGrey .GOMvcGridHeader .GOMvcGridHeaderContent {
    color: #fff !important
}

.toggle {
}

    .toggle .trigger {
    }

    .toggle .toggleView {
        display: none;
        padding: 10px;
        border: solid 1px rgba(0,0,0,.1);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
        box-shadow: 1px 1px 5px rgba(0,0,0,.2);
        background: -webkit-gradient(linear,top,top,from(#fefefe),to(#ededed));
        background: -webkit-linear-gradient(top, #fefefe,#ededed);
        background: -moz-linear-gradient(top,#fefefe,#ededed);
        background: -ms-linear-gradient(top, #fefefe,#ededed);
        background: -o-linear-gradient(top,#fefefe,#ededed)
    }

@media(min-width:0px) {
    div.header {
    }

    div.contentArea {
        width: 98%
    }

    div.Wider {
        width: 98%
    }

    div.form fieldset ol li ol li {
        width: 98%;
        margin: 0
    }

    div.contentBlock {
        padding: 10px
    }

    div.form fieldset ol li.halfWidth {
        width: 48%
    }

    div.form fieldset ol.halfWidth {
        width: 48%
    }

    div.contentSectionWide {
        width: 96%;
        float: none;
        overflow-x: auto
    }

    div.contentSectionHalf {
        width: 96%;
        float: none
    }

    div.contentSectionRight {
        float: none
    }
}

@media(min-width:1024px) {
    div.contentArea {
        width: 1000px
    }

    div.Wider {
        width: 98%
    }

    div.form fieldset ol li ol li {
        width: 50%;
        margin: 0
    }

    div.contentBlock {
        padding: 10px
    }

    div.form fieldset ol li.halfWidth {
        width: 48%
    }

    div.form fieldset ol.halfWidth {
        width: 48%
    }

    div.contentSectionWide {
        width: 98%;
        float: none
    }

    div.contentSectionHalf {
        width: 46%;
        float: left
    }

    div.contentSectionRight {
        float: right
    }

    div.Normal .contentSectionHalf {
        width: 46% !important
    }
}

@media(min-width:1280px) {
    div.contentSectionHalf {
        width: 47.5%
    }
}

@media(min-width:1360px) {
}

ul.browserList {
    list-style: none;
    margin: 0;
    padding: 0
}

    ul.browserList li {
        float: left;
        padding: 10px 30px !important;
        text-align: center
    }