/* Minification failed. Returning unminified contents.
(4346,1): run-time error CSS1019: Unexpected token, found '}'
(4508,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*
 * jQuery UI CSS Framework 1.8.17
 *
 * 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 { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.17
 *
 * 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=1976af&bgTextureHeader=01_flat.png&bgImgOpacityHeader=55&borderColorHeader=1976af&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=2e6e9e&bgColorHover=1976af&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=1976af&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=1976af&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=1976af&fcActive=ffffff&iconColorActive=ffffff&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=081e2b&bgTextureOverlay=07_diagonals_medium.png&bgImgOpacityOverlay=20&opacityOverlay=60&bgColorShadow=1976af&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 { border: 1px solid #a6c9e2; background: #fcfdfd url(/Content/jqueryui/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #1976af; background: #1976af url(/Content/jqueryui/images/ui-bg_flat_55_1976af_40x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default  
{
     background-image:url('/Content/jqueryui/images/ui-bg_highlight-hard_85_dfeffc_1x100.png');
     background-repeat:repeat-x;
     background-position:top center;
background: url('/Content/jqueryui/images/ui-bg_highlight-hard_85_dfeffc_1x100.png') repeat-x scroll 50% 50% #d6dbe3;
    border: 1px solid #bcc3d0;
    color: #034B7F;
    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 { border: 1px solid #1976af; background: #1976af url(/Content/jqueryui/images/ui-bg_flat_75_1976af_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #1976af; background: #1976af url(/Content/jqueryui/images/ui-bg_flat_100_1976af_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; 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  {border: 1px solid #fad42e; background: #fbec88 url(/Content/jqueryui/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/Content/jqueryui/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/Content/jqueryui/images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/Content/jqueryui/images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/Content/jqueryui/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/Content/jqueryui/images/ui-icons_2e6e9e_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Content/jqueryui/images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/Content/jqueryui/images/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/Content/jqueryui/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Content/jqueryui/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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #081e2b url(/Content/jqueryui/images/ui-bg_diagonals-medium_20_081e2b_40x40.png) 50% 50% repeat; opacity: .60;filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #1976af url(/Content/jqueryui/images/ui-bg_flat_0_1976af_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.17
 *
 * 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 { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.17
 *
 * 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 { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.17
 *
 * 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; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.17
 *
 * 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 { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.17
 *
 * 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 {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.17
 *
 * 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 {font-size:11px; display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* 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.4em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.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.17
 *
 * 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 { position: absolute; padding: 0px; width: 300px; overflow: hidden; border:0px none;}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    padding: 0.5em 5px 0.5em 1em;
    position: relative; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.17
 *
 * 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 { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.17
 *
 * 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 { position: relative; padding: .2em; 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 { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* 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 { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.17
 *
 * 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 { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.17
 *
 * 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; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.toast-title {
    font-weight: bold;
}

.toast-message {
}

    .toast-message a,
    .toast-message label {
        color: #FFF;
    }

        .toast-message a:hover {
            color: #CCC;
            text-decoration: none;
        }

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    left: 12px;
    bottom: 12px;
}

#toast-container {
    position: fixed;
    z-index: 9999;
}

    #toast-container > div {
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        -o-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #FFFFFF;
        margin: 0 0 6px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        padding: 15px 15px 15px 50px;
        width: 300px;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    -o-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    cursor: pointer;
}

#toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
@media all and (max-width: 240px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 108px;
	}
}
@media all and (min-width: 241px) and (max-width: 320px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 128px;
	}
}
@media all and (min-width: 321px) and (max-width: 480px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 192px;
	}
}
@media all and (min-width: 481px) and (max-width: 768px) {
	#toast-container > div {
		padding: 15px 15px 15px 50px;
		width: 300px;
	}
}
@media all and (min-width: 769px) {
	#toast-container > div {
		padding: 15px 15px 15px 50px;
		width: 300px;
	}
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 29, 2012 */



