@charset "UTF-8";
/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px 1px 1px 1px);
    position: absolute !important;
}

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

.ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui-helper-clearfix { display: inline-block; }

/* required comment for clearfix to work in Opera \*/

* html .ui-helper-clearfix { height: 1%; }

.ui-helper-clearfix { display: block; }

/* end clearfix */

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

/* Interaction Cues
----------------------------------*/

.ui-state-disabled { cursor: default !important; }

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

/* states and images */

.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

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

/* Overlays */

.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */

/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1.1em;
}

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

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    background: #fcfdfd url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    border: 1px solid #a6c9e2;
    color: #222222;
}

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

.ui-widget-header {
    background: #5c9ccc url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    border: 1px solid #4297d7;
    color: #ffffff;
    font-weight: bold;
}

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

/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #dfeffc url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    border: 1px solid #c5dbec;
    color: #2e6e9e;
    font-weight: bold;
}

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

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #d0e5f5 url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    border: 1px solid #79b7e7;
    color: #1d5987;
    font-weight: bold;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #1d5987;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #f5f8f9 url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
    border: 1px solid #79b7e7;
    color: #e17009;
    font-weight: bold;
}

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

.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #fbec88 url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
    border: 1px solid #fad42e;
    color: #363636;
}

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

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background: #fef1ec url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    border: 1px solid #cd0a0a;
    color: #cd0a0a;
}

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

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

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

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

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

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

/* states and images */

.ui-icon {
    background-image: url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-icons_469bdd_256x240.png);
    height: 16px;
    width: 16px;
}

.ui-widget-content .ui-icon { background-image: url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-icons_469bdd_256x240.png); }

.ui-state-default .ui-icon { background-image: url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-icons_6da8d5_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-icons_217bc0_256x240.png); }

.ui-state-active .ui-icon { background-image: url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-icons_f9bd01_256x240.png); }

.ui-state-highlight .ui-icon { background-image: url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first { background-position: -80px -160px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Corner radius */

.ui-corner-tl {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-corner-right {
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-corner-left {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.ui-corner-all {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    filter: Alpha(Opacity=30);
    opacity: .30;
}

.ui-widget-shadow {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #aaaaaa url(/App_Themes/ARA/Styles/css/themes/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    border-radius: 8px;
    filter: Alpha(Opacity=30);
    margin: -8px 0 0 -8px;
    opacity: .30;
    padding: 8px;
}

/*
 * jQuery UI Resizable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */

.ui-resizable { position: relative; }

.ui-resizable-handle {
    /* http://bugs.jqueryui.com/ticket/7233
	 - Resizable: resizable handles fail to work in IE if transparent and content overlaps
	*/
    background-image: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=);
    display: block;
    font-size: 0.1px;
    position: absolute;
    z-index: 99999;
}

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

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

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

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

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

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

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

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

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

/*
 * jQuery UI Selectable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */

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

/*
 * jQuery UI Accordion 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */

/* IE/Win - Fix animation bug - #4615 */

.ui-accordion { width: 100%; }

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    margin-top: 1px;
    position: relative;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix { display: inline; }

.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

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

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

.ui-accordion .ui-accordion-content {
    border-top: 0;
    display: none;
    margin-bottom: 2px;
    margin-top: -2px;
    overflow: auto;
    padding: 1em 2.2em;
    position: relative;
    top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active { display: block; }

/*
 * jQuery UI Autocomplete 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */

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

/* workarounds */

* html .ui-autocomplete { width: 1px; }

/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.13
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

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

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

.ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    zoom: 1;
}

.ui-menu .ui-menu-item a {
    display: block;
    line-height: 1.5;
    padding: .2em .4em;
    text-decoration: none;
    zoom: 1;
}

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

/*
 * jQuery UI Button 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button {
    cursor: pointer;
    display: inline-block;
    margin-right: .1em;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    zoom: 1;
}

/* the overflow property removes extra width in IE */

.ui-button-icon-only { width: 2.2em; }

/* to make room for the icon, a width needs to be set here */

button.ui-button-icon-only { width: 2.4em; }

/* button elements seem to need a little more width */

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

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

/*button text element */

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

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

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

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

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

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */

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

/*button icon element(s) */

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

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

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

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

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

/*button sets*/

.ui-buttonset { margin-right: 7px; }

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

/* workarounds */

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* reset extra padding in Firefox */

/*
 * jQuery UI Dialog 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */

.ui-dialog {
    overflow: hidden;
    padding: .2em;
    position: absolute;
    width: 300px;
}

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

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
}

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

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

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

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

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

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

.ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px;
}

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

/*
 * jQuery UI Slider 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
 * jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */

.ui-tabs {
    padding: .2em;
    position: relative;
    zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

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

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

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

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

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

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

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

.ui-tabs .ui-tabs-hide { display: none !important; }

/*
 * jQuery UI Datepicker 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi { width: auto; }

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

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

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

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

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

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

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

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

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

/* RTL support */

.ui-datepicker-rtl { direction: rtl; }

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

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

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

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

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

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

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

.ui-datepicker-rtl .ui-datepicker-group { float: right; }

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

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

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

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

/*
 * jQuery UI Progressbar 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */

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

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

/* Import fonts */
@font-face {
    font-family: 'segoe_uiregular';
    font-style: normal;
    font-weight: normal;
    src: url('/App_Themes/ARA/Styles/fonts/segoeui-webfont.eot');
    src: url('/App_Themes/ARA/Styles/fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'), url('/App_Themes/ARA/Styles/fonts/segoeui-webfont.woff') format('woff'), url('/App_Themes/ARA/Styles/fonts/segoeui-webfont.ttf') format('truetype'), url('/App_Themes/ARA/Styles/fonts/segoeui-webfont.svg#segoe_uiregular') format('svg');
}

@font-face {
    font-family: 'segoe_uiregular';
    font-style: normal;
    font-weight: 500;
    src: url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.eot');
    src: url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.eot?#iefix') format('embedded-opentype'), url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'segoe_uiregular';
    font-style: normal;
    font-weight: 600;
    src: url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.eot');
    src: url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.eot?#iefix') format('embedded-opentype'), url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'segoe_uiregular';
    font-style: normal;
    font-weight: 700;
    src: url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.eot');
    src: url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.eot?#iefix') format('embedded-opentype'), url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'segoe_uilight_italic';
    font-style: normal;
    font-weight: normal;
    src: url('/App_Themes/ARA/Styles/fonts/seguili-webfont.eot');
    src: url('/App_Themes/ARA/Styles/fonts/seguili-webfont.eot?#iefix') format('embedded-opentype'), url('/App_Themes/ARA/Styles/fonts/seguili-webfont.woff') format('woff'), url('/App_Themes/ARA/Styles/fonts/seguili-webfont.ttf') format('truetype'), url('/App_Themes/ARA/Styles/fonts/seguili-webfont.svg#segoe_uilight_italic') format('svg');
}

@font-face {
    font-family: 'segoe_uilight';
    font-style: normal;
    font-weight: normal;
    src: url('/App_Themes/ARA/Styles/fonts/segoeuil-webfont.eot');
    src: url('/App_Themes/ARA/Styles/fonts/segoeuil-webfont.eot?#iefix') format('embedded-opentype'), url('/App_Themes/ARA/Styles/fonts/segoeuil-webfont.woff') format('woff'), url('/App_Themes/ARA/Styles/fonts/segoeuil-webfont.ttf') format('truetype'), url('/App_Themes/ARA/Styles/fonts/segoeuil-webfont.svg#segoe_uilight') format('svg');
}

@font-face {
    font-family: 'segoe_ui_semibold';
    font-style: normal;
    font-weight: bold;
    src: url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.eot');
    src: url('/App_Themes/ARA/Styles/fonts/segoeui-semibold.eot?#iefix') format('embedded-opentype'),
        url('/App_Themes/ARA/Styles/fonts/SegoeUI-semibold.ttf') format('truetype');

}

#glass-panel {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 10000000;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#glass-panel::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.ui-button .ui-button-text {
    line-height: 1 !important;
}

button:focus {
    outline: none;
}

/* style for html page & body */

.readersuccess {
    background-color: lightgreen;
    color: black;
}

.standardColour {
    color: #007193;
}

.standardColourBorder {
    border: 1px #007193 solid;
}

.standardColourBottomBorder {
    border-bottom: 1px #007193 solid;
}

#exportmsg {
    float: left;
    font-family: segoe_uiregular, "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 12px;
    padding-top: 5px;
}

html, body {
    padding: 0;
}

html {
    overflow-x: scroll;
    overflow-y: scroll;
}

body {
    font-size: 12px;
}

* {
    font-family: segoe_uiregular, "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* text */

hr {
    background-color: rgb(153,153,153);
    border: 0;
    color: #007193;
    height: 2px;
}

p, ul {
    line-height: 1.6em;
    margin-bottom: 20px;
}

a {
    color: #007193;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a img {
        border: none;
    }

    a.ul {
        border: none;
        text-decoration: none;
    }

        a.ul span {
            color: #007193;
            text-decoration: none;
        }

        a.ul:hover span {
            text-decoration: underline;
        }

input[type="text"],
input[type="password"],
textarea {
    border: solid 1px rgb(153,153,153);
    color: #696969;
    font-size: 13px;
    height: 20px;
    padding: 2px 2px;
    width: 200px;
}

select {
    height: 26px;
    line-height: 26px;
    width: auto;
}

input, select:active, select:focus {
    outline-color: #007193;
    border-color: #007193;
}

input[type="submit"],
input[type="button"],
.button,
button {
    border: solid 1px #287191;
    color: #287191;
    cursor: pointer;
    height: 30px;
    font-size: 14px;
    margin: 15px 15px 15px 0;
    background-color: #F0F0F0;    
}

input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
button:hover {
    background-color: #007193 !important;
    color: white !important;
}

td a.button {
    margin: 0;
    padding: 3px 6px;
}
a.button {
    display: flex;
    flex-direction: row;
    padding: 0;
    height: 30px;
    align-items:center;
    font-size: 14px;
}
    a.button.inline {
        display:inline-flex;
        padding-left: 10px;        
    }

a.button:hover { text-decoration: none; }
a.button img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    border: solid 1px #287191;
    color: #007193;
}

    .ui-state-default:hover, .ui-widget-content .ui-state-default:hover {
        background: #007193;
        color: white;
    }

h1, h2, h3, h4, h5, h6 {
    color: #007193;
    font-size: 1.5em;
    font-weight: normal;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: #007193;
    }

        h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
            color: #77c043;
        }

h1 {
    font-size: 2em;
    padding-bottom: 0;
}

h2 {
    font-weight: bold;
    margin-bottom: 8px;
}

