/* DEFAULTS
----------------------------------------------------------*/

body {
    background: #f1f3f5;
    margin: 0px;
    padding: 0px;
    height: 100% !important;
}
/*
a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}
*/
p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

@font-face {
    font-family: 'TradeGothic LT CondEighteen';
    src: url(../TGLT20.woff);
    src: url(../TGLT20.eot);
    src: url(../TGLT20.ttf) format('truetype');
    font-style: normal;
    font-stretch: expanded;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(../OpenSans-Regular.woff);
    src: url(../OpenSans-Regular.eot);
    src: url(../OpenSans-Regular.ttf) format('truetype');
    font-style: normal;
    font-stretch: expanded;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


.page {
    position: absolute;
    background-color: #fff;
    margin: 2px auto 2px auto;
    padding: 0px 0px 0px 1px;
    border-left: 1px solid #b6b8b7;
    border-right: 1px solid #b6b8b7;
    border-top: 1px solid #b6b8b7;
    border-bottom: 1px solid #b6b8b7;
    z-index: 0;
    width: 99.5%;
}

header {
    position: relative;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
    width: 100%;
}

#logobar {
    height: 71px;
    width: 100%;
}

.title {
    position: absolute;
}

nav {
    position: inherit;
}

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
    nav {
        -webkit-overflow-scrolling: auto;
    }
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    nav {
        -webkit-overflow-scrolling: auto;
    }
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
    nav {
        -webkit-overflow-scrolling: auto;
    }
}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
    nav {
        -webkit-overflow-scrolling: auto;
    }
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
    nav {
        -webkit-overflow-scrolling: auto;
    }
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
    nav {
        -webkit-overflow-scrolling: auto;
    }
}

.ajax__tab_yuitabview-theme .ajax__tab_header {
    font-size: small;
    position: relative;
    cursor: pointer;
    padding-top: 2px;
    padding-bottom: 5px;
    white-space: normal !important;
    margin-bottom: -1px;
}

    .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer {
        background: url(../img/yui/sprite.png) #d8d8d8 repeat-x;
        margin-right: 2px;
        padding: 1px 6px 0px 6px;
        vertical-align: bottom;
        border: solid 1px #a3a3a3;
        border-bottom-width: 0px;
        height: 21px;
        text-transform: uppercase;
        font-size: 10px;
        cursor: pointer;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: -moz-inline-box;
        display: inline-block;
    }

    .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_inner {
        padding-left: 3px;
        display: -moz-inline-box;
        display: inline-block;
    }

    .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab {
        color: #143f71;
        padding: 0.35em 0.75em;
        margin: 2px 0px 0px 0px;
        height: 13px;
        padding: 4px;
        margin: 0;
        margin-right: 0.01em;
        overflow: hidden;
        text-align: center;
        cursor: pointer;
        display: -moz-inline-box;
        display: inline-block;
    }

.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer {
    color: #fff;
    background: #029ed9; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4 0%, #0789bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#029ed9), color-stop(100%,#0789bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #029ed9 0%,#0789bd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ed9', endColorstr='#0789bd',GradientType=0 ); /* IE6-9 */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ajax__tab_yuitabview-theme .ajax__tab_hover a:hover {
    color: #fff;
}

.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab {
    color: #fff;
    margin: 0px 0px 10px 0px;
    outline: none;
}

.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer {
    background: #029ed9; /* Old browsers */
    background: -moz-linear-gradient(top, #e4e4e4 0%, #0789bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#029ed9), color-stop(100%,#0789bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #029ed9 0%,#0789bd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029ed9', endColorstr='#0789bd',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

.ajax__tab_yuitabview-theme .ajax__tab_body {
}

/* TAB MENU   
----------------------------------------------------------*/


.menu_bar {
    width: 100%;
    top: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 1px auto;
    position: inherit;
    z-index: 0;
}



div.menu {
    margin: -24px 0px 0px 0px;
    position: relative;
    width: 100%;
    min-height: 25px;
    border-left: solid 1px #a3a3a3;
    white-space: normal !important;
    background: #0789bd; /* Old browsers */
    background: -moz-linear-gradient(top, #0789bd 0%, #029ed9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0789bd), color-stop(100%,#029ed9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0789bd 0%,#029ed9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0789bd 0%,#029ed9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0789bd 0%,#029ed9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0789bd 0%,#029ed9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0789bd', endColorstr='#029ed9',GradientType=0 ); /* IE6-9 */
    z-index: 10;
}

    div.menu ul {
        list-style: none;
        margin: 5px 0px 0px 0px;
        padding: 0px 1px 0px 0px;
        width: auto;
    }

        div.menu ul li {
            margin-right: 2px;
        }

            div.menu ul li a {
                height: 17px;
                margin: 0px 0px 0px 0px;
                display: block;
                line-height: 12px;
                padding: 4px 8px 0px 9px;
                text-decoration: none;
                white-space: nowrap;
                font-family: arial,helvetica,clean,sans-serif;
                font-size: 8pt;
                color: White;
                font-weight: 700;
                text-align: center;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

                div.menu ul li a.level2 {
                    display: block;
                    line-height: 1.35em;
                    padding: 1px 17px;
                    text-decoration: none;
                    white-space: nowrap;
                    background-color: white;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 10px;
                    font-weight: bold;
                    color: #42ae39;
                    text-align: center;
                    border-top-width: 1px;
                    border-right-width: 1px;
                    border-left-width: 1px;
                    border-top-style: solid;
                    border-right-style: solid;
                    border-left-style: solid;
                    border-top-color: #b6b8b7;
                    border-bottom: 1px solid #b6b8b7;
                    border-right-color: #b6b8b7;
                    border-left-color: #b6b8b7;
                }

                div.menu ul li a:hover {
                    background-color: white;
                    color: #42ae39;
                    text-decoration: none;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                }

                    div.menu ul li a:hover.level2 {
                        background-color: #42ae39;
                        color: white;
                        text-decoration: none;
                    }

                div.menu ul li a:active {
                    background-color: white;
                    color: #9eb42d;
                    text-decoration: none;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                    z-index: 20;
                }

            div.menu ul li .selected {
                background-color: white;
                color: #42ae39;
                text-decoration: none;
                z-index: 10;
            }


.header_small {
    font-weight: 900;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 20px;
    color: #029ed9;
    border: none;
    line-height: 2em;
    font-size: 20px;
    text-transform: uppercase;
}

.header h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main {
    position: absolute;
    margin: 3px -1px 0px -1px;
    width: 100%;
    min-height: 420px;
    background-color: #fff;
    z-index: 100;
    padding: 0px 0px 0px 0px;
    border-left: solid 1px #a3a3a3;
    border-right: solid 1px #a3a3a3;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

@media print {

    #header {
        display: none;
    }

    #printMe {
        display: block;
    }

    #pr_head {
        display: block;
    }

    #contrl {
        display: none;
    }
}

@media screen {
    #header {
        display: block;
    }

    #printMe {
        display: block;
    }

    #pr_head {
        display: none;
    }

    #contrl {
        display: block;
    }
}

.style11 {
    font-size: 24px;
    color: #666666;
    font-weight: bold;
    font-family: Arial;
}

.style12 {
    font-size: 14px;
    color: #666666;
    font-family: Arial;
}



/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../Images/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(../Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../Images/SavedStar.png);
}


/* ajax__tab_yuitabview-theme-light theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme-light .ajax__tab_header {
    font-size: small;
    cursor: pointer;
    padding-top: 4px;
    margin-bottom: -5px;
}

    .ajax__tab_yuitabview-theme-light .ajax__tab_header .ajax__tab_outer {
        background: url(../img/yui/sprite.png) #6e9ca2 repeat-x;
        margin: 9px 0.16em 0px 0px;
        padding: 0px 0px 0px 0px;
        vertical-align: bottom;
        border: solid 1px #575757;
        border-bottom-width: 0px;
        height: 21px;
        text-transform: uppercase;
        font-size: 10px;
        cursor: auto;
    }

    .ajax__tab_yuitabview-theme-light .ajax__tab_header .ajax__tab_outer {
        background: url(../img/yui/sprite.png) #6e9ca2 repeat-x;
        margin: 0px 0.16em 0px 0px;
        padding: 0px 0px 0px 0px;
        vertical-align: bottom;
        border: solid 1px #575757;
        border-bottom-width: 0px;
        height: 21px;
        text-transform: uppercase;
        font-size: 10px;
        cursor: auto;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .ajax__tab_yuitabview-theme-light .ajax__tab_header .ajax__tab_tab {
        color: #143f71;
        padding: 0.35em 0.75em;
        margin-right: 0.01em;
        margin: 2px 0px 0px 0px;
    }

.ajax__tab_yuitabview-theme-light .ajax__tab_hover .ajax__tab_outer {
    background: #9eb42d; /* Old browsers */
    background: -moz-linear-gradient(top, #b2c93a 0%, #9eb42d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2c93a), color-stop(100%,#9eb42d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b2c93a 0%,#9eb42d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2c93a', endColorstr='#9eb42d',GradientType=0 ); /* IE6-9 */
}

