/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.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:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { 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%; }
/* Datepicker
----------------------------------*/

/*.ui-datepicker { width: 17em; padding: .2em .2em 0; }*/
.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: 19px; text-align: center; font-size: 10pt;}
.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 .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%; }

/* 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 CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/assets/css/images/ui-bg_flat_75_ffffff_40x100_ts20250625224626.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(/assets/css/images/ui-bg_highlight-soft_75_cccccc_1x100_ts20250625224626.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(/assets/css/images/ui-bg_glass_75_e6e6e6_1x400_ts20250625224626.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; 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 #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/assets/css/images/ui-bg_glass_75_dadada_1x400_ts20250625224626.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(/assets/css/images/ui-bg_glass_65_ffffff_1x400_ts20250625224626.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; 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 #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/assets/css/images/ui-bg_glass_55_fbf9ee_1x400_ts20250625224626.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/assets/css/images/ui-bg_glass_95_fef1ec_1x400_ts20250625224626.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.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(/assets/css/images/ui-icons_dbdbdb_256x240_ts20250625224626.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(/assets/css/images/ui-icons_dbdbdb_256x240_ts20250625224626.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(/assets/css/images/ui-icons_dbdbdb_256x240_ts20250625224626.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(/assets/css/images/ui-icons_888888_256x240_ts20250625224626.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/assets/css/images/ui-icons_454545_256x240_ts20250625224626.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(/assets/css/images/ui-icons_454545_256x240_ts20250625224626.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(/assets/css/images/ui-icons_2e83ff_256x240_ts20250625224626.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/assets/css/images/ui-icons_cd0a0a_256x240_ts20250625224626.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


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

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #000; opacity: .6;filter:Alpha(Opacity=60)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(/assets/css/images/ui-bg_flat_0_aaaaaa_40x100_ts20250625224626.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }form.jqtransformdone label{
    margin-top:4px;
    margin-right: 8px;
    display: block;
    float:left;
}
form.jqtransformdone div.rowElem{
    clear:both;
    padding:4px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    overflow: visible;
    font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
    background: transparent url(/assets/img/jqtransform/btn_right_ts20250625224626.gif) no-repeat right top;
    display: block;
    float: left;
    padding: 0px 4px 0px 0px; /* sliding doors padding */
    margin: 0px;
    height: 33px;
}

button.jqTransformButton span span {
    background: transparent url(/assets/img/jqtransform/btn_left_ts20250625224626.gif) no-repeat top left;
    color: #333;
    padding: 8px 4px 0px 8px;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    display: block;
    text-decoration: none;
    height: 33px;
}

/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }

/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
    background: transparent url(/assets/img/jqtransform/input/input_text_left_ts20250625224626.gif) no-repeat left top;
    height: 31px;
    padding: 0px;
    float:left;
}

.jqTransformInputInner {
    background: transparent url(/assets/img/jqtransform/input/input_text_right_ts20250625224626.gif) no-repeat top right;
    padding: 0px;
    margin: 0px;
}

.jqTransformInputInner div {
    height: 31px;
    margin:0px 0px 0px 8px;
}

.jqTransformInputInner div input {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height: 18px;
    vertical-align: middle;
    height: 31px;
    color:#404040;  
    border: none;
    padding: 8px 0px 0px 0px;
    margin: 0px;
    background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
    padding: 6px 0 0 0;
    margin: 0 0 0 -8px;
    height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
    padding: 6px 0 0 0;
    margin-left:-10px;
    height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



.jqTransformSafari .jqTransformInputInner div {
    position: relative;
    overflow: hidden;
    margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
    background-color: none;
    position: absolute;
    top: -10px;
    left: -2px;
    height: 42px; 
    padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
    font-size: 12px;
    line-height: 16px;
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/assets/img/jqtransform/textarea/textarea_tl_ts20250625224626.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/assets/img/jqtransform/textarea/textarea_tm_ts20250625224626.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/assets/img/jqtransform/textarea/textarea_tr_ts20250625224626.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(/assets/img/jqtransform/textarea/textarea_ml_ts20250625224626.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/assets/img/jqtransform/textarea/textarea-mm_ts20250625224626.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(/assets/img/jqtransform/textarea/textarea_mr_ts20250625224626.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/assets/img/jqtransform/textarea/textarea_bl_ts20250625224626.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/assets/img/jqtransform/textarea/textarea_bm_ts20250625224626.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/assets/img/jqtransform/textarea/textarea_br_ts20250625224626.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/assets/img/jqtransform/textarea/textarea-mm-hover_ts20250625224626.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/assets/img/jqtransform/textarea/textarea-mm-focus_ts20250625224626.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
    position: relative;
    overflow: hidden;
    border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
    background: none;
    position: absolute;
    top:-10px;
    left:-10px;
    padding: 10px 10px 10px 10px;
    resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;}
.jqTransformRadio {
    background: transparent url(/assets/img/jqtransform/radio_ts20250625224626.gif) no-repeat center top;
    vertical-align: middle;
    height: 19px;
    width: 18px;
    display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
    display:block;float:left;
    margin-top:5px;
}
a.jqTransformCheckbox {
    background: transparent url(/assets/img/jqtransform/checkbox_ts20250625224626.gif) no-repeat center top;
    vertical-align: middle;
    height: 19px;
    width: 18px;
    display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
    width: 45px;
    position:relative;
    height: 27px;
    background: url(/assets/img/jqtransform/select_left_ts20250625224626.gif) no-repeat top left;
    float:left;
}

.jqTransformSelectWrapper div span {
    
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 27px;
    padding: 6px 0 0 7px;
    overflow: hidden;
    cursor:pointer;
    /*border: 1px solid #CCCCCC;*/
/*  border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    right: 0px;
    width: 23px;
    height: 27px;
    background: url(/assets/img/jqtransform/select_right_ts20250625224626.gif) no-repeat top right;
}

.jqTransformSelectWrapper ul {
    position: absolute;
    width: 43px;
    top: 26px;
    left: 0px;
    list-style: none;
    background-color: #FFF;
    border: solid 1px #CCC;
    display: none;
    margin: 0px;
    padding: 0px;
    height: 150px;
    overflow: auto;
    overflow-y: auto;
    z-index:10;
}

.jqTransformSelectWrapper ul a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color:#333;
    background-color: #FFF;
    font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
    background: #EDEDED;
    color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
    background:#3582c4;
    color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}/* CUSTOM INPUTS 
---------------------------------- */
.custom-checkbox,
.custom-radio { 
    position:relative;
    top:0;
    left:5px;
    padding:0; 
}
.custom-checkbox input,
.custom-radio input {
    position: absolute;
    left: -3000px;
    top: 8px;
    margin: 0;
    z-index: 0;
    border: 0;
}
.custom-checkbox label,
.custom-radio label {
    display:block;
    position:relative;
    /*this breaks the checkbox when it is used in a dialog - z-index:1;*/
    line-height:1.2;
    padding-left: 35px !important;
    cursor:pointer;
}

/* CHECKBOXES 
---------------------------------- */
.custom-checkbox label {
    background:url(/assets/img/customInput/checkbox_ts20250625224626.png) no-repeat;
}
.custom-checkbox label {
    background-position:-10px -14px;
}
.custom-checkbox label.hover,
.custom-checkbox label.focus {
    background-position:-10px -14px;
}
.custom-checkbox label.checked {
    background-position:-10px -96px;
}
.custom-checkbox label.checkedHover {
    background-position:-10px -96px;
}
tr.disabled .custom-checkbox label {
    background-position:-10px -96px;
}

.custom-checkbox label.disabled {
	background-position:-10px -234px;
	cursor: auto;
}


/* RADIO BUTTONS 
---------------------------------- */
.custom-radio label {
    background:url(/assets/img/customInput/radio_ts20250625224626.png) no-repeat;
}
.custom-radio label {
    background-position:-10px -14px;
}
.custom-radio label.hover,
.custom-radio label.focus {
    background-position:-10px -14px;
}
.custom-radio label.checked {
    background-position:-10px -214px;
}
.custom-radio label.checkedHover {
    background-position:-10px -214px;
}
tr.disabled .custom-radio label {
    background-position:-10px -414px;
}


/* ALTERNATE CHECKBOX POSITIONING 
---------------------------------- */

.checkgroup {
    padding:0;
    margin:3px 0 0 0;
    float:left;
    width:200px;
}
.checkgroup label {
    font-weight:bold;
    padding:6px 0 5px 0;
}

.checkgroup div {
    padding:0;
    width:auto;
}
.checkgroup .custom-checkbox,
.checkgroup .custom-radio {
    left:-5px;
    top:0;
}
.checkgroup .custom-checkbox label,
.checkgroup .custom-radio label {
    font-weight:normal;
/* checkbox label text looks too crowded at 10px; (see Change Online Banking Email Preferences) 
Integrated 2010/05/26   
    line-height:10px;
*/
    line-height: 15px;
    padding:9px 3px 9px 30px;
}
.checkgroup .custom-checkbox input,
.checkgroup .custom-radio input {
    position:absolute;
    left:0;
    border:none;
    margin:6px 0 0 5px;
    z-index:0;
}


/* ALTERNATE RADIO POSITIONING 
---------------------------------- */

.combo .custom-radio {
    left:-8px;
}
.combo .custom-radio label {
    position:relative;
    font-weight:normal;
    padding:7px 10px 5px 27px;
}
.combo .custom-radio span {
    position:absolute;
    right:0;
    font-weight:bold;
    margin:0;
}
.combo .custom-radio input {
    position:absolute;
    left:0;
    border:none;
    margin:6px 0 0 5px;
    z-index:0;
}

/* ALTERNATE RADIO POSITIONING 
---------------------------------- */

.combo .custom-radio,
.term .custom-radio {
    left:-8px;
}
.combo .custom-radio label,
.term .custom-radio label {
    position:relative;
    font-weight:normal;
    padding:7px 10px 5px 27px;
}
.combo .custom-radio span,
.term .custom-radio span {
    position:absolute;
    right:0;
    font-weight:bold;
    margin:0;
}
.combo .custom-radio input,
.term .custom-radio input {
    position:absolute;
    left:0;
    border:none;
    margin:6px 0 0 5px;
    z-index:0;
}/****** RESET CSS ********/
/* reset.css
   resets the browsers default styling */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  height: 100%;
}
body {
  line-height: 1;
  height: 100%;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******* LAYOUT CSS *********/
body {
  color: #fff;
  background: white;
  font-family: Arial;
  font-size: 62.5%;
  margin: 0;
}

/* REDEFINE HTML
--------------------------------- */
/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.4em;
}

p.large {
  font-size: 120%;
}

.logo {
  margin-top: 19px;
  margin-left: 16px;
}

#wrapper {
  background: white;
  color: #fff;
  height: 664px;
  margin: 0 auto;
  width: 960px;
}

#wrapper.body-settings {
  background: white;
  color: #fff;
  height: 664px;
  margin: 0 auto;
  width: 960px;
  position: relative;
  overflow: visible;
}

.sidebar,
#inner,
#listings,
#map-area {
  height: 600px;
}

#header {
  height: 60px;
  width: 100%;
  overflow: hidden;
  position: relative;
  overflow: visible;
}

.sidebar {
  background-color: #5d5f5f;
  width: 155px;
  height: 588px;
  float: left;
  margin-top: 16px;
  position: relative;
}

.fleetpro .sidebar {
  height: 592px;
}

.sidebar-users {
  display: none;
  overflow: hidden;
}

#inner {
  float: right;
  width: 805px;
}

#content {
  color: #000;
}

#listings {
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #eeeeec;
}

#listings .noTracks {
  color: #000;
  margin: 20px 0 0 20px;
  font-size: 1.2em;
}

.listings-expanded {
  width: 290px;
}

.listings-collapsed {
  width: 122px;
}

.map-expanded {
  width: 643px;
}

.map-collapsed {
  width: 475px;
}

/* HEADER
--------------------------------- */

.main-nav {
  position: absolute;
  top: 14px;
}

.aviator .main-nav {
  left: 390px;
}

.fleetpro .main-nav {
  left: 345px;
}

.main-nav li {
  float: left;
}

.main-nav a {
  display: block;
  height: 40px;
  float: left;
}

.fleetpro .main-nav li.mn1 a {
  background: url(/assets/img/bg-main-nav-fleet_ts20250625224626.png)
    no-repeat;
  width: 94px;
}

.fleetpro .main-nav li.mn2 a {
  background: url(/assets/img/bg-main-nav-fleet_ts20250625224626.png)
    no-repeat -188px -93px;
  width: 93px;
}

.fleetpro .main-nav li.mn3 a {
  background: url(/assets/img/bg-main-nav-fleet_ts20250625224626.png)
    no-repeat -188px 0;
  width: 86px;
}

.fleetpro .main-nav li.mn4 a {
  background: url(/assets/img/bg-main-nav-fleet_ts20250625224626.png)
    no-repeat -184px -93px;
  width: 91px;
}

.fleetpro .main-nav li.mn6 a {
  background: url(/assets/img/bg-main-nav-fleet_ts20250625224626.png)
    no-repeat -96px -93px;
  width: 89px;
}

.fleetpro .main-nav li.mn5 span {
  display: block;
  height: 40px;
  float: left;

  background: url(/assets/img/bg-main-nav-blank_ts20250625224626.png)
    no-repeat 0 0;
  width: 275px;

  font-size: 16px;
  color: #b2b1b1;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;

  padding-top: 11px;
  padding-right: 5px;
}

.main-nav li.mn1 a:hover,
.main-nav li.mn1 a.active {
  background-position: 0 -46px;
}

.main-nav li.mn2 a:hover,
.main-nav li.mn2 a.active {
  background-position: -188px -139px;
}

.main-nav li.mn3 a:hover,
.main-nav li.mn3 a.active {
  background-position: -188px -46px;
}

.main-nav li.mn4 a:hover,
.main-nav li.mn4 a.active {
  background-position: -184px -139px;
}

.main-nav li.mn6 a:hover,
.main-nav li.mn6 a.active {
  background-position: -96px -139px;
}

/* Session Panel
--------------------------------- */
.settings-nav {
  position: absolute;
  right: 27px;
  top: 12px;
}

.settings-nav li {
  float: left;
  font-size: 10px;
}

.settings-nav li a {
  display: block;
  color: #bcbcbc;
  text-decoration: none;
  padding-top: 25px;
  float: left;
  text-align: center;
}

.settings-nav li a.active,
.settings-nav li:hover a {
  color: #acca31;
}

.settings-nav .sn1 {
  padding-right: 10px;
}

.settings-nav .sn1 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    4px 0 no-repeat;
  width: 52px;
}

.settings-nav .sn2 {
  padding-right: 8px;
}

.settings-nav .sn2 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -58px 0;
  width: 50px;
}

.settings-nav .sn3 {
  padding-right: 7px;
}

.settings-nav .sn3 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -110px 0;
  width: 50px;
}

.settings-nav .sn4 {
  padding-right: 2px;
}

.settings-nav .sn4 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -159px 0;
  width: 50px;
}

.settings-nav .sn5 {
  padding-left: 2px;
}

.settings-nav .sn5 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -212px 0;
  width: 53px;
}

.settings-nav .sn5 a img {
  margin-left: 8px;
}

.settings-nav .sn6 {
  padding-right: 2px;
}

.settings-nav .sn6 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -277px 0;
  width: 50px;
}

.settings-nav .sn6 a img {
  margin-left: 8px;
}

.settings-nav .sn7 {
  padding-right: 22px;
}

.settings-nav .sn7 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -335px 0;
  width: 50px;
}

.settings-nav .sn8 {
  padding-right: 0;
}

.settings-nav .sn8 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -392px 0;
  width: 60px;
}

.settings-nav .sn9 {
  position: absolute;
  padding-right: 10px;
  right: -67px;
}

.settings-nav .sn9 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -449px 0;
  width: 50px;
  text-align: left;
}

.settings-nav .sn10 {
  padding-right: 14px;
}

.settings-nav .sn10 a {
  background: url(/assets/img/bg-settings-sprites2_ts20250625224626.png)
    no-repeat -338px 0;
  width: 50px;
}

.settings-nav .sn1:hover a,
.settings-nav .sn1 a.active {
  background-position: 4px -35px;
}

.settings-nav .sn2:hover a,
.settings-nav .sn2 a.active {
  background-position: -58px -35px;
}

.settings-nav .sn3:hover a,
.settings-nav .sn3 a.active {
  background-position: -110px -35px;
}

.settings-nav .sn4:hover a,
.settings-nav .sn4 a.active {
  background-position: -159px -35px;
}

.settings-nav .sn5:hover a,
.settings-nav .sn5 a.active {
  background-position: -212px -35px;
}

.settings-nav .sn6:hover a,
.settings-nav .sn6 a.active {
  background-position: -277px -35px;
}

.settings-nav .sn7:hover a,
.settings-nav .sn7 a.active {
  background-position: -335px -35px;
}

.settings-nav .sn8:hover a,
.settings-nav .sn8 a.active {
  background-position: -392px -35px;
}

.settings-nav .sn9:hover a,
.settings-nav .sn9 a.active {
  background-position: -449px -35px;
}

.settings-nav .sn10:hover a,
.settings-nav .sn10 a.active {
  background-position: -338px -35px;
}

.settings-nav .seperator {
  border-left: 1px dotted #707070;
}

/* Fleetpro Impersonating Organisation Header
--------------------------------- */
.settings-nav a.userFirstName {
  font-size: 12px;
  background: none;
  padding-top: 12px;
  font-weight: bold;
  color: #b2b1b1;
  white-space: nowrap;
}

/* SIDEBAR
--------------------------------- */
.sidebar .change-user {
  background: url(/assets/img/bg-change-user_ts20250625224626.gif)
    repeat-x;
  height: 32px;
}

.fleetpro .sidebar .change-user ul {
  padding: 4px 0 0 42px;
  /* padding: 4px 0 0 22px; */
}

.aviator .sidebar .change-user ul {
  padding: 4px 0 0 44px;
}

.sidebar .change-user ul li {
  float: left;
}

.sidebar .change-user ul li a {
  display: block;
  float: left;
  height: 24px;
  text-indent: -9999px;
}

.sidebar .change-user ul li.home a {
  background: url(/assets/img/sprite-change-user_ts20250625224626.png)
    no-repeat 0px 0;
  width: 32px;
}

.sidebar .change-user ul li.buddies a {
  background: url(/assets/img/sprite-change-user_ts20250625224626.png)
    no-repeat -36px 0;
  width: 38px;
}

.sidebar .change-user ul li.orgBtn a {
  background: url(/assets/img/sprite-change-user_ts20250625224626.png)
    no-repeat -76px 0;
  width: 37px;
}

.sidebar .change-user ul li.vehicleBtn a {
  background: url(/assets/img/sprite-change-user_ts20250625224626.png)
    no-repeat -113px 0;
  width: 37px;
}

.sidebar .change-user ul li.tracksBtn a {
  background: url(/assets/img/sprite-change-user_ts20250625224626.png)
    no-repeat -151px 0;
  width: 38px;
}

.sidebar .change-user ul li.orgBtn a.active,
.sidebar .change-user ul li.orgBtn:hover a {
  background-position: -76px -24px;
}

.sidebar .change-user ul li.vehicleBtn a.active,
.sidebar .change-user ul li.vehicleBtn:hover a {
  background-position: -113px -24px;
}

.sidebar .change-user ul li.tracksBtn a.active,
.sidebar .change-user ul li.tracksBtn:hover a {
  background-position: -151px -24px;
}

.sidebar .selected-object {
  background: url(/assets/img/bg-selected-object_ts20250625224626.gif)
    repeat-x;
  height: 81px;
}

.sidebar .selected-object p {
  float: left;
  margin: 10px;
}

.sidebar .selected-object p span {
  height: 50px;
  font-weight: bold;
  font-size: 12px;
  vertical-align: middle;
  display: table-cell;
  width: 76px;
  overflow: hidden;
  line-height: 14px;
}

.sidebar .selected-object .profile-img {
  display: table-cell;
  vertical-align: middle;
  height: 70px;
}

.sidebar .selected-object .profile-img img {
  border: 1px solid #73a13a;
  display: table-cell;
}

.sidebar .selected-object .profile-img a {
  background-color: #73a13a;
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 3px 0;
  text-align: center;
  width: 48px;
}

#flight-details-all {
  display: none;
}

#flight-details-year {
  display: none;
}

.sidebar #flight-totals {
  width: 135px;
  margin: 13px auto;
}

.sidebar #flight-totals ul {
  overflow: hidden;
  width: 100%;
}

.sidebar #flight-totals div ul {
  height: 80px;
  background-color: #4f5151;
}

.sidebar #flight-totals div ul li.ft1,
.sidebar #flight-totals div ul li.ft2,
.sidebar #flight-totals div ul li.ft3 {
}

.sidebar #flight-totals ul li a.active {
  cursor: default;
}

.sidebar #flight-totals ul li a {
  display: block;
  color: #fff;
  height: 24px;
  float: left;
  font-size: 11px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

.sidebar #flight-totals ul li.ft1 a {
  background: url(/assets/img/sprite-total-flights_ts20250625224626.png)
    no-repeat 0 -25px;
  width: 45px;
}

.sidebar #flight-totals ul li.ft1 a.active {
  background: url(/assets/img/sprite-total-flights_ts20250625224626.png)
    no-repeat 0 0;
}

.sidebar #flight-totals ul li.ft2 a {
  background: url(/assets/img/sprite-total-flights_ts20250625224626.png)
    no-repeat -44px 0;
  width: 45px;
}

.sidebar #flight-totals ul li.ft2 a.active {
  background: url(/assets/img/sprite-total-flights_ts20250625224626.png)
    no-repeat -44px -25px;
}

.sidebar #flight-totals ul li.ft3 a {
  background: url(/assets/img/sprite-total-flights_ts20250625224626.png)
    no-repeat -89px 0;
  width: 45px;
}

.sidebar #flight-totals ul li.ft3 a.active {
  background: url(/assets/img/sprite-total-flights_ts20250625224626.png)
    no-repeat -89px -50px;
}