h3 {
    color: #555;
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

h4 {
    border-bottom: solid 1px rgb(153,153,153);
    color: #555;
    font-size: 11px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

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

label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 2px;
    text-align: right;
}

    label span {
        font-weight: normal;
    }

.field {
    display: block;
    padding: 0 10px 2px 0;
    padding-top: 3px;
    vertical-align: middle;
    /*height:18px;*/
}

.fieldWithFloat {
    display: block;
    float: left;
    padding: 0 10px 2px 0;
    padding-top: 3px;
    vertical-align: middle;
}

pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.rightColumn > h1,
.rightColumn > h2,
.leftColumn > h1,
.leftColumn > h2 {
    margin-top: 0;
}

.leftColumn {
    float: left;
}

.cbList {
    display: inline !important;
}

/* file upload */

DIV.ProgressBar {
    border: 1px solid black;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    height: .75em;
    margin-left: 1em;
    margin-right: 1em;
    padding: 0;
    width: 100px;
    zoom: 1;
}

    DIV.ProgressBar DIV {
        background-color: Green;
        float: left;
        font-size: 1pt;
        height: 100%;
    }

SPAN.asyncUploader OBJECT {
    left: 10px;
    position: relative;
    top: 5px;
}

/* construct */

.logo {
    margin: 30px 25px -10px 25px;
}

.page {
    margin: 0 auto 0;
}

.pager, .current {
    background-color: rgb(92, 135, 178);
    color: #fff;
    font-weight: bold;
    margin-top: 4px;
    padding: 3px 5px;
    text-align: center;
}

#header {
    background-color: white;
    color: #000;
    margin-bottom: 0;
    min-width: 1220px;
    padding: 0;
    position: relative;
    border-bottom: 4px #007193 solid;
}

    #header h1 {
        border: none;
        color: #fff;
        font: 32px/2em Arial, Helvetica, sans-serif !important;
        font-weight: bold;
        margin: 0;
        padding: 5px 0;
    }

#main {
    background-color: #fff;
    margin-bottom: 20px;
    min-width: 1220px;
    padding: 10px 10px 10px 10px;
    min-height: calc(100vh - 300px);
}

.UserRoleCheckList input {
    height: 18px;
}

.ui-multiselect-menu label {
    text-align: left !important;
}

#footer {
    border-top: 3px solid rgb(153,153,153);
    color: #999;
    font-size: .9em;
    line-height: normal;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

#logindisplay {
    color: #007193;
    font-size: 1.1em;
    margin: 5px 10px 0 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 2px;
    vertical-align: middle;
}

.help {
    margin-right: 25px;
}

    .help img {
        float: left;
        margin-right: 0;
        margin-top: -5px;
    }

#logindisplay a {
    color: #007193;
}

.clear {
    clear: both;
}

.selectedBranch > span > a {
    font-weight: bold;
}

.breadCrumb {
    color: #777;
    /*display: inline;*/
    display: none;
    float: right;
}

    .breadCrumb a {
        border-color: #777;
        color: #777;
        line-height: 13px;
    }

#GridNoResults {
    font-size: larger;
    font-weight: bold;
    margin-top: 25px;
}

.search {
    background: rgb(204, 203, 202);
    border: solid 2px rgb(153,153,153);
    margin-bottom: 20px;
    padding: 10px;
}
.search-condensed {
    padding: 2px 10px;
}

    .search div {
        padding-bottom: 10px;
        padding-right: 5px;
    }

.filter:not(.button){
    background: rgb(204, 203, 202);
    border: solid 2px rgb(153,153,153);
    padding: 10px;
}

.search img {
    float: left;
    margin: 4px 0;
}

.search label {
    font-weight: bold;
    padding: 0 0 0 5px;
    text-align: right;
}

    .search label span {
        font-weight: normal;
    }

    .search label.single {
        line-height: 32px;
    }

.search input[type="text"],
.search input[type="checkbox"],
.search input[type="password"] {
    float: left;
}
.search-condensed input[type="text"] {
    width: 120px;
}

.search select {
    float: left;
}

.search input[type="submit"],
.search input[type="button"],
.search button {
    margin: 4px 0 4px 15px;
    padding: 0 20px 0 35px;
}

.search input[type="submit"].cancel,
.search input[type="button"].cancel {
    margin: 4px 0 4px 15px;
    padding: 0 20px 0 35px;
    width: 100px;
}

/*.search input[type="submit"].accept,
.search input[type="button"].accept {
    margin: 4px 0 4px 15px;
    padding: 0 20px 0 35px;
    width: 100px;
}*/

#messages {
    background: url("/App_Themes/ARA/Styles/images/icons/info_16.png") no-repeat 6px 60% #eaeaea;
    border: solid 2px #ccc;
    margin: 0 0 20px;
    padding: 4px 0 4px 30px;
}

    #messages li {
        list-style: none;
    }

.info {
    background: url("/App_Themes/ARA/Styles/images/icons/info_16.png") no-repeat 6px 5px #eaeaea;
    border: solid 2px #ccc;
    margin: 0 0 10px;
    padding: 4px 0 4px 30px;
}
    .info a {
        color: #007193;
    }