.ajax__tab_yuitabview-theme-light .ajax__tab_active .ajax__tab_tab {
    color: #fff;
    margin: 2px 0px 0px 0px;
    outline: none;
}

.ajax__tab_yuitabview-theme-light .ajax__tab_active .ajax__tab_outer {
    background: #9eb42d; /* Old browsers */
    background: -moz-linear-gradient(top, #b2c93a 0%, #9eb42d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2c93a), color-stop(100%,#9eb42d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b2c93a 0%,#9eb42d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2c93a', endColorstr='#9eb42d',GradientType=0 ); /* IE6-9 */
}

.ajax__tab_yuitabview-theme-light .ajax__tab_body {
}

.MF_HLink_Active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    text-transform: uppercase;
    color: White;
    background-color: Green;
    display: inline-block;
    margin-left: 3px;
    text-decoration: underline;
    padding: 0px 2px 0px 2px;
    border-radius: 3px;
    border: 1px solid Green;
    text-decoration: none;
}


.MF_HLink_Link span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    text-transform: uppercase;
    color: White;
    background-color: Blue;
    border: 1px Green Solid;
    border-radius: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.MF_HLink_Link a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    text-transform: uppercase;
    color: Green;
    text-decoration: none;
}

    .MF_HLink_Link a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11pt;
        text-transform: uppercase;
        color: Blue;
        text-decoration: underline;
    }

.MF_HLink_Link span.current {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    text-transform: uppercase;
    font-weight: bold;
    color: Blue;
    text-decoration: underline;
}




/* dolphin menu   
----------------------------------------------------------*/
/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer {
    position: relative;
    height: 56px;
    color: #E0E0E0;
    background: #143D55;
    width: 100%;
    font-family: Helvetica,Arial,Verdana,sans-serif;
}

#dolphinnav {
    position: relative;
    height: 33px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    background: #fff url(images/dolphin_bg.gif) repeat-x bottom left;
    padding: 0 0 0 20px;
}

    #dolphinnav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: auto;
        float: left;
    }

        #dolphinnav ul li {
            display: block;
            float: left;
            margin: 0 1px;
        }

            #dolphinnav ul li a {
                display: block;
                float: left;
                color: #EAF3F8;
                text-decoration: none;
                padding: 0 0 0 20px;
                height: 33px;
            }

                #dolphinnav ul li a span {
                    padding: 12px 20px 0 0;
                    height: 21px;
                    float: left;
                }

                #dolphinnav ul li a:hover {
                    color: #fff;
                    background: transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;
                }

                    #dolphinnav ul li a:hover span {
                        display: block;
                        width: auto;
                        cursor: pointer;
                    }

                #dolphinnav ul li a.current, #dolphinnav ul li a.current:hover {
                    color: #fff;
                    background: #1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;
                    line-height: 275%;
                }

                    #dolphinnav ul li a.current span {
                        display: block;
                        padding: 0 20px 0 0;
                        width: auto;
                        background: #1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;
                        height: 33px;
                    }
/* ---------------------- END Dolphin nav ---------------------- */

/* FORM ELEMENTS   
----------------------------------------------------------*/
.Required {
    font: Arial;
    font-size: 9px;
    text-transform: uppercase;
    color: Red;
}

.Login {
    color: #42ae39;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
}

.Username {
    color: #38494d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.Username {
    color: #38494d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.Star {
    color: #d00d11;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}


fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    float: left;
    text-align: left;
    width: 146px;
    height: 71px;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: #3a4f63;
    font-size: 12px;
    font-family: Arial;
    text-decoration: none;
}

    .loginDisplay a:link {
        color: #3a4f63;
        text-decoration: none;
    }

    .loginDisplay a:visited {
        color: #3a4f63;
        text-decoration: none;
    }

    .loginDisplay a:hover {
        color: #3a4f63;
        text-decoration: underline;
    }