.sidebar #flight-totals ul li span {
  padding: 6px 0 0;
  display: block;
}

.sidebar ul.flight-totals li {
  float: left;
}

.sidebar #flight-totals ul.flight-details {
  padding: 0 0 5px;
  height: inherit;
}

.sidebar #flight-totals ul.flight-details li {
  color: #aabecf;
  overflow: hidden;
}

.sidebar #flight-totals ul.flight-details li span {
  display: block;
  color: #eee;
  float: left;
  margin: 0;
  padding: 0;
}

.sidebar #flight-totals ul.flight-details li span.label {
  width: 55px;
}

.sidebar #flight-totals ul.flight-details li {
  background: url(/assets/img/bg-flight-details-li_ts20250625224626.gif)
    no-repeat top left;
  font-size: 10px;
  padding: 10px 0 6px;
  margin: 0 10px;
}

.sidebar .flight-totals-all {
  float: left;
  background: url(/assets/img/bg-flight-totals-all_ts20250625224626.png)
    no-repeat;
  width: 100%;
  height: 21px;
  text-align: center;
}

.sidebar .flight-totals-all img {
  margin: 5px 0;
}

.sidebar .now-flying {
  position: absolute;
  bottom: -65px;
  left: 0;
  width: 155px;
}

.sidebar .now-flying p.nft {
  background: url(/assets/img/bg-now-flying_ts20250625224626.gif)
    repeat-x;
  font-size: 11px;
  text-align: center;
  padding: 3px 0;
  position: relative;
}

.sidebar .now-flying a {
  cursor: pointer;
}

.sidebar .now-flying p.nft img {
  position: absolute;
  right: 5px;
}

.sidebar .now-flying .pilot {
  background: url(/assets/img/bg-pilot_ts20250625224626.png)
    repeat-x;
  padding: 3px 0 3px 12px;
  height: 38px;
  position: absolute;
  top: 17px;
  left: 0;
  width: 100%;
  cursor: pointer;
}

.sidebar .now-flying .pilot img {
  border: 1px solid #869cb2;
  float: left;
  margin-right: 8px;
}

.sidebar #pilot-count {
  display: block;
  background-color: #383838;
  padding: 5px 8px 4px;
  position: absolute;
  width: 100%;
  top: 569px;
  left: 0;
}

.sidebar #pilot-count img {
  margin-right: 5px;
}

.sidebar .now-flying .view-follow {
  position: absolute;
  bottom: 28px;
  left: 0;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.sidebar .change-view {
  background: url(/assets/img/bg-find-people_ts20250625224626.png)
    repeat-x;
  z-index: 1;
  text-align: center;
  font-size: 10px;
  padding: 3px 0;
  height: 11px;
  border-bottom: 1px solid #2f2f2f;
}

.sidebar .change-view span a {
  text-decoration: none;
  color: #dedede;
  padding-left: 20px;
  background: url(/assets/img/btn-find-people_ts20250625224626.png)
    no-repeat 0 0;
  cursor: pointer;
}

/************* User Sidebar *****************/

.sidebar #users-drawer {
  background-color: #454545;
  overflow: hidden;
  position: relative;
  top: 0;
  z-index: 0;
}

.sidebar #users-container {
  float: left;
  overflow: hidden;
  width: 155px;
}

.sidebar #users-drawer .user {
  background: url(/assets/img/bg-user-divider_ts20250625224626.gif)
    no-repeat bottom left;
  width: 100%;
  overflow: hidden;
  height: 58px;
  cursor: pointer;
}

.sidebar #users-drawer .user:hover {
  background-color: #5a5a5a;
}

.sidebar #users-drawer .user.item-active {
  background-color: #73a13a;
}

.sidebar #users-drawer .user img {
  border: 1px solid #719d3a;
  float: left;
  margin: 10px 10px;
}

.sidebar #users-drawer .user p {
  float: left;
  font-size: 10px;
  margin: 7px 0;
  line-height: 13px;
  overflow: hidden;
  width: 95px;
  white-space: nowrap;
}

.sidebar #users-drawer .user p span.label {
  font-size: 10px;
  line-height: 12px;
  color: #d7d7d7;
}

/************* vehicleListViewContainer Sidebar *****************/
.sidebar #vehicleListViewContainer {
  background-color: #454545;
  position: relative;
  top: 0;
  z-index: 0;
}

.sidebar #vehicles-container {
  float: left;
  overflow: hidden;
  width: 155px;
}

.sidebar #vehicleListViewContainer .vehicle {
  background: url(/assets/img/bg-user-divider_ts20250625224626.gif)
    no-repeat bottom left;
  width: 155px;
  overflow: hidden;
  height: 44px;
  cursor: pointer;
}

.sidebar #vehicleListViewContainer .vehicle:hover {
  background-color: #5a5a5a;
}

.sidebar #vehicleListViewContainer .vehicle.item-active {
  background-color: #73a13a;
}

.sidebar #vehicleListViewContainer .vehicle img {
  border: 1px solid #719d3a;
  float: left;
  margin: 4px 10px;
}

.sidebar #vehicleListViewContainer .vehicle p {
  float: left;
  font-size: 10pt;
  margin: 7px 0;
  line-height: 13px;
  overflow: hidden;
  width: 102px;
  white-space: nowrap;
}

.sidebar #vehicleListViewContainer .vehicle p span.label {
  font-size: 10px;
  line-height: 12px;
  color: #d7d7d7;
}

/**********Sidebar Stepthrough ******/

.sidebar .stepthrough {
  position: absolute;
  top: 544px;
  width: 100%;
  z-index: 1;
  height: 45px;
  background: url(/assets/img/bg-user-stepthrough_ts20250625224626.gif)
    repeat-x;
}

.sidebar .stepthrough a {
  display: block;
  float: left;
  height: 29px;
  width: 30px;
  text-indent: -9999em;
}

.sidebar .stepthrough .arrows {
  padding: 8px 0 0 43px;
}

.sidebar .stepthrough a.arrow-up {
  background: url(/assets/img/sprite-user-arrows_ts20250625224626.png)
    no-repeat;
}

.sidebar .stepthrough a.arrow-down {
  background: url(/assets/img/sprite-user-arrows_ts20250625224626.png)
    no-repeat -30px 0;
}

/* MAP AREA
--------------------------------- */
a#expand-map {
  display: block;
  float: right;
  width: 25px;
  height: 22px;
  overflow: hidden;
  background: url(/assets/img/expander-sprite_ts20250625224626.png)
    no-repeat;
  margin-left: 5px;
}

a#expand-map.collapsed.active {
  background-position: 0 0;
}

a#expand-map.collapsed.inactive {
  background-position: 0 -34px;
}

a#expand-map.expanded.active {
  background-position: -36px 0;
}

a#expand-map.expanded.inactive {
  background-position: -36px -34px;
}

a#expand-map span {
  display: none;
}

#map-area {
  background: #383838
    url(/assets/img/mapcorners-normal_ts20250625224626.png)
    no-repeat;
  padding-top: 5px;
  position: relative;
  float: left;
}

#map-area.map-expanded {
  background: #383838
    url(/assets/img/mapcorners-expanded_ts20250625224626.png)
    no-repeat;
}

#map-area .default-map {
  width: 435px;
  margin: 0 auto;
  padding: 0;
}

#map-area .expanded-map {
  width: 603px;
}

#map-area.dashboard-map {
  width: 975px;
  height: 585px;
  padding: 15px;
}

#map-render.dashboard-map {
  width: 500px;
  height: 575px;
}

.tn-mylocation-content .map_wrapper {
  margin: 12px 0 0 0;
}

.map_wrapper {
  padding: 0;
  float: right;
  overflow: hidden;
  z-index: 0;
}

#map-area.map-collapsed .map_wrapper {
  width: 435px;
  height: 420px;
}

#map-area.map-collapsed .tn-flight-info .map_wrapper {
  width: 391px;
  height: 311px;
}

#map-area.map-expanded .map_wrapper {
  width: 603px;
  height: 539px;
}

.map_wrapper > div,
.map_wrapper > div > div {
  width: 100%;
  height: 100%;
}

#map-area h2 {
  font-size: 15px;
  float: left;
  margin-top: 12px;
}

.flight-details {
  width: 100%;
  overflow: hidden;
  float: left;
}

.flight-details div {
  background-color: #425464;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 15px 0 0;
  height: 110px;
}

.flight-details div.float-left {
  width: 270px;
  margin-right: 13px;
}

.flight-details div.float-right {
  width: 152px;
}

.flight-details div ul {
  margin: 6px 0 0 0;
}

.flight-details div ul.flight-pilots {
  width: 43%;
  float: left;
  margin-left: 10px;
  display: block;
  overflow: hidden;
}

.flight-details div ul.flight-depart {
  width: 49%;
  float: right;
  margin-right: 3%;
}

.flight-details div ul li {
  font-size: 11px;
  line-height: 14px;
}

.flight-details div ul li span.label {
  color: #aabecf;
  font-size: 10px;
}

.flight-details div ul li span.times {
  color: #fff;
  font-size: 10px;
}

.flight-details div ul.flight-times {
  width: 100%;
  padding: 1px 0 0;
}

.flight-details div ul.flight-times li {
  background: url(/assets/img/bg-divider-blue_ts20250625224626.gif)
    no-repeat top left;
  margin: 0 5px;
  padding: 10px 10px 0;
  font-size: 10px;
}

.flight-details div ul.flight-times li.top {
  background: none;
  padding-top: 0;
}

.flight-details div ul.flight-times li span.label {
  display: block;
  float: left;
  width: 70px;
}

.flight-details div ul.flight-times li span.label {
  display: block;
  float: left;
  width: 70px;
}

a#flight-details-toggle img {
  cursor: pointer;
}

#edit-flights-popout {
  background: url(/assets/img/bg-edit-flights-top_ts20250625224626.png)
    no-repeat;
  position: absolute;
  width: 273px;
  height: 304px;
  right: -21px;
  top: 38px;
  display: none;
  z-index: 100;
}

#edit-flights-popout form {
  background: url(/assets/img/bg-edit-flights-middle_ts20250625224626.png)
    repeat-y;
  margin: 0;
}

#edit-flights-popout .delete {
  background: url(/assets/img/bg-edit-flights-bottom_ts20250625224626.png)
    no-repeat;
  width: 100%;
}

#edit-flights-popout .delete {
  padding: 10px 20px 0 30px;
  height: 32px;
  cursor: pointer;
}

#map-area-buttons {
  float: right;
  margin-top: 8px;
}

#map-area-buttons img {
  float: left;
  cursor: pointer;
}

.edit-flights-top h3 {
  font-size: 13px;
  padding: 20px 10px 0;
}

.edit-flights-content {
  padding: 22px 0 10px;
  min-height: 210px;
}

#inner .edit-flights-content label {
  color: #fff;
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}

.edit-flights-content .row {
  padding: 0 20px 15px;
}

.edit-flights-content input {
  width: 220px;
  border: 1px solid #999;
  padding: 5px;
}

.edit-flights-content select {
  width: 230px;
}

.edit-flights-content #btn-save {
  width: 74px;
  height: 26px;
  border: 0;
  padding: 0;
  margin-top: -14px;
}

.edit-flights-content .submit {
  text-align: center;
  padding: 10px 0;
}

#edit-flights-popout .delete a {
  color: #b4b8bb;
  text-decoration: none;
  font-size: 11px;
}

/* LISTINGS
--------------------------------- */
#listings .flight-scroll {
  background: url(/assets/img/flighttab-full_ts20250625224626.png)
    no-repeat;
  height: 48px;
}

#listings.listings-collapsed .flight-scroll {
  background: url(/assets/img/flighttab-collapse_ts20250625224626.png)
    no-repeat;
}

#listings .flight-scroll h2 {
  color: #fff;
  font-size: 15px;
  float: left;
  padding: 17px 10px 0;
}

#listings .flight-scroll .scroll-buttons {
  float: right;
  margin: 11px 10px;
}

#listings .scroll-buttons img {
  cursor: pointer;
}

#listings.listings-collapsed .flight-scroll .scroll-buttons {
  float: right;
  margin: 11px 30px 0 10px;
}

.flight-date-group {
  width: 100%;
}

/* Styles for ATaaS new plans wicket wizard modal*/
.steps-group {
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  float: left;
}

.steps-group h2.step-title {
  font-size: 24px;
  margin-bottom: 20px;
}

.steps-group h3.price-text {
  font-weight: 100;
  font-size: 25px;
  font-weight: 100;
  margin: 26px 0 0 0;
}

.steps-group h3.price-text sup {
  font-size: 10px;
  font-family: Arial;
  display: inline-block;
}

.steps-group h3.price-text sup.pre {
  position: relative;
  top: -4px;
  left: -3px;
}

.steps-group h3.price-text sup.post {
  position: relative;
  top: 11px;
  left: 4px;
}

.steps-group .high .plan-details {
  border: 1px solid #efff1d;
  border-top: none;
}

.steps-group .high .price-box {
  border: 1px solid #efff1d;
  border-bottom: none;
}

.steps-group .high p.lemon-text {
  background-color: #bed600 !important;
  color: #000 !important;
}

.steps-group .high .price-box {
  border: 1px solid #efff1d !important;
  border-bottom: none !important;
  background-color: #f2ffd9;
}

.steps-group .high h3.price-text {
  color: #000 !important;
}

.steps-group .lower .plan-details {
  border: 1px solid #475b67 !important;
  border-top: none !important;
}

.steps-group .lower .price-box {
  border: 1px solid #475b67;
  border-bottom: none;
  background-color: #c1c1bf !important;
}

.steps-group .lower p.lemon-text {
  background-color: #475b67 !important;
  color: #fff !important;
}

.steps-group .lower .price-box {
  border: 1px solid #475b67 !important;
  border-bottom: none !important;
  background-color: #f2ffd9;
}

.steps-group .lower h3.price-text {
  color: #000 !important;
}

.ui-dialog .steps-group p.lemon-text {
  display: block !important;
  float: left;
  position: relative;
  color: #bed600;
  clear: both;
  font-size: 16px;
  font-weight: 100 !important;
  width: 100%;
  background-color: transparent;
  margin-bottom: 2px;
  font-weight: bold !important;
  margin-bottom: 10px;
  margin-top: -24px;
  background-color: #06070a;
  padding: 8px 0 8px 0;
}

.steps-group .price-box {
  background-color: #1c2230;
  border-radius: 0;
  text-align: center;
  padding: 23px 0 30px;
}

.steps-group .planGroupContainer a.step-group-wrapper,
.steps-group .planGroupContainer span.step-group-wrapper {
  width: 220px;
  height: auto;
  background: none;
  text-align: center;
  position: relative;
  text-decoration: none;
}

.steps-group .step-group-wrapper .basic-wrapper {
  padding: 0px 0 0 3px;
}

.steps-group .planGroupContainer span.step-group-wrapper {
  font-style: normal;
}

.steps-group .planGroupContainer {
  width: 100%;
  margin: 0;
  float: left;
  text-align: center;
  margin-top: 20px;
}

.steps-group .planGroupContainer a.highPlanGroup {
  margin-left: 28px;
  margin-right: 28px;
  height: auto;
  display: block;
  float: left;
  /* background: url(/assets/img/high-plan-group_ts20180320223233.jpg) no-repeat; */
  text-align: center;
}

.steps-group .plan-details {
  height: 206px;
  box-shadow: none !important;
  padding: 0;
}

.steps-group .plan-details p {
  text-align: center;
  width: 100%;
}

.steps-group .plan-details p:nth-child(even) {
  background-color: #f1f1f1;
  padding: 14px 0;
  margin: 0;
}

.step-group-wrapper:hover .plan-details:after {
  content: "";
  width: 97%;
  background-color: #a5a5a5;
  position: absolute;
  right: 0;
  height: 317px;
  top: 0;
  opacity: 0.2;
}

.steps-group .plan-details p:nth-child(odd) {
  background-color: #fff;
  padding: 19px 0px;
  margin: 0;
}

.steps-group .select-option {
  text-decoration: none;
  width: 102px;
  font-size: 15px;
  /* height: 26px; */
  display: inline-block;
  text-align: center;
  padding: 6px 3px;
  border-radius: 12px;
  margin: 0 auto;
  color: #fff;
  position: relative;
  top: -12px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9efb8+0,bed600+50,e9efb8+100 */
  background: #838a8b; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #838a8b 0%,
    #5a6263 50%,
    #838a8b 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #838a8b 0%,
    #5a6263 50%,
    #838a8b 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #838a8b 0%,
    #5a6263 50%,
    #838a8b 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838a8b', endColorstr='#838a8b',GradientType=0 ); /* IE6-9 */
}

.steps-group .step-group-wrapper.disabled .select-option {
  text-decoration: none;
  width: 102px;
  /* height: 26px; */
  display: inline-block;
  text-align: center;
  padding: 6px 3px;
  border-radius: 12px;
  margin: 0 auto;
  color: #fff;
  position: relative;
  top: -12px;
  cursor: not-allowed;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#838a8b+0,5a6263+50,838a8b+100 */
  background: #838a8b; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #838a8b 0%,
    #5a6263 50%,
    #838a8b 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #838a8b 0%,
    #5a6263 50%,
    #838a8b 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #838a8b 0%,
    #5a6263 50%,
    #838a8b 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838a8b', endColorstr='#838a8b',GradientType=0 ); /* IE6-9 */
}

.steps-group .step-group-wrapper.disabled:before {
  content: "";
  width: 99%;
  height: 92.5%;
  position: absolute;
  left: 3px;
  display: block;
  background-color: rgba(229, 229, 234, 0.6);
  cursor: not-allowed;
}

.steps-group .total-price {
  margin-left: 10px;
}

.confirmStep .steps-group {
  padding-bottom: 25px;
}

.steps-group .checkboxWrapper {
  width: 100%;
  max-width: 735px;
}

.step-group-wrapper {
  float: left !important;
  display: inline-block !important;
  margin: 0 auto !important;
  width: 25% !important;
}

.block-two {
  margin-top: 20px;
}

.steps-group .step-group-wrapper.disabled .select-option:before {
  content: "";
  width: 100%;
  border-radius: 12px;
  height: 100%;
  position: absolute;
  left: 0;
  display: block;
  background-color: rgba(229, 229, 234, 0.6);
  top: 0;
}

.steps-group .fineprint {
  width: 100%;
  text-align: center;
  margin: 16px 0 0;
}

h2.step-text {
  margin-bottom: 16px;
}

.steps-group .step-three-text {
  text-align: center;
  padding: 0 30px;
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 4px;
  margin-top: 3px;
}

.steps-group li {
  font-size: 12px;
  line-height: 16px;
}

.plan-summary {
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 40px;
  min-height: 40px;
}

.steps-group .plan-summary p {
  width: 100%;
}

.steps-group .plan-summary .selected-plan {
  text-align: left;
  font-size: 20px;
  padding-left: 58px;
}

.activateSpiderStep .steps-group .plan-tc-link.activate-spider-step {
  position: absolute;
  top: 80%;
}

.activateSpiderStep .steps-group .checkboxWrapper.activate-spider-step {
  position: absolute;
  top: 85%;
}

#addSpiderWizard .feedbackPanel {
  position: absolute;
  top: 75%;
}

.selected-plan .bold {
  margin-left: 15px;
  font-size: 18px;
}

.steps-group .plan-summary .selected-plan span.selected-plan-price {
  font-weight: bold;
  margin-left: 15px;
  font-size: 24px;
}

.steps-group .bold {
  font-weight: bold;
}

.steps-group .plan-summary p.total {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  right: 30px;
}

.steps-group span.spider-total.bold {
  margin-left: 15px;
}

.steps-group .plan-summary .monthly-total {
  text-align: right;
  font-size: 20px;
  margin-top: 0;
}

.steps-group .plan-summary .monthly-total span {
  font-size: 24px;
}

.steps-group .plan-summary .selected-plan span.premium {
  font-weight: normal;
}

.steps-group .plan-summary .monthly-total {
  text-align: right;
}
/* Styles for ATaaS new plans wicket wizard modal*/

.summary-wrapper {
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 80px;
}

.steps-group .step-group-wrapper .basic-wrapper {
  padding: 0px 0 0 3px;
}

.step-group-wrapper:hover .plan-details {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
  background-color: #ececec;
}

.step-group-wrapper:hover .select-option {
  background: #e9efb8;
  background: -moz-linear-gradient(top, #e9efb8 0%, #bed600 50%, #e9efb8 100%);
  background: -webkit-linear-gradient(
    top,
    #e9efb8 0%,
    #bed600 50%,
    #e9efb8 100%
  );
  background: linear-gradient(to bottom, #e9efb8 0%, #bed600 50%, #e9efb8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9efb8', endColorstr='#e9efb8',GradientType=0 );
}

#listings p.flight-date {
  background: url(/assets/img/bg-flight-date-group_ts20250625224626.png)
    repeat-x;
  color: #696969;
  font-size: 10px;
  padding: 3px 0 4px;
  text-align: center;
}

#listings .item {
  background-color: #eeeeec;
  min-height: 50px;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #d7d7d4;
  cursor: pointer;
}

#listings.listings-collapsed .item {
  overflow: visible;
}

#listings.listings-collapsed .item .desc {
  display: none;
  font-size: 10px;
  color: #fff;
  background: #65737f;
  position: absolute;
  left: 132px;
  top: 4px;
  z-index: 20;
  padding: 5px;
  width: 160px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#listings.listings-collapsed .item .desc span {
  display: block;
  background: url(/assets/img/bg-item-popup_ts20250625224626.png)
    no-repeat top left;
  position: absolute;
  left: -9px;
  top: 10px;
  height: 15px;
  width: 9px;
}

#listings.listings-collapsed .item .desc h3 {
  font-size: 12px;
  color: #fff;
}

/* experiment */
a {
  cursor: pointer;
  text-decoration: underline;
}

a.noLink {
  text-decoration: none;
  cursor: default;
}