.errors {
    background-color: #f08080;
    background-image: url("/App_Themes/ARA/Styles/images/icons/warning_48.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border: 1px solid red;
    margin-bottom: 20px;
    padding-left: 80px;
    padding-top: 10px;
    vertical-align: middle;
}

    .errors li {
        color: #fff !important;
    }

.errorlittle {
    background-color: #f08080;
    background-image: url("/App_Themes/ARA/Styles/images/icons/warning_16.png");
    background-position: 5px 5px;
    background-repeat: no-repeat;
    border: 1px solid red;
    float: left;
    padding: 5px 5px 5px 35px;
    vertical-align: middle;
}

/* Styles for buttons
-----------------------------------------------------------*/

.button.default {
   padding-left: 10px !important;
   border-left-width: 4px !important;
}

.add {
    background: url("/App_Themes/ARA/Styles/images/icons/add1_16.png") no-repeat 5% 50%;
    padding-left: 35px !important;
}

.resetpassword {
    background: url("/App_Themes/ARA/Styles/images/icons/update-password-icon-bg.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.attachment {
    background: url("/App_Themes/ARA/Styles/images/icons/attachment-icon-bg.png") no-repeat 5% 50%;
    padding-left: 35px !important;
}

.accept {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 3% 50%;
    padding-left: 35px !important;
    border-left-width: 4px !important;
}

.filter.button {
    background: url("/App_Themes/ARA/Styles/images/icons/filter-icon-bg.png") no-repeat 3% 50% #eaeaea;
    padding-left: 35px !important;
    border-left-width: 4px !important;
}

.search-button {
    background: url("/App_Themes/ARA/Styles/images/icons/search_08_24.png") no-repeat 5% 50%;
    padding-left: 35px !important;
    border-left-width: 4px !important;
}

.tick {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 5% 50%;
    padding-left: 35px !important;
}

.cross {
    background: url("/App_Themes/ARA/Styles/images/icons/delete_16.png") no-repeat 5% 50%;
    padding-left: 35px !important;
}

.suspend {
    background: url("/App_Themes/ARA/Styles/images/icons/suspend_16.png") no-repeat 3% 50%;
    padding-left: 35px !important;
}

.setcompetencies, .setjobroles {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.verify {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 5% 50%;
    padding-left: 35px !important;
}

.reject {
    background: url("/App_Themes/ARA/Styles/images/icons/delete_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.valid {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 5% 50% #cccbca;
    padding-left: 35px !important;
}

.acknowledge {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.select {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}
.next {
    background: url("/App_Themes/ARA/Styles/images/icons/next-outline.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.searchbtn {
    background: url("/App_Themes/ARA/Styles/images/icons/search_08_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
    border-left-width: 4px !important;
}

.savebtn {
    background: url("/App_Themes/ARA/Styles/images/icons/floppy_2_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
    border-left-width: 4px !important;
}

.view, .viewmedical, .review {
    background: url("/App_Themes/ARA/Styles/images/icons/view_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.notes {
    background: url("/App_Themes/ARA/Styles/images/icons/notes_bg_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.award {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.employ {
    background: url("/App_Themes/ARA/Styles/images/icons/add1_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.associate {
    background: url("/App_Themes/ARA/Styles/images/icons/add1_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.assess {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.previous {
    background: url("/App_Themes/ARA/Styles/images/icons/Previous-outline.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.cancel {
    background: url("/App_Themes/ARA/Styles/images/icons/cancel_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
    border-left-width: 4px !important;
}

.edit {
    background: url("/App_Themes/ARA/Styles/images/icons/edit_16.png") no-repeat 5% 50%;
    padding-left: 35px !important;
}

.takedown {
    background: url("/App_Themes/ARA/Styles/images/icons/takedown_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.issuecard {
    background: url("/App_Themes/ARA/Styles/images/icons/contact_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.assigncard {
    background: url("/App_Themes/ARA/Styles/images/icons/contact_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.cancelcard {
    background: url("/App_Themes/ARA/Styles/images/icons/cancel_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.bookvisit {
    background: url("/App_Themes/ARA/Styles/images/icons/cal_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.adddelivery {
    background: url("/App_Themes/ARA/Styles/images/icons/shipping_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.re-issuecard {
    background: url("/App_Themes/ARA/Styles/images/icons/redo_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.editbutton {
    background: url("/App_Themes/ARA/Styles/images/icons/edit_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.pause {
    background: url("/App_Themes/ARA/Styles/images/icons/pause_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.play {
    background: url("/App_Themes/ARA/Styles/images/icons/play_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.printbutton {
    background: url("/App_Themes/ARA/Styles/images/icons/printer_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.medicalbutton {
    background: url("/App_Themes/ARA/Styles/images/icons/medical_16.png") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
}

.makeexempt {
    background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50% #f0f0f0;
    padding-left: 35px !important;
}

.liftexemption {
    background: url("/App_Themes/ARA/Styles/images/icons/cancel_16.png") no-repeat 0% 50% #f0f0f0;
    padding-left: 35px !important;
}

.editvalidators {
    background: url("/App_Themes/ARA/Styles/images/icons/edit_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.delete, .deleterole, .deleteuser {
    background: url("/App_Themes/ARA/Styles/images/icons/delete_16.png") no-repeat 5% 50%;
    padding-left: 35px !important;
}

.deletebtn {
    background: url("/App_Themes/ARA/Styles/images/icons/delete_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.basket {
    background: url("/App_Themes/ARA/Styles/images/icons/basket_48.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.basketbtn {
    background: url("/App_Themes/ARA/Styles/images/icons/basket_16.png") no-repeat 2% 50%;
    padding-left: 35px !important;
}

.export {
    background: url("/App_Themes/ARA/Styles/images/icons/export_16.png") no-repeat 0% 50%;
    padding-left: 35px !important;
}

.payment-history {
    background: url("/App_Themes/ARA/Styles/images/icons/dashboard/payment-history.png") no-repeat 0% 50%;
    padding-left: 35px !important;
    background-size:20px;
}


.exportbtn {
    background: url("/App_Themes/ARA/Styles/images/icons/export_16.png") no-repeat 5% 50%;
    padding-left: 35px !important;    
    border-left-width: 4px !important;
}

.recordresult {
    padding-left: 35px !important;
    background: url("/App_Themes/ARA/Styles/images/icons/medical_16.png") no-repeat 0% 50%;
}

com, grid .icon {
    padding-left: 35px !important;
}

.gridColumnCentre {
    text-align: right !important;
}

/* forms */

.photo {
    cursor: pointer;
    float: left;
    padding: 2px 15px 14px 14px;
    text-align: center;
}

    .photo a {
        border: none;
    }

        .photo a span {
            color: #007193;
            text-decoration: underline;
        }

        .photo a:hover span {
            text-decoration: underline;
        }

.formContainer {
    float: left;
    padding: 2px 14px 14px 14px;
}

    .formContainer h4 {
        margin: 0 0 15px;
    }

.form, .formCompact, .formAlt, .formLW {
    background: rgb(204, 203, 202);
    border: 1px solid rgb(153,153,153);
    clear: both;
    float: left;
    margin-bottom: 5px;
    padding: 14px 14px 0;
}

.formColumn0 {
    float: left;
    margin: 0 0 15px;
    width: 470px;
}

.formColumn520 {
    float: left;
    margin: 0 0 15px;
    width: 520px;
}

.formColumn540 {
    float: left;
    margin: 0 0 15px;
    width: 540px;
}

.formColumn100 {
    float: left;
    margin: 0 0 15px;
    padding-right: 30px;
    width: 400px;
}

.formColumn600 {
    float: left;
    margin: 0 0 15px;
    padding-right: 30px;
    width: 600px;
}

.formColumn700 {
    float: left;
    margin: 0 0 15px;
    padding-right: 30px;
    width: 700px;
}

.formColumn800 {
    float: left;
    margin: 0 0 15px;
    padding-right: 30px;
    width: 800px;
}

.formColumn900lw {
    float: left;
    margin: 0 0 15px;
    padding-right: 30px;
    width: 900px;
}

    .formColumn900lw label {
        clear: left;
        display: block;
        float: left;
        font-weight: bold;
        height: 18px;
        padding-right: 5px;
        padding-top: 3px;
        width: 300px !important;
    }

.formColumn100 div {
    line-height: normal;
}

.formColumn1 {
    float: left;
    margin: 0 0 15px;
    padding: 0 15px 0 0;
    width: 550px;
}

.formColumn2 {
    border-left: solid 1px rgb(153,153,153);
    float: left;
    margin: 0 0 15px;
    padding: 0 0 0 15px;
    width: 550px;
}

.vtabContainer {
    margin: 5px 5px 30px 10px;
    margin-left: 0px;
    min-height: 500px;
}

.dashSubHead {
    background: rgb(204, 203, 202);
    font-size: larger;
    font-weight: bold;
    margin-top: 30px;
    padding: 5px;
}

.dashSubHeadTop {
    background: rgb(204, 203, 202);
    font-size: larger;
    font-weight: bold;
    padding: 5px;
}

.dashSubHeadPadded {
    background: rgb(204, 203, 202);
    font-size: larger;
    font-weight: bold;
    margin-top: 10px;
    padding: 5px;
    padding-left: 30px;
}

.dashSubHeadTopPadded {
    background: rgb(204, 203, 202);
    font-size: larger;
    font-weight: bold;
    padding: 5px;
    padding-left: 30px;
}

/* Styles for card renders
-----------------------------------------------------------*/

.cardRender {
    float: left;
    padding-left: 30px;
}

#card {
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 270px;
    width: 430px;
}

.cardRender p {
    color: red;
    float: left;
    font-size: 80px;
    font-weight: bold;
    height: 280px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 420px;
}

.small {
    color: #666666;
    display: block;
    font-size: 10px;
    font-weight: normal;
    text-align: right;
    width: 250px;
}

/* Styles for form
-----------------------------------------------------------*/

.form label {
    clear: left;
    display: block;
    float: left;
    font-weight: bold;
    height: 18px;
    padding-right: 5px;
    padding-top: 3px;
    width: 250px;
}

.formLW label {
    clear: left;
    display: block;
    float: left;
    font-weight: bold;
    height: 18px;
    padding-right: 5px;
    padding-top: 3px;
    width: 260px;
}

.formCompact label {
    clear: left;
    display: block;
    float: left;
    font-weight: bold;
    height: 18px;
    padding-right: 5px;
    padding-top: 3px;
    width: 250px;
}

.form label span {
    color: #999;
    font-size: 11px;
}

    .form label span.required {
        color: red;
        font-weight: bold;
    }

label span.required {
    color: red;
    font-weight: bold;
}

.formLW input,
.formLW select,
.formLW textarea {
    display: block;
    margin-bottom: 2px;
    width: 250px;
}

.form input,
.form select,
.form textarea {
    margin-bottom: 2px;
    width: 250px;
}

.form textarea {
    height: 200px;
    margin-bottom: 20px;
}

.form input[type="checkbox"], .form input[type="radio"] {
    display: block;
    height: 20px;
    width: auto;
}

.formLW input[type="checkbox"], .formLW input[type="radio"] {
    display: block;
    height: 20px;
    width: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .form input[type="checkbox"] {
        float: left;
        height: 18px !important;
    }
}

.form select {
    width: 256px;
}

.formAlt label {
    clear: left;
    display: block;
    float: left;
    font-weight: bold;
    height: 22px;
    padding-right: 5px;
    padding-top: 2px;
    width: 140px;
}

    .formAlt label span {
        color: #999;
        display: block;
        font-size: 11px;
    }

.formAlt input,
.formAlt select,
.formAlt textarea {
    margin-bottom: 8px;
}

.form2 input[type="checkbox"], .form input[type="radio"] {
    width: auto;
}

.formContainer input[type="button"].button-sm,
.formContainer .button-sm {
    margin: 10px 10px 10px 0;
    /*padding-left: 35px !important;*/
    width: 100px;
}

.formContainer input[type="submit"],
.formContainer input[type="button"],
.formContainer button {
    margin: 15px 15px 0 0;
    /*padding-left: 35px !important;*/
    background-color:#F0F0F0 ;
}

.formContainer input[type="submit"]:hover,
.formContainer input[type="button"]:hover,
.formContainer button:hover {
    background-color: #287191 !important;
    color: white !important;
}

.formContainer h2 {
    margin-bottom: 0;
}

.formContainer hr {
    margin-top: 0;
}

.table td .button{
    margin:auto;
}
.swipes input[type="text"] {
    width: 90px;
}

.modifiedBy {
    color: #888;
    padding-top: 15px;
}

    .modifiedBy a {
        border-color: #888;
        color: #888;
    }

/* people tree */

.PeopleTreeTable {
    width: 100%;
}

.PeopleTree {
    border: solid 1px rgb(153,153,153);
    border-top: none;
    padding: 15px;
    width: 300px;
}

.PeopleTreeResults {
    border: solid 1px rgb(153,153,153);
    border-top: none;
    padding: 15px;
}

.PeopleTreeTable .search {
    margin: 0;
}

.PeopleTreeHeading {
    background: rgb(204, 203, 202);
    border: solid 2px rgb(153,153,153);
    padding: 10px 10px 10px 15px;
}

.PeopleTreeGap {
    width: 15px;
}

/* quals */

.expiredQual {
    color: Red;
}

.Red {
    color: Red;
}

.Green {
    color: Green;
}

.soonToExpireQual {
    color: Orange;
}

/* tables */

.table td {
    padding: 5px;
    vertical-align: top;
}

.table {
    border: solid 1px #ccc;
    color: #696969;
    padding: 5px;
}

    .table th {
        background-color: #007193;
        color: #fff;
        padding: 5px;
    }

    .table td {
        border-spacing: 0;
        padding: 5px;
        vertical-align: top;
    }

    .table a {
        border-color: #696969;
        color: #696969;
    }

/* dashboard */

.Db {
    width: 100%;
}

.DbTable {
    height: 100%;
    width: 100%;
}

.DbTableHeading {
    /*background: rgb(204, 203, 202);
    border: solid 2px rgb(153,153,153);*/
    background: rgb(204, 203, 202);
    border: solid 2px rgb(153,153,153);
    padding: 10px 10px 10px 15px;
}

.DbTableContent {
    border: solid 1px rgb(153,153,153);
    border-top: none;
    height: 350px;
    padding: 15px;
}

.DbTableContentShort {
    border: solid 1px rgb(153,153,153);
    border-top: none;
    height: 250px;
    padding: 15px;
}

.DbStatsTable {
    font-size: 36px;
    width: 100%;
}

    .DbStatsTable td:first-child {
        padding-right: 15px;
        text-align: right;
    }

    .DbStatsTable a {
        border-color: #777;
        color: #777;
        font-size: 12px;
        text-decoration: none;
        vertical-align: super;
    }

    .DbStatsTable .dashboardNonLink {
        border-color: #777;
        color: #777;
        font-size: 12px;
        text-decoration: none;
    }

    .DbStatsTable a:hover {
        color: #007193;
        text-decoration: none;
    }

    .DbStatsTable span {
        color: #f66;
    }

        .DbStatsTable span a {
            border-color: #f66;
            color: #f66;
        }

/* swipe plan */

.PeopleTable {
    border-bottom: solid 2px #ccc;
    float: left;
    min-width: 400px;
}

.SwipeTable {
    overflow: auto;
    width: auto;
}

.Table {
    border: solid 2px #ccc;
    color: #696969;
    float: left;
}

.rowHeader {
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.row,
.rowAlt {
    border-top: solid 1px #ccc;
    clear: both;
    margin: 1px 0;
    text-align: center;
}

.row2 {
    clear: both;
    font-weight: bold;
    height: 21px;
    text-align: center;
}

.row2start {
    border-top: solid 2px #ccc;
}

.row a, .row2 a {
    border-color: #696969;
    color: #696969;
}

.cellTotal {
    display: inline;
    float: left;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100px;
}

.cell,
.cellAlt {
    display: inline;
    float: left;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 30px;
}

.cell200,
.cell200Indent {
    border-left: solid 2px #ccc;
    display: inline;
    float: left;
    height: 20px;
    padding-left: 10px;
    text-align: left;
}

.readersuccess {
    background-color: lightgreen;
    color: black;
}

.progress-bar-info {
    background-color: yellow;
}

.progress-bar-success {
    background-color: lightgreen;
}

.progress-bar {
    border: 1px black solid;
}

.cell200Indent {
    padding-left: 25px;
}

.cell200 a {
    border: none;
}

.shift,
.zone1,
.zone2,
.zone3 {
    display: inline;
    filter: alpha(opacity=80);
    float: left;
    font-size: 8px;
    height: 12px;
    margin-top: 4px;
    opacity: 0.8;
    position: absolute;
    z-index: 10;
}

.zoneshift {
    display: inline;
    filter: alpha(opacity=80);
    float: left;
    font-size: 8px;
    height: 8px;
    margin-top: 4px;
    opacity: 0.8;
    position: relative;
    top: 2px;
    z-index: 10;
}

.zone1 {
    background-color: #ff6666;
}

.zone2 {
    background-color: #fff132;
}

.zone3 {
    background-color: #00eb7e;
}

/* tree views */

.treeview a {
    border: none;
    color: #007193;
    text-decoration: none;
}

    .treeview a:hover {
        color: #007193;
        text-decoration: none;
    }

    .treeview a img {
        padding-right: 5px;
        vertical-align: top;
    }

.ShiftValid {
    position: relative;
}

.ShiftNoStart {
    background-color: #ff0;
}

.ShiftNoEnd {
    background-color: #f00;
}

.cellContainer {
    left: 0;
    overflow: hidden;
    position: relative;
}

.cell2 {
    color: #000000;
    list-style-type: square;
    margin-left: 15px;
}

.cellAlt {
    background-color: #eee;
}

/* menu */

#menucontainer {
    height: 39px;
    margin-right: 10px;
}

ul#menu {
    margin: 0;
    min-width: 1220px;
    padding: 0 0 6px;
    position: relative;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
    }

        ul#menu li#greeting {
            color: #fff;
            font-weight: bold;
            line-height: 2.8em;
            padding: 10px 20px;
            text-decoration: none;
        }

        ul#menu li a {
            background-color: #007193;
            border: none;
            color: white;
            display: inline-block;
            font-weight: bold;
            height: 35px;
            line-height: 2.8em;
            margin-bottom: 5px;
            padding: 0 19px;
            text-decoration: none;
        }

            ul#menu li a:hover {
                background: #77c043;
                color: #00313B;
                text-decoration: none;
            }

        ul#menu li.selected a {
            background: #fff;
            color: #000;
        }

        ul#menu li.active a {
            background: #77c043;
            color: #00313B;
        }

        ul#menu li:first-child a {
            -moz-border-radius-topleft: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
        }

        ul#menu li:last-child a {
            -moz-border-radius-topright: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
        }

/* jquery overrides */

.ui-tabs {
    padding: 0;
}

#tabs .ui-tabs-nav {
    background: rgb(204, 203, 202);
    padding-left: 5px;
    
}

.ui-widget-header {
    border: none;
}

#tabs .ui-tabs-nav a {
    border: none;
    color: #666;
    font-weight: normal;
}

#tabs .ui-state-default {
    background: #f2f2f2;
    border: solid 2px rgb(153,153,153);
    border-bottom: solid 2px rgb(153,153,153) !important;
    margin-right: 5px;
    padding: 0;
    position: relative;
    top: 3px;
}

#tabs .ui-state-active {
    background: #fff;
    border-bottom: solid 2px #fff !important;
}

    #tabs .ui-state-active a {
        color: #007193;
    }

#tabs .ui-state-hover a {
    background: #fff;
    color: #007193;
}

#tabs .ui-corner-top {
    -moz-border-radius: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: none;
}

#swipestabs .ui-tabs-panel {
    -moz-border-radius: 0 !important;
    border: solid 2px rgb(153,153,153);
    border-top: none;
    padding: 15px;
    overflow-y: auto;
}

#swipestabs .ui-tabs-nav {
    background: rgb(204, 203, 202);
    border: solid 2px rgb(153,153,153);
    padding-left: 5px;
}

#swipestabs .ui-tabs-nav a {
    border: none;
    color: #666;
    font-weight: normal;
}

#swipestabs .ui-state-default {
    background: #f2f2f2;
    border: solid 2px rgb(153,153,153);
    border-bottom: solid 2px rgb(153,153,153) !important;
    margin-right: 5px;
    padding: 0;
    position: relative;
    top: 3px;
}

#swipestabs .ui-state-active {
    background: #fff;
    border-bottom: solid 2px #fff !important;
}

    #swipestabs .ui-state-active a {
        color: #007193;
    }

#swipestabs .ui-state-hover a {
    background: #fff;
    color: #007193;
}

#swipestabs .ui-corner-top {
    -moz-border-radius: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: none;
}

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

.ui-widget-content a:hover {
    border-color: #287191;
}

.ui-widget-header {
    background: rgb(204, 203, 202);
    border: solid 2px rgb(153,153,153);
    color: #555;
}

.ui-corner-all {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.datePicker {
    float: left;
    width: 85px !important;
}

#ui-datepicker-div {
    z-index: 99999 !important;
}

a.ui-dialog-titlebar-close,
a.ui-datepicker-prev,
a.ui-datepicker-next {
    border: none;
}

/* misc */

.Expired {
    color: #f00;
    font-weight: bold;
}

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    background-color: #ffeeee;
    border: 1px solid #ff0000 !important;
}

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

.validation-summary-valid {
    display: none;
}

.cancelled {
    display: none;
}

.filterlink {
    background-color: lightgrey;
    border: 1px solid black;
    color: black;
    float: left;
    margin-bottom: 10px;
    margin-right: 2px;
    padding: 3px;
    width: 45%;
}

.filterlinkActive {
    background-color: lightgrey;
    border: 1px solid black;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 2px;
    padding: 3px;
    width: 45%;
}

/* Styles for tables
-----------------------------------------------------------*/

.ResultTable tr:nth-child(even) {
    background: #CCC;
}

.ResultTable tr:nth-child(odd) {
    background: #FFF;
}

.ResultTable th {
    background: rgb(92, 135, 178);
    color: white;
    padding: 8px;
    text-align: left;
    white-space: nowrap;
    width: auto;
}

.ResultTable td {
    color: Black;
    padding: 4px;
}

.ResultTable th a {
    color: White !important;
    margin-right: 10px;
    text-decoration: underline;
}

/* TAB OVERRIDES TO MAKE VERTICAL
-----------------------------------------------------------*/

#tabs {
    display: inline-flex;
    flex-direction: row;
    border: 1px solid rgb(153,153,153) !important;
    padding-top: 2px;
    padding-bottom: 2px;
    min-width: calc(100vw - 60px);
}

    #tabs .ui-widget-header {
        margin: -3.3px;
    }

    #tabs .ui-tabs-nav {
        padding: 1em 0 0.9em 0.7em;
        width: 18.0em;
        min-height:calc(100vh - 150px);
    }

        #tabs .ui-tabs-nav li {
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px 0 0 4px;
            border-bottom-width: 1px !important;
            border-radius: 4px 0 0 4px;
            border-right: none;
            margin-bottom: 3px;
            overflow: hidden;
            width: 100%;
        }

            #tabs .ui-tabs-nav li.ui-tabs-selected {
                border-right: 1px solid transparent;
            }

            #tabs .ui-tabs-nav li a {
                float: left;
                padding-left: 1em;
                text-align: left;
                width: 100%;
            }

                #tabs .ui-tabs-nav li a:hover {
                    background: #77c043;
                    color: #00313B;
                }

    #tabs .ui-tabs-panel {
        /*border: 1px solid rgb(153,153,153);*/
        min-height: 750px;
        padding: 10px 10px 10px 10px;
        flex: 1;
    }

