/*! jQuery UI - v1.10.2 - 2013-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

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

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

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 21px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        min-height: 0; /* support: IE7 */
        font-weight: normal;
    }

        .ui-menu .ui-menu-item a.ui-state-focus,
        .ui-menu .ui-menu-item a.ui-state-active {
            font-weight: normal;
            margin: -1px;
        }

    .ui-menu .ui-state-disabled {
        font-weight: normal;
        margin: .4em 0 .2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("images/animated-overlay.gif");
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* For IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: -1px;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
                .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
                .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
            .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #cccccc;
        background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #1c94c4;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #1c94c4;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #fbcb09;
        background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #c77405;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited {
            color: #c77405;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #fbd850;
        background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #eb8f00;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #eb8f00;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fed22f;
        background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
        color: #363636;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
        color: #ffffff;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #ffffff;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #ffffff;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
        }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

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

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

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

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

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

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

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

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

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

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

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

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px;
}

.SiteMap {
    border: 1px solid black;
    background-color: white;
    font-family: verdana;
    font-size: 10px;
}

.SiteMapTableCell {
    padding: 5px;
}

.SiteMapRootNode {
    color: black;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    padding-left: 5px;
}

    .SiteMapRootNode a {
        color: black;
        text-decoration: none;
    }

        .SiteMapRootNode a:hover {
            color: black;
            text-decoration: underline;
        }

.SiteMapParentNode {
    font-family: verdana;
    font-size: 10px;
    padding-left: 5px;
}

    .SiteMapParentNode a {
        color: black;
        text-decoration: none;
    }

        .SiteMapParentNode a:hover {
            color: black;
            text-decoration: underline;
        }

.SiteMapLeafNode {
    color: #DD3409;
    font-family: verdana;
    font-size: 10px;
    padding-left: 5px;
}

    .SiteMapLeafNode a {
        color: #DD3409;
        text-decoration: underline;
    }

        .SiteMapLeafNode a:hover {
            color: #DD3409;
            text-decoration: underline;
        }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=464646&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=ffffff&fcHeader=ffffff&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=ffffff&fcContent=222222&iconColorContent=222222&bgColorDefault=444444&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=60&borderColorDefault=666666&fcDefault=ffffff&iconColorDefault=888888&bgColorHover=555555&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=75&borderColorHover=666666&fcHover=ffffff&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=666666&fcActive=F6921E&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* MODIFIED TO BE SCOPED TO THE DEMOS PAGE - this prevents the documentation tabs & dialog from changing styles when the Themeroller bookmark is used to reskin demos */


/* Component containers
----------------------------------*/
#widget-docs.ui-widget,
#demo-dialog.ui-widget {
    font-family: Trebuchet MS,Verdana,Arial,sans-serif;
    font-size: 1em;
}

    #widget-docs.ui-widget input,
    #widget-docs.ui-widget select,
    #widget-docs.ui-widget textarea,
    #widget-docs.ui-widget button,
    #demo-dialog.ui-widget input,
    #demo-dialog.ui-widget select,
    #demo-dialog.ui-widget textarea,
    #demo-dialog.ui-widget button {
        font-family: Trebuchet MS,Verdana,Arial,sans-serif;
        font-size: 1em;
    }

#widget-docs .ui-widget-header,
#demo-dialog .ui-widget-header {
    border: 1px solid #ffffff;
    background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    #widget-docs .ui-widget-header a,
    #demo-dialog .ui-widget-header a {
        color: #ffffff;
    }

#widget-docs .ui-widget-content,
#demo-dialog .ui-widget-content {
    border: 1px solid #ffffff;
    background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x;
    color: #222222;
}

    #widget-docs .ui-widget-content a,
    #demo-dialog .ui-widget-content a {
        color: #222222;
    }


    /* Interaction states
----------------------------------*/
    #widget-docs .ui-state-default,
    #widget-docs .ui-widget-content .ui-state-default,
    #demo-dialog .ui-state-default,
    #demo-dialog .ui-widget-content .ui-state-default {
        border: 1px solid #666666;
        background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #ffffff;
        outline: none;
    }

        #widget-docs .ui-state-default a,
        #demo-dialog .ui-state-default a {
            color: #ffffff;
            text-decoration: none;
            outline: none;
        }

    #widget-docs .ui-state-hover,
    #widget-docs .ui-widget-content .ui-state-hover,
    #widget-docs .ui-state-focus,
    #widget-docs .ui-widget-content .ui-state-focus,
    #demo-dialog .ui-state-hover,
    #demo-dialog .ui-widget-content .ui-state-hover,
    #demo-dialog .ui-state-focus,
    #demo-dialog .ui-widget-content .ui-state-focus {
        border: 1px solid #666666;
        background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #ffffff;
        outline: none;
    }

        #widget-docs .ui-state-hover a,
        #demo-dialog .ui-state-hover a {
            color: #ffffff;
            text-decoration: none;
            outline: none;
        }

    #widget-docs .ui-state-active,
    #widget-docs .ui-widget-content .ui-state-active,
    #demo-dialog .ui-state-active,
    #demo-dialog .ui-widget-content .ui-state-active {
        border: 1px solid #666666;
        background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #F6921E;
        outline: none;
    }

        #widget-docs .ui-state-active a,
        #demo-dialog .ui-state-active a {
            color: #F6921E;
            outline: none;
            text-decoration: none;
        }


    /* Interaction Cues
----------------------------------*/
    #widget-docs .ui-state-highlight,
    #widget-docs .ui-widget-content .ui-state-highlight,
    #demo-dialog .ui-state-highlight,
    #demo-dialog .ui-widget-content .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x;
        color: #363636;
    }

    #widget-docs .ui-state-error,
    #widget-docs .ui-widget-content .ui-state-error,
    #demo-dialog .ui-state-error,
    #demo-dialog .ui-widget-content .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x;
        color: #cd0a0a;
    }

    #widget-docs .ui-state-error-text,
    #widget-docs .ui-widget-content .ui-state-error-text,
    #demo-dialog .ui-state-error-text,
    #demo-dialog .ui-widget-content .ui-state-error-text {
        color: #cd0a0a;
    }

    #widget-docs .ui-state-disabled,
    #widget-docs .ui-widget-content .ui-state-disabled,
    #demo-dialog .ui-state-disabled,
    #demo-dialog .ui-widget-content .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

    #widget-docs .ui-priority-primary,
    #widget-docs .ui-widget-content .ui-priority-primary,
    #demo-dialog .ui-priority-primary,
    #demo-dialog .ui-widget-content .ui-priority-primary {
        font-weight: bold;
    }

    #widget-docs .ui-priority-secondary,
    #widget-docs .ui-widget-content .ui-priority-secondary,
    #demo-dialog .ui-priority-secondary,
    #demo-dialog .ui-widget-content .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }


/* Icons
----------------------------------*/

/* states and images */
#demo-frame-wrapper .ui-icon,
#widget-docs .ui-icon,
#demo-dialog .ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-widget-content .ui-icon,
#demo-dialog .ui-widget-content .ui-icon {
    background-image: url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-widget-header .ui-icon {
    background-image: url(images/222222_256x240_icons_icons.png);
}

#demo-dialog .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_aaaaaa_256x240.png);
}

#widget-docs .ui-state-default .ui-icon,
#demo-dialog .ui-state-default .ui-icon {
    background-image: url(images/888888_256x240_icons_icons.png);
}

#widget-docs .ui-state-hover .ui-icon,
#widget-docs .ui-state-focus .ui-icon,
#demo-dialog .ui-state-hover .ui-icon,
#demo-dialog .ui-state-focus .ui-icon {
    background-image: url(images/454545_256x240_icons_icons.png);
}

#demo-dialog .ui-widget-header .ui-state-hover .ui-icon,
#demo-dialog .ui-widget-header .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_aaaaaa_256x240.png);
}

#widget-docs .ui-state-active .ui-icon,
#demo-dialog .ui-state-active .ui-icon {
    background-image: url(images/454545_256x240_icons_icons.png);
}

#widget-docs .ui-state-highlight .ui-icon,
#demo-dialog .ui-state-highlight .ui-icon {
    background-image: url(images/2e83ff_256x240_icons_icons.png);
}

#widget-docs .ui-state-error .ui-icon,
#widget-docs .ui-state-error-text .ui-icon,
#demo-dialog .ui-state-error .ui-icon,
#demo-dialog .ui-state-error-text .ui-icon {
    background-image: url(images/cd0a0a_256x240_icons_icons.png);
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
#widget-docs .ui-corner-tl,
#demo-dialog .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}

#widget-docs .ui-corner-tr,
#demo-dialog .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

#widget-docs .ui-corner-bl,
#demo-dialog .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

#widget-docs .ui-corner-br,
#demo-dialog .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-top,
#demo-dialog .ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

#widget-docs .ui-corner-bottom,
#demo-dialog .ui-corner-bottom {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-right,
#demo-dialog .ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-left,
#demo-dialog .ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

#widget-docs .ui-corner-all,
#demo-dialog .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


/* Overlays */
#widget-docs .ui-widget-overlay,
#demo-dialog .ui-widget-overlay {
    background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

#widget-docs .ui-widget-shadow,
#demo-dialog .ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#text {
    margin: 50px auto;
    width: 500px
}