.desc-popup {
  display: none;
  font-size: 10px;
  color: #fff;
  background: #65737f;
  position: absolute;
  z-index: 9999;
  padding: 5px;
  width: 160px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.desc-popup span {
  display: inline;
  background: url(/assets/img/bg-item-popup_ts20250625224626.png)
    no-repeat top left;
  height: 15px;
}

.desc-popup h3 {
  font-size: 12px;
  color: #fff;
}

/* end experiment */
#listings .item-hover {
  background-color: #e1e1e1;
}

#listings .item-active {
  background: #8197ab;
}

#listings .item img {
  border: 1px solid #6c9ac1;
  float: left;
  margin: 0 9px 0 7px;
}

#listings .item-hover img {
  border: 1px solid #6c9ac1;
}

#listings .item .desc {
  color: #444;
  margin-left: 76px;
  width: 160px;
}

#listings .item .desc h3 {
  color: #444;
}

#listings .item .desc h3 {
  font-size: 13px;
  margin-bottom: 2px;
}

#listings .item .desc p {
  font-size: 11px;
  line-height: 14px;
}

#listings .item-active .desc,
#listings .item-active .desc h3 {
  color: #fff;
}

#listings .item a.sharethis {
  background: transparent
    url(/assets/img/bg-icon-sharethis_ts20250625224626.png)
    no-repeat;
  display: block;
  height: 22px;
  width: 38px;
  text-indent: -9999px;
  position: absolute;
  top: 9px;
  right: 9px;
}

#listings .item a.sharethis:hover {
  background: transparent
    url(/assets/img/bg-icon-sharethis_ts20250625224626.png)
    no-repeat 0 -22px;
}

#listings p.flight-count {
  background-color: #2b2c2d;
  position: absolute;
  top: 585px;
  left: 0;
  z-index: 1;
  width: 100%;
  font-size: 10px;
  text-align: center;
  padding: 4px 0 5px;
  color: #9f9f9f;
}

/* SHARETHIS */
.share {
  border: 1px solid #b2b8bd;
  font-size: 10px;
  color: #fff;
  background: #fff;
  z-index: 50;
  padding: 10px;
  width: 150px;
  margin: 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  left: 248px;
  top: 31px;
}

.share span {
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
}

.share span img {
  padding-right: 10px;
  position: relative;
  top: 5px;
  border: none !important;
}

.share a {
  text-decoration: none;
  color: blue;
  cursor: pointer;
}

/* DATE PICKER
--------------------------------- */
#datepicker {
  margin: 5px auto 0 auto;
  width: 135px;
  height: 139px;
}

.ui-datepicker {
  width: auto;
  padding: 0;
}

#datepicker table {
  border-collapse: collapse !important;
  background: #cacac8;
  font-size: 1em;
}

#datepicker td {
  border: 0;
  font-size: 0.9em;
}

.ui-widget-header {
  background: none;
  border: 0;
  color: #eeeeec;
}

.ui-datepicker th {
  background: #6e7272
    url(/assets/img/bg-cal-th_ts20250625224626.gif) repeat-x
    bottom left;
  color: #eeeeec;
  padding: 0;
  border-top: 1px solid #636666;
}

.ui-widget {
  font-size: 1em;
  font-family: Arial, sans-serif;
}

.ui-widget-content {
  background: none;
  border: 0;
  color: #333;
}

.ui-widget-content .ui-state-default {
  background: #dfdfde;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #8c8c8c;
  border: 0 !important;
}
/*
.ui-datepicker td .active {
	background: #585c60;
	color: #fff;

}*/

/** Some exta css so that the WiQuery date picker displays correctly */
.ui-datepicker td.active a,
.ui-datepicker td a.ui-state-active {
  background: #585c60;
  color: #fff;
}

td.not-active {
  background: #f2f2f2 !important;
  opacity: 1 !important;
}

td span,
td a {
  /*	height: 9px;*/
}
/** End custom css */
.ui-state-hover {
  color: #fff;
  background: #585c60;
  border: 0 !important;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  background: #dfdfde;
}

.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 0.2em;
}

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

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

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

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 4px;
  text-align: center;
  text-decoration: none;
}

#datepicker .ui-state-disabled,
.ui-widget-content .ui-state-disabled,
#datepicker .ui-widget-header .ui-state-disabled {
  background: #dfdfdd;
}

#datepicker .ui-state-disabled.ui-datepicker-next,
#datepicker .ui-state-disabled.ui-datepicker-prev {
  display: none;
}

#datepicker .ui-widget-header .ui-icon {
  background-image: url(/assets/css/images/ui-icons_454545_256x240_ts20250625224626.png);
  cursor: pointer;
}

/* AIRCRAFT TAB
--------------------------------- */
#content {
  background-color: #fff;
  padding: 20px;
  clear: both;
}

#my-content {
  clear: both;
  position: relative;
}

.tn-location-content,
.tn-aircraft-content,
.tn-flight-info,
.tn-statistics {
  position: absolute;
  background-color: #eee;
  /*padding: 20px;*/
  margin-top: 13px;
}

.aircraft-tab .vehicleImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tn-location-content {
  left: 0;
}

.aircraft-tab h3 {
  color: #394a59;
  font-size: 18px;
  margin: 18px 0 10px;
}

.aircraft-tab h4 {
  color: #333;
  font-size: 12px;
  margin: 0 0 8px;
  padding: 0;
}

.aircraft-tab p {
  color: #000;
  font-size: 11px;
  width: 393px;
  margin: 0 auto;
  padding: 8px 0;
}

.aircraft-tab-flights {
  padding: 8px 0 0;
  width: 100%;
  overflow: hidden;
}

.aircraft-tab p span.wrap {
  display: block;
  float: left;
  width: 200px;
}

.aircraft-tab p span.label {
  width: 102px;
  display: block;
  float: left;
}

.ac-flight-totals {
  float: left;
  width: 160px;
}

.ac-last-flight {
  float: right;
  width: 223px;
}

.ac-flight-totals div,
.ac-last-flight > div {
  padding: 0;
  background-color: #4f5151;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 77px;
}

.ac-flight-totals div ul {
  margin: 6px 5px 5px 5px;
  color: #eee;
}

.ac-flight-totals div ul li {
  background: url(/assets/img/bg-flight-details-li_ts20250625224626.gif)
    no-repeat 15px 17px;
  margin: 0;
  padding: 4px 10px 8px;
  font-size: 10px;
}

.ac-flight-totals div ul li span.label {
  display: block;
  float: left;
  width: 63px;
}

.ac-flight-totals div ul li.last {
  background: none;
}

.ac-last-flight div img {
  border: 1px solid #6b99bf;
  float: left;
  margin: 10px;
}

.ac-last-flight div p {
  color: #eee;
  float: left;
  border: 0;
  width: 143px;
  overflow-x: none;
  line-height: 15px;
}

/* FLIGHT INFO AND STATISTIC TABS
--------------------------------- */
.tabbed-content-tabs {
  background-color: #4f5151;
  width: 435px;
  overflow: hidden;
  margin: -20px -20px 10px;
  padding: 5px 0 4px;
}

.tabbed-content-tabs ul {
  width: 162px;
  margin: 0 auto;
}

.tabbed-content-tabs li {
  float: left;
}

.tabbed-content-tabs li a {
  color: #7b7c7c;
  display: block;
  float: left;
  width: 81px;
  height: 30px;
  text-align: center;
  text-decoration: none;
}

.tabbed-content-tabs li a.active {
  color: #fff;
}

.tabbed-content-tabs li a span {
  margin: 10px 0;
  display: block;
  font-weight: bold;
}

.tabbed-content-tabs li.tn1 a {
  background: url(/assets/img/sprite-flightinfo-notes_ts20250625224626.png)
    no-repeat 0 -30px;
}

.tabbed-content-tabs li.tn2 a {
  background: url(/assets/img/sprite-flightinfo-notes_ts20250625224626.png)
    no-repeat -81px 0;
}

.tabbed-content-tabs li.tn1 a.active {
  background: url(/assets/img/sprite-flightinfo-notes_ts20250625224626.png)
    no-repeat;
}

.tabbed-content-tabs li.tn2 a.active {
  background: url(/assets/img/sprite-flightinfo-notes_ts20250625224626.png)
    no-repeat -81px -30px;
}

.track-notes {
  color: #000;
}

.track-notes td {
  padding-left: 5px;
  padding-bottom: 5px;
}

#track-notes-map,
#track-stats-map {
  width: 391px;
  height: 311px;
  float: left;
  margin-bottom: 10px;
}

#tn2 {
  display: none;
}

#stats-graphs-wrapper {
  display: none;
  height: 462px;
  color: #333;
  font-size: 14px;
}

.table-wrap,
.table_wrap {
  width: 99%;
  overflow: hidden;
}

div.thead {
  background: url(/assets/img/bg-flight-date-group_ts20250625224626.gif)
    repeat-x;
  color: #536068;
  text-align: left;
  border: 1px solid #c4c4c4;
  padding: 4px 5px 3px;
  overflow: hidden;
}

.table-wrap span {
  display: block;
  float: left;
}

div.thead span.th-points,
span.td-points {
  width: 75px;
  border-right: 1px solid #c4c4c4;
}

div.thead span.th-distance,
span.td-distance {
  width: 128px;
  text-align: center;
  border-right: 1px solid #c4c4c4;
}

span.td-distance {
  text-align: right;
}

div.thead span.th-altitude,
span.td-altitude {
  width: 150px;
  text-align: center;
}

span.td-altitude {
  text-align: right;
}

.table-content {
  border: 1px solid #c4c4c4;
  border-top: 0;
  border-bottom: 0;
  overflow: hidden;
}

.tbl-row {
  border-bottom: 1px solid #c4c4c4;
  width: 100%;
  overflow: hidden;
}

.tbl-row span {
  font-size: 10px;
  padding: 8px 5px;
}

span.td-points {
  background: url(/assets/img/sprite-table-markers_ts20250625224626.png)
    no-repeat 5px -22px;
  padding-left: 30px;
  width: 45px;
}

/* table styles */
.table-wrap {
  margin-bottom: 0.5em;
}

#inner table,
.modalWizard table {
  color: #000;
  width: 100%;
  clear: both;
  table-layout: fixed;
}

#inner th,
.modalWizard th {
  /* background: #e8e8e6 url(/assets/img/bg-flight-date-group_ts20250625224626.png) 0 -1px repeat-x; */
  background: #ddd;
  color: #536068;
  text-align: left;
  border: 1px solid #c4c4c4;
  padding: 2px 5px 3px;
  overflow: hidden;
  vertical-align: bottom;
}

#inner tr,
.modalWizard tr {
  background-color: #f7f7f7;
}

#inner td,
.modalWizard td {
  border: 1px solid #e7e7e7;
  border-top: 0;
  padding: 5px;
  vertical-align: middle;
}

#inner td.points {
  background: url(/assets/img/sprite-table-markers_ts20250625224626.png)
    no-repeat 5px -22px;
  padding-left: 30px;
}

/* table styles end */
.tn-flight-info label {
  color: #394a59;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}

.tn-flight-info textarea {
  margin-bottom: 20px;
  width: 383px;
  height: 60px;
  font-size: 12px;
}

textarea.lbl-flight-notes {
  height: 138px;
}

.flight-notes-save {
  clear: both;
  float: left;
  text-align: center;
  width: 100%;
}

.flight-notes-save input {
  border: 0;
}

#inner form div.save {
  text-align: center;
  padding-bottom: 45px;
}

/* TABBED NAV
--------------------------------- */
#tabbed-nav {
  height: 440px;
  width: 49px;
  position: absolute;
  top: 25px;
  right: -48px;
  float: right;
}

#tabbed-nav ul {
}

#tabbed-nav ul li {
  display: inline;
}

#tabbed-nav ul li a {
  display: block;
  width: 47px;
  height: 111px;
  text-indent: -9999em;
  margin: 0;
}

#tabbed-nav ul li.tn-mylocation a {
  height: 105px;
}

#tabbed-nav ul li.tn-aircraft a {
  height: 110px;
}

#tabbed-nav ul li.tn-flightinfo a {
  height: 108px;
}

#tabbed-nav ul li.tn-statistics a {
  height: 112px;
}

.tn-aircraft-content,
.tn-flight-info {
  background-color: #eee;
  margin-top: 13px;
  padding: 20px;
  width: 393px;
  height: 500px;
}

.tooltip {
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  font-size: 11px;
  color: black;
  word-wrap: break-word;
  padding: 5px;
  max-width: 400px;
  z-index: 9999;
  position: absolute;
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgb(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgb(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgb(0, 0, 0, 0.1);
}

.more {
  color: #0000ff;
  text-decoration: underline;
  cursor: pointer;
}

/* my location tab */
.tn-mylocation ul li.tn-mylocation a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -43px -31px;
}

.tn-mylocation ul li.tn-aircraft a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -43px -140px;
}

.tn-mylocation ul li.tn-flightinfo a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -43px -252px;
}

.tn-mylocation ul li.tn-statistics a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -43px -360px;
}

/* aircraft tab */
.tn-aircraft ul li.tn-mylocation a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -133px -31px;
}

.tn-aircraft ul li.tn-aircraft a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -133px -140px;
}

.tn-aircraft ul li.tn-flightinfo a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -133px -252px;
}

.tn-aircraft ul li.tn-statistics a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -133px -360px;
}

/* flight info tab */
.tn-flightinfo ul li.tn-mylocation a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -223px -31px;
}

.tn-flightinfo ul li.tn-aircraft a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -223px -140px;
}

.tn-flightinfo ul li.tn-flightinfo a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -223px -252px;
}

.tn-flightinfo ul li.tn-statistics a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -223px -360px;
}

/* stats tab */
.tn-statistics ul li.tn-mylocation a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -314px -31px;
}

.tn-statistics ul li.tn-aircraft a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -314px -140px;
}

.tn-statistics ul li.tn-flightinfo a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -314px -252px;
}

.tn-statistics ul li.tn-statistics a {
  background: url(/assets/img/sprite-logbook-tabs_ts20250625224626.png)
    no-repeat -314px -360px;
}

/* HELPERS
--------------------------------- */
.float-left {
  float: left;
}

.float-right {
  float: left;
}

.hidden {
  display: none;
}

.move-off {
  display: block;
  text-indent: -9999px;
}

.no-margin {
  margin: 0;
}

.disabled,
.readonly {
  background: #eee;
}

/* SETTINGS
--------------------------------- */
.body-settings #inner {
  width: 795px;
}

#settings-area .settings {
  width: 575px;
  padding: 10px 50px 0;
}

#settings-area {
  padding: 13px 0 0 0;
}

#settings-area #settings-area-wrapper {
  width: 755px;
  background: white;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

#settings-area #settings-area-content {
  background: white;
  width: 675px;
  margin: 0 0 20px 20px;
  color: #333;
  padding: 20px;
  min-height: 543px;
}

body.page-settings.body-settings-hidden .body-settings {
  display: none;
}

.body-settings .sidebar {
  background: white;
  border-bottom: 21px solid white;
  width: 165px;
}

.tabGroupHeader {
  margin-left: 16px;
  padding-bottom: 1px;
  font-weight: normal;
  font-size: 19px;
  padding-top: 5px;
  color: black;
}

body.sidebar-nav-visible .sidebar .settings-sidebar-nav {
  display: block;
}

.sidebar .settings-sidebar-nav {
  display: none;
  border-top: 32px solid white;
  height: 81px;
}

.sidebar .settings-sidebar-nav ul {
  margin-top: 8px;
}

.sidebar .settings-sidebar-nav ul li {
  padding: 8px 8px 14px 0px;
}

.sidebar .settings-sidebar-nav ul a,
.sidebar .settings-sidebar-nav ul span {
  font-size: 12px;
  color: black;
  text-decoration: none;
  cursor: pointer;
  margin-left: 12px;
  display: block;
  margin-top: 9px;
}

.sidebar .settings-sidebar-nav ul a:hover span,
.sidebar .settings-sidebar-nav ul a.active span {
  color: black;
}

.body-settings .sidebar p {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 15px;
}

#inner table.scroll-tall th,
#inner table#invoices_head th {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, #d8d8d8),
    color-stop(0.65, #e5e5e5)
  );
  background: -moz-linear-gradient(center top, #e5e5e5, #d8d8d8) repeat scroll 0
    0 !important;
  border-color: -moz-use-text-color -moz-use-text-color #c4c4c4 !important;
  border-style: none none solid !important;
  border-width: 0 0 1px !important;
  font-size: 1em;
  font-weight: normal;
  overflow: visible !important;
  padding: 3px 0px 2px !important;
  white-space: nowrap;
  z-index: 4 !important;
}

#inner table#invoices_head th {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}

table#invoices a.draft {
  display: block;
  width: 34px;
  height: 17px;
  background: url(/assets/img/bg-draft-invoice_ts20250625224626.png)
    no-repeat 0 0;
}

table#invoices a.print {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/btn-print_ts20250625224626.png)
    no-repeat 0 0;
}

table#invoices td {
  font-size: 11px;
  text-align: center;
}

table#invoices td span {
  font-weight: bold;
}

.invoices p {
  text-align: center;
  margin-top: 20px;
  font-size: 13px;
}

.settings .support-email span {
  display: block;
  float: left;
  font-weight: bold;
  width: 108px;
}

.settings .support-urgent li {
  margin-top: 10px;
}

.settings .support-urgent li span {
  display: block;
  width: 110px;
  float: left;
}

/*.notificationsBar {
	margin-bottom: -10px;
}

#notifications-nav {
	text-align: center;
	width: 600px;
}

#notifications-nav li {
	display: inline-block;
	margin-left: -5px;
	padding: 0;
}
#notifications-nav li  a{
	display: inline-block;
	background-image: url(/assets/img/btn-notifications_ts20250625224626.png);
	height: 28px;
	width: 80px;
}
#notifications-nav li a.wide{	width: 81px; }

#notifications-nav li.n1 a{ background-position: 0 0; }
#notifications-nav li.n1 a.active{ background-position: 0 -28px; }
#notifications-nav li.n2 a{ background-position: -81px 0; }
#notifications-nav li.n2 a.active{ background-position: -81px -28px; }
#notifications-nav li.n3 a{ background-position: -161px 0; }
#notifications-nav li.n3 a.active{ background-position: -161px -28px; }
#notifications-nav li.n4 a{ background-position: -241px 0; }
#notifications-nav li.n4 a.active{ background-position: -241px -28px; }
#notifications-nav li.n5 a{ background-position: -321px 0; }
#notifications-nav li.n5 a.active{ background-position: -321px -28px; }
#notifications-nav li.n6 a{ background-position: -401px 0; }
#notifications-nav li.n6 a.active{ background-position: -401px -28px; }

.notification a.findPeopleModal {
	display: block;
	margin-bottom: 10px;
}

#inner .notification table th {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.3, #D8D8D8), color-stop(0.65, #E5E5E5) );
	background: -moz-linear-gradient(center top , #E5E5E5, #D8D8D8) repeat scroll 0 0  !important;
}

.notifications-table td {
	vertical-align: middle;
}

.notification .notifications-table td label{
	height: 24px;
	padding: 0;
	margin: 0;
}
 */

/* USER NOTIFICATIONS */
#notifications-wrapper {
  position: absolute;
  left: 912px;
  top: 603px;
  width: 46px;
  height: 60px;
  z-index: 1;
  border-top: 1px solid #383838;
}

.fleetpro #notifications-wrapper {
  top: 607px;
}

#notifications {
  display: block;
  background: url(/assets/img/notifications/flag_ts20250625224626.png);
  height: 60px;
  width: 47px;
  margin-right: 38px;
  z-index: 2;
  outline: none;
}

#notifications-wrapper #activeFlag {
  z-index: 2;
  top: 33px;
  left: 25px;
  position: absolute;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

#notifications-wrapper .active-1 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 0;
}

#notifications-wrapper .active-2 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -18px;
}

#notifications-wrapper .active-3 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -36px;
}

#notifications-wrapper .active-4 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -54px;
}

#notifications-wrapper .active-5 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -72px;
}

#notifications-wrapper .active-6 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -90px;
}

#notifications-wrapper .active-7 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -108px;
}

#notifications-wrapper .active-8 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -126px;
}

#notifications-wrapper .active-9 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -144px;
}

#notifications-wrapper .active-x {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -162px;
}

#notifications-wrapper.closed #notifications-messages-wrapper {
  display: none;
}

#notifications-messages > div > div {
  width: 280px;
  height: 40px;
  overflow: hidden;
}

#notifications-wrapper.open #notifications-messages-wrapper {
  position: absolute;
  top: 0;
  left: -312px;
  color: #333;
  line-height: 14px;
  font-size: 11px;
  font-weight: bold;
  width: 320px;
  height: 60px;
  background: url(/assets/img/notifications/bg_ts20250625224626.png);
  z-index: -1;
}

#notifications-wrapper.open #notifications-messages {
  position: absolute;
  top: 4px;
  left: 32px;
}

#notifications-wrapper .active-6 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -90px;
}

#notifications-wrapper .active-7 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -108px;
}

#notifications-wrapper .active-8 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -126px;
}

#notifications-wrapper .active-9 {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -144px;
}

#notifications-wrapper .active-x {
  background: url(/assets/img/notifications/numbers_ts20250625224626.png)
    no-repeat 0 -162px;
}

#notifications-wrapper.closed #notifications-messages-wrapper {
  display: none;
}

#notifications-messages > div > div {
  width: 280px;
  height: 40px;
  overflow: hidden;
}

#notifications-wrapper.open #notifications-messages-wrapper {
  position: absolute;
  top: 0;
  left: -312px;
  color: #333;
  line-height: 14px;
  font-size: 11px;
  font-weight: bold;
  width: 320px;
  height: 60px;
  background: url(/assets/img/notifications/bg_ts20250625224626.png);
  z-index: -1;
}

#notifications-wrapper.open #notifications-messages {
  position: absolute;
  top: 4px;
  left: 32px;
}

#notifications-wrapper.open #notifications-close {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(/assets/img/notifications/close_ts20250625224626.png)
    no-repeat bottom right;
  cursor: pointer;
}

#notifications-messages a {
  color: #34404b;
}