.ui-widget-content, #tabs .ui-tabs-panel.ui-widget-content {
    
}

    #tabs .ui-tabs-selected {
        background: #77c043;
        border: 0 !important;
        padding: 0 !important;
    }

    #tabs .ui-tabs-selected a {
        background: #77c043;
        color: #00313B !important;
    }

    #tabs .ui-tabs-nav li a {
        color: #333333;
        font-weight: bold;
    }

    #tabs .ui-tabs-nav li {
        border: 0 !important;
    }

    #swipestabs {
        padding-left: 6.5em;
        position: relative;
    }

    #swipestabs .ui-widget-header {
        border-color: rgb(153, 153, 153);
        margin: -3.3px;
    }

    #swipestabs .ui-tabs-nav {
        background: rgb(204, 203, 202);
        bottom: 0.25em;
        left: 0.25em;
        padding: 1em 0 0.9em 0.7em;
        position: absolute;
        top: 0.25em;
        width: 6.0em;
    }

    #swipestabs .ui-tabs-nav li {
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-bottom-width: 1px !important;
        border-radius: 4px 0 0 4px;
        border-right: none;
        margin-bottom: 3px;
        overflow: hidden;
        width: 100%;
    }

    #swipestabs .ui-tabs-nav li.ui-tabs-selected {
        border-right: 1px solid transparent;
    }

    #swipestabs .ui-tabs-nav li a {
        padding-left: 1em;
        text-align: left;
        width: 100%;
    }

    #swipestabs .ui-tabs-nav li a:hover {
        background: #77c043;
        color: #00313B;
    }

    #swipestabs .ui-tabs-panel {
        border: 1px solid rgb(153, 153, 153);
        min-height: 600px;
        padding: 10px 0 0 10px;
    }

    #swipestabs .ui-tabs-selected {
        background: #77c043;
        border: 0 !important;
        padding: 0 !important;
    }

    #swipestabs .ui-tabs-selected a {
        background: #77c043;
        color: #00313B !important;
    }

    #swipestabs .ui-tabs-nav li a {
        color: #333333;
        font-weight: bold;
    }

    #swipestabs .ui-tabs-nav li {
        border: 0 !important;
    }

.CardCheckName {
    float: left;
    font-weight: bold;
    vertical-align: top;
}

.CardCheckVal {
    float: left;
    padding: 0;
    vertical-align: top;
}

.additionalFilterDiv {
    clear: both;
}

.test {
    width: 500px;
}

/*Reporting*/

/*.DbTableReport { border-collapse: collapse; }*/

.DbTableReport tr:nth-child(even) {
    background: #f3f3f3;
}

.DbTableReport tr:nth-child(odd) {
    background: #FFF;
}

.DbTableReport th {
    background: rgb(0, 113, 147);
    color: white;
    padding: 8px;
    text-align: left;
}

.DbTableReport td {
    color: Black;
    padding: 5px;
}