@font-face {
    font-family: 'NunitoLight';
    src: url('nunito-light-webfont.eot');
    src: url('nunito-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('nunito-light-webfont.woff') format('woff'),
         url('nunito-light-webfont.ttf') format('truetype'),
         url('nunito-light-webfont.svg#NunitoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


.ui-icon { width: 16px; height: 16px; background-image: none; }

.uibutton .ui-button-text,
.uimapbutton .ui-button-text,
.uihistorybutton  .ui-button-text,
.uipictureuploadbutton  .ui-button-text,
.uiminiviewcustbutton   .ui-button-text,
.uiminieditbutton   .ui-button-text,
.uiminideletebutton   .ui-button-text,
.uimarkasreadbutton   .ui-button-text,
.uiresolvebutton .ui-button-text,
.uiviewapptbutton   .ui-button-text,
.uislideshowbutton  .ui-button-text
 {
padding: 0.4em 1em 0.4em 2.5em;
text-align:left;
}
.ui-icon-view { background-position:0px 0px;background-image:url("/Content/jqueryui/alticons/magnifier.png") !important;}
.ui-icon-viewcust { background-position:0px 0px;background-image:url("/Content/jqueryui/alticons/user-silhouette.png") !important;}
.ui-icon-map { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/map-pin.png') !important;}
.ui-icon-clock { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/clock-frame.png') !important;}
.ui-icon-pictureupload { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/image--pencil.png') !important;}
.ui-icon-pictureslideshow { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/images.png') !important;}
.ui-icon-pop { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/arrow-045.png') !important;}
.ui-icon-back { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/navigation-180-button.png') !important;}
.ui-icon-edit { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/pencil.png') !important;}
.ui-icon-create { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/plus-button.png') !important;}
.ui-icon-createalert { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/exclamation-button.png') !important;}
.ui-icon-update { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/pencil--arrow.png') !important;}
.ui-icon-miniupdate { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/pencil.png') !important;}
.ui-icon-delete { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/cross.png') !important;}
.ui-icon-customerdetails { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/blue-document-horizontal-text.png') !important;}
.ui-icon-calculator { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/calculator.png') !important;}
.ui-icon-calculatorreg { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/calculator.png') !important;}
.ui-icon-calendarcreate { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/calendar--plus.png') !important;}
.ui-icon-calendarmove { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/calendar--arrow.png') !important;}
.ui-icon-calendar { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/calendar.png') !important;}
.ui-icon-calendarday { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/calendar-day.png') !important;}
.ui-icon-routecreate { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/delivery--plus.png') !important;}
.ui-icon-workorder { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/workorder.png') !important;}
.ui-icon-addreading { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/toolbox--plus.png') !important;}
.ui-icon-addworkorder { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/workorder--plus.png') !important;}
.ui-icon-forward { background-position:0px right; background-image:url('/Content/jqueryui/alticons/navigation-000-button.png') !important;}
.ui-icon-fastforward { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/doublenavigation-button.png') !important;}
.ui-icon-backward { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/navigation-180-button.png') !important;}
.ui-icon-fastbackward { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/doublenavigation-180-button.png') !important;}
.ui-icon-reset { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/arrow-curve-000-left.png') !important;}
.ui-icon-cancel { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/cross-button.png') !important;}
.ui-icon-cancelitem { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/minus-circle.png') !important;}
.uicalculatorbutton {font-size:11px; }
.ui-icon-logon { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/navigation-000-button.png') !important;}
.ui-icon-markasread { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/mail-open.png') !important;}
.ui-icon-resolve { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/control.png') !important;}
.ui-icon-viewappt { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/calendar-next.png') !important;}
.ui-icon-generatereport { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/block.png') !important;}
.ui-icon-pdfdownload { background-position:0px 0px; background-image:url('/Content/jqueryui/alticons/document-pdf-text.png') !important;}

#MobileMenu {
    display:none;
}
.readonlyfield {
    background-color: #eeeeee;
}

.clearfix, .clear {
    clear: both;
}

.field-validation-error {
    color: #ff0000;
}

.Page {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

.required {
    color: #FF0000;
    font-weight: bold;
    padding: 5px;
}

.formReqDisclaimer {
    color: #555555;
    font-size: 11px;
    font-style: italic;
    text-align: right;
}

.ui-dialog .ui-dialog-titlebar {
    border-radius: 5px 5px 0 0;
    padding: 11px;
    /*    margin-top: 4px; */
}

.loadinganimation {
    text-align: center;
    padding: 40px;
    color: #888888;
    font-size: 11px;
}

#Header {
    height: 145px;
}

    #Header #Logo {
        height: 125px;
        left: 20px;
        position: absolute;
        top: 18px;
        width: 330px;
    }

#Main {
    margin-top: -26px;
    position: relative;
    width: 100%;
    z-index: 100;
    padding-bottom:50px;
}

.addressbookLink {
    background-image: url('images/icon_addressbook.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.findLink {
    background-image: url('images/icon_find.gif');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.addLink {
    background-image: url('images/icon_add.gif');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.importAddressLink {
    background-image: url('images/icon_uploadaddressbook.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.workordersLink {
    background-image: url('images/workorder.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.CalendarLink {
    background-image: url("jqueryui/alticons/calendar-medium.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.TechnicianLink {
    background-image: url("jqueryui/alticons/toolbox.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.CreateAlertLink {
    background-image: url("jqueryui/alticons/exclamation-button.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-color: #FFFFAA;
    border-radius: 5px;
    float: right !important;
}

.EmployeesLink {
    background-image: url('jqueryui/alticons/user-silhouette.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.VehiclesLink {
    background-image: url('images/icon_delivery.gif');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.PreferencesLink {
    background-image: url('images/clipboard-task.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.AlertsLink {
    background-image: url("jqueryui/alticons/exclamation-red.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.HowTosLink {
    background-image: url("jqueryui/alticons/lifebuoy.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.ProspectsLink {
    background-image: url("jqueryui/alticons/user-silhouette-question.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.ReportsLink {
    background-image: url("jqueryui/alticons/block.png");
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.ManagementLink {
    background-image: url('jqueryui/alticons/gear.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.customersLink {
    background-image: url('images/icon_customers.gif');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.routesLink {
    background-image: url('images/icon_delivery.gif');
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

#BodyWrapper {
    background-image: url("images/spp_largebanner2_2x.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1500px 145px;
}

@media only screen and (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {

    #BodyWrapper {
        background-image: url("images/spp_largebanner2_2x.jpg");
    }
}

#Main #TabContent {
    clear: both;
    background-color: #ffffff;
    min-height: 150px;
    padding: 0 15px 50px;
}

#PageTabs {
}

#PageTabItems {
    height: 26px;
    overflow: hidden;
    padding-left: 10px;
    max-width:960px;
}

    #PageTabItems .loginTabItem {
        background-image: url("jqueryui/alticons/lock.png");
        background-repeat: no-repeat;
        background-position: 7px 5px;
    }

    #PageTabItems .prospectTabItem {
        background-image: url("jqueryui/alticons/user-silhouette-question.png");
        background-repeat: no-repeat;
        background-position: 7px 5px;
    }

    #PageTabItems .dashboardTabItem {
        background-image: url("jqueryui/alticons/tables.png");
        background-repeat: no-repeat;
        background-position: 7px 5px;
    }

    #PageTabItems .reportTabItem {
        background-image: url("jqueryui/alticons/block.png");
        background-repeat: no-repeat;
        background-position: 7px 5px;
    }

    #PageTabItems .howtosTabItem {
        background-image: url("jqueryui/alticons/lifebuoy.png");
        background-repeat: no-repeat;
        background-position: 7px 5px;
    }

    #PageTabItems .manageTabItem {
        background-image: url("jqueryui/alticons/gear.png");
        background-repeat: no-repeat;
        background-position: 7px 5px;
    }

    #PageTabItems .calendarTabItem {
        background-image: url("jqueryui/alticons/calendar-medium.png");
        background-repeat: no-repeat;
        background-position: 8px 5px;
    }

    #PageTabItems .routeTabItem {
        background-image: url("images/icon_delivery.gif");
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }

    #PageTabItems .technicianTabItem {
        background-image: url("jqueryui/alticons/toolbox.png");
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }


    #PageTabItems .customerTabItem {
        background-image: url("images/icon_customers.gif");
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }

    #PageTabItems .workorderTabItem {
        background-image: url("images/workorder.png");
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }
    #PageTabItems ul {
        margin:0px;
        padding:0px;
    }
        #PageTabItems ul li {
        float: left;
        margin:0px;
        padding:0px;
        list-style:none;
    }
    #PageTabItems .pageTabItem {
        border-radius: 3px 3px 0px 0px;
        display: block;
        font-size: 12px;
        height: 13px;
        margin-left: 1px;
        margin-right: 1px;
        padding: 6px 15px 5px 30px;
        text-decoration: none;
    }

    #PageTabItems .active {
        background-color: #FFFFFF;
        color: #00345B;
        font-weight: bold;
        border-bottom: 3px solid #ffffff;
    }

    #PageTabItems .inactive {
        background-color: #AFD8F5;
        border-bottom: 3px solid #9FC8E5;
        color: #444444;
        padding-bottom: 5px;
    }

        #PageTabItems .inactive:hover {
            cursor: pointer;
            background-color: #f5f5f5;
            border-bottom: 3px solid #eeeeee;
        }

#PageTabs #TabSubMenuHolder {
    background-color: #ffffff;
}

#PageTabs #TabSubMenu {
    background-color: #FFFFFF;
    clear: both;
    font-size: 12px;
    padding: 0;
    margin: 0px 10px;
}

    #PageTabs #TabSubMenu .tabSubmenudesc {
        color: #888888;
        float: left;
        padding: 14px 0;
    }

    #PageTabs #TabSubMenu .tabSubmenuItem {
        color: #000000;
        display: block;
        float: left;
        padding: 10px 10px 8px 30px;
        text-decoration: none;
        margin: 5px;
    }

    #PageTabs #TabSubMenu .tabSubMenuItemSeparator {
        border-right: 1px solid #DDDDDD;
        float: left;
        height: 20px;
        margin: 10px 0 0;
        width: 1px;
    }

    #PageTabs #TabSubMenu .tabSubmenuItem:hover {
        color: #09669F;
        background-color: #DDE8FB;
        border-radius: 3px;
    }

#PageTabs #TabSubMenuHolder .TabSubMenuBorder {
    padding: 0px 10px;
}

.fieldset {
    border: 0px none;
    margin-bottom: 10px;
}

    .fieldset .fieldsetcontents {
        padding: 10px;
    }

    .fieldset .fieldsettitle {
        border-bottom: 4px solid #034B7F;
        color: #034B7F;
        display: block;
        font-size: 14px;
        font-weight: bold;
        padding: 7px 0;
        text-transform: uppercase;
    }

    .fieldset .fieldsettitlearea {
        border-bottom: 4px solid #034B7F;
        color: #034B7F;
        display: block;
        font-weight: bold;
        text-transform: uppercase;
    }

        .fieldset .fieldsettitlearea .title {
            font-size: 14px;
            float: left;
            padding: 0px;
            padding: 7px 0 6px;
            line-height: 14px;
        }

        .fieldset .fieldsettitlearea .editlink {
            background-image: url('/Content/images/editicon.gif');
            background-position: 14px 7px;
        }

        .fieldset .fieldsettitlearea .viewcustomerlink {
            background-image: url('/Content/images/people.png');
            background-position: 8px 4px;
        }


        .fieldset .fieldsettitlearea .viewcustomerlink,
        .fieldset .fieldsettitlearea .deletelink,
        .fieldset .fieldsettitlearea .editlink {
            border-radius: 3px 3px 0 0;
            float: right;
            padding: 8px 15px 7px 40px;
            display: block;
            text-decoration: none;
            font-size: 12px;
            background-repeat: no-repeat;
            background-color: #034B7F;
            color: #ffffff;
        }
                .fieldset .fieldsettitlearea .deletelink {
            background-image: url('/Content/jqueryui/alticons/cross.png');
            background-position: 8px center;
            padding: 8px 15px 7px 30px;
        }

            .fieldset .fieldsettitlearea .viewcustomerlink:hover,
            .fieldset .fieldsettitlearea .deletelink:hover,
            .fieldset .fieldsettitlearea .editlink:hover {
                border-radius: 3px 3px 0 0;
                background-color: #1069A5;
                cursor: pointer;
            }

    .fieldset .editor-group {
        clear: both;
        padding-top: 5px;
    }

    .fieldset .editor-label {
        float: left;
        padding-right: 10px;
        text-align: right;
        width: 200px;
    }

    .fieldset .editor-field {
        float: left;
    }

    .fieldset .editor-field-right {
        float: right !important;
    }

    .fieldset .editor-field input[type=text], .fieldset .editor-field input[type=password],.fieldset .editor-field input[type=email], .fieldset .editor-field input[type=number], .fieldset .editor-field input[type=date] {
        border: 1px solid #CCCCCC;
        margin-bottom: 5px;
        width: 200px;
    }

    .fieldset .editor-field select {
        border: 1px solid #CCCCCC;
        width: 200px;
        margin-bottom: 5px;
    }

    .fieldset .editor-field textarea {
        border: 1px solid #CCCCCC;
        width: 400px;
        height: 150px;
        margin-bottom: 5px;
        font-size: 13.33px;
    }

.PageTitle {
    color: #034B7F;
    font-size: 32px;
    font-weight: 800;
    margin-top: 10px;
}


.DashboardPageTitle {
    margin-bottom: 10px;
    text-align: center;
}

.buttons {
    border-top: 1px solid #999999;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 15px;
}

    .buttons .submitButton {
        background-color: #138C06;
        border: 1px solid #037C06;
        border-radius: 5px 5px 5px 5px;
        color: #FFFFFF;
        font-weight: bold;
        padding: 5px 10px 5px 30px;
        background-image: url('images/forward.gif');
        background-position: 5px 50%;
        background-repeat: no-repeat;
    }

        .buttons .submitButton:hover {
            background-color: #239C16;
            cursor: pointer;
        }

    .buttons .cancelButton {
        background-color: #777777;
        border: 1px solid #666666;
        border-radius: 5px 5px 5px 5px;
        color: #FFFFFF;
        font-weight: bold;
        padding: 5px 10px;
    }

        .buttons .cancelButton:hover {
            background-color: #888888;
            cursor: pointer;
        }

#CalendarEventDetailsPage .fieldsettitlearea,
#CustomerDetailsPage .fieldsettitlearea {
    font-size: 12px;
}

#CustomerDetailsPage .CustomerInformation {
    left: 15px;
    margin: 0 30px 0 0;
    position: absolute;
    width: 450px;
}

#CalendarEventDetailsPage .CalendarEventInformation {
    width: 450px;
    float: left;
}

#CalendarEventDetailsPage .CustomerInformation {
    width: 450px;
    float: right;
}

#CustomerDetailsPage .ScheduleInformation {
    margin: 0 0 30px 470px;
    padding: 10px 0 0;
}

#CustomerDetailsPage .WorkOrderInformation {
    margin: 0 0 30px 470px;
    padding: 10px 0 0;
}

#CustomerDetailsPage .PoolInformation {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 470px;
}
#CustomerDashboard .PoolInformation {

}
#CustomerDashboard .WorkOrderInformation {

}
    .PoolInformation .fieldset .fieldsettitle, #CustomerDetailsPage .CustomerInformation .fieldset .fieldsettitle {
        z-index: 100;
    }

#CalendarEventDetailsPage .CalendarEventInformation .fieldset,
#CalendarEventDetailsPage .CustomerInformation .fieldset,
#CustomerDetailsPage .CustomerInformation .fieldset {
    background-color: #f5f5f5;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
}

.PoolInformation .fieldset {
    margin-bottom: 20px;
}



.PoolInformation .PoolDetails .Name, .CustomerInformation .Name {
    font-size: 28px;
    font-weight: bold;
}

.PoolInformation .PoolDetails .Address, .CustomerInformation .Address {
    font-weight: bold;
    font-size: 12px;
    padding-top: 10px;
}

    .PoolInformation .PoolDetails .Address a {
        font-weight: normal;
        font-size: 10px;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.fieldset .ViewField {
    font-size: 12px;
    padding-top: 8px;
    clear: both;
}

    .fieldset .ViewField .ViewFieldLabel {
        font-weight: bold;
        float: left;
        width: 120px;
        color: #00315b;
    }

    .fieldset .ViewField .ViewFieldValue {
        float: left;
    }

.CustomerInformation .ViewFieldValue {
    width: 210px;
}

.PoolInformation {
}

    .CustomerInformation .Images,
    .PoolInformation .PoolDetails .Images {
        float: right;
    }

    .PoolInformation .PoolDetails .Images {
        margin-bottom: 10px;
    }

        .CustomerInformation .Images a,
        .PoolInformation .PoolDetails .Images a {
            font-size: 10px;
        }

        .CustomerInformation .Images img,
        .PoolInformation .PoolDetails .Images img {
            border: solid 1px #bbb;
        }

    .PoolInformation .PoolDetails .ServiceHistoryTitle {
        font-weight: bold;
        margin-top: 10px;
        font-size: 14px;
    }

        .PoolInformation .PoolDetails .ServiceHistoryTitle .ItemMiniDesc {
            font-weight: normal;
        }



.uibutton, .uimapbutton, .uihistorybutton, .uiminieditbutton, .uiminideletebutton, .uiminiviewcustbutton {
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.Images .ImageOption {
    text-align: center;
    padding-bottom: 3px;
}

.ui-datepicker {
    font-size: 12px;
}


#PrimaryCustomerInfoBar {
    background-color: #DFE8F5;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    margin: -15px 0px 15px;
    padding: 5px 0px;
    color: #0C4263;
}

    #PrimaryCustomerInfoBar .namelink {
        border-radius: 5px 5px 5px 5px;
        color: #0C4263;
        display: block;
        height: 35px;
        line-height: 35px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
        text-decoration: none;
        white-space: nowrap;
        font-weight: bold;
        font-size: 18px;
    }


#PrimaryCustomerInfoBar .primaryInfoBarIcon {
    float: left;
    padding: 10px 15px;
}

#PrimaryCustomerInfoBar .primaryInfoBarName {
    float: left;
    padding-top: 5px;
}

#PrimaryCustomerInfoBar .primaryInfoBarAddress {
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
}



#PrimaryCustomerInfoBar .primaryInfoBarButtons {
    padding-right: 20px;
    padding-top: 10px;
    text-align: right;
}
        #PrimaryCustomerInfoBar .namelink:hover {
            background-color: #CFD8E5;
        }

    #PrimaryCustomerInfoBar .primaryInfoBarContainer {
        width: 100%;
    }

        #PrimaryCustomerInfoBar .primaryInfoBarButtons {
            text-align: right;
            padding-right: 20px;
        }

            #PrimaryCustomerInfoBar .primaryInfoBarButtons .ui-state-default, #PrimaryCustomerInfoBar .primaryInfoBarButtons .ui-widget-content .ui-state-default, #PrimaryCustomerInfoBar .primaryInfoBarButtons .ui-widget-header .ui-state-default {
                background: none;
                font-size: 13px;
                border: 0px none;
            }

                #PrimaryCustomerInfoBar .primaryInfoBarButtons .ui-state-default:hover, #PrimaryCustomerInfoBar .primaryInfoBarButtons .ui-widget-content .ui-state-default:hover, #PrimaryCustomerInfoBar .primaryInfoBarButtons .ui-widget-header .ui-state-default:hover {
                    background: #CFD8E5;
                    color: #0C4263;
                }

.inputDescriptor {
    color: #555555;
    font-style: italic;
}

#volCalcWidget {
    height: 400px;
    width: 600px;
}

    #volCalcWidget .fieldsetcontents {
        height: 230px;
        font-size: 13.3333px;
    }

.image-list,
#image-list {
    list-style: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
}

    .image-list li,
    #image-list li {
        float: left;
        margin: 10px;
        padding: 0px;
    }

.fancybox-outer {
    padding-bottom: 15px !important;
    border-radius: 0px !important;
    background-color: #000000 !important;
}

.fancybox-opened .fancybox-title {
    color: #CCC;
}

.fancybox-title-inside-wrap {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.PoolDetails .Properties {
    padding-right: 170px;
}

    .PoolDetails .Properties table {
        border: solid 1px #cfcfcf;
        width: 100%;
        margin: 20px 0;
    }

        .PoolDetails .Properties table .Row_0 td {
            background-color: #e7e7e7;
        }

        .PoolDetails .Properties table .Row_1 td {
            background-color: #f5f5f5;
        }

        .PoolDetails .Properties table .Row_1 .TitleCell {
            background-color: #e9e9e9;
            font-weight: bold;
            width: 100px;
        }

        .PoolDetails .Properties table .Row_0 .TitleCell {
            background-color: #d5d5d5;
            font-weight: bold;
            width: 100px;
        }

        .PoolDetails .Properties table td {
            padding: 5px 10px;
            vertical-align: top;
        }

.deleteImageLink {
    background-color: #aa0000;
    color: #FFFFFF;
    cursor: pointer;
    padding: 2px;
    text-align: center;
}

    .deleteImageLink:hover {
        background-color: #bb0000;
    }

#SidePanel {
    left: 20px;
    margin: 0 30px 0 0;
    position: absolute;
    width: 360px;
}

#MainContentWithSidePanel {
    margin: 0 10px 0 390px;
}