#notifications-wrapper.open #notifications-buttons {
  position: absolute;
  left: 216px;
  top: 40px;
}

#notifications-wrapper.open #notifications-buttons div {
  float: left;
  height: 13px;
  cursor: default;
}

#notifications-wrapper.open #notifications-buttons .backNotification {
  background: url(/assets/img/notifications/prev-next_ts20250625224626.png)
    no-repeat 0 0;
  width: 16px;
}

#notifications-wrapper.open #notifications-buttons .nextNotification {
  background: url(/assets/img/notifications/prev-next_ts20250625224626.png)
    no-repeat -16px 0;
  width: 47px;
}

#notifications-wrapper.open #notifications-buttons .backNotification.active {
  background: url(/assets/img/notifications/prev-next_ts20250625224626.png)
    no-repeat 0 -13px;
  cursor: pointer;
}

#notifications-wrapper.open #notifications-buttons .nextNotification.active {
  background: url(/assets/img/notifications/prev-next_ts20250625224626.png)
    no-repeat -16px -13px;
  cursor: pointer;
}

#notifications-wrapper.open #notifications-reminder {
  position: absolute;
  left: 40px;
  top: 35px;
  background: url(/assets/img/notifications/remind-me_ts20250625224626.png)
    no-repeat bottom right;
  width: 125px;
  height: 20px;
  cursor: default;
}

#updatingDetails {
  margin-top: 15px;
}

#updatingDetails,
#updatingDetails #time,
#updatingDetails #distance,
#updatingDetails #spiderWatch {
  clear: both;
  margin-bottom: 15px;
}

#updatingDetails label {
  margin-top: 0;
  font-weight: normal;
}

#updatingDetails input {
  margin-right: 5px;
  margin-top: -1px;
}

#updatingDetails #radius {
  clear: both;
  margin-bottom: 15px;
}

#updatingDetails #transition,
#headingChange,
#rodExceeded,
#rocExceeded {
  clear: both;
  margin: 30px 15px 0 0;
}

#updatingDetails #transition label,
#headingChange label,
#rodExceeded label,
#rocExceeded label {
  margin-top: 4px;
  font-weight: normal;
}

#updatingDetails #transition > input,
#updatingDetails #transition > label,
#headingChange > input,
#headingChange > label,
#rodExceeded > input,
#rodExceeded > label,
#rocExceeded > input,
#rocExceeded > label {
  margin: 9px 0 0 10px;
  font-weight: normal;
}

#updatingDetails .jqTransformSelectWrapper {
  margin-top: -5px;
  margin-right: 5px;
}

/* SOS PAGE */
.sos-h2 {
  background: #383838;
  color: #c7c7c6;
  font-size: 13px;
  padding: 10px 0 10px 6px;
}

.sos-sidebar-status {
  text-align: center;
  display: block;
  padding: 2px 0;
  border-bottom: 1px solid #666;
}

.sos-sidebar-status.open {
  background: #747473
    url(/assets/img/open-close_ts20250625224626.png) no-repeat top
    right;
}

.sos-sidebar-status.closed {
  background: #747473
    url(/assets/img/open-close_ts20250625224626.png) no-repeat
    bottom right;
}

.sidebar.sos-sidebar {
  background: #454545;
}

#map-area .sos-details h2 {
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  float: left;
  background: #000;
  display: block;
  padding: 6px 10px 6px 6px;
  margin: 0;
}

.flight-details.sos-details ul.flight-pilots {
  float: none;
  width: 90px;
  padding-top: 5px;
  display: block;
  overflow: hidden;
}

.flight-details.sos-details ul.flight-pilots li {
  margin-bottom: 6px;
}

.flight-details.sos-details ul.flight-sos-readings {
  float: right;
  width: auto;
  margin-right: 10px;
}

.flight-details.sos-details ul.flight-sos-readings li {
  padding: 4px 0 6px 3px;
  background: url(/assets/img/bg-divider-yellow_ts20250625224626.png)
    no-repeat bottom left;
  overflow: hidden;
  width: 155px;
}

.flight-details.sos-details ul.flight-sos-readings li.last {
  background: none;
}

.flight-details.sos-details div ul li span.label {
  width: 75px;
  color: #000;
}

.flight-details.sos-details div ul.flight-sos-readings li span.label {
  float: left;
}

.flight-details.sos-details div.float-left {
  color: #000;
  background: #dfcc49;
}

.flight-details.sos-details div.float-right {
  background: none;
}

#status-selector {
  padding: 5px 0 10px 8px;
  float: left;
  width: 148px;
  text-align: center;
  background: #383838
    url(/assets/img/sos/bg-status_ts20250625224626.png) repeat-x
    bottom left;
}

#status-selector a span {
  display: block;
  text-indent: -9999px;
}

#status-selector a {
  float: left;
}

#select-open {
  background: url(/assets/img/sos/sos-button-sprite_ts20250625224626.png)
    no-repeat 0 0;
  width: 72px;
  height: 24px;
}

#select-open.active {
  background-position: 0 -24px;
}

#select-closed {
  background: url(/assets/img/sos/sos-button-sprite_ts20250625224626.png)
    no-repeat -72px -24px;
  width: 73px;
  height: 24px;
}

#select-closed.active {
  background-position: -72px 0;
}

.item .sos-status span {
  display: block;
  text-indent: -9999px;
}

.item.closed .sos-status {
  background: transparent
    url(/assets/img/sos/status-resolved_ts20250625224626.png)
    no-repeat 0 0;
  width: 24px;
  height: 23px;
  float: right;
}

.item.open .sos-status {
  background: transparent
    url(/assets/img/sos/status-unresolved_ts20250625224626.png)
    no-repeat 0 0;
  width: 24px;
  height: 23px;
  float: right;
}

.cancel-sos {
  display: block;
  background: transparent
    url(/assets/img/sos/sos-close_ts20250625224626.png) no-repeat
    0 0;
  width: 141px;
  height: 27px;
  margin-bottom: 10px;
}

.cancel-sos.busy {
  background: transparent
    url(/assets/img/sos/sos-close_busy_ts20250625224626.png)
    no-repeat 0 0;
}

.cancel-sos:active {
  background-position: -140px 0;
}

.reopen-sos {
  display: block;
  background: transparent
    url(/assets/img/sos/sos-reopen-sprite_ts20250625224626.png)
    no-repeat 0 0;
  width: 141px;
  height: 27px;
  margin-bottom: 10px;
}

.reopen-sos.busy {
  background: transparent
    url(/assets/img/sos/sos-reopen-sprite_busy_ts20250625224626.png)
    no-repeat 0 0;
}

.reopen-sos:active {
  background-position: -140px 0;
}

.escalate-sos {
  display: block;
  background: transparent
    url(/assets/img/sos/sos-escalate-sprite_ts20250625224626.png)
    no-repeat 0 0;
  width: 141px;
  height: 27px;
  margin-bottom: 10px;
}

.escalate-sos.busy {
  background: transparent
    url(/assets/img/sos/sos-escalate-sprite_busy_ts20250625224626.png)
    no-repeat 0 0;
}

.escalate-sos:active {
  background-position: -140px 0;
}

.view-contact-details {
  line-height: 12px;
  width: 94px;
  margin-left: 4px;
  display: block;
  color: #fff;
  text-decoration: none;
  background: transparent
    url(/assets/img/sos/bg-users_ts20250625224626.png) no-repeat
    top right;
  padding-right: 45px;
}

.sos-buttons span {
  display: block;
  text-indent: -9999px;
}

/* Hide the modal, used in the selectedUserPanel on the Logbook Page */
.modal {
  display: none;
}

/* Dialog
----------------------------------*/
#dialog-hider {
  height: 900px;
}

.dialog,
.delete-dialog {
  left: -9999px;
}

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

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

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

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.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 {
  border: 0;
  padding: 10px 20px;
  zoom: 1;
  max-height: 580px;
  background-color: #e4e4e4;
}

.ui-dialog #mapModal.ui-dialog-content {
  padding: 0;
  background: none;
}

.ui-dialog {
  font-size: 12px;
}

.ui-widget-overlay.tracksPageMapOverlay {
  background: none;
}

.ui-dialog .ui-dialog-content fieldset {
  /*max-height: 460px;*
	/*overflow: scroll;*/
  /*display: block;*/
  /*height: 400px;*/
  min-height: 50px;
}

.ui-dialog .ui-dialog-buttonpane {
  background: #fff;
  text-align: center;
  border-top: 1px solid #999;
  background-image: none;
  margin: 0 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  display: inline-block;
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
  width: 72px;
  height: 26px;
  overflow: visible;
  border: none;
  background-repeat: no-repeat;
  background-color: #fff;
}

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

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

/*.ui-dialog h3 {
    margin: 0 0 10px;
    color: #212A32;
    font-size: 1.3em;
}

*/
.ui-dialog table {
  color: #333;
}

.invite-dialog .innerBox .row {
  margin-bottom: 10px;
}

.invite-dialog .innerBox label {
  position: relative;
  top: 8px;
  display: block;
  float: left;
  font-size: 13px;
  width: 75px;
  clear: left;
}

.invite-dialog .innerBox .inputtext {
  width: 350px;
  height: 20px;
  font-size: 15px;
}

.invite-dialog .innerBox textarea {
  width: 350px;
  font-size: 15px;
}

.innerBox .buttonspan {
  margin-left: 14%;
}

.termsAndConditionsModal fieldset {
  overflow-y: scroll;
  max-height: 500px;
}

.termsAndConditionsModal ol {
  padding-top: 5px;
  list-style: decimal;
  list-style-position: inside;
  font-weight: bold;
}

.termsAndConditionsModal li {
  padding-top: 5px;
  font-weight: normal;
}

.termsAndConditionsModal ol ol {
  padding-left: 15px;
}

.termsAndConditionsModal ol ol ol {
  padding-left: 25px;
}

/* jqTransform overrides (needed for the darker background on the edit details popup page) */
#edit-flights-popout .jqTransformSelectWrapper {
  background: url(/assets/img/jqtransform/select_left-dark_ts20250625224626.png)
    no-repeat scroll left top transparent;
  float: none;
}

#edit-flights-popout form.jqtransformdone label {
  float: none;
}

#edit-flights-popout .jqTransformSelectWrapper a.jqTransformSelectOpen {
  background: url(/assets/img/jqtransform/select_right-dark_ts20250625224626.png)
    no-repeat scroll left top transparent;
}

#edit-flights-popout .jqTransformSelectWrapper div span {
  color: #333;
  font-size: 12px;
}

/* Definition hovers */
span.defn {
  position: relative;
  cursor: pointer;
  z-index: 1;
}

span.defn > span {
  text-decoration: none;
  position: absolute;
  left: 32px;
  display: none;
  border: 1px solid #c4c4c4;
  padding: 6px;
  background: #eee;
  width: 380px;
  text-align: left;
  line-height: 15px;
  z-index: 2;
}

/* Generic loader css */
.loader {
  position: absolute;
  z-index: 999;
  overflow: show;
  top: 100px;
  left: 100px;
  right: 0;
  color: #000;
  font-size: 12px;
  margin: auto;
}

.loader.big {
  width: 48px;
  height: 48px;
}

.loader.med {
  width: 24px;
  height: 24px;
}

.loader.small {
  width: 16px;
  height: 16px;
}

/* Specific loader css */
#listings .loader {
  margin: 200px auto auto auto;
}

#settings-area-content .loader {
  margin: 200px auto auto auto;
}

#edit-flights-popout .loader {
  display: inline;
}

.fileUploadModal input {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* MODAL OVER-RIDES FOR AVIATOR SITE */
#addSpiderModal h1,
#addSpiderModal h2,
#addSpiderModal h3 {
  color: #394a59;
  line-height: 20px;
}

.serialValidationStep {
  text-align: center;
}

.serialValidationStep img.spiderPic {
  margin: 50px 0 40px;
}

.serialValidationStep #serialNumber {
  float: left;
  margin-left: 270px;
}

.serialValidationStep div.tick,
.serialValidationStep div.cross {
  position: relative;
  top: 5px;
  left: 0px;
  width: 18px;
  height: 18px;
  float: left;
}

.serialValidationStep div.cross {
  background: url(/assets/img/validation-icon_ts20250625224626.png)
    no-repeat;
}

.serialValidationStep div.tick {
  background: url(/assets/img/validation-icon_ts20250625224626.png)
    no-repeat -18px 0;
}

.addSpiderModal .small {
  margin-top: 15px;
  font-size: 10px;
}

.addSpiderModal .loader,
.addSpiderModal .loader img {
  display: inline;
  margin: 5px 0 0 0 !important;
}

.addSpiderModal table#paymentPlan th,
.addSpiderModal table#paymentPlan td {
  border: 1px solid #e7e7e7;
  padding: 2px;
  text-align: center;
}

.serialValidationStep #serialNumber_feedback {
  text-align: left;
}

#add-step-4 .add-step-final {
  line-height: 16px;
  margin-top: 10px;
}

.body-settings .addSpiderModal table#paymentPlan td,
.body-settings .addSpiderModal table#paymentPlan tbody th {
  height: 36px;
  font-weight: normal;
}

#plans-header {
  position: relative;
  clear: both;
  height: 43px;
}

#plans-header ul,
#plans-header li {
  display: inline;
  list-style-type: none;
}

#plans-header ul {
  position: absolute;
  left: 250px;
  top: 12px;
  width: 420px;
}

#plans-header li {
  border: 1px solid #6c6c6c;
  padding: 5px 10px;
  margin: 0 -4px 0 0;
  background: #343434;
  font-size: 1.2em;
}

#plans-header li.first {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}

#plans-header li.last {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}

#plans-header li a {
  text-decoration: none;
  color: #fff;
}

#plans-header li a.active,
#plans-header li a:hover {
  color: #acca31;
}

#plans-header p a {
  color: #fff;
  font-size: 0.85em;
}

#plans-header p a:hover,
#plans-header p a.active {
  color: #acca31;
}

#selectContractForm label,
#downloadContractForm label {
  min-height: 20px;
}

#selectContractForm label {
  padding-top: 9px;
}

#selectContractForm div span {
  margin-left: 45px;
}

#downloadContractForm p {
  padding: 5px 0 0 40px;
}

#spiderSearchForm,
#plansSearchForm,
#userSearchForm {
  min-height: 65px;
}

#resultsListViewContainer {
  border: thin solid #b2b2b2;
  z-index: 999;
  position: absolute;
  width: 600px;
  overflow-y: auto;
  max-height: 460px;
}

#resultsListViewContainer tr {
  cursor: pointer;
}

#resultsListViewContainer tr.odd td {
  background-color: #fff;
}

#resultsListViewContainer tr:hover td {
  background-color: #e2e2e2;
}

.custom-checkbox label.checkBoxSmall {
  background: url(/assets/img/small_checkbox_clear_ts20250625224626.png)
    no-repeat scroll 0 -10px transparent;
  min-height: 20px;
  min-width: 34px;
}

.custom-checkbox label.checkBoxSmall {
  background: url(/assets/img/small_checkbox_clear_ts20250625224626.png)
    no-repeat scroll 0 -10px transparent;
}

.custom-checkbox label.checkBoxSmall.hover,
.custom-checkbox label.checkBoxSmall.focus {
  background-position: 0 -10px;
}

.custom-checkbox label.checkBoxSmall.checked,
.custom-checkbox label.checkBoxSmall.checkedHover {
  background-position: 0 -150px;
}

#updateRolesModal .custom-checkbox {
  clear: both;
}

.jqTransformSelectWrapper select {
  position: absolute;
  left: -3000px;
}

.jqTransformSelectWrapper {
  cursor: pointer;
}

.feedbacklabel.INFO,
.feedbackPanelINFO,
.feedbacklabel.ERROR,
.feedbackPanelERROR {
  clear: both;
  display: block;
  padding-top: 5px;
}

.editingHover {
}

.editing {
  margin: 0;
  padding: 0;
  width: 50%;
}

input.pointDescription {
  width: 280px;
}

input[type="Submit"],
input[type="Button"] {
  border: none;
  cursor: pointer;
  color: transparent;
}

input.save {
  background: url(/assets/img/btn/btn-save_ts20250625224626.png);
  width: 104px;
  height: 26px;
}

input.save.disabled {
  background: url(/assets/img/btn/btn-save_ts20250625224626.png);
  width: 104px;
  height: 26px;
  filter: grayscale(100%);
  cursor: not-allowed;
}

input.save.busy {
  background: url(/assets/img/btn/btn-save_ts20250625224626.png)
    no-repeat -104px;
}

input.saveGreen {
  background: url(/assets/img/btn/btn-save-green_ts20250625224626.png);
  width: 100px;
  height: 32px;
  margin-top: 20px;
}

input.saveGreen.busy {
  background: url(/assets/img/btn/btn-save-green_ts20250625224626.png)
    no-repeat -100px;
}

input.manage {
  background: url(/assets/img/btn/btn-manage_ts20250625224626.png);
  width: 102px;
  height: 26px;
  margin-top: 20px;
}

input.manage.busy {
  background: url(/assets/img/btn/btn-manage_ts20250625224626.png)
    no-repeat -102px;
}

input.login {
  background: url(/assets/img/btn/btn-login_ts20250625224626.png);
  width: 90px;
  height: 32px;
}

input.login.busy {
  background: url(/assets/img/btn/btn-login_ts20250625224626.png)
    no-repeat -90px;
}

input.signup {
  background: url(/assets/img/btn/btn-signup_ts20250625224626.png);
  width: 100px;
  height: 32px;
  margin: 20px;
}

input.signup.busy {
  background: url(/assets/img/btn/btn-signup_ts20250625224626.png)
    no-repeat -100px;
}

