/* Minification failed. Returning unminified contents.
(4579,40): run-time error CSS1019: Unexpected token, found ' '
(4579,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4635,47): run-time error CSS1030: Expected identifier, found '.'
(4635,72): run-time error CSS1031: Expected selector, found ')'
(4635,72): run-time error CSS1025: Expected comma or open brace, found ')'
 */

div.RadGrid
{
    outline-width: 0px !important;
}


.RadGrid_MetroTouch
{
    border: 1px solid #ddd;
    color: black;
    background-color: white;
    /*header*/
    /*rows*/
    /*footer*/
    /*status*/
    /*pager*/
    /*sorting, reordering*/
    /*filtering*/
    /*grouping*/
    /*editing*/
    /*hierarchy*/
    /*command row*/
}

.rgEditForm table table {
    border-spacing: 2px !important;
}

    .RadGrid_MetroTouch,
    .RadGrid_MetroTouch .rgMasterTable,
    .RadGrid_MetroTouch .rgDetailTable,
    .RadGrid_MetroTouch .rgGroupPanel table,
    .RadGrid_MetroTouch .rgCommandRow table,
    .RadGrid_MetroTouch .rgEditForm table,
    .RadGrid_MetroTouch .rgPager table
    {
        /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
        /*doug removed  font-weight: 100;
doug removed*/
        font-size: 16px; /*old*/
        font-size: 12px;
        font-size: 13px;
        /*line-height: 34px; 
  line-height: 26px;*/
        font-family: inherit;
        font-family: Verdana, Helvetica, sans-serif !important;
        font-family: Tahoma, Geneva, sans-serif !important;
    }

        .RadGrid_MetroTouch .rgHeader:first-child,
        .RadGrid_MetroTouch th.rgResizeCol:first-child,
        .RadGrid_MetroTouch .rgFilterRow > td:first-child,
        .RadGrid_MetroTouch .rgRow > td:first-child,
        .RadGrid_MetroTouch .rgAltRow > td:first-child
        {
            border-left-width: 0;
            padding-left: 8px;
        }

        .RadGrid_MetroTouch .rgUpdate,
        .RadGrid_MetroTouch .rgCancel,
        .RadGrid_MetroTouch .rgEdit,
        .RadGrid_MetroTouch .rgDel,
        .RadGrid_MetroTouch .rgExpand,
        .RadGrid_MetroTouch .rgCollapse,
        .RadGrid_MetroTouch .rgFilter,
        .RadGrid_MetroTouch .rgAdd,
        .RadGrid_MetroTouch .rgRefresh,
        .RadGrid_MetroTouch .rgSortAsc,
        .RadGrid_MetroTouch .rgSortDesc,
        .RadGrid_MetroTouch .rgUngroup,
        .RadGrid_MetroTouch .rgPagePrev,
        .RadGrid_MetroTouch .rgPageNext,
        .RadGrid_MetroTouch .rgPageFirst,
        .RadGrid_MetroTouch .rgPageLast
        {
            /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
            width: 21px;
            height: 21px;
        }

        .RadGrid_MetroTouch .rgHeader,
        .RadGrid_MetroTouch th.rgResizeCol
        {
            border: 0;
            border-bottom: 1px solid #cdcdcd;
            border-top: 1px solid #cdcdcd;
            border-left: 1px solid #cdcdcd;
            background-color: #f5f5f5;
        }

        .RadGrid_MetroTouch th.rgSorted
        {
            background-color: #25a0da;
        }

        .RadGrid_MetroTouch .rgHeader,
        .RadGrid_MetroTouch .rgHeader a
        {
            color: #555555;
        }

        .RadGrid_MetroTouch th.rgSorted,
        .RadGrid_MetroTouch th.rgSorted a
        {
            color: white;
        }

        .RadGrid_MetroTouch .rgRow td,
        .RadGrid_MetroTouch .rgAltRow td,
        .RadGrid_MetroTouch .rgFooter td
        {
            border: 0;
            /* doug added */
            /*padding-top: 0px !important;
  padding-bottom: 0px !important;*/
        }

        .RadGrid_MetroTouch .rgEditRow td
        {
            border-style: solid;
            border-width: 0 0 1px 1px;
            border-color: #e8e8e8;
        }

        .RadGrid_MetroTouch .rgRow td
        {
            border-style: solid;
            border-width: 0 0 1px 1px;
            border-color: white;
        }

        .RadGrid_MetroTouch .rgAltRow
        {
            background: #f5f5f5;
        }

            .RadGrid_MetroTouch .rgAltRow td
            {
                border-color: #f5f5f5;
                border-width: 0 0 1px 1px;
                border-style: solid;
            }

        .RadGrid_MetroTouch td.rgSorted
        {
            background-color: #f0f0f0;
            border-color: #f0f0f0;
        }

        .RadGrid_MetroTouch .rgAltRow td.rgSorted
        {
            background-color: #e9e9e9;
            border-color: #e9e9e9;
        }

        .RadGrid_MetroTouch .rgSelectedRow .rgSorted,
        .RadGrid_MetroTouch .rgActiveRow .rgSorted,
        .RadGrid_MetroTouch .rgHoveredRow .rgSorted,
        .RadGrid_MetroTouch .rgEditRow .rgSorted
        {
            background-color: transparent;
            border-color: transparent;
        }

        .RadGrid_MetroTouch .rgRow a,
        .RadGrid_MetroTouch .rgAltRow a,
        .RadGrid_MetroTouch tr.rgEditRow a,
        .RadGrid_MetroTouch .rgFooter a,
        .RadGrid_MetroTouch .rgEditForm a
        {
            color: black;
        }

        .RadGrid_MetroTouch .rgHoveredRow
        {
            background: #e8e8e8;
            border-color: #e8e8e8;
        }

        .RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
        .RadGrid_MetroTouch .rgSelectedRow,
        .RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
        .RadGrid_MetroTouch .rgSelectedRow td.rgSorted
        {
            color: white;
            background: rgba(37, 160, 218, 0.35);
        }

            .RadGrid_MetroTouch .rgSelectedCell a,
            .RadGrid_MetroTouch .rgSelectedRow a
            {
                color: white;
            }

        .RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
        .RadGrid_MetroTouch .rgActiveRow
        {
            background: #fff;
            color: black;
        }

        .RadGrid_MetroTouch .rgMasterTable .rgActiveCell
        {
            border-color: #25a0da;
            border-right-width: 1px;
        }

        .RadGrid_MetroTouch .rgActiveCell a,
        .RadGrid_MetroTouch .rgActiveRow input,
        .RadGrid_MetroTouch .rgActiveRow a
        {
            color: black;
        }

        * + html .RadGrid_MetroTouch .rgSelectedRow .rgSorted
        {
            background-color: #25a0da;
        }

        * html .RadGrid_MetroTouch .rgSelectedRow .rgSorted
        {
            background-color: #25a0da;
        }

        * + html .RadGrid_MetroTouch .rgActiveRow .rgSorted, * + html .RadGrid_MetroTouch .rgHoveredRow .rgSorted
        {
            background-color: #e8e8e8;
        }

        * html .RadGrid_MetroTouch .rgActiveRow .rgSorted, * html .RadGrid_MetroTouch .rgHoveredRow .rgSorted
        {
            background-color: #e8e8e8;
        }

        .RadGrid_MetroTouch .rgEditRow
        {
            background: #cdcdcd;
        }

            * + html .RadGrid_MetroTouch .rgEditRow .rgSorted
            {
                background-color: #cdcdcd;
            }

            * html .RadGrid_MetroTouch .rgEditRow .rgSorted
            {
                background-color: #cdcdcd;
            }

        .RadGrid_MetroTouch .rgHoveredRow td,
        .RadGrid_MetroTouch .rgHoveredRow td.rgSorted
        {
            border-color: #e8e8e8;
        }

        .RadGrid_MetroTouch .rgActiveRow td,
        .RadGrid_MetroTouch .rgActiveRow td.rgSorted,
        .RadGrid_MetroTouch .rgSelectedRow td,
        .RadGrid_MetroTouch .rgSelectedRow td.rgSorted
        {
            border-color: rgba(37, 160, 218, 0.35);
        }

        .RadGrid_MetroTouch .rgEditRow td,
        .RadGrid_MetroTouch .rgEditRow td.rgSorted
        {
            border-color: #cdcdcd;
        }

        .RadGrid_MetroTouch .rgDrag
        {
            background-image: url('Grid/rgDrag.gif');
        }

        .RadGrid_MetroTouch .rgFooterDiv,
        .RadGrid_MetroTouch .rgFooter
        {
            background: white;
        }

            .RadGrid_MetroTouch .rgFooter td
            {
                border-top: 1px solid;
                border-color: #999 #e4e4e4;
            }

        .RadGrid_MetroTouch .rgPager .rgStatus
        {
            border: solid;
            border-color: #cdcdcd;
            border-width: 1px 0 0 0;
        }

        .RadGrid_MetroTouch .rgStatus div
        {
            background-image: url('Common/loading_small.gif');
            width: 40px;
        }

        .RadGrid_MetroTouch td.rgPagerCell
        {
            border: solid;
            border-color: #cdcdcd;
            border-width: 1px 0 0 1px;
        }

        .RadGrid_MetroTouch .rgPager > td > table
        {
            height: 50px;
        }

        .RadGrid_MetroTouch .rgPager .riTextBox
        {
            height: 29px;
            height: 29px;
        }

        .RadGrid_MetroTouch .rgPager .riSingle .riTextBox
        {
            height: 36px;
        }

        .RadGrid_MetroTouch .rgInfoPart
        {
            color: #777;
        }

            .RadGrid_MetroTouch .rgInfoPart strong
            {
                color: black;
            }

        .RadGrid_MetroTouch .rgWrap
        {
            line-height: 34px; /*old*/
            line-height: 26px;
            line-height: normal;
        }

        .RadGrid_MetroTouch .rgPagePrev,
        .RadGrid_MetroTouch .rgPageNext,
        .RadGrid_MetroTouch .rgPageFirst,
        .RadGrid_MetroTouch .rgPageLast
        {
            border-radius: 16px;
            -moz-border-radius: 16px;
            -webkit-border-radius: 16px;
            -khtml-border-radius: 16px;
            width: 30px;
            height: 30px;
            border: 1px solid #cdcdcd;
            background-color: #f9f9f9;
        }

            .RadGrid_MetroTouch .rgPagePrev:hover,
            .RadGrid_MetroTouch .rgPageNext:hover,
            .RadGrid_MetroTouch .rgPageFirst:hover,
            .RadGrid_MetroTouch .rgPageLast:hover
            {
                background-color: #e8e8e8;
            }

            .RadGrid_MetroTouch .rgPagePrev:active,
            .RadGrid_MetroTouch .rgPageNext:active,
            .RadGrid_MetroTouch .rgPageFirst:active,
            .RadGrid_MetroTouch .rgPageLast:active
            {
                border-coor: #25a0da;
                color: black;
                background-color: #25a0da;
            }

        .RadGrid_MetroTouch .rgPageFirst
        {
            background-position: -11px -311px;
        }

            .RadGrid_MetroTouch .rgPageFirst:active
            {
                background-position: -111px -311px;
            }

        .RadGrid_MetroTouch .rgPagePrev
        {
            background-position: -11px -111px;
        }

            .RadGrid_MetroTouch .rgPagePrev:active
            {
                background-position: -111px -111px;
            }

        .RadGrid_MetroTouch .rgPageNext
        {
            background-position: -11px -161px;
        }

            .RadGrid_MetroTouch .rgPageNext:active
            {
                background-position: -111px -161px;
            }

        .RadGrid_MetroTouch .rgPageLast
        {
            background-position: -11px -361px;
        }

            .RadGrid_MetroTouch .rgPageLast:active
            {
                background-position: -111px -361px;
            }

        .RadGrid_MetroTouch .rgPager .rgPagerButton
        {
            border-color: #25a0da;
            background: #25a0da;
            color: white;
            height: 36px;
            /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
            /*doug removed  font-weight: 100;
doug removed*/
            font-size: 16px; /*old*/
            font-size: 12px;
            font-size: 13px;
            line-height: 34px; /*old*/
            line-height: 26px;
            line-height: normal;
            font-family: inherit;
            font-family: Verdana, Helvetica, sans-serif !important;
            font-family: Tahoma, Geneva, sans-serif !important;
        }

        .RadGrid_MetroTouch .rgNumPart a
        {
            border: 1px solid white;
            line-height: 28px;
            min-width: 28px;
            padding: 0;
            color: black;
            border-radius: 16px;
            -moz-border-radius: 16px;
            -webkit-border-radius: 16px;
            -khtml-border-radius: 16px;
            text-align: center;
        }

div.RadGrid_MetroTouch .rgNumPart span
{
    float: none;
    padding: 0;
}

.RadGrid_MetroTouch .rgNumPart a:hover
{
    background-color: #f9f9f9;
    border-color: #cdcdcd;
}

.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage,
.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover
{
    background-color: #25a0da;
    border: 1px solid #25a0da;
    color: white;
}

.RadGrid_MetroTouch .rgPager .riTextBox
{
    vertical-align: top;
}

.RadGrid_MetroTouch .rgHeader .rgSortAsc,
.RadGrid_MetroTouch .rgHeader .rgSortDesc
{
    height: 10px;
    float: left;
    margin: 12px 2px 0 0;
}

.RadGrid_MetroTouch .rgHeader .rgSortAsc
{
    background-position: -120px -20px;
}

.RadGrid_MetroTouch .rgHeader .rgSortDesc
{
    background-position: -120px -70px;
}

.RadGrid .rgRow td, .RadGrid .rgAltRow td, 
.RadGrid .rgEditRow td, .RadGrid .rgFooter td 
/*,.RadGrid .rgFilterRow td, 
.RadGrid .rgHeader, .RadGrid .rgResizeCol, 
.RadGrid .rgGroupHeader td*/
{
    /*padding-left: 4px !important;*/
    padding-right: 2px !important;
}

.RadGrid_MetroTouch .rgFilterRow td
{
    padding-left: 8px !important; /*one extra pixel so it will line up with other rows who have left border */
    /*padding-left: 4px !important;*/
    padding-right: 2px !important;
    padding-top: 7px !important;
    border-bottom: 1px solid #cdcdcd;
}

.RadGrid_MetroTouch .rgFilter
{
    width: 36px;
    height: 36px;
    background-position: -7px -3507px;
    border: 1px solid #cdcdcd;
}

.RadGrid_MetroTouch .rgFilterActive,
.RadGrid_MetroTouch .rgFilterActive:hover
{
    background-position: -8px -3508px;
}

.RadGrid_MetroTouch .rgFilterBox
{
    border-color: #cdcdcd;
    /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
    /*doug removed  font-weight: 100;
doug removed*/
    font-size: 16px; /*old*/
    font-size: 12px;
    font-size: 13px;
    line-height: 34px; /*old*/
    line-height: 26px;
    line-height: normal;
    font-family: inherit;
    font-family: Verdana, Helvetica, sans-serif !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    color: black;
    height: 29px;
}

.RadGrid_MetroTouch .rgFilterRow .riSingle .riTextBox
{
    height: 36px;
    vertical-align: top;
}

.RadGrid_MetroTouch .rgGroupPanel
{
    border: 0;
    border-bottom: 1px solid white;
    background: #25a0da;
    color: white;
    padding: 10px;
    height: 34px; /*old*/
    height: 26px;
}

    .RadGrid_MetroTouch .rgGroupPanel td
    {
        border: 0;
        padding: 3px 4px;
    }

        .RadGrid_MetroTouch .rgGroupPanel td td
        {
            padding: 0;
            color: white;
            line-height: 1px;
        }

        * + html .RadGrid_MetroTouch .rgGroupPanel td td
        {
            line-height: 20px;
        }

    .RadGrid_MetroTouch .rgGroupPanel .rgSortAsc
    {
        background-position: -114.5px -14.5px;
    }

    .RadGrid_MetroTouch .rgGroupPanel .rgSortDesc
    {
        background-position: -114.5px -64.5px;
    }

.RadGrid_MetroTouch .rgUngroup
{
    background-position: -114.5px -2664.5px;
}

.RadGrid_MetroTouch .rgGroupItem
{
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border: 1px solid white;
    color: white;
    padding: 0 5px 1px 10px;
}

.RadGrid_MetroTouch .rgMasterTable td.rgGroupCol,
.RadGrid_MetroTouch .rgMasterTable td.rgExpandCol
{
    border-color: #e8e8e8;
    background: #e8e8e8 none;
}

.RadGrid_MetroTouch .rgGroupHeader
{
    background: #e8e8e8;
    font-size: 1.1em;
    line-height: 34px; /*old*/
    line-height: 26px;
    line-height: normal;
    color: black;
}

    .RadGrid_MetroTouch .rgGroupHeader td
    {
        padding-left: 8px;
        padding-bottom: 2px;
        border-top: 1px solid white;
    }

.RadGrid_MetroTouch .rgExpand
{
    background-position: -12px -168px;
}

.RadGrid_MetroTouch .rgCollapse
{
    background-position: -62px -68px;
}


/* changed by doug to allow the rgEditForm class be small width and its parent tr row rgEditRow can have border
.RadGrid_MetroTouch .rgEditForm {*/
.RadGrid_MetroTouch .rgEditRow + tr > td
{
    border-bottom: 1px solid #cdcdcd !important;
}


.RadGrid_MetroTouch .rgUpdate
{
    background-position: -12px -2112px;
}

    .RadGrid_MetroTouch .rgUpdate:active
    {
        background-position: -112px -2112px;
    }

.RadGrid_MetroTouch .rgCancel
{
    background-position: -12px -2212px;
}

    .RadGrid_MetroTouch .rgCancel:active
    {
        background-position: -112px -2212px;
    }

.RadGrid_MetroTouch .rgDetailTable
{
    border-color: #cdcdcd;
}

.RadGrid_MetroTouch .rgCommandRow
{
    background-color: #322F2E;
    background-color: transparent;
}

    .RadGrid_MetroTouch .rgCommandRow,
    .RadGrid_MetroTouch .rgCommandRow a
    {
        color: #666;
        text-decoration: none;
    }

.RadGrid_MetroTouch .rgCommandCell
{
    border: 0;
    border-bottom: 1px solid #cdcdcd;
    padding: 0;
}

.RadGrid_MetroTouch tfoot .rgCommandCell,
.RadGrid_MetroTouch .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell
{
    border-top: 1px solid #cdcdcd;
    border-bottom: 0;
}

.RadGrid_MetroTouch .rgCommandTable td
{
    border: 0;
    padding: 2px 7px;
}

.RadGrid_MetroTouch .rgCommandTable
{
    border: 0;
}

.RadGrid_MetroTouch .rgAdd,
.RadGrid_MetroTouch .rgRefresh
{
    vertical-align: middle;
}

.RadGrid_MetroTouch input.rgAdd,
.RadGrid_MetroTouch input.rgRefresh
{
    margin-right: 3px;
    width: 28px;
    height: 28px;
}

.RadGrid_MetroTouch input.rgAdd
{
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border: 1px solid black;
    background-position: -112px -2312px;
}

    .RadGrid_MetroTouch input.rgAdd:hover, .RadGrid_MetroTouch input.rgAdd:active
    {
        border: 1px solid white;
    }

.RadGrid_MetroTouch input.rgRefresh
{
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border: 1px solid black;
    background-position: -112px -1012px;
}

    .RadGrid_MetroTouch input.rgRefresh:hover, .RadGrid_MetroTouch input.rgRefresh:active
    {
        border: 1px solid white;
    }

