html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, sup,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    padding: 0;
    margin: 0;
    border: 0;
    color: black;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600);

body {
    font: 13px/1.7em wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', "Open Sans", "trebuchet ms", Arial, sans-serif;
    color: #444;
}

h1, h2, h3,
h4, h5, h6 {
    font-weight: 600;
    margin-bottom: .75em;
}

h1 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: .75em;
}

h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: .85em;
}

h3 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 1em;
}

h4 {
    font-size: 14px;
    line-height: 1.25;
}

h5 {
    font-size: 12px;
    font-weight: bold;
}

h6 {
    font-size: 11px;
    font-weight: bold;
}

p {
    margin: 0 0 1.75em;
}

    p.last {
        margin-bottom: 0;
    }

img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

ul, ol {
    margin-left: 20px;
    margin-bottom: 2.5em;
}

li ul,
li ol {
    margin-top: 1em;
}

ul li {
    list-style-type: disc;
}

dl {
    margin: 0 0 2em 0;
}

    dl dt {
        font-weight: bold;
        margin-bottom: .75em;
    }

dd {
    margin-left: 1.5em;
    margin-bottom: .75em;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin-top: 1.5em;
    font-style: italic;
}

del {
    color: #666;
}

sup {
    font-size: 9px;
    vertical-align: top;
}

a {
    color: #06C;
    text-decoration: none;
}

    a:focus,
    a:hover {
        text-decoration: underline;
    }

blockquote {
    margin: 1.5em;
    color: #666;
    font-style: italic;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
    background: #ffc;
}

dfn {
    font-weight: bold;
}

pre, code {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
    line-height: 1.5;
}

tt {
    display: block;
    margin: 1.5em 0;
    line-height: 1.5;
}

hr {
    border: none;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 2.5em;
    margin-top: 1em;
}

.placeholder {
    color: #999;
}

input, textarea, select {
    font-family: "Open Sans", Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans- serif;
    font-size: 13px;
    color: #424242;
    line-height: 1.4285714285714;
    padding: 4px 5px;
}

    input:focus, textarea:focus, select:focus {
        border: 1px solid #80bfff;
        -moz-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
        -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
        box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
    }

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}
/*CR-787*/
body {
    background: #fff !important;
    color: black !important;
}

#sidebar {
    background: #fff !important;
    top: 70px !important;
    border-top: 1px solid #fff !important;
    position: absolute !important;
    height: 695px !important;
}

#mainNav li.nav .subNav {
    background: white !important;
}

/*CR-787*/
#mainNav li.nav {
    border-bottom: #e6e6e6 0.5px !important;
}

    #mainNav li.nav a {
        color: black !important;
        text-shadow: none !important;
    }

#header {
    background: #fff !important;
    border-bottom: none !important;
}

#contentHeader {
    box-shadow: 1px 1px 15px rgba(0,0,0,0.5);
}

div.DTS tbody tr {
    color: #333 !important;
}

.menu-container {
    background-color: white !important;
    border: none !important;
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
}

#main_Nav li.nav a {
    color: #333 !important;
    text-shadow: none !important;
}

table {
    color: #333 !important;
}

#wrapper {
    color: black !important;
}

#mainNav {
    border: none !important;
}

.menu-container {
    box-shadow: 1px 1px 12px rgba(0,0,0,.7);
}

.data {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: top;
    width: 80%;
    margin-top: 0.6em;
}

body {
    background: #555;
}

#wrapper {
    width: 100%;
}

#header {
    background: #222;
    /*width: 100%;*/
    height: 100px;
    border-bottom: 1px solid #555555;
    position: relative;
    z-index: 15;
}

    #header h1 {
        width: 800px;
        height: 51px;
        line-height: 600px;
        overflow: hidden;
        position: relative;
        top: 20px;
        left: 30px;
    }

        #header h1 a {
            display: block;
        }

    #header #reveal-nav {
        background: black;
        width: 15px;
        height: 15px;
        display: none;
        position: absolute;
        top: 10px;
        right: 15px;
        border: 1px solid #000;
        padding: 6px 5px 4px;
        z-index: 10000;
        cursor: pointer;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        #header #reveal-nav .reveal-bar {
            display: block;
            width: 15px;
            height: 2px;
            margin-bottom: 3px;
            background-color: #DDD;
            -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);
        }

#title H2 {
    padding-left: 1.5%;
}

#sidebar.revealShow {
    display: block;
}

#searchBevel {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#search form {
    text-align: left;
    margin: 0 15px;
    position: relative;
}

#sidebar {
    width: 248px;
    display: block;
    float: left;
    position: relative;
    z-index: 16;
}

.sidebarBox {
    color: #FFF;
    padding: 0 20px;
    margin-bottom: 2em;
    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

#sidebar hr {
    margin-bottom: 2em;
    border-top: 1px solid #4A4A4A;
    border-bottom: 1px solid #858585;
}

#content {
    background: #FFF;
    width: auto;
    min-height: 649px;
    z-index: 20;
    padding-bottom: 5px;
    margin-left: 250px;
    margin-right: 20px;
    position: relative;
    left: -2px;
    top: auto;
}

#contentHeader {
    top: -50px;
}

#content .container {
    top: -40px;
}

#contentHeader {
    background: #DDD;
    width: 100%;
    height: 51px !important;
    border-bottom: 0px solid #999999;
    margin-bottom: 0.5em;
    margin-top: 15px;
    position: relative;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 0px;
    z-index: 1;
}

    #contentHeader h1 {
        font-size: 24px;
        font-weight: 400;
        color: #333;
        position: relative;
        top: 10px;
        left: 15px;
    }

#contentHeaderActions {
    height: 96px;
    line-height: 106px;
    position: absolute;
    top: 0;
    right: 15px;
}

.ui-layout-toggler {
    border: none !important;
    background-color: #BBB;
    height: 24px !important;
    width: 32px !important;
    text-align: center !important;
}

.ui-layout-resizer {
    background: #039be5 !important;
    border: none !important;
    border-width: 0;
    height: 7px !important;
    position: absolute !important;
    padding: 0px !important;
    margin: 0px !important;
    transition-delay: 0s !important;
    transition: 0s !important;
}

}

/*#contentHeader #contentHeaderBevel {
    width: 100%;
    border-bottom: 1px solid #FFF;
    position: absolute;
    bottom: 0;
}*/

#footer {
    position: relative; /*background:#222;*/
    top: 0px;
    width: auto;
    left: auto;
    color: #AAA;
    text-align: right;
    padding: 12px 20px; /*-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;*/
}

#mainNav {
    width: 250px;
    padding: 0;
    margin: -5px 0 2.5em;
    border-bottom: 1px solid #858585;
    position: relative;
    top: 41px;
}

    #mainNav li.nav {
        list-style-type: none;
        padding-top: 5px !important;
        padding-bottom: 10px !important;
        margin: 0px !important;
        position: relative;
        border-bottom: 1px solid #4A4A4A;
        border: 0px solid white !important;
    }

        #mainNav li.nav:first-child {
            border-top: none;
        }

        /*CR-787*/
        #mainNav li.nav a {
            width: 218px;
            color: white !important;
            font-family: inherit !important;
            font-size: 1.1em !important;
            background: rgb(3, 155, 229) !important;
            cursor: pointer;
            padding: 5px 0px 0px 15px;
            display: inline-block !important;
            margin-right: 0px !important;
            margin-left: 6px !important;
            text-transform: none;
            letter-spacing: 0.3px;
            font-weight: 500;
            outline: none;
            border: 1px solid #b1b1b1;
            border-radius: 5px;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            transition: all 1s;
            text-decoration: none;
            min-height: 2.4em;
            max-height: 2.4em;
            text-align: left !important;
            vertical-align: middle !important;
            box-shadow: 3px 3px 12px #888888 !important;
            line-height: 30px !important;
        }

            #mainNav li.nav a:hover {
                background-color: rgba(238, 238, 238, 0.4) !important;
                -webkit-transition: all 0.5s !important;
                -moz-transition: all 0.5s !important;
                transition: all 0.5s !important;
                color: #668bb0 !important;
                text-decoration: none !important;
            }

    #mainNav li a.active {
        color: #555 !important;
        background-color: #ffffff !important;
    }

    #mainNav li .subNav {
        width: 104% !important;
    }

    #mainNav li.nav [class^="icon-"], #mainNav li.nav [class*=" icon-"] {
        background-image: none !important;
        background: none !important;
        background-repeat: no-repeat !important;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        position: absolute;
        top: 14px;
        left: 16px;
        opacity: .4;
        filter: alpha(opacity=40);
    }

    #mainNav li.nav a:hover {
        background: #616161;
        background: rgba(0,0,0,.075);
    }

    #mainNav .nav .count {
        background-color: #4D4D4F;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        color: #FFF;
        display: block;
        padding: 2px 8px !important;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        position: absolute;
        right: 20px;
        top: 9px;
    }

    #mainNav .dropdown .dropdownArrow {
        width: 0;
        height: 0;
        display: inline-block;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 9px solid #ffffff;
        position: absolute !important;
        top: 22px !important;
        right: 15px !important;
    }

.nav.dropdown.opened.active .dropdownArrow {
    border-top: 9px solid #668bb0 !important;
}

#sidebar ul li:hover .dropdownArrow {
    border-top: 9px solid #668bb0 !important;
}

#sidebar ul li.active:hover .dropdownArrow {
    border-top: 9px solid #ffffff !important;
}

#mainNav li.nav .subNav {
    background: #555;
    width: 250px !important;
    display: none;
    list-style-type: none;
    padding-top: 1px !important;
    padding-bottom: .75em !important;
    padding-left: 18px !important;
    margin-top: 12px !important;
    margin-bottom: 5px !important;
    border: none !important;
    position: relative;
    top: 0 !important;
    left: -20px !important;
}

    /*CR-787*/
    #mainNav li.nav .subNav li {
        background: none;
        list-style-type: none;
        padding: 0;
        margin: 10px 0 -2px 0;
        border: none !important;
    }

        #mainNav li.nav .subNav li:last-child {
            border-bottom: none !important;
        }

        /*CR-787*/
        #mainNav li.nav .subNav li a {
            width: 180px !important;
            font-size: 14px !important;
            display: inline-block !important;
            padding: 0px 15px 1px 15px;
            vertical-align: middle !important;
            line-height: 38px !important;
            margin-left: 25px !important;
            margin-top: 3px !important;
            font-weight: 400 !important;
            border: none !important;
        }

        #mainNav li.nav .subNav li :hover {
            background: #039be5 !important;
            color: #ffffff !important;
        }

        /*CR-787*/
        #mainNav li.nav .subNav li a.active {
            color: white !important;
            background: #039be5 !important;
            box-shadow: none !important;
        }

            #mainNav li.nav .subNav li a.active:hover {
                color: #ffffff !important;
                background-color: #039be5 !important;
                opacity: 0.5 !important;
            }

#main_Nav {
    width: 240px;
    padding: 0;
    margin: -5px 0 2.5em;
    border-bottom: 1px solid #858585;
    position: relative;
    top: 5px;
}
/*CR-787*/
#mainNav li.active a {
    color: #668bb0 !important;
    background-color: #ffffff !important;
}

#mainNav li.active:hover a {
    background: #039be5 !important;
    color: #ffffff !important;
}

#main_Nav li.nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    border-top: 1px solid #858585;
}

    #main_Nav li.nav:first-child {
        border-top: none;
    }

    #main_Nav li.nav a {
        width: 100%;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        color: #FFF;
        display: inline-block;
        padding: 11px 18px 11px 45px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-shadow: 1px 1px 2px rgba(0,0,0,.7);
    }
    /*CR-787*/
    #main_Nav li.nav [class^="icon-"], #main_Nav li.nav [class*=" icon-"] {
        background-image: url(/clientwebnew/images/sprite/sprite-16-black.png);
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        position: relative;
        left: 16px;
        opacity: .4;
        filter: alpha(opacity=40);
    }

    #main_Nav li.nav:hover {
        background: #616161;
        background: rgba(0,0,0,.075);
    }

    #main_Nav li.nav.active {
        border-top: none;
    }

        #main_Nav li.nav.active a {
            background: #066ECD;
            background: -moz-linear-gradient(top, #A8CCEC 0%, #4993D7 2%, #066ECD 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8CCEC), color-stop(2%,#4993D7), color-stop(100%,#066ECD));
            background: -webkit-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
            background: -o-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
            background: -ms-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
            background: linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
            border-top: none;
        }

    #main_Nav li.nav.dropdown a {
        padding-bottom: 12px;
    }

#main_Nav .nav .count {
    background-color: #4D4D4F;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    display: block;
    padding: 2px 8px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    right: 20px;
    top: 9px;
}

#main_Nav .dropdown .dropdownArrow {
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    top: 19px;
    right: 20px;
}
/*CR-787*/
#main_Nav li.nav .subNav {
    background: #fff !important;
    width: 205px;
    display: none;
    list-style-type: none;
    padding-top: 0px;
    padding-bottom: .75em;
    padding-left: 35px;
    margin-top: 0px !important;
    margin-bottom: 0;
    border-bottom: none;
    position: relative;
    top: 0;
    left: -20px;
}

    #main_Nav li.nav .subNav li {
        background: none;
        list-style-type: none;
        padding: 0;
        margin: 0 1em 0 0;
    }

        #main_Nav li.nav .subNav li a {
            width: auto;
            font-size: 11px;
            font-family: "Open Sans", Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
            display: block;
            padding: 6px 15px 6px 30px;
        }

    #main_Nav li.nav .subNav .liClass a:hover {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    #main_Nav li.nav .subNav li a.active {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #5D5D5D !important;
        border: solid 2px yellowgreen;
    }

#topNav {
    position: absolute;
    right: 20px;
    top: 10px !important;
    z-index: 17;
}

    #topNav ul {
        padding: 0;
        margin: 0;
    }

    #topNav li {
        list-style-type: none;
        float: left;
        margin: 3px 0 0 0.5em;
        position: relative;
        padding: 0px 0px 0px 0px;
        border: 0px solid transparent;
        border-radius: 4px;
    }

        #topNav li:hover {
            border: 0px solid gray;
        }

        #topNav li:last-child {
            margin-right: 0;
        }

    #topNav a {
        font-size: 13px;
        color: #FFF;
        text-decoration: none;
    }

        #topNav a.menu {
            padding-right: 16px;
        }

    #topNav .menu-arrow {
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #777;
        position: absolute;
        top: 12px;
        right: 0;
    }

#quickNav {
    background: #222;
    height: 35px;
    border: 1px solid #161616;
    position: absolute;
    left: 240px;
    top: 7px;
    z-index: 20;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    #quickNav ul {
        padding: 0;
        margin: 0;
    }

    #quickNav li {
        width: 38px;
        height: 35px;
        text-align: center;
        list-style-type: none;
        float: left;
        position: relative;
        border-right: 1px solid #222;
        border-left: 1px solid #555;
    }

        #quickNav li:first-child {
            background: none;
            border-left: none;
        }

        #quickNav li:last-child {
            border-right: none !important;
        }

        #quickNav li a {
            width: 28px;
            height: 25px;
            display: inline-block;
            line-height: 600px;
            overflow: hidden;
        }

        #quickNav li [class^="icon-"] {
            background-image: url(/clientwebnew/images/sprite/sprite-12-white.png);
            background-repeat: no-repeat;
            width: 12px;
            height: 12px;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -6px;
            margin-left: -6px;
        }

    #quickNav .alert {
        background: #C00;
        width: 18px;
        height: 18px;
        font-size: 10px;
        font-weight: 600;
        color: #FFF;
        text-align: center;
        line-height: 18px;
        display: block;
        border-radius: 100px;
        position: absolute;
        top: -8px;
        right: -5px;
        z-index: 100;
    }