#SidePanel .ui-datepicker {
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
}

#SignedInAs {
    background-color: #02335B;
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 7px 15px;
}

    #SignedInAs .LogOff {
        border-left: 1px solid #777;
        margin-left: 10px;
        padding-left: 10px;
        font-weight: normal;
    }

    #SignedInAs a {
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
    }

        #SignedInAs a:hover {
            color: #55A7D9;
            text-decoration: none;
        }


#RouteDashboardTable {
    width: 100%;
}

    #RouteDashboardTable .headerrow th {
        text-align: center;
        background-color: #09568F;
        color: #ffffff;
        padding: 5px;
    }

    #RouteDashboardTable .detailrow th {
        text-align: left;
        padding: 5px;
        border-bottom: 1px solid #CCCCCC;
    }

    #RouteDashboardTable .detailrow td {
        text-align: center;
        padding: 5px;
        border-bottom: 1px solid #CCCCCC;
    }

    #RouteDashboardTable .actiondetailrow td, #RouteDashboardTable .actiondetailrow th {
        border-bottom: none 0px;
        text-align: left;
        padding: 5px;
    }

#RouteDashboard .RouteListItem .RouteName {
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
}

#RouteDashboard .RouteListItem .fieldsetcontents {
    padding: 0px;
}

.customerexistingroutealert {
    background-color: #FFCCCC;
    margin-bottom: 10px;
    padding: 10px;
}

.chemicalreadinginputs .layout-slider {
    border-bottom: 1px solid #CCCCCC;
    margin: 5px 0 0;
    padding: 15px 15px 15px 0px;
    border-radius: 5px;
    background-color:#f5f5f5;
}


.chemicalreadinginputs span.sliderDescriptor {
    color: #555;
    font-style: italic;
}

.chemicalreadinginputs .readingTitle {
    width: 170px;
    float: left;
}

.chemicalreadinginputs .readingSlider .jslider {
}
.chemicalreadinginputs .editor-label {
}
.chemicalreadinginputs .readingSlider {
    float: left;
    width: 570px;

}
.ui-slider-handle {
-ms-touch-action:none;
}
.readingSliderItem {
    float: left;
    margin-top: 3px;
    width: 400px;
}

.readingSlider > input {
    float: right;
    width: 100px;
}
#RouteCustomerDisplay .altRow td {
    background-color: #fafafa;
}

#RouteCustomerDisplay td.actionbuttons {
    text-align: right;
}

.calendarCustomerOptionsPopupMenuItemNoBack a,
.calendarCustomerOptionsPopupMenuItem a {
    display: block;
    font-size: 12px;
    margin-bottom: 1px;
    padding: 10px;
    text-decoration: none;
}

    .calendarCustomerOptionsPopupMenuItem a:hover {
    }

.qtip .ui-tooltip-titlebar {
    padding: 10px;
}

.CCOP_PopupCustDetails {
    padding: 10px;
    width: 200px;
    cursor: default;
}

.CCOPCustomerName {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 3px;
}

.CCOP_CustomerImageHolder {
    float: left;
    padding: 0 10px 10px 0;
    width: 40px;
    min-height: 30px;
    background-repeat: no-repeat;
    background-position: 6px 7px;
    background-image: url('/Content/images/snakeloader.gif');
    display: block;
}

.CCOP_CustomerImage {
    width: 40px;
    background-repeat: no-repeat;
    background-position: left top;
}

.calendarCustomerOptionsPopupMenuItem {
    background-image: url("/Content/images/popupmenuitemback.jpg");
}

    .calendarCustomerOptionsPopupMenuItem:hover {
        background-image: url("/Content/images/popupmenuitemback_hover.jpg");
    }

    .calendarCustomerOptionsPopupMenuItem .popupMenuClock {
        background-image: url("/Content/jqueryui/alticons/clock--arrow.png");
        background-position: 7px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }

    .calendarCustomerOptionsPopupMenuItem .popupMenuChangeStatus {
        background-image: url("/Content/jqueryui/alticons/flag-blue.png");
        background-position: 7px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }

    .calendarCustomerOptionsPopupMenuItem .popupMenuCustomerProfile {
        background-image: url("images/icon_customers.gif");
        background-position: 7px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }
        .calendarCustomerOptionsPopupMenuItem .popupMenuMoveAppt {
        background-image: url("/Content/jqueryui/alticons/calendar--arrow.png");
        background-position: 7px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }
    .calendarCustomerOptionsPopupMenuItem .popupMenuPPAppt {
        background-image: url("/Content/jqueryui/alticons/clock.png");
        background-position: 7px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }
    .calendarCustomerOptionsPopupMenuItem .popupEditSchedule {
        background-image: url("/Content/jqueryui/alticons/calendar-month.png");
        background-position: 7px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }

    .calendarCustomerOptionsPopupMenuItem .popopMenuRemoveAppt {
        background-image: url("/Content/jqueryui/alticons/minus-circle.png");
        background-position: 7px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }

    .calendarCustomerOptionsPopupMenuItem .popupMenuSendAlert {
        background-image: url("/Content/jqueryui/alticons/exclamation-button.png");
        background-position: 7px center;
        background-repeat: no-repeat;
        padding-left: 30px;
    }

#PageSubTabItems {
    overflow: hidden;
    background-image: url("/Content/images/pagesubtabborder.jpg");
    background-repeat: repeat-x;
    background-position: bottom center;
    margin-left: -1px;
    height: 34px;
}

    #PageSubTabItems .pageSubTabItem {
        border-radius: 3px 3px 0px 0px;
        display: block;
        float: left;
        font-size: 12px;
        margin-left: 1px;
        margin-right: 1px;
        padding: 8px 25px 7px;
        text-decoration: none;
    }

    #PageSubTabItems .active {
        background-color: #FFFFFF;
        color: #00345B;
        font-weight: bold;
        border-bottom: 3px solid #ffffff;
        border-top: solid 1px #aaaaaa;
        border-left: solid 1px #aaaaaa;
        border-right: solid 1px #aaaaaa;
    }

    #PageSubTabItems .inactive {
        background-color: #AFD8F5;
        border-bottom: 3px solid #9FC8E5;
        color: #444444;
        padding-bottom: 8px;
        border-top: solid 1px #AFD8F5;
        border-left: solid 1px #AFD8F5;
        border-right: solid 1px #AFD8F5;
    }

        #PageSubTabItems .inactive:hover {
            cursor: pointer;
            background-color: #f5f5f5;
            border-bottom: 3px solid #cccccc;
        }

.PageSubTabContent {
    border-bottom: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
    padding: 20px;
    display: none;
}

.activeTabContent {
    display: block;
}

.PageSubTabContent .tabPoolImage {
    float: right;
}

.tabPoolName {
    font-size: 28px;
    font-weight: bold;
}

.poolcheckoutheader {
    background-color: #DFE8F5;
    border-radius: 5px 5px 5px 5px;
    color: #0C4263;
    padding: 20px;
}

.poolcheckoutcontent {
    padding: 20px;
}

.PoolInformation .fieldset .MissingDataError {
    margin-bottom: -20px;
}

.MissingDataError {
    background-color: #FFCCCC;
    background-image: url("/Content/jqueryui/alticons/exclamation-red-frame.png");
    background-position: 7px center;
    background-repeat: no-repeat;
    color: #330000;
    padding: 8px 15px 8px 30px;
    margin-bottom: -10px;
}

.PageError {
    background-color: #FFCCCC;
    background-image: url("/Content/jqueryui/alticons/exclamation-red-frame.png");
    background-position: 7px center;
    background-repeat: no-repeat;
    color: #330000;
    padding: 8px 15px 8px 30px;
    margin-bottom: 10px;
}

.PageSuccess {
    background-color: #CCFFCC;
    background-image: url("/Content/jqueryui/alticons/control.png");
    background-position: 7px center;
    background-repeat: no-repeat;
    color: #003300;
    padding: 8px 15px 8px 30px;
    margin-bottom: 10px;
}

.invalidRouteField {
    color: #ff0000;
    font-weight: bold;
}

.ReadingDetailListing th {
    text-align: left;
    vertical-align: top;
}

.ReadingDetailListing td {
    vertical-align: top;
}

.SmallPoolPreview {
    float: left;
    height: 50px;
    margin-top: -10px;
    padding-right: 10px;
    width: 50px;
}

.AppointmentServiceDetail {
    background-color: #F5F5F5;
    border-radius: 10px 10px 10px 10px;
    clear: both;
    margin-bottom: 50px;
    margin-left: 30px;
    margin-top: 10px;
    padding: 20px;
}

.EmpThumbPhoto img {
    max-height: 75px;
}

.CustomerListItem {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
}

    .CustomerListItem .CustomerPicture {
        float: left;
    }