#tt {
    position: absolute;
    display: block;
    background-color: #FFFFCC;
    border: 1px solid #FFCC66;
}

td.listcoldotted {
    padding: 3px 0px 3px 10px;
    border-top: 1px dotted #cccccc;
}

.table9normal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    font-weight: normal;
    background-color: #FFFFCC;
    border: 1px solid #FFCC66;
}

.table9bold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    font-weight: bold;
}
/*
------------------------------
    Impromptu
------------------------------
*/
.jqifade {
    position: absolute;
    background-color: #777777;
}

div.jqi {
    width: 400px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

    div.jqi .jqicontainer {
    }

    div.jqi .jqiclose {
        position: absolute;
        top: 4px;
        right: -2px;
        width: 18px;
        cursor: default;
        color: #bbbbbb;
        font-weight: bold;
    }

    div.jqi .jqititle {
        padding: 5px 10px;
        font-size: 16px;
        line-height: 20px;
        border-bottom: solid 1px #eeeeee;
    }

    div.jqi .jqimessage {
        padding: 10px;
        line-height: 20px;
        color: #444444;
    }

    div.jqi .jqibuttons {
        text-align: right;
        padding: 5px 0 5px 0;
        border: solid 1px #eeeeee;
        background-color: #f4f4f4;
    }

    div.jqi button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #2F6073;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }

        div.jqi button:hover {
            background-color: #728A8C;
        }

        div.jqi button.jqidefaultbutton {
            background-color: #BF5E26;
        }

.jqiwarning .jqi .jqibuttons {
    background-color: #BF5E26;
}

.jqi .jqiarrow {
    position: absolute;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0;
    border: solid 10px transparent;
}

.jqi .jqiarrowtl {
    left: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
    left: 50%;
    top: -20px;
    border-bottom-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowtr {
    right: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
    left: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
    left: 50%;
    bottom: -20px;
    border-top-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowbr {
    right: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
    left: -20px;
    top: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
    left: -20px;
    top: 50%;
    border-right-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowlb {
    left: -20px;
    bottom: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
    right: -20px;
    top: 10px;
    border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
    right: -20px;
    top: 50%;
    border-left-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowrb {
    right: -20px;
    bottom: 10px;
    border-left-color: #ffffff;
}

/*
*------------------------
*   usc
*------------------------
*/
.uscwarning .usc {
    background-color: #acb4c4;
}

.uscfade {
    position: absolute;
    background-color: #ffffff;
}

div.usc {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    width: 300px;
    font-size: 11px;
    text-align: left;
    border: solid 1px #213e80;
}

    div.usc .usccontainer {
        background-color: #ffffff;
        border-top: solid 14px #213e80;
        padding: 5px;
        font-weight: bold;
    }

    div.usc .uscclose {
        float: right;
        width: 18px;
        cursor: default;
        margin: -19px -12px 0 0;
        color: #ffffff;
        font-weight: bold;
    }

    div.usc .uscmessage {
        padding: 10px;
        line-height: 20px;
        font-size: 11px;
        color: #333333;
    }

    div.usc .uscbuttons {
        text-align: right;
        padding: 5px 0 5px 0;
        border: solid 1px #eeeeee;
        background-color: #f4f4f4;
    }

    div.usc button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #db1d01;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }

        div.usc button:hover {
            border: solid 1px #d4d4d4;
        }

.uscbiggerwarning .uscbigger {
    background-color: #acb4c4;
}

.uscbiggerfade {
    position: absolute;
    background-color: #ffffff;
}

div.uscbigger {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    width: 500px;
    font-size: 11px;
    text-align: left;
    border: solid 1px #213e80;
}

    div.uscbigger .uscbiggercontainer {
        background-color: #ffffff;
        border-top: solid 14px #213e80;
        padding: 5px;
        font-weight: bold;
    }

    div.uscbigger .uscbiggerclose {
        float: right;
        width: 18px;
        cursor: default;
        margin: -19px -12px 0 0;
        color: #ffffff;
        font-weight: bold;
    }

    div.uscbigger .uscbiggermessage {
        padding: 10px;
        line-height: 20px;
        font-size: 11px;
        color: #333333;
    }

    div.uscbigger .uscbiggerbuttons {
        text-align: right;
        padding: 5px 0 5px 0;
        border: solid 1px #eeeeee;
        background-color: #f4f4f4;
    }

    div.uscbigger button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #db1d01;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }

        div.uscbigger button:hover {
            border: solid 1px #d4d4d4;
        }


.uscavailabewarning .uscavailabe {
    background-color: #acb4c4;
}

.uscavailabefade {
    position: absolute;
    background-color: #ffffff;
}

div.uscavailabe {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    width: 780px;
    font-size: 11px;
    text-align: left;
    border: solid 1px #213e80;
}

    div.uscavailabe .uscavailabecontainer {
        background-color: #ffffff;
        border-top: solid 14px #213e80;
        padding: 5px;
        font-weight: normal;
    }

    div.uscavailabe .uscavailabeclose {
        float: right;
        width: 18px;
        cursor: default;
        margin: -19px -12px 0 0;
        color: #ffffff;
        font-weight: normal;
    }

    div.uscavailabe .uscavailabemessage {
        padding: 10px;
        line-height: 20px;
        font-size: 11px;
        color: #333333;
    }

    div.uscavailabe .uscavailabebuttons {
        text-align: right;
        padding: 5px 0 5px 0;
        border: solid 1px #eeeeee;
        background-color: #f4f4f4;
    }

    div.uscavailabe button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #db1d01;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: normal;
        font-size: 12px;
    }

        div.uscavailabe button:hover {
            border: solid 1px #d4d4d4;
        }

.uscpromptwarning .usc {
    background-color: #acb4c4;
}

.uscpromptfade {
    position: absolute;
    background-color: #ffffff;
}

div.uscprompt {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    width: 600px;
    font-size: 11px;
    text-align: left;
    border: solid 1px #213e80;
}

    div.uscprompt .uscpromptcontainer {
        background-color: #ffffff;
        border-top: solid 14px #213e80;
        padding: 5px;
        font-weight: bold;
    }

    div.uscprompt .uscpromptclose {
        float: right;
        width: 18px;
        cursor: default;
        margin: -19px -12px 0 0;
        color: #ffffff;
        font-weight: bold;
    }

    div.uscprompt .uscpromptmessage {
        padding: 10px;
        line-height: 20px;
        font-size: 11px;
        color: #333333;
    }

    div.uscprompt .uscpromptbuttons {
        text-align: right;
        padding: 5px 0 5px 0;
        border: solid 1px #eeeeee;
        background-color: #f4f4f4;
    }

    div.uscprompt button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #db1d01;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }

        div.uscprompt button:hover {
            border: solid 1px #d4d4d4;
        }

/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
    position: relative;
    min-height: 302px;
    clear: both;
    _height: 302px;
    zoom: 1; /* Feeling sorry for IE */
}

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

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

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

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

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

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

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

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

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

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



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
    /* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

    table.display thead th {
        padding: 3px 18px 3px 10px;
        border-bottom: 1px solid black;
        font-weight: bold;
        cursor: pointer;
        cursor: hand;
        background: #66a9bd;
    }

    table.display tfoot th {
        padding: 3px 18px 3px 10px;
        border-top: 1px solid black;
        font-weight: bold;
    }

    table.display tr.heading2 td {
        border-bottom: 1px solid #aaa;
    }

    table.display td {
        padding: 3px 10px;
        border-top: 1px dotted #cccccc;
    }

        table.display td.center {
            text-align: center;
        }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

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

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

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

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

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





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
    background-color: #ddffdd;
}

table.display tr.even.gradeA {
    background-color: #eeffee;
}

table.display tr.odd.gradeC {
    background-color: #ddddff;
}

table.display tr.even.gradeC {
    background-color: #eeeeff;
}

table.display tr.odd.gradeX {
    background-color: #ffdddd;
}

table.display tr.even.gradeX {
    background-color: #ffeeee;
}

table.display tr.odd.gradeU {
    background-color: #ddd;
}

table.display tr.even.gradeU {
    background-color: #eee;
}


tr.odd {
    background-color: #edebeb;
}

tr.even {
    background-color: white;
    border-top: 1px dotted #cccccc;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
    clear: both;
}

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

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

    .top .dataTables_info {
        float: none;
    }

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

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

    tfoot input.search_init {
        color: #999;
    }

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

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


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

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

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

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

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

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

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_11 {
    background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}

tr.even td.sorting_11 {
    background-color: #EAEBFF;
}

tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

tr.even td.sorting_3 {
    background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
    background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
    background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
    background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
    background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
    background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
    background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
    background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
    background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
    background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
    background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
    background-color: #ECFFB3;
}

    .ex_highlight_row #example tr.even:hover td.sorting_1 {
        background-color: #DDFF75;
    }

    .ex_highlight_row #example tr.even:hover td.sorting_2 {
        background-color: #E7FF9E;
    }

    .ex_highlight_row #example tr.even:hover td.sorting_3 {
        background-color: #E2FF89;
    }

.ex_highlight_row #example tr.odd:hover {
    background-color: #E6FF99;
}

    .ex_highlight_row #example tr.odd:hover td.sorting_1 {
        background-color: #D6FF5C;
    }

    .ex_highlight_row #example tr.odd:hover td.sorting_2 {
        background-color: #E0FF84;
    }

    .ex_highlight_row #example tr.odd:hover td.sorting_3 {
        background-color: #DBFF70;
    }


/*
 * KeyTable
 */
table.KeyTable td {
    border: 3px solid transparent;
}

    table.KeyTable td.focus {
        border: 3px solid #3366FF;
    }

table.display tr.gradeA {
    background-color: #eeffee;
}

table.display tr.gradeC {
    background-color: #ddddff;
}

table.display tr.gradeX {
    background-color: #ffdddd;
}

table.display tr.gradeU {
    background-color: #ddd;
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}

#text {
    margin: 50px auto;
    width: 500px
}

#tt {
    position: absolute;
    display: block;
    background-color: Yellow
}

td.listcoldotted {
    padding: 3px 0px 3px 10px;
    border-top: 1px dotted #cccccc;
}

.usc_buttons {
    height: 35px;
}

.usc_controls_height {
    height: 35px;
}

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

.usc-menu-height {
    height: 18px;
}

a.addtocart_mobile {
    /*
    background:url(images/addtocart_mobile.gif);
    height:17px;
    width:56px;
    text-indent:-9999px;
    overflow:hidden;
*/
    display: block;
}

    a.addtocart_mobile:hover {
        /*
    background-position: 0 -14px;
    overflow:hidden;
*/
    }


#top_nav_mobile {
    width: 95%;
    height: 27px;
    padding: 4px 7px 0px 0px;
    float: right;
}

    #top_nav_mobile ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    #top_nav_mobile li {
        margin: 0px;
        padding: 0px;
        width: auto;
        height: 24px;
        float: right;
    }

    #top_nav_mobile ul span {
        display: none;
    }

    #top_nav_mobile li a {
        display: block;
    }