.menu-container {
    background-color: #666;
    display: none;
    padding: 5px;
    border: 1px solid #555;
    position: absolute;
    top: 50px;
    left: 250px;
    z-index: 85;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    .menu-container h3 {
        font-size: 12px;
        color: #555;
        padding: 0 .65em 6px;
        margin: 0;
        border-bottom: 1px solid #ddd;
    }

.menu-content {
    background-color: #FFF;
    padding: 0;
    position: relative;
    min-width: 150px;
    min-height: 75px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.menu-top {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #666;
    position: absolute;
    top: -7px;
    left: 15px;
}

.menu-container.right .menu-top {
    left: auto;
    right: 15px;
}

.menu-container.middle .menu-top {
    display: none;
}

.menuClose a {
    font-size: 12px;
    font-weight: normal;
    color: #222;
    padding: 1px 6px;
    position: absolute;
    right: 8px;
    top: 6px;
}

.menu-dropdown {
    background: #666;
}

    .menu-dropdown .menu-content {
        background: transparent;
        padding: 0;
    }

        .menu-dropdown .menu-content ul {
            width: 165px;
            padding: 0;
            margin: 0;
        }

        .menu-dropdown .menu-content li {
            list-style-type: none;
            padding: 2px 0;
            margin: 0;
            border-top: 1px solid #ddd;
            border-bottom: 0px solid #555;
            background-color: #ffffff !important;
        }
            /*CR-787*/
            .menu-dropdown .menu-content li:first-child {
                border-top: none;
            }
            /*CR-787*/
            .menu-dropdown .menu-content li:last-child {
                border-bottom: none;
            }
        /*CR-787*/
        .menu-dropdown .menu-content a {
            color: black;
            display: block;
            padding: 7px 3px 7px 7px;
        }

.subNav1 li:hover {
    background-color: #616161 !important;
    background: rgba(0,0,0,.075) !important;
}

/*.menu-dropdown .menu-content li:first-child {
    border-top: none;
    background-color: #ffffff !important;
}*/

.menu-dropdown .menu-content li:last-child {
    border-bottom: none;
}

.menu-dropdown .menu-content a {
    background: white;
    color: #0197e1;
    display: block;
    padding: 7px 3px 7px 22px;
}

    .menu-dropdown .menu-content a:hover {
        background-color: lightgray !important;
        color: black !important;
    }

.menu-dropdown .menuClose {
    display: none;
}

[class^="icon-"] {
    background: url(/clientwebnew/images/sprite/sprite-16-black.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px !important;
}

.icon-ampersand {
    background-position: 0 -0px;
}

.icon-aperture {
    background-position: 0 -44px;
}

.icon-aperture-alt {
    background-position: 0 -88px;
}

.icon-arrow-down {
    background-position: 0 -132px;
}

.icon-arrow-down-alt1 {
    background-position: 0 -176px;
}

.icon-arrow-down-alt2 {
    background-position: 0 -220px;
}

.icon-arrow-left {
    background: url(/clientwebnew/images/iconset/ControlsNavigation/png_32/Back.png) no-repeat;
    background-color: inherit;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.8px;
    min-width: 2.6em;
    vertical-align: middle;
}

.icon-star-blue {
    background: url('/clientwebnew/images/iconset/Editing/png_32/Star_32px.png') !important;
    background-color: inherit;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.8px;
    min-width: 2em !important;
    vertical-align: middle;
}

.ui-layout-toggler-south-open {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Arrow-Down.png) !important;
    background-repeat: no-repeat !important;
    top: -7px !important;
}

.ui-layout-toggler-south-closed {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Arrow-Up.png) !important;
    background-repeat: no-repeat !important;
    top: -8px !important;
}

.ui-layout-toggler-north-open {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Arrow-Up.png) !important;
    background-repeat: no-repeat !important;
    top: -8px !important;
}

.ui-layout-toggler-north-closed {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Arrow-Down.png) !important;
    background-repeat: no-repeat !important;
    top: -8px !important;
}

.icon-arrow-left-alt1 {
    background-position: 0 -308px;
}

.icon-arrow-left-alt2 {
    background-position: 0 -352px;
}

.icon-arrow-right {
    background: url(/clientwebnew/images/iconset/ControlsNavigation/png_32/Forward.png) no-repeat;
    background-color: inherit;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.8px;
    min-width: 2.6em;
    vertical-align: middle;
}

.icon-clear {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Refresh.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 3px 4px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.8em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-arrow-right-alt1 {
    background-position: 0 -440px;
}

.icon-arrow-right-alt2 {
    background-position: 0 -484px;
}

.icon-arrow-up {
    background-position: 0 -528px;
}

.icon-arrow-up-alt1 {
    background-position: 0 -572px;
}

.icon-arrow-up-alt2 {
    background-position: 0 -616px;
}

.icon-article {
    background-position: 0 -660px;
}

.icon-at {
    background-position: 0 -704px;
}

.icon-award-fill {
    background-position: 0 -748px;
}

.icon-award-stroke {
    background-position: 0 -792px;
}

.icon-bars {
    background-position: 0 -836px;
}

.icon-bars-alt {
    background-position: 0 -880px;
}

.icon-battery-charging {
    background-position: 0 -924px;
}

.icon-battery-empty {
    background-position: 0 -968px;
}

.icon-battery-full {
    background-position: 0 -1012px;
}

.icon-battery-half {
    background-position: 0 -1056px;
}

.icon-beaker {
    background-position: 0 -1100px;
}

.icon-beaker-alt {
    background-position: 0 -1144px;
}

.icon-bolt {
    background-position: 0 -1188px;
}

/*.icon-book {
    background-position: 0 -1232px;
}*/

.icon-book-alt {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Layout-2.png) no-repeat;
}

.icon-box {
    background-position: 0 -1320px;
}

.icon-brush {
    background-position: 0 -1364px;
}

.icon-brush-alt {
    background-position: 0 -1408px;
}

.icon-calendar {
    background-position: 0 -1452px;
}

.icon-calendar-alt-fill {
    background-position: 0 -1496px;
}

.icon-calendar-alt-stroke {
    background-position: 0 -1540px;
}