.WorkOrderListItem {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
}

    .WorkOrderListItem .WorkOrderFullDesc {
        float: left;
        padding-right: 10px;
        width: 450px;
    }

    .WorkOrderListItem .CustomerPicture {
        float: left;
    }

    .WorkOrderListItem .WorkOrderId {
        float: left;
        width: 60px;
    }

    .WorkOrderListItem .CustomerPicture img {
        border: 1px solid #EEEEEE;
        max-height: 100px;
        width: 75px;
    }

    .WorkOrderListItem .WorkOrderDates {
        float: left;
        width: 150px;
        padding: 5px 0 0 10px;
    }

    .WorkOrderListItem .WorkOrderStatus {
        float: left;
        width: 110px;
        padding: 5px 0 0 10px;
    }


    .WorkOrderListItem .CustomerName {
        float: left;
        width: 210px;
        padding: 5px 0 0 10px;
    }

        .WorkOrderListItem .CustomerName a {
            text-decoration: none;
            color: #034B7F;
            text-transform: uppercase;
            font-weight: bold;
        }

            .WorkOrderListItem .CustomerName a:hover {
                text-decoration: underline;
            }



    .WorkOrderListItem .WorkOrderAction {
        float: left;
        padding: 5px 0 0 10px;
    }

.fieldset #SearchCriteriaSection .editor-group {
    float: left;
    clear: none;
}

.fieldset #SearchCriteriaSection .editor-label {
    width: 150px;
}

.fieldset #SearchCriteriaSection .editor-field {
    float: left;
    width: 250px;
}

#SearchResultsContainer,
#CustomerSearchResultsContainer {
    padding-top: 50px;
}

.CustomerListItem .CustomerPicture img {
    border: 1px solid #EEEEEE;
    max-height: 100px;
    width: 75px;
}

.CustomerListItem .CustomerName {
    float: left;
    width: 210px;
    padding: 5px 0 0 10px;
}

    .CustomerListItem .CustomerName a {
        text-decoration: none;
        color: #034B7F;
        text-transform: uppercase;
        font-weight: bold;
    }

        .CustomerListItem .CustomerName a:hover {
            text-decoration: underline;
        }

.CustomerListItem .CustomerAddress {
    float: left;
    width: 250px;
    padding: 5px 0 0 10px;
    font-size: 12px;
}

.CustomerListItem .CustomerContact {
    float: left;
    width: 250px;
    padding: 5px 0 0 10px;
    font-size: 12px;
}

.CustomerListItem .CustomerAction {
    float: left;
    padding: 5px 0 0 10px;
}

#AddressBookOptions {
    width: 100%;
}

.AddressBookItem .addressDisplay {
    color: #999999;
    font-size: 11px;
    padding-left: 5px;
    padding-top: 5px;
    height: 40px;
    font-weight: normal;
}

#AddressBookOptions .AddressBookOption {
    background-color: #DDDDDD;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #CCCCCC;
    padding: 3px 0;
    text-align: center;
    width: 3.5%;
}

    #AddressBookOptions .AddressBookOption:hover {
        background-color: #83CBFF;
        cursor: pointer;
    }

#AddressBookOptions .SelectedAddressBookOption,
#AddressBookOptions .SelectedAddressBookOption:hover {
    background-color: #034B7F;
    color: #FFFFFF;
    font-weight: bold;
    border-left: 1px solid #034B7F;
    border-right: 1px solid #034B7F;
}

.SelectedLetterDisplay {
    background-color: #034B7F;
    color: #FFFFFF;
    font-size: 26px;
    padding: 5px 10px;
    border-radius: 0 0 10px 10px;
}

.AddressBookListing {
    padding: 10px;
}

    .AddressBookListing .AddressBookFirstColumn {
        border-left: 1px solid #CCCCCC;
    }

    .AddressBookListing .AddressBookItemColumn {
        border-right: 1px solid #CCCCCC;
        float: left;
        width: 180px;
    }

    .AddressBookListing .AddressBookItem a .nameDisplay {
        background-color: #EEEEEE;
        font-weight: bold;
        padding: 5px;
    }

    .AddressBookListing .AddressBookItem a {
        color: #034B7F;
        display: block;
        font-size: 12px;
        padding: 5px;
        text-decoration: none;
    }

        .AddressBookListing .AddressBookItem a:hover {
            background-color: #ddeeff;
        }

            .AddressBookListing .AddressBookItem a:hover .nameDisplay {
                background-color: #ccddee;
            }

            .AddressBookListing .AddressBookItem a:hover .addressDisplay {
                color: #034B7F;
            }

    .AddressBookListing .AddressBookItem {
        height: 80px;
        overflow: auto;
    }

        .AddressBookListing .AddressBookItem span {
            display: block;
        }

    .AddressBookListing .NoAddressBookItemsFound {
        background-color: #FFEEEE;
        padding: 5px;
        color: #990000;
    }

#FrontPageDashboardSideBar {
    width: 480px;
    float: right;
    overflow: hidden;
}

    #FrontPageDashboardSideBar #OpenWorkOrdersContainer {
        background-color: #F5F5F5;
        border-radius: 5px 5px 5px 5px;
        padding: 10px;
    }

.WeatherContainer {
    background-color: #f5f5f5;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 10px;
}

    .WeatherContainer .WindDesc {
        float: right;
    }

    .WeatherContainer .WeatherFor {
        color: #AAAAAA;
        float: right;

    }

    .WeatherContainer .WeatherPrecip {
        float: right;
    }

    .WeatherContainer .WeatherDesc {
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 5px;
        margin-left: 75px;
    }
    .WeatherContainer .TodaysHigh,
    .WeatherContainer .TodaysLow {
        margin-left: 75px;

    }
    .WeatherContainer .WeatherIcon img {
        border-radius: 5px;
        float: left;
        margin-right: 10px;
    }

#PageDashboardSideBar {
    width: 380px;
    float: right;
}

#PageDashboardMainContent {
    width: 510px;
    float: left;
}

#RecentCustomerActivityList .RecentCustomerActivityItem a {
    color: #000000;
    display: block;
    font-size: 12px;
    padding: 4px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

    #RecentCustomerActivityList .RecentCustomerActivityItem a:hover {
        border-top: solid 1px #ccddee;
        border-bottom: solid 1px #ccddee;
        background-color: #ddeeff;
    }

#RecentCustomerActivityList .CustomerPicture {
    float: left;
}

    #RecentCustomerActivityList .CustomerPicture img {
        height: 50px;
        width: 50px;
    }

#RecentCustomerActivityList .CustomerName {
    display: block;
    float: left;
    width: 150px;
}

#RecentCustomerActivityList .CustomerAction {
    display: block;
    float: left;
    width: 200px;
}