#head_black_box_mobile {
    width: 60%;
    float: right;
}

.head_search_mobile {
    width: 200px;
    padding: 4px 0px 0px 50px;
    float: right;
    font-family: Tahoma, Arial, Helvetica;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
}

#head_black_box_mobile .head_search input {
    border: solid 0px #434242;
    margin-bottom: 3px;
    padding-bottom: 2px;
    border-style: solid;
    background-color: #eae8e8;
}


.head_cart_mobile {
    height: 29px;
    width: auto;
    float: right;
    padding-right: 15px;
    margin: 2px 0px 0px 0px;
}

    .head_cart_mobile a:link {
        font-family: Tahoma, Arial, Helvetica;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
        font-style: normal;
    }

    .head_cart_mobile a:active {
        font-family: Tahoma, Arial, Helvetica;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
        font-style: normal;
    }

    .head_cart_mobile a:visited {
        font-family: Tahoma, Arial, Helvetica;
        text-transform: uppercase;
        color: #ffffff;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
        font-style: normal;
    }

    .head_cart_mobile a:hover {
        font-family: Tahoma, Arial, Helvetica;
        text-transform: uppercase;
        color: #ffffff;
        text-decoration: underline;
        font-size: 10px;
        font-weight: bold;
        font-style: normal;
    }

body {
    /*
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
*/
    font-family: 'Roboto', Helvetica, Arial, Tahoma, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 14px;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    /*
	background-image:url(images/gradiant_bg.jpg);
    background-image:url(images/page_bg.jpg);
    background-repeat:repeat-x;
    background-position:top;
*/
}

.body_txt {
    /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.form_text_bold_print {
    /*     font-family: Helvetica, Arial, Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 15px;
    color: #16486d;
    font-weight: bold;
    line-height: 14px;
}

.form_text_bold_print_cmpnyinfo {
    /*     font-family: Helvetica, Arial, Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 17px;
    color: #16486d;
    line-height: 14px;
}

.txtBig {
    /* font: Helvetica, Arial, Tahoma, Arial, Helvetica, verdana; */
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.add_address {
    /*border:solid 1px #a7a4a6;*/
    background-color: #ffffff;
    margin: 2px 2px 2px 2px;
    padding: 1px 1px 1px 1px;
    width: 356px;
}

#add_address_border {
    height: 200px;
    background-color: #ffffff;
    margin: 2px 0px 0px 0px;
    overflow: auto;
    width: 380px;
    border: solid 1px #cbc9c9;
}

.rightaligninputtext {
    text-align: right;
    border: solid 1px #00498F;
    height: 13px;
}

.leftaligninputtext {
    text-align: left;
    border: solid 1px #00498F;
    height: 13px;
}

.centeraligninputtext {
    text-align: center;
    border: solid 1px #00498F;
    height: 13px;
}

#footer {
    width: 1000px;
    margin: 0 auto;
    /* background-image:url(images/footer_bg.gif);
    background-repeat:no-repeat;
    height:90px;
    font:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    overflow: hidden;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.footer {
    /*     font:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    color: #000;
    line-height: 1.75;
}

#footer a:link {
    /*     font:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

#footer a:visited {
    /*     font:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
}

#footer a:hover {
    /*     font:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    font-weight: bold;
    color: #000;
    text-decoration: underline;
}

#container {
    width: 1000px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    /*border:solid 1px #d8d8d8;*/
}

.quickorder_title1 a {
    background-color: #e60000;
    display: block;
    height: 27px;
    overflow: hidden;
    text-align: center;
    width: 182px;
    color: #FFF !important;
    font-size: 12px !important;
    font-family: inherit !important;
    font-weight: bold !important;
    text-transform: uppercase;
    line-height: 27px;
}

.restrictions_title {
    background-image: url(images/rn_restrictions.gif);
    background-repeat: no-repeat;
    width: 182px;
    height: 27px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

.weight_rest_title {
    /*background-color: #959595;*/
    background-color: red;
    display: block;
    height: 27px;
    overflow: hidden;
    text-align: center;
    width: 182px !important;
    color: #FFF;
    font-size: 12px;
    /* 	font-family:helvetica; */
    font-weight: bold;
    line-height: 27px;
}

#ctl00_RightNavBar_fRestrict1_tblWeightRestriction, #ctl00_RightNavBar_fRestrict1_tblVolumeRestriction {
    width: 182px !important;
}

/* this is the correct style sheet file */
.volume_rest_title {
    /*background-color: #959595;*/
    background-color: red;
    display: block;
    height: 27px;
    overflow: hidden;
    text-align: center;
    width: 182px !important;
    color: #FFF;
    font-size: 12px;
    /* 	font-family:helvetica; */
    font-weight: bold;
    line-height: 27px;
}

.spending_rest_title {
    /*background-color: #959595;*/
    background-color: red;
    display: block;
    height: 27px;
    overflow: hidden;
    text-align: center;
    width: 182px !important;
    color: #FFF;
    font-size: 12px;
    /* 	font-family:helvetica; */
    font-weight: bold;
    line-height: 27px;
}

.spending_rest_title_ogiginal {
    background-image: url(images/rn_spending_rest.gif);
    background-repeat: no-repeat;
    width: 182px;
    height: 27px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}

.food_rest_title {
    /*background-color: #959595;*/
    background-color: red;
    display: block;
    height: 27px;
    overflow: hidden;
    text-align: center;
    width: 182px !important;
    color: #FFF;
    font-size: 12px;
    /* 	font-family:helvetica; */
    font-weight: bold;
    line-height: 27px;
}

.hygiene_rest_title {
    /*background-color: #959595;*/
    background-color: red;
    display: block;
    height: 27px;
    overflow: hidden;
    text-align: center;
    width: 182px !important;
    color: #FFF;
    font-size: 12px;
    /* 	font-family:helvetica; */
    font-weight: bold;
    line-height: 27px;
}

/*.quickorder_title
{
    font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color: #ffffff;
    text-decoration: none;
    text-align:center;
    padding-left:5px;
    line-height: 14pX;
    background-image: url(images/quickorder_title.gif);
    background-repeat:no-repeat;
    display:block;
    border:0px solid;
    border-color:Blue;
    cursor:pointer;
}*/
.quickorder_title a:link {
    color: #ffffff;
    text-decoration: none;
}

.quickorder_title a:active {
    color: #ffffff;
    text-decoration: none;
}

.quickorder_title a:visited {
    color: inherit;
    text-decoration: none;
}

.quickorder_title a:hover {
    color: #ffffff;
    text-decoration: underline;
    cursor: pointer;
}

.grey_outline {
    border: solid 1px #cbc9c9;
}

.grey_outline_sales {
    border: solid 1px #cbc9c9;
    width: 105px;
    height: 105px;
}

#head_black_box {
    width: 793px;
    float: right;
}

.head_search {
    width: 200px;
    padding-top: 6px;
    padding-left: 275px;
    padding-right: 0;
    float: left;
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica; */
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    box-sizing: content-box;
}