.icon-camera {
    background: url(/clientwebnew/images/iconset/DevicesNetwork/png_32/Printer.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-cd {
    background-position: 0 -1628px;
}

.icon-chart {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Chart.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-chart-alt {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Chart.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-chat {
    background-position: 0 -1760px;
}

.icon-chat-alt-fill {
    background-position: 0 -1804px;
}

.icon-chat-alt-stroke {
    background-position: 0 -1848px;
}

.icon-check {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/OK.png) no-repeat;
    background-color: inherit !important;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px 2px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-check-alt {
    background-position: 0 -1936px;
}

.icon-clock {
    background: url(/clientwebnew/images/iconset/office/png_32/clock.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.8em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-documents {
    background: url(/clientwebnew/images/iconset/FilesFolders/png_32/Folder-File.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 1px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.8em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-cloud {
    background-position: 0 -2024px;
}

.icon-cloud-download {
    background-position: 0 -2068px;
}

.icon-cloud-upload {
    background-position: 0 -2112px;
}

.icon-comment-alt1-fill {
    background-position: 0 -2244px;
}

.icon-comment-alt1-stroke {
    background-position: 0 -2288px;
}

.icon-comment-alt2-fill {
    background-position: 0 -2332px;
}

.icon-comment-alt2-stroke {
    background-position: 0 -2376px;
}

.icon-comment-alt3-fill {
    background-position: 0 -2420px;
}

.icon-comment-alt3-stroke {
    background-position: 0 -2464px;
}

.icon-comment-fill {
    background-position: 0 -2508px;
}

.icon-comment-stroke {
    background-position: 0 -2552px;
}

.icon-compass {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Compas.png) !important;
    background-repeat: no-repeat !important; /* make the background image appear only once */
    background-position: 2px 8px !important; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we want some borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 0px 5px 0px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.8em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
    padding: 4px;
}

.icon-dollar {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Banknote-Dollar.png) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 2px 1px !important;
    border: 1px thin lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 0px 4px -5px;
    cursor: pointer;
    height: 2em;
    width: 2.1em;
    vertical-align: middle;
    padding: 4px;
}

.icon-cursor {
    background-position: 0 -2640px;
}

.icon-curved-arrow {
    background-position: 0 -2684px;
}

.icon-denied {
    background-position: 0 -2728px;
}

.icon-denied-alt {
    background-position: 0 -2772px;
}

.icon-dial {
    background-position: 0 -2816px;
}

.icon-document-alt-fill {
    background-position: 0 -2860px;
}

.icon-document-alt-stroke {
    background: url(/clientwebnew/images/iconset/FilesFolders/png_32/File-Word.png) !important;
    background-color: inherit !important;
    background-repeat: no-repeat !important;
    background-position: 5px 3px !important;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.6em;
    vertical-align: middle;
}

.icon-document-fill {
    background-position: 0 -2948px;
}

.icon-document-stroke {
    background-position: 0 -2992px;
}

.icon-download {
    background: url(/clientwebnew/images/iconset/FilesFolders/png_32/File-Download.png) !important;
    background-color: inherit !important;
    background-repeat: no-repeat !important;
    background-position: 5px 3px !important;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.6em;
    vertical-align: middle;
}

.icon-eject {
    background-position: 0 -3080px;
}

.icon-equalizer {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Abacus.png) no-repeat;
    background-color: inherit !important;
}

}

.icon-eye {
    background-position: 0 -3168px;
}

.icon-eyedropper {
    background-position: 0 -3212px;
}

.icon-first {
    background-position: 0 -3256px;
}

.icon-folder-fill {
    background-position: 0 -3300px;
}

.icon-folder-stroke {
    background: url(/clientwebnew/images/iconset/FilesFolders/png_32/Folder-Plus.png) !important;
    background-color: inherit !important;
    background-repeat: no-repeat !important;
    background-position: 5px 3px !important;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.6em;
    vertical-align: middle;
}

.icon-fork {
    background-position: 0 -3388px;
}

.icon-fullscreen {
    background-position: 0 -3432px;
}

.icon-fullscreen-alt {
    background-position: 0 -3476px;
}

.icon-fullscreen-exit {
    background-position: 0 -3520px;
}

.icon-fullscreen-exit-alt {
    background-position: 0 -3564px;
}

.icon-hash {
    background-position: 0 -3608px;
}

.icon-headphones {
    background-position: 0 -3652px;
}

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

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

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

.icon-image {
    background-position: 0 -3828px;
}

.icon-info {
    background: url(/clientwebnew/images/iconset/ControlsNavigation/png_32/Info.png) no-repeat;
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 4px 2px; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we want some borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 0px 5px 0px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.8em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
    padding: 4px;
}

.icon-iphone {
    background-position: 0 -3916px;
}

.icon-key-fill {
    background-position: 0 -3960px;
}

.icon-key-stroke {
    background-position: 0 -4004px;
}

.icon-last {
    background-position: 0 -4048px;
}

.icon-layers {
    background-position: 0 -4092px;
}

.icon-layers-alt {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Invoice.png) no-repeat;
}

.icon-left-quote {
    background-position: 0 -4180px;
}

.icon-left-quote-alt {
    background-position: 0 -4224px;
}

.icon-lightbulb {
    background-position: 0 -4268px;
}

.icon-link {
    background-position: 0 -4312px;
}

.icon-list {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Invoice.png) no-repeat;
    background-color: inherit !important;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.6em;
    vertical-align: middle;
}

.icon-Pie {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Piechart.png) no-repeat;
    background-color: inherit !important;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.6em;
    vertical-align: middle;
}

.icon-layout {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Layout-3.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-eyeview {
    background: url(/clientwebnew/images/iconset/Editing/png_32/Layers-Arrange.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.9em;
    max-height: 2.8px;
    min-width: 3em;
    vertical-align: middle;
}

.icon-attach {
    background: url(/clientwebnew/images/iconset/Office/png_32/Attachment.png) no-repeat;
    background-color: inherit !important;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-lock-fill {
    background-position: 0 -4400px;
}

.icon-lock-stroke {
    background-position: 0 -4444px;
}

.icon-loop {
    background-position: 0 -4488px;
}

.icon-loop-alt1 {
    background-position: 0 -4532px;
}

.icon-loop-alt2 {
    background-position: 0 -4576px;
}

.icon-loop-alt3 {
    background-position: 0 -4620px;
}

.icon-loop-alt4 {
    background-position: 0 -4664px;
}

.icon-magnifying-glass {
    background-position: 0 -4708px;
}

.icon-magnifying-glass-alt {
    background-position: 0 -4752px;
}

.icon-mail {
    background: url(/clientwebnew/images/iconset/Office/png_32/Envelope-Forward.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 6px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-mail-alt {
    background-position: 0 -4840px;
}

.icon-map-pin-alt {
    background-position: 0 -4884px;
}

.icon-map-pin-fill {
    background-position: 0 -4928px;
}

.icon-map-pin-stroke {
    background-position: 0 -4972px;
}

.icon-mic {
    background-position: 0 -5016px;
}

.icon-minus {
    background-position: 0 -5060px;
}

.icon-minus-alt {
    background-position: 0 -5104px;
}

.icon-moon-fill {
    background-position: 0 -5148px;
}

.icon-moon-stroke {
    background-position: 0 -5192px;
}

.icon-move {
    background-position: 0 -5236px;
}

.icon-move-alt1 {
    background-position: 0 -5280px;
}

.icon-move-alt2 {
    background-position: 0 -5324px;
}

.icon-move-horizontal {
    background-position: 0 -5368px;
}

.icon-move-horizontal-alt1 {
    background-position: 0 -5412px;
}

.icon-move-horizontal-alt2 {
    background-position: 0 -5456px;
}

.icon-move-vertical {
    background-position: 0 -5500px;
}

.icon-move-vertical-alt1 {
    background-position: 0 -5544px;
}

.icon-move-vertical-alt2 {
    background-position: 0 -5588px;
}

.icon-movie {
    background-position: 0 -5632px;
}

.icon-new-window {
    background: url(/clientwebnew/images/iconset/Editing/png_32/Copy.png) !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: 3px 1px !important;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.6em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-pause {
    background-position: 0 -5720px;
}

.icon-pen {
    background: url(/clientwebnew/images/iconset/Editing/png_32/Pencil.png) no-repeat !important;
    background-color: inherit !important;
    background-repeat: no-repeat;
    background-position: 4px 3px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 2px 10px 2px 3px;
    cursor: pointer;
    min-height: 2.8em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-edit {
    background: url(/clientwebnew/images/iconset/Editing/png_32/Pencil.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-Remove {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Remove.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-printer {
    background: url(/clientwebnew/images/iconset/DevicesNetwork/png_32/Printer.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-minus-btn {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Minus.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-pen-alt2 {
    background-position: 0 -5808px;
}

.icon-pen-alt-fill {
    background-position: 0 -5852px;
}

.icon-pen-alt-stroke {
    background-position: 0 -5896px;
}

.icon-pilcrow {
    background-position: 0 -5940px;
}

.icon-pin {
    background-position: 0 -5984px;
}

.icon-play {
    background-position: 0 -6028px;
}

.icon-play-alt {
    background-position: 0 -6072px;
}

.icon-ok {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/OK.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-plus {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Plus.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-location {
    background: url(/clientwebnew/images/iconset/WebBrowsers/png_32/Browser-Location.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
    display: inline-block !important;
}

.icon-fax {
    background: url(/clientwebnew/images/iconset/DevicesNetwork/png_32/Printer.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
    display: inline-block !important;
}

.icon-phone {
    background: url(/clientwebnew/images/iconset/DevicesNetwork/png_32/Nexus-6-Front.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
    display: inline-block !important;
}


.icon-sidebar {
    background: url(/clientwebnew/images/iconset/WebBrowsers/png_32/Browser-Sidebar-Left.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
    display: inline-block;
}


.icon-post {
    background: url(/clientwebnew/images/iconset/Office/png_32/Send.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-like {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Thumbs-Up.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em !important;
    max-height: 2.8px !important;
    min-width: 3em !important;
    vertical-align: middle;
}

.icon-unlike {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Thumbs-Down.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em !important;
    max-height: 2.8px !important;
    min-width: 3em !important;
    vertical-align: middle;
}

.icon-comment {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Bubble-Chat.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 3px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 3em !important;
    vertical-align: middle;
}

.icon-excel {
    background: url(/clientwebnew/images/icons/file-extension-xls-icon.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-import {
    background: url(/clientwebnew/images/iconset/ControlsNavigation/png_32/Upload.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-columns {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Layout-3.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-plus-alt {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Plus.png) no-repeat;
}

.icon-question-mark {
    background-position: 0 -6204px;
}

.icon-rain {
    background-position: 0 -6248px;
}

.icon-read-more {
    background-position: 0 -6292px;
}

.icon-reload {
    background-position: 0 -6336px;
}

.icon-reload-alt1 {
    background-position: 0 -6380px;
}

.icon-right-quote {
    background-position: 0 -6424px;
}

.icon-right-quote-alt {
    background-position: 0 -6468px;
}

.icon-rss {
    background-position: 0 -6512px;
}

.icon-rss-alt {
    background-position: 0 -6556px;
}

.icon-share {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Share.png) !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}

.icon-spin {
    background-position: 0 -6644px;
}

.icon-spin-alt {
    background-position: 0 -6688px;
}

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

.icon-steering-wheel {
    background-position: 0 -6776px;
}

.icon-stop {
    background-position: 0 -6820px;
}

.icon-sun {
    background-position: 0 -6864px;
}

.icon-sun-alt-fill {
    background-position: 0 -6908px;
}

.icon-sun-alt-stroke {
    background-position: 0 -6952px;
}

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

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

.icon-target {
    background-position: 0 -7084px;
}

.icon-transfer {
    background-position: 0 -7128px;
}

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

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

.icon-umbrella {
    background-position: 0 -7260px;
}

.icon-undo {
    background-position: 0 -7304px;
}

.icon-unlock-fill {
    background-position: 0 -7348px;
}

.icon-unlock-stroke {
    background-position: 0 -7392px;
}

.icon-upload {
    background-position: 0 -7436px;
}

.icon-up-green {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Arrow-Up.png) !important;
    background-color: inherit;
    background-repeat: no-repeat !important;
    background-position: 3px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 4px 4px 4px !important;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.8em !important;
    max-height: 2.9em !important;
    min-width: 2.8em !important;
    vertical-align: middle;
}

.icon-down-red {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Arrow-Down.png) !important;
    background-color: inherit;
    background-repeat: no-repeat !important;
    background-position: 3px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 4px 4px 4px !important;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.8em !important;
    max-height: 2.9em !important;
    min-width: 2.8em !important;
    vertical-align: middle;
}

.icon-user {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Man-Suit-2.png) !important;
    background-color: inherit;
    background-repeat: no-repeat !important;
    background-position: 3px 2px !important;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.8em;
    max-height: 2.9em;
    min-width: 2.8em;
    vertical-align: middle;
}


.icon-menu {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Menu-2.png);
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.8em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}


.icon-book {
    background: url(/clientwebnew/images/iconset/Office/png_32/Books-2.png);
    min-height: 2.8em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}


.icon-volume {
    background-position: 0 -7524px;
}

.icon-volume-mute {
    background-position: 0 -7568px;
}

.icon-wrench {
    background-position: 0 -7612px;
}

.icon-x, .icon-xx, .ui-icon-cancel, .close, .closebtn, simplemodal-close {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Remove.png) no-repeat !important;
    background-color: inherit !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border-radius: 4px 0px 0px 4px !important;
    margin: 0px 5px 0px 2px;
    height: 2.7em;
    width: 2.7em;
    vertical-align: middle !important;
    display: inline-block !important;
}

.icon-paste {
    background: url(/clientwebnew/images/iconset/Editing/png_32/Paste.png) no-repeat !important;
    background-color: inherit !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border-radius: 4px 0px 0px 4px !important;
    margin: 0px 5px 0px 2px;
    height: 2.7em;
    width: 2.7em;
    vertical-align: middle !important;
    display: inline-block !important;
}

.icon-properties {
    background: url(/clientwebnew/images/iconset/Editing/png_32/Properties.png) no-repeat !important;
    background-color: inherit !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border-radius: 4px 0px 0px 4px !important;
    margin: 0px 5px 0px 2px;
    height: 2.7em;
    width: 2.7em;
    vertical-align: middle !important;
    display: inline-block !important;
}

.lightbox-secNav-btnClose {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Remove.png) no-repeat !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border-radius: 4px 0px 0px 4px !important;
    margin: 0px 5px 0px -5px !important;
    height: 3.4em;
    width: 3.4em;
    vertical-align: middle !important;
    display: inline-block !important;
}

.lightbox-secNav-btnClose {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Remove.png) no-repeat !important;
    background-color: rgb(255, 255, 255) !important;
    background-repeat: no-repeat !important;
    background-position: 2px 2px !important;
    border-radius: 4px 0px 0px 4px !important;
    margin: 0px 5px 0px -5px !important;
    height: 3.4em;
    width: 3.4em;
    vertical-align: middle !important;
    display: inline-block !important;
}

.icon-x-alt {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Remove.png) no-repeat;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    border: 1px lightgray;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer;
    min-height: 2.7em;
    max-height: 2.8px;
    min-width: 2.8em;
    vertical-align: middle;
}

.form .field-group label {
    font-size: 13px;
    font-weight: 800;
    color: #444;
    display: block;
    margin-bottom: .25em;
    font-family: "Open Sans", Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
}

.form .field-group .field {
    font-size: 13px;
    display: inline-block;
    margin: 3px 0.65em 0.5em 0;
}

    .form .field-group .field label {
        font-weight: 500;
        color: #000000;
        display: block;
        margin: 2px 0 0 5px;
    }

.form fieldset .field-group:last-child .field {
    margin-bottom: 0;
}

.form .control-group {
    margin-bottom: .2em;
}

    .form .control-group .field {
        display: block;
        margin-bottom: .5em;
        margin-right: 2em;
    }

        .form .control-group .field label {
            font-size: 13px;
            color: #444;
            display: inline-block;
            cursor: pointer;
            font-family: "Open Sans", Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
        }

    .form .control-group input {
        position: relative;
        cursor: pointer;
    }

.form .field-group.inline .field {
    display: inline-block;
    margin-bottom: .5em;
}

.form fieldset {
    margin-bottom: 2em;
}

    .form fieldset + .actions {
        margin-top: -3em;
    }

.btn-large [class^="icon-"] {
    background-image: url(/clientwebnew/images/sprite/sprite-24-white.png);
    padding-left: 24px;
    padding-bottom: 8px;
    top: -4px;
    left: -10px;
}

.btn-xlarge [class^="icon-"] {
    background-image: url(/clientwebnew/images/sprite/sprite-32-white.png);
    padding-left: 36px;
    padding-bottom: 6px;
    top: -2px;
    left: -10px;
}

.btn.btn-quaternary [class^="icon-"] {
    background-image: url(/clientwebnew/images/sprite/sprite-16-black.png);
    opacity: .7;
    filter: alpha(opacity=70);
}

.btn-small.btn-quaternary [class^="icon-"] {
    background-image: url(/clientwebnew/images/sprite/sprite-12-black.png);
    opacity: .7;
    filter: alpha(opacity=70);
}

.btn-large.btn-quaternary [class^="icon-"] {
    background-image: url(/clientwebnew/images/sprite/sprite-24-black.png);
    opacity: .7;
    filter: alpha(opacity=70);
}

.btn-xlarge.btn-quaternary [class^="icon-"] {
    background-image: url(/clientwebnew/images/sprite/sprite-32-black.png);
    opacity: .7;
    filter: alpha(opacity=70);
}

.btn-grey:active {
    background: #B3B3B3;
    background: -moz-linear-gradient(top, #888888 2%,#B3B3B3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#888888), color-stop(100%,#B3B3B3));
    background: -webkit-linear-gradient(top, #888888 2%,#B3B3B3 100%);
    background: -o-linear-gradient(top, #888888 2%,#B3B3B3 100%);
    background: -ms-linear-gradient(top, #888888 2%,#B3B3B3 100%);
    background: linear-gradient(top, #888888 2%,#B3B3B3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3B3B3', endColorstr='#888888')";
}
/*.btn-orange, .btn-warning{background:#FF9900;background:-moz-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBD69F), color-stop(2%,#F9BD63), color-stop(100%,#FF9900));background:-webkit-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);background:-o-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);background:-ms-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);background:linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900')";color:#FFF;border-color:#D58000;}
.btn-orange:hover, .btn-warning:hover{background:#D58000;background:-moz-linear-gradient(top, #F19F9F 0%, #DFAC5E 2%, #D58000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#DFAC5E), color-stop(100%,#D58000));background:-webkit-linear-gradient(top, #F19F9F 0%, #DFAC5E 2%,#D58000 100%);background:-o-linear-gradient(top, #F19F9F 0%, #DFAC5E 2%,#D58000 100%);background:-ms-linear-gradient(top, #F19F9F 0%, #DFAC5E 2%,#D58000 100%);background:linear-gradient(top, #F19F9F 0%, #DFAC5E 2%,#D58000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFAC5E', endColorstr='#D58000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFAC5E', endColorstr='#D58000')";}
.btn-orange:active, .btn-warning:active{background:#DFAC5E;background:-moz-linear-gradient(top, #D58000 2%,#DFAC5E 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#D58000), color-stop(100%,#DFAC5E));background:-webkit-linear-gradient(top, #D58000 2%,#DFAC5E 100%);background:-o-linear-gradient(top, #D58000 2%,#DFAC5E 100%);background:-ms-linear-gradient(top, #D58000 2%,#DFAC5E 100%);background:linear-gradient(top, #D58000 2%,#DFAC5E 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFAC5E', endColorstr='#D58000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFAC5E', endColorstr='#D58000')";}
.btn-green, .btn-success{background:#6DA42B;background:-moz-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#CAE0B0), color-stop(2%,#A6CB7A), color-stop(100%,#6DA42B));background:-webkit-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);background:-o-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);background:-ms-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);background:linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B')";color:#FFF;border-color:#619126;}
.btn-green:hover, .btn-success:hover{background:#689C29;background:-moz-linear-gradient(top, #F19F9F 0%, #9DBD76 2%, #689C29 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#9DBD76), color-stop(100%,#689C29));background:-webkit-linear-gradient(top, #F19F9F 0%, #9DBD76 2%,#689C29 100%);background:-o-linear-gradient(top, #F19F9F 0%, #9DBD76 2%,#689C29 100%);background:-ms-linear-gradient(top, #F19F9F 0%, #9DBD76 2%,#689C29 100%);background:linear-gradient(top, #F19F9F 0%, #9DBD76 2%,#689C29 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBD76', endColorstr='#689C29');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBD76', endColorstr='#689C29')";}
.btn-green:active, .btn-success:active{background:#9DBD76;background:-moz-linear-gradient(top, #689C29 2%,#9DBD76 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#689C29), color-stop(100%,#9DBD76));background:-webkit-linear-gradient(top, #689C29 2%,#9DBD76 100%);background:-o-linear-gradient(top, #689C29 2%,#9DBD76 100%);background:-ms-linear-gradient(top, #689C29 2%,#9DBD76 100%);background:linear-gradient(top, #689C29 2%,#9DBD76 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBD76', endColorstr='#689C29');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DBD76', endColorstr='#689C29')";}
.btn-black{background:#222222;background:-moz-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(2%,#444444), color-stop(100%,#222222));background:-webkit-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);background:-o-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);background:-ms-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);background:linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";color:#FFF;border-color:#000000;}
.btn-black:hover{background:#000000;background:-moz-linear-gradient(top, #F19F9F 0%, #424242 2%, #000000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#424242), color-stop(100%,#000000));background:-webkit-linear-gradient(top, #F19F9F 0%, #424242 2%,#000000 100%);background:-o-linear-gradient(top, #F19F9F 0%, #424242 2%,#000000 100%);background:-ms-linear-gradient(top, #F19F9F 0%, #424242 2%,#000000 100%);background:linear-gradient(top, #F19F9F 0%, #424242 2%,#000000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000')";}
.btn-black:active{background:#424242;background:-moz-linear-gradient(top, #000000 2%,#424242 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#000000), color-stop(100%,#424242));background:-webkit-linear-gradient(top, #000000 2%,#424242 100%);background:-o-linear-gradient(top, #000000 2%,#424242 100%);background:-ms-linear-gradient(top, #000000 2%,#424242 100%);background:linear-gradient(top, #000000 2%,#424242 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#000000')";}
.btn-red, .btn-error{background:#E40001;background:-moz-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#E96363), color-stop(100%,#E40001));background:-webkit-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);background:-o-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);background:-ms-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);background:linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001')";color:#FFF;border-color:#CC0000;}
.btn-red:hover, .btn-error:hover{background:#CC0000;background:-moz-linear-gradient(top, #F19F9F 0%, #DA5E5E 2%, #CC0000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#DA5E5E), color-stop(100%,#CC0000));background:-webkit-linear-gradient(top, #F19F9F 0%, #DA5E5E 2%,#CC0000 100%);background:-o-linear-gradient(top, #F19F9F 0%, #DA5E5E 2%,#CC0000 100%);background:-ms-linear-gradient(top, #F19F9F 0%, #DA5E5E 2%,#CC0000 100%);background:linear-gradient(top, #F19F9F 0%, #DA5E5E 2%,#CC0000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5E5E', endColorstr='#CC0000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5E5E', endColorstr='#CC0000')";}
.btn-red:active, .btn-error:active{background:#DA5E5E;background:-moz-linear-gradient(top, #CC0000 2%,#DA5E5E 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#CC0000), color-stop(100%,#DA5E5E));background:-webkit-linear-gradient(top, #CC0000 2%,#DA5E5E 100%);background:-o-linear-gradient(top, #CC0000 2%,#DA5E5E 100%);background:-ms-linear-gradient(top, #CC0000 2%,#DA5E5E 100%);background:linear-gradient(top, #CC0000 2%,#DA5E5E 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5E5E', endColorstr='#CC0000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#DA5E5E', endColorstr='#CC0000')";}
.btn-purple{background:#7B0F75;background:-moz-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#C190BE), color-stop(2%,#9B4C97), color-stop(100%,#7B0F75));background:-webkit-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);background:-o-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);background:-ms-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);background:linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75')";color:#FFF;border-color:#6A0D66;}
.btn-purple:hover{background:#6A0D66;background:-moz-linear-gradient(top, #F19F9F 0%, #854582 2%, #6A0D66 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#854582), color-stop(100%,#6A0D66));background:-webkit-linear-gradient(top, #F19F9F 0%, #854582 2%,#6A0D66 100%);background:-o-linear-gradient(top, #F19F9F 0%, #854582 2%,#6A0D66 100%);background:-ms-linear-gradient(top, #F19F9F 0%, #854582 2%,#6A0D66 100%);background:linear-gradient(top, #F19F9F 0%, #854582 2%,#6A0D66 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#854582', endColorstr='#6A0D66');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#854582', endColorstr='#6A0D66')";}
.btn-purple:active{background:#854582;background:-moz-linear-gradient(top, #6A0D66 2%,#854582 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#6A0D66), color-stop(100%,#854582));background:-webkit-linear-gradient(top, #6A0D66 2%,#854582 100%);background:-o-linear-gradient(top, #6A0D66 2%,#854582 100%);background:-ms-linear-gradient(top, #6A0D66 2%,#854582 100%);background:linear-gradient(top, #6A0D66 2%,#854582 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#854582', endColorstr='#6A0D66');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#854582', endColorstr='#6A0D66')";}
.btn-teal, .btn-info{background:#39A7B6;background:-moz-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3D5DB), color-stop(2%,#6BBBC6), color-stop(100%,#39A7B6));background:-webkit-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);background:-o-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);background:-ms-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);background:linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6')";color:#FFF;border-color:#2E8794;}
.btn-teal:hover, .btn-info:hover{background:#2E8794;background:-moz-linear-gradient(top, #F19F9F 0%, #65A5AE 2%, #2E8794 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#65A5AE), color-stop(100%,#2E8794));background:-webkit-linear-gradient(top, #F19F9F 0%, #65A5AE 2%,#2E8794 100%);background:-o-linear-gradient(top, #F19F9F 0%, #65A5AE 2%,#2E8794 100%);background:-ms-linear-gradient(top, #F19F9F 0%, #65A5AE 2%,#2E8794 100%);background:linear-gradient(top, #F19F9F 0%, #65A5AE 2%,#2E8794 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5AE', endColorstr='#2E8794');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5AE', endColorstr='#2E8794')";}
.btn-teal:active, .btn-info:active{background:#65A5AE;background:-moz-linear-gradient(top, #2E8794 2%,#65A5AE 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#2E8794), color-stop(100%,#65A5AE));background:-webkit-linear-gradient(top, #2E8794 2%,#65A5AE 100%);background:-o-linear-gradient(top, #2E8794 2%,#65A5AE 100%);background:-ms-linear-gradient(top, #2E8794 2%,#65A5AE 100%);background:linear-gradient(top, #2E8794 2%,#65A5AE 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5AE', endColorstr='#2E8794');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#65A5AE', endColorstr='#2E8794')";}
.btn-pink{background:#FF0066;background:-moz-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB9FC4), color-stop(2%,#F9639F), color-stop(100%,#FF0066));background:-webkit-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);background:-o-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);background:-ms-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);background:linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066')";color:#FFF;border-color:#DA0C59;}
.btn-pink:hover{background:#DA0C59;background:-moz-linear-gradient(top, #F19F9F 0%, #E36A97 2%, #DA0C59 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#E36A97), color-stop(100%,#DA0C59));background:-webkit-linear-gradient(top, #F19F9F 0%, #E36A97 2%,#DA0C59 100%);background:-o-linear-gradient(top, #F19F9F 0%, #E36A97 2%,#DA0C59 100%);background:-ms-linear-gradient(top, #F19F9F 0%, #E36A97 2%,#DA0C59 100%);background:linear-gradient(top, #F19F9F 0%, #E36A97 2%,#DA0C59 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36A97', endColorstr='#DA0C59');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36A97', endColorstr='#DA0C59')";}
.btn-pink:active{background:#E36A97;background:-moz-linear-gradient(top, #DA0C59 2%,#E36A97 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(2%,#DA0C59), color-stop(100%,#E36A97));background:-webkit-linear-gradient(top, #DA0C59 2%,#E36A97 100%);background:-o-linear-gradient(top, #DA0C59 2%,#E36A97 100%);background:-ms-linear-gradient(top, #DA0C59 2%,#E36A97 100%);background:linear-gradient(top, #DA0C59 2%,#E36A97 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36A97', endColorstr='#DA0C59');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#E36A97', endColorstr='#DA0C59')";}*/

.container {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .container [class^="grid-"] {
        display: inline;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 1.5em;
    }

    .container .grid-1 {
        width: 1.15%;
    }

    .container .grid-2 {
        width: 5.3%;
    }

    .container .grid-3 {
        width: 9.45%;
    }

    .container .grid-4 {
        width: 14.7%;
    }

    .container .grid-5 {
        width: 17.75%;
    }

    .container .grid-6 {
        width: 21.9%;
    }

    .container .grid-7 {
        width: 26.05%;
    }

    .container .grid-8 {
        width: 30.2%;
    }

    .container .grid-9 {
        width: 34.35%;
    }

    .container .grid-10 {
        width: 38.5%;
    }

    .container .grid-11 {
        width: 42.65%;
    }

    .container .grid-12 {
        width: 46.8%;
    }

    .container .grid-13 {
        width: 50.95%;
    }

    .container .grid-14 {
        width: 55.1%;
    }

    .container .grid-15 {
        width: 59.25%;
    }

    .container .grid-16 {
        width: 63.4%;
    }

    .container .grid-17 {
        width: 67.55%;
    }

    .container .grid-18 {
        width: 71.7%;
    }

    .container .grid-19 {
        width: 75.85%;
    }

    .container .grid-20 {
        width: 80%;
    }

    .container .grid-21 {
        width: 84.15%;
    }

    .container .grid-22 {
        width: 88.3%;
    }

    .container .grid-23 {
        width: 92.45%;
    }

    .container .grid-24 {
        width: 98%;
    }

    .container .prepend-1 {
        padding-left: 4.15%;
    }

    .container .prepend-2 {
        padding-left: 8.3%;
    }

    .container .prepend-3 {
        padding-left: 12.45%;
    }

    .container .prepend-4 {
        padding-left: 16.6%;
    }

    .container .prepend-5 {
        padding-left: 20.75%;
    }

    .container .prepend-6 {
        padding-left: 24.9%;
    }

    .container .prepend-7 {
        padding-left: 29.05%;
    }

    .container .prepend-8 {
        padding-left: 33.2%;
    }

    .container .prepend-9 {
        padding-left: 37.35%;
    }

    .container .prepend-10 {
        padding-left: 41.5%;
    }

    .container .prepend-11 {
        padding-left: 45.65%;
    }

    .container .prepend-12 {
        padding-left: 49.8%;
    }

    .container .prepend-13 {
        padding-left: 53.95%;
    }

    .container .prepend-14 {
        padding-left: 58.1%;
    }

    .container .prepend-15 {
        padding-left: 62.25%;
    }

    .container .prepend-16 {
        padding-left: 66.4%;
    }

    .container .prepend-17 {
        padding-left: 70.55%;
    }

    .container .prepend-18 {
        padding-left: 74.7%;
    }

    .container .prepend-19 {
        padding-left: 78.85%;
    }

    .container .prepend-20 {
        padding-left: 83%;
    }

    .container .prepend-21 {
        padding-left: 87.15%;
    }

    .container .prepend-22 {
        padding-left: 91.3%;
    }

    .container .prepend-23 {
        padding-left: 95.45%;
    }

    .container .prepend-24 {
        padding-left: 99.6%;
    }

    .container .append-1 {
        padding-right: 4.15%;
    }

    .container .append-2 {
        padding-right: 8.3%;
    }

    .container .append-3 {
        padding-right: 12.45%;
    }

    .container .append-4 {
        padding-right: 16.6%;
    }

    .container .append-5 {
        padding-right: 20.75%;
    }

    .container .append-6 {
        padding-right: 24.9%;
    }

    .container .append-7 {
        padding-right: 29.05%;
    }

    .container .append-8 {
        padding-right: 33.2%;
    }

    .container .append-9 {
        padding-right: 37.35%;
    }

    .container .append-10 {
        padding-right: 41.5%;
    }

    .container .append-11 {
        padding-right: 45.65%;
    }

    .container .append-12 {
        padding-right: 49.8%;
    }

    .container .append-13 {
        padding-right: 53.95%;
    }

    .container .append-14 {
        padding-right: 58.1%;
    }

    .container .append-15 {
        padding-right: 62.25%;
    }

    .container .append-16 {
        padding-right: 66.4%;
    }

    .container .append-17 {
        padding-right: 70.55%;
    }

    .container .append-18 {
        padding-right: 74.7%;
    }

    .container .append-19 {
        padding-right: 78.85%;
    }

    .container .append-20 {
        padding-right: 83%;
    }

    .container .append-21 {
        padding-right: 87.15%;
    }

    .container .append-22 {
        padding-right: 91.3%;
    }

    .container .append-23 {
        padding-right: 95.45%;
    }

    .container .append-24 {
        padding-right: 99.6%;
    }

.box {
    padding: 1.5em 12px .25em;
    margin-bottom: .2em;
    background: #ffffff !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .box.plain {
        background: transparent;
        padding: 0;
    }

    .box.nopad {
        padding: 0;
    }

.container:after {
    content: "";
    display: table;
}

.container:after {
    clear: both;
}

.container {
    zoom: 1;
}

    .container .row {
    }

.table {
    width: 100%;
    border: 0;
    margin-bottom: 1em;
    border-collapse: collapse;
}

    .table thead th {
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        color: #333;
        padding: 10px 10px;
        border-bottom: 1px solid #E3E3E3;
    }

    .table td {
        vertical-align: top;
    }

    .table tbody tr {
        background: #FFF;
        border-bottom: 1px solid #E3E3E3;
    }

    .table tbody td {
        padding: 10px;
    }

.table-striped tr:nth-child(odd) {
    background-color: #ffffff;
}

.table-striped tr:nth-child(even) {
    background-color: #F5F5F5;
}

.table-bordered {
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
}

    .table-bordered thead tr {
        background: #EEE;
        background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
        background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
        background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
        background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
        background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF', endColorstr='#EEEEEE')";
    }

.table-hover tr:hover {
    background-color: #E3E3E3;
}

.visualize {
    border: 1px solid #e6e6e6;
    position: relative;
    background: #fafafa;
    margin: 0 auto 30px;
}

    .visualize canvas {
        position: absolute;
    }

    .visualize ul, .visualize li {
        margin: 0;
        padding: 0;
        list-style: none;
        background: none;
    }

    .visualize .visualize-info {
        padding: 3px 5px;
        background: #fafafa;
        border: 1px solid #e6e6e6;
        position: absolute;
        top: -20px;
        right: 10px;
        opacity: .8;
    }

    .visualize .visualize-title {
        display: block;
        color: #333;
        margin-bottom: 3px;
        font-size: 1.1em;
    }

    .visualize ul.visualize-key {
        list-style: none;
    }

        .visualize ul.visualize-key li {
            list-style: none;
            float: left;
            margin-right: 10px;
            padding-left: 10px;
            position: relative;
        }

        .visualize ul.visualize-key .visualize-key-color {
            width: 6px;
            height: 6px;
            left: 0;
            position: absolute;
            top: 50%;
            margin-top: -3px;
        }

        .visualize ul.visualize-key .visualize-key-label {
            color: #000;
        }

.visualize-pie .visualize-labels {
    list-style: none;
}

.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label {
    position: absolute;
    margin: 0;
    padding: 0;
}

.visualize-pie .visualize-label {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
}

.visualize-pie-outside .visualize-label {
    color: #000;
    font-weight: normal;
}

.visualize-labels-x, .visualize-labels-y {
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
}

    .visualize-labels-x li, .visualize-labels-y li {
        position: absolute;
        bottom: 0;
    }

        .visualize-labels-x li span.label, .visualize-labels-y li span.label {
            position: absolute;
            color: #555;
        }

        .visualize-labels-x li span.line, .visualize-labels-y li span.line {
            position: absolute;
            border: 0 solid #ccc;
        }

    .visualize-labels-x li {
        height: 100%;
    }

        .visualize-labels-x li span.label {
            top: 100%;
            margin-top: 5px;
        }

        .visualize-labels-x li span.line {
            border-left-width: 1px;
            height: 100%;
            display: block;
        }

        .visualize-labels-x li span.line {
            border: 0;
        }

    .visualize-labels-y li {
        width: 100%;
    }

        .visualize-labels-y li span.label {
            right: 100%;
            margin-right: 5px;
            display: block;
            width: 100px;
            text-align: right;
        }

        .visualize-labels-y li span.line {
            border-top-width: 1px;
            width: 100%;
        }

.visualize-bar .visualize-labels-x li span.label {
    width: 100%;
    text-align: center;
}

.ie8 .visualize-interaction-tracker {
    margin-top: 0 !important;
}

.visualize .chart_tooltip {
    padding: 6px 7px;
    background: #000;
    margin: 3px 4px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: normal;
}

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
    background-image: url(/clientwebnew/images/uniform/sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button * {
    margin: 0;
    padding: 0;
}

input.text,
input.email,
input.password,
textarea.uniform {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 3px;
    color: #777;
    background: url('/clientwebnew/images/bg-input-focus.png') repeat-x 0px 0px;
    background: url('/clientwebnew/images/bg-input.png') repeat-x 0px 0px;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
}

    input.text:focus, input:focus,
    input.email:focus,
    input.password:focus,
    textarea.uniform:focus {
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
        border-bottom: 2px solid #039be5 !important;
        /*background: url('/clientwebnew/images/bg-input-focus.png') repeat-x 0px 0px;*/
    }

div.selector {
    background-position: -483px -130px;
    line-height: 26px;
    height: 26px;
}

    div.selector span {
        background-position: right 0px;
        height: 26px;
        line-height: 26px;
    }

    div.selector select {
        top: 0px;
        left: 0px;
    }

    div.selector:active,
    div.selector.active {
        background-position: -483px -156px;
    }

        div.selector:active span,
        div.selector.active span {
            background-position: right -26px;
        }

    div.selector.focus, div.selector.hover, div.selector:hover {
        background-position: -483px -182px;
    }

        div.selector.focus span, div.selector.hover span, div.selector:hover span {
            background-position: right -52px;
        }

        div.selector.focus:active,
        div.selector.focus.active,
        div.selector:hover:active,
        div.selector.active:hover {
            background-position: -483px -208px;
        }

            div.selector.focus:active span,
            div.selector:hover:active span,
            div.selector.active:hover span,
            div.selector.focus.active span {
                background-position: right -78px;
            }

    div.selector.disabled {
        background-position: -483px -234px;
    }

        div.selector.disabled span {
            background-position: right -104px;
        }

div.checker {
    width: 19px;
    height: 19px;
}

    div.checker input {
        width: 19px;
        height: 19px;
    }

    div.checker span {
        background-position: 0px -260px;
        height: 19px;
        width: 19px;
    }

    div.checker:active span,
    div.checker.active span {
        background-position: -19px -260px;
    }

    div.checker.focus span,
    div.checker:hover span {
        background-position: -38px -260px;
    }

    div.checker.focus:active span,
    div.checker:active:hover span,
    div.checker.active:hover span,
    div.checker.focus.active span {
        background-position: -57px -260px;
    }

    div.checker span.checked {
        background-position: -76px -260px;
    }

    div.checker:active span.checked,
    div.checker.active span.checked {
        background-position: -95px -260px;
    }

    div.checker.focus span.checked,
    div.checker:hover span.checked {
        background-position: -114px -260px;
    }

    div.checker.focus:active span.checked,
    div.checker:hover:active span.checked,
    div.checker.active:hover span.checked,
    div.checker.active.focus span.checked {
        background-position: -133px -260px;
    }

    div.checker.disabled span,
    div.checker.disabled:active span,
    div.checker.disabled.active span {
        background-position: -152px -260px;
    }

        div.checker.disabled span.checked,
        div.checker.disabled:active span.checked,
        div.checker.disabled.active span.checked {
            background-position: -171px -260px;
        }

div.radio {
    width: 18px;
    height: 18px;
}

    div.radio input {
        width: 18px;
        height: 18px;
        border-top-style: none !important;
        border-right-style: none !important;
        border-bottom-style: none !important;
        border-left-style: none !important;
    }

    div.radio span {
        height: 18px;
        width: 18px;
        background-position: 3px -279px;
    }

    div.radio:active span,
    div.radio.active span {
        background-position: -18px -279px;
    }

    div.radio.focus span,
    div.radio:hover span {
        background-position: -36px -279px;
    }

    div.radio.focus:active span,
    div.radio:active:hover span,
    div.radio.active:hover span,
    div.radio.active.focus span {
        background-position: -54px -279px;
    }

    div.radio span.checked {
        background-position: -72px -279px;
    }

    div.radio:active span.checked,
    div.radio.active span.checked {
        background-position: -90px -279px;
    }

    div.radio.focus span.checked, div.radio:hover span.checked {
        background-position: -108px -279px;
    }

    div.radio.focus:active span.checked,
    div.radio:hover:active span.checked,
    div.radio.focus.active span.checked,
    div.radio.active:hover span.checked {
        background-position: -126px -279px;
    }

    div.radio.disabled span,
    div.radio.disabled:active span,
    div.radio.disabled.active span {
        background-position: -144px -279px;
    }

        div.radio.disabled span.checked,
        div.radio.disabled:active span.checked,
        div.radio.disabled.active span.checked {
            background-position: -162px -279px;
        }

div.uploader {
    background-position: 0px -297px;
    height: 28px;
}

    div.uploader span.action {
        background-position: right -409px;
        height: 24px;
        line-height: 24px;
    }

    div.uploader span.filename {
        height: 24px;
        margin: 2px 0px 2px 2px;
        line-height: 24px;
    }

    div.uploader.focus,
    div.uploader.hover,
    div.uploader:hover {
        background-position: 0px -353px;
    }

        div.uploader.focus span.action,
        div.uploader.hover span.action,
        div.uploader:hover span.action {
            background-position: right -437px;
        }

    div.uploader.active span.action,
    div.uploader:active span.action {
        background-position: right -465px;
    }

    div.uploader.focus.active span.action,
    div.uploader:focus.active span.action,
    div.uploader.focus:active span.action,
    div.uploader:focus:active span.action {
        background-position: right -493px;
    }

    div.uploader.disabled {
        background-position: 0px -325px;
    }

        div.uploader.disabled span.action {
            background-position: right -381px;
        }

div.button {
    background-position: 0px -523px;
}

    div.button span {
        background-position: right -643px;
    }

    div.button.focus,
    div.button:focus,
    div.button:hover,
    div.button.hover {
        background-position: 0px -553px;
    }

        div.button.focus span,
        div.button:focus span,
        div.button:hover span,
        div.button.hover span {
            background-position: right -673px;
        }

    div.button.active,
    div.button:active {
        background-position: 0px -583px;
    }

        div.button.active span,
        div.button:active span {
            background-position: right -703px;
            color: #555;
        }

    div.button.disabled,
    div.button:disabled {
        background-position: 0px -613px;
    }

        div.button.disabled span,
        div.button:disabled span {
            background-position: right -733px;
            color: #bbb;
            cursor: default;
        }

div.button {
    height: 30px;
}

    div.button span {
        margin-left: 13px;
        height: 22px;
        padding-top: 8px;
        font-weight: bold;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding-left: 2px;
        padding-right: 15px;
    }

div.selector {
    width: 190px;
    font-size: 12px;
}

    div.selector select {
        min-width: 190px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        border: solid 1px #fff;
    }

    div.selector span {
        padding: 0px 25px 0px 2px;
        cursor: pointer;
    }

    div.selector span {
        color: #666;
        width: 158px;
        text-shadow: 0 1px 0 #fff;
    }

    div.selector.disabled span {
        color: #bbb;
    }

div.checker {
    margin-right: 5px;
}

div.radio {
    margin-right: 3px;
}

div.uploader {
    width: 190px;
    cursor: pointer;
}

    div.uploader span.action {
        width: 85px;
        text-align: center;
        text-shadow: #fff 0px 1px 0px;
        background-color: #fff;
        font-size: 11px;
        font-weight: bold;
    }

    div.uploader span.filename {
        color: #777;
        width: 82px;
        border-right: solid 1px #bbb;
        font-size: 11px;
    }

    div.uploader input {
        width: 190px;
    }

    div.uploader.disabled span.action {
        color: #aaa;
    }

    div.uploader.disabled span.filename {
        border-color: #ddd;
        color: #aaa;
    }

.selector,
.checker,
.button,
.radio,
.uploader {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

    .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
        outline: 0;
    }

div.button a,
div.button button,
div.button input {
    position: absolute;
}

div.button {
    cursor: pointer;
    position: relative;
}

    div.button span {
        display: -moz-inline-box;
        display: inline-block;
        line-height: 1;
        text-align: center;
    }

div.selector {
    position: relative;
    padding-left: 10px;
    overflow: hidden;
}

    div.selector span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    div.selector select {
        position: absolute;
        height: 25px;
        border: none;
        background: none;
    }

div.checker {
    position: relative;
}

    div.checker span {
        display: -moz-inline-box;
        display: inline-block;
        text-align: center;
    }

    div.checker input {
        display: inline-block;
        background: none;
    }

div.radio {
    position: relative;
}

    div.radio span {
        display: -moz-inline-box;
        display: inline-block;
        text-align: center;
    }

    div.radio input {
        text-align: center;
        display: inline-block;
        background: none;
        margin-left: 5px;
    }

div.uploader {
    position: relative;
    overflow: hidden;
    cursor: default;
}

    div.uploader span.action {
        float: left;
        display: inline;
        padding: 2px 0px;
        overflow: hidden;
        cursor: pointer;
    }

    div.uploader span.filename {
        padding: 0px 10px;
        float: left;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: default;
    }

    div.uploader input {
        opacity: 0;
        filter: alpha(opacity:0);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        float: right;
        height: 25px;
        border: none;
        cursor: default;
    }

.ui-timepicker-inline {
    display: inline;
}

#ui-timepicker-div {
    padding: 0.2em;
}

.ui-timepicker-table {
    display: inline-table;
    width: 0;
}

    .ui-timepicker-table table {
        margin: 0.15em 0 0 0;
        border-collapse: collapse;
    }

.ui-timepicker-hours, .ui-timepicker-minutes {
    padding: 0.2em;
}

.ui-timepicker-table .ui-timepicker-title {
    line-height: 1.8em;
    text-align: center;
}

.ui-timepicker-table td {
    padding: 0.1em;
    width: 2.2em;
}

.ui-timepicker-table th.periods {
    padding: 0.1em;
    width: 2.2em;
}

.ui-timepicker-table td span {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    text-align: right;
    text-decoration: none;
}

.ui-timepicker-table td a {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align: right;
    text-decoration: none;
}

.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

    .ui-timepicker .ui-timepicker-buttonpane button {
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible;
    }

.ui-timepicker .ui-timepicker-close {
    float: right;
}

.ui-timepicker .ui-timepicker-now {
    float: left;
}

.ui-timepicker .ui-timepicker-deselect {
    float: left;
}

.ui-timepicker-cover {
    display: none;
    display /**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.fc {
    direction: ltr;
    text-align: left;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html .fc,
    .fc table {
        font-size: 1em;
    }

    .fc td,
    .fc th {
        padding: 0;
        vertical-align: top;
    }

.fc-header td {
    white-space: nowrap;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
    }

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}

.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right {
    margin-right: 1px;
}

.fc-header .ui-corner-right {
    margin-right: 0;
}

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}

.fc-content {
    clear: both;
}

.fc-view {
    width: 100%;
    overflow: hidden;
}

.fc-widget-header,
.fc-widget-content {
    border: 1px solid #ccc;
}

.fc-state-highlight {
    background: #ffc;
}

.fc-cell-overlay {
    background: #9cf;
    opacity: .2;
    filter: alpha(opacity=20);
}

.fc-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.fc-state-default {
    border-style: solid;
    border-width: 1px 0;
}

.fc-button-inner {
    position: relative;
    float: left;
    overflow: hidden;
}

.fc-state-default .fc-button-inner {
    border-style: solid;
    border-width: 0 1px;
}

.fc-button-content {
    position: relative;
    float: left;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 .6em;
    white-space: nowrap;
}

    .fc-button-content .fc-icon-wrap {
        position: relative;
        float: left;
        top: 50%;
    }

    .fc-button-content .ui-icon {
        position: relative;
        float: left;
        margin-top: -50%;
        *margin-top: 0;
        *top: -50%;
    }

.fc-state-default .fc-button-effect {
    position: absolute;
    top: 50%;
    left: 0;
}

    .fc-state-default .fc-button-effect span {
        position: absolute;
        top: -100px;
        left: 0;
        width: 500px;
        height: 100px;
        border-width: 100px 0 0 1px;
        border-style: solid;
        border-color: #fff;
        background: #444;
        opacity: .09;
        filter: alpha(opacity=9);
    }

.fc-state-default,
.fc-state-default .fc-button-inner {
    border-style: solid;
    border-color: #ccc #bbb #aaa;
    background: #F3F3F3;
    color: #000;
}

.fc-state-hover,
.fc-state-hover .fc-button-inner {
    border-color: #999;
}

.fc-state-down,
.fc-state-down .fc-button-inner {
    border-color: #555;
    background: #777;
}

.fc-state-active,
.fc-state-active .fc-button-inner {
    border-color: #555;
    background: #777;
    color: #fff;
}

.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
    color: #999;
    border-color: #ddd;
}

.fc-state-disabled {
    cursor: default;
}

    .fc-state-disabled .fc-button-effect {
        display: none;
    }

.fc-event {
    border-style: solid;
    border-width: 0;
    font-size: .85em;
    cursor: default;
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}

a.fc-event {
    text-decoration: none;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-skin {
    border-color: #36c;
    background-color: #36c;
    color: #fff;
}

.fc-event-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0;
    overflow: hidden;
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    font-size: 300%;
    line-height: 50%;
}

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

    .fc-event-hori .ui-resizable-e {
        top: 0 !important;
        right: -3px !important;
        width: 7px !important;
        height: 100% !important;
        cursor: e-resize;
    }

    .fc-event-hori .ui-resizable-w {
        top: 0 !important;
        left: -3px !important;
        width: 7px !important;
        height: 100% !important;
        cursor: w-resize;
    }

    .fc-event-hori .ui-resizable-handle {
        _padding-bottom: 14px;
    }

.fc-corner-left {
    margin-left: 1px;
}

    .fc-corner-left .fc-button-inner,
    .fc-corner-left .fc-event-inner {
        margin-left: -1px;
    }

.fc-corner-right {
    margin-right: 1px;
}

    .fc-corner-right .fc-button-inner,
    .fc-corner-right .fc-event-inner {
        margin-right: -1px;
    }

.fc-corner-top {
    margin-top: 1px;
}

    .fc-corner-top .fc-event-inner {
        margin-top: -1px;
    }

.fc-corner-bottom {
    margin-bottom: 1px;
}

    .fc-corner-bottom .fc-event-inner {
        margin-bottom: -1px;
    }

.fc-corner-left .fc-event-inner {
    border-left-width: 1px;
}

.fc-corner-right .fc-event-inner {
    border-right-width: 1px;
}

.fc-corner-top .fc-event-inner {
    border-top-width: 1px;
}

.fc-corner-bottom .fc-event-inner {
    border-bottom-width: 1px;
}

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
}

    .fc-border-separate th.fc-last,
    .fc-border-separate td.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}

.fc-grid th {
    text-align: center;
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
}

.fc-grid .fc-event-time {
    font-weight: bold;
}

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
    _height: 34px;
}

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

    .fc-agenda-slots td div {
        height: 20px;
    }

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
}

    .fc-agenda-slots tr.fc-minor th.ui-widget-header {
        *border-top-style: solid;
    }

.fc-event-vert {
    border-width: 0 1px;
}

    .fc-event-vert .fc-event-head,
    .fc-event-vert .fc-event-content {
        position: relative;
        z-index: 2;
        width: 100%;
        overflow: hidden;
    }

    .fc-event-vert .fc-event-time {
        white-space: nowrap;
        font-size: 10px;
    }

    .fc-event-vert .fc-event-bg {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .3;
        filter: alpha(opacity=30);
    }

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
    display: none;
}

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
    _overflow: hidden;
}

.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    z-index: 5000;
    cursor: pointer;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}

.formError .formErrorContent {
    width: 100%;
    background: #C00;
    position: relative;
    z-index: 5001;
    color: #fff;
    width: 150px;
    font-family: tahoma;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 6px;
    position: relative;
    z-index: 5006;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px;
}

.formError .formErrorArrow div {
    font-size: 0px;
    height: 1px;
    background: #C00;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}

.tipsy {
    font-size: 12px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
    color: #ffffff !important;
}

.tipsy-inner div {
    color: #ffffff !important;
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

#modal {
    background-color: #FFF;
    position: fixed;
    top: 70px;
    left: 40%;
    margin-left: -250px;
    z-index: 100;
    box-shadow: 1px 1px 10px rgba(0,0,0,.5);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

#modalHeader {
    background: #111;
    background-color: #333;
    background: -moz-linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(2%,#333333), color-stop(100%,#111111));
    background: -webkit-linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
    background: -o-linear-gradient(top, #777777 0%, #333333 2%,#111111 100%);
    background: -ms-linear-gradient(top, #777777 0%, #333333 2%,#111111 100%);
    background: linear-gradient(top, #777777 0%, #333333 2%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111')";
    width: auto;
    height: 55px;
    border: 1px solid #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    #modalHeader h2 {
        font-size: 20px;
        font-weight: normal;
        color: #FFF;
        position: relative;
        top: 17px;
        left: 15px;
        text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    }

#modalContent {
    width: 425px;
    display: table;
    padding: 15px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#modal .close {
    color: #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    top: 5px;
    right: 10px;
}

    #modal .close:hover {
        color: #FFF;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

#modalLoader {
    text-align: center;
    padding: 15px 0;
}

#alert {
    background-color: #FFF;
    width: 400px;
    position: fixed;
    top: 50px;
    left: 50%;
    margin-left: -200px;
    z-index: 100;
    -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.75);
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.75);
    box-shadow: 2px 2px 20px rgba(0,0,0,.75);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#alertContent { /*display:table;*/
    padding: 15px;
    color: black;
}

    #alertContent h2 {
        font-size: 20px;
        font-weight: normal;
        color: black;
    }

#alertActions {
    text-align: right;
}

    #alertActions button {
        cursor: pointer;
        margin-left: .4em;
    }

#alert .close {
    position: absolute;
    top: 5px;
    right: 10px;
}

#alertClose:hover {
}

.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(/clientwebnew/images/colorpicker/colorpicker_background.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
}

.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
}

    .colorpicker_color div {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 150px;
        background: url(/clientwebnew/images/colorpicker/colorpicker_overlay.png);
    }

        .colorpicker_color div div {
            position: absolute;
            top: 0;
            left: 0;
            width: 11px;
            height: 11px;
            overflow: hidden;
            background: url(/clientwebnew/images/colorpicker/colorpicker_select.gif);
            margin: -5px 0 0 -5px;
        }

.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}

    .colorpicker_hue div {
        position: absolute;
        width: 35px;
        height: 9px;
        overflow: hidden;
        background: url(/clientwebnew/images/colorpicker/colorpicker_indic.gif) left top;
        margin: -4px 0 0 0;
        left: 0px;
    }

.colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
}

.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
}

.colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}

.colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(/clientwebnew/images/colorpicker/colorpicker_hex.png) top;
    left: 212px;
    top: 142px;
}

    .colorpicker_hex input {
        right: 6px;
    }

.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
}

    .colorpicker_field span {
        position: absolute;
        width: 12px;
        height: 22px;
        overflow: hidden;
        top: 0;
        right: 0;
        cursor: n-resize;
    }

.colorpicker_rgb_r {
    background-image: url(/clientwebnew/images/colorpicker/colorpicker_rgb_r.png);
    top: 52px;
    left: 212px;
}

.colorpicker_rgb_g {
    background-image: url(/clientwebnew/images/colorpicker/colorpicker_rgb_g.png);
    top: 82px;
    left: 212px;
}

.colorpicker_rgb_b {
    background-image: url(/clientwebnew/images/colorpicker/colorpicker_rgb_b.png);
    top: 112px;
    left: 212px;
}

.colorpicker_hsb_h {
    background-image: url(/clientwebnew/images/colorpicker/colorpicker_hsb_h.png);
    top: 52px;
    left: 282px;
}

.colorpicker_hsb_s {
    background-image: url(/clientwebnew/images/colorpicker/colorpicker_hsb_s.png);
    top: 82px;
    left: 282px;
}

.colorpicker_hsb_b {
    background-image: url(/clientwebnew/images/colorpicker/colorpicker_hsb_b.png);
    top: 112px;
    left: 282px;
}

.colorpicker_submit {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(/clientwebnew/images/colorpicker/colorpicker_submit.png) top;
    left: 322px;
    top: 142px;
    overflow: hidden;
}

.colorpicker_focus {
    background-position: center;
}

.colorpicker_hex.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_submit.colorpicker_focus {
    background-position: bottom;
}

.colorpicker_slider {
    background-position: bottom;
}

.dataTables_wrapper {
    position: relative;
    min-height: 80px;
    clear: both;
    _height: 302px;
    zoom: 1;
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 60%;
    float: right;
    text-align: right;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.dataTables_paginate {
    width: 44px;
    * width: 50px;
    float: right;
    text-align: right;
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}

.paginate_disabled_previous {
    background-image: url('/clientwebnew/images/back_disabled.jpg');
}

.paginate_enabled_previous {
    background-image: url('/clientwebnew/images/back_enabled.jpg');
}

.paginate_disabled_next {
    background-image: url('/clientwebnew/images/forward_disabled.jpg');
}

.paginate_enabled_next {
    background-image: url('/clientwebnew/images/forward_enabled.jpg');
}

.sorting_asc {
    background: url('/clientwebnew/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('/clientwebnew/images/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('/clientwebnew/images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('/clientwebnew/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('/clientwebnew/images/sort_desc_disabled.png') no-repeat center right;
}

.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

    .top .dataTables_info {
        float: none;
    }

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

    tfoot input.search_init {
        color: #999;
    }

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

    .paging_full_numbers span.paginate_button,
    .paging_full_numbers span.paginate_active {
        border: 1px solid #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 2px 5px;
        margin: 0 3px;
        cursor: pointer;
        *cursor: pointer;
    }

    .paging_full_numbers span.paginate_button {
        background-color: #ddd;
    }

        .paging_full_numbers span.paginate_button:hover {
            background-color: #ccc;
        }

    .paging_full_numbers span.paginate_active {
        background-color: #99B3FF;
    }

.jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 99%;
}

.jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

    .jquery-lightbox a img {
        border: none;
    }

.lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.lightbox-container-image {
    display: table;
    padding-left: 10px;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lightbox-container-image-box > .lightbox-nav {
    left: 0;
}

.lightbox-nav a {
    outline: none;
}

.lightbox-nav-btnPrev, .lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

.lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

.lightbox-nav-btnNext {
    right: 0;
    float: right;
}

.lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

.lightbox-container-image-data {
    padding: 0 10px;
}

    .lightbox-container-image-data .lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left;
    }

.lightbox-image-details-caption {
    color: #039be5;
    font-size: 21px !important;
    font-weight: 500;
    left: 15px;
    position: relative;
    top: 17px;
}

.lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

/*.lightbox-secNav-btnClose {
    float: right;
    padding-bottom: 0.7em;
}*/

.lightbox-secNav {
    opacity: 1;
    float: right;
    top: 5px;
    line-height: 18px;
    text-shadow: 0 1px 0 #FFFFFF;
}

/*.lightbox-secNav-btnClose {
    text-decoration: none !important;
    font-size: 15px;
    font-weight: bold;
    color: #333 !important;
}*/

.lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 50px;
}

h2.dashboard_title {
    font-size: 20px;
    font-weight: 600;
}

    h2.dashboard_title span {
        font-size: 12px;
        font-style: italic;
        font-weight: normal;
        color: #777;
        padding-left: 1.5em;
    }

.dashboard_add {
    width: auto;
    font-size: 18px !important;
    display: block;
    padding: 12px 16px;
    margin-bottom: .5em;
}

.dashboard_report {
    width: 23.12%;
    font-size: 13px;
    font-style: italic;
    color: #777;
    float: left;
    margin: 0 2.1% .5em 0;
    border: 1px solid #C7C7C7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px 2px rgba(255,255,255,.65);
}

    .dashboard_report.last {
        margin-right: 0;
    }

    .dashboard_report .pad {
        padding: 15px 15px 10px;
    }

    .dashboard_report .value {
        font-size: 28px;
        font-style: normal;
        color: #444;
        display: block;
        margin-bottom: .4em;
    }

    .dashboard_report.activeState {
        text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    }

        .dashboard_report.activeState .value {
            color: #FFF;
        }

.progress-bar {
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #D8D8D8),color-stop(1, #C7C7C7));
    background-image: -moz-linear-gradient(center bottom,#D8D8D8 0%,#C7C7C7 100%);
    height: 20px;
    line-height: 1px;
    display: block;
    margin: 0 0 1.5em;
    border: 1px solid #AAA;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .progress-bar .bar {
        background: #666;
        background: -moz-linear-gradient(top, #999999 2%, #555555 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#999999), color-stop(100%,#555555));
        background: -webkit-linear-gradient(top, #999999 2%, #555555 100%);
        background: -o-linear-gradient(top, #999999 2%,#555555 100%);
        background: -ms-linear-gradient(top, #999999 2%,#555555 100%);
        background: linear-gradient(top, #999999 2%,#555555 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#555555');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#555555')";
        height: 20px;
        font-size: 11px;
        line-height: 20px;
        text-align: center;
        color: #FFF;
        display: block;
        border-radius: 10px;
        border: 1px solid #666;
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
        position: absolute;
        top: -1px;
        left: -1px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    }

    .progress-bar.blue .bar {
        background: #066ECD;
        background: -moz-linear-gradient(top, #A8CCEC 0%, #4993D7 2%, #066ECD 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8CCEC), color-stop(2%,#4993D7), color-stop(100%,#066ECD));
        background: -webkit-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
        background: -o-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
        background: -ms-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
        background: linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
        color: #FFF;
        border-color: #0561B4;
    }

    .progress-bar.gray .bar {
        background: #999999;
        background: -moz-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(2%,#BDBDBD), color-stop(100%,#999999));
        background: -webkit-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%);
        background: -o-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%);
        background: -ms-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%);
        background: linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999')";
        color: #FFF;
        border-color: #888;
    }

    .progress-bar.black .bar {
        background: #222222;
        background: -moz-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(2%,#444444), color-stop(100%,#222222));
        background: -webkit-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);
        background: -o-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);
        background: -ms-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);
        background: linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
        color: #FFF;
        border-color: #000000;
    }

    .progress-bar.orange .bar {
        background: #FF9900;
        background: -moz-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBD69F), color-stop(2%,#F9BD63), color-stop(100%,#FF9900));
        background: -webkit-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);
        background: -o-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);
        background: -ms-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);
        background: linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900')";
        color: #FFF;
        border-color: #D58000;
    }

    .progress-bar.green .bar {
        background: #6DA42B;
        background: -moz-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CAE0B0), color-stop(2%,#A6CB7A), color-stop(100%,#6DA42B));
        background: -webkit-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);
        background: -o-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);
        background: -ms-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);
        background: linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B')";
        color: #FFF;
        border-color: #619126;
    }

    .progress-bar.red .bar {
        background: #E40001;
        background: -moz-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#E96363), color-stop(100%,#E40001));
        background: -webkit-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);
        background: -o-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);
        background: -ms-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);
        background: linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001')";
        color: #FFF;
        border-color: #CC0000;
    }

    .progress-bar.purple .bar {
        background: #7B0F75;
        background: -moz-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C190BE), color-stop(2%,#9B4C97), color-stop(100%,#7B0F75));
        background: -webkit-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);
        background: -o-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);
        background: -ms-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);
        background: linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75')";
        color: #FFF;
        border-color: #6A0D66;
    }

    .progress-bar.teal .bar {
        background: #39A7B6;
        background: -moz-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3D5DB), color-stop(2%,#6BBBC6), color-stop(100%,#39A7B6));
        background: -webkit-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);
        background: -o-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);
        background: -ms-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);
        background: linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6')";
        color: #FFF;
        border-color: #2E8794;
    }

    .progress-bar.pink .bar {
        background: #FF0066;
        background: -moz-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB9FC4), color-stop(2%,#F9639F), color-stop(100%,#FF0066));
        background: -webkit-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);
        background: -o-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);
        background: -ms-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);
        background: linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066')";
        color: #FFF;
        border-color: #DA0C59;
    }

    .progress-bar.yellow .bar {
        background: #FFCC00;
        background: -moz-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCF4D3), color-stop(2%,#F8DD71), color-stop(100%,#FFCC00));
        background: -webkit-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%,#FFCC00 100%);
        background: -o-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%,#FFCC00 100%);
        background: -ms-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%,#FFCC00 100%);
        background: linear-gradient(top, #FCF4D3 0%, #F8DD71 2%,#FFCC00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DD71', endColorstr='#FFCC00');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DD71', endColorstr='#FFCC00')";
        color: #796100;
        border-color: #DFB300;
    }

    .progress-bar.thin {
        height: 10px;
    }

        .progress-bar.thin .bar {
            height: 10px;
            line-height: 10px;
            text-indent: -9999px;
        }

.notify {
    background: #EEE;
    padding: 5px;
    margin-bottom: 0.2em;
    border: 1px solid #DDD;
    position: relative;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.15);
}

    .notify p:last-child, .notify ul:last-child {
        margin-bottom: 0;
    }

    .notify .close {
        position: absolute;
        top: 6px;
        right: 12px;
    }

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