.failureNotification {
    font-size: 0.6em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.Inner_Bar {
    background-color: #e1e1e5;
    border: 1px solid #b6b8b7;
    font-family: Arial;
    vertical-align: middle;
    width: 100%;
    color: #535960;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    min-height: 26px;
    line-height: 26px;
    text-indent: 5px;
    margin-bottom: -1px;
    border-collapse: collapse;
    border-bottom-width: 0px;
}

.Tab_Header {
    background-color: #9eb42d;
    color: #FFFFFF;
    margin-top: 10px;
    padding-top: 5px;
    border: 1px solid #575757;
    border-top: none;
    font-family: Arial;
    vertical-align: middle;
    width: 100%;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    min-height: 26px;
    line-height: 26px;
    text-indent: 5px;
    margin-bottom: -1px;
    border-collapse: collapse;
    border-bottom-width: 0px;
}



/*Controls*/



select {
    padding: 2px 3px 3px 3px;
    margin: 2px 2px 0px 0px;
    height: 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 -1px #999 inset;
}



/*Controls*/







input[type="submit"] {
    font-family: Arial;
    background-color: #164178;
    color: White;
    font-size: smaller;
    text-transform: uppercase;
    padding: 3px 7px 3px 7px;
    text-shadow: 0 -1px 1px #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
}


    input[type="submit"]:hover {
        opacity: 0.8;
        -moz-opacity: 0.8;
        cursor: pointer;
        margin-top: 3px;
        margin-bottom: 3px;
        margin-left: 3px;
    }

input[type="reset"] {
    font-family: Arial;
    background-color: #164178;
    color: White;
    font-size: smaller;
    text-transform: uppercase;
    padding: 3px 7px 3px 7px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
}


.buttons {
    font-family: Arial;
    background-color: #164178;
    color: White;
    font-size: smaller;
    text-transform: uppercase;
    padding: 3px 7px 3px 7px;
    text-shadow: 0 -1px 1px #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
}


    .buttons:hover {
        opacity: 0.8;
        -moz-opacity: 0.8;
        cursor: pointer;
        padding: 3px 7px 3px 7px;
        margin-top: 3px;
        margin-bottom: 3px;
        margin-left: 3px;
    }

.buttons_add {
    font-family: Arial;
    background-image: url(../images/plus_13.png);
    background-size: 10px;
    background-position: 3px center;
    background-repeat: no-repeat;
    text-indent: 8px;
    background-color: #fff;
    color: #33a43e;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 7px 3px 7px;
    text-shadow: 0 1px 1px #61e972;
    font-weight: 400;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-top: 1px;
    margin-bottom: 0px !important;
    margin-left: 3px;
}


.buttons_add {
    font-family: Arial;
    background-image: url(../images/plus_13.png);
    background-size: 10px;
    background-position: 3px center;
    background-repeat: no-repeat;
    text-indent: 8px;
    background-color: #fff;
    color: #33a43e;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 7px 3px 7px;
    text-shadow: 0 1px 1px #61e972;
    font-weight: 400;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-top: 1px;
    margin-bottom: 0px !important;
    margin-left: 3px;
}


    .buttons_add:hover {
        background-color: #D8F0C3;
        filter: alpha(opacity=95);
        opacity: 0.95;
        -moz-opacity: 0.95;
        cursor: pointer;
        margin-top: 1px;
        margin-bottom: 0px !important;
        margin-left: 3px;
    }

.buttons_excel {
    float: right;
    text-indent: 14px; /*background-color: #fff;*/
    ;
    background: #e5e5e5;
    /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
*/
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    ;
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    ;
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    ;
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    ;
    background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C */
    ;
    background-image: url(../images/excel_16_b.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    min-height: 20px;
    color: #098710;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 7px 3px 7px;
    text-shadow: 0 1px 1px #61e972;
    font-weight: 600;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-top: 3px;
    margin-bottom: -3px;
    margin-left: 3px;
    margin-right: 3px;
    border-bottom-color: #00793a;
    background-color: #F4F4F4;
}


    .buttons_excel:hover {
        background-color: #D8F0C3;
        filter: alpha(opacity=95);
        opacity: 0.95;
        -moz-opacity: 0.95;
        cursor: pointer;
        margin-top: 3px;
        margin-bottom: -3px;
        margin-left: 3px;
    }

.buttons_calendar {
    float: right;
    text-indent: 14px; /*background-color: #fff;*/
    ;
    background: #e5e5e5;
    /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
*/
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    ;
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    ;
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    ;
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    ;
    background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C */
    ;
    background-image: url(../images/calendar_today_16.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    min-height: 22px;
    color: #098710;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 7px 4px 7px;
    text-shadow: 0 1px 1px #61e972;
    font-weight: 600;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-top: 3px;
    margin-bottom: -3px;
    margin-left: 3px;
    margin-right: 3px;
    border-bottom-color: #00793a;
    background-color: #F4F4F4;
}

.buttons_pdf {
    float: right;
    text-indent: 14px; /*background-color: #fff;*/
    ;
    background: #e5e5e5;
    /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
*/
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    ;
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    ;
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    ;
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    ;
    background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C */
    ;
    background-image: url(../images/pdf_16.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    min-height: 20px;
    color: #098710;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 7px 4px 7px;
    text-shadow: 0 1px 1px #61e972;
    font-weight: 600;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-top: 3px;
    margin-bottom: -3px;
    margin-left: 3px;
    margin-right: 3px;
    border-bottom-color: #00793a;
    background-color: #F4F4F4;
}


    .buttons_calendar:hover, .buttons_excel:hover, .buttons_pdf:hover {
        background-color: #D8F0C3;
        filter: alpha(opacity=95);
        opacity: 0.95;
        -moz-opacity: 0.95;
        cursor: pointer;
        margin-top: 3px;
        margin-bottom: -3px;
        margin-left: 3px;
    }



input[type=checkbox] {
    display: none;
}

    input[type=checkbox]:not(.Table_Head input[type=checkbox]) {
        display: inline-block;
    }


    input[type=checkbox] + label:before, input[type=checkbox] + label:before:not(.Grid_Body_text td .switch input[type=checkbox]) {
        border-radius: 6px;
        border: 1px solid #999;
    }

        input[type=checkbox] + label:before, input[type=checkbox] + label:before:not(.Grid_Body_text td .switch input[type=checkbox]) {
            font-weight: normal;
            content: '';
            display: inline-block;
            width: 18px;
            height: 17px;
            position: relative;
            padding: 1px;
            margin: 1px;
            margin-right: 4px;
            vertical-align: bottom;
            background-color: #f8f8f8;
            z-index: 100;
            -webkit-box-shadow: 0 -1px #999 inset;
            -moz-box-shadow: 0 -1px #999 inset;
            box-shadow: 0 -1px #999 inset;
        }

    input[type=checkbox] + label:hover::before, input[type=checkbox] + label:hover::before:not(.Grid_Body_text td .switch input[type=checkbox]) {
        content: '\2713';
        text-shadow: 1px 1px 1px #10758C;
        font-size: 16px;
        color: #42ae39;
        text-align: center;
        line-height: 14px;
        padding: 1px;
        opacity: 0.8;
        -moz-opacity: .8;
        cursor: pointer;
    }

    input[type=checkbox]:checked + label:before, input[type=checkbox]:checked + label:before:not(.Table_Head input[type=checkbox]:checked) {
        content: '\2713';
        text-shadow: 1px 1px 1px #10758C;
        font-size: 16px;
        color: #42ae39;
        text-align: center;
        line-height: 14px;
        padding: 1px;
    }

.Grid_Header th input[type=checkbox] + label:before, .Grid_Header input[type=checkbox] + label:before {
    border-radius: 6px;
    border: 1px solid white;
}

.Grid_Body td input[type=checkbox], .Grid_Body_Alt td input[type=checkbox], .Grid_Body_Over td input[type=checkbox], .Grid_Body_DetailView td input[type=checkbox], .Grid_Body_text input[type=checkbox], .Grid_Header input[type=checkbox] {
    border-radius: 4px;
    border: solid 1px #42ae39;
    background: white;
    font-weight: normal;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    padding: 0px;
    margin: 1px;
    margin-left: 8px;
    vertical-align: bottom;
    text-align: left;
}

    .Grid_Body td input[type=checkbox]:checked + label:before, .Grid_Body_Alt td input[type=checkbox]:checked + label:before, .Grid_Body_DetailView td input[type=checkbox]:checked + label:before, .Grid_Body_Over td input[type=checkbox]:checked + label:before, .Grid_Body_Over td input[type=checkbox]:checked + label:before:not(.Grid_Body_text td .switch input[type=checkbox]:checked + label:before), .Grid_Body_Over td input[type=checkbox]:checked + label:before:not(.Table_Head input[type=checkbox]:checked) {
        content: '\2713';
        text-shadow: 1px 1px 1px #10758C;
        font-size: 14px;
        color: #f3f3f3;
        text-align: left;
        line-height: 14px;
    }

.Grid_Body_text td input[type=checkbox]:checked + label:before {
    font-weight: bolder;
    content: '';
}

.switch, .Grid_Body_DetailView td .switch {
    width: 80px;
    height: 17px;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    margin-top: 1px;
    margin-bottom: 1px;
}

    .switch input[type=checkbox], .Grid_Body_DetailView td .switch input[type=checkbox], .Grid_Body td .switch input[type=checkbox], .Grid_Body_Alt td .switch input[type=checkbox] {
        display: none;
    }

        .switch input[type=checkbox]:checked + label:before, .Grid_Body_DetailView td .switch input[type=checkbox]:checked + label:before, .Grid_Body td .switch input[type=checkbox]:checked + label:before, .Grid_Body_Alt td .switch input[type=checkbox]:checked + label:before {
            clear: both;
        }

    .switch label, .Grid_Body_DetailView td .switch label, .Grid_Body td .switch label, .Grid_Body_Alt td .switch label {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        background: white;
        border-radius: 5px;
        margin-left: 2px;
        cursor: pointer;
    }

        .switch label:after, .Grid_Body_DetailView td .switch label:after, .Grid_Body td .switch label:after, .Grid_Body_Alt td .switch label:after {
            content: "";
            position: absolute;
            z-index: -1;
            top: -3px;
            right: -2px;
            bottom: -2px;
            left: -2px;
            border-radius: inherit;
            background: #6e9ca2; /* Fallback */
            font-family: Arial;
            font-size: 12px;
            border: 1px solid #aca899;
            vertical-align: middle;
            background: url(../img/yui/sprite.png) #029ed9 repeat-x;
            text-shadow: 0 -1px 1px #000;
            box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        }

        .switch label:before, .Grid_Body_DetailView td .switch label:before, .Grid_Body td .switch label:before, .Grid_Body_Alt td .switch label:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: -3px;
            right: -3px;
            bottom: -3px;
            left: -3px;
            border-radius: inherit;
            background: #eee; /* Fallback */
            background: linear-gradient(#e5e7e6, #eee);
            box-shadow: 0 1px 0 rgba(255,255,255,0.5);
            -webkit-filter: blur(1px); /* Smooth trick */
            filter: blur(1px); /* Future-proof */
            display: none;
        }

        .switch label i {
            display: block;
            height: 100%;
            width: 50%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            border-radius: inherit;
            background: #029ed9; /* Fallback */
            box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
            background: linear-gradient(to bottom, #029ed9 0%,#0789bd 100%); /* W3C */
            background: -moz-linear-gradient(top, #029ed9 0%, #0789bd 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#029ed9), color-stop(100%,#0789bd)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #029ed9 0%,#0789bd 100%); /* IE10+ */
        }


            .switch label i:after {
                content: "";
                position: absolute;
                left: 15%;
                top: 40%;
                width: 70%;
                height: 40%;
                background: silver; /* Fallback */
                background: linear-gradient(#cbc7bc, #d2cbc3);
                border-radius: inherit;
                display: none;
            }

            .switch label i:before {
                content: "no";
                position: absolute;
                right: -75%;
                margin: auto 0 auto;
                color: red; /* Fallback */
                font-style: normal;
                font-weight: bold;
                font-family: Helvetica, Arial, sans-serif;
                text-transform: uppercase;
                text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e;
            }

    .switch input:checked ~ label { /* Background */
        background: white;
    }

        .switch input:checked ~ label i { /* Toggle */
            left: auto;
            right: -1%;
        }

            .switch input:checked ~ label i:before { /* On/off */
                content: "yes";
                right: 120%;
                color: green;
                text-shadow: 0 1px 0 #afcb9b, 0 -1px 0 #6b8659;
            }

input[type="text"] {
    font-size: smaller;
    font-family: Arial;
}

.watermarkedsmall {
    font-family: Arial;
    font-size: xx-small;
    background-color: #F0F8FF;
    color: Gray;
}

.popup_Body_Header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #007939;
    font-weight: bold;
    line-height: 25px;
    padding: 5px 0 5px 0;
}

.Body_Header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #007939;
    font-weight: bold;
    line-height: 18px;
    padding-top: 20px;
}

.Body_CAPS_Black {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    line-height: 18px;
    padding-top: 8px;
    padding-left: 0px;
    text-transform: uppercase;
}

.Body_CAPS_Black {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    line-height: 18px;
    padding-top: 8px;
    padding-left: 0px;
    text-transform: uppercase;
}

.Body_Normal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #1c1d1e;
    font-weight: normal;
    line-height: 18px;
    padding-top: 8px;
    padding-left: 0px;
    text-decoration: none;
}

table {
    border-collapse: separate;
    border-spacing: 0px;
}

    table td {
        border: none;
    }

.Grid_Body_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
}

.Grid_Body_popup {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    line-height: 14px;
    border-bottom: 1px solid #999999;
}

    .Grid_Body_popup td {
    }

.Grid_Body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 20px;
    text-indent: 3px;
}

.Grid_Body_DetailView {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 18px;
    text-indent: 3px;
}

.VBorders td {
    border-right: 1px solid #ddd;
}

.VBorders th {
    border-right: 1px inset #aca899;
}

.Grid_Body td, .Grid_Body_Alt td, .Grid_Body_Over td {
    border-bottom: 1px solid #ddd;
    padding: 1px 0 1px;
}

    .Grid_Body td table td, .Grid_Body_Alt td table td {
        border: none;
    }

.Grid_Body_Alt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 20px;
    text-indent: 3px;
    background-color: #f5f6f6;
}

.Grid_Body_report {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 18px;
    border-bottom-style: double
}

.Grid_Body_Over, .Grid_Body:hover, .Grid_Body_Alt:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    line-height: 20px;
    text-indent: 3px;
    background-color: #CCFFFF;
}