input.send {
  background: url(/assets/img/btn/btn-send_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.send.busy {
  background: url(/assets/img/btn/btn-send_ts20250625224626.png)
    no-repeat -102px;
}

input.upload {
  background: url(/assets/img/btn/btn-upload_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.upload.busy {
  background: url(/assets/img/btn/btn-upload_ts20250625224626.png)
    no-repeat -102px;
}

input.create {
  background: url(/assets/img/btn/btn-create_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.create.busy {
  background: url(/assets/img/btn/btn-create_ts20250625224626.png)
    no-repeat -102px;
}

input.continue {
  background: url(/assets/img/btn/btn-continue_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.continue.busy {
  background: url(/assets/img/btn/btn-continue_ts20250625224626.png)
    no-repeat -102px;
}

input.continue.disabled {
  background: url(/assets/img/btn/btn-continue_ts20250625224626.png)
    no-repeat -204px;
}

input.enable {
  background: url(/assets/img/btn/btn-enable_ts20250625224626.png);
  width: 104px;
  height: 26px;
}

input.enable.busy {
  background: url(/assets/img/btn/btn-enable_ts20250625224626.png)
    no-repeat -102px;
}

input.transfer {
  background: url(/assets/img/btn/btn-transfer_ts20250625224626.png);
  width: 104px;
  height: 26px;
}

input.invite {
  background: url(/assets/img/btn/btn-invite_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.invite.busy {
  background: url(/assets/img/btn/btn-invite_ts20250625224626.png)
    no-repeat -102px;
}

input.deactivate {
  background: url(/assets/img/btn/btn-deactivate_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.deactivate.busy {
  background: url(/assets/img/btn/btn-deactivate_ts20250625224626.png)
    no-repeat -102px;
}

input.add {
  background: url(/assets/img/btn/btn-add_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.add.busy {
  background: url(/assets/img/btn/btn-add_ts20250625224626.png)
    no-repeat -102px;
  width: 102px;
  height: 26px;
}

input.register {
  background: url(/assets/img/btn/btn-register_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.register.busy {
  background: url(/assets/img/btn/btn-register_ts20250625224626.png)
    no-repeat -102px;
}

input.export {
  background: url(/assets/img/btn/btn-export_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.export.busy {
  background: url(/assets/img/btn/btn-export_ts20250625224626.png)
    no-repeat -104px;
}

input.cancel {
  background: url(/assets/img/btn/btn-cancel_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.cancel.busy {
  background: url(/assets/img/btn/btn-cancel_ts20250625224626.png)
    no-repeat -102px;
}

input.edit {
  background: url(/assets/img/btn/btn-edit_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.edit.busy {
  background: url(/assets/img/btn/btn-edit_ts20250625224626.png)
    no-repeat -102px;
}

input.addCard {
  background: url(/assets/img/btn/btn-add-card_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.addCard.busy {
  background: url(/assets/img/btn/btn-add-card_ts20250625224626.png)
    no-repeat -102px;
}

input.close {
  background: url(/assets/img/btn/btn-close_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.close.busy {
  background: url(/assets/img/btn/btn-close_ts20250625224626.png)
    no-repeat -102px;
}

input.preview {
  background: url(/assets/img/btn/btn-preview_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.preview.busy {
  background: url(/assets/img/btn/btn-preview_ts20250625224626.png)
    no-repeat -102px;
}

input.back {
  background: url(/assets/img/btn/btn-back_ts20250625224626.png);
  width: 102px;
  height: 26px;
}

input.back.busy {
  background: url(/assets/img/btn/btn-back_ts20250625224626.png)
    no-repeat -102px;
}

input.applyToAll {
  background: url(/assets/img/btn/btn-apply-to-all_ts20250625224626.png);
  width: 104px;
  height: 26px;
}

input.applyToAll.busy {
  background: url(/assets/img/btn/btn-apply-to-all_ts20250625224626.png)
    no-repeat -104px;
}

input.applyToAll2 {
  background: url(/assets/img/btn/btn-apply-to-all2_ts20250625224626.png);
  width: 152px;
  height: 26px;
}

input.applyToAll2.busy {
  background: url(/assets/img/btn/btn-apply-to-all2_ts20250625224626.png)
    no-repeat -152px;
}

input.submit {
  background: url(/assets/img/btn/btn-submit_ts20250625224626.png);
  width: 104px;
  height: 26px;
}

input.submit.busy {
  background: url(/assets/img/btn/btn-submit_ts20250625224626.png)
    no-repeat -104px;
}

.phones .delete {
  margin-top: 3px;
}

.phones .phone {
  clear: both;
  padding-top: 5px;
  height: 40px;
}

.addPhone {
  margin: 5px 0 10px 170px;
  display: block;
}

.phones .phone .rowWrapper {
  float: none;
}

.imageContainer {
  width: 130px;
  margin-left: 110px;
  float: left;
}

.imageContainer.vehicle {
  margin-left: 130px;
}

.imageContainer.orgImage {
  margin-left: 0;
  margin-right: 50px;
}

.editOverlay {
  height: 20px;
  background: black;
  opacity: 0.8;
  color: white;
  padding: 5px 5px 2px 5px;
  display: none;
  position: absolute;
}

/***** FORMS *********/
/* GENERAL SETTINGS DEFAULTS */
#container {
  width: auto;
  margin: 0 auto;
}

.settings {
  width: 575px;
  padding: 30px 70px;
  font-size: 1.2em;
  line-height: 1.4em;
  background: white;
  color: #333;
  overflow: auto;
}

.settings h2 {
  font-size: 1.3em;
  color: #394a59;
  margin: 0 0 0.3em;
  clear: both;
}

.settings h2.topMargin {
  margin-top: 30px;
}

.settings h3 {
  font-size: 1.2em;
  color: #394a59;
  margin: 25px 0 10px;
  clear: both;
  padding-top: 25px;
}

.settings h3.noMargin {
  margin: 0;
  padding-top: 0;
}

.settings .manageOrg {
  margin-top: 20px;
}

.settings .manageOrg .rowWrapper {
  margin-top: 0;
  clear: none;
}

.settings h3.orgNameLbl {
  clear: none;
  margin-top: 0;
  padding-top: 0;
}

.settings h4 {
  font-size: 1.1em;
  color: #394a59;
  margin: 25px 0 10px;
  clear: both;
  padding-top: 25px;
}

.settings h4.noPadding {
  padding-top: 0;
}

.settings h4.noMargin {
  margin: 0;
}

.settings p {
  margin-bottom: 0.5em;
}

.settings .innerBox p {
  padding: 5px;
}

.settings p.center {
  text-align: center;
  margin: 10px 0 10px 0;
  clear: both;
}

.settings p.topMargin {
  margin: 10px 0 0 0;
}

/* .settings fieldset h3 {
	margin: 0 0 5px;
	padding-top: 0;
	text-align: center;
	padding-bottom: 15px;
} */
label,
input,
textarea,
select {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.rowWrapper label,
.rowWrapper input,
textarea,
select {
  margin-top: 4px;
  display: block;
  float: left;
}

label {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

input,
textarea,
select {
  color: #333;
  border: 1px solid #c4c4c4;
}

input {
  padding: 2px 5px 2px;
}

textarea {
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 5px;
}

.checkboxWrapper label,
.checkboxWrapper input,
.radioWrapper label,
.radioWrapper input {
  display: inline-block;
  vertical-align: bottom;
  min-height: 20px;
}

/* FORM STRUCTURE */
form {
  margin: 0 0 30px;
}

fieldset {
  background: #fff;
  border: 1px solid white;
  padding: 15px 20px;
}

div.rowWrapper {
  clear: left;
  float: left;
  margin: 10px 0 10px 0;
}

div.checkboxWrapper {
  float: left;
}

.rowWrapper span.middleVerticalAlign {
  display: block;
  float: left;
  margin-top: 4px;
  margin-left: 2px;
}

.rowWrapper .checkboxWrapper {
  margin-top: -3px;
  margin-left: -8px;
}

div.rowWrapper.last,
div.checkboxWrapper.last {
  margin-bottom: 10px;
}

.rowWrapper > span {
  float: left;
  margin-top: 7px;
  margin-right: 5px;
}

.rowWrapper .floatingTextField {
  float: none;
}

div.buttonBar {
  background: white;
  padding: 15px 0;
  margin: 0;
  text-align: center;
}

fieldset div.buttonBar {
  margin-right: -2px;
}

div.innerBox {
  clear: both;
  background: white;
  border: 1px solid white;
  padding: 10px 20px 10px;
  margin: 0 0 15px;
  float: left;
  width: 92%;
}

div.innerBox.white {
  background: #ffffff;
}

div.innerBox.half {
  width: 234px;
  margin: 0;
  padding-bottom: 0px;
}

div.innerBox.half.right {
  float: right;
}
/*div.innerBox .buttonBar {
    height: 30px;
    margin: 6px 0 0 -20px;
    padding: 10px 20px 0 0;
    background-color: #E7E7E7;
    width: 254px;
    text-align: center;
    border-top: 1px solid #C4C4C4;
}
*/
div.innerBox .buttonBar a.button {
  color: #ffffff;
  font-size: 0.9em;
  font-weight: normal;
  margin: 0;
}

/* DYNAMIC EFFECTS */
div.blind {
  clear: both;
}

div.switch.disabled label {
  color: #888888;
}

/* INFO BOX */
div.infoBox {
  font-size: 0.9em;
  line-height: 1.4em;
  min-height: 130px;
  height: auto;
  float: left;
  display: inline-block;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  margin-top: 40px;
}

div.infoBox.full {
  width: 541px;
  margin-right: 25px;
  background: url("/assets/img/forms/infobox_bottom.png") bottom
    no-repeat #ffffff;
  padding: 0 16px 0 16px;
}

div.infoBox.half {
  width: 241px;
  margin-right: 25px;
  background: url("/assets/img/forms/infobox_half_bottom.png")
    bottom no-repeat #ffffff;
  padding: 0 16px 0 16px;
}

div.infoBox.last {
  margin-right: 0;
}

div.infoBox h2 {
  height: 35px;
  line-height: 35px;
  margin: -3px 0 0 -17px;
  color: #ffffff;
  padding: 2px 0 12px 16px;
  font-size: 1.2em;
  vertical-align: middle;
}

div.infoBox.full h2 {
  background: url("/assets/img/forms/infobox_top.png") top left
    no-repeat;
  width: 575px;
}

div.infoBox.half h2 {
  background: url("/assets/img/forms/infobox_half_top.png") top
    left no-repeat;
  width: 275px;
  height: 35px;
}

/* POPUP BOX */
div.infoPopup dl {
  font-size: 1.2em;
  line-height: 2em;
}

div.infoPopup dt {
  float: left;
  display: inline-block;
  padding-right: 3px;
  font-weight: bold;
}

div.infoPopup dd {
  font-weight: normal;
}

/* LABELS */
label {
  font-weight: bold;
  color: #000;
  padding: 3px 10px 0 0;
  /* width: 70px; */
}

div.zerolbl label {
  width: auto;
}

div.tinylbl label {
  width: 80px;
}

div.shrtlbl label {
  width: 100px;
}

div.shrtlbl label.email-validation {
  float: left;
  display: block;
  width: 100%;
  padding-left: 110px;
  font-weight: normal;
}

div.medmlbl label {
  width: 120px;
}

div.befrlbl {
  float: none;
  display: block;
}

/* INPUTS */
input {
  /*padding:0 5px;*/
  margin-top: 5px;
  margin-right: 10px;
}

div.tinyfld input,
input.tinyfld {
  width: 40px;
}

div.tinyfld input,
input.tinyfld {
  width: 40px;
}

div.shrtfld input {
  width: 90px;
}

div.smallfld input {
  width: 95px;
}

div.medmfld input {
  width: 140px;
}

div.longfld input {
  width: 240px;
}

div.longfld input {
  width: 240px;
}

/* PASSWORD */
div.tinypwd input {
  width: 40px;
}

div.shrtpwd input {
  width: 90px;
}

div.medmpwd input {
  width: 140px;
}

div.longpwd input {
  width: 240px;
}

div.tinypwd a,
div.shrtpwd a,
div.medmpwd a,
div.longpwd a {
  padding-top: 10px;
  color: #9cb001;
  text-decoration: none;
  clear: left;
  display: block;
  font-size: 0.9em;
}

div.buttonBar input,
div.save input {
  vertical-align: top;
  float: none;
  border: none;
  padding: 0;
  margin: 0;
}

/* TEXTAREAS */
div.rowWrapper textarea {
  height: 70px;
  border: 1px solid #b8b8b8;
}

div.rowWrapper.shrtlbl textarea {
  width: 403px;
}

div.rowWrapper textarea.creditApprovalMessage {
  width: 575px;
  height: 195px;
}

div.rowWrapper.medmlbl textarea {
  width: 370px;
}

/* CHECKBOXES */
div.checkboxWrapper label {
  width: auto;
  font-weight: normal;
  line-height: 24px;
}

div.checkboxWrapper.boldlbl label {
  font-weight: bold;
}

div.checkboxWrapper input.inputtext {
  float: left;
  display: inline-block;
  padding: 3px 0;
  margin: 7px 0 0 3px;
}

div.checkboxWrapper.tinyfld label {
  font-weight: normal;
  padding-left: 12px;
  float: left;
  display: inline-block;
}

div.checkboxWrapper.tinyfld div.custom-checkbox {
  float: left;
  display: inline-block;
  width: auto;
}

div.checkboxWrapper.shrtlbl {
  margin-left: 98px;
}

div.checkboxWrapper.medmlbl {
  margin-left: 128px;
}

div.checkboxWrapper p {
  clear: left;
  margin-left: 40px;
  font-size: 0.9em;
}

/* RADIO BUTTONS */
div.radioWrapper label {
  width: auto;
  line-height: 24px;
}

div.radioWrapper.tinyfld label {
  font-weight: normal;
  padding-left: 12px;
}

div.radioWrapper.shrtlbl {
  margin-left: 98px;
}

div.radioWrapper.medmlbl {
  margin-left: 128px;
}

div.radioWrapper span {
  line-height: 24px;
  font-weight: normal;
}

/* SELECTS */
select {
}

div.microdrp .jqTransformSelectWrapper,
div.microdrp .jqTransformSelectWrapper div span {
  width: 80px;
}

div.tinydrp .jqTransformSelectWrapper,
div.tinydrp .jqTransformSelectWrapper div span {
  width: 100px;
}

div.rowWrapper.zerolbl.tinydrp.drpdwnCompactor {
  height: 17px;
  margin-top: -2px;
}

div.fulldrp .jqTransformSelectWrapper,
div.fulldrp .jqTransformSelectWrapper div span {
  width: 100%;
}

div.shrtdrp .jqTransformSelectWrapper,
div.shrtdrp .jqTransformSelectWrapper div span {
  width: 130px;
}

div.logindrp .jqTransformSelectWrapper,
div.logindrp .jqTransformSelectWrapper div span {
  width: 280px;
}

div.medmdrp .jqTransformSelectWrapper,
div.medmdrp .jqTransformSelectWrapper div span {
  width: 225px;
}

div.smalldrp .jqTransformSelectWrapper,
div.smalldrp .jqTransformSelectWrapper div span {
  width: 250px;
}

div.tinydrp .jqTransformSelectWrapper div span {
  width: 70px;
}

div.shrtdrp .jqTransformSelectWrapper div span {
  width: 110px;
}

div.microdrp .jqTransformSelectWrapper div span {
  width: 60px;
}

div.logindrp .jqTransformSelectWrapper div span {
  width: 260px;
}

div.medmdrp .jqTransformSelectWrapper div span {
  width: 205px;
}

div.medmdrp input {
  margin: 2px 8px 0 0;
  padding: 3px 0;
}

div.longdrp .jqTransformSelectWrapper {
  width: 380px;
  margin-right: 0 !important;
}

div.medmlbl.longdrp .jqTransformSelectWrapper {
  width: 368px;
}

div.rowWrapper.shrtfld.shrtdrp .jqTransformSelectWrapper {
  margin-left: 20px;
  margin-top: 5px;
}

div.rowWrapper .jqTransformSelectWrapper {
  margin-right: 15px;
}

div.rowWrapper.longdrp .jqTransformSelectWrapper {
  margin-right: 0px;
}

form.jqTransformDone div.rowWrapper.befrlbl label {
  float: none;
}

div.rowWrapper.shrtlbl.medmdrp p {
  clear: left;
  margin-left: 108px;
  margin-bottom: -8px;
  padding: 12px 0 0 0;
}

div.rowWrapper.medmlbl.medmfld p,
div.rowWrapper.medmlbl.medmdrp p {
  clear: left;
  margin-left: 139px;
  margin-bottom: -8px;
  padding: 12px 0 0 0;
  font-size: 0.9em;
  line-height: 1.2em;
}

div.rowWrapper.medmlbl.medmfld p.no-margin-left,
div.rowWrapper.medmlbl.medmdrp p.no-margin-left {
  margin-left: 0px;
}

/* FILE UPLOADERS */
div.upldimg {
  width: 100%;
}

div.upldimg img {
  margin-right: 20px;
  float: left;
  cursor: pointer;
}

img.profile {
  border: 1px solid #b8b8b8;
}

div.upldimg p {
  display: block;
  padding-top: 30px;
  color: #c4c4c4;
}

div.upldimg .buttons {
  float: left;
}

div.upldimg .buttons a {
  display: block;
  margin: 3px 0 10px 0;
  font-weight: normal;
}

div.upldimg .bigbuttons {
  float: right;
  width: 74px;
}

div.upldimg .bigbuttons input {
  border: 0 none;
}

div.upldimg .bigbuttons img.delete {
  width: 58px;
  height: 54px;
}

div.upldimg .bigbuttons p {
  color: #666666;
  font-size: smaller;
}

/* LINKS */
div.medmlbl div.link {
  clear: left;
  padding-top: 20px;
  padding-left: 130px;
}

/* TABLES */
table tr td {
  background: white;
}

table tr.alt td {
  background: #ffffff;
}

table.scroll {
  border: 0;
}

table.scroll thead tr th {
  font-weight: normal;
  font-size: 1em;
  border: 0 !important;
  border-bottom: 1px solid #c4c4c4 !important;
  padding: 3px 5px 2px !important;
  white-space: nowrap;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e5e5e5),
    to(#d8d8d8)
  ) !important;
  background: -moz-linear-gradient(top, #e5e5e5, #d8d8d8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5',
		endColorstr='#d8d8d8' ) !important;
  overflow: visible !important;
  z-index: 4 !important;
}

table#aff {
  overflow: auto;
  background-color: #ffffff;
}

table#aff thead,
table#aff_head {
}

table#aff tbody tr {
  border: 0 none;
  background-color: #ffffff;
}

table#aff tbody tr td {
  border: 0 none;
  background-color: #ffffff;
}

table#aff tbody tr td label {
  margin-left: 6px;
}

table#aff tbody tr td label:focus {
  outline: 1px dashed #e4e4e4;
}

table#aff tbody tr td label span {
  font-weight: normal;
  display: block;
  padding-top: 6px;
}

table.follow {
}

table.follow tr {
}

table.follow tr td {
  font-weight: bolder;
  color: #333333;
  line-height: 1em;
}

table.follow tr td img {
  width: 16px;
  height: 16px;
  border-top: 1px solid #7b8646;
  border-left: 1px solid #7b8646;
  border-bottom: 1px solid #9dbc77;
  border-right: 1px solid #9dbc77;
  margin: 0px 10px;
  vertical-align: text-bottom;
}

table.follow tr td p {
}

table.follow tr td a {
  color: #666666;
}

td.last {
  text-align: center;
}

table.follow tr td.last a.button {
  color: #ffffff;
  vertical-align: baseline;
  font-weight: normal;
  font-size: smaller;
}

table tr td.last a.unfollow {
  background-color: #73a13a;
}

#followingForm tr td.last a.waiting {
  background-color: #fff;
  border: 1px solid #b9d09c;
  color: #666;
  cursor: auto;
}

table td.name {
  color: #333333;
  font-weight: bolder;
}

.findPeopleModal {
  margin-top: 0;
}

.findPeopleModal h3 {
  margin: 10px 0 0 0;
  color: #394a59;
  font-size: 16px;
  font-weight: bold;
}

.findPeopleModal .srchfld {
  margin-top: 0;
}

.findPeopleModal.srchfld label {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 10px;
}

.findPeopleModal .search-results {
  margin-top: 10px;
}

.findPeopleModal form {
  padding: 0 0 10px 0;
}

.findPeopleModal .search-results table thead tr th {
  background: url(/assets/img/bg-tableheader_ts20250625224626.png)
    repeat-x 0 0;
  margin: 0;
  padding: 0;
  height: 14px;
  border-bottom: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
}

.findPeopleModal .search-results table thead tr th p {
  font-size: 10px;
  color: #536068;
  font-weight: bold;
  padding: 0;
  margin: 2px 0 0 6px;
  text-align: left;
  height: 14px;
  overflow: hidden;
}

.findPeopleModal .search-results table thead tr th.buffer-col {
  width: 8px;
  overflow: hidden;
}

.findPeopleModal .search-results table tbody tr td {
  font-size: 11px;
  color: #333;
  border-bottom: 1px solid #c4c4c4;
}

.findPeopleModal .search-results table tbody tr td.name {
  font-weight: bold;
}

.findPeopleModal .search-results table tbody tr td.last {
  text-align: center;
}

.findPeopleModal .search-results table tbody tr td.last .add-friend {
  vertical-align: -1px;
}

.findPeopleModal .search-results table tbody tr td.no-results {
  font-size: 14px;
  padding: 30px;
}

.findPeopleModal #findTab #search-wrapper {
  padding: 0;
}

.findPeopleModal .inviteMessage {
  font-weight: bold;
  text-align: right;
  margin: 20px 10px 15px 0;
  font-size: 1em;
}

.findPeopleModal .inviteMessage a.gotoCreate,
.findPeopleModal .inviteMessage #btn-invite-friend {
  color: #fff;
  background: #73a13a;
  vertical-align: 0;
  margin-left: 5px;
}

.findPeopleModal #inviteTab fieldset {
  width: 91%;
  padding: 20px;
  border: 1px solid #c4c4c4;
  margin-top: 10px;
  background: #f2f2f2;
}

.findPeopleModal #findTab label {
  font-size: 12px;
}

.findPeopleModal #inviteTab fieldset label {
  width: 90px;
  font-size: 13px;
  font-weight: bold;
  color: #090909;
}

.findPeopleModal #inviteTab fieldset input {
  width: 310px;
  height: 20px;
  font-size: 13px;
}

.findPeopleModal #inviteTab fieldset textarea {
  width: 310px;
  height: 100px;
  font-size: 13px;
}

.findPeopleModal #inviteTab fieldset .row {
  clear: both;
  margin-bottom: 20px;
}

.findPeopleModal #inviteTab div.buttonBar {
  clear: both;
  width: 90%;
  padding: 10px 20px;
}

/* ANCHORS AS BUTTONS */
a.edit,
a.delete,
a.clone,
a.download {
  display: inline-table;
  width: 24px;
  height: 22px;
  background: url(/assets/img/sprite-settings_ts20250625224626.png) -4px -3px
    no-repeat;
  float: left;
  margin-right: 5px;
}

a.clone {
  float: right;
  width: 18px;
  height: 18px;
  background: url(/assets/img/clone_ts20250625224626.png);
}

a.delete {
  background-position: -35px -3px;
}

a.download {
  background-position: -65px -3px;
}

a.button {
  display: inline-block;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -opera-border-radius: 9px;
  border-radius: 9px;
  color: #ffffff;
  text-decoration: none;
  padding: 0px 9px;
  line-height: 17px;
  background-color: #3a4958;
  margin-top: 2px;
  cursor: pointer;
  min-width: 40px;
  margin-right: 2px;
  text-align: center;
}

a.button.magnify {
  background: url("/assets/img/icon-magnify.png") no-repeat 9px
    center #34404b;
  padding-left: 23px;
  color: #ffffff;
}

a.button.block {
  background-color: #3a4958;
}

a.greenButton {
  background-color: #71a13a;
}

a.inviteBtn {
  background-color: #71a13a;
}

/* DIALOGS */
.ui-dialog-titlebar {
  background: #34404b !important;
  font-size: 16px;
}

a.find {
  background: url("/assets/img/btn-find.png") no-repeat left;
  text-decoration: none;
  width: 83px;
  height: 27px;
  display: inline-block;
  padding: 0;
  margin: 0;
  float: left;
}

.ui-dialog {
  width: 600px;
}

.ui-dialog.ui-dialog-content {
  /* padding: 0 !important; */
  margin-top: 0px;
}

.ui-dialog h4 {
  color: #394a59;
  font-weight: bold;
  font-size: 1.4em;
  clear: both;
  line-height: 2em;
}

.ui-dialog form {
  margin: 0;
  overflow-y: auto;
  max-height: 585px;
}

.findPeopleModal fieldset {
  border: 0;
  padding: 0;
  margin-top: 0;
  background: none;
  width: 99%;
}

.ui-dialog .right {
  text-align: right;
  margin-top: 20px;
}

.ui-dialog .tab {
  clear: both;
  padding: 10px 0px;
}

.ui-dialog .innerBox.details {
  float: left;
  width: 455px;
}

.ui-dialog .innerBox .buttons {
  height: 100%;
  vertical-align: 50%;
  margin-bottom: 20px;
}

.ui-dialog .innerBox .buttons a {
  color: #ffffff;
}

.search-results {
  clear: both;
  width: 500px;
  height: 260px;
  float: left;
}

.search-results table {
  width: 100%;
}

.search-results table thead tr th {
  color: #666666;
  text-align: left;
}

.findPeopleModal .search-results table tbody tr {
  cursor: pointer;
}

.search-results table tbody tr td {
  height: 17px;
  color: #666666;
  text-align: left;
  padding: 6px 0 6px 6px;
}

.search-results .spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}

.search-results .spinner img {
  position: relative;
  left: 45%;
  top: 200px;
}

.innerBox .buttonBar {
  clear: both;
  float: left;
  background-color: #34404b;
  width: 100%;
  margin: 12px 0 -10px -20px;
  padding: 12px 40px 12px 0;
}

/* Don't think this is needed
.buttonBar input.create {
    padding-left: 20px;
} */
.rowWrapper.srchfld label {
  margin-bottom: 6px;
}

.rowWrapper.srchfld input#search,
.rowWrapper.srchfld input#search2 {
  width: 396px;
  height: 23px;
  margin: 0;
  padding: 2px 0 0 4px;
  float: left;
  border-right: none;
}

#find-btn,
#find-btn2,
#findBtn {
  float: left;
  border: 0;
  margin: 0;
  padding: 0;
}

.delete-dialog p {
  font-size: 12px;
  line-height: 14px;
  margin-top: 6px;
}

.delete-dialog #supporter-name {
  font-weight: bold;
}

.magnify {
  margin-left: 10px;
  position: relative;
  top: 6px;
}

/************** LOGIN CSS *****************/
#body-login #header .logo {
  margin-left: 16px;
}

#body-login {
  background: white
    url(/assets/img/login/bg-page_ts20250625224626.png) repeat-x;
  color: #dcdbdb;
  position: relative;
}

#body-login #wrapper {
  background: #232323
    url(/assets/img/login/bg-glow_ts20250625224626.png) no-repeat -90px
    0;
  overflow: visible;
  margin-bottom: 20px;
}

#outer-redirection-panel {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  min-height: 100% !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  position: absolute;
  top: 0;
}

#redirection-panel {
  width: 50%;
  min-height: 60% !important;
  background: white;
  position: relative;
  color: #232323;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#redirection-panel > div {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2em;
  color: grey;
  height: 50px;
  width: 550px;
  text-align: center;
  margin: 20px;
}

#close-btn {
  position: absolute;
  top: 40px;
  right: 50px;
  cursor: pointer;
  color: #e2dfdf;
  font-size: 30px;
}

#login-box {
  float: left;
  margin: 0 30px 0 0;
  padding: 62px 0 0 0;
  width: 397px;
  height: 356px;
  background: url(/assets/img/login/login-box-top_ts20250625224626.png)
    no-repeat;
}