.RadGrid_MetroTouch .rgEdit
{
    margin-right: 3px;
    background-position: -12px -2412px;
}

    .RadGrid_MetroTouch .rgEdit:active
    {
        background-position: -112px -2412px;
    }

.RadGrid_MetroTouch .rgDel
{
    margin-right: 3px;
    background-position: -12px -2612px;
}

    .RadGrid_MetroTouch .rgDel:active
    {
        background-position: -12px -2612px;
    }

.RadGrid_MetroTouch .rgExpXLS,
.RadGrid_MetroTouch .rgExpDOC,
.RadGrid_MetroTouch .rgExpPDF,
.RadGrid_MetroTouch .rgExpCSV
{
    background-image: url('../Common/Grid/export.gif');
}

.RadGrid_MetroTouch .rgExpXLS
{
    background-position: 0 0;
}

.RadGrid_MetroTouch .rgExpDOC
{
    background-position: 0 -50px;
}

.RadGrid_MetroTouch .rgExpPDF
{
    background-position: 0 -100px;
}

.RadGrid_MetroTouch .rgExpCSV
{
    background-position: 0 -150px;
}

/*filter context menu*/
.RadMenu_MetroTouch .rgHCMClear,
.RadMenu_MetroTouch .rgHCMFilter
{
    border-color: #7e7e7e;
    background: #25a0da;
    color: black;
    font-family: inherit;
    font-family: Verdana, Helvetica, sans-serif !important;
    font-family: Tahoma, Geneva, sans-serif !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0px;
}

    .RadMenu_MetroTouch .rgHCMClear:hover,
    .RadMenu_MetroTouch .rgHCMFilter:hover
    {
        border-color: #c98400;
        background-color: #ffe79c;
        color: #882501;
    }

/*context menu*/
.GridContextMenu_MetroTouch .rmLeftImage
{
    background-image: url('../Common/Grid/contextMenu.gif');
}

.GridContextMenu_MetroTouch .rgHCMSortAsc .rmLeftImage
{
    background-position: 0 0;
}

.GridContextMenu_MetroTouch .rgHCMSortDesc .rmLeftImage
{
    background-position: 0 -40px;
}

.GridContextMenu_MetroTouch .rgHCMUnsort .rmLeftImage
{
    background-position: 0 -80px;
}

.GridContextMenu_MetroTouch .rgHCMGroup .rmLeftImage
{
    background-position: 0 -120px;
}

.GridContextMenu_MetroTouch .rgHCMUngroup .rmLeftImage
{
    background-position: 0 -160px;
}

.GridContextMenu_MetroTouch .rgHCMCols .rmLeftImage
{
    background-position: 0 -200px;
}

.GridContextMenu_MetroTouch .rgHCMFilter .rmLeftImage
{
    background-position: 0 -240px;
}

.GridContextMenu_MetroTouch .rgHCMUnfilter .rmLeftImage
{
    background-position: 0 -280px;
}

.GridReorderTop_MetroTouch,
.GridReorderBottom_MetroTouch
{
    width: 1px;
    height: 30px;
    margin: 24px 0 0 -2px;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
    border-color: rgba(255, 255, 255, 0.5);
    background: black !important;
}

.GridReorderBottom_MetroTouch
{
    margin: -24px 0 0 -2px;
}

    .GridReorderBottom_MetroTouch:after,
    .GridReorderTop_MetroTouch:before
    {
        content: "";
        display: block;
        width: 9px;
        height: 9px;
        margin-left: -5px;
        margin-top: -6px;
        background: black;
        border-radius: 16px;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        -khtml-border-radius: 16px;
        border: 1px solid #808080;
        border-bottom-width: 0;
        border-color: rgba(255, 255, 255, 0.5);
    }

    .GridReorderBottom_MetroTouch:after
    {
        border-top-width: 0;
        border-bottom-width: 1px;
        margin-top: 29px;
    }

/*multirow select*/
.rgCellSelectorArea_MetroTouch,
.GridRowSelector_MetroTouch
{
    background: #4c4e54;
}

/*row drag n drop*/
.GridItemDropIndicator_MetroTouch
{
    border-top: 1px dashed #666;
}

/*tooltip*/
.GridToolTip_MetroTouch
{
    border: 1px solid #c98400;
    padding: 3px;
    background: #ffefbd;
    color: #333;
}

/*rtl*/
.RadGridRTL_MetroTouch .rgHeader:first-child,
.RadGridRTL_MetroTouch th.rgResizeCol:first-child,
.RadGridRTL_MetroTouch .rgFilterRow > td:first-child,
.RadGridRTL_MetroTouch .rgRow > td:first-child,
.RadGridRTL_MetroTouch .rgAltRow > td:first-child
{
    border-left-width: 1px;
    padding-left: 7px;
}

.RadGridRTL_MetroTouch .rgPageFirst
{
    background-position: -11px -361px;
}

    .RadGridRTL_MetroTouch .rgPageFirst:active
    {
        background-position: -111px -361px;
    }

.RadGridRTL_MetroTouch .rgPagePrev
{
    background-position: -11px -161px;
}

    .RadGridRTL_MetroTouch .rgPagePrev:active
    {
        background-position: -111px -161px;
    }

.RadGridRTL_MetroTouch .rgPageNext
{
    background-position: -11px -111px;
}

    .RadGridRTL_MetroTouch .rgPageNext:active
    {
        background-position: -111px -111px;
    }

.RadGridRTL_MetroTouch .rgPageLast
{
    background-position: -11px -311px;
}

    .RadGridRTL_MetroTouch .rgPageLast:active
    {
        background-position: -111px -311px;
    }

.RadGridRTL_MetroTouch .rgExpand
{
    background-position: -12px -112px;
}


.RadGrid input[type="image"]
{
    position: relative;
    top: 2px;
}

.rgSorted input[type="image"]
{
    position: relative;
    top: -4px;
}

.rgCommandTable a
{
    position: relative;
    top: -1px;
}

    .rgCommandTable a img
    {
        position: relative;
        top: -2px;
    }