#RecentCustomerActivityContainer .fieldsettitle {
    background-image: url("jqueryui/alticons/clock.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.fieldset .fieldsettitle.fieldsetpageoptionstitle {
    background-image: url("jqueryui/alticons/node-select-previous.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.fieldset .fieldsetpageoption {
    padding: 5px 0 10px;
}

    .fieldset .fieldsetpageoption a {
        display: block;
        text-decoration: none;
        color: #000000;
        background-color: #eeeeee;
        padding: 15px;
        border-radius: 10px;
    }

        .fieldset .fieldsetpageoption a:hover {
            background-color: #dddddd;
        }

        .fieldset .fieldsetpageoption a .optiontitle {
            display: block;
            font-weight: bold;
        }

        .fieldset .fieldsetpageoption a .optiondesc {
            display: block;
        }

        .fieldset .fieldsetpageoption a.pageoption_mailtemplates {
            background-image: url("images/icon_mails.png");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_routereport {
            background-image: url("images/icon_delivery.gif");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_openworkorderreport {
            background-image: url("images/workorder.png");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }
        .fieldset .fieldsetpageoption a.pageoption_endofdayreport {
            background-image: url("jqueryui/alticons/calendar-medium.png");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_report {
            background-image: url("jqueryui/alticons/block.png");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_addressbook {
            background-image: url("images/icon_addressbook.png");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_vehicles {
            background-image: url("images/icon_delivery.gif");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_search {
            background-image: url("images/icon_find.gif");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_add {
            background-image: url("images/icon_add.gif");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_preferences {
            background-image: url("images/clipboard-task.png");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

        .fieldset .fieldsetpageoption a.pageoption_alerts {
            background-image: url("jqueryui/alticons/exclamation-red.png");
            background-position: 15px 15px;
            background-repeat: no-repeat;
            padding-left: 40px;
        }

.DataTable {
    width: 100%;
}

    .DataTable th {
        background-color: #09568F;
        color: #FFFFFF;
        font-weight: bold;
        padding: 5px;
        text-align: left;
    }

    .DataTable td {
        background-color: #F5F5F5;
        padding: 5px;
    }

    .DataTable tfoot td {
        background-color: #ccc;
    }

    .DataTable tfoot .NewEquipRow td {
        background-color: #F5F5F5;
        padding: 5px;
    }


    .divTable {
    width: 100%;
}

        .divTable .tableRow {
            clear:both;
        }

    .divTable .tableRow > div {
        background-color: #F5F5F5;
        padding: 5px;
    }
        .divTable .tableHeader > div,
        .divTable .tableHeader {
            background-color: #09568F;
        }
        .divTable .tableHeader > div
        {
        color: #FFFFFF;
        font-weight: bold;
        padding: 5px;
        text-align: left;
    }

    .divTable .tableFooter div {
        background-color: #ccc !important;
    }

    .divTable .tableFooter .NewEquipRow > div {
        background-color: #F5F5F5;
        padding: 5px;
    }


.divTable.divTable5Col .tableRow > div {
    float: left;
    height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 170px;
}
        .divTable .tableFooter .tableRow.NewRowItem > div {
            width:890px;
        }
.OpenWorkOrdersListItem {
    border-bottom: solid 1px #ccc;
    overflow: hidden;
}
.NoWorkOrderItems {
border-bottom:none 0px;
padding-bottom:5px;
}
    .OpenWorkOrdersListItem a {
        display: block;
        text-decoration: none;
        color: #000000;
        padding: 5px 0px;
    }

        .OpenWorkOrdersListItem a:hover {
            background-color: #ddeeff;
        }

    .OpenWorkOrdersListItem .WorkOrderDate {
        display: block;
        float: left;
        width: 80px;
    }

    .OpenWorkOrdersListItem .WorkOrderDesc {
        float: left;
        width: 230px;
        overflow: hidden;
        padding: 5px 0 0 10px;
    }

    .OpenWorkOrdersListItem .CustomerName {
        display: block;
        float: left;
        width: 250px;
        overflow: hidden;
    }

    .OpenWorkOrdersListItem .WorkOrderStatus {
        display: block;
        float: left;
        width: 100px;
        overflow: hidden;
    }
.OpenWorkOrdersListItem .WorkOrderPartialDesc {
    display:block;
    padding-left:80px;
    color:#777;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
    }

        .ui-timepicker-rtl dl dd {
            margin: 0 65px 10px 10px;
        }


.calendarEventDayItemStatus {
    background-image: url("/Content/jqueryui/alticons/clock.png");
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
    margin-top: 5px;
}

.calendarEventDayEstimatedTime {
    background-image: url("/Content/jqueryui/alticons/alarm-clock-select.png");
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
    margin-top: 5px;
    color: #AA6666;
}

.calendarEventDayItemName {
    background-image: url("/Content/jqueryui/alticons/calendar-medium.png");
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
}

.calendarEventDayItemCustomerName {
    background-image: url("/Content/jqueryui/alticons/user-silhouette.png");
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
    font-weight: bold;
}

.calendarEventDayDescAdd1,
.calendarEventDayDescAdd2,
.calendarEventDayDescAddCSZ {
    padding: 0px 0px 0px 20px;
}

.calendarEventDayItemRoute {
    display: block;
    background-image: url("/Content/images/icon_delivery.gif");
    background-repeat: no-repeat;
    margin-top: 5px;
    overflow: hidden;
    padding: 0px 0px 0px 20px;
    text-align: left;
    text-decoration: none;
    color: #000000;
}

.calendarEventDayItemDesc {
    background-image: url("/Content/jqueryui/alticons/blue-document-horizontal-text.png");
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
    margin-top: 5px;
}

.areaFilter {
    padding: 5px 0 0;
    text-align: right;
}

.DashboardEventGroupingName {
    color: #034B7F;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-transform: uppercase;
}

.DashboardEventGroupingName_ByRoute {
    background-image: url("/Content/images/icon_delivery.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.DashboardEventGroupingName_ByStatus {
    background-image: url("/Content/jqueryui/alticons/flag-blue.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.calendarEventDayItemOptions {
    background-color: #034B7F;
    background-image: url("/Content/jqueryui/alticons/popup.gif");
    background-position: 50px 4px;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #FFFFFF;
    float: right;
    font-size: 10px;
    font-weight: bold;
    padding: 5px 28px 5px 6px;
    cursor:pointer;
}
.uipdfdownloadbutton {
float:right;
text-transform:none;
}
    .calendarEventDayItemOptions:hover {
    background-color: #236B9F;
    }

    
.calendarEventDayItem.routeCalendarItem.eventstatus_3 {
    background-color: #ccaaaa;
}

.eventstatus_1 .calendarEventDayItemOptions {
    color: #888800;
}

    .eventstatus_1 .calendarEventDayItemOptions:hover {
        color: #555500;
    }

#MapContainer {
    width: 480px;
    height: 500px;
    position: absolute;
}

#MapContainerPlaceholder {
    width: 480px;
    height: 500px;
    margin-bottom: 20px;
}

.calendarEventDayItemIndex {
   background: none repeat scroll 0 0 #AADDFF;
    border: 1px solid #558899;
    clear: right;
    color: #336677;
    float: right;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 20px;
    padding: 5px 10px;

}


.calendarEventDayPlaceholder {
    border-radius: 5px;
    height: 103px;
    border: solid 1px #aaaaaa;
}


.editor-field .checkbox.toggle {
    height: 22px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-top: -3px;
    width: 100px;
}



    .editor-field .checkbox.toggle label, .editor-field .checkbox.toggle p {
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        line-height: 23px;
        vertical-align: middle;
    }

.editor-field .android.toggle:hover {
    background-color: #C6C6C6;
    border-color: #C6C6C6;
}

.editor-field .checkbox.toggle .slide-button {
    background-color: #AA4444;
}

.editor-field .checkbox.toggle input:checked ~ .slide-button {
    background-color: #44AA44;
    right: 50%;
}


.editor-field .android.toggle input:first-of-type:checked ~ .slide-button {
    background-color: #44AA44;
}

.lastUpdatedRefresh {
    background-image: url("/Content/jqueryui/alticons/arrow-circle.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #888888;
    cursor: pointer;
    float: left;
    font-size: 9px;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

    .lastUpdatedRefresh:hover {
        color: #000000;
    }

.wiredEditableImageDescription {
    border: solid 1px #ffffff;
    padding: 2px;
    margin-bottom: 2px;
}

    .wiredEditableImageDescription:hover {
        border: solid 1px #aaaaaa;
    }

.imageDescEditSection {
    display: none;
}

    .imageDescEditSection .saveButton:hover {
        background-color: #66bb66;
    }

    .imageDescEditSection .saveButton {
        background-color: #55AA55;
        border: medium none;
        padding: 2px;
        width: 50%;
        cursor: pointer;
    }

    .imageDescEditSection .cancelButton:hover {
        background-color: #bbbbbb;
    }

    .imageDescEditSection .cancelButton {
        background-color: #aaaaaa;
        border: medium none;
        padding: 2px;
        width: 50%;
        cursor: pointer;
    }

#EmailDetails #EmailBodyContainer {
    width: 650px;
}

#EmailDetails #EmailSubject {
    width: 650px;
}

#SignedInAs .SiteAdminLink {
    font-weight: normal;
    color: #777777;
    margin-left: 9px;
}

    #SignedInAs .SiteAdminLink a {
        color: #FF0000;
        padding-left: 9px;
    }

        #SignedInAs .SiteAdminLink a:hover {
            color: #ffaaaa;
        }


#HeaderAlerts {
    clear: right;
    float: right;
}

    #HeaderAlerts a {
        padding: 5px 10px;
        display: block;
        text-decoration: none;
        font-size: 11px;
        padding-left: 26px;
    }

    #HeaderAlerts.noAlerts a:hover {
        color: #cccccc;
    }

    #HeaderAlerts.hasAlerts a:hover {
        background-color: #dd3333;
    }

    #HeaderAlerts.hasAlerts a {
        background-color: #cc2222;
        background-image: url("jqueryui/alticons/exclamation-red.png");
        background-position: 5px center;
        background-repeat: no-repeat;
        border-radius: 5px;
        color: #FFFFFF;
    }

    #HeaderAlerts.noAlerts a {
        background-color: #033B6F;
        background-image: url("jqueryui/alticons/no-alerts.png");
        background-position: 5px center;
        background-repeat: no-repeat;
        border-radius: 5px;
        color: #AAAAAA;
    }

.AlertTypeSelection .AlertTypeSelectionItem.SelectedAlertType a {
    background-color: #034B7F;
    color: #ffffff;
}

.AlertTypeSelection .AlertTypeSelectionItem.UnselectedAlertType a:hover {
    background-color: #dde8fb;
    color: #444444;
}

.AlertTypeSelection .AlertTypeSelectionItem {
    float: left;
}

    .AlertTypeSelection .AlertTypeSelectionItem a {
        display: block;
        cursor: pointer;
        background-color: #AAAAAA;
        border-radius: 5px;
        margin-right: 10px;
        padding: 3px;
        text-align: center;
        width: 120px;
        text-decoration: none;
        color: #555555;
    }

h2.PageTitle .SendAlert {
    float: right;
}

#CreateAlertPopup #AlertPopupAlertDescription {
    height: 170px;
    width: 365px;
}

#CreateAlertPopupForAppt #AlertPopupAlertDescriptionForAppt {
    height: 170px;
    width: 365px;
}


#CalendarEventDetailsPage .CalendarEventInformation .fieldset.calendareventalert {
    background-color: #AA4444;
    background-image: url("jqueryui/alticons/exclamation-red.png");
    background-position: 5px 10px;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #FFFFFF;
    padding-left: 30px;
}

#CalendarEventDetailsPage .CalendarEventInformation .calendareventalert .alerttext {
    border-bottom: 1px solid #662222;
    color: #FFFFFF;
    margin-bottom: 3px;
    padding-bottom: 3px;
}

#CalendarEventDetailsPage .CalendarEventInformation .calendareventalert .sentby {
    color: #220000;
    font-size: 11px;
    text-align: right;
}


.safetyLimitRangeAdjustments {
    background-color: #EEEEEE;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 0;
}

    .safetyLimitRangeAdjustments .editor-field span {
        padding-left: 10px;
        padding-right: 5px;
        text-transform: uppercase;
    }

    .safetyLimitRangeAdjustments .editor-field {
    }

    .safetyLimitRangeAdjustments input {
        font-size: 12px;
        padding: 2px 0 2px 2px;
        width: 75px !important;
    }

    .safetyLimitRangeAdjustments .editor-label {
        padding-top: 5px;
    }

    .safetyLimitRangeAdjustments .editor-group {
        border-top: 1px solid #cccccc;
        padding-bottom: 5px;
    }

        .safetyLimitRangeAdjustments .editor-group:first-child {
            border-top: 0px none;
        }

        .safetyLimitRangeAdjustments .editor-group:hover {
            background-color: #fafafa;
        }

    .safetyLimitRangeAdjustments .safeitem {
        background-color: #EEEEAA;
        float: left;
        padding: 5px 5px 0 0;
        color: #888800;
        border-right: 1px solid #BBBBBB;
    }

        .safetyLimitRangeAdjustments .safeitem:first-child {
            border-radius: 5px 0px 0px 5px;
        }

        .safetyLimitRangeAdjustments .safeitem:last-child {
            border-radius: 0 5px 5px 0;
            border-right: 0 none;
        }

    .safetyLimitRangeAdjustments .idealitem {
        border-right: 1px solid #BBBBBB;
        color: #008800;
        background-color: #aaEEAA;
        float: left;
        padding: 5px 5px 0 0;
    }

.TechnicianMainPage .calendarEventDayItem {
    cursor: move;
}

.ui-sortable .calendarEventDayItem {
    cursor: move;
}
    .TechnicianMainPage .calendarEventDayItem .calendarEventDayItemOptions {
        cursor: pointer;

    }



.pageInfoBox {
    background-color: #FFFFCC;
    background-image: url("jqueryui/alticons/balloon-box.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #444444;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 10px 30px;
}

#ChemicalsAppliedContainer .SelectedChemical .qtyInputs {
    background-color: #CCDDCC;
}
#ChemicalsAppliedContainer .qtyInputs {
    border-radius: 6px;
    display: none;
    margin: 5px;
    padding: 10px;
    width: 400px;
}

#ChemicalsAppliedContainer .qtyItem {
    padding-left: 5px;
}

#ChemicalsAppliedContainer .qtyItem.SelectedChemical {
    background-color: #CCEECC;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}

#ItineraryDiv table tr:first-child td {
    border-top:solid 1px #cccccc;
}
#ItineraryDiv table td {
    border-bottom:solid 1px #cccccc;
    background-color: #F5F5F5;
}
#ItineraryDiv .routeEvent  td {
    background-color:#ddeedd;
}

#ItineraryDiv table tr td:first-child {

    text-align:center;
}

#ItineraryDiv table tr td:last-child {
    text-align:right;
}
#ItineraryDiv table tr.routeEvent  td:first-child {
    background-color:#ddeedd;
}

#ItineraryDiv table .routeTotal td {
    background-color: #CCCCCC;
    color: #444444;
    font-weight: bold;
}
#ItineraryDiv .routeAddrName {
    font-weight:bold;
}


#ItineraryDiv .routeAddrName {
    color: #003300;
    font-weight: bold;
}
.SelectedLetterDisplay .NameFilterSection {
    float:right;
    margin-top:5px;
    font-size:12px;
}
.routeAddr,
.routeAddr2,
.routeAddrCSZ
{
    color: #005500;
}
.CurrentWeatherTitle {
    display:none;
}
#MapContainerTitle {
    display:none;
}
#ClickToShowMapContainer {
    background-image: url("/Content/images/EnableMap.jpg");
    background-position: center center;
    border-radius: 10px;
    display: block;
    height: 300px;
    text-decoration:none;
}

#AlertGrid a {
    text-decoration:none;
    color:#034b7f;
    font-weight:bold;
}

.ServiceHistoryItem .TimeIn {
    float:right;
    padding-right:10px;
    width: 130px;
}
.ServiceHistoryItem .TimeOut {
    float:right;
    width: 130px;
}

#DashboardPage.CardListing #TodaysEventsSection {
    float:none;
    width:auto;
    margin:0px 0px 20px 0px;
}

#DashboardPage.CardListing .DashboardEventGroup {
    border-left: 1px solid #eee;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    width: 210px;
}
#DashboardPage.CardListing #TodaysSchedule div .DashboardEventGroup:first-child {
    border-left:none 0px;
}
#DashboardPage.CardListing #FrontPageDashboardSideBar {
    width:auto;
    float:none;
}