.Grid_Body_Selected {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 22px;
    text-indent: 3px;
    background-color: #029ed9;
    background: linear-gradient(to bottom, #0789bd 0%,#029ed9 100%);
    color: #FFFFFF;
    border: 1px solid #575757;
}

.Table_Head {
    background-color: #6e9ca2;
    color: #FFFFFF;
    border-bottom: 1px solid #aca899;
    font-family: Arial;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
    padding: 2px 0 2px;
}

.Grid_Header_Detail td {
    border: none;
}

.Grid_Header_Detail {
    background-color: #9eb42d;
    color: #FFFFFF;
    border-bottom: 1px solid #575757;
    font-family: Arial;
    font-size: 10px;
    vertical-align: top;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
    padding: 2px 0 2px;
}

.Grid_Header {
    background-color: #9eb42d;
    color: #FFFFFF;
    border: 1px solid #575757;
    font-family: Arial;
    font-size: 10px;
    vertical-align: middle;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
    line-height: 21px;
    padding-top: 10px;
}

    .Grid_Header td {
        float: left;
    }

    .Grid_Header th a {
        float: left;
    }

    .Grid_Header input[type="checkbox"] {
        background-color: #6e9ca2;
        color: gray;
        vertical-align: middle;
    }

        .Grid_Header input[type="checkbox"]:checked {
            color: red;
        }

.Grid_Head_Custom {
    background-color: #029ed9;
    background: linear-gradient(to bottom, #0789bd 0%,#029ed9 100%);
    color: #FFFFFF;
    border: 1px solid #575757;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    line-height: 22px;
}


.Grid_Footer {
    background-color: #9eb42d;
    color: #FFFFFF;
    border: 1px solid #575757;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    line-height: 22px;
}

.Grid_Footer_Input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    line-height: 20px;
    text-indent: 3px;
    background-color: white;
}

    .Grid_Footer_Input td {
        text-align: left;
        border-top: 1px solid #6e9ca2;
    }

.Grid_Header a {
    background-color: #9eb42d;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 10px;
    vertical-align: middle;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
    text-decoration: none;
}

.Grid_Header_no_border {
    background-color: #9eb42d;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 10px;
    vertical-align: middle;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
    min-height: 21px;
}

.Grid_Header_no_border_center {
    background-color: #9eb42d;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    text-indent: 3px;
    text-transform: uppercase;
    min-height: 21px;
}



/*Modal Popup*/
.modalBackground {
    position: absolute;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 6000 !important;
    max-height: 100% !important;
    width: 100%;
}

.modalPopup {
    position: absolute;
    top: 30%;
    left: 50%;
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #8e8e8e;
    padding: 3px;
    width: 800px;
    z-index: 6001 !important;
}

.modalPopup_small {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #8e8e8e;
    padding: 3px;
    width: 300px;
}

.Top_Across {
    background-image: url(../Images/top.gif);
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: White;
    height: 30px;
    width: 600px;
    vertical-align: middle;
}

.divtab {
    overflow: scroll;
}

/* Big box with list of options */
#ajax_listOfOptions {
    position: absolute; /* Never change this one */
    width: 175px; /* Width of box */
    height: 250px; /* Height of box */
    overflow: auto; /* Scrolling features */
    border: 1px solid #317082; /* Dark green border */
    background-color: #FFF; /* White background color */
    text-align: left;
    font-size: 0.9em;
    z-index: 100;
}

    #ajax_listOfOptions div { /* General rule for both .optionDiv and .optionDivSelected */
        margin: 1px;
        padding: 1px;
        cursor: pointer;
        font-size: 0.9em;
    }

    #ajax_listOfOptions .optionDiv { /* Div for each item in list */
    }

    #ajax_listOfOptions .optionDivSelected { /* Selected item in the list */
        background-color: #317082;
        color: #FFF;
    }

#ajax_listOfOptions_iframe {
    background-color: #F00;
    position: absolute;
    z-index: 5;
}
/*Hover Menu*/
.popupMenu {
    position: absolute;
    visibility: hidden;
    background-color: #6e9ca2;
    color: White;
    opacity: .9;
    filter: alpha(opacity=90);
}

    .popupMenu a {
        font-family: Arial;
        padding-left: 5px;
        padding-right: 5px;
        color: White;
        text-decoration: none;
    }

        .popupMenu a:hover {
            font-family: Arial;
            padding-left: 5px;
            padding-right: 5px;
            color: White;
            text-decoration: underline;
        }

.popupHover {
    background-image: url(images/header-opened.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #F5F7F8;
}

.Body_Header_BIG {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: #007939;
    font-weight: bold;
    line-height: 18px;
    padding-top: 20px;
}

.style11_small {
    font-size: 13px;
    color: #666666;
    font-weight: bold;
    font-family: Arial;
}

.messaging_button_send {
    background-position: 0px;
    background-image: url('../Images/Messaging/Forward.png');
}
/*Messaging grids etc*/

.Grid_Body_messages {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    text-indent: 3px;
}

.Grid_Body_Over_messages {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    text-indent: 3px;
    background-color: #e1e1e5;
}

.Grid_Header_messages {
    text-align: left;
    background-color: #6e9ca2;
    color: #FFFFFF;
    border: 1px solid #aca899;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    border-top: none;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
    text-decoration: none;
}

    .Grid_Header_messages th {
        border: none;
        border-top: 0px solid #6e9ca2;
        margin-top: -5px;
        z-index: 1000;
    }

        .Grid_Header_messages th a {
            float: left;
            color: #FFFFFF;
            font-family: Arial;
            font-size: 10px;
            font-weight: bold;
            vertical-align: middle;
            text-indent: 3px;
            text-transform: uppercase;
            text-decoration: none;
            cursor: pointer;
        }

            .Grid_Header_messages th a:hover {
                float: left;
                color: #FFFFFF;
                text-decoration: underline;
                cursor: pointer;
            }

    .Grid_Header_messages td {
        float: left;
    }



#splitterContainer { /* Main splitter element */
    height: 500px;
    width: 98%;
    margin: 0;
    padding: 0;
}

#LeftPane {
    float: left;
    width: 61%;
    height: 100%;
    border-top: solid 1px #9cbdff;
    background: #fff;
    overflow: auto;
}

#RightPane {
    float: right;
    width: 38%;
    height: 100%;
    border-top: solid 1px #9cbdff;
    background: #fff;
    overflow: auto;
}

#MySplitter { /*Contains toolbar and horizontal splitter*/
    float: right;
    width: 100%;
    height: 450px;
    background: #f4f4f4;
    border: 1px solid #aca899;
}

#MySplitterContainer { /*horizontal splitter*/
    width: 100%;
    background: #FFFFFF;
    border-top: solid 1px #9cbdff;
}

#TopPane { /*Top nested in horizontal splitter */
    width: 100%;
    height: 250px;
    overflow: auto;
    background: #f4f4f4;
    text-align: center;
}

#BottomPane { /*Bottom nested in horizontal splitter */
    background: #f4f4f4;
    width: 100%;
    overflow: auto;
    top: 5px;
}

#Split_read { /*Contains toolbar and horizontal splitter*/
    float: right;
    width: 100%;
    height: 450px;
    background: #f4f4f4;
    border: 1px solid #aca899;
}

#Split_readContainer { /*horizontal splitter*/
    width: 100%;
    background: #FFFFFF;
    border-top: solid 1px #9cbdff;
}

#Split_read_top { /*Top nested in horizontal splitter */
    width: 100%;
    height: 250px;
    overflow: auto;
    background: #f4f4f4;
    text-align: center;
}

#Split_read_bottom { /*Bottom nested in horizontal splitter */
    background: #f4f4f4;
    width: 100%;
    overflow: auto;
    top: 5px;
}

#Split_sent { /*Contains toolbar and horizontal splitter*/
    float: right;
    width: 100%;
    height: 450px;
    background: #f4f4f4;
    border: 1px solid #aca899;
}

#Split_sentContainer { /*horizontal splitter*/
    width: 100%;
    background: #FFFFFF;
    border-top: solid 1px #9cbdff;
}