.notify-warning {
    background-color: #fcf8e3;
    color: #c09853;
    border-color: #fbeed5;
}

.notify-error {
    background-color: #f2dede;
    color: #b94a48;
    border-color: #eed3d7;
}

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

.pagination {
    margin-bottom: 1.25em;
}

    .pagination a {
        background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DFDBDB));
        background: -webkit-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
        background: -o-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
        background: -ms-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
        background: linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB')";
        font-size: 12px;
        color: #444;
        text-decoration: none;
        display: inline-block;
        padding: 1px 7px;
        margin-right: .25em;
        border: 1px solid #CCC;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    }

        .pagination a:hover {
            background: #F3F3F3;
        }

        .pagination a.selected {
            background: #FFF;
        }

    .pagination .disabled {
        opacity: .3;
        cursor: default;
    }

    .pagination.blue a.selected {
        background: #066ECD;
        background: -moz-linear-gradient(top, #A8CCEC 0%, #4993D7 2%, #066ECD 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A8CCEC), color-stop(2%,#4993D7), color-stop(100%,#066ECD));
        background: -webkit-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
        background: -o-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
        background: -ms-linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
        background: linear-gradient(top, #A8CCEC 0%, #4993D7 2%,#066ECD 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4993D7', endColorstr='#066ECD')";
        color: #FFF;
        border-color: #0561B4;
    }

    .pagination.gray a.selected {
        background: #999999;
        background: -moz-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(2%,#BDBDBD), color-stop(100%,#999999));
        background: -webkit-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%);
        background: -o-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%);
        background: -ms-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%);
        background: linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%,#999999 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDBDBD', endColorstr='#999999')";
        color: #FFF;
        border-color: #888;
    }

    .pagination.black a.selected {
        background: #222222;
        background: -moz-linear-gradient(top, #888888 0%, #444444 2%, #222222 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(2%,#444444), color-stop(100%,#222222));
        background: -webkit-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);
        background: -o-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);
        background: -ms-linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);
        background: linear-gradient(top, #888888 0%, #444444 2%,#222222 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222')";
        color: #FFF;
        border-color: #000000;
    }

    .pagination.orange a.selected {
        background: #FF9900;
        background: -moz-linear-gradient(top, #FBD69F 0%, #F9BD63 2%, #FF9900 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBD69F), color-stop(2%,#F9BD63), color-stop(100%,#FF9900));
        background: -webkit-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);
        background: -o-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);
        background: -ms-linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);
        background: linear-gradient(top, #FBD69F 0%, #F9BD63 2%,#FF9900 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9BD63', endColorstr='#FF9900')";
        color: #FFF;
        border-color: #D58000;
    }

    .pagination.green a.selected {
        background: #6DA42B;
        background: -moz-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%, #6DA42B 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CAE0B0), color-stop(2%,#A6CB7A), color-stop(100%,#6DA42B));
        background: -webkit-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);
        background: -o-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);
        background: -ms-linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);
        background: linear-gradient(top, #CAE0B0 0%, #A6CB7A 2%,#6DA42B 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CB7A', endColorstr='#6DA42B')";
        color: #FFF;
        border-color: #619126;
    }

    .pagination.red a.selected {
        background: #E40001;
        background: -moz-linear-gradient(top, #F19F9F 0%, #E96363 2%, #E40001 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F19F9F), color-stop(2%,#E96363), color-stop(100%,#E40001));
        background: -webkit-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);
        background: -o-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);
        background: -ms-linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);
        background: linear-gradient(top, #F19F9F 0%, #E96363 2%,#E40001 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E96363', endColorstr='#E40001')";
        color: #FFF;
        border-color: #CC0000;
    }

    .pagination.purple a.selected {
        background: #7B0F75;
        background: -moz-linear-gradient(top, #C190BE 0%, #9B4C97 2%, #7B0F75 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C190BE), color-stop(2%,#9B4C97), color-stop(100%,#7B0F75));
        background: -webkit-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);
        background: -o-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);
        background: -ms-linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);
        background: linear-gradient(top, #C190BE 0%, #9B4C97 2%,#7B0F75 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9B4C97', endColorstr='#7B0F75')";
        color: #FFF;
        border-color: #6A0D66;
    }

    .pagination.teal a.selected {
        background: #39A7B6;
        background: -moz-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%, #39A7B6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3D5DB), color-stop(2%,#6BBBC6), color-stop(100%,#39A7B6));
        background: -webkit-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);
        background: -o-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);
        background: -ms-linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);
        background: linear-gradient(top, #A3D5DB 0%, #6BBBC6 2%,#39A7B6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBBC6', endColorstr='#39A7B6')";
        color: #FFF;
        border-color: #2E8794;
    }

    .pagination.pink a.selected {
        background: #FF0066;
        background: -moz-linear-gradient(top, #FB9FC4 0%, #F9639F 2%, #FF0066 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB9FC4), color-stop(2%,#F9639F), color-stop(100%,#FF0066));
        background: -webkit-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);
        background: -o-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);
        background: -ms-linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);
        background: linear-gradient(top, #FB9FC4 0%, #F9639F 2%,#FF0066 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9639F', endColorstr='#FF0066')";
        color: #FFF;
        border-color: #DA0C59;
    }

    .pagination.yellow a.selected {
        background: #FFCC00;
        background: -moz-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%, #FFCC00 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCF4D3), color-stop(2%,#F8DD71), color-stop(100%,#FFCC00));
        background: -webkit-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%,#FFCC00 100%);
        background: -o-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%,#FFCC00 100%);
        background: -ms-linear-gradient(top, #FCF4D3 0%, #F8DD71 2%,#FFCC00 100%);
        background: linear-gradient(top, #FCF4D3 0%, #F8DD71 2%,#FFCC00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DD71', endColorstr='#FFCC00');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8DD71', endColorstr='#FFCC00')";
        color: #796100;
        border-color: #DFB300;
    }

ul.bullet {
    margin-left: 0;
}

    ul.bullet li {
        list-style-type: none;
        padding-left: 22px;
    }

    ul.bullet.primary li {
        background-image: url(/clientwebnew/images/bullets/bullet_blue.png);
        background-repeat: no-repeat;
    }

    ul.bullet.secondary li {
        background-image: url(/clientwebnew/images/bullets/bullet_black.png);
        background-repeat: no-repeat;
    }

    ul.bullet.tertiary li {
        background-image: url(/clientwebnew/images/bullets/bullet_gray.png);
        background-repeat: no-repeat;
    }

    ul.bullet.quaternary li {
        background-image: url(/clientwebnew/images/bullets/bullet_white.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-green li {
        background-image: url(/clientwebnew/images/bullets/bullet_green.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-red li {
        background-image: url(/clientwebnew/images/bullets/bullet_red.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-orange li {
        background-image: url(/clientwebnew/images/bullets/bullet_orange.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-yellow li {
        background-image: url(/clientwebnew/images/bullets/bullet_yellow.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-blue li {
        background-image: url(/clientwebnew/images/bullets/bullet_blue.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-pink li {
        background-image: url(/clientwebnew/images/bullets/bullet_pink.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-black li {
        background-image: url(/clientwebnew/images/bullets/bullet_black.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-purple li {
        background-image: url(/clientwebnew/images/bullets/bullet_purple.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-white li {
        background-image: url(/clientwebnew/images/bullets/bullet_white.png);
        background-repeat: no-repeat;
    }

    ul.bullet.bullet-gray li {
        background-image: url(/clientwebnew/images/bullets/bullet_gray.png);
        background-repeat: no-repeat;
    }

.qnc {
    width: 300px;
    margin-top: 15px;
}

.qnc_item {
    width: 100%;
    display: block;
    margin-bottom: 0;
    border-bottom: 1px dotted #BBB;
    float: left;
}

.qnc .qnc_item {
    padding: 10px 0;
}

.qnc .qnc_content {
    width: 100%;
    float: left;
}

.qnc .qnc_actions {
    display: none;
}

.qnc .qnc_item:hover {
    background-color: #EEE;
    text-decoration: none;
}

.qnc .qnc_title, .qnc .qnc_preview, .qnc .qnc_time {
    display: block;
    padding: 0 10px;
}

.qnc .qnc_title {
    font-weight: 600;
    color: #06C;
}

.qnc .qnc_preview {
    color: #333;
}

.qnc .qnc_time {
    color: #AAA;
}

.qnc.qnc_confirm .qnc_item:hover {
    background-color: transparent;
    cursor: default;
}

.qnc.qnc_confirm .qnc_content {
    width: 185px;
    margin-right: 20px;
}

.qnc.qnc_confirm .qnc_actions {
    width: 80px;
    text-align: right;
    display: block;
    padding-top: 3px;
    float: left;
}

    .qnc.qnc_confirm .qnc_actions button {
        margin-right: .5em;
        margin-bottom: 1em;
    }

        .qnc.qnc_confirm .qnc_actions button:last-child {
            margin-right: 0;
            margin-bottom: 0;
        }

.qnc .qnc_more {
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 10px 0;
    margin-top: .5em;
    margin-top: -10px;
    clear: both;
}

    .qnc .qnc_more:hover {
        background-color: #DDD;
        text-decoration: none;
    }

.ticket {
    background-color: #999999;
    font-size: 11px;
    font-weight: 600;
    color: #FFF;
    padding: 3px 8px;
    margin-bottom: 1em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ticket-important {
    background-color: #C70505;
}

.ticket-warning {
    background-color: #FF9A03;
}

.ticket-success {
    background-color: #5E8A26;
}

.ticket-info {
    background-color: #039be5;
}

body.error-page {
    background: #E9E9E9;
    margin: 0;
}

#error-wrapper {
    width: 80%;
    max-width: 500px;
    height: 350px;
    text-align: center;
    margin: 0 auto;
}

    #error-wrapper h1 {
        font-size: 120px;
        margin-bottom: .75em;
    }

#error-code {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: .5em;
}

#error-message {
    font-size: 15px;
    margin-bottom: 2em;
}

#error-header {
    background: #333;
    width: 100%;
    padding: 9px 0 2px 0;
    margin-bottom: 4em;
}

    #error-header a {
        background: url(/clientwebnew/images/logo_small.png) no-repeat 0 0;
        width: 146px;
        height: 31px;
        line-height: 600px;
        display: block;
        margin: 0 auto;
        position: relative;
        left: 10px;
        overflow: hidden;
    }

.widget {
    width: auto;
    margin-bottom: 1em;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    position: relative;
    clear: both;
    overflow: hidden;
}

.widget-header {
    height: 45px !important;
    line-height: 38px;
    border-bottom: 1px solid #D5D5D5;
    position: relative;
    -webkit-background-clip: padding-box;
    background-color: rgba(226,226,226,1) !important;
    box-shadow: 1px 1px 12px #888888 !important;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 5px;
}

    .widget-header h3 {
        font-size: 14px;
        font-weight: 800;
        color: #555;
        line-height: 18px;
        display: inline-block;
        position: relative;
        top: 2px;
        left: 3px;
        text-shadow: 1px 1px 2px rgba(255,255,255,.5);
    }

    .widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
        background-color: inherit;
        background-repeat: no-repeat;
        background-position: 3px 2px;
        border: 0px solid lightgray;
        border-radius: 4px 0px 0px 4px;
        margin: -3px 10px 0px -5px;
        cursor: pointer;
        height: 2.7em;
        width: 2.8em;
        vertical-align: middle;
        margin-left: 5px;
        color: #ffffff;
        font-size: 13px;
        text-decoration: none !important;
    }

.RadTabStrip .rtsImg {
    margin-left: 0px !important;
    margin-right: 5px !important;
}

.widget-content {
    padding: 10px 20px 5px;
}

    .widget-content:before,
    .widget-content:after {
        content: "";
        display: table;
    }

    .widget-content:after {
        clear: both;
    }

.widget-content {
    zoom: 1;
}

.widget.nopad .widget-content {
    padding: 0;
}

.container [class^="grid-"] .widget:last-child {
    margin-bottom: 0;
}

.widget .visualize {
    margin-top: 2em;
}

.widget-plain {
    border: none;
}

    .widget-plain .widget-header {
        display: none;
    }

    .widget-plain .widget-content {
        padding: 0;
    }

.widget-table .dataTables_wrapper .DataTables_sort_icon {
    display: inline-block;
    margin-left: 1em;
    position: relative;
    top: 4px;
}

.widget-table .table {
    margin-bottom: 0;
    border-top: none;
    border-left: none;
}

    .widget-table .table tbody tr:last-child td {
        border-bottom: none;
    }

    .widget-table .table tr td:last-child, .widget-table .table tr th:last-child {
        border-right: none;
    }

.widget-table table.table thead th {
    border-top: none;
    border-left: none;
    cursor: pointer;
}

.widget-table .widget-content {
    padding: 0;
}

.widget-table .dataTables_wrapper .ui-widget-header {
    border: none;
}

.widget-table .dataTables_wrapper .ui-buttonset .ui-button {
    background: #FFF;
    padding: 0 6px;
    margin-right: 4px;
    border-radius: 4px;
}

.widget-table .dataTables_wrapper .dataTables_paginate span span.ui-state-disabled {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.widget-table .dataTables_length {
    display: none;
}

.widget-table .dataTables_filter {
    position: absolute;
    top: -42px !important;
    right: 5px;
}

    .widget-table .dataTables_filter input {
        font-size: 12px;
        padding: 4px 6px;
    }

    .widget-table .dataTables_filter label {
        color: #666;
    }

.widget-table .dataTables_wrapper .fg-toolbar {
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
    background: linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
}

    .widget-table .dataTables_wrapper .fg-toolbar:last-child {
        width: 100%;
        color: #555;
        float: left;
        padding: 10px 0;
        border-top: 1px solid #DDD;
    }

.widget-table .dataTables_info {
    margin-left: 10px;
}

.widget-table .dataTables_wrapper .dataTables_paginate {
    margin-right: 10px;
}

.widget-tabs .tabs {
    display: inline-block;
    margin-bottom: 5px;
    font-family: inherit;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0.3px;
    font-weight: 500;
    outline: none;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    text-align: right;
    height: 3.5em !important;
}

    .widget-tabs .tabs li {
        height: 41px;
        line-height: 41px;
        list-style-type: none;
        display: inline-block;
        border: none !important;
    }

        .widget-tabs .tabs li:last-child {
            border-right: 1px solid #DDD;
        }

    .widget-tabs .tabs a {
        font-size: 13px;
        text-decoration: none;
        color: #333 !important;
        background-color: inherit !important;
        display: block;
        padding: 0 5px;
        width: auto;
        min-width: 42px;
    }

    .widget-tabs .tabs li.active {
        background-color: #039be5 !important;
        font-weight: 600 !important;
        letter-spacing: 0.3px !important;
    }

    .widget-tabs .tabs li a {
        background: #039be5 !important;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        color: #ffffff !important;
        text-decoration: none;
        border-radius: 5px !important;
        display: inline-block !important;
    }

    .widget-tabs .tabs li:hover a, .widget-tabs .tabs li:hover h1 {
        background: #ededed !important;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        color: black !important;
        text-decoration: none;
        border-radius: 5px !important;
        border: none !important;
    }

    .widget-tabs .tabs li.active a {
        color: black !important;
        background-color: #ededed !important;
        font-size: 13px !important;
    }

    .widget-tabs .tabs li.active span {
        color: black !important;
        background-color: #ededed !important;
    }

    .widget-tabs .tabs li.active h1 {
        color: black !important;
        background-color: #ededed !important;
    }

    .widget-tabs .tabs li h1 {
        color: #ffffff !important;
    }

    .widget-tabs .tabs li.active:hover, .widget-tabs .tabs li.active:hover a {
        background-color: #ededed !important;
        -webkit-transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        transition: all 0.3s !important;
        color: black !important;
        text-decoration: none !important;
    }

    .widget-tabs .tabs li:first-child { /*border-left:none;*/
    }

.widget-tabs h3 + .tabs li:first-child {
    border-left: 1px solid #DDD;
}

.widget .tabs.right {
    float: none;
    position: absolute;
    right: 15px;
    top: 2px;
    left: 5px;
}

.widget-codeview .widget-content {
    padding: 0;
}

.widget-codeview .SRC_Line:nth-child(odd) {
    background-color: #F9F9F9;
}

.widget-codeview .SRC_Wrap {
    border: none;
    margin: 0;
}

.widget-codeview .SRC_NumContent {
    color: #666;
}

.widget-codeview .SRC_CodeContent {
    border-color: #DDD;
}

.widget-codeview pre.source {
    margin: 0;
}

.widget-codeview .SRC_Line {
    height: 28px;
    line-height: 28px;
}

.widget-codeview .SRC_CodeContent {
    height: 28px;
    line-height: 28px;
}

.widget-calendar .widget-content {
    padding: 0;
}

.widget-calendar .fc-sun {
    border-left: none;
}

.widget-calendar .fc-sat {
    border-right: none;
}

.widget-calendar tr:last-child td {
    border-bottom: none;
}

.widget-calendar td {
    border-color: #DDD;
}

.widget-calendar .fc-button-month, .widget-calendar .fc-button-basicWeek, .widget-calendar .fc-button-basicDay {
    position: relative;
    top: -52px;
    right: 10px;
}

.widget-calendar .fc-day-number {
    font-size: 11px;
}

.widget-calendar .widget-content {
    margin-top: 1em;
}

.widget-calendar .fc-button-next {
    background: transparent;
    position: absolute;
    top: 57px;
    right: 10px;
}

.widget-calendar .fc-button-prev {
    background: transparent;
    position: absolute;
    top: 57px;
    left: 10px;
}

.widget-calendar .fc-button-effect, .widget-calendar .fc-button-effect {
    display: none;
}

.widget-calendar .fc-state-default .fc-button-inner, .widget-calendar .fc-state-default .fc-button-inner {
    background: transparent;
    border: none;
}

.widget-calendar .fc-state-active {
    background: #FFF;
}

    .widget-calendar .fc-state-active .fc-button-content {
        color: #06C;
    }

.widget-calendar .fc-state-default, .widget-calendar .fc-state-default {
    border: none;
}

.widget-calendar .fc-button-next.fc-state-default .fc-button-content, .widget-calendar .fc-button-prev.fc-state-default .fc-button-content {
    opacity: .35;
}

.widget-calendar .fc-widget-header {
    background: #F7F7F7;
}

.widget-calendar .fc-header-right .fc-button.fc-state-default {
    background: transparent;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-left: 1px solid #D7D7D7;
}

    .widget-calendar .fc-header-right .fc-button.fc-state-default:last-child {
        border-right: 1px solid #D7D7D7;
    }

.widget-calendar .fc-header-right .fc-button.fc-state-active {
    background: #FFF;
    font-weight: bold;
    border-right: 1px solid #D7D7D7;
}

.widget-calendar .fc-header-right .fc-button.fc-state-default .fc-button-inner {
    position: relative;
    top: 10px;
}

.widget-calendar .fc-content {
    top: -10px;
}

.widget-calendar .fc-header-title h2 {
    position: relative;
    top: 2px;
}

.widget-map .widget-content {
    padding: 0;
}

body {
    background: #666 url(/clientwebnew/images/sidebarBg.png) repeat;
}
/*repeat-y 0 0;*/
/*#header {
    background: -moz-linear-gradient(top, #3F3F3F 0%, #222222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3F3F3F), color-stop(100%,#222222));
    background: -webkit-linear-gradient(top, #3F3F3F 0%,#222222 100%);
    background: -o-linear-gradient(top, #3F3F3F 0%,#222222 100%);
    background: -ms-linear-gradient(top, #3F3F3F 0%,#222222 100%);
    background: linear-gradient(top, #3F3F3F 0%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F', endColorstr='#222222');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F', endColorstr='#222222')";
    border-bottom: 1px solid #555;
}*/

#mainnav {
    border-bottom-color: #858585;
}

    #mainnav li.nav {
        border-top-color: #858585;
        border-bottom-color: #4a4a4a;
    }

        /*CR-787*/

        #mainNav li.nav .subNav li a {
            filter: none;
            background: #ffffff !important;
            color: black !important;
            margin-right: 0px !important;
        }

#main_Nav {
    border-bottom-color: #858585;
}

    #main_Nav li.nav {
        border-top-color: #858585;
        border-bottom-color: #4A4A4A;
    }

CR-787
#main_Nav li.nav .subNav {
    background: #fff !important;
    -moz-box-shadow: inset 0 0 3px #333;
    -webkit-box-shadow: inset 0 0 3px #333;
    box-shadow: inset 1px 1px 3px #333;
}
/*#main_Nav li.nav .subNav li a{background:url(/clientwebnew/images/bullets/bullet_black.png) no-repeat 6px 49% !important;filter:none;}*/
/*#main_Nav li.nav .subNav .liClass a:hover{background-color:#dcdcdc !important;}*/
#main_Nav li.nav .subNav li:hover {
    background: #dcdcdc;
    background: rgba(0,0,0, .1);
    border-radius: 5px;
}

#main_Nav .dropdown .dropdownArrow {
    border-top-color: #525252;
}

#content {
    -moz-box-shadow: 1px 1px 12px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.5);
    box-shadow: 1px 1px 12px rgba(0,0,0,.5);
}

/*#contentHeader {
    background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')";
    border-bottom-color: #CCC;
}*/

/*#contentHeader #contentHeaderBevel {
        border-bottom-color: #FFF;
    }*/

#quickNav,
#header #reveal-nav {
    background: #222;
    background: -moz-linear-gradient(top, #6A6A6A 0%, #515151 2%, #2E2E2E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A6A6A),color-stop(2%,#515151), color-stop(100%,#2E2E2E));
    background: -webkit-linear-gradient(top, #6A6A6A 0%, #515151 2%,#2E2E2E 100%);
    background: -o-linear-gradient(top, #6A6A6A 0%, #515151 2%,#2E2E2E 100%);
    background: -ms-linear-gradient(top, #6A6A6A 0%, #515151 2%,#2E2E2E 100%);
    background: linear-gradient(top, #6A6A6A 0%, #515151 2%,#2E2E2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#2E2E2E');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#2E2E2E')";
    border-color: #161616;
}

    #quickNav li {
        border-right-color: #222;
        border-left-color: #555;
    }

#topNav a.menu {
    padding-right: 6px;
}

#topNav .menuArrow {
    border-top-color: #777;
}

.menuContainer {
    background-color: #666;
    border: 1px solid #555;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.75);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.75);
    box-shadow: 1px 1px 5px rgba(0,0,0,.75);
}

.menuContent {
    background-color: #FFF;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    background: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')";
}

.menuDropdown {
    background: #666;
}

    .menuDropdown .menuContent li {
        border-top-color: #777;
        border-bottom-color: #555;
    }

    .menuDropdown .menuContent a {
    }

.CSpan {
    color: #444444 !important;
    font-size: 15px !important;
    font-weight: 500;
}

#contentHeader .tabs li.active {
    height: 43px;
    margin-top: 3px !important;
}

}

.defaultState,
.paging_full_numbers span.paginate_button,
.widget-table .dataTables_wrapper .dataTables_paginate span.ui-button {
    background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDBDB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DFDBDB));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
    background: linear-gradient(top, #FFFFFF 0%,#DFDBDB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDBDB')";
    border: 1px solid #CCC;
}

.widget-tabs .tabs li span {
    color: white !important;
}

.widget-tabs .tabs li {
    font-family: inherit !important;
    font-size: 1em !important;
    color: white !important;
    background: rgb(3, 155, 229) !important;
    cursor: pointer;
    padding: 1px 1px 0px 1px !important;
    display: inline-block;
    margin-left: 5px !important;
    text-transform: none;
    letter-spacing: 0.3px !important;
    font-weight: 500;
    outline: none;
    position: relative;
    border: 1px solid #b1b1b1;
    border-radius: 5px !important;
    -webkit-transition: all 0.5s !important;
    -moz-transition: all 0.5s !important;
    transition: all 0.5s !important;
    text-decoration: none;
    min-height: 3em !important;
    max-height: 3.8em !important;
    min-width: 4em;
    max-width: 18em;
    text-align: center !important;
    box-shadow: 1px 1px 12px #888888 !important;
    line-height: 40px !important;
}

.btn-primary, .btn-tertiary, .btn-secondary, .btn-quaternary, .btn-blue, .btn, .newfileinput-button, .btn-small, .btn-large, .btn-xlarge, #btnClear, .activityStreamActions a.btn, .activityStreamActions a, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-family: inherit;
    font-size: 1em;
    color: white;
    background: rgb(3, 155, 229) !important;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    text-transform: none;
    letter-spacing: 0.3px;
    font-weight: 500;
    outline: none;
    position: relative;
    border: 1px solid #b1b1b1;
    border-radius: 5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s !important;
    text-decoration: none !important;
    min-height: 2.7em;
    max-height: 2.8em;
    min-width: 4em;
    max-width: 17em;
    text-align: center;
    vertical-align: -webkit-baseline-middle;
    box-shadow: 1px 1px 12px #888888 !important;
}

    .btn span {
        color: #ffffff;
        vertical-align: middle;
        line-height: 34px;
        text-decoration: none !important;
    }

.widget-tabs .tabs li:hover, .widget-tabs .tabs li:hover span {
    background-color: #ededed !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    transition: all 0.3s !important;
    color: black !important;
    text-decoration: none !important;
}

.btn-primary:hover, .btn-tertiary:hover, .btn-login:hover .btn-secondary:hover, .btn-quaternary:hover, .btn-blue:hover, .btn:hover, .newfileinput-button:hover, .btn-small:hover, .btn-large:hover, .btn-xlarge:hover, #btnClear:hover, .activityStreamActions a.btn:hover, .activityStreamActions a:hover, .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, .btnHover, .btn:hover span {
    background-color: #ededed !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    transition: all 0.3s !important;
    color: black !important;
    text-decoration: none !important;
}

.widget-tabs .tabs li .active, .widget-tabs .tabs li .active span {
    background: #ededed !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color: black !important;
    text-decoration: none;
    border-radius: 5px !important;
}

.btn-primary:active, .btn-tertiary:active, .btn-secondary:active, .btn-quaternary:active, .btn-blue:active, .btn:active, .newfileinput-button:active, .btn-small:active, .btn-large:active, .btn-xlarge:active, #btnClear:active {
    background: #ededed !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s !important;
    color: black !important;
    text-decoration: none !important;
    /*border: 2px solid rgb(3, 155, 229) !important;*/
}