#DashboardPage.CardListing #FrontPageDashboardSideBar .WeatherContainer {
    display:none;
}
.dashboardDisplayStyle {
    float:right;
}
.dashboardDisplayStyle img {
    margin-right:5px;
    cursor:pointer;
}


.CardListing .OpenWorkOrdersListItem .WorkOrderStatus {
    float: right;
}

.CardListing .OpenWorkOrdersListItem .CustomerName {
    width: 680px;
}

.dashboardScheduleDateClick {
    color:#034b7f;
    text-decoration:none;
}
.dashboardScheduleDateClick:hover {
    text-decoration:underline;
}

#TodaysSchedule .uicreatebutton {
    float:right;
}

#PopupLayout #FindContainer {
    padding:20px;
}


#PopupLayout #CustomerSearchResults .CustomerListItem .CustomerContact {
    display: none;
}

.resourceVideoLinks {
    list-style:none;
}

.resourceVideoLinks li {
    padding:10px 0px;
}

    .resourceVideoLinks li a {
        text-decoration:none;
        color:#034b7f;
    }

.requiredNotEntered {
    background-color:#ffeeee;
}

.SignUpErrors .errorItem {
    padding: 5px;
    margin: 5px 0px;
    background-color: #ff0000;
    color: #ffffff;
}


.sidrCalculator {
    background-color:#02335B;
}
.sidrCalculator > div {
    padding:10px;
}

.sidrCalculator .closeCalcLink {
    color: #cc0000;
    display: block;
    background-color: #ffaaaa;
    padding: 5px 5px 5px 25px;
    border-radius: 5px;
    background-image:url('/Content/jqueryui/alticons/cross.png');
    background-position:5px center;
    background-repeat:no-repeat;
    text-decoration:none;
}

.sidrCalculator .sideField {
    padding:10px 0px;
    color:#fff;
}

.sidrCalculator .sideField .sideFieldInput {
    margin-top:5px;
}
.sidrCalculator .sideField .sideFieldInput select,
.sidrCalculator .sideField .sideFieldInput input {
    width:90%;
    padding:5px;
    font-size:14px;
}
.sidrCalculator > a {
    color:#aaa;

}
.sidrCalculator h2 {
    color:#ffffff;
}

.sidrCalculator h3 {
    color:#ffffff;

}

.sidrCalculator .calcResult {
    padding: 10px;
}
.sidrCalculator .calcResultHolder {
    background-color: #ccffcc;
    border-radius: 5px;
    margin-top:10px;
    display:none;
}
.sidrCalculator .sideFieldButton {
    padding:10px 0px;
}
.sidrCalculator .sideFieldButton button {
    background-color:#ccc;
}

.calcLink {
    float: right;
    display: block;
    background-color: #5555aa;
    padding: 3px 5px;
    margin: 0px 2px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
}
.calcLink:hover {
    background-color: #6565ba;
}

#PageTabItems ul li.unhideForMobile, .unhideForMobile {
    display:none;
}

.LogSheetResults {
    border-collapse:collapse;
    width:100%;
}
.LogSheetResults th {
    background-color:#034B7F;
    color:#ffffff;
}
.LogSheetResults th,
.LogSheetResults td.dateCell,
.LogSheetResults td.dayNameCell,
.LogSheetResults td.poolNameCell
{
    font-weight:bold;
}
.LogSheetResults .altLine .dataCell {
    background-color:#ddeeff;
}

.ticketForm {
    background-color:#AFD8F5;
    padding:20px;
    margin:20px 0px;
}

.resolutionHolder {
    text-align:center;
}
.ImportCustomerListing {
    overflow:auto;
    max-height:500px;
}
        .ImportCustomerListing table .Row_0 td {
            background-color: #e7e7e7;
            padding:5px;
            vertical-align:top;
        }

        .ImportCustomerListing table .Row_1 td {
            background-color: #f5f5f5;
            padding:5px;
            vertical-align:top;
        }

        table.ImportColumnMapping {
            width:50%;
            max-width:400px;
        }
        
         table.ImportColumnMapping .Row_0 td {
            background-color: #e7e7e7;
            padding:5px;
            vertical-align:top;
        }

        table.ImportColumnMapping .Row_1 td {
            background-color: #f5f5f5;
            padding:5px;
            vertical-align:top;
        }

.clockOutOptions {
    width:150px;
}

.clockOutOptions div {
    cursor:pointer;
    padding:10px;
    font-size:14px;
    border-bottom:solid 1px #eee;
}

    .clockOutOptions div:hover {
        background-color: #AFD8F5;
    }

div#EmpCheckInCheckOutBar {
    background-color: #00234B;
    color: #fff;
    text-align: center;
}

button#EmpClockOutButton {
    border: none 0px;
    background-color: #00aa00;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 20px;
    text-transform: uppercase;
}
    button#EmpClockOutButton:hover {
        background-color: #00bb00;
    }
button#EmpClockInButton {
    background-color: #aa0000;
    border: none 0px;
    color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 20px;
    text-transform:uppercase;
}
    button#EmpClockInButton:hover {
        background-color: #bb0000;
    }

#EmpCheckInCheckOutBar .checkedIn {
    padding: 7px 0px 5px 0px;
    background-color: #004B00;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 20px;
}