#login-box #login-box-inner {
  margin: 0;
  padding: 0 30px 15px 60px;
  background: url(/assets/img/login/login-box-middle_ts20250625224626.png)
    repeat-y;
}

#register-box #register-box-inner div.medmfld input {
  width: 140px;
  margin: 0 0 0 -10px;
}

#login-box #login-box-inner .rowWrapper input,
#register-box #register-box-inner .rowWrapper input,
#register-box #register-box-inner textarea {
  background: #d9d7d7;
  font-size: 14px;
  width: 280px;
  padding: 4px;
  border: 1px solid #999;
}

#login-box #login-box-inner label {
  color: #dcdbdb;
  display: block;
  width: 100%;
  clear: left;
  font-size: 13px;
  line-height: 20px;
}

#login-box #login-box-inner label span {
  font-weight: normal;
}

#login-box h1,
#register-box h1 {
  font-size: 26px;
  line-height: 34px;
  color: #dcdbdb;
  font-weight: normal;
  margin-bottom: 10px;
}

#login-button-bg {
  margin: 0 29px;
  text-align: center;
  background: #6c7d1f;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

#login-button-bg input {
  border: 0;
  padding: 0;
  margin: 10px 0;
}

#login-box #forgot-password {
  width: 280px;
  text-align: right;
  margin-top: 20px;
}

#login-box #forgot-password a {
  color: #dcdbdb;
  text-decoration: underline;
  cursor: pointer;
}

#login-box .rememberMe-container {
  width: 160px;
}

/* REGISTER BOX */
#register-box {
  float: left;
  margin: 30px 0 0 0;
  width: 520px;
  border: 1px solid #4b4f52;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#register-box #register-box-inner {
  padding: 20px 30px 0 30px;
}

#register-box #register-box-inner input#mobile-number {
  float: left;
  width: 128px;
  margin: 0;
}

#register-box #register-box-inner textarea {
  height: 75px;
}

#register-box #register-box-inner label {
  color: #dcdbdb;
  display: inline-block;
  width: 130px;
  font-size: 13px;
}

#register-box #register-box-inner p {
  color: #dcdbdb;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 10px;
}

#register-button-bg {
  margin: 10px 0 0 176px;
}

#register-box #register-box-inner .custom-checkbox label,
#login-box #login-box-inner .custom-checkbox label {
  height: 20px;
  float: left;
}
/* jqTransform overrides (needed for the darker background on the login page) */
#register-box #register-box-inner .jqTransformSelectWrapper {
  background: url(/assets/img/jqtransform/select_left-dark_ts20250625224626.png)
    no-repeat scroll left top transparent;
}

#register-box
  #register-box-inner
  .jqTransformSelectWrapper
  a.jqTransformSelectOpen {
  background: url(/assets/img/jqtransform/select_right-dark_ts20250625224626.png)
    no-repeat scroll left top transparent;
}

#register-box #register-box-inner .jqTransformSelectWrapper div span {
  color: #333;
  font-size: 12px;
}

/* Forgot Password */
#forgotPasswordPage {
  margin-left: 300px;
}

#forgotPasswordPage a {
  color: #dcdbdb;
  text-decoration: underline;
  cursor: pointer;
}

#forgotPasswordPage label {
  color: #dcdbdb;
  display: inline-block;
  width: 130px;
  font-size: 13px;
}

#forgotPasswordPage p {
  color: #dcdbdb;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 10px;
  display: inline;
}

#terms-wrapper {
  margin-left: 140px;
}

#terms-wrapper label {
  max-width: 85px;
  margin-top: -4px;
}

.terms {
  color: #dcdbdb;
  font-weight: bold;
  font-size: 13px;
}

/* Logout Page */
#logoutPage {
  margin-left: 300px;
}

/* Email Confirmation Page */
#emailConfirmationPage {
  margin-left: 300px;
}

/****************** REGISTRATION CSS *****************/
.registration #inner {
  width: 960px;
}

.registration {
  width: auto;
  font-size: 1.2em;
  line-height: 1.4em;
  background: #ffffff;
  color: #555;
  overflow: visible;
}

.registration h1 {
  clear: both;
  font-size: 1.9em;
  font-weight: 500;
  color: #333333;
  margin-bottom: 30px;
  padding-top: 20px;
  display: block;
}

.registration h2 {
  clear: both;
  font-size: 1.3em;
  color: #666666;
  margin: 0 0 0.3em;
}

.registration h3 {
  clear: both;
  font-size: 1.2em;
  color: #394a59;
  margin: 25px 0;
}

.registration a {
  font-weight: bold;
  color: #9cb001;
  text-decoration: none;
}

.registration p {
  margin-bottom: 0.5em;
}

.registration .innerBox p {
  margin-bottom: 15px;
}

.registration p.center {
  text-align: center;
  margin: 15px 0 0 0;
}

.registration p.tracking-number {
  margin-top: 40px;
  color: #333333;
}

.registration p.nowrap {
  white-space: nowrap;
  overflow: visible;
}

.registration h1.aviator {
  background: url("/assets/img/registration/title-bling-aviator.png")
    left 15px no-repeat;
  padding-left: 74px;
  padding-bottom: 6px;
}

.registration form {
  padding: 20px 178px 14px 195px;
}

.registration fieldset {
  padding: 10px 0;
  width: 595px;
  border: 0;
}

.registration div.buttonBar {
  background: #ffffff;
  padding-top: 0;
}

.registration div.buttonBar.right {
  text-align: right;
}

.registration input,
.registration textarea,
.registration select {
  font-size: 1.2em;
}

/* LABELS */
.registration .rowWrapper.befrlbl input {
  clear: left;
}

/* FIELD SIZES */
.registration div.longfld input {
  width: 400px;
}

.registration div.longpwd input {
  width: 400px;
}

div.rowWrapper.medmlbl.textbox textarea {
  width: 400px;
}

div.rowWrapper.textbox-small textarea {
  width: 380px;
}

div.spider-subscriptions.left {
  float: left;
  width: 100px;
}

div.spider-subscriptions.right {
  margin-left: 100px;
}

label.spider-subscriptions {
  height: 20px;
}

div.radioWrapper {
  padding: 20px 0;
}
/* LINKS */
.registration .rowWrapper.medmlbl a {
  margin-left: 135px;
}

.registration a.back {
  background: url("/assets/img/registration/link-back-arrow-green.png")
    left no-repeat;
  padding-left: 10px;
}

.registration a.airplane {
  background: url("/assets/img/registration/link-airplane-green.png")
    left no-repeat;
  margin-top: 40px;
  padding: 3px 0 3px 20px;
  display: block;
}

.registration a.download {
  color: #333333;
}

.registration a.download span {
  color: #8c8c8c;
}

#downloadContractForm a.download.pdf {
  background: url("/assets/img/registration/icon-pdf.png") left
    no-repeat;
  padding: 12px 0 12px 45px;
  line-height: 100px;
}

#add-step-5 h4 {
  color: #000;
}

#add-step-6 fieldset {
  height: 300px;
}

#add-step-3 .sendContract input {
  margin: 0 0 10px 30px;
}

#add-step-5 .sendContract input {
  margin: 0 0 10px 30px;
}

#add-step-5 p {
  margin: 0 0 10px 40px;
}

#add-step-4 div.terms {
  width: 700px;
  height: 300px;
  overflow-y: auto;
}

/* BUTTON BAR */
.registration div.buttonBar {
  clear: both;
  display: block;
  margin-right: 35px;
}

.addSpiderModal div.buttonBar .loader {
  color: #fff;
  padding: 10px;
}

/* INPUTS AS BUTTONS */
input.button.continue {
  background: url("/assets/img/registration/btn-continue.png")
    transparent no-repeat;
  width: 92px;
  height: 34px;
  cursor: pointer;
}

input.button.continue:hover {
  background-image: url("/assets/img/registration/btn-continue-rollover.png");
}

input.button.continue.inactive {
  background-image: url("/assets/img/registration/btn-continue-inactive.png");
  cursor: default;
}

input.button.save-details {
  background: url("/assets/img/registration/btn-save-details.png")
    transparent no-repeat;
  width: 119px;
  height: 34px;
  cursor: pointer;
}

input.button.save-details:hover {
  background-image: url("/assets/img/registration/btn-save-details-rollover.png");
}

/* TABLES */
table#paymentPlan {
  width: 735px;
  border: 1px solid #dbdbdb;
}

table#paymentPlan thead tr th {
  width: 105px;
  height: 20px;
  padding: 14px 9px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f4f4f1),
    to(#d1d1ce)
  ) !important;
  background: -moz-linear-gradient(top, #f4f4f1, #d1d1ce) !important;
  /* TODO TN figure this out filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f1', endColorstr='#d1d1ce') !important; */
  text-align: center;
  border: 0;
}

table#paymentPlan thead tr th.blank {
  background: #e9e9e9 !important;
  border-bottom: 1px solid #e7e7e7;
}

table#paymentPlan tbody tr th {
  background: none #ffffff;
  height: 55px;
  width: 105px;
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
  border: 0;
}

table#paymentPlan thead tr td {
  height: 38px;
  padding: 3px 0;
  background-color: #e9e9e9;
  font-size: 1em;
}

table#paymentPlan tbody tr td.selectPlanRadio {
  background-color: #e9e9e9;
}

table#paymentPlan tbody tr td.selectPlanRadio label {
  width: 65px;
  height: 28px;
}

table#paymentPlan tbody tr td.selectPlanRadio label {
  background: url("/assets/img/registration/btn-select.png") center
    center no-repeat;
}

table#paymentPlan tbody tr td.selectPlanRadio label:hover {
  background-image: url("/assets/img/registration/btn-select-rollover.png");
}

table#paymentPlan tbody tr td.selectPlanRadio label.checked {
  background-image: url("/assets/img/registration/btn-select-selected.png");
}

table#paymentPlan tbody tr th {
  border-bottom: 1px solid #e7e7e7;
}

table#paymentPlan tbody tr td {
  background-color: #ffffff;
  vertical-align: middle;
  text-align: center;
  color: #666666;
}

table#paymentPlan tbody tr td.selected,
table#paymentPlan tbody tr td.hover {
  background-color: #e9e9e9;
}

/* HOMEPAGE */
.registration.home {
  padding: 36px 18px;
}

.registration.home .half {
  width: 378px;
  float: left;
  display: inline-block;
  padding: 0 0 20px 84px;
}

.registration.home h1 {
  font-size: 1.2em;
  color: #666666;
  clear: none;
  margin-bottom: 20px;
  font-weight: bold;
  padding-top: 0;
}

.registration.home h2 {
  display: inline-block;
  clear: none;
  font-size: 2.5em;
  color: #333333;
  margin-bottom: 20px;
}

.registration.home #top {
  vertical-align: top;
}

.registration.home #top p {
  font-size: 1.2em;
  color: #666666;
  font-weight: bold;
}

.registration.home img {
  float: right;
  display: inline-block;
  width: 298px;
  padding-left: 30px;
}

.registration.home #middle {
  clear: both;
  color: #666666;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 14px;
}

.registration.home #middle h2 {
  font-size: 1.1em;
  margin-bottom: 3px;
}

.registration.home #middle p {
  font-size: 1.1em;
}

.registration.home #middle img {
  border: 1px solid #dbdcdb;
  width: 111px;
  height: 64px;
  float: left;
  padding: 0;
  margin-right: 20px;
}

.registration.home #middle a#buyS3 {
  background: url("/assets/img/registration/btn-buy-spider.png")
    no-repeat;
  float: right;
  width: 152px;
  height: 38px;
  border: 0;
  padding: 16px 328px 0 0px;
  margin-top: 28px;
  color: transparent;
}

.registration.home #middle a#buyS3:hover {
  background-image: url("/assets/img/registration/btn-buy-spider-rollover.png");
}

.registration.home #bottom {
  padding-top: 42px;
  overflow: auto;
}

.registration.home #bottom h2 {
  color: #9cb001;
  font-size: 1.2em;
  margin-bottom: 12px;
  font-weight: normal;
}

.registration .icon-123 {
  background: url("/assets/img/registration/icon-123.png") left top
    no-repeat;
}

.registration .icon-wings {
  background: url("/assets/img/registration/icon-wings.png") left
    top no-repeat;
}

/***************** SOS CSS **********************/
table#sos-contacts th {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.3, #d8d8d8),
    color-stop(0.65, #e5e5e5)
  );
  background: -moz-linear-gradient(center top, #e5e5e5, #d8d8d8) repeat scroll 0
    0 !important;
  border: 1px solid #c4c4c4 !important;
  overflow: visible !important;
  white-space: nowrap;
  z-index: 4 !important;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  padding: 3px 5px 2px !important;
}

table#sos-contacts td {
  line-height: 24px;
  font-size: 11px;
  text-align: left;
  padding-left: 6px;
  border: 1px solid #c4c4c4;
}

table#sos-contacts td.tier {
  text-align: center;
}

table#sos-contacts td span {
  font-weight: bold;
}

.delete-dialog p.sos-contacts-help {
  margin: 10px 0 20px 0;
  font-size: 10px;
}

.vehicleMapUrl {
  margin-right: 10px;
  margin-left: 9px;
  margin-top: 9px;
  border: 1px solid #6c9ac1;
  width: 58px;
  height: 55px;
  float: left;
}

.mapImage {
  margin-left: 7px;
  border: 1px solid #6c9ac1;
  width: 58px;
  height: 55px;
  float: left;
}

/*********Accordion**********/
.sectionHeader {
  padding: 4px 5px 4px 5px;
  background: url(/assets/img/chargeTileBg.png) repeat-x top left;
  border: 1px solid grey;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  display: block;
}

.sectionHeader:hover {
  background: url(/assets/img/chargeTileBg-hover.png) repeat-x top
    left;
}

.subSectionHeader {
  padding: 4px 5px 4px 5px;
  background: url(/assets/img/chargeTileBg.png) repeat-x top left;
  cursor: pointer;
}

.subSectionHeader:hover {
  background: url(/assets/img/chargeTileBg-hover.png) repeat-x top
    left;
}

.sectionHeader img,
.sectionHeader a.delete {
  float: right;
}

.content {
  padding: 10px;
  background: rgba(242, 242, 242, 0.65);
  overflow: hidden;
}

.plansForm .planItem {
  margin-bottom: 5px;
  clear: both;
}

.plansForm .planItem label {
  width: 200px;
  float: left;
  padding: 0;
}

.plansForm .edit,
.plansForm .delete {
  float: right;
  margin-top: -3px;
  margin-left: 5px;
}

/************Add spider modal *********/
#pricing-table td.pricing-plan-name {
  font-size: 1.5em;
  color: #333;
  text-align: left;
  width: 230px;
}

#pricing-table td {
  /* text-align: center; */
  /* color: #666; */
  padding: 10px 10px 15px;
  vertical-align: middle;
}

#pricing-table td.pricing-cost {
  font-weight: bold;
  font-size: 1em;
  color: #333;
  width: 180px;
}

#pricing-table td {
  text-align: center;
  color: #666;
  padding: 10px 10px 15px;
}

#pricing-table td.td-header {
  padding: 5px 10px;
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  text-align: center;
  border: none;
}

#pricing-table td {
  background: white;
  border: 1px solid #dbdcdb;
}

#pricing-table .pricing-row {
  cursor: pointer;
}

#pricing-table .pricing-row.hover td {
  background: #e7e7e7;
}

#pricing-table .pricing-row.selected td {
  background: #d7d7d7;
}

#addSpiderWizard .rowWrapper {
  margin-bottom: 5px;
}

.modalWizardContent {
  height: 482px;
  overflow-y: auto;
  overflow-x: hidden;
}

.modalWizardContent p {
  clear: both;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}

.findPeopleModal {
  height: auto;
}

#addSpiderWizard .ui-dialog-content fieldset {
  height: 485px;
  display: block;
}

a.lowPlanGroup {
  width: 118px;
  height: 184px;
  display: block;
  float: left;
  background: url(/assets/img/low-plan-group_ts20250625224626.jpg)
    no-repeat;
}

a.highPlanGroup {
  margin-left: 30px;
  margin-right: 30px;
  width: 118px;
  height: 184px;
  display: block;
  float: left;
  background: url(/assets/img/high-plan-group_ts20250625224626.jpg)
    no-repeat;
}

a.seasonalPlanGroup {
  width: 118px;
  height: 184px;
  display: block;
  float: left;
  background: url(/assets/img/seasonal-plan-group_ts20250625224626.jpg)
    no-repeat;
}

a.lowPlanGroup:hover {
  background: url(/assets/img/low-plan-group_ts20250625224626.jpg)
    no-repeat -117px 0;
}

a.highPlanGroup:hover {
  background: url(/assets/img/high-plan-group_ts20250625224626.jpg)
    no-repeat -117px 0;
}

a.seasonalPlanGroup:hover {
  background: url(/assets/img/seasonal-plan-group_ts20250625224626.jpg)
    no-repeat -117px 0;
}

.ui-dialog-content h2 {
  color: #394a59;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  clear: both;
}

.steps-group .ui-dialog-content h2 {
  margin-top: 24px;
}

/*
.ui-dialog-content h3 {
	color: #394A59;
	font-size: 1.2em;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
} */
p.small {
  margin-top: 20px;
  font-size: 14px;
}

.planGroupContainer {
  margin-top: 90px;
  margin-left: auto;
  margin-right: auto;
  width: 414px;
}

.confirmStep {
  min-height: 90%;
}

.confirmStep .checkboxWrapper {
  position: absolute;
  bottom: 70px;
  left: 35px;
  background: #ffffff;
  padding: 5px;
}

.durationChargeBox {
  clear: both;
  border: solid 1px grey;
  padding: 5px 5px 10px 5px;
  width: 290px;
  float: left;
}

.rangeArrow {
  clear: both;
  display: block;
  margin-left: 80px;
  float: left;
}

.fixedChargesSelector {
  display: block;
  border: 1px solid grey;
  width: 125px;
  padding: 10px;
  margin-bottom: 20px;
  left: 620px;
  float: right;
  margin-right: 10px;
}

.durationChargeBox h4 {
  text-align: center;
}

.durationChargeBox .remove {
  position: relative;
  top: -35px;
  left: 276px;
}

.fixedChargeSelect {
  background: white url(/assets/img/chargeTileBg.png) repeat-x top
    left;
  display: block;
  border: solid 1px grey;
  width: 125px;
  margin: 5px 0 5px 0;
  height: 26px;
}

.fixedChargeSelect span {
  display: block;
  float: left;
  padding: 6px 0 6px 10px;
}

.fixedChargeSelect:hover,
.fixedChargeSelect.active {
  background-image: url("/assets/img/chargeTileBg-hover.png");
}

.fixedChargeSelect .remove {
  float: right;
  margin-right: 5px;
  position: relative;
  top: 5px;
}

.addBtn {
  width: 37px;
  height: 20px;
  display: block;
  background: url("/assets/img/add-btn.png") no-repeat 0 -20px;
}

.addBtn:hover {
  background: url("/assets/img/add-btn.png") no-repeat 0 0;
}

.remove {
  width: 16px;
  height: 16px;
  float: left;
  background: url(/assets/img/remove.png);
}

.addItem {
  width: 61px;
  height: 21px;
  display: block;
  background: url("/assets/img/addItem.png") no-repeat 0 -21px;
  float: left;
  margin-top: 15px;
  margin-left: 10px;
}

.addItem:hover {
  background: url("/assets/img/addItem.png") no-repeat 0 0;
}

.durationChargeBox h5 {
  color: #394a59;
  font-size: 1.1em;
  margin-bottom: 10px;
}

.fixedCharges {
  float: left;
}

.subMenu ul {
  margin: 0;
  padding: 0;
  float: left;
}

.subMenu ul li {
  display: inline;
}

.subMenu ul li a {
  float: left;
  text-decoration: none;
  color: white;
  padding: 5px 11px;
  background-color: #333;
}

.subMenu ul li a:hover {
  color: #fff;
  background-color: #609e13;
}

.subMenu ul li .active {
  color: #334048;
  background-color: #acca31;
}

/***************** Spidertxt Border and Controls **********************/
.spidertxtPanelBox {
  position: relative;
  left: 15px;
  margin: 0 10px 10px 10px;
  color: #000;
}

.panelBoxV2 .topLeft {
  display: block;
  background: url("/assets/img/panelBoxBorderV2/topLeftCorner_ts20250625224626.png")
    no-repeat;
  width: 21px;
  height: 21px;
}