.btn-small [class^="icon-"] {
    background-color: rgb(255, 255, 255) !important; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 3px 2px; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we don't want any borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 5px -5px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    min-height: 2.7em; /* make this the size of your image */
    max-height: 2.9em;
    height: 2.8em;
    min-width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
}

.addComment {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Bubble-Txt.png) no-repeat;
    background-color: rgb(255, 255, 255); /* make the button white */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 2px 4px; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we want any borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.8em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
}

.cartFull {
    background: url(/clientwebnew/images/iconset/Financial/png_32/Cart-Full.png) no-repeat;
    background-color: rgb(255, 255, 255); /* make the button white */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 3px 4px; /* equivalent to 'top left' */
    /*border: 1px solid lightgray; /* assuming we want any borders */
    border-radius: 4px 0px 0px 4px; /* round round round */
    margin: 0px 10px 0px -5px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.8em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
    display: inline-block;
}

.trashFull, .ui-icon-trash {
    background: url(/clientwebnew/images/iconset/office/png_32/Trash-Full.png) no-repeat !important;
    background-color: inherit; /* make the button white */
    background-repeat: no-repeat !important; /* make the background image appear only once */
    background-position: 4px 2px !important; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we want some borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.9em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
    display: inline-block;
}

.iconClock {
    background: url(/clientwebnew/images/iconset/office/png_32/clock.png) no-repeat;
    background-color: rgb(255, 255, 255); /* make the button white */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 2px 2px; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we don't want any borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.8em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
}