#EmpCheckInCheckOutBar .checkedOut {
    padding: 7px 0px 5px 0px;
    background-color: #4B0000;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 20px;
}
.jslider .jslider-bg i,.jslider .jslider-pointer{background:url(images/jslider.png) no-repeat 0 0}.jslider{display:block;width:100%;height:1em;position:relative;top:.6em;font-family:Arial,sans-serif}.jslider table{width:100%;border-collapse:collapse;border:0}.jslider td,.jslider th{padding:0;vertical-align:top;text-align:left;border:0}.jslider table,.jslider table tr,.jslider table tr td{width:100%;vertical-align:top}.jslider .jslider-bg{position:relative}.jslider .jslider-bg i{height:5px;position:absolute;font-size:0;top:0}.jslider .jslider-bg .l{width:50%;background-position:0 0;left:0}.jslider .jslider-bg .r{width:50%;left:50%;background-position:right 0}.jslider .jslider-bg .v{position:absolute;width:60%;left:20%;top:0;height:5px;background-position:0 -20px}.jslider .jslider-pointer{width:13px;height:15px;background-position:0 -40px;position:absolute;left:20%;top:-4px;margin-left:-6px;cursor:pointer;cursor:hand}.jslider .jslider-pointer-hover{background-position:-20px -40px}.jslider .jslider-pointer-to{left:80%}.jslider .jslider-label{font-size:12px;line-height:12px;color:black;opacity:.4;white-space:nowrap;padding:0 2px;position:absolute;top:-18px;left:0}.jslider .jslider-label-to{left:auto;right:0}.jslider .jslider-value{font-size:12px;white-space:nowrap;padding:1px 2px 0;position:absolute;top:-19px;left:20%;background:transparent;line-height:12px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px}.jslider .jslider-value-to{left:80%}.jslider .jslider-label small,.jslider .jslider-value small{position:relative;top:-0.4em}.jslider .jslider-scale{position:relative;top:12px}.jslider .jslider-scale span{position:absolute;height:5px;border-left:1px solid #999;font-size:0}.jslider .jslider-scale ins{font-size:12px;text-decoration:none;position:absolute;left:0;top:5px;color:#999}.jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label{display:none}.jslider_blue .jslider-bg i,.jslider_blue .jslider-pointer{background-image:url(images/jslider.blue.png)}.jslider_plastic .jslider-bg i,.jslider_plastic .jslider-pointer{background-image:url(images/jslider.plastic.png)}.jslider_round .jslider-bg i,.jslider_round .jslider-pointer{background-image:url(images/jslider.round.png)}.jslider_round .jslider-pointer{width:17px;height:17px;top:-6px;margin-left:-8px}.jslider_round_plastic .jslider-bg i,.jslider_round_plastic .jslider-pointer{background-image:url(images/jslider.round.plastic.png)}.jslider_round_plastic .jslider-pointer{width:18px;height:18px;top:-7px;margin-left:-8px}
/*! qTip2 v2.0.0 | http://craigsworks.com/projects/qtip2/ | Licensed MIT, GPL */
.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;border-width:1px;border-style:solid}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important}.ui-tooltip-content{position:relative;padding:0px;overflow:hidden;text-align:left;word-wrap:break-word}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border-width:0 0 1px;font-weight:bold}.ui-tooltip-titlebar + .ui-tooltip-content{border-top-width:0!important}.ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid}* html .ui-tooltip-titlebar .ui-state-default{top:16px}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;direction:ltr}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em}.ui-tooltip-focus{}.ui-tooltip-hover{}.ui-tooltip-default{border-color:#F1D031;background-color:#FFFFA3;color:#555}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111}.ui-tooltip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,0.15)}.ui-tooltip-rounded,.ui-tooltip-tipsy,.ui-tooltip-bootstrap{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.ui-tooltip-youtube{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;box-shadow:0 0 3px #333;color:white;border-width:0;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));background-image:-webkit-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,black 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,black 100%)}.ui-tooltip-youtube .ui-tooltip-titlebar{background-color:#4A4A4A;background-color:rgba(0,0,0,0)}.ui-tooltip-youtube .ui-tooltip-content{padding:.75em;font:12px arial,sans-serif;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000);"}.ui-tooltip-youtube .ui-tooltip-icon{border-color:#222}.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{border-color:#303030}.ui-tooltip-jtools{background:#232323;background:rgba(0,0,0,0.7);background-image:-webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));background-image:-moz-linear-gradient(top,#717171,#232323);background-image:-webkit-linear-gradient(top,#717171,#232323);background-image:-ms-linear-gradient(top,#717171,#232323);background-image:-o-linear-gradient(top,#717171,#232323);border:2px solid #ddd;border:2px solid rgba(241,241,241,1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 12px #333;-moz-box-shadow:0 0 12px #333;box-shadow:0 0 12px #333}.ui-tooltip-jtools .ui-tooltip-titlebar{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"}.ui-tooltip-jtools .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"}.ui-tooltip-jtools .ui-tooltip-titlebar,.ui-tooltip-jtools .ui-tooltip-content{background:transparent;color:white;border:0 dashed transparent}.ui-tooltip-jtools .ui-tooltip-icon{border-color:#555}.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{border-color:#333}.ui-tooltip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4);box-shadow:4px 4px 5px rgba(0,0,0,0.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.ui-tooltip-cluetip .ui-tooltip-titlebar{background-color:#87876A;color:white;border:0 dashed transparent}.ui-tooltip-cluetip .ui-tooltip-icon{border-color:#808064}.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{border-color:#696952;color:#696952}.ui-tooltip-tipsy{background:black;background:rgba(0,0,0,.87);color:white;border:0 solid transparent;font-size:11px;font-family:'Lucida Grande',sans-serif;font-weight:bold;line-height:16px;text-shadow:0 1px black}.ui-tooltip-tipsy .ui-tooltip-titlebar{padding:6px 35px 0 10;background-color:transparent}.ui-tooltip-tipsy .ui-tooltip-content{padding:6px 10}.ui-tooltip-tipsy .ui-tooltip-icon{border-color:#222;text-shadow:none}.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{border-color:#303030}.ui-tooltip-tipped{border:3px solid #959FA9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F9F9F9;color:#454545;font-weight:normal;font-family:serif}.ui-tooltip-tipped .ui-tooltip-titlebar{border-bottom-width:0;color:white;background:#3A79B8;background-image:-webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));background-image:-webkit-linear-gradient(top,#3A79B8,#2E629D);background-image:-moz-linear-gradient(top,#3A79B8,#2E629D);background-image:-ms-linear-gradient(top,#3A79B8,#2E629D);background-image:-o-linear-gradient(top,#3A79B8,#2E629D);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"}.ui-tooltip-tipped .ui-tooltip-icon{border:2px solid #285589;background:#285589}.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{background-color:#FBFBFB;color:#555}.ui-tooltip-bootstrap{font-size:13px;line-height:18px;color:#333;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.ui-tooltip-bootstrap .ui-tooltip-titlebar{font-size:18px;line-height:22px;border-bottom:1px solid #ccc;background-color:transparent}.ui-tooltip-bootstrap .ui-tooltip-titlebar .ui-state-default{right:9px;top:49%;border-style:none}.ui-tooltip-bootstrap .ui-tooltip-icon{background:white}.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:bold;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:0.2;filter:alpha(opacity=20)}.ui-tooltip-bootstrap .ui-tooltip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40)}.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{filter:none;-ms-filter:none}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:0.1px!important;font-size:0.1px!important;color:#123456;background:transparent;border:0 dashed transparent}.ui-tooltip .ui-tooltip-tip canvas{top:0;left:0}#qtip-overlay{position:fixed;left:-10000em;top:-10000em}#qtip-overlay.blurs{cursor:pointer}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:black;opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
/* ------------------------------------------
CSS TOGGLE SWITCHES (Ionuț Colceriu)
Licensed under Unlicense 
https://github.com/ghinda/css-toggle-switch
------------------------------------------ */
.dgv-label .toggle 
{
    margin-left:0px !important;
    cursor:pointer;
}
/* Hide by default */

.switch .slide-button,
.toggle p span {
	display: none;
}

/* Toggle Switches */

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {

	/* Checkbox
	 */
	.toggle {
		position: relative;
		padding: 0;
		margin-left: 100px;
	}

	/* Position the label over all the elements, except the slide-button
	 * Clicking anywhere on the label will change the switch-state
	 */
	.toggle label {
		position: relative;
		z-index: 3;
		
		display: block;
		width: 100%;
	}

	/* Don't hide the input from screen-readers and keyboard access
	 */
	.toggle input {
		position: absolute;
		opacity: 0;
		z-index: 5;
	}
	
	.toggle p {
		position: absolute;
		left: -100px;
		
		width: 100%;
		margin: 0;
		padding-right: 100px;
		
		text-align: left;
	}
	
	.toggle p span {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		
		display: block;
		width: 50%;
		margin-left: 100px;
		
		text-align: center;
	}
	
	.toggle p span:last-child {
		left: 50%;
	}

	.toggle .slide-button {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 4;
		
		display: block;
		width: 50%;
		height: 100%;
		padding: 0;
	}

	/* Radio Switch
	 */
	.switch {
		position: relative;
		padding: 0;
	}
	
	.switch input {
		position: absolute;
		opacity: 0;
	}
	
	.switch label {
		position: relative;
		z-index: 2;
		
		float: left;
		width: 50%;
		height: 100%;
		
		margin: 0;
		text-align: center;
	}

	.switch .slide-button {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		z-index: 1;
		
		width: 50%;
		height: 100%;
	}

	.switch input:last-of-type:checked ~ .slide-button {
		left: 50%;
	}

	/* Switch with 3 items */
	.switch.switch-three label,
	.switch.switch-three .slide-button {
		width: 33.3%;
	}

	.switch.switch-three input:checked:nth-of-type(2) ~ .slide-button {	
		left: 33.3%;
	}

	.switch.switch-three input:checked:last-of-type ~ .slide-button {
		left: 66.6%;
	}
	
	/* Switch with 4 items */
	.switch.switch-four label,
	.switch.switch-four .slide-button {
		width: 25%;
	}

	.switch.switch-four input:checked:nth-of-type(2) ~ .slide-button {	
		left: 25%;
	}
	
	.switch.switch-four input:checked:nth-of-type(3) ~ .slide-button {	
		left: 50%;
	}

	.switch.switch-four input:checked:last-of-type ~ .slide-button {
		left: 75%;
	}
	
	/* Switch with 5 items */
	.switch.switch-five label,
	.switch.switch-five .slide-button {
		width: 20%;
	}

	.switch.switch-five input:checked:nth-of-type(2) ~ .slide-button {	
		left: 20%;
	}
	
	.switch.switch-five input:checked:nth-of-type(3) ~ .slide-button {	
		left: 40%;
	}
	
	.switch.switch-five input:checked:nth-of-type(4) ~ .slide-button {	
		left: 60%;
	}

	.switch.switch-five input:checked:last-of-type ~ .slide-button {
		left: 80%;
	}

	/* Shared */
	.toggle,
	.switch {
		display: block;
		height: 30px;
	}
	
	.switch *,
	.toggle * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.switch .slide-button,
	.toggle .slide-button {
		display: block;
		
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	.toggle label,
	.toggle p,
	.switch label {
		line-height: 30px;
		vertical-align: middle;
	}
	
	.toggle input:checked ~ .slide-button {
		right: 50%;
	}
	
	/* Outline the toggles when the inputs are focused */
	.toggle input:focus ~ .slide-button,
	.switch input:focus + label {
		outline: 1px dotted #888;
	}
	
	/* Bugfix for older Webkit, including mobile Webkit. Adapted from:
	 * http://css-tricks.com/webkit-sibling-bug/
	 */
	.switch, .toggle {
		-webkit-animation: bugfix infinite 1s;
	}
	
	@-webkit-keyframes bugfix { from { position: relative; } to { position: relative; } }


	/* Standalone Themes */


	/* Candy Theme
	 * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
	 * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
	 */
	 
	.candy {
		background-color: #cccccc;
		
		color: #fff;
		font-weight: bold;
		text-align: center;
		text-shadow: 1px 1px 1px #191b1e;
			
		border-radius: 3px;	
		
		box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
	}

	.candy input:checked + label {
		color: #333;
		text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	}
		
	.candy .slide-button {
		border: 1px solid #333;

		background-color: #2C6A48;
		
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
		background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
		background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
		background-image:      -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
		background-image:         linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
		
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
		
		border-radius: 3px;
	}

	.candy p {
		color: #333;
		
		text-shadow: none;
	}

	.candy span {
		color: #fff;
	}

	.candy.blue .slide-button {
		background-color: #38a3d4;
	}

	.candy.yellow .slide-button {
		background-color: #f5e560;
	}

	/* Android Theme
	 * Based on Holo
	 */
	 
	.android {
		background-color: #b6b6b6;
		
		color: #fff;
	}

	.android.toggle {
		border: 2px solid #b6b6b6;
	}

	.android.switch {
		overflow: hidden;
	}
		
	.android.switch .slide-button {
		background-color: #279fca;
		
		-webkit-transform: skew(20deg) translateX(10px);
		-moz-transform: skew(20deg) translateX(10px);
		-ms-transform: skew(20deg) translateX(10px);
		-o-transform: skew(20deg) translateX(10px);
		transform: skew(20deg) translateX(10px);
	}

	.android.toggle .slide-button {
		border-radius: 2px;
		
		background-color: #848484;
	}

	/* Selected ON toggle */
	.android.toggle input:first-of-type:checked ~ .slide-button {
		background-color: #279fca;
	}

	.android.switch input:first-of-type:checked ~ .slide-button {
		-webkit-transform: skew(20deg) translateX(-10px);
		-moz-transform: skew(20deg) translateX(-10px);
		-ms-transform: skew(20deg) translateX(-10px);
		-o-transform: skew(20deg) translateX(-10px);
		transform: skew(20deg) translateX(-10px);
	}

	.android p {
		color: #333;
	}

	.android span {
		color: #fff;
	}

	.android.switch,
	.android span {
		text-transform: uppercase;
	}

	/* Fix Android/Holo Theme in firefox - force absolute position */
	.android.switch input {
		top: 0;
		left: 0;
	}

	/* iOS Theme
	 * Similar to iOS but more accessible
	 */ 

	.ios {
		background: -webkit-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
		background: -moz-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
		background: -o-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
		background: -ms-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
		background: linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
		
		-webkit-box-shadow: inset 0 2px 2px #b6b6b6, inset 3px 0 3px #b6b6b6;
		box-shadow: inset 0 2px 2px #b6b6b6, inset 3px 0 3px #b6b6b6;

		border: 1px solid #efefef;
		border-radius: 3px;
		
		color: #7f7f7f;
		font: bold 14px sans-serif; 
		text-align: center;
		text-shadow: none;
	}

	.ios.toggle .slide-button {
		border: 1px solid #919191;
		background: -webkit-linear-gradient(top, #cdcdcd, #fbfbfb);
		background: -moz-linear-gradient(top, #cdcdcd, #fbfbfb);
		background: -o-linear-gradient(top, #cdcdcd, #fbfbfb);
		background: -ms-linear-gradient(top, #cdcdcd, #fbfbfb);
		background: linear-gradient(top, #cdcdcd, #fbfbfb);
		
		border-radius: 3px;
		
		-webkit-box-shadow: inset 0 1px 0 #f0f0f0;
		box-shadow: inset 0 1px 0 #f0f0f0;
	}

	/* Selected ON toggle */
	.ios.toggle input:first-of-type:checked ~ p span:first-child,
	.ios.switch input:checked + label {
		color: #fff;
		text-shadow: 0 -1px 0 #1b3b6f;
	}

	.ios.toggle input:first-of-type:checked ~ .slide-button,
	.ios.switch .slide-button {
		background: -webkit-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
		background: -moz-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
		background: -o-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
		background: -ms-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
		background: linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
		
		border-radius: 3px;
		border: 1px solid #1654b5;
		
		text-align: center;
		color: #fff;
		
		font: bold 14px sans-serif; 
		text-shadow: 0 -1px 0 #1b3b6f;
	}
	
	.ios.toggle p span {
		color: #7f7f7f;
	}
	
}

/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #f8f8f2;
	text-shadow: 0px 1px rgba(0,0,0,0.3);
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;	
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #f8f8f2;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag {
	color: #f92672;
}

.token.boolean,
.token.number{
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string {
	color: #a6e22e;
}


.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value
{
	color: #e6db74;
}


.token.keyword{
color: #f92672;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important {
	font-weight: bold;
}

.token.entity {
	cursor: help;
}
/*

Responsive Mobile Menu v1.0
Plugin URI: responsivemobilemenu.com

Author: Sergio Vitov
Author URI: http://xmacros.com

License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/

*/

.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
}
.rmm a {
	color:#ebebeb;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding:padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}




/* GRAPHITE STYLE */


.rmm.graphite .rmm-toggled {
	width:95%;
	background-color:#555555;
	min-height:36px;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-image:url('../rmm-img/graphite-menu-bg.png');
	background-repeat:repeat-x;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px black;
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	right:15px;
	top:8px;
}

.rmm.graphite .rmm-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.rmm.graphite .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#555555;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #333333;
	border-top:1px solid #777777;
	text-shadow:1px 1px 1px #333333;
}
.rmm.graphite .rmm-toggled ul li a:active {
	background-color:#444444;
	border-bottom:1px solid #444444;
	border-top:1px solid #444444;
}



/* SAPPHIRE STYLE */


.rmm.sapphire .rmm-toggled {
	width:95%;
	background-color:#537b9f;
	min-height:36px;
	border-radius:6px;
}
.rmm.sapphire .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-repeat:repeat-x;
	border-radius:5px;
}
.rmm.sapphire .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px #3e587b;
}
.rmm.sapphire .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
	width:20px;
	padding:0px 7px 0px 7px;
	border:1px solid #3e587b;
	border-radius:3px;
	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-position:top;
}

.rmm.sapphire .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:white;
	width:20px;
}
.rmm.sapphire .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#537698;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #6883a6;
	text-shadow:1px 1px 1px #333333;
}
.rmm.sapphire .rmm-toggled ul li a:active {
	background-color:#3c5779;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #3c5779;
}
.rmm.sapphire .rmm-toggled ul li:first-child a { 
	border-top:1px solid #3c5779 !important;
}





/* MINIMAL STYLE */

.rmm.minimal a {
	color:#ffffff;
}
.rmm.minimal a:hover {
	opacity:0.7;
}
.rmm.minimal .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
}
.rmm.minimal .rmm-toggled {
	width:95%;
	min-height:45px;
}
.rmm.minimal .rmm-toggled-controls {
	display:block;
	height:36px;
	color:#ffffff;
	text-align:left;
	position:relative;
}
.rmm.minimal .rmm-toggled-title {
	position:relative;
	top:6px;
	left:0px;
	font-size:16px;
	color:#ffffff;
}
.rmm.minimal .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:11px;
}