.RadGrid_MetroTouch th.rgSorted
{
    background: #4385c6;
    background: -moz-linear-gradient(top, #4385c6 0%, #336496 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4385c6), color-stop(100%,#336496));
    background: -webkit-linear-gradient(top, #4385c6 0%,#336496 100%);
    background: -o-linear-gradient(top, #4385c6 0%,#336496 100%);
    background: -ms-linear-gradient(top, #4385c6 0%,#336496 100%);
    background: linear-gradient(to bottom, #4385c6 0%,#336496 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4385c6', endColorstr='#336496',GradientType=0 );
}





table tr.RadGridPopup
{
    /*
      outline: 1px solid red;  
      padding: 0 !important;
      margin: 0 !important;
      line-height: inherit;
*/
}

    table tr.RadGridPopup td
    {
        /*      outline: 1px solid blue;  
      padding: 0 !important;
      margin: 0 !important;
      position: relative;
*/
    }

/* grid edit rows: make label right-aligned */
table.rgMasterTable tr.RadGridPopup > td:first-child
{
    text-align: right;
    white-space: nowrap;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: top;
    font-weight: bold;
}

table.rgMasterTable tr.RadGridPopup > td[id*="EditCell"]
{
    text-align: left;
    width: 99%;
    /*padding-bottom:5px;
        padding-top:5px;*/
    /* removed by doug vertical-align:top;*/
}

/*doug removed and replaced with 2 styles above
table tr.RadGridPopup td > label
{
        text-align: right;
        width: 93%;
        padding-right: 3%;
        display: block;

}
doug removed */


/*doug removed
span[id*="RequiredFieldValidator"] 
{
    display: block;
    outline: 1px solid red;  
    background: red;
    color: White;
    position: absolute;
    top: 0;
    right: 0;  
    font-size: 10px;
    padding: 0px 10px;
}
*/

div.RadTreeView_MetroTouch {
  color: black;
  font: 100 16px Verdana, Helvetica, sans-serif;  /*old*/
  font-size: 12px; 
  font-size: 13px !important;
  /*removed
    line-height: 26px !important;
*/
  margin-top: -4px;
  line-height: 26px !important;
}
div.RadTreeView_MetroTouch .rtUL .rtUL {
  padding-left: 26px!important;
}
div.RadTreeView_MetroTouch .rtIn {
  border: 0 !important;
  display: inline-block;
  vertical-align: top;
}

div.RadGrid div.RadTreeView_MetroTouch .rtIn {
  padding: 3px 10px !important;
}

div.RadTreeView_MetroTouch .rtHover .rtIn,
div.RadTreeView_MetroTouch .rtSelected .rtIn {
  border: 0 !important;
}

div.RadGrid div.RadTreeView_MetroTouch .rtHover .rtIn,
div.RadGrid div.RadTreeView_MetroTouch .rtSelected .rtIn {
  padding: 3px 10px !important;
}

div.RadTreeView_MetroTouch .rtHover .rtIn {
  background-color: #e8e8e8;
}
div.RadTreeView_MetroTouch .rtSelected .rtIn {
  color: white;
  background-color: #25a0da;
}
div.RadTreeView_MetroTouch .rtDisabled {
  opacity: .5;
}
div.RadTreeView_MetroTouch .rtChecked,
div.RadTreeView_MetroTouch .rtUnchecked,
div.RadTreeView_MetroTouch .rtIndeterminate {
  background-repeat: no-repeat;
}
div.RadTreeView_MetroTouch .rtPlus,
div.RadTreeView_MetroTouch .rtMinus {
  width: 26px !important;
  height: 26px !important;
  /* removed by doug
  margin: 0 0 0 -26px !important;*/
/*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/

  background-repeat: no-repeat;
}
div.RadTreeView_MetroTouch .rtPlus,
div.RadTreeView_MetroTouch .rtPlusHover {
  background-position: -9px -164px !important;
}
div.RadTreeView_MetroTouch .rtMinus,
div.RadTreeView_MetroTouch .rtMinusHover {
  background-position: -59px -63px !important;
}
div.RadTreeView_MetroTouch .rtTop,
div.RadTreeView_MetroTouch .rtMid,
div.RadTreeView_MetroTouch .rtBot {
  padding: 0 0 0 23px !important;
}

.RadTreeView_MetroTouch .rtSp {
    height: 23px !important;
}

.RadMenu_MetroTouch {
  color: black;
  font: 100 16px Verdana, Helvetica, sans-serif;
  font-size: 12px; font-size: 13px;
/*doug removed
  font-family: "Lato","HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", "Helvetica", "MuseoSans500","Lucida Grande",Lucida,Verdana,sans-serif;
*/
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;  
  
}
.RadMenu_MetroTouch .rmRootGroup {
  padding: 0px !important;
  background: #25a0da;
  background: transparent;
}
.RadMenu_MetroTouch .rmGroup {
  margin: 0;
  padding: 0;
  padding: 0 !important;
  border: 1px solid #cdcdcd;
  background: white;
  /*background: #5F5E64;*/
  box-shadow: 0 1px 5px rgba(0,0,0,.3);
}
.RadMenu_MetroTouch .rmRootGroup .rmItem {
  margin: 0;
}
.RadMenu_MetroTouch .rmRootGroup .rmFirst {
  margin-left: 0;
}
.RadMenu_MetroTouch .rmGroup .rmItem {
  margin: 0;
}
.RadMenu_MetroTouch .rmRootLink {
  padding: 0 10px !important;
  border: 1px solid #ddd;
  
  /*border: none;*/
  color: white;
  text-decoration: none;
  text-transform: lowercase;
  margin-left: -1px;
}
.RadMenu_MetroTouch .rmRootLink .rmText {
  padding: 4px 5px !important;
  text-transform: capitalize; 
  text-shadow: 0 -1px 0 white;
}
.RadMenu_MetroTouch .rmRootLink:hover {
  border-color: white;
}
:root .RadMenu_MetroTouch .rmRootLink:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.RadMenu_MetroTouch .rmRootLink.rmFocused {
  border-color: white;
}
.RadMenu_MetroTouch .rmGroup .rmLeftImage {
  margin-top: 10px !important;
}
.RadMenu_MetroTouch .rmGroup .rmLink {
  color: black;
  text-decoration: none;
}
.RadMenu_MetroTouch .rmGroup .rmLink:hover {
  background-color: #e8e8e8;
}
.RadMenu_MetroTouch .rmSeparator {
  overflow: hidden;
}
.RadMenu_MetroTouch .rmSeparator .rmText {
  margin: 0 !important;
  padding: 0 !important;
}
.RadMenu_MetroTouch .rmRootGroup .rmSeparator .rmText {
  background-color: white;
}
.RadMenu_MetroTouch .rmGroup .rmSeparator .rmText {
  background-color: #cdcdcd;
}
.RadMenu_MetroTouch .rmHorizontal .rmSeparator {
  padding: 10px 0 !important;
  width: 1px !important;
  height: 16px !important;
}
.RadMenu_MetroTouch .rmHorizontal .rmSeparator .rmText {
  width: 1px !important;
  height: 18px !important;
}
.RadMenu_MetroTouch .rmVertical .rmSeparator {
  padding: 0px 10px !important;
  width: auto !important;
  height: 1px !important;
}
.RadMenu_MetroTouch .rmVertical .rmSeparator .rmText {
  width: auto !important;
  height: 1px !important;
}
.RadMenu_MetroTouch .rmLeftArrow,
.RadMenu_MetroTouch .rmRightArrow,
.RadMenu_MetroTouch .rmTopArrow,
.RadMenu_MetroTouch .rmBottomArrow {
  background-color: #f9f9f9;
  /*background-image: url('/Styles/MetroTouch/Common/MetrotouchArrowsSpriteVertical.png');*/
  background-repeat: no-repeat;
}
.RadMenu_MetroTouch .rmLeftArrow:hover,
.RadMenu_MetroTouch .rmRightArrow:hover,
.RadMenu_MetroTouch .rmTopArrow:hover,
.RadMenu_MetroTouch .rmBottomArrow:hover {
  background-color: #e8e8e8;
}
.RadMenu_MetroTouch .rmLeftArrow,
.RadMenu_MetroTouch .rmRightArrow {
  width: 16px !important;
  height: 34px !important;
}
.RadMenu_MetroTouch .rmLeftArrow {
  border-right: 1px solid #cdcdcd;
  background-position: -17px -109px !important;
}
.RadMenu_MetroTouch .rmRightArrow {
  border-left: 1px solid #cdcdcd;
  background-position: -17px -159px !important;
}
.RadMenu_MetroTouch .rmTopArrow,
.RadMenu_MetroTouch .rmBottomArrow {
  width: 100%;
  height: 16px !important;
}
.RadMenu_MetroTouch .rmTopArrow {
  border-bottom: 1px solid #cdcdcd;
  background-position: center -17px !important;
}
.RadMenu_MetroTouch .rmBottomArrow {
  border-top: 1px solid #cdcdcd;
  background-position: center -67px !important;
}
.RadMenu_MetroTouch .rmTopFix,
.RadMenu_MetroTouch .rmTopLeft,
.RadMenu_MetroTouch .rmTopRight,
.RadMenu_MetroTouch .rmBottomFix,
.RadMenu_MetroTouch .rmBottomLeft,
.RadMenu_MetroTouch .rmBottomRight {
  display: none;
}

.RadMenu .rmGroup span.rmText 
{
    padding: 4px 15px; 
    text-shadow: 0 -1px 0 white;   
}



a.rmSelected 
{
    background: white;  
    border-right: 1px solid #ddd;  
    position: relative;
    
}

a.rmClicked:before,
a.rmClicked:after,
a.rmSelected:before, 
a.rmSelected:after 
{
    position: absolute;
    height: 100%;
    left: 0;
    background: #ddd;
    width: 1px;
    margin-left: -1px;
    top: 0;
    content: '';
}
a.rmClicked:after,
a.rmSelected:after 
{
    left: 100%;   
    margin-left: 0; 
}
/*textbox states*/
html body .RadInput_MetroTouch .riTextBox,
html body .RadInputMgr_MetroTouch {
  border-color: #cdcdcd !important;
  background: white !important;
  color: black !important;
  /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
/*doug removed  font-weight: 100;
doug removed*/
  font-weight: 400 !important;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px !important;
  font-family: Verdana, Helvetica, sans-serif !important;
  font-family: Verdana, Helvetica, sans-serif !important;
  height: 26px !important;
}

html body .RadInput_MetroTouch .riDisabled, html body .RadInput_Disabled_MetroTouch {
    Opacity: .5 !important;
    -moz-opacity: .5 !important;
    filter: alpha(opacity=50) !important;
    cursor: default;
}


html body .RadInput_MetroTouch .riTextBox[rows="2"],
html body .RadInput_MetroTouch .riTextBox[rows="3"],
html body .RadInput_MetroTouch .riTextBox[rows="4"],
html body .RadInput_MetroTouch .riTextBox[rows="5"],
html body .RadInput_MetroTouch .riTextBox[rows="6"],
html body .RadInput_MetroTouch .riTextBox[rows="7"],
html body .RadInput_MetroTouch .riTextBox[rows="8"],
html body .RadInput_MetroTouch .riTextBox[rows="9"],
html body .RadInput_MetroTouch .riTextBox[rows="10"],
html body .RadInput_MetroTouch .riTextBox[rows="11"],
html body .RadInput_MetroTouch .riTextBox[rows="12"],
html body .RadInput_MetroTouch .riTextBox[rows="13"],
html body .RadInput_MetroTouch .riTextBox[rows="14"],
html body .RadInput_MetroTouch .riTextBox[rows="15"],
html body .RadInput_MetroTouch .riTextBox[rows="16"],
html body .RadInput_MetroTouch .riTextBox[rows="17"],
html body .RadInput_MetroTouch .riTextBox[rows="18"],
html body .RadInput_MetroTouch .riTextBox[rows="19"],
html body .RadInput_MetroTouch .riTextBox[rows="20"] {
    height: auto !important;
}

html body .RadInput_MetroTouch .riEmpty,
html body .RadInput_Empty_MetroTouch {
  color: #767676;
}

html body fieldset .RadInput_MetroTouch .riFocused:focus,
html body .RadInput_MetroTouch .riFocused:focus,
html body .RadInput_Focused_MetroTouch:focus {
    border-color: #337ab7 !important;
    outline-style: none;
}

html body fieldset .RadInput_MetroTouch textarea.riTextBox 
{
    height: 113px;
    -webkit-transition: .5s;
       -moz-transition: .5s;
        -ms-transition: .5s;
         -o-transition: .5s;
            transition: .5s;
}
html body fieldset .RadInput_MetroTouch textarea.riFocused 
{
    height: 240px;
}

html body .RadInput_MetroTouch .riRead,
html body .RadInput_Read_MetroTouch {
  border-color: #b0b0b0;
}

html body .RadInput_MetroTouch .riDisabled,
html body .RadInput_Disabled_MetroTouch {
  Opacity: .5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}

html body .RadInput_MetroTouch .riError,
html body .RadInput_Error_MetroTouch {
  border-color: #de3914;
  background: #fff;
  color: #de3914;
}

.RadForm.rfdTextbox .RadInput_MetroTouch .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_MetroTouch[type="text"] {
  border-color: #de3914;
  background: #fff;
  color: #de3914;
}

html body .RadInput_MetroTouch .riNegative,
html body .RadInput_Negative_MetroTouch {
  color: #565656;
}

/*buttons*/
.RadInput_MetroTouch a {
  background: transparent no-repeat url('/Styles/MetroTouch/Common/metrotouch-sprite.png');
}

/*go*/
.RadInput_MetroTouch .riBtn a {
  width: 20px;
  height: 18px;
  line-height: 18px;
  background-position: -14px -3214px;
}

.RadInput_MetroTouch a.riButton,
.RadInput_MetroTouch a.riButton:hover {
  background-position: -14px -3214px;
}

/*spin*/
.RadInput_MetroTouch .riSpin a {
  width: 15px;
  height: 7px;
  line-height: 7px;
}

.RadInput_MetroTouch a.riUp,
.RadInput_MetroTouch a.riDown {
  height: 14px;
}

.RadInput_MetroTouch a.riUp {
  background-position: -17.5px -20px;
}

.RadInput_MetroTouch a.riDown {
  background-position: -17.5px -68px;
  top: 17px;
}

/*label*/
.RadInput_MetroTouch .riLabel {
  color: #666;
}

/*rtl*/
html body .RadInputRTL_MetroTouch .riError,
html body .RadInputRTL_Error_MetroTouch {
  background-position: 3px -298px;
}

.RadForm.rfdTextbox .RadInputRTL_MetroTouch .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error_MetroTouch[type="text"] {
  background-position: 3px -298px;
}



/* added by jacob */


html body fieldset .RadInput .riTextBox, html body fieldset .RadInputMgr 
{

    border: 1px solid #ccc;  
    background: #fff;  
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}


.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInputCell,
.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInputCell input,
.RadListBox_MetroTouch .rlbSelected 
{
    /*background: #20BAE5 !important;
    text-shadow: 0 -1px 0 black;*/
}
.RadListBox_MetroTouch .rlbSelected span
{
    color: White;    
    /*text-shadow: 0 -1px 0 black;*/
}

table[summary="combobox"],
._RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell,
html body .riSingle .rcbInput, 
html body .riSingle .riTextBox, 
html body .riSingle .riTextBox[type="text"],
div.RadEditor
{
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    
}

.RadListBox_MetroTouch .rlbGroup 
{
    
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

html body .RadInput_MetroTouch .riTextBox, html body .RadInputMgr_MetroTouch {
    line-height: normal !important;
}

div.RadListBox_MetroTouch {
  color: black;
  font: 100 16px Verdana, Helvetica, sans-serif;
  font-size: 12px; font-size: 13px;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
}
div.RadListBox_MetroTouch .rlbTemplateContainer {
  border-color: #cdcdcd;
}
div.RadListBox_MetroTouch .rlbGroup {
  border: 1px solid #cdcdcd;
  background: white;
}
div.RadListBox_MetroTouch .rlbHeader,
div.RadListBox_MetroTouch .rlbFooter {
  margin: 0;
  padding: 0 10px;
  background-color: #f9f9f9;
}
div.RadListBox_MetroTouch .rlbItem {
  margin: 0;
  padding: 1px 10px !important;
  line-height: 26px;
}
div.RadListBox_MetroTouch .rlbHovered {
  background: #e8e8e8;
}
div.RadListBox_MetroTouch .rlbSelected {
  color: white;
  background: #25a0da;
}
div.RadListBox_MetroTouch .rlbActive {
  padding: 0 9px !important;
}
div.RadListBox_MetroTouch .rlbDisabled {
  opacity: .5;
  cursor: default;
}
div.RadListBox_MetroTouch .rlbButton {
  padding: 0 !important;
  height: 34px !important;
  border: 1px solid #cdcdcd;
  color: black;
  background: white;
}
div.RadListBox_MetroTouch .rlbButton:hover {
  color: white;
  background-color: #25a0da;
}
div.RadListBox_MetroTouch .rlbButton.rlbDisabled {
  color: #767676;
  background: white;
}
div.RadListBox_MetroTouch .rlbNoButtonText {
  width: 34px !important;
}
div.RadListBox_MetroTouch .rlbButtonTL,
div.RadListBox_MetroTouch .rlbButtonTR,
div.RadListBox_MetroTouch .rlbButtonBL,
div.RadListBox_MetroTouch .rlbButtonBR {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  height: 34px !important;
  display: block !important;
  position: static !important;
}
div.RadListBox_MetroTouch .rlbButtonText {
  margin: 0 !important;
  padding: 0 0 0 26px!important;
  height: 34px !important;
  line-height: 34px !important;
  display: block !important;
  position: static !important;
}
div.RadListBox_MetroTouch .rlbDropClue {
  width: 8px !important;
  height: 1px !important;
  background: black;
  left: -7px;
  z-index: 999999;
}
div.RadListBox_MetroTouch .rlbDropClue:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  background: black;
  display: block;
  position: absolute;
  top: -3px;
  left: -7px;
  z-index: 9999;
}
div.RadListBox_MetroTouch .rlbGroup .rlbDropClueAbove {
  border-top-style: solid;
  border-top-color: black;
}
div.RadListBox_MetroTouch .rlbGroup .rlbDropClueBelow {
  border-bottom-style: solid;
  border-bottom-color: black;
}
div.RadListBox_MetroTouch .rlbEmptyMessage {
  font-style: italic;
}
div.RadListBox_MetroTouch .rlbHighlight {
  font-weight: bold;
}
div.RadListBox_MetroTouch .rlbButtonText {
  /*background-image: url('/Styles/MetroTouch/Common/MetrotouchArrowsSpriteVertical.png');*/
  background-repeat: no-repeat;
}
div.RadListBox_MetroTouch .rlbMoveUp .rlbButtonText {
  background-position: -9px -409px;
}
div.RadListBox_MetroTouch .rlbMoveUp:hover .rlbButtonText {
  background-position: -9px -2009px;
}
div.RadListBox_MetroTouch .rlbMoveUpDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbMoveUpDisabled:hover .rlbButtonText {
  background-position: -9px -409px;
}
div.RadListBox_MetroTouch .rlbMoveDown .rlbButtonText {
  background-position: -9px -459px;
}
div.RadListBox_MetroTouch .rlbMoveDown:hover .rlbButtonText {
  background-position: -9px -459px;
}
div.RadListBox_MetroTouch .rlbMoveDownDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbMoveDownDisabled:hover .rlbButtonText {
  background-position: -9px -459px;
}
div.RadListBox_MetroTouch .rlbMoveToTop .rlbButtonText {
  background-position: -9px -209px;
}
div.RadListBox_MetroTouch .rlbMoveToTop:hover .rlbButtonText {
  background-position: -9px -1809px;
}
div.RadListBox_MetroTouch .rlbMoveToTopDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbMoveToTopDisabled:hover .rlbButtonText {
  background-position: -9px -209px;
}
div.RadListBox_MetroTouch .rlbMoveToBottom .rlbButtonText {
  background-position: -9px -259px;
}
div.RadListBox_MetroTouch .rlbMoveToBottom:hover .rlbButtonText {
  background-position: -9px -1859px;
}
div.RadListBox_MetroTouch .rlbMoveToBottomDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbMoveToBottomDisabled:hover .rlbButtonText {
  background-position: -9px -259px;
}
div.RadListBox_MetroTouch .rlbDelete .rlbButtonText,
div.RadListBox_MetroTouch .rlbDeleteDisabled .rlbButtonText {
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
}
div.RadListBox_MetroTouch .rlbDelete .rlbButtonText {
  background-position: -9px -2609px;
}
div.RadListBox_MetroTouch .rlbDelete:hover .rlbButtonText {
  background-position: -109px -2609px;
}
div.RadListBox_MetroTouch .rlbDeleteDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbDeleteDisabled:hover .rlbButtonText {
  background-position: -9px -2609px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferFrom .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferTo .rlbButtonText {
  background-position: -9px -109px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferFrom:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferTo:hover .rlbButtonText {
  background-position: -9px -1709px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferFromDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferToDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferFromDisabled:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferToDisabled:hover .rlbButtonText {
  background-position: -9px -109px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferTo .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferFrom .rlbButtonText {
  background-position: -9px -159px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferTo:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferFrom:hover .rlbButtonText {
  background-position: -9px -1759px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferToDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferFromDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferToDisabled:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferFromDisabled:hover .rlbButtonText {
  background-position: -9px -159px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferAllFrom .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferAllTo .rlbButtonText {
  background-position: -9px -709px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferAllFrom:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferAllTo:hover .rlbButtonText {
  background-position: -9px -2309px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferAllFromDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferAllToDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferAllFromDisabled:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferAllToDisabled:hover .rlbButtonText {
  background-position: -13.5px -709px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferAllTo .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferAllFrom .rlbButtonText {
  background-position: -9px -759px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferAllTo:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferAllFrom:hover .rlbButtonText {
  background-position: -9px -2359px;
}
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferAllToDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferAllFromDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaLeft .rlbTransferAllToDisabled:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaRight .rlbTransferAllFromDisabled:hover .rlbButtonText {
  background-position: -9px -759px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferFrom .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferTo .rlbButtonText {
  background-position: -9px -9px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferFrom:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferTo:hover .rlbButtonText {
  background-position: -9px -1609px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferFromDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferToDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferFromDisabled:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferToDisabled:hover .rlbButtonText {
  background-position: -9px -9px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferTo .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferFrom .rlbButtonText {
  background-position: -9px -59px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferTo:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferFrom:hover .rlbButtonText {
  background-position: -9px -1659px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferToDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferFromDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferToDisabled:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferFromDisabled:hover .rlbButtonText {
  background-position: -9px -59px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferAllFrom .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferAllTo .rlbButtonText {
  background-position: -9px -609px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferAllFrom:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferAllTo:hover .rlbButtonText {
  background-position: -9px -2209px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferAllFromDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferAllToDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferAllFromDisabled:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferAllToDisabled:hover .rlbButtonText {
  background-position: -9px -609px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferAllTo .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferAllFrom .rlbButtonText {
  background-position: -9px -659px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferAllTo:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferAllFrom:hover .rlbButtonText {
  background-position: -9px -2259px;
}
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferAllToDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferAllFromDisabled .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaTop .rlbTransferAllToDisabled:hover .rlbButtonText,
div.RadListBox_MetroTouch .rlbButtonAreaBottom .rlbTransferAllFromDisabled:hover .rlbButtonText {
  background-position: -9px -659px;
}




div.RadComboBox_MetroTouch {
  color: black;
  font: 100 16px Verdana, Helvetica, sans-serif; /*old*/
  font: 100 13px Verdana, Helvetica, sans-serif;
  height: 27px;
}
div.RadComboBox_MetroTouch table {
  background-color: white;
}
div.RadComboBox_MetroTouch .rcbInputCell,
div.RadComboBox_MetroTouch .rcbArrowCell {
  height: 34px; /*old*/
  height: 26px;
  border: 1px solid #cdcdcd !important;
}
div.RadComboBox_MetroTouch .rcbInputCellLeft {
  padding-left: 10px;
  padding-right: 5px;
  border-right: 0 !important;
}
div.RadComboBox_MetroTouch .rcbInputCellRight {
  padding-left: 5px;
  padding-right: 10px;
  border-left: 0 !important;
}
div.RadComboBox_MetroTouch .rcbInput {
  margin: 0;
  color: black;
  font: 100 16px Verdana, Helvetica, sans-serif; /*old*/
  font: 100 13px Verdana, Helvetica, sans-serif;
  /* added by doug */
  /*margin-top: -5px !important;*/
}
div.RadComboBox_MetroTouch .rcbEmptyMessage {
  color: #767676;
}
div.RadComboBox_MetroTouch .rcbArrowCell {
  width: 28px !important;
  background-color: #f9f9f9;
}
div.RadComboBox_MetroTouch .rcbArrowCell a {
  width: 28px !important;
  height: 34px !important; /*old*/
  height: 26px !important;
    /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
    /*I don't know why the original line above was commented out, but it had the effect of
      having drop downs on grids missing the down arrow and not being able to use the telerik drop down
      inside of a grid. I did not see the file it was
      trying to reference in the project so I captured a version of the image and named it
      WebResource.png and put it in the folder that the original file used to be in.
      Some grids were working because the page was referencing a control that had a direct use of 
      a telerik drop down which used a dynamically created image and reference to that 
      image in div.RadComboBox_MetroTouch .rcbArrowCell a
    */
  background-image: url('/Styles/MetroTouch/Common/WebResource.png');
  background-position: -11px -58px !important;
  background-repeat: no-repeat;
  /* added by doug */
  margin-top: -4px;
}

li.rcbItem:hover
{
  background-color: #e8e8e8 !important;
    background-color: lightblue !important;
}

li.rcbItem:after, li.rcbHovered:after
{
    content: ' ';
}

div.RadComboBox_MetroTouch .rcbHovered .rcbArrowCell {
  background-color: #e8e8e8;
}
div.RadComboBox_MetroTouch .rcbFocused .rcbInputCell {
  border-color: #337ab7 !important;
}
div.RadComboBox_MetroTouch .rcbFocused .rcbInput {
  color: black;
}
div.RadComboBox_MetroTouch .rcbFocused .rcbArrowCell {
  border-color: #25a0da !important;
  background-color: #25a0da;
}
div.RadComboBox_MetroTouch .rcbExpanded .rcbArrowCell {
  border-color: #25a0da !important;
  background-color: #25a0da;
}
div.RadComboBox_MetroTouch .rcbFocused .rcbArrowCell a {
  background-position: -111px -58px !important;
}
div.RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell {
  background-color: #f9f9f9;
}
div.RadComboBox_MetroTouch .rcbReadOnly .rcbArrowCell {
  background-color: #f9f9f9;
}
div.RadComboBox_MetroTouch .rcbReadOnly .rcbArrowCellLeft {
  border-right-color: #f9f9f9 !important;
}
div.RadComboBox_MetroTouch .rcbReadOnly .rcbArrowCellRight {
  border-left-color: #f9f9f9 !important;
}
div.RadComboBox_MetroTouch .rcbHovered .rcbReadOnly .rcbInputCell {
  background-color: #e8e8e8;
}
div.RadComboBox_MetroTouch .rcbHovered .rcbReadOnly .rcbArrowCell {
  background-color: #e8e8e8;
}
div.RadComboBox_MetroTouch .rcbHovered .rcbReadOnly .rcbArrowCellLeft {
  border-right-color: #e8e8e8 !important;
}
div.RadComboBox_MetroTouch .rcbHovered .rcbReadOnly .rcbArrowCellRight {
  border-left-color: #e8e8e8 !important;
}
div.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInputCell {
  color: white;
  background-color: #25a0da;
}
div.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbInput {
  color: white;
}
div.RadComboBox_MetroTouch .rcbFocused .rcbReadOnly .rcbArrowCell {
  border-color: #25a0da !important;
  background-color: #25a0da;
}
div.RadComboBox_MetroTouch .rcbDisabled {
  opacity: .5;
}

div.RadComboBoxDropDown_MetroTouch {
  margin: 0;
  border-color: #cdcdcd;
  color: black;
  font: 100 16px Verdana, Helvetica, sans-serif; /*old*/
  font: 100 13px Verdana, Helvetica, sans-serif;
  font-size: 16px !important; /*old*/
  font-size: 13px !important;
  line-height: 32px; /*old*/
  line-height: 26px;
  background: white;
}
div.RadComboBoxDropDown_MetroTouch .rcbHeader,
div.RadComboBoxDropDown_MetroTouch .rcbFooter {
  margin: 0;
  padding: 0 10px;
  border-color: #cdcdcd;
  background-color: #f9f9f9;
}
div.RadComboBoxDropDown_MetroTouch .rcbItem,
div.RadComboBoxDropDown_MetroTouch .rcbHovered,
div.RadComboBoxDropDown_MetroTouch .rcbDisabled,
div.RadComboBoxDropDown_MetroTouch .rcbLoading {
  margin: 0;
  padding: 0 10px;
}
div.RadComboBoxDropDown_MetroTouch .rcbHovered {
  background-color: #e8e8e8 !important;
}
div.RadComboBoxDropDown_MetroTouch .rcbDisabled {
  opacity: .5;
}
div.RadComboBoxDropDown_MetroTouch .rcbLoading {
  background: #e8e8e8;
}
div.RadComboBoxDropDown_MetroTouch .rcbItem em,
div.RadComboBoxDropDown_MetroTouch .rcbHovered em {
  background: #767676;
}
div.RadComboBoxDropDown_MetroTouch .rcbCheckBox {
  margin: -1px 10px 0 0;
}
div.RadComboBoxDropDown_MetroTouch .rcbCheckAllItems,
div.RadComboBoxDropDown_MetroTouch .rcbCheckAllItemsHovered {
  margin: 0;
  padding: 0 10px;
  background-color: #e8e8e8;
  background-image: none;
}
div.RadComboBoxDropDown_MetroTouch .rcbCheckAllItems .rcbCheckAllItemsCheckBox,
div.RadComboBoxDropDown_MetroTouch .rcbCheckAllItemsHovered .rcbCheckAllItemsCheckBox {
  margin: -1px 10px 0 0;
}
div.RadComboBoxDropDown_MetroTouch .rcbMoreResults {
  margin: 0;
  padding: 0;
  height: 22px;
  border: 0;
  line-height: 22px;
}

div.RadComboBoxDropDown_MetroTouch div[class~=rcbScroll] {
    min-height: 26px;
    width: 100%;
}

    div.RadComboBoxDropDown_MetroTouch .rcbMoreResults a {
        width: 16px !important;
        height: 16px !important;
        background-image: url('WebResource.axd?d=7UNf9VkWVw7PocLUOWEV8B4ZBiUMNm0Uh5xDZ10mjhYFRCc0djT6S4v0f4HPeofPBtGf2FQ9F4JWWWjncmUeYunhNBzIutBY3ZrBcEQvu736k25CljHevkY1MomrvRJV_DrtI0s-mpBAJCfB_aqjWpi1MErIVW6IiSYZ3Y_HZZojBTo7QLA_NgLA-xII0q4k0&t=637309615560000000');
        background-position: -17px -67px;
        background-repeat: no-repeat;
        border-top-color: transparent !important;
    }


div.RadComboBoxDropDown_MetroTouch .rcbSeparator {
  color: white;
  background: #e8e8e8;
}

.rcbList input[type="checkbox"] + label {
    margin-left: 15px !important;
}

.RadCalendar_MetroTouch {
  background: #fff;
  /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
/*doug removed
  font-weight: 100;
doug removed*/
  font-size: 16px; /*old*/
  font-size: 12px; font-size: 13px;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
  font-family: Verdana, Helvetica, sans-serif;/*old*/
  font-family: Verdana, Helvetica, sans-serif !important;
  /*titlebar*/
  /*header, footer*/
  /*week numbers and days*/
  /*date cells*/
}
.RadCalendar_MetroTouch .rcTitlebar {
  border-color: #cdcdcd;
  color: black;
}
.RadCalendar_MetroTouch .rcTitlebar table {
    /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
    /*doug removed
font-weight: 100;
doug removed*/
    font-size: 16px; 
    line-height: 34px; 
    line-height: normal;
    font-family: Verdana, Helvetica, sans-serif !important;
}
.RadCalendar_MetroTouch .rcTitlebar td {
  padding: 0 0 1px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcPrev,
.RadCalendar_MetroTouch .rcTitlebar .rcNext,
.RadCalendar_MetroTouch .rcTitlebar .rcFastPrev,
.RadCalendar_MetroTouch .rcTitlebar .rcFastNext {
/*  width: 28px;
  height: 28px;*/
  border: 2px solid transparent;
  margin: 1px 2px 0;
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
  color: #25a0da;

  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcFastPrev {
  background-position: -11px -711px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcPrev {
  background-position: -11px -111px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcNext {
  background-position: -11px -161px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcFastNext {
  background-position: -11px -761px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcPrev:hover,
.RadCalendar_MetroTouch .rcTitlebar .rcNext:hover,
.RadCalendar_MetroTouch .rcTitlebar .rcFastPrev:hover,
.RadCalendar_MetroTouch .rcTitlebar .rcFastNext:hover {
  border-color: #25a0da;
}
.RadCalendar_MetroTouch .rcTitlebar .rcFastPrev:hover {
  background-position: -61px -711px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcPrev:hover {
  background-position: -61px -111px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcNext:hover {
  background-position: -61px -161px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcFastNext:hover {
  background-position: -61px -761px;
}
.RadCalendar_MetroTouch .rcMain {
  border-color: #cdcdcd;
}
    .RadCalendar_MetroTouch .rcMainTable {
        /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
        /* doug removed
font-weight: 100;
doug removed*/
        font-size: 16px; 
        line-height: 34px;
        font-family: Verdana, Helvetica, sans-serif !important;
    }
.RadCalendar_MetroTouch .rcCalendars > .rcMainTable {
  border-collapse: collapse;
}
.RadCalendar_MetroTouch .rcCalendars {
  border: 0;
}

.RadCalendar .rcTitlebar {
    padding: 0px !important;
}

.RadCalendar span.rcTitle {
    font-size: 16px !important;
}

.RadCalendar_MetroTouch .rcHeader,
.RadCalendar_MetroTouch .rcFooter {
    border-color: #cdcdcd;
}
.RadCalendar_MetroTouch .rcWeek th {
  border-bottom: 1px solid #cdcdcd;
  color: #767676;
  text-align: center;
  height: 30px;
  width: 28px;
  font-size: 12px; font-size: 13px;
}
.RadCalendar_MetroTouch .rcWeek .rcViewSel,
.RadCalendar_MetroTouch .rcRow th {
  color: #767676;
  font-size: 12px; font-size: 13px;
}
.RadCalendar_MetroTouch .rcRow th {
  padding: 0 8px 0 7px;
}
.RadCalendar_MetroTouch .rcRow td {
  border-color: white;
}
.RadCalendar_MetroTouch .rcMain .rcRow a {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;

  width: 34px;
  height: 34px; 
  border: 2px solid white;
  text-align: center;
}
.RadCalendar_MetroTouch .rcMain .rcRow a,
.RadCalendar_MetroTouch .rcMain .rcRow span {
  color: black;
  padding: 0;
}
.RadCalendar_MetroTouch .rcMain .rcWeekend a {
  color: #767676;
}
.RadCalendar_MetroTouch .rcRow .rcToday a {
  border-color: #25a0da;
}
.RadCalendar_MetroTouch .rcMain .rcOtherMonth a {
  color: #c5c5c5;
}
.RadCalendar_MetroTouch .rcMain .rcOutOfRange span {
  color: #777;
}
.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
  border-color: #25a0da;
  background: #25a0da;
  color: white;
}
.RadCalendar_MetroTouch .rcRow .rcHover a {
  border-color: #e8e8e8;
  background: #e8e8e8;
}
.RadCalendar_MetroTouch .rcMain .rcRow .rcHover a {
  color: #000;
}

.RadCalendarMultiView_MetroTouch {
  /*multimonth view*/
}
.RadCalendarMultiView_MetroTouch .rcTitlebar {
  border-bottom: 0 none;
}
.RadCalendarMultiView_MetroTouch .rcMain {
  border-color: #dadad2;
}
.RadCalendarMultiView_MetroTouch .rcCalendar {
  border-color: #cdcdcd;
}
.RadCalendarMultiView_MetroTouch .rcMainTable .rcTitle {
  border-color: #e5e5e5;
  padding: 0 0 2px;
  line-height: 32px;
}

/*month view*/
html .RadCalendarMonthView_MetroTouch {
    background: white;
    /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
    /* doug removed
  font-weight: 100;
doug removed*/
    font-size: 16px; 
    font-family: Verdana, Helvetica, sans-serif !important;
    color: black;
    width: 203px;
}
html .RadCalendarMonthView_MetroTouch td {
  padding: 0;
  width: 50px;
}
.RadCalendarMonthView_MetroTouch #rcMView_Feb,
.RadCalendarMonthView_MetroTouch #rcMView_Apr,
.RadCalendarMonthView_MetroTouch #rcMView_Jun,
.RadCalendarMonthView_MetroTouch #rcMView_Aug,
.RadCalendarMonthView_MetroTouch #rcMView_Oct,
.RadCalendarMonthView_MetroTouch #rcMView_Dec {
  border-right: 1px solid #cdcdcd;
}
.RadCalendarMonthView_MetroTouch a {
  color: black;
  padding: 0;
}
.RadCalendarMonthView_MetroTouch a:hover {
  background-color: #e8e8e8;
  border-color: white !important;
}
.RadCalendarMonthView_MetroTouch .rcSelected a {
  background: #25a0da;
  color: #fff;
  border: 0;
}
.RadCalendarMonthView_MetroTouch #rcMView_PrevY a,
.RadCalendarMonthView_MetroTouch #rcMView_NextY a {
  background: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');
}
.RadCalendarMonthView_MetroTouch #rcMView_PrevY a {
  background-position: -8px -708px;
}
.RadCalendarMonthView_MetroTouch #rcMView_NextY a {
  background-position: -8px -758px;
}
.RadCalendarMonthView_MetroTouch .rcButtons input {
  padding: 0;
  border-color: black;
  background: black;
  color: white;
  /*font: $font-weight #{$font-size}/#{$line-height} $font-family;*/
/*doug removed  font-weight: 100;
doug removed*/
  font-size: 16px; /*old*/
  font-size: 12px; font-size: 13px;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
  font-family: Verdana, Helvetica, sans-serif;/*old*/
  font-family: Verdana, Helvetica, sans-serif !important;
  float: left;
  height: 34px; /*old*/
  height: 26px;
}
.RadCalendarMonthView_MetroTouch #rcMView_Today {
  margin: 0;
  background: #25a0da;
  border-color: #25a0da;
  width: 100px;
  text-transform: lowercase;
}
.RadCalendarMonthView_MetroTouch #rcMView_OK {
  width: 41px;
}
.RadCalendarMonthView_MetroTouch #rcMView_Cancel {
  width: 80px;
}


/*time view*/
table.RadCalendarTimeView_MetroTouch {
    border-color: #cdcdcd;
    background: white;
    font-size: 16px; 
    line-height: normal;
    font-family: Verdana, Helvetica, sans-serif !important;
    width: 300px;
}

.RadCalendarTimeView_MetroTouch th {
  border-bottom: 1px solid #cdcdcd;
  background: white;
  color: black;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
}

table.RadCalendarTimeView_MetroTouch td {
  border-color: #cdcdcd;
  padding: 0;
}

.RadCalendarTimeView_MetroTouch a {
  color: black;
  padding: 0;
}

.RadCalendarTimeView a {
    margin: 2px !important;
    padding: 4px !important;
    border-radius: unset !important;
}

.RadCalendarTimeView_MetroTouch td.rcSelected a {
    border-color: #25a0da;
    background: #25a0da;
    color: #fff;
    padding: 0;
    border: 0;
}

.RadCalendarTimeView_MetroTouch td.rcHover a {
  background: #e8e8e8;
  color: black;
  padding: 0;
  border: 0;
}

.RadCalendarTimeView_MetroTouch .rcFooter {
  border-color: #cdcdcd;
}

/*pickers*/
div.RadPicker_MetroTouch .rcCalPopup,
div.RadPicker_MetroTouch .rcTimePopup {
  border: 1px solid #cdcdcd;
  background-color: #f9f9f9;
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
  width: 24px;
  height: 24px;
    padding-left: 0px;
    padding-right: 0px;
}
div.RadPicker_MetroTouch .rcCalPopup:hover,
div.RadPicker_MetroTouch .rcTimePopup:hover {
  background-color: #f9f9f9;
}

div.RadPicker_MetroTouch .rcCalPopup {
  background-position: -13px -4215px;
}

div.RadPicker_MetroTouch .rcTimePopup {
    background-position: -13px -4263px;
}

/*rtl*/
.RadCalendarRTL_MetroTouch .rcTitlebar .rcFastPrev {
  background-position: -61px -761px;
}

.RadCalendarRTL_MetroTouch .rcTitlebar a.rcFastPrev:hover {
  background-position: -61px -761px;
}

.RadCalendarRTL_MetroTouch .rcTitlebar .rcPrev {
  background-position: -11px -161px;
}

.RadCalendarRTL_MetroTouch .rcTitlebar a.rcPrev:hover {
  background-position: -61px -161px;
}

.RadCalendarRTL_MetroTouch .rcTitlebar .rcNext {
  background-position: -11px -111px;
}

.RadCalendarRTL_MetroTouch .rcTitlebar a.rcNext:hover {
  background-position: -61px -111px;
}

.RadCalendarRTL_MetroTouch .rcTitlebar .rcFastNext {
  background-position: -11px -711px;
}

.RadCalendarRTL_MetroTouch .rcTitlebar a.rcFastNext:hover {
  background-position: -61px -711px;
}

div.MetroTouch {
  /* reWrapper */
  /* common settings for .reModule, .reEditorModes and .reWrapper */
  /* end of module */
  /* Toolbar overrides */
  /* reTool */
  /* IE6 does not support PNG alpha channel, so we use gifs for the command sprites instead */
  /* these settings will not be included in the common CSS file of RadEditor */
  /* end of reTool_text */
  /* add weight to the selector for IE6 so it is applied */
  /* end of reSplitButton */
  /* reDropdown */
  /* end of reDropdown */
  /* InsertTable itself is a kind of tool strip, so it must be styled as a toolstrip */
  /* end of context menu and toolstrip */
  /* spinbox */
  /* end of spinbox */
  /* DOM inspector */
  /* end of DOM inspector */
  /* end of expanded dropdowns */
  /* color picker */
  /* end of color picker */
  /* ajax spellchecker */
  /* ajax spellchecker */
  /* custom links */
  /* end of custom links */
  /* insert table dropdown */
  /* end of insert table dropdown */
  /* Popup Comments */
  /* Commnet popups */
}
div.MetroTouch .RadEditor, div.MetroTouch .RadEditor .reModule, div.MetroTouch .RadEditor .reEditorModes, div.MetroTouch .RadEditor .reWrapper {
  background-color: white;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
    font-family: Verdana, Helvetica, sans-serif !important;
  
}
div.MetroTouch .reModule {
  height: 30px !important;
}
div.MetroTouch .reModule span {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
div.MetroTouch .RadEditor .reEditorModes a {
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
  border: 1px solid #cdcdcd;
  background-color: #f9f9f9;
  margin: 1px;
  width: 90px;
  height: 34px; /*old*/
  height: 26px;
}
div.MetroTouch .RadEditor .reEditorModes a:hover {
  background-color: #e8e8e8;
}
div.MetroTouch .RadEditor .reEditorModes a:focus, div.MetroTouch .RadEditor .reEditorModes a:active {
  background-color: #25a0da;
  border-color: #25a0da;
  color: white;
}
div.MetroTouch .RadEditor .reEditorModes a span {
  line-height: 34px; /*old*/
  line-height: 26px; 
}
div.MetroTouch a.reMode_design span,
div.MetroTouch a.reMode_selected.reMode_design span {
  background-position: -6px 2px;
  background-position: -6px -4px;
}
div.MetroTouch a.reMode_html span,
div.MetroTouch a.reMode_selected.reMode_html span {
  background-position: -6px -36px;
}
div.MetroTouch a.reMode_preview span,
div.MetroTouch a.reMode_selected.reMode_preview span {
  background-position: -6px -68px;
}
div.MetroTouch .reResizeCell div {
  width: 14px;
  height: 14px;
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
  background-position: -18px -1518px;
  margin: 0 -1px -2px 0;
}
div.MetroTouch .reToolbar li a.reSplitButton {
  width: 55px;
}
div.MetroTouch .reToolbar li .reSplitButton .split_arrow {
  width: 10px;
  height: 16px;
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
  background-position: -20px -66px;
  margin: 12px 0 0 8px;
}
div.MetroTouch .reToolbar li .reSplitButton:hover .split_arrow {
  background-position: -120px -66px;
}
div.MetroTouch .reSplitButton.reTool {
  width: 45px;
}
div.MetroTouch .reSplitButton.reTool .split_arrow {
  width: 10px;
  height: 16px;
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
  background-position: -20px -72px;
  margin: 9px 0 0 8px;
}
div.MetroTouch .reWrapper, div.MetroTouch .RadEditor .reContentCell, div.MetroTouch .reColorPicker, div.MetroTouch .reInsertTable, div.MetroTouch .reDropDownBody, div.MetroTouch .reCustomLinks a:hover {
  border: 1px solid #cdcdcd;
}
div.MetroTouch .reDropDownBody table {
  background: transparent;
  min-width: 100% !important;
}
div.MetroTouch .reDropDownBody table td {
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
  height: 36px;
  min-width: 80px !important;
}
div.MetroTouch .reCustomLinks a, div.MetroTouch .reCustomLinks a:link, div.MetroTouch .reCustomLinks a:visited {
  border: 1px solid #fff;
  /* should be the same as the background of the dropdown */
  color: black !important;
}
div.MetroTouch .reCustomLinks a:hover {
  background-color: #767676;
  border: 1px solid #cdcdcd;
}
div.MetroTouch .reToolbar li .reTool{
  width: 28px !important;
  height: 28px !important;
}
div.MetroTouch .reToolbar li .reTool:hover, div.MetroTouch .reToolbar li .reTool_selected {
  background-color: #25a0da;
}
div.MetroTouch .reToolbar li .reTool span {
  margin: 12px 0 0 10px;
}
div.MetroTouch .reToolbar {
  height: 31px;
  line-height: 31px;
}
div.MetroTouch .reToolbar li {
  color: black;
}
div.MetroTouch .reTool span,
div.MetroTouch .RadWindow_MetroTouch .reTool span, .RadForm_MetroTouch .reTool span
div.MetroTouch .reInsertTable .reTlbVertical ul .reTool_text span,
div.MetroTouch .reToolbar .reTool_text span 
{
    /* removed by doug
  background-image: url('../Common/CommandSpritesLight.png');
*/
}
div.MetroTouch .reTool span,
div.MetroTouch .reTool_text span,
div.MetroTouch .Default .reTlbVertical .reTool_text span,
div.MetroTouch .reToolbar .reSplitButton.reTool_text span 
{
    /* removed by doug
  _background-image: url('../Common/CommandSpritesLightIE6.gif');
*/
}
div.MetroTouch .reToolbar .reTool_text:hover,
div.MetroTouch .reToolbar .reTool_text.reTool_selected,
div.MetroTouch .reToolbar .reTool_text.reTool_selected:hover {
  border-left: 1px solid #767676;
  border-right: 1px solid #767676;
}
div.MetroTouch .reToolbar .reTool_text.reTool_disabled,
div.MetroTouch .reToolbar .reTool_text.reTool_disabled:hover {
  margin-left: 0;
  margin-right: 0;
  border: 0;
}
div.MetroTouch .reToolbar .reTool.reSplitButton.reTool_disabled:hover {
  _background: none;
}
div.MetroTouch .reDropdown {
  height: 38px; /*old*/
  height: 26px;
  min-width: 80px;
  margin: 1px 2px 0 0;
  padding: 0 15px 0 5px;
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
  background-position: 65px -55px;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
}
div.MetroTouch .reDropdown span {
  line-height: 38px; /*old*/
  line-height: 26px;
}
div.MetroTouch .reDropdown:link,
div.MetroTouch .reDropdown:visited {
  color: black !important;
}
div.MetroTouch .reDropdown,
div.MetroTouch .reTool_disabled.reDropdown:hover {
  border: 1px solid #ababab;
  background-color: white;
}
div.MetroTouch .reDropdown:hover {
  border-color: #d1d1d1 d1d1d1 #a3a3a3 #a3a3a3;
}
div.MetroTouch .reDropDownBody .reTlbVertical .reToolbar {
  background-color: white;
}
div.MetroTouch table.reSpinBox {
  border: 1px solid #cdcdcd;
  background-color: white;
  height: 34px; /*old*/
  height: 26px;
}
div.MetroTouch table.reSpinBox:hover, div.MetroTouch .RadEditor input:hover {
  border: 1px solid #767676;
}
div.MetroTouch .reModule .reModuleLabel {
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
}
div.MetroTouch .reModule_domlink_selected,
div.MetroTouch .reModule_domlink {
  color: black;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
}
div.MetroTouch .reDropDownBody .reItemOver {
  background: #e8e8e8;
  color: black;
}
div.MetroTouch .reColorPicker table div, div.MetroTouch .reColorPicker span {
  border: 1px solid #c5c5c5;
}
div.MetroTouch .reColorPicker table td.reItemOver div {
  border-color: black;
}
div.MetroTouch .reAjaxspell_wrapper {
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
  background-color: #f9f9f9 !important;
}
div.MetroTouch .reAjaxspell_button {
  height: 34px; /*old*/
  height: 26px;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
  border: 1px solid #cdcdcd;
  background-color: #f9f9f9;
  color: #767676;
}
div.MetroTouch .reAjaxspell_button:hover {
  background-color: #e8e8e8;
}
div.MetroTouch .reAjaxspell_button:active {
  background-color: #25a0da;
  color: white;
}
div.MetroTouch .reAjaxSpellCheckSeparator {
  background-color: #767676;
}
div.MetroTouch .reCustomLinks, div.MetroTouch .reCustomLinks ul {
  color: black;
}
div.MetroTouch .reCustomLinks a {
  background: none transparent;
  color: black;
  cursor: default !important;
}
div.MetroTouch .reCustomLinks a:hover {
  color: white;
}
div.MetroTouch .reInsertTable {
  height: 360px !important;
}
div.MetroTouch .reInsertTable table {
  background-color: white;
}
div.MetroTouch .reInsertTable table tr td {
  border: 1px solid #cdcdcd;
  background-color: white;
  height: 28px;
  min-width: 28px !important;
}
div.MetroTouch .reInsertTable table tr td div {
  height: 28px;
  width: 28px;
}
div.MetroTouch .reWrapper td.reTlbVertical ul.reToolbar {
  width: 43px !important;
}
div.MetroTouch .reInsertTable .reTlbVertical ul {
  background-color: white;
}
div.MetroTouch .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text, div.MetroTouch .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link, div.MetroTouch .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited {
  color: black !important;
  background: transparent none;
  _background: none !important;
}
div.reInsertTable div.MetroTouch .reToolbar li, div.reInsertTable div.MetroTouch .reToolbar li .reTool {
  width: 30px !important;
  height: 30px;
}
div.reInsertTable div.MetroTouch .reToolbar li .reTool span {
  margin: 7px 0 0 6px;
}
div.MetroTouch .reColorPicker {
  height: 330px !important;
}
div.MetroTouch .reColorPicker table tr td {
  min-width: 40px !important;
}
div.MetroTouch .reColorPicker table td div {
  width: 28px;
  height: 28px;
  border-radius: 45px;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  -khtml-border-radius: 45px;
}
div.MetroTouch a.reCustomColor {
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
}
div.MetroTouch div.reColorPickerFooter {
  height: 38px; /*old*/
  height: 26px;
}
div.MetroTouch div.reColorPickerFooter span {
  height: 34px; /*old*/
  height: 26px;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
}
div.MetroTouch .reDropDownBody .reTlbVertical ul li .reTool_text {
  height: 34px; /*old*/
  height: 26px;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
}
div.MetroTouch .reDropDownBody .reTlbVertical ul li .reTool_text:hover {
  background-color: #e8e8e8;
}
div.MetroTouch .reCommentEdit,
div.MetroTouch .reCommentTextArea,
div.MetroTouch .reCommentView,
div.MetroTouch .reCommentInfoPanel {
  border-color: transparent;
  background-color: #eee;
}
div.MetroTouch .reCommentTitle,
div.MetroTouch .reCommentInfoPanel {
  color: black;
}
div.MetroTouch .reCommentTextArea {
  border-color: #cdcdcd;
  background-color: white;
}
div.MetroTouch .RadEditor .reCommentButton,
div.MetroTouch .rePopupButtonContainer .rePopupButton {
  border-color: #e8e8e8;
  color: #767676;
  background-color: white;
}
div.MetroTouch .RadEditor .reCommentButton:hover,
div.MetroTouch .rePopupButtonContainer .rePopupButton:hover {
  color: black;
  border-color: #e8e8e8;
  background-color: #e8e8e8;
}
div.MetroTouch .RadEditor .reCommentButton:active,
div.MetroTouch div.MetroTouch .rePopupButtonContainer .rePopupButton:active {
  color: white;
  border-color: #25a0da;
  background-color: #25a0da;
}
div.MetroTouch .rePopupContainer {
  border-color: #cdcdcd;
  background-color: #f9f9f9;
}
div.MetroTouch .rePopupContainer .rePopupTitle {
  color: white;
  background-color: #25a0da;
  border-color: #e8e8e8;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
}

/* the rule below styles RadWindow's content cell, which is used in the floating and show on focus toolbar modes */
.RadWindow.RadWindow_Default.reToolbarWindow td.rwWindowContent {
  background-color: white;
}

.RadWindow_Default .reInsertTableLightWrapper .lightTable {
  border-color: #cdcdcd;
}

.RadWindow_MetroTouch {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
  border: 1px solid #cdcdcd !important;
  background-color: white;
  /* Loading Indicators */
  /* When ShowContentDuringLoad="true" */
  /* When ShowContentDuringLoad="false" */
  /* alert buttons */
}

.RadWindow {

    height: auto !important;
}

.rwTitleBar {
    height: 58px !important;
    color: #fff !important;
}

.rwTitle {
    color: #fff !important;
    font-size: 22px !important;
    line-height: 58px !important;
    font-weight: 100 !important;
    padding: 0 0 0 15px !important;
}

.rwIcon {
    display: none !important;
}

.RadWindow .rwTitleWrapper {
    padding: 0 !important;
    line-height: 1.42857143em;
    height: 1.42857143em;
}

.RadWindow .rwDialogContent {
    padding: 0 !important;
}

.RadWindow .rwConfirmDialog:before {
    content: "" !important;
}

.RadWindow .rwAlertDialog:before {
    content: "" !important;
}

.RadWindow .rwCommandButton {
    color: white !important;
}

.RadWindow input[type="reset"], .RadWindow input[type="submit"] {
    display: inline-block !important;
}

.rwContent {
    height: auto !important;
}
.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #25a0da;
}
.RadWindow_MetroTouch td.rwBodyLeft,
.RadWindow_MetroTouch td.rwBodyRight {
  background-color: white;
}
.RadWindow_MetroTouch.RadWindow.rwMinimizedWindow, .RadWindow_MetroTouch.RadWindow.rwMinimizedWindowOverlay {
  width: 300px !important;
  height: 50px !important;
}
.RadWindow_MetroTouch.rwMinimizedWindow ul.rwControlButtons {
  width: 80px !important;
}
.RadWindow_MetroTouch .rwTable ul.rwControlButtons {
  margin: 5px 0 0 0;
}
.RadWindow_MetroTouch .rwShadow ul.rwControlButtons {
  margin: 2px 0 0 0;
}
.RadWindow_MetroTouch .rwTable .rwControlButtons li a {
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  margin: 0 2px;
}
.RadWindow_MetroTouch .rwTable .rwControlButtons li a:hover {
  border: 1px solid white;
  border-radius: 45px;
  -moz-border-radius: 45px;
  -webkit-border-radius: 45px;
  -khtml-border-radius: 45px;
}
.RadWindow_MetroTouch a.rwCloseButton,
.RadWindow_MetroTouch a.rwCloseButton:hover {
  background-position: -111px -1961px;
}
.RadWindow_MetroTouch a.rwPinButton,
.RadWindow_MetroTouch a.rwPinButton:hover {
  background-position: -111px -1161px;
}
.RadWindow_MetroTouch a.rwPinButton.on,
.RadWindow_MetroTouch a.rwPinButton.on:hover {
  background-position: -111px -1111px;
}
.RadWindow_MetroTouch a.rwMinimizeButton,
.RadWindow_MetroTouch a.rwMinimizeButton:hover {
  background-position: -111px -1211px;
}
.RadWindow_MetroTouch a.rwMaximizeButton,
.RadWindow_MetroTouch a.rwMaximizeButton:hover {
  background-position: -111px -1261px;
}
.RadWindow_MetroTouch.rwMaximizedWindow a.rwMaximizeButton, .RadWindow_MetroTouch.rwMaximizedWindow a.rwMaximizeButton:hover, .RadWindow_MetroTouch.rwMinimizedWindow a.rwMinimizeButton, .RadWindow_MetroTouch.rwMinimizedWindow a.rwMinimizeButton:hover {
  background-position: -111px -1361px;
}
.RadWindow_MetroTouch a.rwReloadButton,
.RadWindow_MetroTouch a.rwReloadButton:hover {
  background-position: -111px -1011px;
}
.RadWindow_MetroTouch .rwTable a.rwIcon {
  width: 0px !important;
  background-image: none !important;
/* removed by Doug on 7/12/17
  width: 30px;
  height: 30px;
  margin: 6px 5px 0 6px;
  background-image: url('Window/rwIcon.png');
  background-repeat: no-repeat;
  background-position: 0 0;
*/
}
.RadWindow_MetroTouch .rwShadow a.rwIcon {
  margin: 0px !important;
/* removed by Doug on 7/12/17
  margin: 2px 5px 0 6px;
*/
}
.RadWindow_MetroTouch .rwTable .rwTitlebarControls {
  height: 50px;
}
.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
  font-size: 22px;
  padding: 4px 0 0 1px;
/*doug removed  font-weight: 100;
doug removed*/
  color: white;
}
.RadWindow_MetroTouch .rwShadow .rwTitlebarControls em {
  padding: 2px 0 0 1px;
}
.RadWindow_MetroTouch .rwTable .rwStatusbar div {
  width: 30px;
  height: 30px;
  /*background-image: url('/Styles/MetroTouch/Common/metrotouch-sprite.png');*/
  background-repeat: no-repeat;
  background-position: -10px -1510px;
  padding: 0;
  margin: 0 -18px -27px 0;
  *margin: -10px -10px -20px -10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .RadWindow_MetroTouch .rwTable .rwStatusbar div {
    margin: -8px -16px -25px 0;
  }
}
.RadWindow_MetroTouch .rwTable .rwDialogInput {
  border: 1px solid #cdcdcd;
}
.RadWindow_MetroTouch .rwTable .rwDialogInput:hover {
  border: 1px solid #767676;
}
.RadWindow_MetroTouch td.rwWindowContent {
  background-color: white;
}
.RadWindow_MetroTouch .rwTable tr td.rwLoading {
  background-color: white;
}
.RadWindow_MetroTouch td.rwWindowContent.rwLoading {
  background-image: url('Common/loading.gif');
}
.RadWindow_MetroTouch input.rwLoading {
  background-image: url('Common/loading_small.gif');
}
.RadWindow_MetroTouch .rwTable a.rwCancel,
.RadWindow_MetroTouch .rwTable a.rwCancel span {
  background: none;
  cursor: pointer;
}
.RadWindow_MetroTouch .rwTable a.rwCancel span span {
  color: black;
  text-decoration: underline;
}
.RadWindow_MetroTouch div.rwDialogPopup {
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
}
.RadWindow_MetroTouch div.rwDialogPopup .rwDialogInput {
  height: 34px; /*old*/
  height: 26px;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
  font-size: 16px;  /*old*/
  font-size: 12px; font-size: 13px;
}
.RadWindow_MetroTouch a.rwPopupButton,
.RadWindow_MetroTouch td.rwWindowContent a.rwPopupButton:hover {
  height: 34px; /*old*/
  height: 26px;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
  border: 1px solid #cdcdcd;
  background-color: #f9f9f9;
  padding: 0;
}
.RadWindow_MetroTouch td.rwWindowContent a.rwPopupButton:hover {
  border: 1px solid #e8e8e8;
  background-color: #e8e8e8;
}
.RadWindow_MetroTouch td.rwWindowContent a.rwPopupButton:active,
.RadWindow_MetroTouch td.rwWindowContent a.rwPopupButton:focus {
  border: 1px solid #25a0da;
  background-color: #25a0da;
  color: white;
}
.RadWindow_MetroTouch a.rwPopupButton span {
  height: 34px; /*old*/
  height: 26px;
  line-height: 34px; /*old*/
  line-height: 26px; line-height: normal;
}

/*

// WARNING!!!  If you make changes to this file, be sure to change the 
// "version=x" in Site.Master to force
// the browser to load the latest version
 
    
*/





.clear_left 
{
    clear: left;    
}
/* NESTED FLUID GRID */

.one_of_one,
.one_of_two,
.one_of_three,
.two_of_three,
.one_of_four,
.three_of_four,
.one_of_five,
.two_of_five,
.three_of_five,
.four_of_five {
/* 	outline: 1px solid #ddd; */
	float: left;
}

.one_of_one > section,
.one_of_two > section,
.one_of_three > section,
.two_of_three > section,
.one_of_four > section,
.three_of_four > section,
.one_of_five > section,
.two_of_five > section,
.three_of_five > section,
.four_of_five > section, 


.one_of_one > section > section,
.one_of_two > section > section,
.one_of_three > section > section,
.two_of_three > section > section,
.one_of_four > section > section,
.three_of_four > section > section,
.one_of_five > section > section,
.two_of_five > section > section,
.three_of_five > section > section,
.four_of_five > section > section, 

.one_of_one > .inner,
.one_of_two > .inner,
.one_of_three > .inner,
.two_of_three > .inner,
.one_of_four > .inner,
.three_of_four > .inner,
.one_of_five > .inner,
.two_of_five > .inner,
.three_of_five > .inner,
.four_of_five > .inner {
/* 	outline: 1px solid #ccc; */
	margin: 15px;
}

.one_of_one {
	width: 100%;
}

.one_of_two {
	width: 50%;
}

.one_of_three {
	width: 33.333333%;
}

.two_of_three {
	width: 66.666666%;
}

.one_of_four {
	width: 25%;
}

.three_of_four {
	width: 75%;
}

.one_of_five {
	width: 20%;
}

.two_of_five {
	width: 40%;
}

.three_of_five{
	width: 60%;
}

.four_of_five {
	width: 80%;
}


.siblings,
.siblings .one_of_three:nth-child(3n+1),
.siblings .one_of_four:nth-child(4n+1) {
	clear: left;	
}




/* from 0 to 800px 
@media screen and (max-width: 800px) {
	
	.one_of_four {
		width: 50%;
	}
	
	.three_of_four {
		width: 100%;
	}
		
}
*/


/* originally was from 0 to 768px, but Doug changed to 700 */
@media screen and (max-width: 700px) {
	
	.one_of_one,
	.one_of_two,
	.one_of_three,
	.two_of_three,
	.one_of_four,
	.three_of_four,
	.one_of_five,
	.two_of_five,
	.three_of_five,
	.four_of_five {
		width: 100%;
	}

}











/*

// WARNING!!!  If you make changes to this file, be sure to change the 
// "version=x" in Site.Master to force
// the browser to load the latest version
 
    
*/


.grid_1
{
    width: 8.333333333333333%;
}
.grid_1plus
{
    width: 12.499999999%;   /* older browsers need it to not add up to 100% or else they wrap */
}
.grid_2
{
    width: 16.66666666666666%;
}
.grid_2plus
{
    width: 20.83333333333333%;  
}
.grid_3
{
    width: 24.999999999%;  /* older browsers need it to not add up to 100% or else they wrap */
}
.grid_3plus
{
    width: 29.1666666666666%;  
}
.grid_4
{
    width: 33.3333333333333%;
}
.grid_4plus
{
    width: 37.4999999999999%;
}
.grid_5
{
    width: 41.6666666666666%;
}
.grid_5plus
{
    width: 45.8333333333333%;
}
.grid_6
{
    width: 49.99999999%;  /* older browsers need it to not add up to 100% or else they wrap */
}
.grid_6plus
{
    width: 54.1666666666666%;  
}
.grid_7
{
    width: 58.3333333333333%;
}
.grid_7plus
{
    width: 58.3333333333333%;
}
.grid_8
{
    width: 66.6666666666666%;
}
.grid_8plus
{
    width: 70.8333333333333%;   
}
.grid_9
{
    width: 74.99999999%;   /* older browsers need it to not add up to 100% or else they wrap */
}
.grid_9plus
{
    width: 79.16666666%;   
}
.grid_10
{
    width: 83.3333333333333%;
}
.grid_10plus
{
    width: 87.499999999999%;  /* older browsers need it to not add up to 100% or else they wrap */
}
.grid_11
{
    width: 91.6666666666666%;
}
.grid_11plus
{
    width: 95.8333333333333%;
}
.grid_12
{
    width: 100%;
}


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

.grid_info_subtabs
{
	margin-left: 5px;
	margin-right: 5px;
}

.grid_info_rounded
{
	margin-left: 10px;
	margin-right: 20px;  /* rounded controls draw out 10px beyond containing div */
}
 
.ondemand_ddl_width
{
    width: 600px;
}
 
/* from 0px to 1024px (tablet narrow or smaller) */
@media screen and (max-width: 1024px)
{
    .grid_info_subtabs
    {
	    margin-left: 5px;
	    margin-right: 5px;
    }

    .grid_block_tablet {
            display: block !important;
    }

}
 
/* but if less than Phone/Narrow Tablet Portrait size */
@media screen and (max-width: 700px)
{
    .grid_1, .grid_1plus, .grid_2, .grid_2plus, .grid_3, .grid_3plus, .grid_4, .grid_4plus, .grid_5, .grid_5plus, .grid_6, .grid_6plus, .grid_7, .grid_7plus, .grid_8, .grid_8plus, .grid_9, .grid_9plus, .grid_10, .grid_10plus, .grid_11, .grid_11plus, .grid_12
    {
           width: 100%;
    }
    /* the screen is smaller so make the margins smaller */
    .grid_info, grid_info_subtabs, section
    {
           margin-left: 5px;
           margin-right: 5px;
    }

    .grid_info_rounded
    {
	    margin-left: 5px;
	    margin-right: 15px; /* rounded controls draw out 10px beyond containing div */
    }

    .ondemand_ddl_width
    {
        width: 100%;
    }
}
 
.grid_1, .grid_1plus, .grid_2, .grid_2plus, .grid_3, .grid_3plus, .grid_4, .grid_4plus, .grid_5, .grid_5plus, .grid_6, .grid_6plus, .grid_7, .grid_7plus, .grid_8, .grid_8plus, .grid_9, .grid_9plus, .grid_10, .grid_10plus, .grid_11, .grid_11plus, .grid_12
{
    float: left;
    display: block;
    /* not sure if we want this --> word-wrap:break-word; */
}
 
 
/* center this div in its container, no matter what its max-width is */
div .grid_center
{
    float:none;
    margin:auto;
}
 
.grid_no_margin_left
{
    margin-left: 0px !important;
}
.grid_no_margin_right
{
    margin-right: 0px !important;
}
 
.grid_top_container
{
    /*min-width: 960px;         max-width: 1080px;  */
    margin: auto;
}
 
/* completely blank out a section: make it hidden */
.grid_clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* insert this content after elements with class=grid_clearfix -- 
useful when child elements are floating left or right and messing up layout*/
.grid_12:after, .grid_topmost_master:after, .grid_clearfix:after
{
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
* html .grid_clearfix, *:first-child + html .grid_clearfix
{
    zoom: 1;
}

/* used in the topmost grid_12 (like in the masterpage */
.grid_topmost_master {
	float: left;
	width: 100%;
	clear: both;
} 
 
/* unless overridden by one of the screen sizes below */
.grid_align_left_phone
{
       text-align:right !important;
}

.grid_align_right_phone
{
       text-align:left !important;
}
.grid_no_wrap_phone 
{
        white-space:nowrap !important;
}

 
@media screen and (min-width: 1025px){
    .grid_show_tablet {
           display:  none !important;
    }
}
 
@media screen and (min-width: 701px){
    .grid_show_phone {
           display:  none !important;
    }
}

@media screen and (min-width: 451px)
{
    .grid_show_portraitphone
    {
        display: none !important;
    }
}

.radpopupwidth
{
    width: 1024px;
}
	
div.rgEditForm 
{
    max-width:1024px;
    margin-left:20px;
}

input.rgFilterBox
{
    width: 60% !important;
    min-width: 40px !important;
}
/*input.rgFilterBox:focus
{
    width: 100% !important;   
}*/

 
/* from 0px to 1024px (tablet wide or smaller) */
@media screen and (max-width: 1024px){
      
       .grid_hide_tablet {
              display: none !important;
       }
      
       .grid_align_left_tablet
       {
          text-align:left !important;
       }
      
       .grid_align_right_tablet
       {
          text-align:right !important;
       }
      
       .grid_align_center_tablet
       {
          text-align:center !important;
       }
      
      .grid_width_100_tablet
      {
          width:100% !important;
      }
      
      .grid_width_50_tablet
      {
          width:50% !important;
      }
      
      .grid_width_40_tablet
      {
          width:40% !important;
      }
      
       .grid_no_bkgrnd_img_tablet
       {
           background-image:none !important;
       }
      
       .grid_no_max_width_tablet
       {
           max-width:inherit !important;
       }
      
       .grid_no_margin_tablet
       {
           margin-left: inherit !important;
           margin-right: inherit !important;
       }
      
       .grid_no_side_margins_tablet
       {
           margin-left: 0px !important;
           margin-right: 0px !important;
       }
      
       .grid_no_margin_top_tablet
       {
           margin-top: inherit !important;
       }

       .grid_margin_top_5_tablet {
            margin-top:5px !important;
       }

        .grid_info_tablet
        {
               margin-left: 5px;
               margin-right: 5px;
        }

        .radpopupwidth
        {
            width: 870px;
        }
        
        div.rgEditForm
        {
            max-width:870px;
            margin-left:15px;
        }        

               
        tr.rgFilterRow 
        {
            display: none;
        }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body {-webkit-text-size-adjust: none;}
}      
 
/* from 0px to 700px (phone ) */
@media screen and (max-width: 700px){
      .grid_max_width_300_phone
      {
          max-width:300px !important;
      }

      .grid_width_30_phone
      {
          width:30% !important;
      }

      .grid_width_50_phone
      {
          width:50% !important;
      }

      .grid_width_80_phone
      {
          width:80% !important;
      }
      
      .grid_width_90_phone
      {
          width:90% !important;
      }
      
      .grid_width_95_phone
      {
          width:95% !important;
      }
      
      .grid_width_100_phone
      {
          width:100% !important;
      }

        .grid_width_auto_phone
        {
            width:auto !important;
        }
      
       .grid_align_left_phone
       {
          text-align:left !important;
       }
      
       .grid_align_right_phone
       {
          text-align:right !important;
       }

        .grid_no_wrap_phone 
        {
                white-space: normal !important;
        }
      
       .grid_align_center_phone
       {
          text-align:center !important;
       }
      
      .grid_phone_banner
      {
          height:50px !important;
      }
 
       .grid_show_phone {
              /* do nothing */
       }
 
       .grid_hide_phone {
              display: none !important;
       }

        .grid_align_left_small_phone
        {
            width: 160px !important;
            text-align:left !important;
        }

       .grid_inline_phone {
              display: inline !important;
       }

       .grid_inline_block_phone {
              display: inline-block !important;
       }

       .grid_block_phone {
              display: block !important;
       }

       .grid_no_position_phone {
              position: inherit !important;
       }

       .grid_no_height_phone {
              height: auto !important;
       }

       .grid_no_top_phone {
              top:auto !important;
       }

       .grid_margin_5_phone {
            margin:5px !important;
       }

       .grid_no_side_margins_phone {
            margin-left:0px !important;
            margin-right:0px !important;
       }

       .grid_no_margins_phone {
            margin:0px !important;
       }

       .grid_no_border_phone {
            border:none !important;
       }

       .grid_border_top_phone {
            border:none !important;
            border-top: solid !important;
       }

       .grid_no_padding_phone {
            padding:0px !important;
       }

       .grid_no_background_color_phone {
            background-color:initial !important;
       }

       .grid_no_side_padding_phone {
            padding-left:0px !important;
            padding-right:0px !important;
       }

       .grid_margin_top_5_phone {
            margin-top:5px !important;
       }

       .grid_margin_top_10_phone {
            margin-top:10px !important;
       }

       .grid_margin_left_10_phone {
            margin-left:10px !important;
       }

       .grid_side_padding_10_phone {
            padding-left:10px !important;
            padding-right:10px !important;
       }

       .grid_margin_bottom_5_phone {
            margin-bottom:5px !important;
       }
      
       .grid_float_right_phone {
            float:right !important;
       }
      
       .grid_float_none_phone {
            float:none !important;
       }
      
       .grid_font_size_large_phone {
            font-size:20px !important;
       }

        .grid_info_phone
        {
               margin-left: 5px;
               margin-right: 5px;
        }
        
        .radpopupwidth
        {
            width: 670px;
        }
	
        div.rgEditForm
        {
            max-width:670px;
            margin-left:10px;
        }


        div.RadGrid.RadGrid_MetroTouch /*this was causing problems on multi-page grids in phone mode: , div.RadComboBox.RadComboBox_MetroTouch,  div.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch */
        {
            width:100% !important;
        }

        /* in phone mode hide the page numbers at bottom of grid */
        div.rgNumPart a
        {
            display:none !important;
        }
        /* except show the current number */
        div.rgNumPart a.rgCurrentPage
        {
            display:inline !important;
        }

        /* make RadComboBox dropdown the right width */
        div.rcbSlide, select
        {
            width:420px !important;
        }       
        table[summary="combobox"], .ddlwrapper
        {
            box-shadow:none !important;
        }
        
        /* hide label in grid forms */
        table.rgMasterTable tr.RadGridPopup > td:first-child
        {
            display: none !important;
        }

        /* hide label in grid forms */
        table.rgMasterTable tr.RadGridPopup > td[id*="EditCell"]
        {
            padding-bottom:15px !important;
        }
        
        /* this fixes column width in phone */
        table.rgMasterTable colgroup
        {
            display:none !important;
        }

        /* on mobile devices, the checkbox was not properly covering */
        :root input[type="checkbox"] + label,
        :root input[type="radio"] + label
        {
            margin-left: 16px !important; 
        }

        .RadGrid a[id*="PerformInsertButton"], .RadGrid a[id*="UpdateButton"], .RadGrid a[id*="CancelButton"], input[type="reset"], input[type="submit"]
        {
            line-height:40px !important;
        }

        input[type="reset"], input[type="submit"]
        {
            height: 60px !important;
        }
}

/* from 0px to 320px (phone portrait) */
@media screen and (max-width: 320px)
{
    .grid_hide_portraitphone
    {
        display: none !important;
    }
	
    .radpopupwidth
    {
        width: 300px;
    }

    div.rgEditForm
    {
        max-width:300px;
        margin-left:5px;
    }

    /* make RadComboBox dropdown & select HTML the right width */
    div.rcbSlide, select
    {
        width:265px !important;
    }
}

/*

// WARNING!!!  If you make changes to this file, be sure to change the 
// "version=x" in Site.Master to force
// the browser to load the latest version
 
    
*/





body, textarea {
    /*doug removed	    
    font-family: "Lato","HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", "Helvetica", "MuseoSans500","Lucida Grande",Lucida,Verdana,sans-serif;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", "Lato", "Helvetica", "MuseoSans500","Lucida Grande",Lucida,Verdana,sans-serif;
    font-weight: 300; 
removed*/
    font-variant: normal;
    font-style: normal;
}

html {
    background: #fff;
}

body {
    background: #5E7078;
}

#wrap_all {
    width: 100%;
    /*max-width: 1600px;*/
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 60px 0 rgba(0,0,0,.3);
}

* {
    margin: 0;
    /*outline: 1px dotted red;*/
    color: #221E1E;
}

.hide {
    display: none !important;
}


.field_margin_below {
    margin-bottom: 12px;
}

.displayfield_margin_below {
    margin-bottom: 7px;
}

.field_label {
    font-weight: bold;
}


h1, h2, h3, h4, h5, h6 {
    /*doug removed
    font-family: "Lato","HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", "Helvetica", "MuseoSans500","Lucida Grande",Lucida,Verdana,sans-serif;    
    text-shadow: 0 0 1px rgba(0,0,0,.4),0 0 1px rgba(0,0,0,.4);
doug removed*/ /* shadow */
}

#logo {
    position: absolute;
    top: 14px;
    left: 10px;
    margin: 0;
    /*background: red;*/
    padding: 0;
    display: block;
    width: 110px;
    height: 50px;
    background: transparent url(../img/snaplogoinverted-30.png) 0 0 no-repeat;
}

    #logo.basic-customer {
        width: 145px;
        background: transparent url(../img/basiclogo-37.png?v=1) 0 0 no-repeat;
    } 

    #logo a {
        display: block;
        width: 100px;
        height: 50px;
        padding: 0;
        margin: 0;
        text-align: left;
        overflow: hidden;
        text-indent: -9999px;
    }

#spanSite.basic-customer, #spanChangeSite.basic-customer {
    padding-left: 155px !important;
}
/* yellow: #FBCC1A #D3980D #D8A42A */
/* blue:   #20BAE5 */
header, footer {
    background: #444;
    background: #322F2E;
    background: #3F5159;
    display: block;
    width: 100%;
    clear: both;
    background: #41545d;
    background: -moz-linear-gradient(top, #41545d 0%, #5e7078 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41545d), color-stop(100%,#5e7078));
    background: -webkit-linear-gradient(top, #41545d 0%,#5e7078 100%);
    background: -o-linear-gradient(top, #41545d 0%,#5e7078 100%);
    background: -ms-linear-gradient(top, #41545d 0%,#5e7078 100%);
    background: linear-gradient(to bottom, #41545d 0%,#5e7078 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41545d', endColorstr='#5e7078',GradientType=0 );
}

header {
    height: 60px;
}

nav.mega_menu {
    clear: both;
}

footer {
    border-top: 8px solid #049acd;
    height: auto;
}

    footer .center {
        margin-top: 5px;
        padding-bottom: 5px;
        height: auto;
    }

        footer .center:after {
            display: table;
            clear: both;
            content: '';
        }

    footer section {
        text-align: center;
    }

        footer section a {
            color: White;
            text-decoration: none;
        }

.center {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
}

div.content .center {
    padding-top: 20px;
    padding-bottom: 20px;
}

header .center {
    height: 60px;
}

header nav {
    position: absolute;
    right: 20px;
    top: 10px;
}

header a {
    color: #bbb;
    color: #DFE2E3;
    padding: 15px 10px 10px 30px;
    text-decoration: none;
    font-size: 14px;
    /*doug removed
    font-family: "Lato","HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", "Helvetica", "MuseoSans500","Lucida Grande",Lucida,Verdana,sans-serif;
*/
    position: relative;
}

    header a span {
        color: #DFE2E3;
    }

header nav a:before {
    background: transparent url(../img/top_nav_icons_sprite.png) 0 0 no-repeat;
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    top: 57%;
    margin-top: -16px;
    left: 0;
}

header a.user:before {
    background-position: -210px -62px;
}

header a.logout:before {
    background-position: -210px -10px;
}

header a.status {
    padding-right: 25px;
    font-weight: bold;
    text-shadow: 0 1px 3px black;
}

    header a.status:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: 0;
        border: 5px solid #DFE2E3;
        border-color: #DFE2E3 transparent transparent transparent;
    }


header a.training {
    background-image: url(../img/top_book_icon.png);
    background-repeat: no-repeat;
    background-position: 0px 16px;
    text-indent:0px;
}

.divStaffTrainingDocumments, .divHelpDeskTicketUpdates, #notifications-count {
    display: inline;
    color: #ff3333;
    font-weight: 800;
    position: absolute;
    font-size: larger;
    width: 48px;
    overflow: hidden;
    text-align: right;
}

.divStaffTrainingDocumments {
    left: -17px;
    top: 22px;
}

.divHelpDeskTicketUpdates {
    left: 4px;
    top: 14px;
}

#notifications-count {
    left: -17px;
    top: 22px;
}

header a.status:before {
    background-position: -210px -112px;
}



















h1 {
    font-family: Helvetica,sans-serif!important;
    font-size: 26px;
    font-weight: 900;
    color: #221E1E;
}


h2 {
    font-family: Helvetica,sans-serif!important;
    font-size: 24px;
    font-weight: 900;
    color: #221E1E;
}

p.introduction {
    color: #B0B0B0;
    font-size: 20px;
    margin: 20px 0;
    line-height: 1.4em;
    max-width: 500px;
}


h2.page_title + p.introduction {
    margin-top: 0;
}

nav#main {
    background: #eee;
    min-height: 44px;
    padding: 0 0 0;
    width: 100%;
    clear: both;
    display: block;
    /*background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 1%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top,  #eeeeee 1%,#cccccc 100%);
    background: -o-linear-gradient(top,  #eeeeee 1%,#cccccc 100%);
    background: -ms-linear-gradient(top,  #eeeeee 1%,#cccccc 100%);
    background: linear-gradient(to bottom,  #eeeeee 1%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );

    box-shadow: 0 2px 5px 0 #999;
*/
}

nav.secondary a {
    display: block;
    display: inline-table;
    padding: 15px;
    font-size: 14px;
    margin: 0;
    line-height: 14px;
    color: #555;
    text-decoration: none;
    text-transform: capitalize;
}

    nav.secondary a.active {
        background: blue;
        color: White;
        background: #4385c6;
        background: -moz-linear-gradient(top, #4385c6 0%, #336496 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4385c6), color-stop(100%,#336496));
        background: -webkit-linear-gradient(top, #4385c6 0%,#336496 100%);
        background: -o-linear-gradient(top, #4385c6 0%,#336496 100%);
        background: -ms-linear-gradient(top, #4385c6 0%,#336496 100%);
        background: linear-gradient(to bottom, #4385c6 0%,#336496 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4385c6', endColorstr='#336496',GradientType=0 );
    }

nav.secondary .center {
    margin-bottom: 0;
    margin-top: 0;
    text-align: right;
}

nav.top {
    position: absolute;
    right: 20px;
    display: block;
    text-align: right;
    display: none;
}

    nav.top a {
        color: #aaa;
        font-size: 12px;
        font-size: 13px;
        text-decoration: none;
        padding-left: 20px;
    }

nav.tabs, nav.patienttabs, nav.ordertabs, nav.financialtabs, nav.compliancetabs, nav.outreachtabs {
    display: block;
    padding: 0;
    xmargin: 40px 0;
    text-align: left;
    border-bottom: 1px solid #ccc;
    float: left;
    clear: both;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.05) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.05) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.05) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.05) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.05) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
}

    nav.tabs a, nav.patienttabs a, nav.ordertabs a, nav.financialtabs a, nav.compliancetabs a, nav.outreachtabs a {
        display: block;
        float: left;
        padding: 15px;
        line-height: 14px;
        font-size: 14px;
        color: #221E1E;
        margin: 0 0 0 10px;
        position: relative;
        bottom: -1px;
        text-decoration: none;
        -webkit-transition: .5s;
        outline: none !important;
    }

        nav.tabs a:hover, nav.patienttabs a:hover, nav.ordertabs a:hover, nav.financialtabs a:hover, nav.compliancetabs a:hover, nav.outreachtabs a:hover{
            background: #eee;
        }

        nav.tabs a.active, nav.patienttabs a.active, nav.ordertabs a.active, nav.financialtabs a.active, nav.compliancetabs a.active, nav.outreachtabs a.active{
            background: white;
            border: 1px solid #ccc;
            border-bottom: none;
            color: #336496;
            font-weight: 600;
            /*doug removed
    font-family: "Lato","HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", "Helvetica", "MuseoSans500","Lucida Grande",Lucida,Verdana,sans-serif;
*/
        }


#main_touch {
    display: none;
    background: #41545d;
    background: -moz-linear-gradient(top, #41545d 0%, #5e7078 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41545d), color-stop(100%,#5e7078));
    background: -webkit-linear-gradient(top, #41545d 0%,#5e7078 100%);
    background: -o-linear-gradient(top, #41545d 0%,#5e7078 100%);
    background: -ms-linear-gradient(top, #41545d 0%,#5e7078 100%);
    background: linear-gradient(to bottom, #41545d 0%,#5e7078 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41545d', endColorstr='#5e7078',GradientType=0 );
}

    #main_touch ul {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
        /*background: #DFE2E3;
    background: rgba(0,0,0,.2); */
        /*border-top: 1px solid #808084;
    border-bottom: 1px solid #4B494E;
    border-top: 1px solid rgba(255,255,255,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);*/
    }

        #main_touch ul:after {
            content: '';
            display: block;
            height: 1px;
            width: 100%;
            clear: both;
        }

        #main_touch ul ul {
            box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
            display: none;
        }

        #main_touch ul li {
            float: left;
            display: block;
            clear: left;
            width: 100%;
            border-top: 1px solid rgba(255,255,255,.2);
            border-bottom: 1px solid rgba(0,0,0,.2);
            /* background: rgba(0,0,0,.2);
    background: #626267; */
        }

            #main_touch ul li a {
                display: block;
                width: auto;
                margin: 10px;
                /* outline: 1px dotted red; */
                color: #e2e4e8;
                text-shadow: 0 1px 0 black;
                text-decoration: none;
                text-transform: capitalize;
                font-weight: 600;
                /*doug removed
    font-family: "Lato","HelveticaNeue-Light", "Helvetica Neue Light","Helvetica Neue", "Helvetica", "MuseoSans500","Lucida Grande",Lucida,Verdana,sans-serif;
*/
                position: relative;
            }

        #main_touch ul ul li a {
            margin-left: 30px;
        }

        #main_touch ul ul ul li a {
            margin-left: 40px;
        }

        #main_touch ul ul ul ul li a {
            margin-left: 50px;
        }


        #main_touch ul ul li a:before {
            content: '';
            display: block;
            width: 8px;
            height: 10px;
            position: absolute;
            left: -14px;
            top: 50%;
            top: 57%;
            margin-top: -8px;
            border: 1px dotted #e2e4e8;
            border-top: none;
            border-right: none;
        }



div#colors {
    height: 8px;
    width: 100%;
    background: #FBCC1A;
    display: block;
    position: relative;
    float: left;
    clear: both;
}
/*
div#colors:before,
div#colors:after
{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 50%;
    height: 5px;
    background: #FBCC1A;
    
    top: 0;
}
div#colors:after 
{
    left: 50%;
    background: #A3CF04; 
        background: #20BAE5;   
   
}
*/
a#open_touch_nav {
    display: none;
}

/* USER STATUS controlled by BODY tag*/
/*
    
    div.status_available 
    status_away 
    status_after_call 
    status_out_of_office 
    status_on_break 
    status_on_phone 
    status_out_for_day
    
*/



/* Available */
div.status_available header a.status:before {
    background-position: -210px -460px;
}


/* Away */
div.status_away header a.status:before {
    background-position: -210px -110px;
}


/* After Call Work */
div.status_after_call header a.status:before {
    background-position: -210px -260px;
}



/* Extended Out of Office */
div.status_out_of_office header a.status:before {
    background-position: -210px -410px;
}


/* On Break */
div.status_on_break header a.status:before {
    background-position: -210px -311px;
}


/* On Phone */
div.status_on_phone header a.status:before {
    background-position: -210px -360px;
}


/* Out for the Day */
div.status_out_for_day header a.status:before {
    background-position: -210px -210px;
}
.page_description {
    width: 75%;
    color: #808080;
}


.dialer_alert_message {
    font-weight: bolder;
    font-size: 1.5em;
    font-family: Verdana, Helvetica, sans-serif !important;
    text-shadow: 1px 1px 7px darkgray;
    color: #BE2828 !important;
}
.clearFiltersBtn
{
    text-decoration: none;
    background-image: url(../../img/Delete.gif);
    background-repeat: no-repeat;
    top: 0%;
    margin-top: 0.09%;
    padding: 5px 25px;
    font-family: Tahoma, Geneva, sans - serif!important;
    color:#666;
    font-size: 13px;
    height: 30px;
    position: absolute;
}

.freshenUI .page-title {
    font-weight: normal;
}

.freshenUI #footer {
    border-color: transparent;
    border-top: 0px;
}

.freshenUI #wrap_all {
    box-shadow: none;
}

.freshenUI #spanAssemblyVersion {
    position: fixed;
    right: 0px;
    bottom: 10px;
    color: darkgrey !important;
}

.freshenUI #divFooter {
    display: none;
}

.freshenUI table[summary="combobox"],
.freshenUI ._RadComboBox_MetroTouch .rcbReadOnly .rcbInputCell,
.freshenUI .riSingle .rcbInput,
.freshenUI .riSingle .riTextBox,
.freshenUI .riSingle .riTextBox[type="text"],
.freshenUI div.RadEditor,
.freshenUI .ddlwrapper {
    box-shadow: none !important;
}

.freshenUI :not(h3) > .field_label,
.freshenUI .form_label,
.freshenUI .freshenUnbold,
.freshenUI tr.RadGridPopup > td:first-child {
    font-weight: normal !important;
}

.freshenUI .status,
.freshenUI #notifications {
    display: none !important;
}

/** condense/expand grid results */
.grid_actions,
.condensed_mode .condensed_mode_hidden,
.condensed_mode_show_only:not(.condensed_mode .condensed_mode_show_only) {
    display: none;
}

/*

// WARNING!!!  If you make changes to this file, be sure to change the 
// "version=x" in Site.Master to force
// the browser to load the latest version
 
    
*/



*
{
    outline-color:  transparent !important;
}

body {
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size:13px;
}

.link_text
{
    cursor: pointer;
    text-decoration: underline;
    color: black;
}

/*required for IE11 to get multiline textboxes to wrap properly*/
textarea
{
    white-space: pre-wrap;
}

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


fieldset legend
{
    display: block;
    /*outline: 1px dotted red;*/
}


.form_link_description
{
    cursor: pointer;
    border-bottom: 1px;
    border-bottom-style: dotted;
    border-bottom-color: gray;
}

.form_validator
{
    margin-left: 5px;
    margin-right: 5px;
    color: Red;
}

.form_under_description
{
    color: Gray;
    font-style: italic;
}

.textbox_money
{
    width:100px !important;
}

.textbox_money_large
{
    width:130px !important;
}

.textbox_id
{
    width:80px !important;
}

.textbox_tiny
{
    width:30px !important;
}

.textbox_smallint
{
    width:35px !important;
}

.textbox_int
{
    width:50px !important;
}

.textbox_small
{
    width:200px !important;
}

.textbox_phone
{
    width:160px !important;
}

.textbox_phone_without_extension
{
    width:120px !important;
}

.textbox_zipcode
{
    width:100px !important;
}

.textbox_date
{
    width:125px !important;
}

.textbox_medium
{
    width:400px !important;
}

.textbox_large
{
    width:600px !important;
}

.textbox_full
{
    width:100% !important;
}

.form_label
{
    font-weight:bold;
    text-align:right;
    padding-top:5px;
}

/* but if in phone landscape... */
@media screen and (max-width: 480px)
{
    .textbox_medium
    {
        width:430px !important;
    }
    .form_label
    {
        text-align:right;
    }
}
/* but if in phone portrait... */
@media screen and (max-width: 320px)
{
    .textbox_medium
    {
        width:270px !important;
    }
}

/* stand-alone inline checkboxes */
:root input[type="checkbox"]:hover,
:root input[type="radio"]:hover,
:root input[type="checkbox"] + label:hover:before,
:root input[type="radio"] + label:hover:before
{
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.8), inset 0 0 0 1px rgba(255,255,255,.9); /*Jacob's original with highlight on hover */
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.8); 
}
:root input[type="checkbox"][disabled],
:root input[type="radio"][disabled],
:root input[type="checkbox"][disabled] + label:before,
:root input[type="radio"][disabled] + label:before
{
    box-shadow: none !important; 
}
:root input[type="checkbox"],
:root input[type="radio"],
:root input[type="checkbox"] + label,
:root input[type="radio"] + label
{
    cursor: pointer;   
    /*margin-left:7px;*/ /*Admin | Disposition Rule screen has its checkbox moving strangely too far to left.  This fixes it, but isn't needed for other screens: */
    margin-left:2px;
    margin-top:3px;
    margin-bottom:6px;
}
:root input[type="checkbox"][disabled],
:root input[type="radio"][disabled],
:root input[type="checkbox"][disabled] + label,
:root input[type="radio"][disabled] + label
{
    cursor: not-allowed;   
    cursor: default;
}
:root input[type="checkbox"] + label,
:root input[type="radio"] + label
{
    line-height: 2.4em;
    line-height:normal;
    margin-left: 18px; 
    position: relative;   
} 

:root input[type="radio"] + label:before,
:root input[type="checkbox"] + label:before
{
    content: '';
    background: #aaa; /*jacob original gray background*/
    background: #41545D;
    background: #5E7078;
    position: absolute;
    height: 30px;
    height: 24px;
    height: 20px;
    width: 30px;
    width: 24px;
    width: 20px;
    top: 50%;
    top: 57%;
    top: 9px; /* Doug changed position to fix overlay problem when screen size shrinks */
    left: -35px;
    left: -32px;
    left: -32px;
    margin-top: -15px;
    margin-top: -12px;
    margin-top: -10px;
}
/*special case for radtree checkboxes*/
.rtLI input[type="checkbox"] + label,
.rtLI input[type="radio"] + label
{
    margin-left: 15px; 
    padding-top: 2px;
}

/* disabled and unchecked */
:root input[type="checkbox"][disabled] + label:before
{
    background: #ddd;
}
:root input[type="checkbox"][disabled] + label
{
    /*color: #ccc;*/
}


/* doug added */
:root input[type="radio"] + label:before
{
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px; 
}


/* x */
:root input[type="checkbox"] + label:after
{
    content:'';
    display:block;
    width: 12px;
    width: 14px;
    height: 12px;
    height: 14px;
    position: absolute;
    left: -26px;
    left: -29px;
    top: 50%;
    top: 57%;
    top: 9px; /* Doug changed position to fix overlay problem when screen size shrinks */
    margin-top: -6px;
    margin-top: -7px;
    background: rgba(255,255,255,.6);
    background: white;
    /*border: 3px solid #ccc;*/
}
:root input[type="radio"] + label:after
{
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    top: 50%;
    top: 57%;
    top: 9px; /* Doug changed position to fix overlay problem when screen size shrinks */
    left: -26px;
    left: -29px;
    background: #eee;
    background: white;
    background: #41545D;
    background: #5E7078;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px; 
    
}
:root _input[type="radio"]:checked + label:after
{
    background: white;
}
:root input[type="radio"]:checked + label:before,
:root input[type="checkbox"]:checked + label:before
{
    
    background: #20BAE5;
    background: #41545D;
    background: #5E7078;
}


/* disabled and checked */
:root input[type="checkbox"][disabled]:checked + label:before
{
    background: #ddd;
}

:root input[type="radio"]:checked + label:after,
:root input[type="checkbox"]:checked + label:after
{
    content:'';
    background: transparent;
    display:block;
    width: 10px;
    width: 8px;
    height: 5px;
    height: 4px;
    border: 4px solid #fff;
    border-width: 0 0 4px 4px;
    position: absolute;
    left: -28px;
    top: 50%;
    top: 57%;
    top: 9px; /* Doug changed position to fix overlay problem when screen size shrinks */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px; 
    margin-top: -6px;
    margin-top: -5px;
    -webkit-transform: rotate(-45deg); 
	   -moz-transform: rotate(-45deg);	
	    -ms-transform: rotate(-45deg); 
	     -o-transform: rotate(-45deg);	
}








ul.checklist 
{
    margin: 0 0 20px;
    padding: 0;
    list-style: none; 
    /*border: 1px solid #ccc;*/
    border-bottom: none;
    /*box-shadow: 0 0 10px 0 rgba(0,0,0,.2); */
}
ul.checklist:after
{
    content:'';
    display: table;
    clear: both;
}
ul.checklist li 
{
    float: left;
    clear: left;
    /*border-bottom: 1px solid #ccc;*/
    width: 100%;    
    position: relative;
    min-height: 38px;
}
ul.checklist li div.RadComboBox 
{
   /* position: absolute; */
   margin-left: 20px;
    right: 1px;
    top: 1px;
}
ul.checklist li div.RadComboBox table 
{
    box-shadow: none;
}
:root _ul.checklist li input[type="radio"]:checked + label,
:root _ul.checklist li input[type="checkbox"]:checked + label
{
    color: #221E1E;   
}
:root _ul.checklist li input[type="checkbox"] + label:before
{
    content:'';
    width: 28px;
    height: 28px;
    background: #ddd;
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    top: 57%;
    top: 9px; /* Doug changed position to fix overlay problem when screen size shrinks */
    margin-top: -14px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px; 
}



/*:root .RadTreeView_MetroTouch .rtSelected span.rtIn:before,*/
:root input[type="checkbox"]:checked + span:before 
{
    background: #20BAE5;
}
/*:root .RadTreeView_MetroTouch .rtSelected span.rtIn:after,*/
:root input[type="checkbox"]:checked + span:after 
{
    border-color: #fff;
}

/*:root .RadTreeView_MetroTouch .rtSelected span.rtIn
{
    background: white;
    color: inherit;   
}
*/





input[type="reset"],
input[type="submit"] {
    border-style: none !important;
    border-color: inherit !important;
    border-width: medium !important;
    display: block;
    /*    border: 1px solid #A3CF04; */
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    border-radius: 35px !important;
    padding: 12px 0;
    padding: 10px 0; /*old*/
    line-height: 20px;
    line-height: 16px; /*old*/
    font-size: 16px; /*old*/
    font-size: 12px;
    font-size: 13px;
    cursor: pointer;
    color: White !important;
    text-align: center !important;
    text-transform: uppercase;
    margin: 20px 0;
    margin: 16px 0; /*old*/
    text-shadow: 0 0 3px rgba(255,255,255,.5);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3), inset 0 18px 10px 0 rgba(255,255,255,.1), inset 0 -18px 10px 0 rgba(0,0,0,.1);
    background: #41545d;
    background: #5E7078 !important;
    /*
    border-color: #41545d; 
    background: -moz-linear-gradient(top,  #41545d 0%, #5e7078 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41545d), color-stop(100%,#5e7078));
    background: -webkit-linear-gradient(top,  #41545d 0%,#5e7078 100%);
    background: -o-linear-gradient(top,  #41545d 0%,#5e7078 100%);
    background: -ms-linear-gradient(top,  #41545d 0%,#5e7078 100%);
    background: linear-gradient(to bottom,  #41545d 0%,#5e7078 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41545d', endColorstr='#5e7078',GradientType=0 );
*/
}

.freshenUI input[type="reset"],
.freshenUI input[type="submit"] {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.3), inset 0 18px 10px 0 rgba(255,255,255,.1), inset 0 -18px 10px 0 rgba(0,0,0,.1);
}

input[type="reset"]:hover,
input[type="submit"]:hover {
    box-shadow: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,.5);
}

/*but for disabled buttons change the behavior*/
    input[type="reset"][disabled="disabled"],
    input[type="submit"][disabled="disabled"]
    {
        box-shadow: none;
        color: gray !important;
        text-shadow: none;  
        background-color: lightgray !important;
    }

input.yellow[type="reset"], 
input.yellow[type="submit"] 
{
    background: #FBCC1A;   
    border-color: #FBCC1A; 
}
input.blue[type="reset"], 
input.blue[type="submit"] 
{
    background: #20BAE5;    
    border-color: #20BAE5; 
}
input.green[type="reset"], 
input.green[type="submit"] 
{
    background: #A3CF04;
    border-color: #A3CF04; 
}


td > _label 
{
    width: 100%;
    text-align: right;
    display: block;
}


.RadGrid a[id*='PerformInsertButton'], 
.RadGrid a[id*='UpdateButton'] 
{
    background: #20BAE5; 
    background: #41545D;
    background: #5E7078;
    clear: left;   
}
.RadGrid a[id*='CancelButton'] 
{
    background: #bbb;    
    background: #5E7078;
}
.RadGrid a[id*='PerformInsertButton'], 
.RadGrid a[id*='UpdateButton'], 
.RadGrid a[id*='CancelButton'] 
{
    text-decoration: none;
    padding: 2px 20px;

    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px; 

    color: White !important;
    text-transform: uppercase;
    font-size: 14px;
    margin-top:15px;
    margin-bottom: 20px;
    display: block;
    /*float:right;*/
    float: left;
    margin-right: 15px;
    line-height:26px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3), inset 0 18px 10px 0 rgba(255,255,255,.1), inset 0 -18px 10px 0 rgba(0,0,0,.1);
}
.RadGrid a[id*='PerformInsertButton']:hover,
.RadGrid a[id*='UpdateButton']:hover,
.RadGrid a[id*='CancelButton']:hover
{
    box-shadow:none;
}

table tr.rgFilterRow td input.rgFilterBox 
{
    /* doug changed
    padding: 8px 4px;
    line-height: 1em; 
    font-size: 14px;   
    */
    font-size: 13px;   
}

table tr.rgFilterRow td input.rgFilterBox:focus {
    border-color: #337ab7;
    outline-style: none;
}

.RadComboBox + span.RadButton 
{
    border: none !important;  
    margin: 0;  
    background: none;
}

.RadComboBox + span.RadButton:hover 
{
    background: none;
}
.RadComboBox + span.RadButton input 
{
    margin: -6px 0 0 0;    
    padding: 4px 18px;
}
.RadComboBox + span.RadButton input:hover 
{
    
}
.RadComboBox + span.RadButton:hover
{
    background: none !important;
    box-shadow: none;
}

.RadListBox 
{
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

.RadListBox li.rlbItem 
{
    font-weight: 100;
    color: black !important;
    font: -webkit-small-control;
    font-style: normal;
    font-variant: normal;
    font-size: 13px !important;
    font-family: Verdana, Helvetica, sans-serif !important;
}

.RadListBox li.rlbItem:hover
{
    background-color: #25a0da !important;
    border-color: #25a0da !important;
}

.RadListBox .rlbActive,
.RadListBox .rlbSelected
{
    background-color: #25a0da !important;
    border-color: #25a0da !important;
}

/* hides the Loading... message in LoadOnDemand RadCombo's*/
.rcbLoading
{
    display: none;
}

.AjaxLoadingPanel
{
    position: absolute;
    z-index: 99999998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    

    text-align:center;

    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;

/*background: #F5F3F0  url(/img/ajax-loader.gif)  center center no-repeat;*/
}

.AjaxLoadingImage{
top: 20px;
left: 20px;
position: absolute;
}

.AjaxLoadingInnerDiv
{
    background-color: white; 
    border-color: #888;
    border-style:solid;
    border-width:thin;
    width: 90px;
    height: 90px;
    position: fixed;
    left: 50%;
    top: 200px;
    margin-left: -62px;
    margin-top: -25px;
    z-index: 99999999;
   
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; 
}



/************************************************************
    Logic below is for the ddlwrapper around a select element 
*************************************************************/
.ddlwrapper
{
    margin-top:1px;
    padding: 0px 2px 5px 2px;
    line-height: normal;
    border: 1px solid #CDCDCD ;
    color:white;
    display:inline-block;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    /*these below styles are only read by ie6 and ie7 which do not support the ddlwrapper*/
    *border-width: 0px;  
    *display:inline;
    background-color: white;
}
.ddlwrapper select 
{
    outline-color: white !important;
    margin-top:4px;
    font:400 13px Verdana, Helvetica, sans-serif;
    background:none;
    border: none;
}
.ddlwrapper select[disabled=disabled]
{
    color: gray;
}

/*in mobile devices (like ios Safari), there is a shiny gray background on the ddl that looks bad: we can hide it with this statement though it hides the dropdown arrow too*/ 
@media screen and (max-width: 700px)
{
    select
    {
        -webkit-appearance: none;
    }
}


/*************************************************************
    Logic below is for the redbutton style
*************************************************************/
.redbuttonlabel
{
    display: block;
    color:white;
    /*vertical-align: top;*/
    cursor:pointer;
}

.redbutton img
{
    margin-top: 10px;
}

.redbutton .arrow_right, .redbutton .arrow_left
{
    margin-top: 13px;
}

/*from http://apps.eky.hk/css-triangle-generator/*/
.arrow_right
{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 0 7px 17px; /*9px 0 9px 20px*/
    border-color: transparent transparent transparent black; /*#686161*/
    display: inline-block;
    margin-left: 10px;
}

.arrow_left
{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 17px 7px 0;
    border-color: transparent black transparent transparent;
    display: inline-block;
    margin-right: 10px;
}

a.redbutton .arrow_right, a.redbutton .arrow_left
{
    border-color: transparent transparent transparent white; /*#686161*/
}

span.redbuttonlabel
{
    /*vertical-align: top;*/
    display: inline-block;
    margin-top: 10px;
}

    span.redbuttonlabel[enabled=false]
    {
        color: white !important;
    }

a.redbutton
{
    color: #be1c13 !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
    border: 1px solid #be1c13;
    display: inline-block;
    background-image: url(/img/redbutton_background.png);
    height: 39px;
    background-repeat: repeat;
    text-align: center;
    font-size: large;
}

    a.redbutton:hover
    {
        background-color: #be1c13;
        text-decoration: none !important;
        background-image: url(/img/redbutton_background_pressed.png);
    }

    a.redbutton[enabled=false], a.redbutton.aspNetDisabled
    {
        color: white !important;
        border: 1px solid #be1c13;
        background-image: url(/img/redbutton_background_pressed.png);
    }

.freshenUI .RadGrid a[id*='PerformInsertButton'],
.freshenUI .RadGrid a[id*='UpdateButton'],
.freshenUI .RadGrid a[id*='CancelButton'] {
    box-shadow: 0 0px 0px 0 rgba(0,0,0,.3), inset 0 18px 10px 0 rgba(255,255,255,.1), inset 0 -18px 10px 0 rgba(0,0,0,.1);
}

/*

// WARNING!!!  If you make changes to this file, be sure to change the 
// "version=x" in Site.Master to force
// the browser to load the latest version
 
    
*/



@media screen and (max-width: 1540px) {
    .center {
        width: auto;
        margin: 0;
    }

    #wrap_all {
        margin: 0;
    }
}




@media screen and (max-width: 1024px) {


    .divStaffTrainingDocumments {
        top: 15px;
        left: -15px;
        overflow: hidden;
        text-align: right;
    }

    /*.divHelpDeskTicketUpdates {
        top: 14px;
        left: -26px;
        overflow: hidden;
        text-align: right;
    }*/

    /*this corrects the logout image showing in this anchor that has no image defined*/
    .header_helpdesk:before {
        background: none !important;
    }

    nav.top {
        position: relative;
        text-align: center;
        height: 32px;
        background: #eee;
        width: 100%;
        right: 0;
    }

        nav.top a {
            color: Black;
            font-size: 16px;
            margin-top: 10px;
            padding: 0 5px 0;
            position: relative;
            top: 5px;
        }

    header nav {
        height: 50px;
    }

    header nav {
        position: relative;
        width: 100%;
        height: auto;
        top: -2px;
    }

    header a {
        padding: 0;
    }

    h2.page_title, p.introduction,
    nav.secondary .center {
        text-align: center;
        max-width: 100%;
    }


    nav.tabs, nav.patienttabs, nav.ordertabs, nav.financialtabs, nav.compliancetabs, nav.outreachtabs {
        border: none;
        background: transparent;
    }

        nav.tabs a, nav.patienttabs a, nav.ordertabs a, nav.financialtabs a, nav.compliancetabs a, nav.outreachtabs a {
            border: 1px solid #ddd;
            display: block;
            float: left;
            margin: 5px 10px 5px 0;
        }

            nav.tabs a.active, nav.patienttabs a.active, nav.ordertabs a.active, nav.financialtabs a.active, nav.compliancetabs a.active, nav.outreachtabs a.active {
                border: 1px solid #ccc;
            }



    nav#main {
        display: none;
    }





    header nav a {
        width: 32px;
        height: 32px;
        overflow: hidden;
        padding: 0;
        text-indent: 100%;
        text-align: left;
        position: absolute;
        top: 50%;
        margin-top: -35px;
    }

        header nav a.user {
            right: 140px;
        }

        .freshenUI nav a.user {
            right: 90px;
        }

        header nav a.status {
            right: 90px;
        }

        header nav a.logout {
            right: 40px;
        }

        header nav a.training {
            right: 240px;
            background-position: 0px 9px;
        }


        header nav a.helpdesk {
            right: 290px;
        }

        /*header nav a.training {
            right: 190px;
            background-position: 0px 5px;
        }*/

        header nav a span {
            display: none;
            color: pink;
        }






    header a.status {
        padding: 0;
    }

        header a.status:after {
            display: none;
        }
}


/* for some unexplained reason (not the retina 768px settings on SiteMaster), pull-down menu disappears at 768, so be sure the menu icon appears in top right at 768 */
@media screen and (max-width: 768px) {
    
    a#open_touch_nav {
        display: block;
        position: absolute;
        width: 32px;
        padding: 0;
        height: 32px;
        right: 10px;
        overflow: hidden;
        top: 50%;
        margin-top: -13px;
        z-index: 800;
        background-image: url(../img/top_nav_icons_sprite.png);
        background-position: -463px -164px;
    }
}

/* but if less than Phone/Narrow Tablet Portrait size */
@media screen and (max-width: 700px) {
    header nav {
        height: 50px;
        top: 23px;
    }


    /*mobile mode */
    #logo {
        top: 15px;
        width: 100px;
        background-position: 0 5px !important;
        overflow: hidden;
        height: 40px;
        left: 18px;
        background: transparent url(../img/snaplogoinverted-20.png) 0 0 no-repeat;
        background-size: inherit !important;
    }

        #logo.basic-customer {
            background: transparent url(../img/basiclogo-24.png?v=1) 0 0 no-repeat;
        }


}


/* HI RES */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min--moz-device-pixel-ratio: 1.5), screen and (min-resolution: 240dpi) {

    header div.center a:before,
    header div.center a#open_touch_nav {
        background-size: 125px 250px;
    }

    header a.user:before {
        background-position: -59px -10px;
    }

    header a.status:before {
        background-position: -9px -60px;
    }

    header a.logout:before {
        background-position: -9px -10px;
    }

    header a.training:before,
    header a.helpdesk:before {
        /*background-position: -59px -10px;*/
        /*background-image:url(../img/filter.gif);*/
        background-image: none;
    }

    a#open_touch_nav {
        background-position: -185px -62px;
        /*background-position: -460px -61px;*/
    }

    #logo {
        /*background-size: 100px 75px; removed because it cause problems with chrome on macs*/
        background-position: 0 0;
    }

}