.catalogIcon {
    float: left;
    padding: 1px;
    background-color: rgb(255, 255, 255); /* make the button white */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 2px 2px; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we want any borders */
    border-radius: 4px 4px 4px 4px;
    margin: -1px 2px 0px -5px !important;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.9em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
}

.lockLogin {
    background: url(/clientwebnew/images/iconset/DevicesNetwork/png_32/Locked.png) no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    margin-left: 5px;
}

.saveIcon {
    display: inline-block;
    background: url(/clientwebnew/images/iconset/Editing/png_32/Save.png) !important;
    background-color: rgb(255, 255, 255) !important; /* make the button white */
    background-repeat: no-repeat !important; /* make the background image appear only once */
    background-position: 4px 2px !important; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we want some borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.9em; /* make this the size of your image */
    width: 2.9em;
    vertical-align: middle; /* align the text vertically centered */
}

.icon-cog, .icon-cog-alt {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Menu-2.png) no-repeat;
    background-color: rgb(255, 255, 255); /* make the button white */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 3px 2px; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we want some borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.7em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
}

input, select {
    font-size: 13px !important;
    padding: 4px 5px !important;
    border: 0px !important;
    border-bottom: 1px solid lightgray;
    outline: none !important;
    -webkit-box-shadow: 0px -4px 0px -3px rgba(0, 0, 0, .25) inset !important;
    box-shadow: 0px -4px 0px -3px rgba(0, 0, 0, .25) inset !important;
    cursor: pointer !important;
    margin-left: 5px;
}

    input:focus {
        border-bottom: 2px solid #039be5 !important;
    }