.panelBoxV2 .topMiddle {
  background: url("/assets/img/panelBoxBorderV2/topSlice_ts20250625224626.png");
  vertical-align: middle;
}

.panelBoxV2 .topRight {
  display: block;
  background: url("/assets/img/panelBoxBorderV2/topRightCorner_ts20250625224626.png")
    no-repeat;
  width: 24px;
  height: 21px;
}

.panelBoxV2 .middleLeft {
  background: url("/assets/img/panelBoxBorderV2/leftSlice_ts20250625224626.png");
  width: 21px;
}

.panelBoxV2 .middleRight {
  background: url("/assets/img/panelBoxBorderV2/rightSlice_ts20250625224626.png");
  width: 24px;
}

.panelBoxV2 .bottomLeft {
  display: block;
  background: url("/assets/img/panelBoxBorderV2/bottomLeftCorner_ts20250625224626.png")
    no-repeat;
  width: 21px;
  height: 20px;
}

.panelBoxV2 .bottomMiddle {
  background: url("/assets/img/panelBoxBorderV2/bottomSlice_ts20250625224626.png");
  height: 20px;
}

.panelBoxV2 .bottomRight {
  display: block;
  background: url("/assets/img/panelBoxBorderV2/bottomRightCorner_ts20250625224626.png")
    no-repeat;
  width: 24px;
  height: 20px;
}

/***************** DASHBOARD Border and Controls **********************/
.panelBox .topLeft {
  display: block;
  background: url("/assets/img/dashboardBackground/topLeftCorner_ts20250625224626.png")
    no-repeat;
  width: 20px;
  height: 20px;
}

.panelBox.panelBoxThick .topLeft {
  height: 28px;
}

.panelBox .topMiddle {
  background: url("/assets/img/dashboardBackground/topSlice_ts20250625224626.png");
  vertical-align: middle;
}

.panelBox .topRight {
  display: block;
  background: url("/assets/img/dashboardBackground/topRightCorner_ts20250625224626.png")
    no-repeat;
  width: 20px;
  height: 20px;
}

.panelBox.panelBoxThick .topRight {
  height: 28px;
}

.panelBox .middleLeft {
  background: url("/assets/img/dashboardBackground/leftSlice_ts20250625224626.png");
  width: 20px;
}

.panelBox .middleRight {
  background: url("/assets/img/dashboardBackground/rightSlice_ts20250625224626.png");
  width: 20px;
}

.panelBox .bottomLeft {
  display: block;
  background: url("/assets/img/dashboardBackground/bottomLeftCorner_ts20250625224626.png")
    no-repeat;
  width: 20px;
  height: 20px;
}

.panelBox .bottomMiddle {
  background: url("/assets/img/dashboardBackground/bottomSlice_ts20250625224626.png");
  height: 20px;
}

.panelBox .bottomRight {
  display: block;
  background: url("/assets/img/dashboardBackground/bottomRightCorner_ts20250625224626.png")
    no-repeat;
  width: 20px;
  height: 20px;
}

.mapPanelBox {
  position: absolute;
  left: 0px;
  margin: 0 10px 10px 0px;
  color: #000;
}

.mapPanelBox.nochrome {
  margin: 8px 5px;
}

#mapModal .mapPanelBox {
  top: 13px;
}

.mapPanelBox.sidebar-active {
  left: 185px;
}

.dashboardControls {
  position: absolute;
  z-index: 1;
  left: 98px;
}

.dashboardControls a {
  width: 55px;
  height: 33px;
  float: left;
}

.dashboardControls .toggleTracks {
  background: url("/assets/img/sprite-dashboard-control_ts20250625224626.png")
    no-repeat;
}

.dashboardControls .autoZoom {
  background: url("/assets/img/sprite-dashboard-control_ts20250625224626.png") -55px
    0 no-repeat;
  position: absolute;
  left: 55px;
}

.dashboardControls a.active,
.dashboardControls a:hover {
  background-position-y: -33px;
}

/* Dashboard Track Labels */

.map-info-bubble {
  float: left;
  width: 230px;
  margin-bottom: 10px;

  font-family: DIN, "Lucida Sans", "Lucida Sans Unicode", LucidaSans, Helvetica,
    Arial, sans-serif;
  font-size: 11px;
  color: #6d6e71;
}

.map-info-bubble dt {
  background: #ecf1ef;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px;
  width: 60px;
  text-align: right;
  clear: both;
  float: left;
}

.map-info-bubble dd {
  margin: 3px 0;
  padding: 5px 0;
  float: left;
}

.track-label {
  color: #000000;
  border: 1px solid black;
  background: #c0c0c0;
  white-space: nowrap;
  padding: 5px;
  font-size: 10px;
  height: 34px;
  width: 60px;
}

.track-label-alert {
  color: #000000;
  border: 1px solid red;
  background: #ff3333;
  white-space: nowrap;
  padding: 5px;
  font-size: 10px;
  height: 34px;
  width: 60px;
}

.track-label span,
.track-label-alert span {
  display: block;
  height: 13px;
}

.point-marker {
  border: 2px solid #666666;
  background: #c0c0c0;
  white-space: nowrap;
  padding: 3px;
  font-size: 10px;
  width: auto;
  max-width: 60px;
  text-align: center;
  color: #000000;
  min-width: 45px;
  font-weight: bold;
}

.spiderwatch-point-marker {
  border-color: #4464d6;
  background-color: #acbaec;
}

.normal-point-marker {
  border-color: #c5db45;
  background-color: #d8e783;
}

.sos-point-marker {
  border-color: #d84547;
  background-color: #efaeaf;
}

.inactive-point-marker {
  border-color: #666666;
  background: #c0c0c0;
  color: #000000;
}

/************** FP Tracks Page ********************/

.fleetpro .ui-state-hover {
  background-color: #a3a3a3;
}

#tracksPageInnerPanelContent {
  width: 726px;
  height: 560px;
}

#tracksPageInnerPanelContent h2 {
  color: #394a59;
  padding-top: 12px;
  margin-left: 30px;
  font-size: 12pt;
}

#tracksPageInnerPanelContent fieldset {
  margin: 12px 20px 0 20px;
  height: 463px;
  padding-top: 10px;
}

#tracksPageInnerPanelContent fieldset .noTracks {
  color: #000;
  font-size: 10pt;
  margin-top: 10px;
}

#tracksPageInnerPanelContent li {
  clear: both;
  border-bottom: 1px #b4b3b3 solid;
  display: block;
  height: 27px;
  padding-left: 5px;
}

#tracksPageInnerPanelContent li:hover,
#tracksPageInnerPanelContent li.active {
  background-color: #ededed;
  cursor: pointer;
}

#tracksPageInnerPanelContent li input {
  margin-top: 0;
  margin-right: 0;
}

#tracksPageInnerPanelContent span {
  color: #333;
  font-size: 10pt;
  font-weight: bold;
  display: block;
  float: left;
}

#tracksPageInnerPanelContent .vehicle {
  width: 212px;
}

#tracksPageInnerPanelContent .date {
  width: 127px;
}

#tracksPageInnerPanelContent .time {
  width: 81px;
}

#tracksPageInnerPanelContent .duration {
  width: 120px;
}

#tracksPageInnerPanelContent .publicity {
  width: 20px;
  height: 17px;
  margin-top: 4px;
}

#tracksPageInnerPanelContent .publicity.none {
}

#tracksPageInnerPanelContent .publicity.private {
  background: url("/assets/img/privacy-icons_ts20250625224626.png")
    no-repeat -17px -34px;
}

#tracksPageInnerPanelContent .publicity.public {
  background: url("/assets/img/privacy-icons_ts20250625224626.png")
    no-repeat -17px 0;
}

#clickContainer {
  width: 543px;
  display: block;
  height: 21px;
  float: left;
  padding-top: 6px;
}

#checkboxLabel {
  float: left;
  padding-left: 29px;
  padding-right: 22px;
  padding-top: 6px;
  height: 21px;
}

.tracksPageControls {
  position: absolute;
  z-index: 1;
  right: 75px;
}

.tracksPageControls .controlsLeft {
  background: url("/assets/img/panelBoxControls/control-left_ts20250625224626.png")
    no-repeat;
  width: 19px;
  height: 33px;
  float: left;
}

.tracksPageControls .controlsMiddle {
  padding-top: 7px;
  background: url("/assets/img/panelBoxControls/control-middle_ts20250625224626.png")
    repeat-x;
  height: 33px;
  float: left;
}

.tracksPageControls .controlsRight {
  background: url("/assets/img/panelBoxControls/control-right_ts20250625224626.png")
    no-repeat;
  width: 21px;
  height: 33px;
  float: left;
}

.tracksPageControls .seperator {
  border-right: #646363 1px solid;
  padding-right: 6px;
}

.tracksPageControls a {
  color: #b4b3b3;
  text-decoration: line-through;
  text-decoration: none;
  font-size: 11pt;
  padding-left: 6px;
}

.tracksPageControls a:hover,
.tracksPageControls a.active {
  color: #8fce44;
}

.tracksPageControls a.active,
.tracksPageControls a:hover {
  background-position-y: -33px;
}

.orgTracksPanel {
  /* Just a marker class so that css classes can be applied to account for extra public button */
}

.tracksSidebarHeader {
  background: url("/assets/img/bg-tracksSidebarHeader_ts20250625224626.png")
    repeat-x 0 -34px;
  height: 45px;
  padding: 13px 0 0 14px;
}

.orgTracksPanel .tracksSidebarHeader {
  background: url("/assets/img/bg-tracksSidebarHeader_ts20250625224626.png")
    repeat-x 0 -8px;
  height: 71px;
  padding: 13px 0 0 14px;
}

.allTracksBtn,
.latestTracksBtn {
  float: left;
  cursor: pointer;
  color: #b5b5b5;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.publicTracksBtn {
  float: left;
  cursor: pointer;
  color: #b5b5b5;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  margin-left: 34px;
}

.allTracksBtn:hover,
.latestTracksBtn:hover,
.publicTracksBtn:hover {
  color: #fefefe;
}

.allTracksBtn.active,
.latestTracksBtn.active,
.publicTracksBtn.active {
  color: #fefefe;
}

.allTracksBtn div,
.latestTracksBtn div,
.publicTracksBtn div {
  height: 24px;
  float: left;
  background: url("/assets/img/btn/tracksHeaderBtnSprite_ts20250625224626.png")
    repeat-x;
  width: 4px;
  line-height: 24px;
}

.allTracksBtn .left {
  background-position: 0px 0px;
}

.allTracksBtn .middle {
  background-position: 0px -24px;
  width: 56px;
}

.allTracksBtn .right {
  background-position: 0px -24px;
}

.latestTracksBtn .left {
  background-position: 0px -48px;
}

.latestTracksBtn .middle {
  background-position: 0px -24px;
  width: 56px;
}

.latestTracksBtn .right {
  background-position: 0px -72px;
}

.publicTracksBtn .left {
  background-position: 0px -48px;
}

.publicTracksBtn .middle {
  background-position: 0px -24px;
  width: 56px;
}

.publicTracksBtn .right {
  background-position: 0px -72px;
}

.allTracksBtn:hover .left {
  background-position: 0px -96px;
}

.allTracksBtn:hover .middle {
  background-position: 0px -120px;
  width: 56px;
}

.allTracksBtn:hover .right {
  background-position: 0px -120px;
}

.latestTracksBtn:hover .left {
  background-position: 0px -144px;
}

.latestTracksBtn:hover .middle {
  background-position: 0px -120px;
  width: 56px;
}

.latestTracksBtn:hover .right {
  background-position: 0px -168px;
}

.publicTracksBtn:hover .left {
  background-position: 0px -144px;
}

.publicTracksBtn:hover .middle {
  background-position: 0px -120px;
  width: 56px;
}

.publicTracksBtn:hover .right {
  background-position: 0px -168px;
}

.allTracksBtn.active .left,
.allTracksBtn:active .left {
  background-position: 0px -96px;
}

.allTracksBtn.active .middle,
.allTracksBtn:active .middle {
  background-position: 0px -120px;
  width: 56px;
}

.allTracksBtn.active .right,
.allTracksBtn:active .right {
  background-position: 0px -120px;
}

.latestTracksBtn.active .left,
.latestTracksBtn:active .left {
  background-position: 0px -144px;
}

.latestTracksBtn.active .middle,
.latestTracksBtn:active .middle {
  background-position: 0px -120px;
  width: 56px;
}

.latestTracksBtn.active .right,
.latestTracksBtn:active .right {
  background-position: 0px -168px;
}

.publicTracksBtn.active .left,
.publicTracksBtn:active .left {
  background-position: 0px -144px;
}

.publicTracksBtn.active .middle,
.publicTracksBtn:active .middle {
  background-position: 0px -120px;
  width: 56px;
}

.publicTracksBtn.active .right,
.publicTracksBtn:active .right {
  background-position: 0px -168px;
}

.today {
  color: #5b5b5b;
  background-color: #c3c3c3;
  margin-left: 10px;
  width: 133px;
  height: 18px;
  text-align: center;
  padding-top: 2px;
  font-size: 11pt;
  font-weight: bold;
  border: 1px solid #7f7f7f;
  cursor: pointer;
}

.today:hover,
.today.active {
  background-color: #a3a3a3;
}

#sidebar-vehicles {
  background: url("/assets/img/bg-tracksPageVehiclePanelGrad_ts20250625224626.png")
    repeat-x;
  padding-top: 10px;
  margin-top: 7px;
}

#tracksPageInnerPanelContent .scrollOverflowIndicator {
  border-top: 1px #b4b3b3 solid;
}

#mapModalLoadOverlay {
  position: absolute;
  background-color: black;
  opacity: 0.4;
  z-index: 1;
  text-align: center;
}

#mapModalLoadOverlay img {
  margin-top: 241px;
}

.clearAllChecked {
  text-align: right;
  margin-right: 56px;
}

.clearAllChecked label {
  text-align: right;
  color: #333;
  font-size: 10pt;
  vertical-align: bottom;
}

#tracksViewContainer {
  float: right;
  padding-right: 41px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.tracksViewMapBtn {
  background: url("/assets/img/btn/viewBtn_ts20250625224626.png");
  width: 40px;
  height: 26px;
  float: left;
  cursor: pointer;
}

.tracksViewMapBtn:hover,
.tracksViewMapBtn.active {
  background: url("/assets/img/btn/viewBtn_ts20250625224626.png")
    0 -26px;
}

.tracksViewOptionsBtn {
  background: url("/assets/img/btn/viewBtn_ts20250625224626.png") -40px
    0;
  width: 21px;
  height: 26px;
  float: left;
  cursor: pointer;
}

.tracksViewOptionsBtn:hover,
.tracksViewOptionsBtn.active {
  background: url("/assets/img/btn/viewBtn_ts20250625224626.png") -40px -26px;
}

#tracksViewOptions {
  background: #e0e0e0;
  color: #484848;
  font-weight: bold;
  font-size: 10pt;
  border-radius: 3px;
  position: absolute;
  z-index: 100;
  padding-top: 5px;
  padding-bottom: 5px;
}

#tracksViewOptions li {
  height: inherit;
  border: none;
  padding: 2px 8px;
}

#tracksViewOptions li:hover,
#tracksViewOptions li.active {
  background-color: #a5a5a5;
}

.innerBox dt {
  width: 80px;
  float: left;
  font-weight: bold;
}

#chargeContainer label {
  width: 100px;
  float: left;
  clear: both;
}

#chargeContainer span {
  float: left;
}

/**
* hide the modal title bar from the mapModal
*/
.mapModal .ui-dialog-titlebar {
  display: none;
}

.sidebar-toggle {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -229px -5px
    no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 20px;
}

.sidebar-toggle.active,
.sidebar-toggle:hover {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -229px -29px
    no-repeat;
}

.map-layers {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -62px -4px
    no-repeat;
  display: block;
  width: 13px;
  height: 13px;
  float: left;
  margin-left: 17px;
  margin-top: 1px;
}

.map-layers.active,
.map-layers:hover {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -62px -28px
    no-repeat;
}

.nochrome .map-layers {
  margin-left: 20px;
}

.auto-zoom {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -83px -4px
    no-repeat;
  display: block;
  width: 12px;
  height: 14px;
  float: left;
  margin-left: 20px;
  margin-top: 1px;
}

.auto-zoom.active,
.auto-zoom:hover {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -83px -28px
    no-repeat;
}

.toggle-full-track {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -111px -4px
    no-repeat;
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-left: 20px;
  margin-top: 2px;
}

.toggle-full-track.active,
.toggle-full-track:hover {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -111px -28px
    no-repeat;
}

.map-close {
  background: url("/assets/img/panelBoxControls/map-border-icons_ts20250625224626.png") -209px -4px
    no-repeat;
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-left: 3px;
  margin-top: 2px;
}

/******************************** Map layers popup box *****************************************/
.map-btn-popup {
  position: fixed;
  left: 100px;
  top: 90px;
  z-index: 2000;
}

.map-btn-popup td {
  background: none;
}
.map-btn-popup .topLeft {
  width: 9px;
  height: 8px;
  background: url("/assets/img/panelBoxControls/map-layer-popup-top-left_ts20250625224626.png")
    no-repeat;
}

.map-btn-popup .topMiddle {
  height: 8px;
  background: url("/assets/img/panelBoxControls/map-layer-popup-top-middle_ts20250625224626.png");
  vertical-align: middle;
}

.map-btn-popup .topRight {
  width: 9px;
  height: 8px;
  background: url("/assets/img/panelBoxControls/map-layer-popup-top-right_ts20250625224626.png")
    no-repeat;
}

.map-btn-popup .middleLeft {
  width: 9px;
  background: url("/assets/img/panelBoxControls/map-layer-popup-middle-left_ts20250625224626.png");
}

.map-btn-popup .middleMiddle {
  background: url("/assets/img/panelBoxControls/map-layer-popup-middle-middle_ts20250625224626.png");
  padding: 0 8px;
}

.map-btn-popup .middleRight {
  width: 9px;
  background: url("/assets/img/panelBoxControls/map-layer-popup-middle-right_ts20250625224626.png");
}

.map-btn-popup .bottomLeft {
  width: 9px;
  height: 8px;
  background: url("/assets/img/panelBoxControls/map-layer-popup-bottom-left_ts20250625224626.png");
}

.map-btn-popup .bottomMiddle {
  height: 8px;
  background: url("/assets/img/panelBoxControls/map-layer-popup-bottom-middle_ts20250625224626.png");
}

.map-btn-popup .bottomRight {
  width: 9px;
  height: 8px;
  background: url("/assets/img/panelBoxControls/map-layer-popup-bottom-right_ts20250625224626.png");
}

.map-btn-popup .topPointer {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.map-btn-popup a {
  float: left;
  clear: both;
  color: #bebebe;
  text-decoration: none;
  font-size: 10pt;
  margin: 5px 0;
}

.map-btn-popup a.active,
.map-btn-popup a:hover {
  color: #a3cd51;
}

#map-container {
  overflow: hidden;
  display: block;
}

/**************** Dasboard Container for Map and Sidebar *********/
.dashboardContainer {
  position: absolute;
  left: 10px;
  right: 0;
}

/**************** Map Sidebar *************************/

.map-sidebar {
  position: absolute;
  top: 23px;
  background-color: #1d1d1d;
}

.spidertxt-sidebar {
  position: relative;
  left: 15px;
  top: 10px;
  background-color: #1d1d1d;
  height: 510px;
  width: 185px;
  float: left;
}

.spidertxt-sidebar a.texting-header-members {
  background: url(/assets/img/aircraft-members-header_ts20250625224626.png)
    no-repeat;
  background-position: 0px 0px;
  width: 82px;
  height: 32px;
  float: left;
}

.spidertxt-sidebar a.texting-header-aircraft {
  background: url(/assets/img/aircraft-members-header_ts20250625224626.png)
    no-repeat;
  background-position: -82px 0px;
  width: 82px;
  height: 32px;
  float: left;
}

.spidertxt-sidebar a.texting-header-members.active,
.spidertxt-sidebar a.texting-header-members:hover {
  background-position: 0px -34px;
}

/**
// Disabled for first iteration of texting (beta release)
.spidertxt-sidebar a.texting-header-aircraft.active, .spidertxt-sidebar a.texting-header-aircraft:hover {
	background-position: -82px -34px;
}
*/

#mapModal .map-sidebar {
  top: 37px;
}

.sidebar-header {
  background: url(/assets/img/bg-change-user_ts20250625224626.gif) repeat-x;
  height: 32px;
}

.sidebar-container {
  float: left;
  width: 185px;
}

.sidebar-item,
.sidebar-sub-item {
  width: 175px;
  overflow: hidden;
  height: 42px;
  cursor: pointer;
  padding-left: 10px;
  border-bottom: #2f2f2f 1px solid;
  position: relative;
  left: 5px;
  top: -4px;
}

.sidebar-item-container .sidebar-sub-item-container {
  display: none;
}

.sidebar-item-container.active .sidebar-sub-item-container {
  display: block;
}

.sidebar-sub-item {
  background-color: #353535;
  /*border-bottom: none;*/
}

.sidebar-sub-item:hover {
  background-color: #363e0e;
}

.sidebar-sub-item.active {
  background-color: #363e0e;
}

.sidebar-sub-item-icon {
  width: 30px;
  height: 30px;
  background: url(/assets/img/markers/st-markers-sprite_ts20250625224626.png)
    no-repeat;
  background-position: 0 -30px;
}

.sidebar-sub-item-icon.sidebarLabelIcon-geo1 {
}

.sidebar-sub-item-icon.sidebarLabelIcon-geo2 {
}

.sidebar-sub-item-icon.sidebarLabelIcon-geo3 {
}

.sidebar-sub-item-icon.sidebarLabelIcon-geo4 {
}

.sidebar-sub-item-icon.sidebarLabelIcon-geo5 {
}