#Split_sent_top { /*Top nested in horizontal splitter */
    width: 100%;
    height: 250px;
    overflow: auto;
    background: #f4f4f4;
    text-align: center;
}

#Split_sent_bottom { /*Bottom nested in horizontal splitter */
    background: #f4f4f4;
    width: 100%;
    overflow: auto;
    top: 5px;
}

#Split_del { /*Contains toolbar and horizontal splitter*/
    float: right;
    width: 100%;
    height: 450px;
    background: #f4f4f4;
    border: 1px solid #aca899;
}

#Split_delContainer { /*horizontal splitter*/
    width: 100%;
    background: #FFFFFF;
    border-top: solid 1px #9cbdff;
}

#Split_del_top { /*Top nested in horizontal splitter */
    width: 100%;
    height: 250px;
    overflow: auto;
    background: #f4f4f4;
    text-align: center;
}

#Split_del_bottom { /*Bottom nested in horizontal splitter */
    background: #f4f4f4;
    width: 100%;
    overflow: auto;
    top: 5px;
}

/* Splitbar styles; these are the default class names and required styles */
.splitbarV {
    float: left;
    width: 6px;
    height: 100%;
    line-height: 0px;
    font-size: 0px;
    border-left: solid 1px #9cbdff;
    border-right: solid 1px #9cbdff;
    background: #cbe1fb url(../Images/Messaging/panev.gif) 0% 50%;
}

.splitbarH {
    height: 6px;
    text-align: left;
    line-height: 0px;
    font-size: 0px;
    border-top: solid 1px #9cbdff;
    border-bottom: solid 1px #9cbdff;
    background: #cbe1fb url(../Images/Messaging/paneh.gif) 50% 0%;
}

.splitbuttonV {
    margin-top: -41px;
    top: 50%;
    position: relative;
    margin-right: 3px;
    height: 83px;
    width: 10px;
    background: transparent url(../Images/Messaging/panevc.gif) 10px 50%;
}

    .splitbuttonV.invert {
        margin-left: 0px;
        background: transparent url(../Images/Messaging/panevc.gif) 0px 50%;
    }

.splitbuttonH {
    margin-left: -41px;
    left: 50%;
    position: relative;
    height: 10px !important;
    width: 83px;
    background: transparent url(../Images/Messaging/panehc.gif) 50% 0px;
}

    .splitbuttonH.invert {
        margin-top: -4px;
        background: transparent url(../Images/Messaging/panehc.gif) 50% -10px;
    }

    .splitbarV.working, .splitbarH.working, .splitbuttonV.working, .splitbuttonH.working {
        -moz-opacity: .50;
        filter: alpha(opacity=50);
        opacity: .50;
    }

.new_mail_button_pdf {
    font-family: Arial;
    font-size: 13px;
    border: 1px solid #aca899;
    vertical-align: middle;
    background: url(../img/yui/sprite.png) #6e9ca2 repeat-x;
    cursor: pointer;
    padding: 0.3em 4px 3px 4px;
    text-indent: 5px;
    text-shadow: 0 -1px 1px #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .new_mail_button_pdf img {
        height: 23px;
        text-align: left;
        vertical-align: top;
        left: -7px;
        position: relative;
    }

.new_mail_button_over_pdf {
    font-family: Arial;
    font-size: 13px;
    border: 1px solid #aca899;
    vertical-align: middle;
    background: url(../img/yui/sprite.png) #6e9ca2 repeat-x left -1300px;
    cursor: pointer;
    padding: 0.3em 4px 3px 4px;
    color: #f14a31;
    text-indent: 5px;
    text-shadow: 0 -1px 1px #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .new_mail_button_over_pdf img {
        height: 23px;
        text-align: left;
        vertical-align: top;
        left: -7px;
        position: relative;
    }

.new_mail_button {
    font-family: Arial;
    font-size: 12px;
    border: 1px solid #aca899;
    vertical-align: middle;
    background: url(../img/yui/sprite.png) #6e9ca2 repeat-x;
    cursor: pointer;
    padding: 4px 5px 4px 5px;
    text-shadow: 0 -1px 1px #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

    .new_mail_button:hover {
        font-family: Arial;
        font-size: 12px;
        border: 1px solid #aca899;
        vertical-align: middle;
        background: url(../img/yui/sprite.png) #6e9ca2 repeat-x left -1300px;
        cursor: pointer;
        padding: 4px 5px 4px 5px;
        text-shadow: 0 -1px 1px #000;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    }

.new_mail_button_over {
    font-family: Arial;
    font-size: 12px;
    border: 1px solid #aca899;
    vertical-align: middle;
    background: url(../img/yui/sprite.png) #6e9ca2 repeat-x left -1300px;
    cursor: pointer;
    padding: 4px 5px 4px 5px;
    text-shadow: 0 -1px 1px #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
/* ComboBox styles */

.ajax__combobox_itemlist {
    margin: 0px;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    background-image: url(../Images/ComboBox/toolkit-bg.gif);
    background-position: top left;
    border: 0px none;
    color: #FFFFFF;
    padding: 4px 0px 3px 5px;
    font-size: 13px;
    height: 16px;
    width: 240px;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
    background-image: url(../Images/ComboBox/toolkit-arrow.gif);
    background-position: top left;
    border: 0px none;
    height: 23px;
    width: 23px;
}

.AjaxToolkitStyle .ajax__combobox_itemlist {
    border-color: #0F2543;
    background-color: #EFEFEF;
}

.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    margin: 0;
    background-image: url(../Images/ComboBox/FAT/aqua-bg.gif);
    background-position: top left;
    border: 0px none;
    padding: 1px 0px 0px 8px;
    font-size: 11px;
    height: 24px;
    width: 280px;
}

.AquaStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
    background-image: url(../Images/ComboBox/FAT/aqua-arrow.gif);
    background-position: top left;
    border: 0px none;
    top: -1px;
    left: -5px;
    height: 30px;
    position: relative;
}

.AquaStyle .ajax__combobox_itemlist {
    font-family: Arial;
    font-size: 11px;
    border-color: #aca899;
    border-top: 0px solid #fff;
    background-color: #EFEFEF;
    margin-top: 0px;
    padding-top: 10px;
    margin-left: 0px;
    display: block;
    width: 200px;
    max-width: 272px;
    position: absolute;
}

    .AquaStyle .ajax__combobox_itemlist li {
        width: 100%;
    }

.td_combo {
    height: 25px;
    padding-top: -2px;
    margin-top: -5px;
}

.contextMenu {
    position: absolute;
    width: 145px;
    z-index: 99999;
    border: solid 1px #143f71;
    border-radius: 3px;
    background: #EEE;
    padding: 1px 1px 1px 1px;
    margin: 0px;
    display: none;
}

    .contextMenu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        font-family: Arial;
    }

    .contextMenu a {
        color: #333;
        text-decoration: none;
        display: block;
        line-height: 15px;
        height: 15px;
        background-position: 6px center;
        background-repeat: no-repeat;
        outline: none;
        padding: 1px 5px;
        padding-left: 28px;
        font-family: Arial;
        font-size: 8pt;
    }

    .contextMenu LI.hover A {
        color: #FFF;
        background-color: #3399FF;
    }

    .contextMenu LI.disabled A {
        color: #AAA;
        cursor: default;
    }

    .contextMenu LI.hover.disabled A {
        background-color: transparent;
    }

    .contextMenu LI.separator {
        border-top: solid 1px #CCC;
    }

    /*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

    .contextMenu LI.edit A {
        background-image: url(../images/edit.png);
    }

    .contextMenu LI.add A {
        background-image: url(../images/plus.png);
    }

    .contextMenu LI.copy A {
        background-image: url(../images/page_white_copy.png);
    }

    .contextMenu LI.tree A {
        background-image: url(../images/lightning.png);
    }

    .contextMenu LI.delete A {
        background-image: url(../images/delete.png);
    }

    .contextMenu LI.sites A {
        background-image: url(../images/application_form_add.png);
    }

    .contextMenu LI.staff A {
        background-image: url(../images/settings2_18.png);
    }

    .contextMenu LI.pdf A {
        background-image: url(../images/pdf_16.png);
    }

.tree_text {
    font-family: Arial;
    font-size: 8pt;
}

.job_title {
    font-family: Arial;
    font-size: 8pt;
    text-transform: uppercase;
    font-weight: bold;
    color: #164178;
}

.job_title_small {
    font-family: Arial;
    font-size: 6pt;
    text-transform: uppercase;
    font-weight: bold;
    color: Gray;
}

/*Reorder List*/
.dragHandle {
    width: 10px;
    height: 18px;
    background-color: Blue;
    background-image: url(../images/bg-menu-main.png);
    background-position-y: top;
    background-size: auto;
    cursor: move;
    border: outset thin white;
    vertical-align: top;
}

.callbackStyle {
    border: thin blue inset;
}

    .callbackStyle table {
        background-color: #5377A9;
        color: Black;
    }