.DbTableReport th a {
    color: White !important;
    margin-right: 10px;
    text-decoration: underline;
}

.SearchFont {
    color: rgb(92, 135, 178);
    font-weight: bold;
}

.spacer10 {
    clear: both;
    height: 10px;
}

.highlight {
    border: 1px solid red;
}

.selectItems {
    font-size: 12px;
    width: 500px;
}

.selected {
    background-color: rgb(92, 135, 178);
    width: 500px;
}

.unselected {
    background-color: white;
}

.quicksearch {
    font-size: 10px;
}

.additionalFilterDiv {
    clear: both;
}

/*End Reporting*/

/* Loading Display*/

.overlay {
    -moz-opacity: 0.30;
    background-color: #FFFFFF;
    filter: Alpha(Opacity=30);
    height: 100%;
    left: 0;
    opacity: 0.30;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

* html .overlay {
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    position: absolute;
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

.loaderaction {
    left: 50%;
    margin-left: -60px;
    position: fixed;
    top: 50%;
    width: 120px;
    z-index: 100;
}

* html .loaderaction {
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    position: absolute;
}

/* End Loading Display*/

.DashBoardText {
    color: #888888;
    font-style: italic;
}

.certificate {
    padding: 14px;
    width: 700px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.skillSightDataTable tr:nth-child(even) {
    background: #d3d3d3;
    width: 480px;
}

.skillSightDataTable tr:nth-child(odd) {
    background: #ADD8E6;
    width: 480px;
}

.skillSightDataTable {
    width: 1000px;
    margin-left: 2px;
    border-spacing: 0 2px;
}

    .skillSightDataTable td {
        padding-left: 5px;
        padding-right: 5px;
    }

#CompHeader tr:first-child td {
    background-color: #77c043;
}

.ss-container {
    max-width: 900px;
    width: 100%;
    margin: auto auto;
}

.ss-text-muted { color: #969696; }
.ss-m-0 { margin: 0; }
.ss-m-1 { margin: 1em; }
.ss-m-2 { margin: 2em; }
.ss-m-3 { margin: 3em; }
.ss-m-4 { margin: 4em; }

.ss-mr-1 { margin-right: 1em; }
.ss-mr-2 { margin-right: 2em; }
.ss-mr-3 { margin-right: 3em; }
.ss-mr-4 { margin-right: 4em; }

.ss-ml-1 { margin-left: 1em; }
.ss-ml-2 { margin-left: 2em; }
.ss-ml-3 { margin-left: 3em; }
.ss-ml-4 { margin-left: 4em; }

.ss-mt-1 { margin-top: 1em; }
.ss-mt-2 { margin-top: 2em; }
.ss-mt-3 { margin-top: 3em; }
.ss-mt-4 { margin-top: 4em; }

.ss-d-inline { display: inline !important; }
.ss-d-block {display: block !important;}
.ss-d-inline-block { display: inline-block !important; }
.ss-table { border-collapse: collapse; width: 100%; }
.ss-table  tbody tr { border-bottom: solid 1px silver; }
.ss-table  thead th { text-align: left; font-weight: normal; font-size: 1.2em; }
.ss-text-right { text-align: right; }
.ss-text-left { text-align: left; }
.ss-font-weight-bold {
    font-weight: bold;
}
.shopping-cart form .remove-item { margin: 0; }

.ss-form-component label { text-align: left; display: block }

.shopping-cart .basket-container {
    display: flex;
    flex-direction: row;
}
.shopping-cart .basket-card {
    flex-grow: 3
}
.shopping-cart .totals {
    flex-grow: 2;
    margin: 0;
    padding: 0;
    margin-left: 30px;
    margin-top: 10px;
}
.shopping-cart .totals .header {
    padding: 5px;
    background: whitesmoke;
    border: solid 1px #d0d0d0;
}
.shopping-cart .totals .actions {
    background: whitesmoke;
    border: solid 1px #d0d0d0;
}
.shopping-cart .totals .actions form {
    text-align: right;
}
.shopping-cart .totals .actions form button {
    margin: 10px;
}
.shopping-cart .totals .header h2 {
    margin: 0;
    padding: 0;
}
.shopping-cart .totals table {
    width: 100%;
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
}
.shopping-cart .basket-item {
    width: 100%;
    border: solid 1px #d0d0d0;
    padding: 0;
    margin: 10px 0;
}
.shopping-cart .basket-item .header {
    padding: 5px;
    background: whitesmoke;
    border-bottom: solid 1px #d0d0d0;
}
.shopping-cart .basket-item .header h2 {
    margin: 0;
    padding: 0;
}
.shopping-cart .basket-item .header h2 .ref {
    float: right;
    font-weight: normal;
    margin-top: 5px;
    margin-right: 5px;
}
.shopping-cart .basket-item .contents {
    padding: 5px;
    display: table;
    display: -webkit-flex;
    width: 100%;
    min-height: 90px;
}
.shopping-cart .basket-item .individuals .deletebtn {
    border-left: solid 1px #007193;
    border-top: solid 1px #007193;
    border-right: solid 1px #007193;
    border-bottom: solid 1px #007193;
    color: #007193;
    cursor: pointer;
    height: 24px;
    margin: 0;
    padding-left: 15px;
    padding-right: 2px;
    border: none;
}
.shopping-cart .basket-item .contents .details {
    display: table-cell;
    width: 75%;
}
.shopping-cart .basket-item .contents .price {
    display: table-cell;
    width: 25%;
    position: relative;
}
.shopping-cart .basket-item .contents .price table {
    text-align: right;
    margin-right: 20px;
    position: absolute;
    right: 0;
}
.shopping-cart .basket-item .contents .details table {
    width: 100%;
}
.shopping-cart .basket-item .contents .details table tbody tr td button {
    margin: 5px;
    padding: 12px;
    border-left-width: 1px;
    border: none;
    background-position-x: 4px;
}
.shopping-cart .basket-item .contents .details table thead th {
    text-align: left;
}
.shopping-cart .basket-item .actions  {
    border-top: solid 1px #d0d0d0;
    background: whitesmoke;
    text-align: right;
}

.shopping-cart .basket-item .actions form button {
    margin: 10px !important;
}
.shopping-cart .payment.body {
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    padding-top: 5px;
    padding-left: 5px;
}
.shopping-cart #payment-button-container {
    text-align: center;
}
.shopping-cart #poa-panel {
    margin-left: 20px;
}
.shopping-cart .payment-options-card {
    margin-top: 20px;
}

.shopping-cart.checkout .totals table,
.shopping-cart.order-details .totals table {
    border-bottom: solid 1px #d0d0d0;
}

/********************************
    Dashboard
*********************************/
#main.dashboard {
    background-color: #f6f6f6;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-shrink: 1;
}

.flex-col {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 20%;
    margin-bottom: 70px;

}
.flex-break {
    flex-grow: 1;
    flex-shrink: 2;
    flex-basis: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .flex-col {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;
        margin-bottom: 70px;
        margin-right: 20px;
    }

    .flex-break {
        flex-grow: 1;
        flex-shrink: 2;
        flex-basis: 20px;
        margin-right: 20px;
    }
}

.flex-col:first-child {
    margin-left: 0px;
}

.flex-col:last-child {
    margin-right: 0px;
}

.card-header {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 1rem;
    font-family: 'segoe_ui_semibold';
    margin-bottom: 5px;
}

.card-body {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #CBCACA;
    border-radius: 0.25rem;
    font-size: 1.125rem;
    color: #1E75A4;
    padding: 5px;
}

.card-body a {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #1E75A4;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .card-body {
        display: inline-flex;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;
        flex-wrap: nowrap;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid #CBCACA;
        border-radius: 0.25rem;
        font-size: 1.125rem;
        color: #1E75A4;
        padding: 5px;
        width: 100%;
        padding-right: 20px;
    }

    .card-body a {
        display: flex;
        align-items: center;
        white-space: nowrap;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        flex-wrap: nowrap;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        color: #1E75A4;
    }
 }

.card-body a:hover {
    color: #00A19D;
}

.card-body img {
    height: 40px;
    margin-right: 5px;
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 7px;
    color: white;
    background-color: #1E75A4;
    margin-left: 5px;
}

.checkbox-select ul {
    border: solid 1px rgb(153, 153, 153);
    background: white;
    width: 255px;
    display: inline-block;
    padding-bottom: 15px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 0;
}

.checkbox-select ul li {
    list-style: none;
}

.checkbox-select label {
    float: initial;
    text-align: left;
    font-weight: normal;
}

.form .checkbox-select input[type=checkbox] {
    float: initial !important;
    margin-right: 10px;
    height: 12px !important;
}

/********************************
    Competency Table
*********************************/
#divAwardCompetence {
    padding: 4px;
}

/********* Col1 *************/
/* Parent Competency */
.scol1 {
width: 80px;
max-width: 80px;
word-wrap:break-word;
}

.scol8 {
width: 60px;
max-width: 60px;
word-wrap:break-word;
}

.scol9 {
width: 220px;
max-width: 220px;
word-wrap:break-word;
}

.scol10 {
width: 120px;
max-width: 120px;
word-wrap:break-word;
}

/* Children of Parent Competency */

*[id*='Assessment'] .scol1 {
width: 160px;
max-width: 160px;
word-wrap:break-word;
}

*[id*='Endorsment'] .scol1 {
width: 160px;
max-width: 160px;
word-wrap:break-word;
}

/* Children of Endorsments */

*[id*='Endorsment'] *[id*='Assessment'] .scol1 {
width: 200px;
max-width: 200px;
word-wrap:break-word;
}

/********* End Col1 **********/

/********* Col2 *************/

.scol2 {
width: 300px;
max-width: 300px;
word-wrap:break-word;
}

*[id*='Endorsment'] .scol2 {
width: 300px;
max-width: 300px;
word-wrap:break-word;
}

/********* End Col2 **********/

.scol3 {
width: 210px;
max-width: 210px;
word-wrap:break-word;
}

.scol4 {
width: 120px;
max-width: 120px;
word-wrap:break-word;
}

.scol5 {
width: 120px;
max-width: 120px;
word-wrap:break-word;
}

.scol6 {
width: 60px;
max-width: 60px;
word-wrap:break-word;
}

.scol7 {
font-size: 12px;
width: 270px;
max-width: 270px;
word-wrap:break-word;
}

.scol7head {
width: 200px;
max-width: 200px;
word-wrap:break-word;
}

#CompetencyHeader  {
    border-collapse: collapse;
}

#CompetencyHeader > thead {
color: #fff;
font-size: 14px;
font-weight: bold;

}