thead {
    border: 0px solid lightgrey !important;
}

input:hover {
    background-color: #eeeeee !important;
    color: black;
    padding: 0px;
}


textarea {
    border: 1px solid lightgray !important;
}

    textarea:focus {
        border: 0px solid;
    }

input:focus, select:focus, .RadComboBox_Silk .rcbFocused .rcbInput {
    border-bottom: 1px solid #039be5 !important;
    -moz-box-shadow: 1px 1px 2px #ffffff, 1px 1px 2px rgba(0, 0, 0, .15) inset;
    -webkit-box-shadow: 1px 1px 2px #80bfff, 1px 1px 2px rgba(0, 0, 0, .15) inset;
    box-shadow: 1px 1px 2px #80bfff, 1px 1px 2px rgba(0, 0, 0, .15) inset;
    background-color: white;
    color: black !important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
}

.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {
    font-size: 11px;
    padding: 0 5px;
}

.paging_full_numbers span.paginate_active {
    font-size: 11px;
    color: #FFF;
}

.paginate_button, .paginate_active {
    display: inline-block;
}

.dataTables_info {
    width: 31%;
}

.dataTaebles_paginate {
    width: 67%;
}

.sorting_asc {
    background: url('/clientwebnew/images/dataTables/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('/clientwebnew/images/dataTables/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('/clientwebnew/images/dataTables/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('/clientwebnew/images/dataTables/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('/clientwebnew/images/dataTables/sort_desc_disabled.png') no-repeat center right;
}

.ui-datepicker td, .ui-datepicker th, .ui-datepicker-month, .ui-datepicker-year, .ui-timepicker td, .ui-timepicker th {
    font-size: 11px;
}

.colorpicker {
    z-index: 25;
}

#colorSelector {
    position: relative;
    width: 26px;
    height: 26px;
    background: url(/clientwebnew/images/colorpicker/select.png);
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    top: 2px;
}

    #colorSelector div {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 20px;
        height: 20px;
        background: url(/clientwebnew/images/colorpicker/select.png) center;
    }