.rmm.minimal .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:#ffffff;
	width:25px;
}
.rmm.minimal .rmm-toggled ul li a {
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #dedede;
	color:#ffffff;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
	border-top:1px solid #dedede;
}

@media screen and (max-width: 960px) {

    #BodyWrapper {
        background-position: -250px top !important;
    }
}

@media screen and (max-width: 480px) {
    .calcLink{
        margin-top:10px
    }

    .chemicalreadinginputs span.sliderDescriptor {
        display: block;
        padding-top: 5px;
    }

.SSGridViewBase .dgv-rowPageOptions .dgv-pager-container {
    float: left !important;
    margin-bottom: 5px;
    margin-top: 5px;
}

    
.AlertTypeSelection .AlertTypeSelectionItem a {
    margin-right: 5px !important;
}
    .hideForMobile {
        display:none !important;
    }
    .unhideForMobile {
        display:block !important;
    }
    
    .fieldset .editor-label {
    font-weight: bold;
    padding-bottom: 5px;
    float: none;
}
    
    
.fieldset #SearchCriteriaSection .editor-field,
.fieldset .editor-field {
    float: none;
    width: 190px;
}
    .fieldset .editor-field select,
    .fieldset .editor-field textarea,
    .fieldset .editor-field input[type='text'],
    .fieldset .editor-field input[type='password'] {
        width:100% !important;
    }
#RouteDashboardTable .headerrow th {
    background-color: #4996Bf;
}
    
#CustomerDetailsPage .CustomerInformation {
    margin-bottom: 20px !important;
}
#PrimaryCustomerInfoBar .primaryInfoBarIcon {
    display:none;
}

#PrimaryCustomerInfoBar .primaryInfoBarName {
    margin-left: 10px;
}

#PrimaryCustomerInfoBar .primaryInfoBarAddress {
    margin-left: 20px;
}

#PrimaryCustomerInfoBar .primaryInfoBarButtons {
    clear: both;
}
#CustomerDashboard > div {
    float:none;
    width:100% !important;
}
.fieldsettitlearea .editlink {
    background-position: center center !important;
    height: 14px;
    padding: 0 !important;
    width: 14px;
}

.editlink .editDetailsText {
    display: none;
}

    
.fieldset .fieldsettitlearea .title {

    padding: 0px;
}

.CustomerInformation .Images img, .PoolInformation .PoolDetails .Images img {
    width: 75px;
}


.Images .ImageOption {
    display:none;
}

.OpenWorkOrdersListItem .CustomerName {
    width: auto;
}


.OpenWorkOrdersListItem .WorkOrderStatus {
    float: right;
}

#PageDashboardMainContent {
    float: none !important;
    width: auto !important;
}


#PageDashboardSideBar {
    float: none !important;
    width: auto !important;
}
#HeaderAlerts {
    float: none;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
}


#DashboardPage .TechnicianReadyWorkOrders {
    margin-bottom: 0 !important;
}

    .fieldsettitle > img {
        float: left;
        margin-right: 5px;
    }

    .AddressBookListing {
        padding: 0;
    }

        .AddressBookListing .AddressBookItemColumn {
            border-right: none 0px;
            float: none;
            width: auto;
        }

        .AddressBookListing .AddressBookFirstColumn {
            border-left: none 0px;
        }


        .AddressBookListing .AddressBookItem {
            height: auto;
            overflow: auto;
        }

    .AddressBookItem .addressDisplay {
        height: auto;
    }

    .SelectedLetterDisplay .NameFilterSection {
        float: none;
    }


    .SelectedLetterDisplay {
        background-color: #034b7f;
        border-radius: 0;
        color: #ffffff;
        font-size: 12px;
        margin-bottom: 10px;
        padding: 5px 10px;
    }

        #AddressBookOptions, .SelectedLetterDisplay .SelectedLetterDisplayLetter {
            display: none;
        }

    .uipdfdownloadbutton {
        display: none;
    }

    #Main {
        margin-top: 0px;
    }

    #Header #SignedInAs {
        display: none;
    }

    #Main #TabContent {
        padding: 10px 10px 50px;
    }

    .WeatherContainer .WindDesc {
        float: none;
    }

    #MapContainerTitle {
        display: block;
    }

    .CurrentWeatherTitle {
        display: block;
    }

    .WeatherContainer {
        background-color: #ddffff;
    }


    .fieldset .fieldsettitle,
    .fieldset .fieldsettitlearea {
        background-color: #034b7f;
        border-radius: 5px 5px 0 0;
        color: #fff;
        padding: 9px 10px 5px;
    }

    .CustomerInformation .fieldsettitlearea {
        margin: -10px -10px 0;
    }
    #FrontPageDashboardSideBar #OpenWorkOrdersContainer {
        padding: 0px;
    }

    .WeatherContainer > .WeatherIcon {
        float: left;
        padding-top: 5px;
    }

    .PageTitle {
        color: #034b7f;
        font-size: 20px;
        font-weight: 800;
        margin-top: 0;
    }

    #MobileMenu {
        display: block;
        background-color: #02335b;
    }

    body {
        background-image: none !important;
    }


    .Page {
        width: 100%;
    }

    #PageTabItems {
        overflow: visible;
        height: auto;
    }

    #HeaderAlerts.noAlerts {
        display: none;
    }

    #BodyWrapper {
        background-image: none !important;
    }


    .fieldset .editor-label {
        text-align: left;
    }

    #TabSubMenuHolder {
        display: none;
    }

    #Header {
        height: auto;
    }


    #PageTabItems ul li {
        float: none !important;
    }

    #FrontPageDashboardSideBar {
        float: none;
        width: 100%;
    }



    #DashboardPage #TodaysEventsSection {
        float: none !important;
        left: 0px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #FrontPageSortLabel {
        display: none;
    }


    #CustomerDetailsPage .CustomerInformation {
        left: 0px;
        margin: 0;
        position: relative;
        width: 100%;
    }


    #CustomerDetailsPage .ScheduleInformation {
        margin: 0px;
        padding: 0px 0 0;
    }


    #CustomerDetailsPage .WorkOrderInformation {
        margin: 0px;
        padding: 0px 0 0;
    }

    #CustomerDetailsPage .PoolInformation {
        margin: 0px;
        padding: 0px 0 0;
    }



    .DayDetailRouteName .DayDetailRouteNav {
        float: none;
        margin-right: 0;
        text-align: center;
    }


    .DayDetailRouteItemListing .detailDayListing {
        float: none;
        width: auto;
    }

    .DayDetailRouteName {
        text-align: center;
    }

    
    .DayDetailRouteItemListing {

        margin-right: 0px !important;
    }



    .readingSliderItem {
    float: none;
        width: 100%;
    }


.layout-slider > .readingTextBox {
    margin-top: 5px;
    text-align: right;
}

.chemicalreadinginputs .readingSlider {
    float: none;
    margin-left: 15px;
    margin-right:5px;
    width: auto;
}


.chemicalreadinginputs .readingSlider > input {
    float: right;
    margin-top: 10px;
    width: 100px;
}

.chemicalreadinginputs .EnableSliderBox {
    float: left;
    margin-right: 10px;
    margin-left: 0px;
}

.chemicalreadinginputs .editor-label label {
    display: block;
    text-align: left !important;
}

.poolcheckoutcontent {
    padding: 20px 0;
}

#ChemicalsAppliedContainer .qtyInputs {
    border-radius: 6px;
    display: none;
    margin: 5px;
    padding: 10px;
    width: auto;
}


.WorkOrderListItem .WorkOrderId {
    float: right;
    width: auto;
}


.WorkOrderListItem .WorkOrderAction {
    float: right;
}

#EquipmentTable .tableHeader {
    display:none;
}


.divTable .tableFooter .tableRow.NewRowItem > div {
    width: 100%;
}


#PageSubTabItems {
    height: auto;
}


#PageSubTabItems .active {
    background-color: #ffffff;
    border: 1px solid #aaa;
    border-radius: 0;
    color: #00345b;
    font-weight: bold;
}


#PageSubTabItems .inactive {
    background-color: #afd8f5;
    border-color: #afd8f5;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #444444;
    padding-bottom: 8px;
}

#PageSubTabItems .inactive:hover {
    border-width: 1px;
}

#PageSubTabItems .pageSubTabItem {
    float: none;
    margin: 5px 0;
}

    .dashboardScheduleDateClick {
        color:#ffffff;
    }

        #PopupLayout #CustomerSearchResults .CustomerAddress {
        float:none;
        width:100%;
        clear:both;
    }



    #PopupLayout #CustomerSearchResults .CustomerListItem .CustomerPicture {
        float:right;
    }

    
    #PopupLayout #CustomerSearchResults .CustomerListItem .CustomerName {
        float:none;
    }

    #PopupLayout #CustomerSearchResults .fieldset .fieldsetcontents {
        padding:0px;
    }

    #DashboardPage.CardListing .DashboardEventGroup {
        float: none;
        margin-left: 0;
        width: auto;
    }
}



@media screen and (max-width: 800px) {


    .divTable.divTable5Col .tableRow > div {
        float: none;
        height: auto;
        width: 100%;
    }

    .divTable .tableBody .tableRow.tableRow {
        border-top: 1px solid #aaa;
        clear: both;
        margin-top: 5px;
        padding-top: 5px;
    }

    #EquipmentTable.divTable .tableHeader {
        display:none;
    }
    #EquipmentTable .woeqDesc::before {
        content: 'Equipment Desc:';
        display: block;
        font-weight: bold;
    }

    #EquipmentTable .woeqCost::before {
        content: 'Cost:';
        display: block;
        font-weight: bold;
    }

    #EquipmentTable .woeqQty::before {
        content: 'Qty:';
        display: block;
        font-weight: bold;
    }

    #EquipmentTable .woeqStatus::before {
        content: 'Status:';
        display: block;
        font-weight: bold;
    }

            .divTable .tableFooter .tableRow.NewRowItem > div {
            width:auto;
        }

    .ServiceHistoryItem {
        background-position: 5px 3px !important;
    }

        .ServiceHistoryItem .TimeIn {
            padding-right:0px !important;
        }

        


    input, select, textarea {font-size:16px !important;}

}