#CompetencyHeader > thead  th {
    padding: 3px;
    border-bottom:2pt solid #FFF;
}
#CompetencyHeader > thead  th:not(:first-child) {
    border-left:2pt solid #FFF;
}

#CompetencyHeader tr:first-child th {
    background-color: #77c043;
}

.competenceBorder td {
border-bottom: 1pt solid #DDDDDD;
}

*[id*='CompetenceExpand'] b { }

*[id*='CompetenceExpand'].active {
background-image: url('/Styles/Images/Icons/Expand.png');
background-position-y: 3px;
-ms-background-repeat: no-repeat;
background-repeat: no-repeat;
}

*[id*='CompetenceExpand'].Inactive {
background-image: url('/Styles/Images/Icons/Contract.png');
background-position-y: 3px;
-ms-background-repeat: no-repeat;
background-repeat: no-repeat;
}

*[id*='Competence'] td.img {
    text-align: center;
 }

*[id*='CompetenceExpandProb'].active {
background-image: url('/Styles/Images/Icons/Expand.png');
background-position-y: 3px;
-ms-background-repeat: no-repeat;
background-repeat: no-repeat;
}

*[id*='CompetenceExpandProb'].Inactive {
background-image: url('/Styles/Images/Icons/Contract.png');
background-position-y: 3px;
-ms-background-repeat: no-repeat;
background-repeat: no-repeat;
}

*[class*="GroupHeader"] td {
background-color: #DDDDDD;
background-position: 8px 8px;
background-repeat: no-repeat;
font-size: 14px;
padding: 5px;
}

*[class*="GroupHeader"] span { margin-left: 30px; }

*[class*="GroupHeader"] td .active {
background-position: 8px 8px;
background-repeat: no-repeat;
}

*[class*="GroupHeader"] td .Inactive {
background-position: 8px 8px;
background-repeat: no-repeat;
}

#divAwardCompetence div {
    padding: 4px;
}

.no-select {
    pointer-events: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.no-select input {
   background: whitesmoke;
}

.awardCompetence {
    cursor: pointer;
    white-space: normal;
    white-space: initial;
}

.validCompetence {
    white-space: normal;
    white-space: initial;
}

.button:disabled {
    opacity: 0.5;
    user-select: none;
    pointer-events: none;
}

.hide{
    display: none;
}
.hidden {
    visibility:hidden;
}

.switch-toggle {
    position: relative;
    display: inline-block;
    width: 43px !important;
    height: 24px !important;
    padding: 0 !important;

    input {
        opacity: 0;
        width: 0;
        height: 0;
    }
}

.switch-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-toggle-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .switch-toggle-slider {
    background-color: #77c043;
}

input:focus + .switch-toggle-slider {
    box-shadow: 0 0 1px #77c043;
}

input:checked + .switch-toggle-slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}
/* Rounded sliders */
.switch-toggle-slider.round {
    border-radius: 34px;
}