.reorderListDemo li {
    list-style: none;
    margin: 2px;
    margin-left: -35px;
    border-top: solid 1px #333333;
    color: #FFF;
}

.dragVisualContainer li {
    list-style: none;
    background-image: url(../images/bg_nav.gif);
    background-repeat: repeat-x;
    color: #FFF;
}

.reorderListDemo li a {
    color: #FFF !important;
    font-weight: bold;
}

.reorderCue {
    border: dashed thin black;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.itemArea {
    margin-left: 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    text-align: left;
    color: black;
    display: inline-block;
}
/* Expandable list Repeater */
.rep_Main {
    border: 1px solid #8e8e8e;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: Arial;
    font-size: smaller;
    margin: 3px 5px 0px 5px;
}

    .rep_Main .rep_Head {
        height: 20px;
        cursor: pointer;
        background-color: #f5f6f6;
        border-bottom: 1px solid #8e8e8e;
    }

        .rep_Main .rep_Head:hover {
            background-color: #6e9ca2;
            opacity: 0.5;
            -moz-opacity: .5;
        }

    .rep_Main .rep_Head_active {
        padding-top: 5px;
        background-color: #6e9ca2;
        color: white;
        border-bottom: none;
    }

    .rep_Main .rep_Head IMG {
        cursor: pointer;
        border: none;
    }

    .rep_Main .rep_Head td {
        text-align: left;
        text-indent: 3px;
    }

    .rep_Main .rep_Detail {
        overflow: hidden;
        Height: 0px;
        padding-bottom: 5px;
        width: 100%;
    }

        .rep_Main .rep_Detail:focus {
            background-color: red;
        }
/* Service provider Load complaints */
.sp_header {
    height: 22px;
    background-color: #e1e1e5;
    color: #535960;
    font-family: Arial;
    font-size: smaller;
    border: 1px solid #8e8e8e;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.sp_header_over {
    height: 22px;
    filter: alpha(opacity=85);
    opacity: 0.8;
    color: #000000;
    font-family: Arial;
    font-size: smaller;
    border: 1px solid #8e8e8e;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.collapsePanelHeader {
    width: 100%;
    background-image: url(images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}

    .collapsePanelHeader a:active {
        width: 100%;
        background-image: url(images/bg-menu-main.png);
        background-repeat: repeat-x;
        color: #FFF;
        font-weight: bold;
    }

.sp_header_small {
    color: #535960;
    font-family: Arial;
    font-size: smaller;
}

.sp_status_table {
    width: 98%;
    height: 16px;
    border-radius: 3px;
}

.Grid_Header_no_top_border {
    background-color: #6e9ca2;
    color: #FFFFFF;
    border-bottom: 1px solid #aca899;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
}

/*END - Service provider Load complaints */
.ModalProgressContainer {
    z-index: 10001;
    position: fixed;
    cursor: wait;
    top: 0%;
    background-color: #eee;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    height: 100%;
    width: 100%;
    text-align: center;
}

.ModalProgressContent {
    position: fixed;
    padding-left: 18px;
    border: solid 1px #fff;
    font-weight: bold;
    background-color: #ffffff;
    vertical-align: top;
    margin-top: -10px;
    color: #164178;
    z-index: 10010;
    font-family: Arial;
    font-size: 12px;
    top: 48%;
    left: 48%;
    width: 79px;
    height: 92px;
    border-radius: 10px;
    box-shadow: 0 0.5px 2px #8e8e8e;
}

/*Popup Control*/
.popupControl {
    background-color: #CCFFFF;
    font-family: Arial;
    font-size: smaller;
    position: absolute;
    visibility: hidden;
    z-index: 100;
    border: 2px solid #0789bd;
    border-radius: 5px;
    padding: 1px;
    box-shadow: 0 1px 2px #0789bd;
}

.popup_sites {
    padding-right: 3px;
}





/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditMessage {
    color: #ff0000;
    font-weight: bold;
}

.MaskedEditError {
    background-color: #ffcccc;
}

.MaskedEditFocusNegative {
    background-color: #ffffcc;
    color: #ff0000;
}

.MaskedEditBlurNegative {
    color: #ff0000;
}





.tab_Sub_table {
    background: #9eb42d; /* Old browsers */
    background: -moz-linear-gradient(top, #b2c93a 0%, #9eb42d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2c93a), color-stop(100%,#9eb42d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b2c93a 0%,#9eb42d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b2c93a 0%,#9eb42d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2c93a', endColorstr='#9eb42d',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
    line-height: 24px;
    border-top: 3px solid #9eb42d;
    padding-bottom: 2px;
    padding-left: 5px;
}



.Table_Jobs {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    font-weight: normal;
    line-height: 12px;
    text-indent: 2px;
    background-color: #e1e1e5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #666666;
}

/* ComboBox styles */




.AquaStyleSearch .AjaxToolkitStyle .ajax__combobox_itemlist {
    border-color: #0F2543;
    background-color: #EFEFEF;
}

.AquaStyleSearch .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    margin: 0;
    background-image: url(../Images/ComboBox/FAT/aqua-bg.gif);
    background-position: top left;
    border: 0px none;
    padding: 1px 0px 0px 5px;
    font-size: 11px;
    height: 24px;
    width: 278px;
}

.AquaStyleSearch .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
    background-image: url(../Images/ComboBox/FAT/aqua-arrow.gif);
    background-position: top left;
    border: 0px none;
    top: 1px;
    left: -5px;
    height: 30px;
    position: relative;
}

.AquaStyleSearch .ajax__combobox_itemlist {
    font-family: Arial;
    font-size: 11px;
    border-color: #aca899;
    border-top: 0px solid #fff;
    background-color: #EFEFEF;
    margin-top: 0px;
    padding-top: 10px;
    margin-left: 3px;
    display: block;
    width: 290px;
    max-width: 290px;
    max-height: 375px;
    min-height: 375px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: fixed !important;
}

    .AquaStyleSearch .ajax__combobox_itemlist li {
        width: 100%;
    }

.AquaStyleSearch_auto .AjaxToolkitStyle .ajax__combobox_itemlist {
    border-color: #0F2543;
    background-color: #EFEFEF;
}

.AquaStyleSearch_auto .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    margin: 0;
    background-image: url(../Images/ComboBox/FAT/aqua-bg.gif);
    background-position: top left;
    border: 0px none;
    padding: 1px 0px 0px 5px;
    font-size: 11px;
    height: 24px;
    width: 278px;
}

.AquaStyleSearch_auto .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
    background-image: url(../Images/ComboBox/FAT/aqua-arrow.gif);
    background-position: top left;
    border: 0px none;
    top: 1px;
    left: -5px;
    height: 30px;
    position: relative;
}

.AquaStyleSearch_auto .ajax__combobox_itemlist {
    font-family: Arial;
    font-size: 12px;
    border-color: #aca899;
    border-top: 0px solid #fff;
    background-color: #EFEFEF;
    margin-top: 0px;
    padding-top: 10px;
    margin-left: 3px;
    display: block;
    max-width: 400px;
    max-height: 400px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: fixed !important;
}

    .AquaStyleSearch_auto .ajax__combobox_itemlist li {
        width: 100%;
    }

.AquaStyleSearch_inline .AjaxToolkitStyle .ajax__combobox_itemlist {
    border-color: #0F2543;
    background-color: #EFEFEF;
}

.AquaStyleSearch_inline .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    margin: 0;
    background-image: url(../Images/ComboBox/FAT/aqua-bg.gif);
    background-position: top left;
    border: 0px none;
    padding: 1px 0px 0px 5px;
    font-size: 11px;
    height: 24px;
    width: 380px;
}

.AquaStyleSearch_inline .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
    background-image: url(../Images/ComboBox/FAT/aqua-arrow.gif);
    background-position: top left;
    border: 0px none;
    top: 1px;
    left: -5px;
    height: 30px;
    position: relative;
}

.AquaStyleSearch_inline .ajax__combobox_itemlist {
    font-family: Arial;
    font-size: 11px;
    border-color: #aca899;
    border-top: 0px solid #fff;
    background-color: #EFEFEF;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 3px;
    display: block;
    width: 390px;
    max-width: 390px;
    max-height: 280px;
    min-height: 75px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: fixed !important;
}

    .AquaStyleSearch_inline .ajax__combobox_itemlist li {
        width: 100%;
    }

.tipsy {
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 9pt;
    margin-top: 0px;
    font-family: Arial;
    vertical-align: top;
    position: absolute;
}