.head_go {
    background-image: url(images/head_go.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    color: #fff;
    margin-top: 2px;
}

    .head_go a:link {
        font-weight: bold;
        color: #ffffff;
        margin-top: 2px;
        text-decoration: none;
    }

    .head_go a:active {
        font-weight: bold;
        color: #ffffff;
        margin-top: 2px;
        text-decoration: none;
    }

    .head_go a:visited {
        font-weight: bold;
        color: inherit;
        margin-top: 2px;
        text-decoration: none;
    }

    .head_go a:hover {
        font-weight: bold;
        color: #ffffff;
        margin-top: 2px;
        text-decoration: underline;
    }

.head_search input {
    border: solid 0px #434242;
    margin-bottom: 3px;
    padding-bottom: 2px;
    border-style: solid;
    background-color: #dbdbdb;
}

.head_cart {
    height: 29px;
    width: auto;
    float: right;
    padding-right: 15px;
    margin: 2px 0px 0px 0px;
}

    .head_cart a:link {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Helvetica; */
        text-transform: uppercase;
        color: #000;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
        font-style: normal;
    }

    .head_cart a:active {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Helvetica; */
        text-transform: uppercase;
        color: #000;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
        font-style: normal;
    }

    .head_cart a: {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Helvetica; */
        text-transform: uppercase;
        color: #000;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
        font-style: normal;
    }

        .head_cart a:hover {
            /*     font-family: Helvetica, Arial, Tahoma, Arial, Helvetica; */
            text-transform: uppercase;
            color: #e60000;
            text-decoration: underline;
            font-size: 10px;
            font-weight: bold;
            font-style: normal;
        }

#posterImage {
    height: 192px;
    width: 680px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(images/main_image.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

#contentblock {
    width: 1000px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: auto;
    background-image: url(images/ln_bg.gif);
    background-repeat: repeat-y;
}

#leftnav {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#leftnav_category {
    width: 300px;
}

.top_ln_title_plane {
    background-image: url(images/h_title_bg_plane.gif);
    background-repeat: no-repeat;
    height: 27px;
    width: 205px;
    display: block;
    padding: 0px 0px 0px 0px;
}

.top_ln_title {
    background-image: url(images/h_title_bg.gif);
    background-repeat: no-repeat;
    display: block;
    height: 27px;
    /*     font-family: Helvetica, Arial, Tahoma, Arial, Helvetica; */
    text-transform: uppercase;
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}

.ln_title_helful_info {
    background-image: url(images/ln_helpful_Info.gif);
    background-repeat: no-repeat;
    width: 205px;
    height: 27px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

/* Updated for Localization site 06-2017-- Izzy */

.ln_return_cust_login {
    width: 190px;
    height: 34px;
    overflow: hidden;
    display: block;
    padding-left: 18px;
    padding-top: 10px;
    font-weight: 900;
    background-color: gray;
    font-size: 12px;
    text-transform: uppercase;
    color: white;
}


/* END Updated for Localization site 06-2017 */


.ln_myaccount {
    background-image: url(images/h_myaccount.gif);
    background-repeat: no-repeat;
    width: 205px;
    height: 27px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.ln_email_newsletter {
    background-image: url(images/ln_emailupdates.gif);
    background-repeat: no-repeat;
    width: 190px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.ln_categories {
    background-color: #fead16;
    background-repeat: no-repeat;
    width: 190px;
    height: 27px;
    /*text-indent:-9999px;*/
    overflow: hidden;
    display: block;
}

    .ln_categories p {
        color: #FFF;
        font-size: 12px;
        /* 	font-family:helvetica; */
        margin: 0;
        border: 0;
        padding-top: 7px;
        padding-left: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }

.ln_sales {
    background-image: url(images/ln_sales.gif);
    background-repeat: no-repeat;
    width: 190px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

#newsletter {
    width: 180px;
    margin-left: 10px;
}

.ln_textbox {
    border: #b5b5b5 1px solid;
    background-color: #ffffff;
    font: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    width: 150px;
}

.ln_email {
    border: #b5b5b5 1px solid;
    background-color: #ffffff;
    font: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    width: 200px;
}

#bodycontent {
    width: 488px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-top: 0px;
    float: right;
}

#BillingAddressTable {
    /*     font-family: Helvetica, Arial, Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    line-height: 14px;
}

#AddressTable {
    width: 100%
}

#logo {
    width: 207px;
    /*height:96px;*/
    float: left;
    display: block;
    text-indent: -9999px;
}

a.logo {
    margin: 25px 0px 0px 20px;
    width: 300px;
    height: 50px;
    text-indent: -9999px;
    display: block;
}

.shopcart_head {
    /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
    font-size: 11px;
    font-weight: bold;
    color: #000450;
    text-decoration: none;
}

#welcome {
    width: 700px;
    height: 25px;
    padding: 5px 7px 0px 30px;
    float: right;
    color: 000000;
}

.head_txt {
    /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
    font-size: 11px;
    font-weight: normal;
    color: #255479;
    text-decoration: none;
}

    .head_txt a:link {
        /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
        font-size: 11px;
        font-weight: normal;
        color: #255479;
        text-decoration: underline;
    }

    .head_txt a:active {
        /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
        font-size: 11px;
        font-weight: normal;
        color: #255479;
        text-decoration: underline;
    }

    .head_txt a:visited {
        /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
        font-size: 11px;
        font-weight: normal;
        color: inherit;
        text-decoration: underline;
    }

    .head_txt a:hover {
        /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
        font-size: 11px;
        font-weight: normal;
        color: #830808;
        text-decoration: none;
    }

#top_nav {
    width: 775px;
    height: 29px;
    padding: 7px 14px 0px 0px;
    float: right;
}

    #top_nav ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

#utTopMenuButtons > li {
    background-color: #fead16;
    border-left: 1px solid #fff;
    text-align: center;
    line-height: 30px;
}

#top_nav li {
    margin: 0px;
    padding: 0px;
    width: auto;
    height: 29px;
    float: right;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

#top_nav > ul > li {
    width: 100px;
}

#top_nav ul span {
    display: none;
}

#top_nav li a {
    display: block;
}

    #top_nav li a:hover {
        color: #000;
    }

#top_nav .tn-faq {
    cursor: pointer;
    position: relative;
}

    #top_nav .tn-faq:hover {
        color: #000;
    }

#top_nav .tn-livechat {
    width: 117px;
}

/* BEGIN TopNAV Width Fix for Localization 09-2017 -- Izzy */

.es #top_nav .tn-livechat {
    width: 145px;
}

.es a.livechat {
    padding-right: 45px;
}

/* END TopNAV Width Fix for Localization 09-2017 -- Izzy */


#top_nav .tn-special {
    display: none !important;
}

#top_nav .tn-newproduct {
    display: none !important;
}

.floating_cart {
    width: 180px;
}

.floating_cart_outline {
    border: solid 1px #d8d8d8;
    width: auto;
    display: block;
}

a.new_product {
    /*background:url(images/nav_newprod.gif); */
    background-repeat: no-repeat;
    height: 24px;
    width: 119px;
    overflow: hidden;
}

    a.new_product:hover {
        background-position: 0 -24px;
        overflow: hidden;
    }

a.home {
    height: 24px;
    width: 99px;
    overflow: hidden;
    background-repeat: no-repeat;
}

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

a.special {
    height: 24px;
    width: 84px;
    overflow: hidden;
}

    a.special:hover {
        background-position: 0 -24px;
    }

a.myaccount {
    height: 24px;
    width: 99px;
    overflow: hidden;
    background-repeat: no-repeat;
}

    a.myaccount:hover {
        background-position: 0 -24px;
    }

a.contactus {
    height: 24px;
    width: 99px;
    overflow: hidden;
}

    a.contactus:hover {
        background-position: 0 -24px;
        overflow: hidden;
    }

a.livechat {
    background-image: url(images/livechat.png);
    background-repeat: no-repeat;
    background-position: right 0;
    background-size: 29%;
    box-sizing: border-box;
    display: inline !important;
    height: 24px;
    overflow: hidden;
    background-repeat: no-repeat;
    padding-right: 31px;
}

    a.livechat:hover {
        overflow: hidden;
    }

/* faqnav no longer a link */
/*
a.faqnav
{
    background:url(images/nav_faq.gif);
    height:24px;
    width:117px;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat: no-repeat;
}

a.faqnav:hover
{
    background-position: 0 -24px;
    overflow:hidden;
}
*/


.faqnav {
    /* background:url(images/nav_faq.gif); */
    height: 28px;
    width: 100px;
    overflow: hidden;
}

    .faqnav:hover {
        overflow: hidden;
    }

.faqdrop {
    top: 29px;
}

    .faqdrop > li {
        display: block;
        clear: both;
        font-weight: normal !important;
        font-size: 12px;
        text-align: right;
        text-transform: none !important;
    }

/* Updated for Localization 06-2017 -- Izzy */
ul.faqdrop > li {
    margin-bottom: .75em;
    line-height: 1;
}

#top_nav ul.faqdrop > li {
    margin-bottom: .5em;
}
/* End Localization Updated 06-2017 */

#top_link {
    background-image: url(images/toplink_bg.jpg);
    background-repeat: repeat-x;
    height: 65px;
    width: 770px;
}

#header {
    height: 97px;
    width: 1000px;
    background-image: url(images/header_bg.gif);
    background-repeat: no-repeat;
}

.mt_top_bg {
    background-image: url(images/mt_top_bg.jpg);
    background-repeat: repeat-x;
}

.mt_top_bg_grey {
    background-image: url(images/mt_top_bg_grey.jpg);
    background-repeat: repeat-x;
}

.mt_botm_bg {
    background-image: url(images/mt_botm_bg.jpg);
    background-repeat: repeat-x;
}

.mt_left {
    background-image: url(images/mt_left.jpg);
    background-repeat: repeat-y;
}

.mt_right {
    background-image: url(images/mt_right.jpg);
    background-repeat: repeat-y;
    background-position: right;
}