.chart-holder {
    width: 100%;
    min-height: 225px;
}

.map-canvas {
    width: 100%;
    height: 350px;
}

    .map-canvas img {
        max-width: none;
    }

.chart-canvas {
    width: 100%;
    height: 350px;
}

#overlay {
    background: black;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 95;
    opacity: .5;
    filter: alpha(opacity=50);
}

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

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

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,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);
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: inline-block !important;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .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;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/clientwebnew/images/custome-theme/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;
    color: #222222;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 0px solid #aaaaaa !important;
    color: #222222;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222;
    }

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url(/clientwebnew/images/custome-theme/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }*/

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: white !important;
    background: none !important;
    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;
        background: #dadada url(/clientwebnew/images/custome-theme/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }*/

.ui-state-hover a, .ui-state-hover a:hover {
    color: black !important;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/clientwebnew/images/custome-theme/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: black;
        text-decoration: none;
    }

.ui-widget:active {
    outline: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ffffff !important;
    color: #039be5 !important;
}

}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/clientwebnew/images/custome-theme/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
    color: #cd0a0a;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.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-icon {
    width: 32px !important;
    height: 32px !important;
}

.ui-widget-content .ui-icon {
    background-image: url(/clientwebnew/images/custome-theme/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/clientwebnew/images/custome-theme/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(/clientwebnew/images/custome-theme/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/clientwebnew/images/custome-theme/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(/clientwebnew/images/custome-theme/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(/clientwebnew/images/custome-theme/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/clientwebnew/images/custome-theme/ui-icons_cd0a0a_256x240.png);
}

.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-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: url(/clientwebnew/images/iconset/office/png_32/clock.png) no-repeat;
}

.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;
}

.icon-search, .ui-icon-search {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Zoom.png) no-repeat;
}

.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-plus {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Plus.png) no-repeat;
}

.ui-icon-plusthick {
    background: url(/clientwebnew/images/iconset/UserInterface/png_32/Plus.png) no-repeat !important;
}

.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: url(/clientwebnew/images/iconset/ControlsNavigation/png_32/Info.png) no-repeat;
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 4px 2px; /* equivalent to 'top left' */
    border: 1px thin lightgray; /* assuming we want some borders */
    border-radius: 4px 0px 0px 4px;
    margin: 0px 10px 0px -5px;
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 2.8em; /* make this the size of your image */
    width: 2.8em;
    vertical-align: middle; /* align the text vertically centered */
}

.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-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    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 {
    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: unset !important;
}

.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;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-radius: 5px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-widget-overlay {
    background: #aaaaaa url(/clientwebnew/images/custome-theme/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(/clientwebnew/images/custome-theme/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    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-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1;
    }

    .ui-accordion .ui-accordion-li-fix {
        display: inline;
    }

    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0 !important;
    }

    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em .7em;
    }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

* html .ui-autocomplete {
    width: 1px;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: .5em !important;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    text-shadow: none !important;
    color: white !important;
}

.ui-button-icon-only {
    width: 8em !important;
}

button.ui-button-icon-only {
    min-width: 8em !important;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button .ui-button-text {
    display: inline-block !important;
    line-height: 1.4;
    color: #ffffff !important;
}

.ui-state-hover .ui-button-text {
    color: black !important;
    cursor: pointer !important;
}

/*.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: 0px !important;
    text-indent: unset !important;
    cursor: pointer !important;
}

/*.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;
}

input.ui-button {
    padding: .4em 1em;
}*/

.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 {
    background-color: #ffffff !important;
    background-repeat: no-repeat;
    background-position: 4px 4px !important;
    border-radius: 4px 0px 0px 4px;
    margin: 0px 14px 0px -7px !important;
    cursor: pointer;
    height: 2.7em !important;
    width: 2.8em !important;
    vertical-align: middle;
}

/*.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;
}*/

.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    position: absolute;
    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-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-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

    .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: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            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-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }

.ui-datepicker {
    width: 33em;
    padding: 10px 10px 10px 10px;
    display: none;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

    .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 {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev span {
        background: url(/clientwebnew/images/iconset/UserInterface/png_32/Arrow-Left.png) no-repeat !important;
        background-repeat: no-repeat; /* make the background image appear only once */
        background-position: 2px 2px; /* equivalent to 'top left' */
        padding: 0px !important;
        border-radius: 4px 0px 0px 4px;
        margin: 0px;
        cursor: pointer; /* make the cursor like hovering over an <a> element */
        height: 2.8em !important; /* make this the size of your image */
        width: 2.8em !important;
        vertical-align: middle; /* align the text vertically centered */
    }

    .ui-datepicker .ui-datepicker-next span {
        background: url(/clientwebnew/images/iconset/UserInterface/png_32/Arrow-Right.png) no-repeat !important;
        background-repeat: no-repeat; /* make the background image appear only once */
        background-position: 4px 2px; /* equivalent to 'top left' */
        border-radius: 4px 0px 0px 4px;
        margin: 0px 10px 0px -5px;
        cursor: pointer; /* make the cursor like hovering over an <a> element */
        height: 2.8em; /* make this the size of your image */
        width: 2.8em;
        vertical-align: middle; /* align the text vertically centered */
    }

    .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: 5px 15px;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 40%;
    }

    .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;
            }

    .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;
}

.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;
    }

.ui-datepicker-cover {
    display: none;
    display /**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px;
}

.ui-datepicker-trigger {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background: url(/clientwebnew/images/sprite/sprite-16-black.png);
    background-position: 0 -1496px;
    cursor: pointer;
}

.ui-progressbar {
    height: 3em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: 4px !important;
        height: 70% !important;
        width: 97% !important;
    }

.files td {
    padding: 10px !important;
}

@media all and (max-width:1024px) and (min-width:768px) {
    .container {
        width: 94%;
        padding-top: 5px;
    }
}

@media all and (max-width:767px) and (min-width:600px) {
    .container {
        width: 94%;
    }

        .container [class^="grid-"] {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }

    .widget-header h3 {
        font-size: 13px;
        font-weight: 800;
        color: #555;
        line-height: 18px;
        display: inline-block;
        margin-right: 1em;
        position: relative;
        top: 4px;
        left: 5px;
        text-shadow: 1px 1px 2px rgba(255,255,255,.5);
    }
}

@media all and (max-width:599px) and (min-width:1px) {
    body {
        background-image: none;
    }

    .widget-header h3 {
        font-size: 13px;
        font-weight: 800;
        color: #555;
        line-height: 12px;
        display: inline-block;
        margin-right: 1em;
        position: relative;
        top: 2px;
        left: 10px;
        text-shadow: 1px 1px 2px rgba(255,255,255,.5);
    }

    .container {
        width: auto;
        margin: 0 15px;
    }

        .container [class^="grid-"] {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }

    #header {
        height: 45px;
    }

        #header h1 {
            background-image: url(/clientwebnew/images/logo_small.png);
            width: 130px;
            height: 21px;
            top: 13px;
        }

        #header #reveal-nav {
            display: block;
        }

    #sidebar.revealShow {
        display: block;
    }

    #topNav {
        padding: 15px 0;
        position: static;
        top: 0;
        left: 0;
    }

        #topNav ul {
            padding: 0;
            margin: 0 0 -10px;
        }

        #topNav li {
            float: none;
            margin: 0 0 0 0px;
        }

            #topNav li a {
                background: none;
                display: block;
                padding-left: 22px;
                padding-top: 1em;
                padding-bottom: 1em;
                margin: 0;
                border-bottom: 1px dotted #333;
            }

        #topNav .menu {
            display: none;
        }

    .menu-container.menu-type-topnav {
        display: block;
        position: static;
        top: 0;
        left: 0;
        border: none;
        border-bottom: 1px dotted #333;
        box-shadow: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .menu-dropdown.menu-type-topnav .menu-content ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #quickNav {
        top: 10px;
        left: 160px;
    }

    #sidebar {
        width: 100%;
        float: none;
        position: static;
        display: none;
    }

        #sidebar ul {
            width: 100%;
        }

    #mainNav li.nav .subNav {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        left: 0;
    }

        #mainNav li.nav .subNav li {
            position: relative;
            margin-left: 35px;
            width: auto;
        }

    #mainNav li.nav [class^="icon-"], #mainNav li.nav [class*=" icon-"] {
        background-image: url(/clientwebnew/images/sprite/sprite-12-black.png);
        width: 12px;
        height: 12px;
        top: 12px;
    }

    #mainNav li.nav a {
        width: 100%;
        font-size: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #mainNav li.nav.dropdown a {
        padding-bottom: 6px;
    }

    #mainNav li.nav .subNav li a {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #mainNav .dropdown .dropdownArrow {
        top: 15px;
    }

    #main_Nav li.nav .subNav {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        left: 0;
    }
        /*CR-787*/
        #main_Nav li.nav .subNav li {
            position: relative;
            margin-left: 15px;
            width: auto;
        }

    #main_Nav li.nav [class^="icon-"], #main_Nav li.nav [class*=" icon-"] {
        background-image: url(/clientwebnew/images/sprite/sprite-12-black.png);
        width: 13px;
        height: 17px;
    }

    #main_Nav li.nav a {
        width: 72%;
        font-size: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    /*#main_Nav li.nav.active {
        background: none;
    }*/

    #main_Nav li.nav.dropdown a {
        padding-bottom: 6px;
    }

    #main_Nav li.nav .subNav li a {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #main_Nav .dropdown .dropdownArrow {
        top: 15px;
    }

    #search {
        width: 100%;
        min-height: 0;
        display: block;
    }

        #search input {
            width: 100%;
            padding-top: 3px;
            padding-bottom: 3px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    #content {
        position: static;
        margin: 0;
    }

    #contentHeader {
        height: 50px;
        top: auto;
    }

        #contentHeader h1 {
            font-size: 18px;
            font-weight: 600;
            position: relative;
            left: 0;
            top: 10px;
            padding-left: 15px;
        }

    #content .container {
        top: auto;
    }

    .table thead th {
        padding: 3px;
    }

    .table tbody td {
        padding: 3px;
    }

    .widget-table {
        overflow: hidden;
    }

        .widget-table .dataTables_info {
            display: none;
        }

        .widget-table .dataTables_paginate {
            width: 97%;
        }

            .widget-table .dataTables_paginate .first, .widget-table .dataTables_paginate .last {
                display: none;
            }

    .widget .tabs a {
        font-size: 10px;
        padding: 0 6px;
    }

    .widget-calendar .fc-header-right .fc-button.fc-state-default {
        font-size: 10px;
        padding: 0 4px;
    }

    .form .field-group .field {
        display: block;
    }

        .form .field-group .field input[type="text"], .form .field-group .field textarea, .form .field-group .field select {
            width: 98%;
        }

    .form .control-group .field {
        width: 100%;
        display: block;
    }

    #error-wrapper h1 {
        font-size: 84px;
        margin-bottom: .75em;
    }

    .dashboard_report {
        width: 46.24%;
        margin: 0 1.5% 1em;
    }

        .dashboard_report:last-child {
            margin-right: 1.5%;
        }

    h2.dashboard_title span {
        display: block;
        padding: 6px 0 0;
    }
}

@media all and (max-height:1080px) and (min-height:901px) {
    #content {
        min-height: 800px;
    }
}

.back {
    background-position: left center;
    background-image: url('/clientwebnew/images/C12/Gray/24x24/Back.png');
    background-repeat: no-repeat;
}

.Add {
    background-position: left center;
    background-image: url('/clientwebnew/images/C12/Gray/20x20/plus.png');
    background-repeat: no-repeat;
}
/*::-webkit-scrollbar{width:12px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #bebebe;-webkit-border-radius:1px;border-radius:1px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:1px;border-radius:1px;background:#dcdcdc;-webkit-box-shadow:inset 0 0 6px #bebebe;}
::-webkit-scrollbar-thumb:window-inactive{background:#bebebe;}
::-webkit-scrollbar-button{background-color:#bebebe;}
::-webkit-scrollbar-corner{background-color:#bebebe;}*/
/*body{-ms-scrollbar-base-color:#dcdcdc;scrollbar-base-color:#dcdcdc;-ms-scrollbar-3dlight-color:#dcdcdc;scrollbar-3dlight-color:#dcdcdc;-ms-scrollbar-arrow-color:#bebebe;scrollbar-arrow-color:#bebebe;-ms-scrollbar-darkshadow-color:#dcdcdc;scrollbar-darkshadow-color:#dcdcdc;-ms-scrollbar-face-color:#dcdcdc;scrollbar-face-color:#dcdcdc;-ms-scrollbar-highlight-color:#bebebe;scrollbar-highlight-color:#bebebe;-ms-scrollbar-shadow-color:#bebebe;scrollbar-shadow-color:#bebebe;-ms-scrollbar-track-color:#dcdcdc;scrollbar-track-color:#dcdcdc;}*/
/*@-moz-document url-prefix(http://),url-prefix(https://){scrollbar;{-moz-appearance:none !important;background:#dcdcdc !important;}
thumb, scrollbarbutton{-moz-appearance:none !important;background-color:#bebebe !important;}
thumb:hover, scrollbarbutton:hover{-moz-appearance:none !important;background-color:#bebebe !important;}
scrollbarbutton{display:none !important;}
scrollbar[orient="vertical"]{min-width:12px !important;}
}*/
.modalHeader {
    background: #111;
    background-color: #333;
    background: -moz-linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(2%,#333333), color-stop(100%,#111111));
    background: -webkit-linear-gradient(top, #777777 0%, #333333 2%, #111111 100%);
    background: -o-linear-gradient(top, #777777 0%, #333333 2%,#111111 100%);
    background: -ms-linear-gradient(top, #777777 0%, #333333 2%,#111111 100%);
    background: linear-gradient(top, #777777 0%, #333333 2%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#111111')";
    width: auto;
    height: 55px;
    border: 1px solid #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .modalHeader h2 {
        font-size: 20px;
        font-weight: normal;
        color: #FFF;
        position: relative;
        top: 17px;
        left: 15px;
        text-shadow: 1px 1px 2px rgba(0,0,0,.5);
    }

.modalContent {
    width: 425px;
    display: table;
    padding: 15px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.modal .close {
    color: #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    top: 5px;
    right: 10px;
}

    .modal .close:hover {
        color: #FFF;
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

.modal {
    background-color: #FFF;
    position: fixed;
    top: 70px;
    left: 40%;
    margin-left: -250px;
    z-index: 100;
    box-shadow: 1px 1px 10px rgba(0,0,0,.5);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.overlay {
    background: black;
    width: 200%;
    height: 200%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 95;
    opacity: .5;
    filter: alpha(opacity=50);
    margin-left: -280px;
}

.liWidget a {
    word-wrap: break-word !important;
}

.tdUp td span {
    width: 10px !important;
    height: 21px !important;
    vertical-align: middle !important;
}

.grid-button .widget .widget-content button {
    max-width: 150px !important;
    float: left;
}

#Entity_status span.icon-pen {
    background-color: white !important;
}

#Entity_status span.icon-x {
    background-color: white !important;
}

#Entity_status span.icon-pen {
    background-color: white !important;
}

#Entity_status button {
    max-height: 2.9em !important;
}

/*#divConfirmation {
    box-shadow: 1px 1px 15px rgba(0,0,0,0.8);
}*/
#divConfirmation {
    border: solid 1px #dddddd !important;
    background: #fff;
    border-radius: 4px;
    padding: 15px;
    z-index: 7000;
    width: 411px;
    position: absolute;
    right: 20px;
    top: 10px;
    box-shadow: grey 10px 10px 15px;
}

#table_id_wrapper div.dataTables_scrollBody {
    border-bottom: 5px solid #039be5 !important;
    margin: 1px 0 5px 0;
}

#table_id_wrapper div.dataTables_scrollHead {
    border-bottom: 5px solid #039be5 !important;
    padding-bottom: 15px;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: none !important;
}

.search-container {
    background-color: #666;
    display: none;
    padding: 5px;
    border: 1px solid #555;
    position: absolute;
    top: 55px;
    left: 420px;
    z-index: 85;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.search-container {
    background-color: white !important;
    border: none !important;
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
}

.search-container {
    box-shadow: 1px 1px 12px rgba(0,0,0,.7);
}