.tipsy-inner {
    margin: 5px;
    padding: 3px 4px 3px 4px;
    background-color: #EEE;
    color: #545454;
    line-height: 14pt;
    max-width: 200px;
    border: 2px solid #296c91;
    z-index: 1000;
}

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

    .tipsy-inner .Mitems {
        text-decoration: none;
        background-color: white;
        width: 105%;
        margin: 0px;
        padding: 3px 0px 3px 0px;
        white-space: nowrap;
        margin-left: -7px;
        padding-right: 6px;
        border-radius: 2px;
        z-index: 1000;
    }

        .tipsy-inner .Mitems .Order {
            color: #296c91;
        }

        .tipsy-inner .Mitems:hover {
            text-decoration: none;
            background-color: #296c91;
            color: white;
            width: 107%;
            margin: 0px;
            padding: 3px 0px 3px 0px;
            white-space: nowrap;
            margin-left: -8px;
            padding-right: 7px;
            border-radius: 2px;
            z-index: 1000;
        }

            .tipsy-inner .Mitems:hover .Order {
                color: white;
            }

.tipsy-arrow {
    position: absolute;
    left: 10px;
    margin-top: -5px;
    background: url('../Images/tipsy.gif') no-repeat left top;
    width: 9px;
    height: 5px;
}

.tipsy-arrow-c {
    position: absolute;
    left: 97px;
    margin-top: -5px;
    padding-top: 0px;
    background: url('../Images/tipsy.gif') no-repeat left top;
    width: 9px;
    height: 5px;
}

.tipsy-n {
    top: -5px;
    left: 50%;
    margin-left: 15px;
    margin-top: -5px;
    padding-left: 15px;
}

.tipsy-c {
    top: -5px;
    left: 50%;
    margin-left: 120px;
    margin-top: -5px;
    padding-left: 15px;
}

.tipsy_big {
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 9pt;
    margin-top: 0px;
    font-family: Arial;
    vertical-align: top;
}

.tipsy_big-inner {
    margin: 5px;
    margin-top: 16px;
    padding: 3px 4px 3px 4px;
    background-color: #EEE;
    color: #545454;
    line-height: 14pt;
    border: 2px solid #296c91;
    z-index: 1000;
}

.tipsy_big-inner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .tipsy_big-inner .Mitems {
        text-decoration: none;
        background-color: white;
        width: 105%;
        margin: 0px;
        padding: 3px 0px 3px 0px;
        white-space: nowrap;
        margin-left: -7px;
        padding-right: 6px;
        border-radius: 2px;
        z-index: 1000;
    }

        .tipsy_big-inner .Mitems .Order {
            color: #296c91;
        }

        .tipsy_big-inner .Mitems:hover {
            text-decoration: none;
            background-color: #296c91;
            color: white;
            width: 107%;
            margin: 0px;
            padding: 3px 0px 3px 0px;
            white-space: nowrap;
            margin-left: -8px;
            padding-right: 7px;
            border-radius: 2px;
            z-index: 1000;
        }

            .tipsy_big-inner .Mitems:hover .Order {
                color: white;
            }

.tipsy_big-arrow {
    position: absolute;
    left: 25px;
    margin-top: -16px;
    background: url('../Images/tipsy_32.png') no-repeat left top;
    width: 32px;
    height: 16px;
}

.tipsy_big-n {
    top: -16px;
    left: 50%;
    margin-left: 25px;
    margin-top: -16px;
    padding-left: 25px;
}

.tipsy_modal {
    font-size: 9pt;
    font-family: Arial;
    left: 20%;
    position: absolute;
    z-index: 10010;
}

.tipsy_modal-inner {
    margin: 0px;
    padding: 1px 0px 0px 0px;
    background-color: #fff;
    line-height: 14pt;
    border: 1px solid #296c91;
    z-index: 1000;
}

.tipsy_modal-inner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.modal_head {
    background-image: url(../Images/top.gif);
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 28px;
    text-indent: 7px;
}

    .modal_head SPAN {
        padding-top: 20px;
    }

    .modal_head IMG {
        float: right;
        margin: 0px;
        margin-right: 3px;
        vertical-align: bottom;
        cursor: pointer;
    }



.popMenu {
    width: 145px;
}



    .popMenu td {
        line-height: 15px;
        height: 15px;
        text-align: left;
    }

        .popMenu td A {
            background-position: 0px center;
            background-repeat: no-repeat;
            text-decoration: none;
            outline: none;
            padding: 3px 3px 3px 5px;
            padding-left: 26px;
            font-family: Arial;
            font-size: 8pt;
        }

        .popMenu td SPAN {
            background-position: 0px center;
            background-repeat: no-repeat;
            text-decoration: none;
            outline: none;
            padding: 2px 3px 2px 5px;
            padding-left: 26px;
            font-family: Arial;
            font-size: 8pt;
        }

        .popMenu td:hover {
            background-color: #3399FF;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

            .popMenu td:hover A {
                color: #FFFFFF;
                padding: 2px 10px 2px 5px;
                padding-left: 26px;
            }
    /*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/
    .popMenu .config A {
        background-image: url(../images/settings_18.png);
    }

    .popMenu .edit A, .popMenu .edit SPAN {
        background-image: url(../images/edit.png);
    }

    .popMenu .add A {
        background-image: url(../images/plus.png);
    }

    .popMenu .copy A {
        background-image: url(../images/page_white_copy.png);
    }

    .popMenu .tree A {
        background-image: url(../images/lightning.png);
    }

    .popMenu .delete A {
        background-image: url(../images/delete.png);
    }

    .popMenu .sitesadd A {
        background-image: url(../images/application_form_add.png);
    }

    .popMenu .sites A {
        background-image: url(../images/application_form.png);
    }

    .popMenu .doCancel A {
        background-image: url(../Images/Jan_x_trans.gif);
    }

    .popMenu .move SPAN {
        background-image: url(../images/tree_diagramm_move_16.png);
    }

    .popMenu .move A {
        background-image: url(../images/tree_diagramm_move_16.png);
    }

    .popMenu .pdf A {
        background-image: url(../images/pdf_16.png);
    }




.frameBody {
    font-family: sans-serif;
    font-size: 12px;
    margin: 0;
    width: 100%;
    height: 100%;
}

    .frameBody p {
        border: 1px #bbb solid;
        padding: 2px;
    }

.rte-zone {
    width: 500px;
    margin: 0;
    padding: 0;
    border: 1px #999 solid;
    clear: both;
    height: 200px;
    display: block;
}

.rte-toolbar {
    overflow: hidden;
}

    .rte-toolbar a, .rte-toolbar a img {
        border: 0;
    }

    .rte-toolbar p {
        float: left;
        margin: 0;
        padding-right: 5px;
    }

.Grid_Body_Alt td .txtHTMLbox, .Grid_Body td .txtHTMLbox {
    background-color: white;
    font-family: Arial;
    font-size: 11px;
    color: black;
    text-transform: none;
    font-variant: normal;
    text-decoration: none;
}

.Grid_Footer td .txtHTMLbox {
    background-color: white;
    font-family: Arial;
    font-size: 11px;
    color: black;
    text-transform: none;
    font-variant: normal;
    text-decoration: none;
}

.Grid_Footer .txtHTMLbox input[type="textbox"] {
    background-color: white;
    font-family: Arial;
    font-size: 11px;
    color: black;
    text-transform: none;
    font-variant: normal;
    text-decoration: none;
}

/*progress bar*/
#container_prog {
    margin: 0 auto;
    width: 460px;
    padding: 2em;
    background: #DCDDDF;
}




/* Drag and Drop Gridviews */


.Grid_Header_Drag {
    vertical-align: middle;
    line-height: 21px;
    padding-top: 10px;
}

.head_move_cols {
    width: 100%;
    font-size: 10px;
    display: inline-block;
    font-weight: bold;
    background-color: #6e9ca2;
    color: #FFFFFF;
    border: 1px solid #aca899;
    font-family: Arial;
    text-align: left;
    text-indent: 3px;
    text-transform: uppercase;
}

    .head_move_cols header {
        font-size: 10px;
        font-weight: bold;
        background-color: #6e9ca2;
        color: #FFFFFF;
        border: 1px solid #aca899;
        font-family: Arial;
        text-align: left;
        text-indent: 3px;
        text-transform: uppercase;
        margin: 0 auto;
    }

.Grid_Header_Drag th a {
    float: left;
}

.head_move_cols.over {
    border-left: 2px solid blue;
}

.file_Camera {
    background-color: white;
    color: white;
    background-image: url(../images/camera_48.png);
    height: 48px;
    width: 48px;
}

#PnlFsAttch {
    bottom: 35px;
}

#view_doc {
    display: none;
    position: fixed;
    background-color: white;
    top: 0px;
    width: 620px;
    height: 80%;
    padding: 3px;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
    #view_doc {
        display: none;
        position: fixed;
        background-color: white;
        top: 0px;
        width: 620px;
        height: 500px;
        padding: 3px;
    }
}




#modal_back_custom {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    background-color: grey;
    z-index: 10000;
}

.view_doc_post {
    display: block;
    background-color: white;
    margin-top: 40px;
    padding: 3px;
}

.view_doc {
    display: none;
    border: 2px solid #eee;
    border-radius: 5px;
    top: 50px;
    left: 60px;
    position: absolute;
    background-color: white;
    height: 80%;
    z-index: 10001;
    margin: 0 auto 0;
}