.ln_bg {
    background-image: url(images/ln_bg.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 205px;
    display: block;
}

#spacer {
    height: auto;
}
/* Text Class */

.ignify-paging {
    border: 1px solid #CCC;
    padding: 3px;
    margin: 10px auto;
    font-size: 11px;
}

p {
    font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #555555;
}

.blue_head_title {
    /*     font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-top: 1px;
    background-image: url(images/mt_top_bg.jpg);
    background-repeat: repeat-x;
}

.blue_head {
    /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 12px;
    font-weight: bold;
    color: #d32805;
    text-transform: uppercase;
    padding-top: 1px;
}

    .blue_head a:hover {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: underline;
        padding-top: 1px;
    }

.White_head {
    /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    font-weight: bold;
    color: White;
    text-transform: uppercase;
    padding-top: 1px;
}

.blue_head_big {
    /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 15px;
    font-weight: bold;
    color: #000450;
    padding-top: 3px;
}

.ln_dottedline {
    background-image: url(images/ln_dottedline.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 190px;
    height: 10px;
}

.leftnav_links {
    /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    color: #16486d;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    line-height: 2;
}

    .leftnav_links a:link {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        color: #16486d;
        text-decoration: none;
        padding: 0px 0px 2px 0px;
        display: block;
    }

    .leftnav_links a:visited {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        color: inherit;
        text-decoration: none;
        display: block;
    }

    .leftnav_links a:hover {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        color: #FF0000;
        text-decoration: underline;
        display: block;
    }

.leftnav_links_sm {
    /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 10px;
    color: #16486d;
}

    .leftnav_links_sm a:link {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 10px;
        color: #16486d;
        text-decoration: none;
    }

    .leftnav_links_sm a:visited {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 10px;
        color: inherit;
        text-decoration: none;
    }

    .leftnav_links_sm a:active {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 10px;
        color: #16486d;
        font-weight: bold;
        text-decoration: none;
    }

    .leftnav_links_sm a:hover {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 10px;
        color: #FF0000;
        text-decoration: none;
    }

.leftnav_links ul li {
    padding: 0px;
    margin: 0px;
    /*list-style-image: url(images/ln_bullets.gif);*/
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.button_links {
    /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    color: #FF0000;
}

    .button_links a:link {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        color: #FF0000;
        text-decoration: none;
    }

    .button_links a:active {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        color: #FF0000;
        text-decoration: none;
    }

    .button_links a:visited {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        color: inherit;
        text-decoration: none;
    }

    .button_links a:hover {
        /*     font-family:'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        color: #FF0000;
        text-decoration: none;
    }

.leftnav_links ul {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    margin: 0px;
    /*list-style-image: url(images/ln_bullets.gif);*/
    list-style-type: none;
}

.leftnav_links li {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
    /*list-style-image: url(images/ln_bullets.gif);*/
    vertical-align: middle;
}

.dottedline {
    background-image: url(images/dottedline.gif);
    background-repeat: repeat-x;
    background-position: center;
    height: 10px;
}

.dottedline_orange {
    background-image: url(images/dottedline_orange.gif);
    background-repeat: repeat-x;
    background-position: center;
    height: 10px;
}

.btnClass {
    /*     font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-position: center;
    line-height: 14pX;
    background-image: url(images/btn_blue_bg.jpg);
    background-repeat: repeat;
    border: 0px solid;
    border-color: Blue;
    padding-left: 3px;
    padding-right: 3px;
    cursor: hand;
}

    .btnClass a:link {
        /*     font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_blue_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btnClass a:active {
        /*     font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_blue_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btnClass a:visited {
        /*     font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        font-weight: bold;
        color: inherit;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_blue_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btnClass a:hover {
        /*     font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: underline;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_blue_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

.btnClass_orange {
    /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-position: center;
    line-height: 14pX;
    background-image: url(images/btn_red_bg_new.jpg);
    background-repeat: repeat;
    border: 0px solid;
    border-color: Blue;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

    .btnClass_orange a:link {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_orange_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btnClass_orange a:active {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_orange_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btnClass_orange a:visited {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 12px;
        font-weight: bold;
        color: inherit;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_orange_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btnClass_orange a:hover {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: underline;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_orange_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

.btn_blue {
    /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-position: center;
    width: auto;
    line-height: 19px;
    background-image: url(images/btn_blue_bg.gif);
    background-repeat: repeat;
    border: 0px solid;
    border-color: Blue;
    cursor: pointer;
}

    .btn_blue a:link {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_blue_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btn_blue a:active {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_blue_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btn_blue a:visited {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: inherit;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_blue_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
    }

    .btn_blue a:hover {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: underline;
        background-position: center;
        line-height: 14pX;
        background-image: url(images/btn_blue_bg.jpg);
        background-repeat: repeat;
        border: 0px solid;
        border-color: Blue;
        cursor: pointer;
    }

.btn_orange {
    /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-position: center;
    line-height: 19px;
    background-image: url(images/btn_orange_bg.jpg);
    background-repeat: repeat;
    border: 0px solid;
    border-color: Blue;
}

    .btn_orange a:link {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
    }

    .btn_orange a:visited {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: inherit;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
    }

    .btn_orange a:hover {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }
/*-------------New----------*/
.btn_redround {
    /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-position: center;
    line-height: 19px;
    height: 21px;
    cursor: pointer;
    background-color: #ffffff;
    border: 0px solid;
}

    .btn_redround a:link {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
    }

    .btn_redround a:visited {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: inherit;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
    }

    .btn_redround a:hover {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }



.btn_red {
    /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background-position: center;
    line-height: 19px;
    height: 21px;
    background-image: url(images/btn_red_bg_new.jpg);
    background-repeat: repeat;
    border: 0px solid;
    border-color: Blue;
    cursor: pointer;
}

    .btn_red a:link {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
    }

    .btn_red a:visited {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: inherit;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
    }

    .btn_red a:hover {
        /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        background-position: center;
        line-height: 14pX;
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }
/*--------------end-------------*/
.btn_yellow {
    /*     font-family: Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
    padding-left: 13px;
    line-height: 14pX;
    background-image: url(images/btn_yellow_bg.jpg);
    background-repeat: repeat;
    border: 0px solid;
    border-color: Blue;
    cursor: pointer;
}

    .btn_yellow a:link {
        color: #ffffff;
        text-decoration: none;
    }

    .btn_yellow a:active {
        color: #ffffff;
        text-decoration: none;
    }

    .btn_yellow a:visited {
        color: inherit;
        text-decoration: none;
    }

    .btn_yellow a:hover {
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }

#login {
    width: 180px;
    padding: 0px;
    margin-left: 12px;
}
/*.ln_login
{
    color:#000450;
    font-size:11px;
    width:190px;
}*/
input {
    /*     font:Helvetica, Arial, Tahoma, Aria?, Verdana, Helvetica; */
    font-size: 11px;
}

select {
    /*     font:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
}

.textbox {
    border: #000000 1px solid;
    background-color: #ffffff;
    /*     font:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
}

.label {
    border: #000000 1px solid;
    background-color: #ffffff;
    /*     font:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
}

.textinput {
    /*     font:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
}

.red_txt {
    /*     font:Helvetica, Arial, Tahoma, Arial, Helvetica, verdana; */
    font-size: 11px;
    color: Red;
}

.red_text {
    /*     font:Helvetica, Arial, Tahoma, Arial, Helvetica, verdana; */
    font-size: 11px;
    color: Red;
}

.red_txtBig {
    /*     font:Helvetica, Arial, Tahoma, Arial, Helvetica, verdana; */
    font-size: 13px;
    color: #d32805;
    font-weight: bold;
    padding: 10px 0px 5px 10px;
    border-bottom: solid 2px #b5b5b5;
}

.astrix {
    /*     font:Helvetica, Arial, Tahoma, Arial, Helvetica, verdana; */
    font-size: 11px;
    color: Red;
}

.blue_txt {
    /*     font-family:Verdana, Tahoma, Arial,  Helvetica; */
    font-size: 11px;
    color: #515558;
    line-height: 13px;
}

.white_txt {
    /*     font-family:Verdana, Tahoma, Arial,  Helvetica; */
    font-size: 11px;
    color: #ffffff;
    line-height: 13px;
}

.redsubhead_txt {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    color: #d42905;
    font-weight: bold;
    line-height: 13px;
}

.blue_txt_cmpny {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    color: #16486d;
    /*font-weight:bold;*/
}

.addressFix {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    color: #16486d;
    font-weight: bold;
    height: 21px;
}

.Orange_txt {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    color: #EF6A37;
    font-weight: bold;
}

.largeBlue_txt {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 13pt;
    color: #018bb9;
    font-weight: bold;
}

.green_txt {
    /*     font:Helvetica, Arial, Tahoma, Arial, Helvetica, verdana; */
    font-size: 11px;
    color: Green;
}

.blue_td {
    /*     font-family:Arial,Tahoma,  Verdana, Helvetica; */
    font-size: 12px;
    color: #16486d;
    font-weight: bold;
}

a_right {
    text-align: right;
}

.ln_txtlink {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    color: #16486d;
}

    .ln_txtlink a:link {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        color: #16486d;
        text-decoration: underline;
    }

    .ln_txtlink a:visited {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        color: inherit;
        text-decoration: underline;
    }

    .ln_txtlink a:hover {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        color: #FF0000;
        text-decoration: none;
    }

a:link {
    /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
    /* font-size:11px; */
    color: #333333;
    text-decoration: none;
}

a:visited {
    /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
    /* font-size:11px; */
    color: inherit;
    text-decoration: none;
}

a:hover {
    /*     font-family: Helvetica, Arial, Tahoma, Verdana, Arial; */
    /* font-size:11px; */
    color: #ff0000;
    text-decoration: none;
}

.copyright {
    /*     font-family: Helvetica, Arial, Tahoma, Arial, Helvetica, sans-serif; */
    font-size: 11px;
    /*     color: #ffffff; */
    text-decoration: none;
    background-position: center;
    text-align: center;
    line-height: 14px;
}


.prod_head {
    /*     font-family:Helvetica, Arial, Tahoma,  Arial, Helvetica; */
    color: #0048aa;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    vertical-align: top;
}

    .prod_head a {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica; */
        text-transform: uppercase;
        color: #0048aa;
        font-size: 11px;
        text-decoration: none;
        font-weight: bold;
        font-style: normal;
        line-height: 1.25;
    }

        .prod_head a:visited {
            /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica; */
            color: inherit;
        }

        /*
.prod_head a:active
{
    font-family:Helvetica, Arial, Tahoma, Arial, Helvetica;
    text-transform:uppercase;
    color: #0048aa;
    font-size:10px;
    text-decoration:none;
    font-weight:bold;
    font-style:normal;
}
.prod_head a:visited
{
    font-family:Helvetica, Arial, Tahoma, Arial, Helvetica;
    text-transform:uppercase;
    color: #0048aa;
    font-size:10px;
    text-decoration:none;
    font-weight:bold;
    font-style:normal;
}
*/
        .prod_head a:hover {
            color: #db1d01;
            /*     font-size:12px; */
            /*
    font-family: Helvetica, Arial, Tahoma, Arial, Helvetica;
    text-transform:uppercase;    
	text-decoration:underline;
    font-weight:bold;
    font-style:normal;
*/
        }

.bold_text {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.bold_text_italic {
    /*     font-family:Verdana, Tahoma, Arial, Helvetica; */
    font-size: 10px;
    color: #4F4278;
    font-weight: bold;
    font-style: normal;
}

.red_BigText {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica; */
    font-size: 11px;
    color: #4F4278;
    font-weight: bold;
    font-style: normal;
}

.orange_Text {
    /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
    font-size: 11px;
    color: #D46839;
    padding-left: 3px;
    font-Weight: bold;
}

.orange_ItalicText {
    /*     font-family:Arial, Verdana, Tahoma, Helvetica; */
    font-size: 11px;
    color: #D46839;
    padding-left: 3px;
    font-weight: bold;
    font-style: italic;
}

.grey_border {
    border: 1px solid #DBA38D;
}

.blue_BigText {
    /*     font-family:Arial, Tahoma, Verdana, Helvetica; */
    font-size: 11pt;
    color: #173D84;
    padding-left: 3px;
    font-weight: bold;
}

.blue_SubHead {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
    padding-top: 3px;
    padding-left: 6px;
    height: 18px;
    width: 100%;
    background-color: #edebeb;
}

.blue_header {
    /*     font-family:Verdana,Tahoma,Arial, Helvetica; */
    font-size: 12px;
    color: #173D84;
    padding-left: 3px;
    font-weight: bold;
}

.formhead {
    font-size: 11px;
    background-color: #424241;
    color: #fff;
    /*     font-family:Arial, Sans-Serif; */
    padding: 0px 1px 0px 1px;
    margin: 0 2px 0px 2px;
    border-bottom: solid 2px #B5B5B5;
    height: 24px;
    margin-top: 7px;
    font-weight: bold;
}

.TableHeader {
    font-size: 11px;
    background-color: #424241;
    color: #fff;
    /*     font-family:Arial, Sans-Serif; */
    padding: 0px 2px 0px 2px;
    margin: 0 2px 0px 2px;
    border-bottom: solid 2px #B5B5B5;
    height: 24px;
    margin-top: 7px;
    font-weight: bold;
}

.grey_bg_td {
    /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
    font-size: 11px;
    color: #173D84;
    padding-left: 3px;
    line-height: 14px;
    background-color: #F0F0EB;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .grey_bg_td a:link {
        /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
        font-size: 11px;
        color: #173D84;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: underline;
    }

    .grey_bg_td a:active {
        /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
        font-size: 11px;
        color: #173D84;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: underline;
    }

    .grey_bg_td a:visited {
        /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
        font-size: 11px;
        color: inherit;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: underline;
    }

    .grey_bg_td a:hover {
        /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
        font-size: 11px;
        color: #830808;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: underline;
    }

.grey_bg {
    /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
    font-size: 11px;
    color: #173D84;
    padding-left: 3px;
    line-height: 14px;
    background-color: #F0F0EB;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .grey_bg a:link {
        /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
        font-size: 11px;
        color: #173D84;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: underline;
    }

    .grey_bg a:active {
        /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
        font-size: 11px;
        color: #173D84;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: underline;
    }

    .grey_bg a:visited {
        /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
        font-size: 11px;
        color: inherit;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: underline;
    }

    .grey_bg a:hover {
        /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
        font-size: 11px;
        color: #830808;
        padding-top: 2px;
        padding-bottom: 2px;
        text-decoration: underline;
    }

.greyline {
    background-color: #D3D3D0;
    line-height: 1px;
}

.redline {
    background-color: red;
}

.blueline {
    background-color: #DDDFE0;
    line-height: 1px;
}

.price_text_bold {
    /*     font-family:Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #000450;
}

.red_btn {
    background-color: #FCFBEB;
    border: 1px solid #6F721E;
    /*     font-family:Helvetica, Arial, Tahoma,Verdana,  Arial, Helvetica; */
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5E5600;
}

.form_text_bold {
    font-family: Verdana,Tahoma, Arial, Helvetica;
    font-size: 11px;
    color: #16486d;
    font-weight: bold;
    line-height: 14px;
}

.form_text_bold_search {
    /*     font-family:Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 11px;
    color: #000450;
    font-weight: bold;
    line-height: 14px;
}

.form_text {
    /*     font-family:Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 11px;
    color: #4e4f4f;
    line-height: 14px;
}

.leading {
    line-height: 25px;
}

.form_text td {
    line-height: 16px;
}

.form_text a:link {
    /*     font-family:Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 11px;
    color: #4e4f4f;
    line-height: 14px;
    text-decoration: underline;
}

.fo?m_text a:active {
    /*     font-family:Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 11px;
    color: #4e4f4f;
    line-height: 14px;
    text-decoration: underline;
}

.form_text a:visited {
    /*     font-family:Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 11px;
    color: inherit;
    line-height: 14px;
    text-decoration: underline;
}

.form_text a:hover {
    /*     font-family:Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 11px;
    color: #4e4f4f;
    line-height: 14px;
    text-decoration: none;
}

.ParaBoldText {
    /*     font-family:Verdana,Tahoma,  Arial, Helvetica; */
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    line-height: 14px;
}

.MainContentHeader {
    /*     font-family:Helvetica, Arial, Tahoma, Verdana,Arial,  Helvetica; */
    font-size: 10pt;
    color: #173D84;
    padding-left: 3px;
    font-weight: bold;
}

.MyAcc_leftnav_links {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    color: #16486d;
    width: 175px;
    padding-left: 10px;
}

    .MyAcc_leftnav_links a:link {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        color: #16486d;
        text-decoration: none;
        padding-left: 3px;
    }

    .MyAcc_leftnav_links a:visited {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        color: inherit;
        text-decoration: none;
        padding-left: 3px;
    }

    .MyAcc_leftnav_links a:hover {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        color: #FF0000;
        text-decoration: none;
        padding-left: 3px;
    }

    .MyAcc_leftnav_links a:active {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        color: #16486d;
        text-decoration: none;
        padding-left: 3px;
    }

.center {
    text-align: center
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.light_bg {
    /* 	font-family:Helvetica, Arial, Tahoma,Verdana,  Arial, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    color: #565653;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    height: 18px;
    width: 100%;
    background-color: #E8E8E8;
}

.dark_border {
    border: 1px solid #000450;
}

.tab_bg {
    background-image: url(images/tab_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.lookup_search {
    background: url(images/lookupSearch.gif) no-repeat center center;
    width: 16px;
    margin-left: 3px;
    height: 16px;
    cursor: pointer;
    border: 0px;
}

.popupdiv {
    position: absolute;
    width: 456px;
    height: 300px;
    padding: 0px;
    background: #FFF;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #000;
    overflow: auto;
    margin-left: 3px;
}

.PopUpforWait {
    position: fixed;
    width: 200px;
    height: 100px;
    background: #E0E1E5;
    padding: 0px;
    border: 1px solid #ccc;
    color: #000;
    font: normal 12px Arial, Helvetica, sans-serif;
    overflow: auto;
    top: 50%;
    left: 50%;
}

.popupdivContainer {
    position: absolute;
    width: 462px;
    height: 315px;
    padding: 0px;
    border: 0px solid #ccc;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #000;
}

.white_bg_td {
    background-color: #F6F6F6;
    font-family: Helvetica, Arial, Tahoma, Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #173D84;
    padding-left: 3px;
    line-height: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.add_to_cart {
    background: url(images/addtocartQ.gif) no-repeat;
    width: 27px;
    height: 24px;
    background-color: #424241;
}

.quick_order_head {
    background: url(images/quick_order_top_bg.gif) repeat-y;
    width: 510px;
    height: 27px;
}

.quick_order_body {
    background: url(images/quick_order_body_bg.gif) repeat-y;
    width: 510px;
}

.quick_order_footer {
    background: url(images/quick_order_footer_bg.gif) repeat-y;
    width: 510px;
    height: 27px;
}

.quick_order_tablehead {
    background: url(images/quick_order_tabletop_bg.gif) repeat-y;
    width: 462px;
    height: 33px;
    text-align: center;
    margin-left: 0px;
}

    .quick_order_tablehead h2 {
        /* 	font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        padding: 12px 0 0 0px;
        margin: 0;
        line-height: 12px;
        text-align: left;
        text-indent: 46px;
        float: left;
    }

    .quick_order_tablehead a.close {
        background: url(images/close.gif) no-repeat;
        margin: 7px 9px 0 0;
        display: block;
        overflow: hidden;
        width: 22px;
        height: 22px;
        text-indent: -9999px;
        float: right;
    }

        .quick_order_tablehead a.close:hover {
            background-position: 100% -22px;
        }

.quick_order_tablebody {
    background: url(images/quick_order_tablebody_bg.jpg) repeat-y;
    width: 462px;
    margin-left: 0px;
    height: 325px;
}

    .quick_order_tablebody td {
        padding-left: 5px;
        padding-right: 5px;
    }

.quick_order_tablefooter {
    background: url(images/quick_order_tablefooter_bg.gif) repeat-y;
    width: 462px;
    height: 20px;
    text-align: center;
    margin-left: 0px;
}


.left-pan {
    width: 130px;
}

/* MAIN MENU STYLES */
.left-menu {
}

    .left-menu a:active {
    }

    .left-menu a:link {
    }

    .left-menu a:visited {
    }

    .left-menu a:hover {
    }

.left-menu2 {
}

    .left-menu2 a:link {
    }

    .left-menu2 a:active {
    }

    .left-menu2 a:visited {
    }

    .left-menu2 a:hover {
    }

.left-menu-selected {
}

.fade_Bg {
}

.imgBlueBg {
}
/*---------New CSS-----*/
.greytext {
    color: #5A5F62;
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 10px;
    font-weight: bold;
}

.darkbluetext {
    color: #00498F;
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 10px;
    font-weight: bold;
}

.ln_darkbluetext {
    color: #00498F;
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Verdana, Helvetica; */
    font-size: 11px;
    font-weight: bold;
    margin: 3px 10px 3px 10px;
    text-align: left;
}

.greylink {
    /*     font-family:Helvetica, Arial, Tahoma,  Arial, Helvetica; */
    color: #5A5F62;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    vertical-align: top;
}

    .greylink a {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica; */
        color: #5A5F62;
        font-size: 10px;
        text-decoration: none;
        font-weight: bold;
        font-style: normal;
    }

        .greylink a:visited {
            /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica; */
            color: inherit;
        }
        /*
.greylink a:active
{
    font-family:Helvetica, Arial, Tahoma, Arial, Helvetica;
    color: #5A5F62;
    font-size:10px;
    text-decoration:none;
    font-weight:bold;
    font-style:normal;
}
.greylink a:visited
{
    font-family:Helvetica, Arial, Tahoma, Arial, Helvetica;
    color: #4F4278;
    font-size:10px;
    text-decoration:none;
    font-weight:bold;
    font-style:normal;
}
*/
        .greylink a:hover {
            /*     font-family: Helvetica, Arial, Tahoma, Arial, Helvetica; */
            color: #db1d01;
            /*     text-decoration:underline; */
            /*     font-size:11px; */
            /*
    font-size:10px;
    font-weight:bold;
    font-style:normal;
*/
        }

.greylink2 {
    /*     font-family:Helvetica, Arial, Tahoma,  Arial, Helvetica; */
    color: #5A5F62;
    font-size: 10px;
    font-style: normal;
    vertical-align: top;
}

    .greylink2 a:hover {
        /*     font-family:Helvetica, Arial, Tahoma,  Arial, Helvetica; */
        color: #00498F;
        font-size: 10px;
        font-style: normal;
        vertical-align: top;
    }



/* Updated to non-image button for Localization site 06-2017-- Izzy */

/*  PREVIOUS VERSION WITH IMAGES UPDATE 6-20-2017
a.addtocart
{
    background:url(images/addtocart2.gif);
    height:18px;
    width:59px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    margin: 0px 5px;
    background-repeat: no-repeat;
}
*/

a.addtocart, a.addtocart:visited {
    height: 18px;
    width: 59px;
    margin: 0px 5px;
    background-color: lightgrey;
    color: #2157ae;
    font-family: Roboto Condensed;
    font-weight: 700;
    text-align: center;
    padding: 4px;
}

    a.addtocart:hover {
        /*
    background-position: 0 -18px;
    overflow:hidden;
*/
        text-decoration: none;
        color: red;
    }

/* END Updated to non-image button for Localization site 06-2017 */




.feature_prod {
    border-right: dotted 1px #d8d7d7;
    border-bottom: dotted 1px #d8d7d7;
}

.table_color {
    border: solid 1px #B5B5B5;
    margin: 5px 2px 2px 2px;
    width: 99.5%;
    text-align: left;
    margin-bottom: 8px;
}

    .table_color th {
        font-size: 11px;
        background-color: #424241;
        color: #fff;
        /*     font-family:Arial, Sans-Serif; */
        padding: 0px 2px 0px 2px;
        margin: 0 2px 0px 2px;
        border-bottom: solid 2px #B5B5B5;
        height: 24px;
        margin-top: 7px;
    }

    .table_color td {
        padding: 3px;
        border-right: solid 1px #fff;
        border-bottom: solid 1px #fff;
        color: #000;
        font-size: 11px;
        /*     font-family: Arial, Sans-Serif; */
    }

        .table_color td td {
            border: none;
        }

    .table_color .price {
        text-align: right;
        padding-right: 2px;
    }

    .table_color .qty {
        text-align: right;
        padding-right: 2px;
    }

    .table_color input {
        /*     font-family: Arial, Sans-Serif; */
        font-size: 11px;
    }

    .table_color a:link {
        /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica, sans-serif; */
        font-size: 11px;
        color: #d42905;
        text-decoration: underline;
        font-weight: normal;
    }

        .table_color a:link:hover {
            /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica, sans-serif; */
            font-size: 11px;
            color: #d42905;
            text-decoration: none;
            font-weight: normal;
        }

        .table_color a:link:active {
            /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica, sans-serif; */
            font-size: 11px;
            color: #000000;
            text-decoration: underline;
            font-weight: normal;
        }

        .table_color a:link:visited {
            /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica, sans-serif; */
            font-size: 11px;
            color: inherit;
            text-decoration: underline;
            font-weight: normal;
        }

.boxtitles2 {
    /*     font-family:Helvetica, Arial, Tahoma, Arial, Helvetica, sans-serif; */
    font-size: 11px;
    font-weight: bold;
    /*padding-left:20px;*/
    color: #fff;
    background-image: url(images/floating_cart_title.gif);
    background-repeat: no-repeat;
    height: 20px;
    display: block;
    padding-top: 7px;
    text-align: center;
}

.rboxcontent {
    border: solid 1px #C2C9D9;
    /*padding:5px;*/
}

/*-------------Collapsible Table-----*/
table.footcollapse {
    width: 16em;
}

    table.footcollapse caption {
        font-size: 11px;
        text-align: left;
        padding: 0em 0em;
    }

    table.footcollapse th {
        text-align: left;
    }

    table.footcollapse, table.footcollapse th, table.footcollapse th {
        border: none;
        border-collapse: collapse;
    }

        table.footcollapse thead th {
            width: 2em;
            padding: 0px 0px;
        }

        table.footcollapse tfoot th,
        table.footcollapse tfoot td {
            /*border-style:solid;
    border-width:1px;
    border-color:#9cf #369 #369 #9cf;*/
            padding: 0px 2px;
            background-color: #DFDFDF;
        }

        table.footcollapse tbody {
            background: #fff;
            font-weight: normal;
        }

            table.footcollapse tbody td {
                padding: 1px 0px;
                font-weight: normal;
            }

            table.footcollapse tbody th {
                padding: 1px 0px;
                font-weight: normal;
            }

            table.footcollapse tbody tr.odd {
                background: #fff;
                font-weight: normal;
            }

        table.footcollapse tfoot td img {
            border: none;
            vertical-align: bottom;
            padding-top: 5px;
            float: right;
        }
/*-------End-------------------------*/



/* Updated for Localization site 06-2017-- Izzy */


.ln_order_tracking {
    width: 190px;
    height: 34px;
    overflow: hidden;
    display: block;
    padding-left: 18px;
    padding-top: 10px;
    font-weight: 900;
    background-color: gray;
    font-size: 12px;
    text-transform: uppercase;
    color: white;
}

/* END Updated for Localization site 06-2017 */



.Show_Hide_Floatincart_Details {
    /*background-image: url(images/plus.gif);
    background-repeat:no-repeat;
    width:40%;
    height:40%;
    display:block; */
}

.ex_cl {
    text-align: right;
    cursor: pointer;
}

.plus_sign {
    cursor: pointer;
    float: right;
    vertical-align: top;
    margin: -21px 10px 0px 0px;
}

.control_box {
    /*cursor:pointer;
float:left;
border:solid 1px blue;*/
}

/* ajax__tab_xp-theme theme */
.ajax__tab_default .ajax__tab_header {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    /*     font-family:sans-serif; */
}

    .ajax__tab_default .ajax__tab_active .ajax__tab_outer,
    .ajax__tab_default .ajax__tab_header .ajax__tab_outer,
    .ajax__tab_default .ajax__tab_hover .ajax__tab_outer {
        height: 46px;
    }

    .ajax__tab_default .ajax__tab_active .ajax__tab_inner,
    .ajax__tab_default .ajax__tab_header .ajax__tab_inner,
    .ajax__tab_default .ajax__tab_hover .ajax__tab_inner {
        height: 46px;
        margin-left: 16px; /* offset the width of the left image */
    }

    .ajax__tab_default .ajax__tab_active .ajax__tab_tab,
    .ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
    .ajax__tab_default .ajax__tab_header .ajax__tab_tab {
        margin: 16px 16px 0px 0px;
    }

.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab {
    color: #FFF; /* FFF for others,000 for california */
}

.ajax__tab_default .ajax__tab_body {
    /*     font-family:verdana,tahoma,helvetica; */
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.TabStyle .ajax__tab_header {
    background: url(/App_Themes/default/images/tabsnew/tab_bg.gif) repeat-x;
}

.TabStyle .ajax__tab_hover .ajax__tab_outer,
.TabStyle .ajax__tab_active .ajax__tab_outer {
    background: url(/App_Themes/default/images/tabsnew/tab_left.gif) no-repeat left top;
}

.TabStyle .ajax__tab_hover .ajax__tab_inner,
.TabStyle .ajax__tab_active .ajax__tab_inner {
    background: url(/App_Themes/default/images/tabsnew/tab_right.gif) no-repeat right top;
}

.language_pos {
    float: right;
    margin-top: 5px;
}

.language_label {
    color: #ffffff;
}


UL#utTopMenuButtons UL {
    display: none;
    position: absolute;
    margin-left: -101px;
    width: 200px;
    color: #fff;
    background-color: #6c6c6c;
    list-style: none;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 15px;
    line-height: 2;
    box-sizing: border-box;
}

UL#utTopMenuButtons > LI:hover UL {
    display: block;
    background-color: rgba(101, 101, 101, 0.95);
}

/* This is just for IE */

UL#utTopMenuButtons > LI:active UL {
    display: block;
    /*
    background-color: #6c6c6c;
    box-sizing: border-box;
    top: 63px;
*/
}

/*
    For IE
.ie UL#utTopMenuButtons > LI:active UL{
    box-sizing: border-box;
    top: 63px; 
}
*/


/*
#utTopMenuButtons >ul >li {
	display: inline-block;
	position: relative;
}
*/

#top_nav a, a:visited {
    /* 	font-family: 'Roboto', Helvetica, Arial, Tahoma, Arial, Verdana, sans-serif; */
    color: inherit;
}

/*
#top_nav a:visited
{
	color: #fff;
}
*/


/*
#top_nav a:hover
{
	color: #545454;
}


#top_nav ul li ul li {
	float: left;
}


#top_nav ul li ul li a:visited{
	color: #fff;
}
*/

#top_nav ul li ul li a:hover {
    color: #959595;
}
/*
a#ctl00_Header1_TopNav_CustSvc {
    margin-right: 50px;
}

a#ctl00_Header1_TopNav_FAQ {
    margin-right: 50px;
}

a#ctl00_HeaderPan_TopNav_CustSvc {
    margin-right: 50px;
}

a#ctl00_HeaderPan_TopNav_FAQ {
    margin-right: 50px;
} */

/* Static Pages */

td#ctl00_MainContent_ThemedControlModule1_ThemeThemedControlModule1_tdContent {
    line-height: 1.1;
}

span.item_num {
    font-size: 10px;
    color: #000;
}

td.addcart_but {
    width: 75px;
    height: 25px;
    text-align: center;
}

/* This is for the Prepaid Buttons */

.prepaidrow {
    display: block;
    margin: .5em 0;
    width: auto;
    max-width: 18em;
}

.prepaidbtn {
    font-family: 'Roboto', Helvetica, Arial, Tahoma, Verdana, sans-serif;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    color: #3c9906;
    font-size: 1.25em;
    background: #9fdb7d;
    padding: .5em 1em .3em 1em;
    border: solid #89b86e .1em;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin: 0 .25em 0 0;
    width: 2em;
}

    .prepaidbtn.other {
        display: block;
        font-size: 1.1em;
        width: 82%;
        margin: .5em 0 0 0;
    }

    .prepaidbtn:hover {
        background: #3c9906;
        text-decoration: none;
        color: #ffffff;
    }

    .prepaidbtn:focus {
        background: #3c9906;
        text-decoration: none;
        color: #ffffff;
    }

    .prepaidbtn:active {
        background: #3c9906;
        text-decoration: none;
        color: #ffffff;
    }

    .prepaidbtn.selected {
        background: #3c9906;
        text-decoration: none;
        color: #ffffff;
    }


.otherform {
    display: none;
    padding-left: 1em;
}

    .otherform.selected {
        display: block;
    }

.instruct {
    font-size: .95em;
    color: #3c9906;
    display: inline-block;
}

.small {
    font-size: .85em;
    color: #7f7a7a;
    margin-top: .5em;
}




/* Mobile Screens */

@media only screen and (max-width: 768px) {

    UL#utTopMenuButtons > LI:focus UL {
        display: block;
        margin-left: -84px;
        width: 200px;
        color: #fff;
        background-color: #6c6c6c;
        background-color: rgba(101, 101, 101, 0.95);
        list-style: none;
        font-weight: 500;
        font-size: 16px;
        padding: 10px 15px;
        line-height: 2;
    }
}