/*

// WARNING!!!  If you make changes to this file, be sure to change the 
// "version=x" in Site.Master to force
// the browser to load the latest version
 
    
*/



/* OPTIONAL COLORBAR AT TOP OF WEBSITE FOR MULTISITE */
/*red*/
@keyframes colorbar_animation_red {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:#ff3333}
    95% {left:85%; top:0px;color:#ff3333}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_red {
    color:#ff3333;
    background:linear-gradient(to right, #ff3333, rgba(255,0,0,0));
    animation-name: colorbar_animation_red;
}
/*green*/
@keyframes colorbar_animation_green {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:#8ec615}
    95% {left:85%; top:0px;color:#8ec615}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_green {
    color:#8ec615;
    background:linear-gradient(to right, #8ec615, rgba(255,0,0,0));
    animation-name: colorbar_animation_green;
}
/*yellow*/
@keyframes colorbar_animation_yellow {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:yellow}
    95% {left:85%; top:0px;color:yellow}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_yellow {
    color:yellow;
    background:linear-gradient(to right, yellow, rgba(255,0,0,0));
    animation-name: colorbar_animation_yellow;
}
/*orange*/
@keyframes colorbar_animation_orange {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:#fbb622}
    95% {left:85%; top:0px;color:#fbb622}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_orange {
    color:#fbb622;
    background:linear-gradient(to right, #fbb622, rgba(255,0,0,0));
    animation-name: colorbar_animation_orange;
}
/*pink*/
@keyframes colorbar_animation_pink {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:hotpink}
    95% {left:85%; top:0px;color:hotpink}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_pink {
    color:hotpink;
    background:linear-gradient(to right, hotpink, rgba(255,0,0,0));
    animation-name: colorbar_animation_pink;
}
/*blue*/
@keyframes colorbar_animation_blue {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:deepskyblue}
    95% {left:85%; top:0px;color:deepskyblue}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_blue {
    color:deepskyblue;
    background:linear-gradient(to right, deepskyblue, rgba(255,0,0,0));
    animation-name: colorbar_animation_blue;
}
/*silver*/
@keyframes colorbar_animation_silver {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:silver}
    95% {left:85%; top:0px;color:silver}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_silver {
    color:silver;
    background:linear-gradient(to right, silver, rgba(255,0,0,0));
    animation-name: colorbar_animation_silver;
}
/*black*/
@keyframes colorbar_animation_black {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:black}
    95% {left:85%; top:0px;color:black}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_black {
    color:black;
    background:linear-gradient(to right, black, rgba(255,0,0,0));
    animation-name: colorbar_animation_black;
}
/*purple*/
@keyframes colorbar_animation_purple {
    0%   {left:0px; top:0px;color:rgba(255,0,0,0)}
    50% {left:85%; top:0px;color:mediumpurple}
    95% {left:85%; top:0px;color:mediumpurple}
    100% {left:85%; top:0px;color:rgba(255,0,0,0)}
}
.colorbar_purple {
    color:mediumpurple;
    background:linear-gradient(to right, mediumpurple, rgba(255,0,0,0));
    animation-name: colorbar_animation_purple;
}

/*wheat*/
@keyframes colorbar_animation_wheat {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: wheat
    }

    95% {
        left: 85%;
        top: 0px;
        color: wheat
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_wheat {
    color: wheat;
    background: linear-gradient(to right, wheat, rgba(255,0,0,0));
    animation-name: colorbar_animation_wheat;
}

/*crimson*/
@keyframes colorbar_animation_crimson {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: crimson
    }

    95% {
        left: 85%;
        top: 0px;
        color: crimson
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_crimson {
    color: crimson;
    background: linear-gradient(to right, crimson, rgba(255,0,0,0));
    animation-name: colorbar_animation_crimson;
}

/*darkgreen*/
@keyframes colorbar_animation_darkgreen {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: darkgreen
    }

    95% {
        left: 85%;
        top: 0px;
        color: darkgreen
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_darkgreen {
    color: darkgreen;
    background: linear-gradient(to right, darkgreen, rgba(255,0,0,0));
    animation-name: colorbar_animation_darkgreen;
}

/*cyan*/
@keyframes colorbar_animation_cyan {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: cyan
    }

    95% {
        left: 85%;
        top: 0px;
        color: cyan
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_cyan {
    color: cyan;
    background: linear-gradient(to right, cyan, rgba(255,0,0,0));
    animation-name: colorbar_animation_cyan;
}

/*darkred*/
@keyframes colorbar_animation_darkred {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: darkred
    }

    95% {
        left: 85%;
        top: 0px;
        color: darkred
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_darkred {
    color: darkred;
    background: linear-gradient(to right, darkred, rgba(255,0,0,0));
    animation-name: colorbar_animation_darkred;
}

/*gold*/
@keyframes colorbar_animation_gold {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: gold
    }

    95% {
        left: 85%;
        top: 0px;
        color: gold
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_gold {
    color: gold;
    background: linear-gradient(to right, gold, rgba(255,0,0,0));
    animation-name: colorbar_animation_gold;
}

/*lime*/
@keyframes colorbar_animation_lime {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: lime
    }

    95% {
        left: 85%;
        top: 0px;
        color: lime
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_lime {
    color: lime;
    background: linear-gradient(to right, lime, rgba(255,0,0,0));
    animation-name: colorbar_animation_lime;
}

/*navy*/
@keyframes colorbar_animation_navy {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: navy
    }

    95% {
        left: 85%;
        top: 0px;
        color: navy
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_navy {
    color: navy;
    background: linear-gradient(to right, navy, rgba(255,0,0,0));
    animation-name: colorbar_animation_navy;
}

/*salmon*/
@keyframes colorbar_animation_salmon {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: salmon
    }

    95% {
        left: 85%;
        top: 0px;
        color: salmon
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_salmon {
    color: salmon;
    background: linear-gradient(to right, salmon, rgba(255,0,0,0));
    animation-name: colorbar_animation_salmon;
}

/*magenta*/
@keyframes colorbar_animation_magenta {
    0% {
        left: 0px;
        top: 0px;
        color: rgba(255,0,0,0)
    }

    50% {
        left: 85%;
        top: 0px;
        color: magenta
    }

    95% {
        left: 85%;
        top: 0px;
        color: magenta
    }

    100% {
        left: 85%;
        top: 0px;
        color: rgba(255,0,0,0)
    }
}

.colorbar_magenta {
    color: magenta;
    background: linear-gradient(to right, magenta, rgba(255,0,0,0));
    animation-name: colorbar_animation_magenta;
}

/*unending slow cycle through several different colors*/
.animation_color_cycle
{
    color: #BE2828; 
    -webkit-animation: color_cycle 60s linear 5s infinite normal; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: color_cycle 60s linear 5s infinite normal; /* Firefox < 16 */
        -ms-animation: color_cycle 60s linear 5s infinite normal; /* Internet Explorer */
            -o-animation: color_cycle 60s linear 5s infinite normal; /* Opera < 12.1 */
            animation: color_cycle 60s linear 5s infinite normal;
}

/* Firefox < 16 */
@-moz-keyframes color_cycle {
    20%  {color: #FBCC1A;}  /*yellow*/
    40%  {color: #8EC615;}  /*green*/
    60%  {color: #05A5D3;} /*blue*/
    80%  {color: #50626B;}  /*dark bluish gray*/
    100%  {color: #BE2828;}  /*red*/
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes color_cycle {
    20%  {color: #FBCC1A;}  /*yellow*/
    40%  {color: #8EC615;}  /*green*/
    60%  {color: #05A5D3;} /*blue*/
    80%  {color: #50626B;}  /*dark bluish gray*/
    100%  {color: #BE2828;}  /*red*/
}

/* Internet Explorer */
@-ms-keyframes color_cycle {
    20%  {color: #FBCC1A;}  /*yellow*/
    40%  {color: #8EC615;}  /*green*/
    60%  {color: #05A5D3;} /*blue*/
    80%  {color: #50626B;}  /*dark bluish gray*/
    100%  {color: #BE2828;}  /*red*/
}

/* Opera < 12.1 */
@-o-keyframes color_cycle {
    20%  {color: #FBCC1A;}  /*yellow*/
    40%  {color: #8EC615;}  /*green*/
    60%  {color: #05A5D3;} /*blue*/
    80%  {color: #50626B;}  /*dark bluish gray*/
    100%  {color: #BE2828;}  /*red*/
}    
        
@keyframes color_cycle {
    20%  {color: #FBCC1A;}  /*yellow*/
    40%  {color: #8EC615;}  /*green*/
    60%  {color: #05A5D3;} /*blue*/
    80%  {color: #50626B;}  /*dark bluish gray*/
    100%  {color: #BE2828;}  /*red*/
}

/*every 50 seconds make the text size swell for a split second*/
.animation_emphasize
{
    font-size: 100%;
    -webkit-animation: emphasize 5s linear 5s infinite alternate; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: emphasize 50s linear 5s infinite alternate; /* Firefox < 16 */
        -ms-animation: emphasize 50s linear 5s infinite alternate; /* Internet Explorer */
            -o-animation: emphasize 50s linear 5s infinite alternate; /* Opera < 12.1 */
            animation: emphasize 50s linear 5s infinite alternate;
}

/* Firefox < 16 */
@-moz-keyframes emphasize {
    50%  {font-size: 100%;}
    51%   {font-size: 105%;}
    52%  {font-size: 100%;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes emphasize {
    50%  {font-size: 100%;}
    51%   {font-size: 105%;}
    52%  {font-size: 100%;}
}

/* Internet Explorer */
@-ms-keyframes emphasize {
    50%  {font-size: 100%;}
    51%   {font-size: 105%;}
    52%  {font-size: 100%;}
}

/* Opera < 12.1 */
@-o-keyframes emphasize {
    50%  {font-size: 100%;}
    51%   {font-size: 105%;}
    52%  {font-size: 100%;}
}    

@keyframes emphasize {
    50%  {font-size: 100%;}
    51%   {font-size: 105%;}
    52%  {font-size: 100%;}
}


/* fade out periodically for a few seconds*/
.animation_periodic_fade_out
{
    opacity: 1;
    -webkit-animation: periodic_fadeout 60s linear 0s infinite alternate; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: periodic_fadeout 60s linear 0s infinite alternate; /* Firefox < 16 */
        -ms-animation: periodic_fadeout 60s linear 0s infinite alternate; /* Internet Explorer */
            -o-animation: periodic_fadeout 60s linear 0s infinite alternate; /* Opera < 12.1 */
            animation: periodic_fadeout 60s linear 0s infinite alternate;
}

/* Firefox < 16 */
@-moz-keyframes periodic_fadeout {
    48%  {opacity: 1;}
    50%  {opacity: 0;}
    55%  {opacity: 0;}
    57%  {opacity: 1;}
    100%  {opacity: 1;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes periodic_fadeout {
    48%  {opacity: 1;}
    50%  {opacity: 0;}
    55%  {opacity: 0;}
    57%  {opacity: 1;}
    100%  {opacity: 1;}
}

/* Internet Explorer */
@-ms-keyframes periodic_fadeout {
    48%  {opacity: 1;}
    50%  {opacity: 0;}
    55%  {opacity: 0;}
    57%  {opacity: 1;}
    100%  {opacity: 1;}
}

/* Opera < 12.1 */
@-o-keyframes periodic_fadeout {
    48%  {opacity: 1;}
    50%  {opacity: 0;}
    55%  {opacity: 0;}
    57%  {opacity: 1;}
    100%  {opacity: 1;}
}    


@keyframes periodic_fadeout {
    48%  {opacity: 1;}
    50%  {opacity: 0;}
    55%  {opacity: 0;}
    57%  {opacity: 1;}
    100%  {opacity: 1;}
}

/*

// WARNING!!!  If you make changes to this file, be sure to change the 
// "version=x" in Site.Master to force
// the browser to load the latest version
 
    
*/

nav.mega_menu {
	height: 50px;
	z-index: 1555;
	width: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background: #eee;
}
a.show_mega_menu {
	display: none;
}
nav.mega_menu a {
	text-decoration: none;
	position: relative;
}
nav.mega_menu a.arrow {
	padding-right: 40px;
    font-size: 16px !important;
}

nav.mega_menu a.arrow,nav.mega_menu a.root_no_arrow {
	padding-right: 40px;
    font-size: 16px !important;
}

.visible_to_master_users_only {
    text-align: right;
    font-size: 8pt;
    color: gray;
}

/* arrow fallback for IE8 */
nav.mega_menu a.arrow:before
{
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border: 6px solid red;
    border-color: transparent transparent transparent #ddd;
    border-right-width: 0;
}

:root nav.mega_menu a.arrow:before, 
:root nav.mega_menu a.arrow:after {
	content: '';
	position: absolute;
	right: 16px;
	width: 8px;
	height: 8px;
	display: block;
	top: 50%;
	margin-top: -5px;
	border: 4px solid #aaa;
	border-width: 3px 3px 0 0;	
	
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	-o-transform:rotate(45deg); /* Opera */
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
:root nav.mega_menu a.arrow:after {
	border-color: #ddd;
	margin-top: -4px;
}
:root nav.mega_menu > ul > li > a.arrow:before, 
:root nav.mega_menu > ul > li > a.arrow:after {
	transform:rotate(135deg);
	-ms-transform:rotate(135deg); /* IE 9 */
	-moz-transform:rotate(135deg); /* Firefox */
	-webkit-transform:rotate(135deg); /* Safari and Chrome */
	-o-transform:rotate(135deg); /* Opera */
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	margin-top: -9px;
}
:root nav.mega_menu > ul > li > a.arrow:after {
	margin-top: -8px;
}




nav.mega_menu > ul 
{
    margin: 0 auto;
    padding: 0;
    max-width: 1500px;
}
nav.mega_menu > ul > li {
	float: left;
	display: block; 
	position: relative;
	border-right: 1px solid #ddd;
	margin: 0;
}
nav.mega_menu > ul > li > a{
	float: left;
	display: block; 
	padding: 15px 30px 15px 15px;
	position: relative;
/* 	outline: 1px solid yellow; */
}
nav.mega_menu > ul > li > a:hover{
	/*background: #eee;*/
}





nav.mega_menu ul.lefty > li > ul {
	left: -96%;
}

nav.mega_menu > ul > li > a.current
{
    background: #fff;
    position: relative;  
    border-bottom: 1px solid white;  
}
_nav.mega_menu > ul > li > a.current:before
{
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -2px;
    content: '';
    background: #fff;    
}



nav.mega_menu > ul > li > a:hover,
nav.mega_menu a.active {
	/*background: #eee;*/
	/*background: rgba(0,0,0,.05);*/
}
nav.mega_menu ul li a:hover,
nav.mega_menu ul ul a.active {
	background: #eee;
	background: rgba(0,0,0,.05);
	background: #20BAE5;
	color: White;
}
nav.mega_menu ul li a:hover span,
nav.mega_menu ul ul a.active span{
	color: White;
}

/* drop downs */
nav.mega_menu ul ul {
	margin: 0;
	padding: 0;
	display: none;	
	position: absolute;	
	width: 325px;
	list-style: none;
	background: #fff;
	z-index: 1555;
    outline: 1px solid gray;
}
:root nav.mega_menu ul ul
{
	box-shadow: 0 2px 10px rgba(0,0,0,3), 0 4px 36px rgba(0,0,0,.25);
    outline: none;
}

nav.mega_menu ul ul li {
	display: block;
	position: relative;
    background: #ffffff;
}
nav.mega_menu ul ul li a{
	display: block;
	padding: 10px;
    font-size: 16px !important;
	border-bottom: 1px solid #eee;
}

nav.mega_menu > ul > li > ul {
	left: 0;
	top: 45px;
}
nav.mega_menu > ul > li > ul ul {	
	left: 100%;
	top: 0;
}




@media screen and (max-width: 700px){

	body {
		
		xbackground: #5E7078;
		
	}
	
	nav.mega_menu {
		display: none;
		border-bottom: 1px solid #ddd;
		height: auto;
	}
	nav.mega_menu:after 
	{
	    content: '';
	    display: table; 
	    clear: both;   
	} 
	nav.mega_menu,
	nav.mega_menu ul li,
	nav.mega_menu ul ul,
	nav.mega_menu ul li a,
	nav.mega_menu ul {

		width: 100% !important;
		clear: both !important;
		left: 0 !important;
		top: 0 !important;
		position: relative !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	nav.mega_menu {
		width: auto !important;
/* 		overflow-x: hidden; */
	}
	nav.mega_menu ul li a {
/* 		padding: 0 !important; */
		font-size: 16px !important;
	}
	nav.mega_menu ul li a span{
		padding: 14px 10px;
		display: block;
		width: auto;
	}
	nav.mega_menu ul ul li a span{
		padding-left: 18px;
	}
	nav.mega_menu ul ul ul li a span{
		padding-left: 22px;
	}
	nav.mega_menu ul ul ul ul li a span{
		padding-left: 26px;
	}
	nav.mega_menu ul ul li:before {
		content: '';
		height: 100%;
		width: 4px;
		background: #ccc;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 555;
	}
	nav.mega_menu ul ul ul li:before {
		width: 8px;
	}
	nav.mega_menu ul ul ul ul li:before {
		width: 12px;
	}
	nav.mega_menu ul ul ul ul ul li:before {
		width: 16px;
	}
	nav.mega_menu ul ul ul ul ul ul li:before {
		width: 20px;
	}
	
	
	nav.mega_menu > ul > li > a.arrow:before, 
	nav.mega_menu > ul > li > a.arrow:after {
		transform:rotate(45deg);
		-ms-transform:rotate(45deg); /* IE 9 */
		-moz-transform:rotate(45deg); /* Firefox */
		-webkit-transform:rotate(45deg); /* Safari and Chrome */
		-o-transform:rotate(45deg); /* Opera */
		margin-top: -5px;
	}
	nav.mega_menu > ul > li > a.arrow:after {
		margin-top: -4px;
	}
	
	nav.mega_menu ul > li > a.active:before, 
	nav.mega_menu ul > li > a.active:after {
		transform:rotate(135deg);
		-ms-transform:rotate(135deg); /* IE 9 */
		-moz-transform:rotate(135deg); /* Firefox */
		-webkit-transform:rotate(135deg); /* Safari and Chrome */
		-o-transform:rotate(135deg); /* Opera */
		margin-top: -9px;
	}
	nav.mega_menu ul > li > a.active:after {
		margin-top: -8px;
	}
	
	nav.mega_menu ul ul {
		box-shadow: inset 0 2px 5px rgba(0,0,0,.3);

	}
	nav.mega_menu ul {
		border: none;
/* 		border-bottom: 1px solid #bbb; */
	}
	nav.mega_menu ul li {
/* 		border: none; */
		border-top: 1px solid #ccc;
		border-bottom: none !important;
	}
	nav.mega_menu ul li a{
		border: none;
/* 		border-top: 1px solid #bbb; */
	}
	
	a.show_mega_menu {
		display: block;
		width: 32px;
		height: 32px;
		outline: 1px solid blue;
	}

	
}