#confirm_Modal {
    display: none;
    background-color: white;
    border: 4px solid #bbb;
    border-radius: 4px;
    margin-top: 40px;
    width: 300px;
    padding: 10px;
    font-family: Arial;
}

    #confirm_Modal table {
        width: 100%;
        margin: 0 auto 0;
        height: auto;
    }

    #confirm_Modal td {
        width: 100%;
        text-align: center;
    }

.close_button {
    width: 100%;
    height: 27px;
    background: linear-gradient(to bottom, #0789bd 0%,#029ed9 100%);
    color: white;
    border-radius: 5px 5px 0 0;
    border-top: 1px outset #ccc;
    border-left: 1px outset #ccc;
    display: inline;
    z-index: 10000;
    position: absolute;
    top: -26px;
    left: 0px;
    margin: 0;
    margin-bottom: 1px;
    cursor: pointer;
}

    .close_button img:first-child {
        margin: 0px 0px 0px 0px;
        margin-top: 3px;
        display: none;
    }

    .close_button img {
        margin: -21px 2px 0px 0px;
    }

.popup_head {
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
    text-align: center;
    font-weight: 400;
}

.close_button:hover {
    opacity: 0.8;
    -moz-opacity: .8;
}


.sel-row {
    background-color: #029ed9;
    border: 2px solid Yellow;
    color: white;
    padding: 2px 10px 0px;
    border-radius: 4px;
}

    .sel-row td {
        cursor: move;
        font-weight: bold;
    }

#div_drop_checklists {
    height: 100%;
    min-height: 250px;
}

.div_hover {
    background-color: #029ed9;
    opacity: 0.7;
    border: 2px solid Yellow;
    z-index: 100;
}

    .div_hover:after {
        content: "Drop here";
        color: #999;
        opacity: 1.0;
        font-weight: 900;
        font-size: x-large;
        z-index: 101;
        position: relative;
        margin: auto auto;
        top: 20%;
        left: 45%;
        text-shadow: 1px 2px Yellow;
    }

.checklistQuestions {
    border: 2px solid #0099FF;
    border-radius: 10px;
    height: 85%;
    width: 90%;
    top: 40px;
    left: 40px;
    background-color: white;
    box-shadow: 0 0.5px 2px #8e8e8e;
    -webkit-box-shadow: 0 0.5px 2px #8e8e8e;
    position: absolute;
    text-align: center;
    padding: 5px;
}


    .checklistQuestions table {
        height: initial;
        width: 100%;
        margin: 0px auto 10px;
        /* display: inline-block; */
    }

    .checklistQuestions table {
        width: 100%;
    }

        .checklistQuestions table tbody {
            width: 100%;
        }

    .checklistQuestions .ques_but {
        margin-top: 20px;
        text-align: center;
    }

        .checklistQuestions .ques_but td {
            text-align: center;
            width: 100%;
        }

    .checklistQuestions table div {
        margin: auto;
    }

    .checklistQuestions .new_mail_button text {
        margin-right: 10px;
        background-color: white;
    }

    .checklistQuestions .check {
        margin-left: 0px;
    }





    .checklistQuestions .new_mail_button.next, .checklistQuestions .new_mail_button.prev, .checklistQuestions .new_mail_button.first,
    .new_mail_button.plus, .new_mail_button.sync, .new_mail_button.tick {
        padding: 4px 15px 3px;
        height: 28px;
        font-family: Arial;
        font-size: 14px;
        text-transform: uppercase;
        border: 1px solid #aca899;
        vertical-align: middle;
        color: #029ed9;
        cursor: pointer;
        font-weight: 700;
        text-shadow: 0 -1px 1px #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #0789bd; /* Old browsers */
        background: -moz-linear-gradient(top, #0789bd 0%, #029ed9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0789bd), color-stop(100%,#029ed9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0789bd 0%,#029ed9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0789bd 0%,#029ed9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0789bd 0%,#029ed9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0789bd 0%,#029ed9 100%); /* W3C */
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    }

    .checklistQuestions .new_mail_button.prev {
        display: inline-block;
        padding-left: 35px;
        background-color: white;
        background-size: 30px 22px;
        background-repeat: no-repeat;
        background-position: left center;
        background-image: url(../images/back.png);
    }

    .checklistQuestions .new_mail_button.next {
        display: inline-block;
        padding-right: 35px;
        background-color: white;
        background-size: 30px 22px;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url(../images/forward.png);
    }

    .checklistQuestions .new_mail_button.first {
        display: inline-block;
        padding-left: 35px;
        background-size: 35px 20px;
        background-repeat: no-repeat;
        background-position: left center;
        background-image: url(../images/first.png);
        background-color: white;
    }

.new_mail_button.plus {
    display: inline-block;
    padding-left: 35px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/plus.png);
}

.new_mail_button.sync {
    display: inline-block;
    padding-left: 35px;
    font-size: 20px;
    background-size: 34px 34px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/arrow_refresh_small.png);
}

.new_mail_button.tick {
    display: inline-block;
    padding-left: 35px;
    font-size: 14px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/tick.png);
}

.new_mail_button.sync:hover {
    border: 1px solid #029ed9;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

._button.search {
    text-indent: 14px; /*background-color: #fff;*/
    ;
    background: #e5e5e5;
    /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
*/
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    ;
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    ;
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    ;
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    ;
    background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C */
    ;
    background-image: url(../images/find_16.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    min-height: 20px;
    color: #098710;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 7px 3px 7px;
    text-shadow: 0 1px 1px #61e972;
    font-weight: 600;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    margin-top: 3px;
    margin-bottom: -3px;
    margin-left: 3px;
    margin-right: 3px;
    border-bottom-color: #00793a;
    background-color: #F4F4F4;
}

    ._button.search:hover {
        background-color: #D8F0C3;
        filter: alpha(opacity=95);
        opacity: 0.95;
        -moz-opacity: 0.95;
        cursor: pointer;
        margin-top: 3px;
        margin-bottom: -3px;
        margin-left: 3px;
    }



.new_mail_button.prev:hover, .new_mail_button.next:hover, .new_mail_button.first:hover,
.new_mail_button.plus:hover {
    height: 28px;
    border: 1px solid #029ed9;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.rating {
    padding-left: 0px;
    direction: ltr;
    margin-left: 20%;
}

    .rating > label {
    }






    /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
    .rating:not(:checked) > input {
        position: absolute;
        top: -9999px;
        clip: rect(0,0,0,0);
    }



    .rating:not(:checked) > label {
        float: left;
        margin-left: 33px;
        width: 1em;
        padding: 0 .1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 200%;
        line-height: 1.2;
        color: #ddd;
        text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
    }



        .rating:not(:checked) > label:before {
            content: '? ';
        }

    .rating > input:checked ~ label {
        color: #f70;
        text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: gold;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > input:checked + label:hover,
    .rating > input:checked + label:hover ~ label,
    .rating > input:checked ~ label:hover,
    .rating > input:checked ~ label:hover ~ label,
    .rating > label:hover ~ input:checked ~ label {
        color: #ea0;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > label:active {
        position: relative;
        top: 2px;
        left: 2px;
    }

.style10_small {
    font-size: 10px;
    color: #333;
    font-weight: bold;
    font-family: Arial;
    margin-left: 20%;
}

#frame {
}

.left_right {
    text-align: center;
    vertical-align: central;
    background-color: #9cbdff;
    color: white;
    font-weight: 800;
    width: 20px;
}

.scan_type_button {
    border: 1px outset #ccc;
    border-radius: 3px;
    text-align: center;
    background-color: #eee;
    margin: 3px;
    font-weight: 700;
    cursor: pointer;
}

    .scan_type_button:hover {
        border: 1px inset #ccc;
        border-radius: 3px;
        text-align: center;
        background-color: #ddd;
        margin: 3px;
        font-weight: 700;
        cursor: pointer;
    }

    .scan_type_button.active {
        border: 1px inset #ccc;
        border-radius: 3px;
        text-align: center;
        background-color: #ddd;
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin: 3px auto 0px;
        font-weight: 700;
        cursor: pointer;
        color: #007939;
    }

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    /* core styles should not be changed */
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 10000;
}

.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333;
}

    .autocomplete-suggestion b {
        font-weight: normal;
        color: #1f8dd6;
    }

    .autocomplete-suggestion.selected {
        background: #f0f0f0;
    }

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    line-height: 18px;
    font-size: 14px;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 10000;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 200px;
}

.ui-autocomplete-loading {
    background: white url("../images/ajax-loader.gif") right center no-repeat;
    background-size: 150px;
}

.ui-autocomplete-input {
    background: white url("../images/find_16.png") right center no-repeat;
    height: 16px;
}

/* Style for disabled button */
input[type="submit"].disabled-btn {
    background-color: grey;
    cursor: not-allowed;
}