/* Item Overlays - Added 09/07/2016 */

a.item-image {
    display: block;
    overflow: hidden;
    position: relative;
}

    a.item-image .item-ribbon {
        background-color: rgba(0, 0, 0, .65);
        color: #fff;
        font-family: 'Roboto', Arial, Helvetica, sans-serif;
        font-size: 11px;
        height: 18px;
        left: 0;
        line-height: 20px;
        position: absolute;
        text-align: center;
        top: 65%;
        width: 100%;
    }

    a.item-image .item-new,
    a.item-image .item-sale {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-indent: -999px;
        top: 0;
        width: 100%;
    }

    a.item-image .item-new {
        background: url(images/new.png) no-repeat top left;
        background-size: 60%;
    }

    a.item-image .item-sale {
        background: url(images/sale.png) no-repeat top left;
        background-size: 60%;
    }


/* Item Overlays for Localization 06-2017 -- Izzy */

.es a.item-image .item-new {
    background: url(images/new_es.png) no-repeat top left;
    background-size: 60%;
}

.es a.item-image .item-sale {
    background: url(images/sale_es.png) no-repeat top left;
    background-size: 60%;
}

/* END Item Overlays for Localization 06-2017 -- Izzy */



/* New footer styles - added 9/9/2016 */

#footer {
    padding: 15px 0;
}