.sidebar-sub-item-icon.sidebarLabelIcon-watchOn {
  background-position: -270px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-watchOff {
  background-position: -270px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-speedUp {
  background-position: -210px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-slowDown {
  background-position: -240px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-keypadAttached {
}

.sidebar-sub-item-icon.sidebarLabelIcon-mark1 {
  background-position: 0 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-mark2 {
  background-position: -30px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-mark3 {
  background-position: -60px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-mark4 {
  background-position: -90px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-radius {
  background-position: -120px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-poi1 {
  background-position: -510px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-spidertxt-message {
  background-position: -480px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-sosOn {
  background-position: -150px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-sosOff {
  background-position: -180px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-roc-exceeded {
  background: url(/assets/img/markers/st-markers-sprite.png) no-repeat;
  background-position: -690px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-roc-normal {
  background: url(/assets/img/markers/st-markers-sprite.png) no-repeat;
  background-position: -660px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-rod-exceeded {
  background: url(/assets/img/markers/st-markers-sprite.png) no-repeat;
  background-position: -630px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-rod-normal {
  background: url(/assets/img/markers/st-markers-sprite.png) no-repeat;
  background-position: -660px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-firstPoint {
}

.sidebar-sub-item-icon.sidebarLabelIcon-lastPoint {
}

.sidebar-sub-item-icon.sidebarLabelIcon-normal {
  background-position: -330px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-spiderwatch {
  background-position: -360px 0;
}

.sidebar-sub-item-icon.sidebarLabelIcon-sos {
  background-position: -390px 0;
}

.sidebar-item p,
.sidebar-sub-item p {
  margin-top: 18px;
  color: #fff;
  font-size: 10px;
  float: left;
}

.sidebar-item-badge {
  color: #000;
  margin-top: 12px;
  float: right;
  background: url(/assets/img/notifications/badge-green_ts20250625224626.png)
    no-repeat;
  width: 30px;
  height: 17px;
  padding-top: 5px;
  margin-right: 20px;
  text-align: center;
}

.sidebar-item .sidebarItemDetails,
.sidebar-sub-item .sidebarItemDetails {
  clear: both;
  display: block;
  height: 10px;
  overflow: hidden;
  width: 135px;
}

.sidebar-item:hover {
  background-color: #363e0e;
}

.sidebar-item-container.active .sidebar-item {
  background-color: #757575;
  background: url(/assets/img/sidebar/sidebar-item-active_ts20250625224626.png)
    repeat-x;
}

.sidebar-sub-item .sidebar-sub-item-icon {
  float: left;
  margin-right: 10px;
  margin-top: 9px;
}

.sidebar-item .sidebar-item-icon {
  float: left;
  margin-right: 5px;
}

.sidebar-item .sidebar-item-icon {
  width: 30px;
  height: 30px;
  background: url(/assets/img/markers/st-markers-sprite_ts20250625224626.png)
    no-repeat;
  background-position: 0 -30px;
  margin-top: 9px;
}

.sidebar-item .sidebar-item-icon-red {
  background-position: -390px 0;
}

.sidebar-item .sidebar-item-icon-blue {
  background-position: -360px 0;
}

.sidebar-item .sidebar-item-icon-green {
  background-position: -330px 0;
}

.sidebar-item .sidebar-item-icon-grey {
  background-position: -300px 0;
}

.sidebar-table td {
  background-color: inherit;
}
.sidebar-table .topLeft {
  width: 10px;
  height: 10px;
  background: -10px 0px
    url("/assets/img/sidebar/sidebar-left-sprite_ts20250625224626.png")
    repeat-y;
  position: absolute;
}

.sidebar-table .topMiddle {
  width: 175px;
  height: 10px;
  background: 0px 0px
    url("/assets/img/sidebar/sidebar-top_ts20250625224626.png")
    repeat-x;
  position: absolute;
  left: 10px;
}

.sidebar-table .topRight {
}

.sidebar-table .middleLeft {
  width: 10px;
  background: -20px 0px
    url("/assets/img/sidebar/sidebar-left-sprite_ts20250625224626.png")
    repeat-y;
  position: absolute;
  top: 10px;
}

.sidebar-table .middleMiddle {
  margin-top: 6px;
  display: block;
  overflow: hidden;
}

.sidebar-table .middleRight {
}

.sidebar-table .bottomLeft {
  width: 10px;
  height: 10px;
  background: 0px 0px
    url("/assets/img/sidebar/sidebar-left-sprite_ts20250625224626.png")
    repeat-y;
  position: absolute;
}

.sidebar-table .bottomMiddle {
  width: 175px;
  height: 10px;
  background: 0px 0px
    url("/assets/img/sidebar/sidebar-bottom_ts20250625224626.png")
    repeat-x;
  position: absolute;
  left: 10px;
}

.sidebar-table .bottomRight {
}

/************************ Spidertxt Message Conversation Thread **************************************/
.sct-panel h2 {
  color: #394a59;
  margin: 5px;
  padding-left: 15px;
}

.sct-header {
  font-size: 150%;
  margin-left: 15px;
}

.sct-display-area {
  margin: 10px;
}

.sct-display-area .spacer {
  clear: both;
}

#sctMessageListContainerDiv {
  background: #ffffff;
}

.sct-display-area textarea {
  width: 535px;
  float: left;
}

.sct-messages {
  padding-top: 3px;
}

.sct-messages .date-separator {
  text-align: center;
  margin: 10px;
}

.sct-messages .date-separator hr {
  background-color: #dfdfdf;
  height: 2px;
  border: none;
}

.sct-messages .date-separator div {
  color: #cccccc;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 5px;
  display: inline-block;
}

.sct-messages .operation {
  background: #ff0000;
  color: #ffffff;
  font-weight: bold;
  font-size: 90%;
  padding: 3px;
  cursor: hand;
  cursor: pointer;
}

.sct-message-bubble-body {
  font-size: 120%;
}

/** received message **/
.received-message {
  margin-left: 20px;
  float: left;
}

.received-message .message-details {
  margin-top: 5px;
  margin-left: 20px;
  color: #999999;
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
}

.received-message table {
  max-width: 350px;
  float: left;
}

.received-message .mbtopLeft {
  background: url("/assets/img/spidertxt/grey-bubble/topLeftCorner_ts20250625224626.png")
    no-repeat;
  width: 21px;
  height: 11px;
}

.received-message .mbtopMiddle {
  background: url("/assets/img/spidertxt/grey-bubble/topSlice_ts20250625224626.png")
    repeat-x;
  height: 11px;
}

.received-message .mbtopRight {
  background: url("/assets/img/spidertxt/grey-bubble/topRightCorner_ts20250625224626.png")
    no-repeat;
  width: 12px;
  height: 11px;
}

.received-message .mbmiddleLeft {
  background: url("/assets/img/spidertxt/grey-bubble/leftSlice_ts20250625224626.png")
    repeat-y;
  width: 21px;
}

.received-message .mbmiddleMiddle {
  background: url("/assets/img/spidertxt/grey-bubble/center_ts20250625224626.png");
}

.received-message .mbmiddleRight {
  background: url("/assets/img/spidertxt/grey-bubble/rightSlice_ts20250625224626.png")
    repeat-y;
  width: 12px;
}

.received-message .mbbottomLeft {
  background: url("/assets/img/spidertxt/grey-bubble/bottomLeftCorner_ts20250625224626.png")
    no-repeat;
  width: 21px;
  height: 12px;
}

.received-message .mbbottomMiddle {
  background: url("/assets/img/spidertxt/grey-bubble/bottomSlice_ts20250625224626.png")
    repeat-x;
  height: 11px;
}

.received-message .mbbottomRight {
  background: url("/assets/img/spidertxt/grey-bubble/bottomRightCorner_ts20250625224626.png")
    no-repeat;
  width: 12px;
  height: 11px;
}

/** sent message **/
.sent-message {
  margin-right: 20px;
  float: right;
}

.sent-message .message-details {
  margin-top: 5px;
  margin-right: 20px;
  color: #999999;
  font-weight: bold;
  float: right;
  margin-bottom: 10px;
}

.sent-message table {
  max-width: 350px;
  float: right;
}

.sent-message .mbtopLeft {
  background: url("/assets/img/spidertxt/green-bubble/topLeftCorner_ts20250625224626.png")
    no-repeat;
  width: 16px;
  height: 11px;
}

.sent-message .mbtopMiddle {
  background: url("/assets/img/spidertxt/green-bubble/topSlice_ts20250625224626.png")
    repeat-x;
  height: 11px;
}

.sent-message .mbtopRight {
  background: url("/assets/img/spidertxt/green-bubble/topRightCorner_ts20250625224626.png")
    no-repeat;
  width: 21px;
  height: 11px;
}

.sent-message .mbmiddleLeft {
  background: url("/assets/img/spidertxt/green-bubble/leftSlice_ts20250625224626.png")
    repeat-y;
  width: 16px;
}

.sent-message .mbmiddleMiddle {
  background: url("/assets/img/spidertxt/green-bubble/center_ts20250625224626.png");
}

.sent-message .mbmiddleRight {
  background: url("/assets/img/spidertxt/green-bubble/rightSlice_ts20250625224626.png")
    repeat-y;
  width: 21px;
}

.sent-message .mbbottomLeft {
  background: url("/assets/img/spidertxt/green-bubble/bottomLeftCorner_ts20250625224626.png")
    no-repeat;
  width: 16px;
  height: 12px;
}

.sent-message .mbbottomMiddle {
  background: url("/assets/img/spidertxt/green-bubble/bottomSlice_ts20250625224626.png")
    repeat-x;
  height: 11px;
}

.sent-message .mbbottomRight {
  background: url("/assets/img/spidertxt/green-bubble/bottomRightCorner_ts20250625224626.png")
    no-repeat;
  width: 21px;
  height: 11px;
}

/** Reply form **/

.sct-panel .help-text p {
  font-size: 120%;
  margin-top: -20px;
  padding-left: 10px;
  padding-right: 10px;
}

.sct-send-reply .sct-send-controls input {
  margin-top: 5px;
  margin-right: -10px;
}

.sct-send-reply .sct-send-controls textarea {
  font-size: 120%;
  width: 550px;
}

.sct-send-reply .sct-send-controls .chars-remaining {
  float: right;
  margin-top: 10px;
}

.sct-send-reply .sct-send-controls .l {
  float: left;
  width: 85%;
}

.sct-send-reply .sct-send-controls .r {
  float: right;
  width: 15%;
}

/************************ Map Status Box && Powered By Box **************************************/
#poweredByBox {
  margin: 5px;
  color: #fff;
}

#poweredByBox .poweredByContent {
  padding: 3px;
  white-space: nowrap;
}

#poweredByBox .poweredByContent .orgName {
  font-weight: bold;
}

#poweredByBox .poweredByContent .poweredByText {
  float: right;
  margin-top: 5px;
  font-size: 125%;
}

#poweredByBox .poweredByContent .poweredByText a {
  color: #bed600;
  text-decoration: none;
}

#poweredByBox .poweredByContent .poweredByText a:hover {
  color: #bed600;
  text-decoration: underline;
}

#mapStatusBox {
  position: absolute;
  bottom: 23px;
  left: 23px;
}

#mapStatusBox .statusBoxProperty {
  min-width: 300px;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 12px;
  color: #fff;
}

#mapStatusBox .statusBoxProperty strong {
  width: 105px;
  float: left;
  text-align: right;
  margin-right: 10px;
}

#mapStatusBox .statusBoxProperty .statusBoxValue {
  width: 175px;
}

#mapStatusBox .statusBoxArrow {
  width: 15px;
  height: 15px;
  background: url("/assets/img/statusBox/statusBoxArrowSprite_ts20250625224626.png");
  position: absolute;
  bottom: 6px;
  cursor: pointer;
}

#mapStatusBox .statusBoxClose {
  width: 14px;
  height: 14px;
  background: url("/assets/img/statusBox/statusBoxClose_ts20250625224626.png");
  float: left;
  cursor: pointer;
  position: absolute;
}

#mapStatusBox .statusBoxLeftArrow {
  left: 6px;
  background-position: 0 0;
}

#mapStatusBox .statusBoxRightArrow {
  right: 6px;
  background-position: -15px 0;
}

#mapStatusBox .statusBoxLeftArrow.inactive {
  background-position: 0 -15px;
  cursor: auto;
}

#mapStatusBox .statusBoxRightArrow.inactive {
  background-position: -15px -15px;
  cursor: auto;
}

.clickableLink {
  cursor: pointer;
}

#mapStatusBox .topLeft,
#poweredByBox .topLeft {
  width: 10px;
  height: 10px;
  background: url("/assets/img/statusBox/statusBoxTopLeft_ts20250625224626.png");
}

#mapStatusBox .topMiddle,
#poweredByBox .topMiddle {
  width: 1px;
  height: 10px;
  background: url("/assets/img/statusBox/statusBoxTopMiddle_ts20250625224626.png")
    repeat-x;
}

#mapStatusBox .topRight,
#poweredByBox .topRight {
  width: 10px;
  height: 10px;
  background: url("/assets/img/statusBox/statusBoxTopRight_ts20250625224626.png");
}

#mapStatusBox .middleLeft,
#poweredByBox .middleLeft {
  width: 10px;
  height: 1px;
  background: url("/assets/img/statusBox/statusBoxMiddleLeft_ts20250625224626.png")
    repeat-y;
}

#mapStatusBox .middleMiddle,
#poweredByBox .middleMiddle {
  width: 1px;
  height: 1px;
  background: url("/assets/img/statusBox/statusBoxMiddleMiddle_ts20250625224626.png")
    repeat;
}

#mapStatusBox .middleRight,
#poweredByBox .middleRight {
  width: 10px;
  height: 1px;
  background: url("/assets/img/statusBox/statusBoxMiddleRight_ts20250625224626.png")
    repeat-y;
}

#mapStatusBox .bottomLeft,
#poweredByBox .bottomLeft {
  width: 10px;
  height: 10px;
  background: url("/assets/img/statusBox/statusBoxBottomLeft_ts20250625224626.png");
}

#mapStatusBox .bottomMiddle,
#poweredByBox .bottomMiddle {
  width: 1px;
  height: 10px;
  background: url("/assets/img/statusBox/statusBoxBottomMiddle_ts20250625224626.png")
    repeat-x;
}

#mapStatusBox .bottomRight,
#poweredByBox .bottomRight {
  width: 10px;
  height: 10px;
  background: url("/assets/img/statusBox/statusBoxBottomRight_ts20250625224626.png");
}

/***************** Status Box Icon **************************/
.statusBoxIcon {
  width: 30px;
  height: 30px;
  background: url(/assets/img/markers/st-markers-sprite_ts20250625224626.png)
    no-repeat;
  background-position: 0 -30px;
  display: inline;
  position: absolute;
  margin-top: -11px;
  margin-left: 5px;
}

.statusBoxIcon.statusBoxIcon-geo1 {
}

.statusBoxIcon.statusBoxIcon-geo2 {
}

.statusBoxIcon.statusBoxIcon-geo3 {
}

.statusBoxIcon.statusBoxIcon-geo4 {
}

.statusBoxIcon.statusBoxIcon-geo5 {
}

.statusBoxIcon.statusBoxIcon-watchOn {
  background-position: -270px 0;
}

.statusBoxIcon.statusBoxIcon-watchOff {
  background-position: -270px 0;
}

.statusBoxIcon.statusBoxIcon-speedUp {
  background-position: -210px 0;
}

.statusBoxIcon.statusBoxIcon-slowDown {
  background-position: -240px 0;
}

.statusBoxIcon.statusBoxIcon-keypadAttached {
}

.statusBoxIcon.statusBoxIcon-mark1 {
  background-position: 0 0;
}

.statusBoxIcon.statusBoxIcon-mark2 {
  background-position: -30px 0;
}

.statusBoxIcon.statusBoxIcon-mark3 {
  background-position: -60px 0;
}

.statusBoxIcon.statusBoxIcon-mark4 {
  background-position: -90px 0;
}

.statusBoxIcon.statusBoxIcon-radius {
  background-position: -120px 0;
}

.statusBoxIcon.statusBoxIcon-poi1 {
  background-position: -510px 0;
}

.statusBoxIcon.statusBoxIcon-spidertxt-message {
  background-position: -480px 0;
}

.statusBoxIcon.statusBoxIcon-spidertxt-command {
}

.statusBoxIcon.statusBoxIcon-sosOn {
  background-position: -150px 0;
}

.statusBoxIcon.statusBoxIcon-sosOff {
  background-position: -180px 0;
}

.statusBoxIcon.statusBoxIcon-roc-exceeded {
  background: url(/assets/img/markers/st-markers-sprite.png) no-repeat;
  background-position: -690px 0;
}

.statusBoxIcon.statusBoxIcon-roc-normal {
  background: url(/assets/img/markers/st-markers-sprite.png) no-repeat;
  background-position: -660px 0;
}

.statusBoxIcon.statusBoxIcon-rod-exceeded {
  background: url(/assets/img/markers/st-markers-sprite.png) no-repeat;
  background-position: -630px 0;
}

.statusBoxIcon.statusBoxIcon-rod-normal {
  background: url(/assets/img/markers/st-markers-sprite.png) no-repeat;
  background-position: -660px 0;
}

.statusBoxIcon.statusBoxIcon-poi1 {
  background-position: -510px 0;
}

.statusBoxIcon.statusBoxIcon-firstPoint {
}

.statusBoxIcon.statusBoxIcon-lastPoint {
}

.statusBoxIcon.statusBoxIcon-normal {
  background: url(/assets/img/markers/st-points-normal_ts20250625224626.png)
    no-repeat;
}

.statusBoxIcon.statusBoxIcon-spiderwatch {
  background: url(/assets/img/markers/st-points-spiderwatch_ts20250625224626.png)
    no-repeat;
}

.statusBoxIcon.statusBoxIcon-sos {
  background: url(/assets/img/markers/st-points-sos_ts20250625224626.png)
    no-repeat;
}

.saveMessageBtn {
  width: 62px;
  height: 26px;
  background: url(/assets/img/btn/button-save_ts20250625224626.png) no-repeat;
  display: block;
  float: left;
}

.saveMessageBtn.deactive {
  cursor: auto;
  background-position: 0 -26px;
}

.shareIcon {
  width: 24px;
  height: 24px;
  display: block;
  background: url(/assets/img/forms/shareIcons_ts20250625224626.png);
  float: left;
}

h2.topMargin {
  margin-top: 25px;
}

/**** Public Pages Header *******/
.headerOrgName {
  float: right;
  font-size: 200%;
  position: relative;
  top: 20px;
  left: -55px;
}

/******* Misc *********/
.filtering-instructions {
  margin: 10px;
}

.force-text-wrap {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  display: inline-block;
}

#searchLoader {
  display: inline-block;
  background: url("/assets/img/ajax-loader-transparent-small_ts20250625224626.gif")
    no-repeat;
  width: 16px;
  height: 16px;
}

/* Survey page */
#survey-container {
  color: black;
  padding: 30px 100px 50px 100px;
  font-size: 16px;
}

#survey-container .rating-container {
  margin: 10px 0;
  text-align: center;
}

#survey-container .rating-container .label {
  padding-right: 10px;
}

#survey-container .control-container {
  margin-top: 10px;
}

#survey-container .comment-container {
  margin: 30px 0 0 0;
}

#survey-container p.intro-text {
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.5em;
}

#survey-container input[name="rating"] {
  display: inline-block;
}

#survey-container textarea {
  float: none;
  width: 718px;
  padding: 0;
  margin: 4px 0 0 0;
}

#survey-container h4.header {
  color: black;
  font-weight: bold;
  font-size: 18px;
}

#survey-container .feedback {
  color: #f00;
}

#header .survey-header span {
  width: 275px;
  padding-left: 0;
}

#npsTable {
}

#npsTable form {
  margin: 20px 0;
}

#npsTable input {
  color: black;
}

#npsTable select {
  float: none;
  display: inline-block;
}

form.change-org-owner-form {
  height: 300px;
}

form.change-org-owner-form .jqTransformSelectWrapper {
  width: 360px;
}

form.update-beta-features-form h4 {
  padding-top: 5px;
  margin-top: 0;
}

iframe[name="google_conversion_frame"] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
#zenbox_overlay { top:0; left:0; width: 100%; height: 100%; position: absolute; _position: absolute; z-index: 90000; }
#zenbox_overlay * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-variant:normal; font-size: 12px; color:#333;}

  #zenbox_main { width: 670px; height: 620px; margin: 0 auto; z-index:2; position:relative; }
    #zenbox_main div { padding: 5px 20px 0 20px; margin:0; background: #EEE; overflow:none; border-right: solid 2px #000; border-left: solid 2px #000; }

    #zenbox_main #overlay_header {
      padding: 0.5em 0.5em 4px 0.5em; background-color:#333;
      font-weight: bold; height:18px; border: solid 2px #000;
      border-bottom-width: 0;
    }
      #zenbox_main #overlay_header span {
        float:right; height:20px; padding-right:20px; background: transparent url(/external/zenbox/images/close_ts20250625224626.png) no-repeat 33px 0;
        text-decoration:underline; font-size:11px; cursor:pointer; color: #fff;
      }

    #zenbox_main #overlay_loading, #zenbox_main #zenbox_iframe {
      border: solid 2px #000; border-top-width: 0;
    }

    #zenbox_main #overlay_loading {
      font-size: 2em;
      padding: 1em;
      text-align: center;
    }

    #zenbox_iframe { width: 100%; height: 100%; }

    #zenbox_screen { top:0; left:0; z-index:1; width: 100%; position: absolute; background-color: #000; opacity: 0.42; filter:alpha(opacity=42); -moz-opacity: 0.42;}

#zenbox_tab {
  top: 40%; width: 33px; height: 108px; border: solid 1px; cursor:pointer; text-indent:-5000px;
  position: fixed; z-index: 10000; overflow:hidden;
}
  /* IE won't read ID-and-class selectors like #zenbox_tab.left, so we use just a class: */
  .ZenboxTabLeft {
    left: 0;
    background-position: right 0;
  }
  .ZenboxTabRight {
    right: 0;
    background-position: left 0;
  }
  #zenbox_tab:hover {background-color: #444;}