.switch-toggle-slider.round:before {
    border-radius: 50%;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.hideBtn {
    background: url("/App_Themes/ARA/Styles/images/icons/hide.svg") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
    border-left-width: 4px !important;
}

.showBtn {
    background: url("/App_Themes/ARA/Styles/images/icons/expand.svg") no-repeat 5% 50% #f0f0f0;
    padding-left: 35px !important;
    border-left-width: 4px !important;
}

.dataTable td a {
    display: flex;
    text-decoration: underline;
    cursor: pointer;    
    align-items:center;
}
.dataTable td a img {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
}

.ui-dialog .ui-dialog-buttonpane button {
    height: auto;
    padding: 2px 1px;
    background: #F0F0F0;
}



/* CSS Document */

/* changes */

.gridGroup { color: Black !important; }

.gridGroup TD { background-color: #e8eef4 !important; }

.flexigrid input, .flexigrid select {
    margin: 1px 0 0 0 !important;
    width: auto !important;
}

.flexigrid select {
    height: 24px;
    padding: 2px;
}

/* end changes */

.flexigrid {
    border: 0 solid #eee;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    overflow: hidden;
    position: relative;
}

.flexigrid.hideBody {
    border-bottom: 1px solid #ccc;
    height: 26px !important;
}

.ie6fullwidthbug {
    border-right: 0 solid #ccc;
    padding-right: 2px;
}

.flexigrid div.nDiv {
    background: #eee url(/App_Themes/ARA/Styles/css/flexigrid/images/line.gif) repeat-y -1px top;
    border: 1px solid #ccc;
    border-top: 0;
    float: left;
    left: 0;
    overflow: auto;
    position: absolute;
    z-index: 999;
}

.flexigrid div.nDiv table { margin: 2px; }

.flexigrid div.hDivBox {
    float: left;
    padding-right: 40px;
}

.flexigrid div.bDiv table { margin-bottom: 10px; }

.flexigrid div.bDiv table.autoht {
    border-bottom: 0;
    margin-bottom: 0;
}

.flexigrid div.nDiv td {
    border: 1px solid #eee;
    cursor: default;
    padding: 2px 3px;
}

.flexigrid div.nDiv td.ndcol1 { border-right: 1px solid #ccc; }

.flexigrid div.nDiv td.ndcol2 {
    border-left: 1px solid #fff;
    padding-right: 10px;
}

.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1 { border-right: 1px solid #d2e3ec; }

.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2 { border-left: 1px solid #eef8ff; }

.flexigrid div.nBtn {
    border: 0 solid #ccc;
    border-left: 1px solid #ccc;
    cursor: pointer;
    display: none;
    height: 24px;
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 0;
    width: 14px;
    z-index: 900;
}

.flexigrid div.nBtn div {
    background: url(/App_Themes/ARA/Styles/css/flexigrid/images/ddn.png) no-repeat center;
    border-left: 1px solid #fff;
    float: left;
    height: 24px;
    width: 12px;
}

.flexigrid div.nBtn.srtd { background: url(/App_Themes/ARA/Styles/css/flexigrid/images/wbg.gif) repeat-x 0 -1px; }

.flexigrid div.mDiv {
    background: url(/App_Themes/ARA/Styles/css/flexigrid/images/wbg.gif) repeat-x top;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0;
    display: block;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.flexigrid div.mDiv div {
    padding: 6px;
    white-space: nowrap;
}

.flexigrid div.mDiv div.ptogtitle {
    border: 1px solid #ccc;
    cursor: pointer;
    height: 16px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 16px;
}

.flexigrid div.mDiv div.ptogtitle:hover {
    background-position: left -2px;
    border-color: #bbb;
}

.flexigrid div.mDiv div.ptogtitle span {
    background: url(/App_Themes/ARA/Styles/css/flexigrid/images/uup.png) no-repeat center;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #eee;
    border-top: 1px solid #fff;
    display: block;
    height: 14px;
    width: 14px;
}

.flexigrid div.mDiv div.ptogtitle.vsble span { background: url(/App_Themes/ARA/Styles/css/flexigrid/images/ddn.png) no-repeat center; }

.flexigrid div.tDiv /*toolbar*/ {
    background: #fafafa url(/App_Themes/ARA/Styles/css/flexigrid/images/bg.gif) repeat-x top;
    border: 1px solid #ccc;
    border-bottom: 0;
    overflow: hidden;
    position: relative;
}

.flexigrid div.tDiv2 {
    clear: both;
    float: left;
    padding: 1px;
}

.flexigrid div.sDiv /*toolbar*/ {
    background: #fafafa url(/App_Themes/ARA/Styles/css/flexigrid/images/bg.gif) repeat-x top;
    border: 1px solid #ccc;
    border-top: 0;
    display: none;
    overflow: hidden;
    position: relative;
}

.flexigrid div.sDiv2 {
    clear: both;
    float: left;
    padding: 5px;
    padding-left: 5px;
    width: 1024px;
}

.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select { vertical-align: middle; }

.flexigrid div.btnseparator {
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
    float: left;
    height: 22px;
    margin: 1px;
}

.flexigrid div.fbutton {
    cursor: pointer;
    display: block;
    float: left;
}

.flexigrid div.fbutton div {
    padding: 6px;
}

/*.flexigrid div.fbutton span {
    display: block;
    float: left;
    padding: 3px;
}*/


.flexigrid div.hDiv {
    background: #fafafa url(/App_Themes/ARA/Styles/css/flexigrid/images/fhbg.gif) repeat-x bottom;
    border: 1px solid #ccc;
    border-bottom: 0;
    overflow: hidden;
    position: relative;
}

.flexigrid div.hDiv table { border-right: 1px solid #fff; }

.flexigrid div.cDrag {
    float: left;
    overflow: visible;
    position: absolute;
    z-index: 2;
}

.flexigrid div.cDrag div {
    background: none;
    cursor: col-resize;
    display: block;
    float: left;
    height: 24px;
    position: absolute;
    width: 5px;
}

.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging { background: url(/App_Themes/ARA/Styles/css/flexigrid/images/line.gif) repeat-y 2px center; }

.flexigrid div.iDiv {
    background: none;
    border: 1px solid #316ac5;
    overflow: visible;
    position: absolute;
}

.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.flexigrid div.iDiv input.tb {
    background: none;
    border: 0;
    height: 100%;
    padding: 0;
    padding: 0;
    width: 100%;
}

.flexigrid div.bDiv {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    overflow: auto;
    position: relative;
}

.flexigrid div.bDiv table { border-bottom: 1px solid #ccc; }

.flexigrid div.hGrip {
    background: url(/App_Themes/ARA/Styles/css/flexigrid/images/line.gif) repeat-x center;
    cursor: col-resize;
    height: 5px;
    margin-right: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
}

.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver {
    border-right: 1px solid #999;
    margin-right: 0;
}

.flexigrid div.vGrip {
    background: #fafafa url(/App_Themes/ARA/Styles/css/flexigrid/images/wbg.gif) repeat-x 0 -1px;
    border: 1px solid #ccc;
    border-top: 0;
    cursor: row-resize;
    height: 5px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.flexigrid div.vGrip span {
    background: none;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    display: block;
    height: 1px;
    margin: 1px auto;
    overflow: hidden;
    width: 20px;
}

.flexigrid div.hDiv th, .flexigrid div.bDiv td  /* common cell properties*/ {
    border-left: 1px solid #fff;
    border-right: 1px solid #ddd;
    overflow: hidden;
    text-align: left;
    vertical-align: top !important;
}

.flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div/* common inner cell properties*/ {
    border-left: 0 solid #fff;
    padding: 5px;
}

.flexigrid div.hDiv th, div.colCopy {
    cursor: default;
    font-weight: normal;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
}

div.colCopy {
    background: #fafafa url(/App_Themes/ARA/Styles/css/flexigrid/images/fhbg.gif) repeat-x bottom;
    border: 1px solid #ccc;
    border-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    overflow: hidden;
}

.flexigrid div.hDiv th.sorted {
    background: url(/App_Themes/ARA/Styles/css/flexigrid/images/wbg.gif) repeat-x 0 -1px;
    border-bottom: 0 solid #ccc;
}

.flexigrid div.hDiv th.thOver { }

.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div {
    border-bottom: 1px solid orange;
    padding-bottom: 4px;
}

.flexigrid div.hDiv th.sorted div {
    border-bottom: 0 solid #ccc;
    padding-bottom: 5px;
}

.flexigrid div.hDiv th.thMove {
    background: #fff;
    color: #fff;
}

.flexigrid div.hDiv th.sorted.thMove div {
    border-bottom: 1px solid #fff;
    padding-bottom: 4px
}

.flexigrid div.hDiv th.thMove div { background: #fff !important; }

.flexigrid div.hDiv th div.sdesc { background: url(/App_Themes/ARA/Styles/css/flexigrid/images/dn.png) no-repeat center top; }

.flexigrid div.hDiv th div.sasc { background: url(/App_Themes/ARA/Styles/css/flexigrid/images/up.png) no-repeat center top; }

.flexigrid div.bDiv td {
    border-bottom: 1px solid #fff;
    vertical-align: top;
    white-space: nowrap;
}

.flexigrid div.hDiv th div { }

.flexigrid span.cdropleft {
    background: url(/App_Themes/ARA/Styles/css/flexigrid/images/prev.png) no-repeat -4px center;
    display: block;
    height: 24px;
    margin-bottom: -24px;
    position: relative;
    top: -24px;
    width: 24px;
    z-index: 3;
}

.flexigrid div.hDiv span.cdropright {
    background: url(/App_Themes/ARA/Styles/css/flexigrid/images/next.gif) no-repeat 12px center;
    display: block;
    float: right;
    height: 24px;
    margin-bottom: -24px;
    position: relative;
    top: -24px;
    width: 24px;
}

.flexigrid div.bDiv td div {
    border-top: 0 solid #fff;
    padding-bottom: 4px;
}

.flexigrid tr td.sorted {
    background: #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #ddd;
}

.flexigrid tr td.sorted div { }

.flexigrid tr.erow td {
    background: #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
}

.flexigrid tr.erow td.sorted {
    background: #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.flexigrid tr.erow td.sorted div { }

.flexigrid div.bDiv tr:hover td,
.flexigrid div.bDiv tr:hover td.sorted,
.flexigrid div.bDiv tr.trOver td.sorted,
.flexigrid div.bDiv tr.trOver td {
    background-color: #cccbca75;
    border-bottom: 1px dotted #a8d8eb;
    border-left: 1px solid #eef8ff;
}

.flexigrid div.bDiv tr.trSelected:hover td,
.flexigrid div.bDiv tr.trSelected:hover td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td.sorted,
.flexigrid div.bDiv tr.trOver.trSelected td,
.flexigrid tr.trSelected td.sorted,
.flexigrid tr.trSelected td {
    background: #cccbca;
    border-bottom: 1px solid #a8d8eb;
    border-left: 1px solid #eef8ff;
    border-right: 1px solid #d2e3ec;
}

/* novstripe adjustments */

.flexigrid.novstripe .bDiv table {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.flexigrid.novstripe div.bDiv td { border-right-color: #fff; }

.flexigrid.novstripe div.bDiv tr.erow td.sorted { border-right-color: #e3e3e3; }

.flexigrid.novstripe div.bDiv tr td.sorted { border-right-color: #f3f3f3; }

.flexigrid.novstripe div.bDiv tr.erow td {
    border-left-color: #f7f7f7;
    border-right-color: #f7f7f7;
}

.flexigrid.novstripe div.bDiv tr.trSelected:hover td,
.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted,
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
.flexigrid.novstripe tr.trSelected td.sorted,
.flexigrid.novstripe tr.trSelected td {
    border-left: 1px solid #0066FF;
    border-right: 1px solid #0066FF;
}

.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td {
    border-left-color: #d9ebf5;
    border-right-color: #d9ebf5;
}

/* end novstripe */

.flexigrid div.pDiv {
    background: url(/App_Themes/ARA/Styles/css/flexigrid/images/wbg.gif) repeat-x 0 -1px;
    border: 1px solid #ccc;
    border-top: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.flexigrid div.pDiv div.pDiv2 {
    float: left;
    margin: 3px;
    margin-left: -2px;
    width: 1024px;
}

div.pGroup {
    background: none;
    float: left;
    height: 24px;
    margin: 0 5px;
}

.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol {
    overflow: visible;

    position: relative;
    top: 5px;
}

.flexigrid div.pDiv input {
    position: relative;
    top: -5px;
    vertical-align: text-top;
}

.flexigrid div.pDiv div.pButton {
    border: 0;
    cursor: pointer;
    float: left;
    height: 22px;
    overflow: hidden;
    width: 22px;
}

.flexigrid .pFirst:hover {
    background-image: url(/App_Themes/ARA/Styles/images/icons/first-hover.png);
    background-color: #007193;
}
.flexigrid .pNext:hover {
    background-image: url(/App_Themes/ARA/Styles/images/icons/next-hover.png);
    background-color: #007193;
}
.flexigrid .pPrev:hover {
    background-image: url(/App_Themes/ARA/Styles/images/icons/previous-hover.png);
    background-color: #007193;
}
.flexigrid .pLast:hover {
    background-image: url(/App_Themes/ARA/Styles/images/icons/last-hover.png);
    background-color: #007193;
}

.flexigrid .pFirst:active {
    background-image: url(/App_Themes/ARA/Styles/images/icons/first-pressed.png);
    background-color: transparent !important;
    border: solid 1px #007193 !important;
}

.flexigrid .pNext:active {
    background-image: url(/App_Themes/ARA/Styles/images/icons/next-pressed.png);
    background-color: transparent !important;
    border: solid 1px #007193 !important;
}

.flexigrid .pPrev:active {
    background-image: url(/App_Themes/ARA/Styles/images/icons/previous-pressed.png);
    background-color: transparent !important;
    border: solid 1px #007193 !important;
}

.flexigrid .pLast:active {
    background-image: url(/App_Themes/ARA/Styles/images/icons/last-pressed.png);
    background-color: transparent !important;
    border: solid 1px #007193 !important;
}

.flexigrid .pFirst:hover span,
.flexigrid .pNext:hover span,
.flexigrid .pPrev:hover span,
.flexigrid .pLast:hover span {
    border: none !important;
}

.flexigrid div.pDiv div.pButton {
    margin-top: 2px;
    border: solid 1px transparent;
}
.flexigrid div.pDiv div.pButton span {
    display: block;
    float: left;
    height: 20px;
    width: 20px;
}

.flexigrid div.pDiv div.pButton:hover span, .flexigrid div.pDiv div.pButton.pBtnOver span {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 19px;
    width: 19px;
}

.flexigrid .pSearch { background: url(/App_Themes/ARA/Styles/css/flexigrid/images/magnifier.png) no-repeat center; }

.flexigrid .pFirst {
    background: url(/App_Themes/ARA/Styles/images/icons/first.png) no-repeat center;
}

.flexigrid .pPrev {
    background: url(/App_Themes/ARA/Styles/images/icons/previous.png) no-repeat center;
}

.flexigrid .pNext {
    background: url(/App_Themes/ARA/Styles/images/icons/next.png) no-repeat center;
}

.flexigrid .pLast {
    background: url(/App_Themes/ARA/Styles/images/icons/last.png) no-repeat center;
}

.flexigrid .pReload { background: url(/App_Themes/ARA/Styles/css/flexigrid/images/sync.png) no-repeat center; }

.flexigrid .pReload.loading { background: url(/App_Themes/ARA/Styles/css/flexigrid/images/load.gif) no-repeat center; }

/* ie adjustments */

.flexigrid.ie div.hDiv th div, .flexigrid.ie div.bDiv td div, div.colCopy.ie div/* common inner cell properties*/ { overflow: hidden; }

.flexigrid div.btnseparator {
  display: none;
}

.flexigrid div.fbutton {
  border: solid 1px #287191;
  color: #287191;
  cursor: pointer;
  height: 30px;
  margin: 0 2px 2px 2px;
  background-color: #F0F0F0;
  /* Styles for buttons

        ---------------------------------------------------*/
  padding-right: 10px;
}

.flexigrid div.fbutton:hover {
  border: solid 1px #287191;
  background-color: #287191;
  color: white;
}

.flexigrid div.fbutton div {
  padding: 4px 4px;
}

.flexigrid div.fbutton div span {
  font-size: 14px;
}

.flexigrid div.fbutton .renewsubscription {
  background: url("/App_Themes/ARA/Styles/images/icons/subscribe.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .add {
  background: url("/App_Themes/ARA/Styles/images/icons/add1_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .adduser {
  background: url("/App_Themes/ARA/Styles/images/icons/add1_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .setcompetencies, .flexigrid div.fbutton .setjobroles {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .resetpassword {
  background: url("/App_Themes/ARA/Styles/images/icons/update-password-icon-bg.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .accept {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .attachment {
  background: url("/App_Themes/ARA/Styles/images/icons/attachment-icon-bg.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .verify {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .reject {
  background: url("/App_Themes/ARA/Styles/images/icons/delete_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .suspend {
  background: url("/App_Themes/ARA/Styles/images/icons/suspend_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .liftsuspension {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .valid {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .acknowledge {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .select {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .next {
  background: url("/App_Themes/ARA/Styles/images/icons/next_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .searchbtn {
  background: url("/App_Themes/ARA/Styles/images/icons/search_08_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .savebtn {
  background: url("/App_Themes/ARA/Styles/images/icons/floppy_2_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .view, .flexigrid div.fbutton .viewmedical, .flexigrid div.fbutton .viewperson, .flexigrid div.fbutton .review {
  background: url("/App_Themes/ARA/Styles/images/icons/view_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .viewassessmentnotes {
  background: url("/App_Themes/ARA/Styles/images/icons/notes_bg_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .award {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .employ {
  background: url("/App_Themes/ARA/Styles/images/icons/add1_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .associate {
  background: url("/App_Themes/ARA/Styles/images/icons/add1_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .assess {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .previous {
  background: url("/App_Themes/ARA/Styles/images/icons/previous_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .cancel {
  background: url("/App_Themes/ARA/Styles/images/icons/cancel_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .edit {
  background: url("/App_Themes/ARA/Styles/images/icons/edit_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .takedown {
  background: url("/App_Themes/ARA/Styles/images/icons/takedown_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .issuecard {
  background: url("/App_Themes/ARA/Styles/images/icons/contact_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .assigncard {
  background: url("/App_Themes/ARA/Styles/images/icons/contact_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .cancelcard {
  background: url("/App_Themes/ARA/Styles/images/icons/cancel_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .bookvisit {
  background: url("/App_Themes/ARA/Styles/images/icons/cal_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .adddelivery {
  background: url("/App_Themes/ARA/Styles/images/icons/shipping_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .re-issuecard {
  background: url("/App_Themes/ARA/Styles/images/icons/redo_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .editbutton {
  background: url("/App_Themes/ARA/Styles/images/icons/edit_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .pause {
  background: url("/App_Themes/ARA/Styles/images/icons/pause_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .play {
  background: url("/App_Themes/ARA/Styles/images/icons/play_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .printbutton {
  background: url("/App_Themes/ARA/Styles/images/icons/printer_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .medicalbutton {
  background: url("/App_Themes/ARA/Styles/images/icons/medical_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .assessjobrole {
  background: url("/App_Themes/ARA/Styles/images/icons/check_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .makeexempt {
  background: url("/App_Themes/ARA/Styles/images/icons/tick_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .liftexemption {
  background: url("/App_Themes/ARA/Styles/images/icons/cancel_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .editvalidators {
  background: url("/App_Themes/ARA/Styles/images/icons/edit_16.png") no-repeat 0% 50%;
  padding-left: 30px !important;
}

.flexigrid div.fbutton .delete,
.flexigrid div.fbutton .deleterole,
.flexigrid div.fbutton .deleteuser {
  background: url("/App_Themes/ARA/Styles/images/icons/delete_16.png") no-repeat 0% 50%;
  padding-left: 35px !important;
}

.flexigrid div.fbutton .deletebtn {
  background: url("/App_Themes/ARA/Styles/images/icons/delete_16.png") no-repeat 0% 50%;
  padding-left: 35px !important;
}

.flexigrid div.fbutton .basket {
  background: url("/App_Themes/ARA/Styles/images/icons/basket_48.png") no-repeat 0% 50%;
  padding-left: 35px !important;
}

.flexigrid div.fbutton .basketbtn {
  background: url("/App_Themes/ARA/Styles/images/icons/basket_16.png") no-repeat 0% 50%;
  padding-left: 35px !important;
}

.flexigrid div.fbutton .export {
  background: url("/App_Themes/ARA/Styles/images/icons/export_16.png") no-repeat 0% 50%;
  padding-left: 35px !important;
}

.flexigrid div.fbutton .exportbtn {
  background: url("/App_Themes/ARA/Styles/images/icons/export_16.png") no-repeat 0% 50%;
  padding-left: 35px !important;
}

.flexigrid div.fbutton .recordresult {
  background: url("/App_Themes/ARA/Styles/images/icons/medical_16.png") no-repeat 0% 50%;
  padding-left: 35px !important;
}

.flexigrid div.mDiv {
  background: none;
  background-color: #e4e4e4;
  border: solid #9f9f9f;
  border-width: 1px 1px 0px;
}

.flexigrid div.tDiv {
  background: none;
  background-color: #e4e4e4;
  border: solid #9f9f9f;
  border-width: 0px 1px 1px;
}

.flexigrid div.hDiv th {
  background: none;
  background-color: #e4e4e4;
}

.flexigrid div.hDiv {
  background: none;
  background-color: #e4e4e4;
  border: solid #9f9f9f;
  border-width: 0px 1px 1px;
}

.flexigrid div.pDiv {
  background: none;
  background-color: #e4e4e4;
  border: solid #9f9f9f;
  border-width: 0px 1px 1px;
}

.flexigrid div.bDiv td {
  white-space: normal;
}

.flexigrid div.fbutton div, .flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div {
  border: none;
}

.dataTables_wrapper {
  background-color: #e4e4e4;
}

.dataTables_wrapper .bottom {
  background-color: white;
}

th.dt-head-center,
th.dt-head-left {
  background-color: #e4e4e4;
}

table.dataTable {
  border: solid 1px var(--border-colour);
}

table.dataTable.no-footer {
  border-top: none !important;
  border-left: solid 1px var(--border-colour) !important;
  border-right: solid 1px var(--border-colour) !important;
  border-bottom: solid 1px var(--border-colour) !important;
}

.dt-action-bar {
  border-top: solid 1px var(--border-colour) !important;
  border-left: solid 1px var(--border-colour) !important;
  border-right: solid 1px var(--border-colour) !important;
  padding-left: 1px;
  padding-bottom: 4px;
  display: flex;
  flex-direction: row;
}

.dt-action-bar > div:first-child {
  flex-grow: 1;
}

.paginate_button {
  background: none;
}

.dt-action-link {
  text-decoration: underline;
}

.table-action-button {
  border-left: solid 1px #007193;
  border-top: solid 1px #007193;
  border-right: solid 1px #007193;
  border-bottom: solid 1px #007193;
  color: #007193;
  cursor: pointer;
  height: 30px;
  background-color: ButtonFace;
  /* top | right | bottom | left */
  margin: 5px 2px 0 0;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: none;
  min-width: 70px;
}

.table-action-button:first-child {
  margin-left: 1px;
}

.table-action-button:hover {
  border: solid 1px #007193;
  background-color: #007193;
  color: white;
  box-shadow: none;
}

.table-action-button:focus {
  outline: solid 1px #007193;
}

.table-action-button-icon {
  padding-left: 35px;
  background-position: 3px;
}

.table-action-button.dt-refresh-button {
  background-image: url("/App_Themes/ARA/Styles/images/icons/sync.png");
  background-repeat: no-repeat;
}

.table-action-button.dt-renew-subscription-button {
  background-image: url("/App_Themes/ARA/Styles/images/icons/subscribe.png");
  background-repeat: no-repeat;
}

.tab-add {
  padding-left: 28px;
  background: url("/App_Themes/ARA/Styles/images/icons/add1_16.png") no-repeat 10% 50% var(--button-background) !important;
}

.dataTables_length {
  margin-top: 6px;
}

.icon-primary {
  fill: var(--icon-primary);
}

.icon-secondary {
  fill: var(--icon-secondary);
}

.icon-fill {
  fill: #fff;
}

.dataTableRowSelected td {
  background-color: #cccbca !important;
}

.dataTables_wrapper .selected td {
  background-color: #cccbca !important;
}

.dt-head-left {
  padding-left: 8px !important;
}

.dt-head-center,
.dt-head-left {
  border-top: none !important;
}

.dt-body-center,
.dt-body-left {
  border-top: none !important;
}

.dt-body-v-top {
  vertical-align: top;
}

.dt-body-v-top-icon {
  vertical-align: top;
  padding-top: 13px !important;
}

table.dataTable.dt-column-border thead th,
table.dataTable.dt-column-border tbody th,
table.dataTable.dt-column-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-right: 1px solid #ddd;
  border-bottom: none;
}

table.dt-details-table td {
  border: none !important;
}

.dataTables_processing {
  position: fixed !important;
  top: 65% !important;
  color: #000000 !important;
  font-size: 1.4em !important;
  border-top: 1px solid black !important;
  border-bottom: 1px solid black !important;
  background-color: white !important;
}

.dataTables_paginate {
  float: none !important;
  text-align: left !important;
  display: inline;
}

.dataTables_info {
  clear: none !important;
  float: none !important;
}

.grid .col-1 {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}

.grid .col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.grid .col-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.grid .col-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
}

.grid .col-5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
}

.grid .col-6 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
}

.grid .col-7 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
}

.grid .col-8 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
}

.grid .col-9 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
}

.grid .col-10 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
}

.grid .col-expand-2 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .col-expand-3 {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .col-expand-4 {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .col-expand-5 {
  display: grid;
  grid-template-columns: auto auto auto auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .col-expand-6 {
  display: grid;
  grid-template-columns: auto auto auto auto auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .col-expand-7 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .col-expand-8 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .col-expand-9 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .col-expand-10 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto 1fr;
  align-items: center;
  white-space: nowrap;
}

.grid .align-baseline {
  align-items: baseline;
}

.grid .justify-items-end {
  justify-items: end;
}

.radiosContainer {
  display: flex;
  margin: 10px auto;
  flex: 0 0 auto;
  justify-content: center;
}

.radiosContainer .radioGroup {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  padding-right: 10px;
  margin-left: 5px;
}

.radiosContainer .radioGroup label {
  float: none;
  width: auto;
  align-self: start;
}

.radiosContainer .radioGroup .radio {
  border-top: none;
  display: flex;
}

.radiosContainer .radioGroup .radio label {
  font-weight: normal;
}

.radiosContainer .radioGroup .radio input[type="radio"] {
  margin-left: unset;
}

.mt-0 {
  margin-top: 0px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.m-0 {
  margin: 0px;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-25 {
  margin: 25px;
}

.m-30 {
  margin: 30px;
}

.m-35 {
  margin: 35px;
}

.m-40 {
  margin: 40px;
}

.m-45 {
  margin: 45px;
}

.m-50 {
  margin: 50px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.p-0 {
  padding: 0px;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-35 {
  padding: 35px;
}

.p-40 {
  padding: 40px;
}

.p-45 {
  padding: 45px;
}

.p-50 {
  padding: 50px;
}

.w-0 {
  width: 0px;
}

.w-5 {
  width: 5px;
}

.w-10 {
  width: 10px;
}

.w-15 {
  width: 15px;
}

.w-20 {
  width: 20px;
}

.w-25 {
  width: 25px;
}

.w-30 {
  width: 30px;
}

.w-35 {
  width: 35px;
}

.w-40 {
  width: 40px;
}

.w-45 {
  width: 45px;
}

.w-50 {
  width: 50px;
}

.h-0 {
  height: 0px;
}

.h-5 {
  height: 5px;
}

.h-10 {
  height: 10px;
}

.h-15 {
  height: 15px;
}

.h-20 {
  height: 20px;
}

.h-25 {
  height: 25px;
}

.h-30 {
  height: 30px;
}

.h-35 {
  height: 35px;
}

.h-40 {
  height: 40px;
}

.h-45 {
  height: 45px;
}

.h-50 {
  height: 50px;
}

.flex {
  display: flex;
  align-items: center;
}

.ac_results {
    background-color: white;
    border: 1px solid black;
    overflow: hidden;
    padding: 0;
    z-index: 99999;
}

.ac_results ul {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ac_results li {
    cursor: default;
    display: block;
    /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;
}

.ac_loading { background: white url('/App_Themes/ARA/Styles/images/indicator.gif') right center no-repeat; }

.ac_odd { background-color: #eee; }

.ac_over {
    background-color: #0A246A;
    color: white;
}