.footer-left {
    float: left;
    overflow: hidden;
    /*width: 60%;*/
}

.footer-logos {
    background: url(images/footerlogos.gif) no-repeat top left;
    float: left;
    height: 53px;
    width: 272px;
}

.footer-trustwave {
    float: left;
    height: 53px;
    width: 105px;
}

.footer-powered-by-usd {
    background: url(images/footer_powerUSD.gif) no-repeat top left;
    float: left;
    height: 53px;
    width: 185px;
}

.footer-right {
    float: inherit;
    overflow: hidden;
    padding: 4px 0;
    text-align: center;
    /*width: 100%;
    width: 60.5%;*/
}

.footer-nav {
    padding-bottom: 3px;
}

/* Browser Check Modal - Added 9/12/2016 */

.modal-body h4 {
    line-height: 26px;
}

.modal-body p,
.modal-body ul {
    font-size: 14px;
    line-height: 19px;
}

/* for nypilot 30 minuites count down warning modals 11/24/2017 */

.alert {
    text-align: center;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1000px;
    width: 100%;
    z-index: 10000;
}

.alert-danger { /* RED */
    color: #f5f5f5;
    background-color: #e20000;
    border-color: #ebccd1;
}

.alert-warning { /* Yellow  */
    background-color: #ffe100;
}


.alert.alert-hidden {
    display: none
}


.alert.alert-show {
    display: block
}

.alert-hidden {
    display: none
}

.alert-show {
    display: block
}

.rbl input[type="radio"] {
    margin-left: 10px;
    margin-right: 10px;
}


.rbl td {
    border: 0px solid red; /* This is the border for gender Selection in the wwwroot\MasterTemplates\Ignify\Modules\QuaterPackScreenLeftSPO.ascx which is inside of unionsupply/SPOFacilitySelect.aspx */
    height: 20px;
    vertical-align: bottom;
}

tr.spaceUnder > td {
    padding-bottom: 5px;
}