/* Minification failed. Returning unminified contents.
(717,117): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(1892,15): run-time error CSS1039: Token not allowed after unary operator: '-error-main'
(1905,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-200'
(1906,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-400'
(1908,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1922,20): run-time error CSS1033: Expected closing bracket, found 'i'
(1922,21): run-time error CSS1031: Expected selector, found ']'
(1922,21): run-time error CSS1025: Expected comma or open brace, found ']'
(2006,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2053,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(2113,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(2139,15): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-500'
(2154,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(2155,26): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(2189,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(2255,26): run-time error CSS1039: Token not allowed after unary operator: '-warning-light'
(2257,15): run-time error CSS1039: Token not allowed after unary operator: '-warning-contrast-text'
(2263,26): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(2265,15): run-time error CSS1039: Token not allowed after unary operator: '-success-contrast-text'
(2289,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-300'
(2295,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(2303,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2312,15): run-time error CSS1039: Token not allowed after unary operator: '-error-main'
(2315,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2403,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2465,33): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(2473,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(2475,33): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(2481,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2483,33): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(2684,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2710,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(2830,45): run-time error CSS1046: Expect comma, found '0'
(2830,49): run-time error CSS1046: Expect comma, found '/'
(2831,29): run-time error CSS1046: Expect comma, found '0'
(2831,33): run-time error CSS1046: Expect comma, found '/'
(2831,64): run-time error CSS1046: Expect comma, found '0'
(2831,68): run-time error CSS1046: Expect comma, found '/'
(2832,48): run-time error CSS1046: Expect comma, found '0'
(2832,52): run-time error CSS1046: Expect comma, found '/'
(2833,29): run-time error CSS1046: Expect comma, found '0'
(2833,33): run-time error CSS1046: Expect comma, found '/'
(2833,64): run-time error CSS1046: Expect comma, found '0'
(2833,68): run-time error CSS1046: Expect comma, found '/'
(2834,40): run-time error CSS1046: Expect comma, found '0'
(2834,44): run-time error CSS1046: Expect comma, found '/'
(2835,29): run-time error CSS1046: Expect comma, found '0'
(2835,33): run-time error CSS1046: Expect comma, found '/'
(2835,64): run-time error CSS1046: Expect comma, found '0'
(2835,68): run-time error CSS1046: Expect comma, found '/'
(2863,30): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-300'
(2864,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(2874,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2921,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(2925,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(3009,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(3039,15): run-time error CSS1039: Token not allowed after unary operator: '-error-dark'
(3074,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(3080,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-100'
(3082,26): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(3087,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(3120,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(3542,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-100'
(3543,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(3601,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(3617,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(3681,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(3696,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(3745,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(3907,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-100'
(3908,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(4007,15): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(4010,33): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(4025,33): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(4028,20): run-time error CSS1039: Token not allowed after unary operator: '-warning-light'
(4078,29): run-time error CSS1046: Expect comma, found '0'
(4078,33): run-time error CSS1046: Expect comma, found '/'
(4078,54): run-time error CSS1046: Expect comma, found '0'
(4078,58): run-time error CSS1046: Expect comma, found '/'
(4079,19): run-time error CSS1046: Expect comma, found '0'
(4079,23): run-time error CSS1046: Expect comma, found '/'
(4331,33): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(4389,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(4396,33): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(5015,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(5019,33): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-300'
(5094,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-200'
(5095,30): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(5096,31): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(5138,15): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-a200'
(5142,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-200'
(5143,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(5151,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(5154,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(5155,26): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-300'
(5161,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(5162,26): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(5170,20): run-time error CSS1039: Token not allowed after unary operator: '-neutrals-50'
(5172,33): run-time error CSS1039: Token not allowed after unary operator: '-utility-divider'
(5242,20): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(5388,38): run-time error CSS1046: Expect comma, found '0'
(5388,42): run-time error CSS1046: Expect comma, found '/'
(5389,27): run-time error CSS1046: Expect comma, found '0'
(5389,31): run-time error CSS1046: Expect comma, found '/'
(5389,62): run-time error CSS1046: Expect comma, found '0'
(5389,66): run-time error CSS1046: Expect comma, found '/'
(5390,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(5408,20): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(5773,15): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(5785,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-main'
(6450,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
 */
/*
* Aristo for jQuery UI
* Licensed under Creative Commons Attribution-Share Alike 3.0 with permission from 280 North and Pinvoke.
*/

/*
* 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%; }



/* === Component containers === */
.ui-widget { font-family: Helvetica, Arial, sans-serif; outline: none;}
.ui-widget a { outline: none; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; color: #333333; background: #FFFFFF; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #8ab0c6; background: #a7cfe6; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* === Interaction states === */
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #5F83B9; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #749aaf; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* === Interaction Cues === */
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #d2dbf4; background: #f4f8fd; color: #0d2054; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; font-size: 11px; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #0d2054; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #e2d0d0; background: #fcf0f0; color: #280b0b; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; font-size: 11px; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #280b0b; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #280b0b; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-highlight p, .ui-state-error p { margin: 8px 0px; padding: 1px 0px; }
.ui-state-highlight .ui-icon, .ui-state-error .ui-icon  { margin: -1px 8px 0px 0px !important; }

/* === Icons === */

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: url(images/icon_sprite.png) -16px 0px no-repeat !important; }

/* 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: url(images/icon_sprite.png) 0px 0px no-repeat !important; }
.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; }

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

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

/* === Resizable === */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* === Accordion === */

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background: url(images/button_bg.png) repeat-x; }
.ui-accordion .ui-accordion-header .ui-state-default { background-position: 0px 0px; }
.ui-accordion .ui-accordion-header.ui-state-active { background-position: 0px -33px; border-color: #749aaf !important; }
.ui-accordion .ui-accordion-header.ui-state-hover, .ui-accordion h3.ui-state-default { border-color: #aaaaaa; }
.ui-accordion .ui-accordion-header.ui-state-active a { color:#1c4257; }
.ui-accordion .ui-accordion-header .ui-icon { background: url(images/icon_sprite.png); }
.ui-accordion .ui-accordion-header.ui-state-active .ui-icon { background-position: 0px -64px; }
.ui-accordion .ui-accordion-header.ui-state-default .ui-icon { background-position: -16px -80px; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 12px; padding: .5em .5em .5em .7em; font-weight: bold; color:#4f4f4f; text-shadow: 0px 1px 0px rgba(255,255,255,0.7); }
.ui-accordion-icons .ui-accordion-header a { padding-left: 24px; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -7px; }
.ui-accordion .ui-accordion-content { background: #f8fcfe; padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; font-size: 11px; border-color: #749aaf; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.ui-accordion .ui-state-active {  }

/* === Autocomplete === */
.ui-autocomplete { position: absolute; z-index: 2 !important; cursor: default; background: #FFFFFF; border: 0px none !important; padding: 0px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }	
.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* === Menu === */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	border: 0px none;
	padding:.2em .4em;
	line-height:1.5;
	-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	background: #5f83b9;
	color: #FFFFFF;
	text-shadow: 0px 1px 1px #234386;
	font-weight: normal;
}

/* === Button === */
.ui-button { display: inline-block;  position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; border: 0px none !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3em; } 
button.ui-button-icons-only { width: 3.2em; } 
.ui-button span { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid; }


/* === INPUT:SUBMIT BUG FIX === */
input.ui-button { background: url(images/button_bg.png) 0px 0px repeat-x !important; color: #4f4f4f; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #b6b6b6; outline: none; }
input.ui-button:hover { background: url(images/button_bg.png) 0px 0px repeat-x !important; color: #313131; border-color: #9d9d9d; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 8px rgba(212,212,212,1); box-shadow: 0px 0px 8px rgba(212,212,212,1); }
input.ui-button:active { background: url(images/button_bg.png) 0px bottom repeat-x !important; color: #4f4f4f; border-color: #b6b6b6;  }

/* === IE6 AND IE7 BUTTON WIDTH FIX === */
.ui-button { *display: inline !important; }

.ui-state-default .ui-button-text { background: url(images/button_bg.png) 0px 0px repeat-x !important; color: #4f4f4f; border-color: #b6b6b6; }
.ui-state-hover .ui-button-text { background: url(images/button_bg.png) 0px 0px repeat-x !important; color: #313131; border-color: #9d9d9d; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 8px rgba(212,212,212,1); box-shadow: 0px 0px 8px rgba(212,212,212,1); }
.ui-state-active .ui-button-text { background: url(images/button_bg.png) 0px bottom repeat-x !important; color: #4f4f4f; border-color: #b6b6b6; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 0px rgba(255,255,255,0.8); }
.ui-button-text-only .ui-button-text { padding: 5px 12px; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 5px; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 5px 12px 5px 25px; }
.ui-button-text-icons .ui-button-text { padding-right: 1.8em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button .ui-icon { border: 0px none; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; margin-left: 6px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-icon-primary, .ui-button-text-icons .ui-icon-primary, .ui-button-icons-only .ui-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.4em; }
.ui-buttonset, .ui-buttonset span { -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; }
.ui-corner-left .ui-button-text { -moz-border-radius-topleft: 4px !important; -webkit-border-top-left-radius: 4px !important; border-top-left-radius: 4px !important; -moz-border-radius-bottomleft: 4px !important; -webkit-border-bottom-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }
.ui-corner-right .ui-button-text { -moz-border-radius-topright: 4px !important; -webkit-border-top-right-radius: 4px !important; border-top-right-radius: 4px !important; -moz-border-radius-bottomright: 4px !important; -webkit-border-bottom-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.ui-buttonset .ui-state-active .ui-button-text { cursor: default; background: url(images/button_bg.png) 0px -33px repeat-x !important; color: #1c4257; border-color: #7096ab; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */





/* === Dialog === */
.ui-dialog { position: absolute; padding: 0; width: 300px; overflow: hidden; background: #FFFFFF; -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.8); box-shadow: 0px 5px 8px rgba(0,0,0,0.8); }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; border-width: 0px 0px 1px 0px; border-color: #979797; background: url(images/the_gradient.gif) 0px 0px repeat-x; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; font-size: 13px; color: #000000; text-shadow: 0px 1px 0px rgba(255,255,255,0.8); } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 6px; top: 50%; width: 16px; margin: -9px 0 0 0; height: 16px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; background: url(images/icon_sprite.png) 0px -16px no-repeat; }
.ui-dialog-titlebar .ui-state-hover { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px none; background: transparent; }
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover span { background-position: -16px -16px ; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size: 12px; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; background: transparent !important; border: 0px none; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* === Slider === */
.ui-slider { position: relative; text-align: left; border: 0px none; }
.ui-state-focus .ui-slider-handle { border: 0px none; }
.ui-slider .ui-slider-handle { background: url(images/slider_handles.png) 0px -23px no-repeat; position: absolute; z-index: 2; width: 23px; height: 23px; cursor: pointer; }
.ui-slider .ui-state-hover { background-position: 0px 0px !important; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider .ui-state-default { border: 0px none; }

.ui-slider-horizontal { height: 5px; background: url(images/slider_h_bg.gif) 0px 0px repeat-x;}
.ui-slider-horizontal .ui-slider-handle { top: -9px; margin-left: -12px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: url(images/slider_h_bg.gif) 0px -5px repeat-x; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: 5px; height: 100px; background: url(images/slider_v_bg.gif) -5px 0px repeat-y; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: -.6em; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; background: url(images/slider_v_bg.gif) 0px 0px repeat-y; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* === Tabs === */
.ui-tabs { background: #FFFFFF; position: relative; padding: .2em; zoom: 1; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px none; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { border-color: #a8a8a8; border-width: 0px 0px 1px 0px; margin: 0; padding: 0; background: transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; font-size: 12px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; font-size: 12px; border-color: #a8a8a8; border-width: 0px 1px 1px 1px; border-style: solid; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-nav li.ui-state-default { background: #cccccc url(images/button_bg.png) 0px 0px repeat-x; border-color: #a8a8a8; }
.ui-tabs .ui-tabs-nav li.ui-state-default a { color: #4f4f4f !important; text-shadow: 0px 1px 0px rgba(255,255,255,0.8); }
.ui-tabs .ui-tabs-nav li.ui-state-active { background: #FFFFFF; }
.ui-tabs-panel .ui-button { border-width: 0px; background: transparent; }

/* === Datepicker === */
.ui-datepicker { display: none; width: 17em; padding: .2em .2em 0; background: #FFFFFF url(images/datepicker.gif) left top repeat-x; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8); box-shadow: 0px 5px 10px rgba(0,0,0,0.8); }
.ui-datepicker .ui-datepicker-header { position:relative; padding:2px 0px 6px 0px; background: transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px none; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 6px; width: 16px; height: 16px; border: 0px none; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-header .ui-state-hover { background: transparent; border: 0px none; }
.ui-datepicker .ui-datepicker-prev span { background-position: 0px -32px !important; }
.ui-datepicker .ui-datepicker-next span { background-position: -16px -32px !important; }
.ui-datepicker .ui-datepicker-prev-hover span { background-position: 0px -48px !important; }
.ui-datepicker .ui-datepicker-next-hover span { background-position: -16px -48px !important; }
.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; background: url(images/icon_sprite.png) no-repeat;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 12px; color: #000000; text-shadow: 0px 1px 0px rgba(255,255,255,0.8); }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: 10px; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 2px 3px 3px; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker-buttonpane  button { background: url(images/button_bg.png) 0px 0px repeat-x !important; color: #4f4f4f !important; border-color: #b6b6b6 !important; font-weight: bold !important; font-size: 12px; text-shadow: 0px 1px 0px rgba(255,255,255,0.8); }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-datepicker-calendar a { background: transparent; border: 0px none; }
.ui-datepicker .ui-datepicker-calendar .ui-state-active {  }
.ui-datepicker .ui-datepicker-calendar a.ui-state-hover { color: #1c4257; }
.ui-datepicker .ui-datepicker-current-day .ui-state-default { background: #5f83b9; color: #FFFFFF !important; text-shadow: 0px 1px 1px #234386; font-weight: bold; }

/* 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*/
}

/* === Progressbar === */
#progress-bar.ui-progressbar { height: 28px; text-align: left; background: url(images/progressbar_background.png) no-repeat; }
#progress-bar.ui-progressbar.ui-widget.ui-widget-content { border: none; }
#progress-bar.ui-progressbar .ui-progressbar-value {margin: -1px; margin-left: 14px; height:100%; background: url(images/progressbar_middle.png) repeat-x; max-width: 732px; min-width: 30px; position: relative }
/*.ui-progressbar .ui-progressbar-value:before { content: url(images/progressbar_start.png); margin-left: -10px; }*/
#progress-bar.ui-progressbar .ui-progressbar-value:after { content: url(images/progressbar_light.png); right: -14px; position: absolute; }
#progress-bar.ui-progressbar .ui-progressbar-value.ui-widget-header { border: none; color: #ffffff; }

#blue-progress-bar.ui-progressbar { height: 12px; text-align: left; background: #f4f5f6 }
#blue-progress-bar.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background: #00b1ff; }

.green-progress-bar.ui-progressbar { height: 12px; text-align: left; background: #fff }
.green-progress-bar.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background: #628e3e; }
.green-progress-bar.ui-progressbar .ui-progressbar-header {border: 1px solid #628e3e; }

.ui-progressbar-large {}
.ui-progressbar-large .ui-progressbar-value {}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner      
{
    padding: 0 !important;     border: 0 none !important;
}

.yui-button
{
	display: inline-block;
	vertical-align: text-bottom;
}

.yui-button .first-child
{
	display: inline-block;
}

.yui-button button, .yui-button input, .yui-button a
{
	display: inline-block;
	border: none;
	margin: 0;
}

.yui-button button, .yui-button input
{
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
}

.yui-button a
{
	text-decoration: none;
}

.yui-skin-sam .yui-button
{
	margin: auto .25em;
}

.yui-skin-sam .yui-button .first-child
{
	position: relative;
	left: -1px;
	margin: 0 -1px;
}

.yui-skin-sam .yui-button button, .yui-button input, .yui-skin-sam .yui-button a
{
	font-size: 93%;
	line-height: 1.7;
	min-height: auto;
	color: #000;
	padding: 0 10px;
}

.yui-skin-sam .yui-button a
{
	line-height: 2;
}

.yui-skin-sam .yui-split-button button, .yui-skin-sam .yui-menu-button button
{
	padding-right: 20px;
	background-position: right center;
	background-repeat: no-repeat;
}

.yui-skin-sam .yui-menu-button button
{
	background-image: url(../images/menu-button-arrow.png);
}

.yui-skin-sam .yui-split-button button
{
	background-image: url(../images/split-button-arrow.png);
}

.yui-skin-sam .yui-split-button-focus button
{
	background-image: url(../images/split-button-arrow-focus.png);
}

.yui-skin-sam .yui-split-button-hover button
{
	background-image: url(../images/split-button-arrow-hover.png);
}

.yui-skin-sam .yui-button-active
{
	background-position: 0 -1700px;
}

.yui-skin-sam .yui-split-button-activeoption
{
	background-position: 0 0;
}

.yui-skin-sam .yui-split-button-activeoption .first-child
{
}

.yui-skin-sam .yui-split-button-activeoption button
{
	background-image: url(../images/split-button-arrow-active.png);
}

.yui-skin-sam .yui-radio-button-checked, .yui-skin-sam .yui-checkbox-button-checked
{
	background-position: 0 -1400px;
}

.yui-skin-sam .yui-radio-button-checked .first-child, .yui-skin-sam .yui-checkbox-button-checked .first-child
{
}

.yui-skin-sam .yui-radio-button-checked button, .yui-skin-sam .yui-checkbox-button-checked button
{
	color: #fff;
}

.yui-skin-sam .yui-button-disabled
{
	background-position: 0 -1500px;
}

.yui-skin-sam .yui-button-disabled .first-child
{
}

.yui-skin-sam .yui-button-disabled button, .yui-skin-sam .yui-button-disabled a
{
	color: #A6A6A6;
	cursor: default;
}

.yui-skin-sam .yui-menu-button-disabled button
{
	background-image: url(../images/menu-button-arrow-disabled.png);
}

.yui-skin-sam .yui-split-button-disabled button
{
	background-image: url(../images/split-button-arrow-disabled.png);
}

.yui-skin-sam .yui-button-focus, .yui-skin-sam .yui-button-hover
{
	background-position: 0 -1300px;
}

.yui-skin-sam .yui-button-focus .first-child, .yui-skin-sam .yui-button-hover .first-child, .yui-skin-sam .yui-button-active .first-child
{
}

.yui-skin-sam .yui-button-focus button, .yui-skin-sam .yui-button-focus a, .yui-skin-sam .yui-button-hover button, .yui-skin-sam .yui-button-hover a, .yui-skin-sam .yui-button-active button, .yui-skin-sam .yui-button-active a
{
	color: #000;
}

.yui-button
{
	margin: auto .25em; /*             Give the Button instance a transparent background image that              provides a glossy, glass-like look.  Since the background image is             transparent, it can apply the glass effect the Button instance             regardless of its background color.         */
	background: url(../images/gloss.png) repeat-x left center;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./gloss.png', sizingMethod = 'scale');
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	position: relative;
}
.yui-button:active
{
	top: 1px;
}

.yui-button .first-child
{
	/* margin: 0 -1px; */ /*             The following is necessary to get negative margins working in IE.s         */ *
	position:
	relative;
*left:-1px;
}

.yui-button button, .yui-button input, .yui-button a
{
	align-items: center;
	position: relative;
	outline: 0;
	border: 0;
	margin: 0;
	cursor: pointer;
	user-select: none;
	vertical-align: middle;
	-webkit-appearance: none;
	font-weight: 700;
	letter-spacing: 0.2px;
	line-height: 1.428571428571429;
	text-transform: none;
	font-family: 'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
	border-radius: 8px;
	min-height: 32px;
	min-width: 72px;
	padding: 4px 16px;
	text-decoration: none;
	box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
	color: #ffffff;
	background-color: rgb(21, 107, 255);
	border:  none;
}


                                                                                                                                                      
.yui-button img
{
	position: relative;
	top: 4px;
	margin-left: 2px;
}

                                                                                                                                                      
.yui-button button img
{
	margin-left: 0px;
    margin-right: 2px;
}

.yui-button#ok-button
{
	background-color: #004d89;
}

.yui-button.orange
{
	background-color: #FFBB55;
	border-color: #996666;
	cursor: pointer;
}
.yui-button.orange:hover
{
	background: #ffcc66;
	cursor: pointer;
}
.yui-button.orange .first-child
{
	border-color: #996666;
	cursor: pointer;
}
.yui-button.orange button, .yui-button.orange input
{
	color: #000;
	cursor: pointer;
}
.yui-button.green
{
	/* background-color: #99ee55; */
	/* border-color: #669966; */
	/* cursor: pointer; */
}
.yui-button.green:hover
{
	background-color: #aaff66;
	cursor: pointer;
}
.yui-button.green .first-child
{
	/* border-color: #669966; */
	cursor: pointer;
}
.yui-button.green button, .yui-button.green input
{
	/* color: #000; */
	/* cursor: pointer; */
}
.yui-button.red
{
	background-color: #d00;
	border-color: #996666;
	cursor: pointer;
}
.yui-button.red:hover
{
	background-color: #f00;
	cursor: pointer;
}
.yui-button.red .first-child
{
	border-color: #996666;
	cursor: pointer;
}
.yui-button.red button, .yui-button.red input
{
	color: #fff;
	cursor: pointer;
}

.yui-button.blue
{
	/* background-color: #0066bb; */
	/* border-color: #666699; */
	cursor: pointer;
}
.yui-button.blue:hover
{
	/* background-color: #1177cc; */
	cursor: pointer;
}
.yui-button.blue .first-child
{
	/* border-color: #666699; */
	cursor: pointer;
}
.yui-button.blue button, .yui-button.blue input
{
	color: #fff;
	cursor: pointer;
}

.yui-button.disabled
{
	background-color: #cccccc;
	border-color: #333333;
	cursor: default;
}
.yui-button.disabled:hover, .yui-button.disabledhover
{
	background-color: #cccccc;
	cursor: default;
}
.yui-button.disabled .first-child
{
	border-color: #333333;
	cursor: default;
}
.yui-button.disabled button, .yui-button.disabled input
{
	color: #555;
	cursor: default;
}

#iconButtonActionCover
{
	position: absolute;
	top: 100px;
	left: 100px;
	background: #ffffff;
	z-index: 10;
	visibility: hidden;
	width: 200px;
	border: 1px solid #ffffff;
}
#iconButtonAction
{
	position: absolute;
	top: -100px;
	left: -100px;
	background: #ffffdd;
	border: 1px solid #ffcc66;
	padding: 5px;
	visibility: hidden;
	font: 11px tahoma,geneva,helvetica,arial,sans-serif;
	z-index: 2000;
	text-align: left;
}

input.iconButton
{
	padding-top: 1px;
	padding-bottom: 5px;
	vertical-align: top;
}
a.iconButtonLink,
span.iconButtonLink,
a.iconButtonLinkDisabled
{
	cursor: pointer;
	padding-left: 3px;
	padding-top: 8px;
	padding-bottom: 4px;
}
a.iconButtonLinkDisabled:hover
{
	text-decoration: none;
}
div.iconButtonWrapper
{
	display: inline;
	cursor: pointer;
}
div.iconButtonWrapper input,
div.iconButtonWrapper img
{
	display: inline;
}
#quickstartstepheader
{
	padding-left: 10px;
	height: 100px;
	width: 500px;
}

#quickstartsummary
{
	width: 180px;
	left: 10px;
	position: absolute;
}

#quickstartsummary .item
{
	height: 15px;
	padding: 8px;
	border-bottom: solid 1px #ddd;
}


#quickstartsummary .legend
{
	padding-top: 16px;
	font: 9px verdana,geneva,helvetica,arial,sans-serif;
	color: #000;
	line-height: 0px;
}

#quickstartsummary .legend ul li
{
	padding: 0px;
	margin: 0px;
}
#quickstartsummary .legend ul li img
{
	position: relative;
	top: 5px;
}

#quickstartsummary .legend IMG
{
	margin: 2px;
}

#quickstartsummary .statusdescription
{
	
	padding-top: 16px;
	background: #ffffee;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px 5px 2px 2px;
}

#quickstartsummary .link
{
	font: 9px verdana,geneva,helvetica,arial,sans-serif;
	color: #000;
	padding-top: 2px;
}

#quickstartsummary A
{
	color: #5782af;
}

#quickstartsummary A.active
{
	font-weight: bold;
	color: #000;
}

#quickstartsummary .status
{
	float: left;
	padding-right: 8px;
}

#quickstartdescription
{
	background: #ffffee;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 10 10 10;
}

#complianceWizardDescription
{
	display: none;
}
.QuickStartCompletedMessage
{
	background: #ffffee;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 10 10 10;
}
#quickstartdescription a
{
	font-weight: bold;
}

#quickstartstepbody
{
	margin-left: 200px;
	min-width: 750px;
}

#quickstartstepbody span.inline-date-range .date-input
{
	width: 90px;
}
#quickstartstepfooter
{
	padding-top: 16px;
	text-align:right;
	margin-left: 200px;
	clear:both;
}

#quickstartheaderbuttons
{
	margin-bottom: 40px;
}

#quickstartheaderbuttons .left
{
	float: left;
	margin-left: 12px;
	margin-top: 4px; 
}

#quickstartheaderbuttons .right
{
	float: right;
	margin-right: 0px;
	text-align: right;
}

#quickstartzero, .QuickStartMessage div
{
	color: #0066CB;
	font-weight:bold;
	width: 795px;
}

.QuickStartCompletedMessage, .QuickStartMessage
{
	background: #ffffee;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 10 10 10;
}

.btnApply
{
	background-color:#9E5;
	border-style:solid;
	border-color:#696;
	border-width:1px;
	font: 12px verdana,geneva,helvetica,arial,sans-serif;
	font-weight:bold;
}

.btnNext
{
	background-color:#FB5;
	border-style:solid;
	border-color:#966;
	border-width:1px;
	font: 12px verdana,geneva,helvetica,arial,sans-serif;
	font-weight:bold;
}

.btnCheck
{
	background-color:#99CCFF;
	border-style:solid;
	border-color:#966;
	border-width:1px;
	font: 10px verdana,geneva,helvetica,arial,sans-serif;
	font-weight:bold;
}
.labelTitle,
.labelTitle a
{
	color: #0066CB;
	font: 16px georgia,geneva,helvetica,arial,sans-serif;
	font-weight: bold;
}

.qs-table
{
	width: 100%;
}
.qs-table CAPTION
{
	padding-right: 5px;
	border-top: #5782af 2px solid;
	padding-left: 5px;
	background: #dddddd;
	padding-bottom: 5px;
	font: bold 12px verdana,geneva,helvetica,arial,sans-serif;
	text-transform: uppercase;
	padding-top: 5px;
	border-bottom: #ffffff 1px solid;
	text-align: left;
}
.qs-table TH
{
	padding-right: 10px;
	padding-left: 5px;
	background: #e5f1ff;
	padding-bottom: 10px;
	font: bold 11px verdana,geneva,helvetica,arial,sans-serif;
	vertical-align: bottom;
	color: #666666;
	padding-top: 5px;
	border-bottom: #cccccc 1px solid;
}
.qs-table TH.data-text
{
	text-align: left;
}
.qs-table TH.data-number
{
	text-align: right;
}
.qs-table TH.data-number
{
	text-align: right;
}
.qs-table TH.top-row
{
	border-bottom: #ffffff 1px solid;
}
.qs-table TD
{
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 4px;
	vertical-align: top;
	color: #444444;
	padding-top: 4px;
	border-bottom: #eeeeee 1px;
}
.qs-state
{
	color: #0066CB;
	font: 24px georgia,geneva,helvetica,arial,sans-serif;
}
.qs-saletype
{
	color: #333333;
	font: 16px verdana,geneva,helvetica,arial,sans-serif;
}
.qs-rulename
{
	color: #000000;
	font: 14px verdana,geneva,helvetica,arial,sans-serif;
}
.qs-ruledesc
{
	color: #000000;
	font: 11px verdana,geneva,helvetica,arial,sans-serif;
}
.qs-ruledetl
{
	color: #774400;
	font: bold 11px verdana,geneva,helvetica,arial,sans-serif;
}
.quickstarterror 
{
	background-color: #ffffcc;
	border: solid 1px #ffcc33;
	color: #cc3300;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
}
.quickstarterror table
{
	margin-top: 30px;
	width: 740px;
	border-collapse: collapse;
}
.quickstarterror table td,
.quickstarterror table th
{
	padding: 5px;
	text-align: left;
	border: 1px solid #FFCC33;
}
/* Field label. */
.qswlbl {
	color: #666666;
	font-family: Tahoma, Arial, Sans-Serif;
	font-weight: normal;
}
/* Limit text. */
.qswlmt {
	color: #666666;	
	font-family: Tahoma, Arial, Sans-Serif;
	font-weight: normal;
}
/* Required field. */
.qswreq {
	color: #ff0033;
	font-family: Tahoma, Arial, Sans-Serif;
	font-weight: normal;
}
/* Alternating lists. */
.labels-table td
{
	vertical-align: middle;
	color: #444444;
	border-bottom: #8CBAE8 1px solid;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
}
#mappagesummary
{
	border: solid 1px gray;
	padding: 4px;
	width: 150px;
	margin-top: 0;
	margin-left:0px;
	float: left;
}

#mappagesummary .status
{
	float: left;
	padding-right: 8px;
}

#mappagesummary .item
{
	padding: 8;
	border-bottom: solid 1px #ddd;
}

#mappagesummary .link
{
	color: #000;
}

#mappagesummary A
{
	color: #5782af;
}
a.selectedGrouping
{
	color: #555;
	text-decoration: underline;	
}
tr.regionRow div.lii
{
	font-weight: bold;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 2104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 2100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 2101;
	display: none;
	box-sizing: content-box;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* ddango: when using this with fancybox, you will want to invoke it using something similiar:    
 * $.fancybox({ width: 800, height: 600, content: $this, autoscale: false, padding: 0, margin: 0, autodimensions: false, onComplete: function () { $.fancybox.resize(); } });
 */

.dialog-grey
{
    width: 800px;
    height: 600px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.dialog-grey .dialog-header
{
    background: #f7f7f7;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
}

.dialog-grey, .dialog-grey label
{
    font: 12px/20px helvetica, sans-serif;
}
.dialog-grey label
{
    display: inline-block;
    color: #999;
    width: 100px;
}
.dialog-grey .dialog-details
{
    padding: 20px 20px 0 20px;
    vertical-align: top;
}
.dialog-grey h2
{
    letter-spacing: -0.5px;
    line-height: 2em;
}

/* PRO transmit dialog */
.dialog-grey div.row div.cell.without-pro-pass
{
    display: none;
}
.dialog-grey div.row.first
{
    margin-top: 20px;
    border-top: 0;
    padding: 0;
}
.dialog-grey div.row.ready-to-submit
{
    padding: 0;
    border: 1px solid #b3b3b3;
}

.dialog-grey div.row.propass, div.row.order-total
{
    padding: 0;
}

.dialog-grey div.row.propass
{
    border: 1px solid #b3b3b3;
    border-top: 0;
}
.dialog-grey div.row.order-total
{
    border: 1px solid #fff;
}

.dialog-grey div.ready-to-submit div.cell
{
    border: 0;
    border-top: 0;
    border-bottom: 0;
}
.dialog-grey div.row.propass div.cell
{
    background-color: #eaf1f4;
    background-image: -moz-linear-gradient(center top, #dce1e4 0, #e9f0f3 10%, #eaf1f4 100%); /* FF3.6 */
    background-image: -webkit-gradient(linear,center top,center bottom,color-stop(0, #dce1e4), color-stop(.1, #e9f0f3), color-stop(1, #eaf1f4)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(center top, #dce1e4 0, #e9f0f3 10%, #eaf1f4 100%); /* Chrome 10+, Saf6 */
    background-image: linear-gradient(top, #dce1e4 0, #e9f0f3 10%, #eaf1f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dce1e4', EndColorStr='#eaf1f4');
}

.dialog-grey div.row div.desc
{
    float: left;
    width: 505px;
    padding-left: 10px;
}
.dialog-grey div.row div.desc span.main
{
    font-weight: bold;
}
.dialog-grey div.row div.desc span.details
{
    font-style: italic;
    font-size: smaller;
    color: #999;
}
.dialog-grey div.row div.cell.c1, .dialog-grey div.row div.head.c1
{
    width: 435px;
    padding-left: 10px;
}
.dialog-grey #confirm
{
    margin-top: 40px;
    text-align: center;
}
.dialog-grey .with-pro-pass div.c9, .dialog-grey .with-pro-pass div.c8
{
    color: #e61215 !important;
}
.dialog-grey .ready-to-submit div.c9
{
    color: #333 !important;
}
.dialog-grey .order-total .cell
{
    color: #6EB5F3 !important;
}
.dialog-grey .with-pro-pass div.c8
{
    text-align: right;
}

.dialog-grey.style-guided p{ font-size: 1.2em;}

/* end PRO Transmit dialog*/

/*#region CSS Reset */
html,
body,
div,
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,
sub,
sup,
tt,
var,
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;
  vertical-align: baseline;
  background: transparent;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
html {
  font-size: 100% !important;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
b {
  font-weight: bold !important;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*#endregion*/
html {
  height: 100%;
  width: 100%;
}
body {
  height: 100%;
  background: #fff;
}
label,
.trebuchet-ms {
  font: 13px/18px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  margin-top: 5px;
}
label.required {
  color: var(--error-main);
}
INPUT,
SELECT,
TH,
TD {
  font-size: 13px;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="file"],
select {
  background: var(--neutrals-200);
  border: 1px solid var(--neutrals-400);
  padding: 3px 0 3px 10px;
  color: var(--text-primary);
  border-radius: 5px;
  min-height: 24px;
  font-size: 13px !important;
  box-sizing: content-box;
}
select {
  min-height: 32px;
}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {
  border: 1px solid #0066cc;
}
input[type="radio" i] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: bottom;
}
/* ie 10 input clear "x" */
input::-ms-clear {
  display: none;
}
span.yui-button input {
  padding: 0 10px;
}
.bold,
.strong {
  font-weight: bold;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.float-left,
span.float-left {
  float: left;
}
div.float-right,
span.float-right {
  float: right;
}
#ui-datepicker-div {
  display: none;
}
.embossed-line {
  height: 0px;
  border-top: solid 1px #e7e8e9;
  border-bottom: 1px solid #fff;
  margin: 10px 0;
}
span.yui-button input:focus {
  border: 0px;
}
div#content {
  width: 100%;
  min-width: 960px;
  min-height: 100%;
  position: relative;
}
div#main {
  margin: 0px 0px 15px 0px;
  z-index: 1;
  padding-bottom: 30px;
  box-sizing: content-box !important;
}
div#main div {
  font-size: 14px;
}
div#main #m {
  margin-top: 15px;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.5em;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
h1 {
  font-size: 2em !important;
  padding-bottom: 0;
  margin-bottom: 0;
}
h2 {
  padding: 0 0 0 0;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
}
h3 {
  color: var(--text-primary);
  font-size: 1.5em;
  padding: 0px;
  font-weight: normal;
  padding: 10px 0px;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
h4,
legend {
  font-size: 1.2em;
}
h5,
h6 {
  font-size: 1em;
}
p {
  padding-top: 10px;
}
h2.alerts {
  color: #cc3300;
}
ul {
  list-style-type: none;
}
li > ul {
  padding-left: 50px;
}
ul li {
  margin-bottom: 12px;
}
ul.horizontal li {
  display: inline-block;
  margin-right: 10px;
}
.no-padding {
  padding: 0px !important;
}
.pointer {
  text-decoration: none;
  color: #0066cc;
  cursor: pointer;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: var(--primary-main);
}
a img {
  border: 0px;
}
.italic {
  font-style: italic;
}
strong {
  /* color: #333; */
}
a strong {
  color: inherit;
}
.underline {
  text-decoration: underline;
}
input.date-input.hasDatepicker {
  width: 100px !important;
}
/*#region generic HTML5 styles*/
.smallBoxShadow {
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.25);
}
a.inset:hover {
  text-decoration: none;
  color: #0d0a90;
}
a.inset.active:hover {
  color: #fff;
}
a.inset {
  text-decoration: underline;
  display: inline-block;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
  padding: 0 16px;
  color: #221edd;
}
a.inset.active {
  background-color: #405c77;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: #fff;
  text-shadow: 0px 0px 1px #333;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 #13475a inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 #13475a inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 0 #13475a inset;
  text-decoration: none;
}
/*#endregion*/
.pointer:hover,
a:hover,
a:active {
  color: var(--primary-main);
  text-decoration: underline;
}
a.cancelButton,
a#hideSelected {
  font-size: 1em;
}
a.disabled {
  color: #aaa;
  cursor: pointer;
}
a.disabled:hover {
  text-decoration: none;
}
.inline {
  display: inline;
}
.hidden,
.debug-hidden {
  display: none;
}
td,
th {
  padding: 4px 0;
}
span.gray {
  color: var(--neutrals-500);
}
span.check,
span.warning {
  display: inline-block;
  padding-left: 20px;
  line-height: 20px;
  background: url(../images/icons/warning.png) no-repeat;
}
span.check {
  background: url(../images/icons/check.png) no-repeat;
}
/*#region Generic Box Styles*/
div.genericBox {
  padding: 8px;
  background-color: var(--neutrals-50);
  border: 1px solid var(--utility-divider);
  margin-top: 5px;
  border-radius: 6px;
}
div.genericBox.blue {
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
  color: #336699;
}
div.genericBox.blue a:hover {
  color: #336699;
}
div.insetBox {
}
/*#endregion*/
/*#region Header*/
div.header {
  background: #128de6 url(../images/header-bg2.gif) top right repeat-y;
  width: 100%;
  height: 55px;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  z-index: 3;
}
div.headerMinimal {
  background-position: 0 0;
  width: 100%;
  height: 39px;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  margin-bottom: 5px;
  z-index: 5;
  background: var(--primary-main);
  border-bottom: solid 1px #195d7f;
}
div.headerMinimal.red {
  border-bottom: 1px solid #ea5436;
  background: #d1381e;
  background: -webkit-gradient(
    linear,
    50% 0,
    50% 100%,
    color-stop(0, #ea5436),
    color-stop(100%, #d1381e)
  );
  background: -webkit-linear-gradient(top, #ea5436 0, #d1381e 100%);
  background: -moz-linear-gradient(top, #ea5436 0, #d1381e 100%);
  background: -o-linear-gradient(top, #ea5436 0, #d1381e 100%);
  background: linear-gradient(top, #ea5436 0, #d1381e 100%);
}
div.headerMinimal a {
  color: #fff;
  font-size: 1.1em;
}
div.header div.logo {
  height: 45px;
  padding-left: 15px;
  padding-top: 5px;
}
div.header div.logo #header-links {
  position: absolute;
  right: 3px;
  top: 2px;
  color: #fff;
}
#header-links a {
  color: #ffffff;
}
div.welcome {
  font: bold 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  text-transform: uppercase;
  color: #ffffff;
}
/*#endregion*/
/*#region Message Handlers */
div#messageHandlerContainer {
  margin-left: 240px;
  transition: all 0.3s;
}
.nav-collapsed div#messageHandlerContainer {
  margin-left: 56px;
  transition: all 0.05s;
}
div#messageHandlerContainer div#messageHandler {
  padding: 8px 5px;
  font-size: 1.2em;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  position: relative;
  clear: both;
  display: none;
  z-index: 8;
}
div#messageHandlerContainer div.warning,
div#messageHandlerContainer div.warning table,
div#messageHandlerContainer div.warning table td,
div#messageHandlerContainer div.warning table th {
  background-color: var(--warning-light);
  text-shadow: none;
  color: var(--warning-contrast-text);
}
div#messageHandlerContainer div.success,
div#messageHandlerContainer div.success table,
div#messageHandlerContainer div.success table td,
div#messageHandlerContainer div.success table th {
  background-color: var(--success-main);
  text-shadow: navajowhite;
  color: var(--success-contrast-text);
}
div#messageHandlerContainer div.success strong {
  color: #228822;
}
div#messageHandlerContainer div.error,
div#messageHandlerContainer div.error table,
div#messageHandlerContainer div.error table td,
div#messageHandlerContainer div.error table th {
  background-color: #ffe8e8;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
  color: #882222;
}
div#messageHandler table {
  margin-left: auto;
  margin-right: auto;
}
div#messageHandler table th,
div#messageHandler table td {
  text-align: left;
  padding: 10px;
}
/*#endregion*/
fieldset {
  border: 1px solid var(--neutrals-300);
  padding: 16px;
  border-radius: 8px;
}
fieldset legend {
  font: bold 13px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  color: var(--primary-dark);
  padding: 0 10px;
}
fieldset h2 {
  font-size: 16px;
  line-height: 24px;
}
td.formatLabelRight {
  color: var(--text-primary);
  text-align: right;
}
td.formLabelLeft {
  color: #666666;
  text-align: left;
}
span.reqInfo,
td.reqInfo {
  color: var(--error-main);
}
span.notReq {
  color: var(--text-primary);
}
table.loginTable {
  margin-top: 200px;
  background: #ffffff;
  width: 550px;
  border: #999999 1px solid;
  border-collapse: collapse;
}
table.loginTable th {
  padding-right: 4px;
  padding-left: 4px;
  background: #dedede;
  padding-bottom: 4px;
  font: bold 12px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  color: #333333;
  padding-top: 4px;
  border-bottom: #990000 2px solid;
  text-align: left;
}
table.loginTable td {
  padding: 3px;
}
UL.view-types {
  padding-left: 0px;
  margin: 0px 0px 7px 20px;
  list-style-type: none;
}
div#mapView {
  padding: 30px;
  margin: 0px auto 10px;
  border: #999999 0px solid;
  height: 500px;
}
/*#region Standard Tables*/
table#reportPreferencesTable select {
  width: 220px;
}
table#reportPreferencesTable input,
table#reportPreferencesTable button {
  width: 80px;
}
.grid-table {
  width: 100%;
  border-bottom: transparent;
  text-align: left;
  border-collapse: collapse;
}
.grid-table CAPTION {
  padding-right: 5px;
  border-top: #5782af 2px solid;
  padding-left: 5px;
  background: #dddddd;
  padding-bottom: 5px;
  font: bold 12px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  text-transform: uppercase;
  padding-top: 5px;
  border-bottom: #ffffff 1px solid;
  text-align: left;
}
.grid-table TH {
  padding-right: 4px;
  padding-left: 4px;
  background: transparent;
  padding-bottom: 4px;
  font: bold 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  vertical-align: bottom;
  color: #666666;
  padding-top: 4px;
  border-bottom: #cccccc 1px solid;
}
.grid-table TH.data-text {
  text-align: left;
}
.grid-table TH.data-number {
  text-align: right;
}
.grid-table TH.data-number {
  text-align: right;
}
.grid-table TH.top-row {
  border-bottom: #ffffff 1px solid;
}
.grid-table TD {
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  vertical-align: top;
  color: var(--text-primary) !important;
  padding-top: 4px;
  border-bottom: #eeeeee 1px;
}
.grid-table.no-border th,
.grid-table.no-border td,
.grid-table.no-border {
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}
.manage-users {
  width: 96%;
  border-bottom: #cccccc 1px;
}
.manage-users CAPTION {
  padding-right: 5px;
  border-top: #5782af 2px solid;
  padding-left: 5px;
  background: #dddddd;
  padding-bottom: 5px;
  font: bold 12px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  text-transform: uppercase;
  padding-top: 5px;
  border-bottom: #ffffff 1px solid;
  text-align: left;
}
.manage-users TH {
  padding-right: 10px;
  padding-left: 5px;
  background: #e5f1ff;
  padding-bottom: 10px;
  font: bold 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  vertical-align: bottom;
  color: #666666;
  padding-top: 5px;
  border-bottom: #cccccc 1px solid;
  text-align: left;
}
.manage-users TH.data-text {
  text-align: left;
}
.manage-users TH.data-number {
  text-align: right;
}
.manage-users TH.data-number {
  text-align: right;
}
.manage-users TH.top-row {
  border-bottom: #ffffff 1px solid;
}
.manage-users TD {
  vertical-align: top;
  color: #444444;
  padding-top: 5px;
  border-bottom: #eeeeee 1px;
}
.setup-table {
  padding: 10px;
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid var(--utility-divider);
}
.setup-table > tbody > tr > th {
  text-align: left;
  padding: 5px 15px 10px 0;
  font-weight: 700;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  vertical-align: bottom;
  color: var(--text-secondary);
  text-shadow: none;
  border-bottom: 1px solid var(--utility-divider);
}
.setup-table > tbody > tr > td {
  text-align: left;
  vertical-align: top;
  padding: 9px 15px 9px 5px;
  color: var(--text-primary);
  border-top: none;
  border-bottom: 1px solid var(--utility-divider);
}
.setup-table tr td img {
  vertical-align: middle !important;
}
.setup-table TD.actions {
  padding-right: 5px;
  padding-left: 5px;
  width: 1px;
  white-space: nowrap;
  text-align: right;
}
.setup-table hr {
  border: 0;
  color: #ccddff;
  background-color: #ccddff;
  height: 1px;
  width: 100%;
  text-align: left;
}
.setup-table tr.no-border td {
  border-top: 0px;
}
.setup-table td.first,
.setup-table th.first {
  padding-left: 5px;
}
.centered {
  text-align: center;
}
.setup-table th.action-column {
  white-space: nowrap;
}
.click-tooltip {
  cursor: pointer;
}
div.click-tooltip-content,
div.setup-table-key {
  position: absolute;
  width: 229px;
  padding-top: 20px;
  background: url(../images/box-top-right.png) transparent no-repeat;
  display: none;
  z-index: 2000;
}
div.click-tooltip-content div,
div.setup-table-key div {
  background: #e6f2fe;
  border: 1px solid #0066cc;
  border-top: 0px;
  padding: 5px;
  font: 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  text-align: left;
  overflow: visible;
}
div.click-tooltip-content strong,
div.setup-table-key strong {
  color: #5782af;
  font-size: 11px;
  text-shadow: 0 1px 0 #fff;
}
table.setup-table td.serialNumbers {
  width: 150px;
}
table.setup-table td.serialNumbers span {
  color: #0066cc;
  border-bottom: 1px dotted #0066cc;
}
span.tagtext {
  font-style: italic;
  color: #0066cc;
}
span.tagtextedit {
  color: #0066cc;
  border-bottom: 1px dotted #0066cc;
  cursor: pointer;
}
#lineItemTable {
  border-collapse: collapse;
}
#lineItemTable select {
  width: 100px;
}
td.exception,
tr.norm td.exception,
tr.alt td.exception {
  background-color: #ffcccc;
  font-weight: bold;
}
td.tracking,
tr.norm td.tracking,
tr.alt td.tracking {
  background-color: #ccffcc;
  font-weight: bold;
}
#lineItemTable th {
  padding-bottom: 5px;
  font: bold 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  vertical-align: bottom;
  color: #555555;
  padding-top: 5px;
  text-align: center;
}
div.batchPanel {
  width: 765px;
}
div.batchPanel .copy {
  font-weight: bold;
  font-size: 1.4em;
}
div.batchPanel .fieldname {
  font-weight: bold;
  font-size: 1.4em;
  color: #666666;
}
div.batchPanel .limit {
  font-weight: normal;
  font-size: 1.2em;
  color: #666666;
}
div.batchPanel .required {
  font-weight: normal;
  font-size: 1.2em;
  color: #ff0033;
}
div#fulfillmentFilterInstructions {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: right;
  float: right;
}
div#fulfillmentFilterInstructions div.instructions {
  width: 300px;
  margin: 0px;
  margin-top: 10px;
  text-align: left;
}
td.lineItemCell {
  white-space: nowrap;
}
td#total {
  white-space: nowrap;
}
tr.pastDueReport td {
  background-color: #ffcccc;
  border-top: #ccaaaa 1px solid;
  font-weight: bold;
}
#lineItemTable td {
  text-align: center;
  padding-top: 2px;
  vertical-align: top;
  padding-bottom: 5px;
  height: 20px;
}
#lineItemTable td.rcbInputCell,
#lineItemTable td.rcbArrowCell {
  padding-bottom: 0px;
  padding-top: 2px;
}
#lineItemTable td#panels {
  padding-top: 0px;
}
.complianceAlert {
  background: #bbbb00;
  vertical-align: top;
  color: #ff0000;
  border-top: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
}
TH.amount {
  text-align: right;
}
TD.amount {
  text-align: right;
}
TH.date {
  white-space: nowrap;
  text-align: center;
}
TD.date {
  white-space: nowrap;
  text-align: center;
}
.alert {
  font-weight: bold;
  color: #cc3300;
}
TH.attribute {
  text-align: center;
}
TD.attribute {
  text-align: center;
}
.grid-table TD.group-heading {
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 11px;
  vertical-align: bottom;
  color: var(--text-primary);
  border-bottom: #777 1px solid;
}
.grid-table TD.summary {
  border-right: #003399 2px solid;
  border-top: #003399 2px solid;
  background: #ffffcc;
  border-left: #003399 2px solid;
  border-bottom: #003399 2px solid;
}
.grid-table TH.grid-table-date {
  text-align: center;
}
.grid-table TD.grid-table-date {
  text-align: center;
}
div.helpText {
  background: #ffffee;
  border: 1px solid #ccc;
  padding: 13px;
  margin: 0px auto 13px;
  margin-top: -1px;
  display: none;
  width: 862px;
}
div.instructions {
  background: var(--neutrals-50) !important;
  padding: 5px;
  margin-bottom: 10px;
  width: 99%;
  text-align: left;
  border-top: 1px solid #d4d0ca;
  border-bottom: 1px solid #f4efe8;
}
div.collapsible div.instructions {
  margin-top: 0px;
  float: right;
  width: 200px;
}
div.stackedInstructions {
  float: right;
  width: 230px;
}
div.stackedInstructions div.instructions {
  float: none;
}
td.filterLabel {
  width: 170px;
  padding-right: 5px;
  text-align: right;
}
div.pnlInstructions {
  background: #ffffee;
  border: 1px solid #ccc;
  padding: 5px;
  margin: 10px;
  margin-left: 0px;
  width: 170px;
  float: left;
}
div.pnlInstructions h2 {
  float: left;
  font-size: 2.2em;
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 5px;
  font-weight: bold;
}
div.pnlInstructions div {
  margin-top: 5px;
}
button.neutral {
  background: #dddddd;
  width: 30px;
}
button.red {
  background: #dddddd;
  width: 30px;
}
button.green {
  background: #dddddd;
  width: 30px;
}
button.green {
  background: #009900;
  color: #ffffff;
}
button.red {
  background: #cc3300;
  color: #ffffff;
}
.form-table {
  margin-top: 10px;
  margin-left: 100px;
  border-collapse: collapse;
}
.form-table TD {
  vertical-align: top;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 10px;
  padding-top: 4px;
}

.form-table.middle-valign td,
.form-table.middle-valign td > a,
.form-table.middle-valign td > img {
  vertical-align: middle;
}
.form-table TH {
  font: bold 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  padding-top: 15px;
  border-bottom: #cccccc 1px solid;
  text-align: left;
}
div.adhocSectionHeader {
  font-variant: small-caps;
  border-bottom: solid 1px #666666;
  padding-top: 11px;
  padding-left: 6px;
}
div.adhocSectionContent {
  padding-top: 2px;
  padding-left: 6px;
  padding-bottom: 8px;
}
div.adhocWindow {
  width: 675px;
}
div.modalAction {
  width: 330px;
}
div.modalActionWide {
  width: 500px;
}
div.modalSubmit {
  width: 450px;
  font-size: 1.1em;
  color: #333333;
}
div.modalWindow {
  box-sizing: content-box;
  border: none;
  border-radius: 8px;
  background: #ffffff;
  /* box shadows for browsers that support them*/
  -moz-box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%),
    0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);
  -webkit-box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%),
    0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);
  box-shadow: 0px 11px 15px -7px rgb(0 0 0 / 20%),
    0px 24px 38px 3px rgb(0 0 0 / 14%), 0px 9px 46px 8px rgb(0 0 0 / 12%);
  position: absolute;
  overflow: hidden;
  z-index: 1101;
  display: none;
  text-align: left;
  margin-top: 70px;
  padding: 24px;
}
div.modalWindow iframe,
div#bulkImportProcessing iframe,
div#modalOverlay iframe,
div#fileUploadProgress iframe,
div#sessionAlertOverlay iframe {
  display: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  filter: mask();
  width: 3000px;
  height: 3000px;
}
div.modalWindow.overflow {
  overflow: visible;
}
div.gridWrapper {
  border-top: 1px solid var(--neutrals-300);
  background: var(--neutrals-50);
  background-repeat: repeat-x;
}
div.gridWrapper table tr td {
  background-color: #fff;
}
.div-header td,
.div-header table,
.div-header {
  background: no-repeat;
  color: var(--text-primary);
  white-space: nowrap;
  height: 25px;
  cursor: default;
  width: 100%;
  padding: 5px 0;
}
.div-header strong {
  font-size: 15px;
  padding-top: 5px;
  padding-left: 10px;
  float: left;
}
.div-header a {
  float: right;
  padding-top: 5px;
  padding-right: 5px;
}
div.modalWindow div.modalContent {
  padding: 10px;
}
div#shadow {
  display: none;
}
.footer {
  clear: both;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  margin: 50px 10px 25px;
  font: 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  color: #666666;
  padding-top: 5px;
  width: 100%;
}
.footerSm {
  font: 10px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  color: #666666;
  padding-top: 5px;
}
table.reportOptionsTable {
  width: 100%;
}
table.reportOptionsTable th {
  padding: 5px;
  font: bold 12px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  text-align: left;
  background: var(--primary-main);
  color: #ffffff;
}
table.reportOptionsTable td {
  background: var(--neutrals-50);
  padding: 5px;
}
div#eFilingInstructions {
  font-size: 1.1em;
  padding: 10px;
}
td.myAccountContent {
  width: 275px;
  font-size: 1.4em;
}
td.myAccountContentDynamic {
  text-align: left;
  font-size: 1.4em;
}
ul.pastOrders {
  margin-left: 0px;
}
li.pastOrderInfo {
  font: menu;
  list-style-position: inside;
  list-style-type: disc;
  margin: 2px;
}
span.ruleDescription {
  font-weight: bold;
  color: #cc3300;
}
div#trainingVideo {
  float: left;
  padding-right: 15px;
  position: relative;
}
div#trainingVideoIndex a.active {
  color: black;
  font-weight: bold;
}
div#trainingVideoIndex {
  position: absolute;
  left: 900px;
  top: 120px;
  z-index: 10;
}
div#setupStepStatus {
  text-align: right;
  margin: 0 0 10 0;
}
strong.ruleAck {
  font-weight: bold;
  color: #71a5de;
  display: inline;
}
div.contextSwitchHeader {
  font-size: 22px;
  color: #fff;
  margin-top: 2px;
  background-color: #71a5de;
  border: 1px solid #41759e;
}
form:after,
div.collapsible:after,
div.details:after,
div.detailsidebar:after,
div#main div#m:after,
div.header:after,
div.filter-body:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.ruledetails {
  padding: 10px;
}
.rulerbl td {
  padding: 0px;
}
span.tooltip,
a.iconButton,
div.tooltip,
a.tooltip {
  font-style: normal;
  font-size: 0.9em;
  color: var(--primary-main);
}
a.iconButton {
  white-space: nowrap;
}
a.iconButton:hover {
  text-decoration: none;
}
a.iconButton:hover span {
  text-decoration: underline;
}
a.iconButton img,
span.tooltip img,
span img.img-tooltip {
  vertical-align: bottom;
  margin-right: 3px;
}
span.img-tooltip-click,
span.txt-tooltip-click {
  cursor: pointer;
}
span.txt-tooltip-click,
span.txt-tooltip,
span.txt-tooltip-custom {
  border-bottom: 1px dotted #444444;
}
span.errorTooltip,
div.errorTooltip {
  font-style: normal;
  font-size: 0.9em;
  color: var(--error-dark);
  display: none;
}
a.iconButtonLinkDisabled {
  font-style: italic;
  font-size: 0.9em;
  color: #cccccc;
  white-space: nowrap;
}
p#blogs {
  font-size: 0.9em;
}
div.complianceRules {
  font-size: 1.5em;
  width: 300px;
  float: left;
}
div.complianceStatus,
div.documentStatus {
  text-align: right;
}
div.documentStatus {
  color: #00f;
}
table.document-table {
  border: 1px #ccc solid;
  border-bottom: 0px;
}
table.document-table td {
  border-bottom: 1px #ccc solid;
}
tr.norm td {
  background: #fff;
}
tr.alt td {
  background: var(--neutrals-50);
}
tr.disabledRow {
  background: #eeeeee;
}
div.collapseWrapper {
  background-color: var(--neutrals-100);
  padding: 16px;
  border: 1px solid var(--utility-divider);
  border-radius: 8px;
  margin: 12px 0;
}
div.collapseWrapper.light-blue {
  background-color: var(--neutrals-50);
}
div.collapsible {
  width: 100%;
  padding-top: 10px;
}
div.collapsible.fulfillmentActions button {
  width: 190px;
}
a.aCollapse,
a.aCollapseBrands {
  cursor: pointer;
}
span.collapseHeader {
  padding-left: 5px;
  font-weight: bold;
  color: #06b;
}
tr.filterItem {
  height: 30px;
  margin-bottom: 10px;
}
tr.filterItem td {
  white-space: nowrap;
  padding-left: 5px;
  text-align: right;
  padding-right: 35px;
}
tr.filterItem td {
  text-align: left;
}
tr.filterItem td.label {
  padding-right: 5px;
  color: var(--text-primary);
  font-weight: bold;
}

div.documents {
  padding-bottom: 10px;
}
div.documentName,
div.documentName a {
  color: #000;
  text-decoration: underline;
  font-size: 1.2em;
  width: 500px;
  float: left;
}
p.description {
  font-style: italic;
}
.green-temp {
  background-color: #e8ffe8;
}
.red-temp {
  background-color: #feddc7;
}
.yellow-temp {
  background-color: #ffffcc;
}
table#forecasts {
  border: 1px #000 solid;
  border-collapse: collapse;
  border-bottom: 0px;
}
table#forecasts TD {
  padding-right: 10px;
  padding-left: 5px;
  padding-bottom: 10px;
  vertical-align: top;
  color: #000;
  padding-top: 5px;
  border-bottom: solid 1px #000;
}
h3.forecastHeader {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
div#printdetails div.complianceStatus img {
  padding-left: 10px;
}
div#printdetails div.complianceRules {
  width: 230px;
}
div#printdetails div.complianceStatus {
  margin-left: 250px;
}
div.document-admin .docinput {
  width: 395px;
}
.category-header {
  padding-top: 10px;
  font-weight: bold;
  margin-bottom: 0px;
  padding-bottom: 5px;
}
div#btnwrapper {
  text-align: right;
  margin: 0 0 0 auto;
}
.yui-button button.btnFulfillment,
.yui-button input.btnFulfillment {
  width: 170px;
  padding: 0 3px;
}
#btnDownload {
  width: 180px;
}
div#bulkImportProcessing {
  position: absolute;
  margin: 0px auto;
  background: #fff;
  border: 1px solid #006699;
  height: 75px;
  width: 300px;
  z-index: 10;
}
div#fileUploadProgress {
  position: absolute;
  margin: 0px auto;
  background: #fff;
  border: 1px solid #006699;
  height: 75px;
  width: 300px;
  z-index: 10;
}
table.fulfillmentlocations-table td {
  padding-top: 3px;
  padding-bottom: 3px;
}
div.processingOverlay {
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  display: none;
  position: absolute;
  z-index: 1199;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  top: 0px;
  left: 0px;
}
div#processingWindow {
  position: absolute;
  z-index: 1200;
  top: 300px;
  text-align: left;
  display: none;
}
div#processingWindowContent {
  font-size: 1.4em;
  font-weight: bold;
  color: #003366;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: 35px;
  background: url(../images/bg_header.gif);
  width: 500px;
  /* box shadows for browsers that support them*/
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  /* rounded corners for browsers that support them */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
}
div#processingWindowContent span {
  position: relative;
  top: 5px;
}
div#processingWindowContent div {
  position: relative;
  top: 10px;
}
div.sessionOverlay,
div.modalOverlay {
  background-color: #000;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  display: none;
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  top: 0px;
  left: 0px;
}
input.readyButton {
  width: 102px;
}
ul#tempmapmenu {
  margin-top: 16px;
  margin-left: 0;
  position: relative;
}
ul#tempmapmenu li {
  display: inline;
  overflow: hidden;
  list-style: none;
  list-style-type: none;
}
ul#tempmapmenu li.thinking {
  position: absolute;
  left: 700px;
  color: #68130d;
  font-weight: bold;
  font-size: 1.4em;
  display: none;
  top: 0;
}
ul#tempmapmenu li a:link,
ul#tempmapmenu li a:visited {
  padding: 2px 6px 2px 6px;
  border: 1px solid #cccccc;
  border-bottom: 0;
  font-weight: bold;
  font-size: 1.2em;
  color: #003366;
}
ul#tempmapmenu li a:hover,
ul#tempmapmenu li a:active,
ul#tempmapmenu li a.this {
  background: #e0e8f6;
}
ul#tempmapmenu li.select {
  border-bottom: 0;
  margin-right: 8px;
  font-weight: bold;
  font-size: 1.2em;
  color: #003366;
  margin-right: 28px;
}
#tempmap {
  margin: 1px 0 4px 0;
  padding: 0;
  border: 1px solid #cccccc;
  display: block;
  width: 820px;
  height: 360px;
}
#tempmap h2 {
  text-align: center;
  margin-top: 150px;
}
#tempmap #ie6 {
  display: none;
}
#tempmap #ie6 h3 {
  margin-top: 45px;
}
#tempmap #ie6 {
  text-align: center;
}
#tempmap #ie6 a {
  display: block;
  margin-top: 35px;
}
#temp {
  width: 46px;
  font-weight: bold;
  font-size: 1.4em;
  color: #003366;
  line-height: 12px;
  border: 1px solid #cccccc;
  padding: 1px;
}
#temp option {
  padding-left: 4px;
}
div.wholesaleManualLabel {
  display: inline-block;
  width: 225px;
  float: left;
}
div#invoiceItemsWrapper {
  margin-top: 10px;
  display: none;
  clear: both;
}
div#searchHelp span.yui-button {
  vertical-align: middle;
  padding-top: 0px;
  margin-top: 0px;
}
td.operationAlert,
td.inactiveAlert {
  background-color: #ffffcc;
  border: solid 1px #ffcc33;
  padding: 5px;
}
td.operationAlert img,
td.inactiveAlert img {
  display: inline;
  float: left;
}
td.operationAlert span {
  padding-left: 10px;
}
td.operationAlert span a {
  color: #cc3300;
  font-size: 1em;
  font-weight: bold;
}
.labels-table td.incompleteLabel {
  color: #ff0000;
}
td.inactiveAlert div {
  color: #cc3300;
  font-size: 1.2em;
  font-weight: bold;
  width: 300px;
  position: relative;
}
div#sessionAlert {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -150px;
  display: none;
  z-index: 250;
  width: 300px;
  height: auto;
  font-size: 0.88em;
  padding: 16px;
  border-radius: 8px;
}
div.panelcontent div {
  text-align: center;
}
div.inactiveAlertImg {
  float: left;
  height: 30px;
  width: 20px;
  padding-top: 14px;
}
div#topNavigation ul li#operationStatus {
  width: auto;
  display: none;
  overflow: visible;
}
div#operationStatus {
  background: none repeat scroll 0 0 #ffffdd;
  border: 1px solid #ffcc66;
  font-size: 0.9em;
  left: 216px;
  padding: 2px 2px 5px;
  position: absolute;
  top: 1px;
  width: 200px;
}
div#operationStatus a,
li#operationStatus a {
  color: #ff0000;
}
div#operationStatus a span,
li#operationStatus a {
  position: relative;
  top: -3px;
}
div#operationStatus a img,
li#operationStatus a img {
  position: relative;
  top: 5px;
  padding-right: 4px;
  display: inline;
}
div.labelImage {
  float: left;
}
div.labelDetails {
  width: 200px;
}
div.reportFrequencyChanged {
  background: #ffffee none repeat scroll 0 0;
  border: 1px solid #cccccc;
  padding: 5px;
}
ul li.rcbItem,
ul li.rcbHovered {
  margin-bottom: 0px;
}
ul.contentList {
  line-height: 1.5em;
  list-style-type: disc;
  padding-left: 20px;
}
#tooltipCover {
  position: absolute;
  top: 100px;
  left: 100px;
  background: #ffffff;
  z-index: 10;
  display: none;
  width: 200px;
  border: 1px solid #ffffff;
}
#tooltip {
  position: absolute;
  top: -100px;
  left: -100px;
  background: #ffffdd;
  border: 1px solid #ffcc66;
  width: 200px;
  padding: 5px;
  display: none;
  font: 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  z-index: 2000;
  text-align: left;
}
#iconbutton-tooltip {
  position: absolute;
  top: -100px;
  left: -100px;
  background: #ffffdd;
  border: 1px solid #ffcc66;
  display: none;
  font: 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  z-index: 2000;
  text-align: left;
  white-space: nowrap;
}
#iconbutton-tooltip div {
  padding: 5px;
}
#tooltip ul li {
  margin-bottom: 12px;
}
#labelPopupCover,
#productPopupCover,
#brandPopupCover {
  position: absolute;
  top: 100px;
  left: 100px;
  background: #ffffff;
  z-index: 10;
  display: none;
  border: 1px solid #ffffff;
  overflow: visible;
}
div.lp,
div.pp,
div.bp,
div.dp,
div.dnp {
  position: absolute;
  top: -100px;
  left: -100px;
  background: var(--neutrals-100);
  border: 1px solid var(--primary-main);
  border-radius: 6px;
  padding: 6px 10px;
  display: none;
  font: 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif !important;
  z-index: 2000;
  text-align: left;
  overflow: visible;
  width: auto !important;
  height: auto !important;
}
div.lp td {
  vertical-align: top;
}
div.lp ul li,
div.pp ul li,
div.bp ul li {
  margin-bottom: 12px;
}
div.lii {
  margin-left: 45px;
  max-width: 500px;
}
div.lii a.iconButtonLink {
  cursor: default;
}
a.brandOwner span {
  position: relative;
  top: -3px;
}
a.brandOwner:hover,
span#viewUploadedOther a:hover,
span#viewUploadedBack a:hover,
span#viewUploadedFront a:hover,
span#viewUploadedCola a:hover {
  color: #000;
  text-decoration: none;
}
img.labelpopupimg {
  max-width: 60px;
}
div.adhocWindow b.ahRequired {
  font-weight: 400;
  font-size: 1.1em;
  color: #f03;
}
div.adhocWindow b.ahLabel {
  font-weight: 400;
  font-size: 1.1em;
  color: #666;
}
table.adhocTable {
  margin-left: 10px;
  margin-bottom: 10px;
  width: 625px;
  padding: 0 10px 10px;
  font-weight: 400;
  font-size: 1.1em;
  color: var(--text-primary);
}
table.adhocTable td {
  border-right: 0;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  vertical-align: top;
}
table.adhocTable div.RadComboBox_Outlook table td {
  border: 1px solid #c3d9f9;
}
div.adhocWindow b.ahLabel,
div.adhocWindow b.ahLimit {
  font-weight: 400;
  font-size: 1.1em;
  color: var(--text-primary);
}
div.adhocWindow div.ahPanel {
  margin-top: 10px;
  display: none;
}
div.ahPanelStyled {
  padding: 10px;
  font: 12px/18px "Trebuchet MS", Arial, sans-serif;
}
div.ahPanelStyled p {
  margin-bottom: 10px;
}
div.ahPanelStyled ul li {
  margin-bottom: 5px;
}
div#pnlSave {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}
div#AdHocLicenseWindow div#adhocLicenseDescription,
div#AdHocLabelWindow div#adhocLabelDescription,
div#SalesPersonWindow div#adhocSalesPersonDescription,
div#DistributorWindow div#adhocDistributorDescription,
div.adhocNavigationDescription {
  background-color: #fff;
  text-align: left;
  padding: 10px;
  font-size: 14px;
  color: #69879c;
}
div#AdHocLicenseWindow div.ahlPanel,
div#AdHocLabelWindow div.ahlPanel,
div#DistributorWindow div.ahdPanel,
div#SalesPersonWindow #pnlWorkingRegions,
div.adhocWindow div.subPanel {
  margin-top: 10px;
}
div#AdHocLicenseWindow ul#adhocLicenseNav,
div#LabelRegistrationWindow ul#adhocRegistrationProductNav,
div#AdHocLabelWindow ul#adhocLabelNav,
div#SalesPersonWindow ul#adhocSalesPersonNav,
div#DistributorWindow ul#adhocDistributorNav,
div ul.adhocNav {
  border-bottom: 1px solid transparent;
  height: 25px;
  padding-top: 15px;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  background-color: transparent;
  margin-bottom: 16px;
}
div#AdHocLicenseWindow ul#adhocLicenseNav li,
div#AdHocLabelWindow ul#adhocLabelNav li,
div#SalesPersonWindow ul#adhocSalesPersonNav li,
div#DistributorWindow ul#adhocDistributorNav li,
div ul.adhocNav li {
  float: left;
  margin-left: 10px;
  margin-bottom: 0;
  padding: 0 12px 12px;
  font-size: 14px;
  color: var(--text-primary);
  cursor: pointer;
}
div#AdHocLicenseWindow ul#adhocLicenseNav li.selected,
ul#adhocLicenseNav li.hovered,
div#AdHocLabelWindow ul#adhocLabelNav li.selected,
ul#adhocLabelNav li.hovered,
div#SalesPersonWindow ul#adhocSalesPersonNav li.selected,
ul#adhocSalesPersonNav li.hovered,
div#DistributorWindow ul#adhocDistributorNav li.selected,
ul#adhocDistributorNav li.hovered,
div ul.adhocNav li.selected,
div ul.adhocNav li.hovered {
  border-bottom: 0;
  background-color: #fff;
  border-bottom: solid 4px var(--primary-main);
  top: 1px;
}
div#AdHocProductWindow div#adhocProductDescription {
  background-color: #fff;
  text-align: left;
  text-align: left;
  padding: 10px;
  font-size: 14px;
  color: #69879c;
}
div#AdHocProductWindow div.ahlPanel {
  text-align: center;
  display: none;
  margin-top: 10px;
}
ul#adhocProductNav,
ul#adhocRegistrationProductNav {
  border-bottom: 0;
  height: 25px;
  padding-top: 5px;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  background-color: transparent;
  margin-bottom: 10px;
}
ul#adhocProductNav li,
ul#adhocRegistrationProductNav li {
  float: left;
  margin-left: 10px;
  margin-bottom: 0;
  padding: 0 10px;
}
ul#adhocProductNav li.selected,
ul#adhocProductNav li.hovered,
ul#adhocRegistrationProductNav li.selected,
ul#adhocRegistrationProductNav li.hovered {
  border-bottom: 0;
  padding-bottom: 5px;
  background-color: #fff;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
ul#adhocProductNav li.selected,
ul#adhocRegistrationProductNav li.selected {
  position: relative;
  top: 1px;
  border-bottom: solid 4px var(--primary-main);
}
ul#adhocProductNav li,
ul#adhocRegistrationProductNav li {
  padding-bottom: 4px;
  padding-top: 2px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  border-top: 1px solid #f0f7ff;
  border-left: 1px solid #f0f7ff;
  border-right: 1px solid #f0f7ff;
}
div#AdHocLabelWindow div.ahlPanel {
  height: 400px;
  overflow-y: scroll;
}
ul.quickStartStatusSummary {
  list-style-type: none;
  text-align: left;
}
div.npsModalOverlay {
  background-color: #000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
  display: block;
  position: absolute;
  z-index: 998;
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  top: 0px;
  left: 0px;
}
div.npsPollQuestion {
  background-color: #ffffff;
  border: 1px solid #4f5b90;
  font-size: 1.3em;
  width: 700px;
  padding: 10px;
  padding-left: 30px;
  z-index: 999;
  overflow: hidden;
  left: 50%;
  margin-left: -350px;
  position: absolute;
  top: 80px;
}
table.npsPollScore {
  margin-top: 10px;
  border-collapse: collapse;
}
table.npsPollScore th {
  border: solid 1px #ccccdd;
  color: #2f3b70;
  padding: 2px;
  text-align: center;
  font-size: 0.9em;
  font-weight: normal;
}
table.npsPollScore td {
  border: solid 1px #ccccdd;
  color: #2f3b70;
  padding: 4px 12px 4px 12px;
  margin: 0px;
  text-align: center;
  font-size: 0.9em;
}
div.npsPollQuestion textarea {
  margin-left: 350px;
  /* this is needed for IE7 - i dunno why, PS */
}
div.npsPollQuestion h3 {
  color: #000000;
  font-size: 0.9em;
  font-weight: bold;
  padding-top: 16px;
  margin-bottom: 2px;
}
div.npsPollTitle {
  text-align: left;
  background-color: #6195ee;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: -10px;
  margin-left: -30px;
  margin-right: -10px;
  padding: 16px 10px 16px 10px;
  margin-bottom: 10px;
}
div.npsPollFooter {
  text-align: left;
  background-color: #6195ee;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  margin-left: -30px;
  margin-right: -10px;
  padding: 16px 10px 16px 10px;
  margin-top: 10px;
  margin-bottom: -10px;
}
div.npsPollFooter a {
  color: #ffffff;
  font-weight: normal;
}
div#pollQuestion {
  background-color: #ffffff;
  border: 1px solid #4f5b90;
  width: 740px;
  margin-top: 10px;
  padding: 10px;
  margin: 0px -13px;
  min-height: 28px;
  z-index: 10;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  position: relative;
}
div.pollContent {
  text-align: left;
  font-size: 0.9em;
  min-height: 25px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
div.pollOptions table {
  margin-left: 50px;
  margin-right: 50px;
}
div.helpVideo {
  text-align: center;
  width: 845px;
  height: 498px;
  float: left;
}
.titleBar {
  background-image: url(../images/adhocHeader.png);
  background: none;
}
.titleBar td,
.titleBar,
.titleBar table {
  font-size: 1.2em;
  cursor: default;
}
.drg img,
.nodrg img {
  vertical-align: bottom;
}
.drg,
.nodrg {
  position: absolute;
  float: left;
  background-color: #fff;
  background-repeat: repeat-x;
  border: 1px solid var(--neutrals-100);
  color: var(--text-primary);
  font-size: 1.2em;
  z-index: 1;
}
.panelcontent {
  padding: 0;
  z-index: 0;
  height: auto !important;
}
.panelcontent * {
  font-size: 1.2em;
  padding-bottom: 10px;
}
.panelcontent span,
.panelcontent button {
  padding-bottom: 0px;
}
.panelcontent h1 {
  color: #555;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px auto;
}
.panelcontent a:link,
.panelcontent a:visited,
.panelcontent a:active {
  text-decoration: none;
}
.panelcontent a:hover {
  text-decoration: underline;
  color: #cc3300;
}
.panelcontent ul {
  list-style: disc inside;
}
.panelcontent li {
  padding-bottom: 0px;
}
.panelcontent table th {
  border: 1px solid #ccc;
  color: #555;
  font-weight: bold;
}
.panelcontent table td {
  border: 1px solid #ccc;
}
#minArea {
  position: absolute;
  left: 770px;
  top: 60px;
  margin-top: 5px !important;
}
#minArea a {
  color: #5782af;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  height: 100%;
  line-height: normal;
  text-decoration: none;
}
#minArea a:hover {
  color: #cc3300;
}
.colaDetailsIcon {
  margin-left: 2px;
  vertical-align: bottom;
}
/* bulk order screens */
.error-table {
  border-collapse: collapse;
  width: 180px;
}
.error-table th {
  font: bold 11px Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  text-align: left;
  background: #c30;
  color: #fff;
  padding: 4px;
}
.error-table td {
  border: 1px solid #ccc;
  padding: 3px;
  background: #ffc;
}
.error-table td a {
  text-decoration: none;
}
.grid-table {
  margin-top: 15px;
  width: 100%;
}
.grid-table th {
  border: 1px solid #ccc;
  border-left: none;
  white-space: nowrap;
  text-align: left;
  padding: 5px;
  color: var(--text-secondary);
  background-color: #fff;
  border: 0 !important;
  border-bottom: 1px solid var(--utility-divider) !important;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
}
.grid-table th.error-type {
  background: #e7e7e7;
  color: #000;
  font-weight: bold;
}
.grid-table td {
  border: none !important;
  padding: 5px;
  vertical-align: top;
  padding: 5px;
  border-bottom: 1px solid var(--utility-divider) !important;
}
.grid-table td.error {
  background: var(--warning-light) !important;
  color: #c30;
}
select.error,
input.error {
  border: 1px solid #fc3;
  background: #ffd;
}
input.valid {
  border: 1px solid #999;
  background: #efefef;
}
td.error-summary {
  color: #c30;
}
td.error ul {
  margin-top: 10px;
}
td ul li {
  margin-bottom: 5px;
}
.orbl {
  border: 0;
  padding: 2px;
  white-space: nowrap;
}
.orbl td {
  border: 0;
  padding: 0;
  text-align: left;
}
.blank {
  border: 0;
}
.blank td {
  border: 0;
  width: 25%;
}
.form-table td {
  border: 0;
}
td.all {
  background-color: #ffc;
  border: solid 1px #fc3;
  color: #c30;
  font-size: 12px;
  font-weight: bold;
  padding: 12px;
}
.grid-table th:after {
  box-shadow: 0 1px 0 rgb(0 0 0 / 6%), 0 2px 0 rgb(0 0 0 / 6%),
    0 3px 0 rgb(0 0 0 / 6%);
}
/* pager */
.selectHeader {
  font-weight: bold;
  color: #555;
}
.selectBlock {
  display: inline-block;
  width: 68%;
  text-align: left;
  margin-left: 25px;
}
.selectInnerBlock {
  display: inline-block;
  text-align: left;
}
.pagerBlock {
  display: inline-block;
  width: 10%;
  text-align: center;
}
.countBlock {
  width: 8%;
  display: inline-block;
  text-align: center;
}
.pagerLinkDisabled,
a.pagerLinkDisabled:hover {
  color: #ccc;
  text-decoration: none;
}
/* Assocition pages */
td span.thinking,
th span.thinking {
  color: #68130d;
  font-weight: bold;
  font-size: 14px;
  display: none;
}
.labelVintageMatch tr td,
.productVintageMatch tr td {
  padding: 3px;
}
.labelVintageMatch tr td:first-child {
  width: 140px;
}
.labelInfoContainer {
  padding: 0 5px;
}
.associateBtn {
  font-weight: normal;
  padding: 3px 3px 0 3px;
  cursor: pointer;
}
.labelImageContainer {
  display: none;
}
/* Label details */
.labelContainer {
  background: #ffd;
  border: 1px solid #ffcc66;
  padding: 7px;
}
.detailsBlock {
  vertical-align: top;
  display: inline-block;
  text-align: left;
  margin: 5px 10px;
}
.frontBlock {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  /* strange hack to make the next block align correctly, this block is aligned top*/
}
.backBlock {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
}
.switchBlock {
  vertical-align: middle;
  margin: 5px;
  display: inline-block;
}
.frontImage,
.backImage,
.switch {
  display: none;
}
.noLabel {
  display: none;
  font-size: large;
  font-weight: bold;
}
.imageDesc {
  text-align: center;
  font-weight: bold;
  margin-bottom: 7px;
  display: none;
}
/* overlay styles */
.overlayMenu a {
  color: #fff;
  font-weight: bold;
}
.eSignatureThumb {
  max-width: 200px !important;
  max-height: 100px !important;
  border: 1px solid #ccc;
  width: 200px;
}
/* Step 9 filters */
.wineOnlyFilter,
.spiritsOnlyFilter {
  display: none;
}
.step9Associater {
  height: 340px;
}
#jump-navigation {
  display: none;
}
.datePickerInline {
  display: -moz-inline-stack;
}
/* Maps */
.mapViewSelector {
  margin: 3px 10px 7px 10px;
  text-align: right;
  font-weight: bold;
  color: #5782af;
  width: 750px;
}
.mapViewSelector table {
  float: right;
}
/* analytics */
#exploreReports {
  padding-top: 10px;
}
.menuPanel {
  float: left;
  width: 400px;
}
.menuContainer {
  width: 400px;
  border-bottom: 1px solid #d0deec;
}
.reportPanel {
  width: 400px;
  float: left;
  margin-left: 15px;
  height: 100%;
}
.reportViewerFrame {
  margin-top: 7px;
}
.menuPanelTopPlaceHolder {
  border: 1px solid #d0deec;
  /* border radius for those that have them*/
  -moz-border-radius-topleft: 9px;
  -webkit-border-top-left-radius: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-right-radius: 9px;
  border-radius: 10px 10px 0px 0px;
}
.menuPanelTopPlaceHolder h2 {
  font-size: 1.3em;
  color: #333333;
  padding: 7px;
}
.menuPanelBottomPlaceHolder {
  padding-top: 9px;
  border: 1px solid #d0deec;
  border-top: 0;
  /* border radius for those that have them*/
  -moz-border-radius-bottomleft: 9px;
  -webkit-border-bottom-left-radius: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-bottom-right-radius: 9px;
  border-radius: 0px 0px 9px 9px;
}
.categoryMenu {
  list-style-type: none;
  list-style-position: outside;
  border-left: 1px solid #d0deec;
  border-right: 1px solid #d0deec;
}
.categoryMenu a.categoryLink {
  font-size: 1.2em;
  font-weight: bold;
  padding: 9px 7px;
  cursor: pointer;
  color: #5581ad;
  text-decoration: none;
  display: block;
  background: #eff8fe url(../images/icons/icon_minus.gif) no-repeat 95% center;
  border-bottom: 1px solid #e0f0ff;
}
.categoryMenu a:hover {
  text-decoration: underline;
}
.categoryMenu li {
  margin: 0;
  border-bottom: 1px solid #e0f0ff;
  border-top: 1px solid #fdfeff;
}
.categoryMenu li a {
  font-size: 1em;
  font-weight: bold;
  padding: 4px 4px 4px 12px;
  text-decoration: none;
  display: block;
  color: #222222;
  background: #eff8fe;
  border: 0;
}
.categoryMenu li a:hover {
  text-decoration: none;
}
.categoryMenu li a.hover {
  background: #f4f4f4;
  text-decoration: none;
}
.categoryMenu li a.selectedReport {
  background: #ffffff;
}
.collapsed a.categoryLink {
  background: #ffffff;
  background: url(../images/icons/icon_plus.gif) no-repeat 95% center;
  border-bottom: 0;
}
.collapsed li {
  display: none;
}
/* end analytics */
.adHocFaxContainer {
  display: inline-block;
  vertical-align: bottom;
  padding-left: 7px;
}
/* case 16691: enhancements to the filters. all filter based styles reside below, and are children of
 * the class .fancy-filters */
div.fancy-filters {
  margin-bottom: 4px;
  z-index: 1;
  position: relative;
}
div.fancy-filters div.filter-header {
  height: 33px;
  border-bottom: 1px solid var(--utility-divider);
  position: relative;
  text-shadow: none;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-radius: 10px 10px 0px 0px;
  cursor: pointer;
  z-index: 3;
}
div.fancy-filters div.filter-header h2 {
  padding-left: 33px;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
  color: #333333;
  width: 500px;
  display: inline-block;
  position: relative;
}
div.fancy-filters div.filter-header a.minimize {
  position: absolute;
  top: 9px;
  left: 10px;
  padding-right: 5px;
}
div.fancy-filters div.filter-header-filtered {
  background: url(../images/icons/status.png) no-repeat 10px 8px;
}
div.fancy-filters div.filter-header-information {
  background: url(../images/icons/information.png) no-repeat 10px 8px;
}
div.filter-status-on,
div.filter-status-off {
  position: absolute;
  right: 0px;
  padding-right: 5px;
  top: 5px;
}
div.filter-status-on img,
iv.filter-status-off img {
  padding-left: 4px;
  position: relative;
  top: 4px;
}
div.filter-status-on {
  color: #5782af;
}
div.filter-status-off {
  color: #aaa;
}

div.fancy-filters div.filter-body {
  padding: 10px 0px;
  display: none;
  position: relative;
  background: var(--neutrals-50);
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-radius: 0px 0px 5px 5px;
  border-top: 0;
  border-bottom: 1px solid var(--utility-divider);
}
div.fancy-filters.expanded div.filter-body {
  display: block;
}
/* case 17192: UI elements used in new manual order entry */
div.fancy-filters.fancy-fieldset {
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
  background: #eeeeee;
  margin-bottom: 4px;
  margin-top: 4px;
}
div.fancy-filters.fancy-fieldset div.filter-body {
  padding: 10px;
  display: none;
  position: relative;
  background: #f8f8f8;
}
div.fancy-filters.fancy-fieldset.maximize div.filter-body {
  padding: 10px;
  display: block;
  position: relative;
  background: #f8f8f8;
}
div.fancy-filters.fancy-fieldset.blue {
  border: 1px solid #9999cc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ddeeff;
  margin-bottom: 4px;
  margin-top: 4px;
}
div.fancy-filters.fancy-fieldset.blue div.filter-body {
  padding: 10px;
  display: none;
  position: relative;
  background: #fffaf2;
}
div.fancy-filters.fancy-fieldset.blue.maximize div.filter-body {
  padding: 10px;
  display: block;
  position: relative;
  background: #fffaf2;
}
div.fancy-filters.fancy-fieldset.green {
  border: 1px solid #99cc99;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ddffdd;
  margin-bottom: 4px;
  margin-top: 4px;
}
div.fancy-filters.fancy-fieldset.green div.filter-body {
  padding: 10px;
  display: none;
  position: relative;
  background: #fffaf2;
}
div.fancy-filters.fancy-fieldset.green.maximize div.filter-body {
  padding: 10px;
  display: block;
  position: relative;
  background: #fffaf2;
}
div.fancy-filters select.pageSize {
  width: 60px;
}
a.setup-table-key-link {
  padding: 10px;
}
#related-tasks {
  display: none;
  z-index: 10;
  width: auto;
  position: absolute;
  top: 94px !important;
}
/* we will probably start to make use of the "widget" look that was used in the quicklaunch elswhere.
 * generalized rules for use */
div.generic-widget {
  border: 1px solid #d0deec;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  background: url(../images/filter-bg.gif) repeat-x #fff;
  -moz-box-shadow: 3px 3px 4px #f1f1f1;
  -webkit-box-shadow: 3px 3px 4px #f1f1f1;
  box-shadow: 3px 3px 4px #f1f1f1;
  margin-bottom: 20px;
}
div.generic-widget div.widget-header {
  height: 33px;
  border-bottom: 0px;
  position: relative;
  text-shadow: 0 1px 0 white;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-radius: 5px 5px 0px 0px;
  background: url(../images/icons/information.png) no-repeat 10px 8px;
}
div.generic-widget div.widget-header h2 {
  padding-left: 33px;
  padding-top: 10px;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 12px;
  vertical-align: middle;
  color: #333333;
  display: inline-block;
}
div.generic-widget div.widget-header h2 a {
  color: #ff9900;
}
div.generic-widget div.widget-body {
  padding: 10px;
  position: relative;
}
/* age check preferences */
.ageCheckPreferencesBody {
  padding: 7px;
}
.ageCheckPreferencesFooter {
  text-align: center;
  padding: 7px;
}
.stateSettingsInstructions {
  width: 450px;
}
.stateSettingsIcons {
  padding: 7px 0 3px 0;
}
/* google checkout button */
.google-checkout-button input {
  border: none;
  padding: 0;
}
#marketing-partner p,
#marketing-partner ul,
#marketing-partner label {
  color: #666666;
  font-size: 12px;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
#marketing-partner p {
  max-width: 600px;
}
#marketing-partner #features li {
  margin-bottom: 5px;
}
#marketing-partner input {
  width: 300px;
}
#marketing-partner label {
  display: inline-block;
  text-align: right;
  width: 80px;
}
div.gridmenu {
  margin-top: 15px;
  border: 1px solid #d0deec;
  z-index: 2;
  width: 200px;
  right: 20px;
  background-color: #eff8fe;
  padding-bottom: 5px;
  position: absolute;
  display: none;
  text-align: left;
}
div.gridmenu a,
div.gridmenu span.tooltip {
  display: block;
  padding: 5px;
  border-bottom: 1px solid #d0deec;
}
/* order search results */
#toggle-all {
  display: inline-block;
  padding-left: 14px;
  height: 11px;
  background: url(../images/icons/icon_plus.gif) no-repeat left top;
}
.toggle-shipments {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(../images/icons/icon_plus.gif) no-repeat left top;
}
#toggle-all.collapse-shipments,
.collapse-shipments {
  background-image: url(../images/icons/icon_minus.gif);
}
.shipment-items-table tr th {
  background: transparent;
  border-bottom: none;
  color: #444;
  font-weight: normal;
}
.shipment-items-table tr td {
  border-top: solid 1px #eee;
}
.shipment-totals {
  color: #999999;
  font-style: italic;
}
.setup-table.past-orders td.pastOrderSummary {
  padding-bottom: 10px;
  vertical-align: bottom;
  padding-top: 5px;
  text-align: left;
}
span.viewPastOrdersInfoType {
  color: #999999;
}
.setup-table.past-orders td.pastOrderShippingDetails {
  border-top: none;
  padding-bottom: 5px;
}
.setup-table.past-orders td.past-orders-expand {
  padding: 5px 0 10px 0px;
  width: 46px;
}
.invoice-header {
  text-align: left;
  width: 300px;
}
.invoice-number {
  width: 145px;
}
.invoice-header-compressed {
  text-align: left;
}
.name-header {
  text-align: left;
  width: 180px;
}
.name-header-compressed {
  text-align: left;
}
.purchase-date-header {
  text-align: left;
  width: 130px;
}
.purchase-date-header-compressed {
  text-align: left;
}
.requested-date-header {
  text-align: left;
  width: 190px;
}
.requested-date-header-compressed {
  text-align: left;
}
.action-header {
  text-align: left;
  width: 150px;
}
.selection-header {
  width: 80px;
  text-align: center;
}
.selection-header-compressed {
  text-align: center;
}
.setup-table.past-orders th.past-orders-border {
  padding: 0;
  width: 20px;
}
.compressed tr th {
  padding: 5px 2px 10px 2px;
}
.compressed tr td {
  padding: 5px 2px;
}
.compressed.past-orders td.past-orders-expand {
  width: 20px;
}
.setup-table.past-orders td.shipping-details-top-left {
  border-top: none;
  background: url(../images/orderSearchResults/corner-left.png) no-repeat left
    top;
  height: 10px;
  width: 20px;
  padding: 0;
}
.setup-table.past-orders
  tr.shipping-details-header
  td.pastOrderShippingDetails {
  border-top: solid 1px #333;
  padding-top: 8px;
}
.setup-table.past-orders td.shipping-details-top {
  border-top: dashed 1px #efefef;
  padding: 0;
}
.setup-table.past-orders td.shipping-details-top-right {
  border-top: none;
  background: url(../images/orderSearchResults/corner-right.png) no-repeat left
    top;
  height: 10px;
  width: 20px;
  padding: 0;
}
.setup-table.past-orders td.shipping-details-left {
  border-top: none;
  background: url(../images/orderSearchResults/left.png) repeat-y;
  padding: 0;
}
.setup-table.past-orders td.shipping-details-right {
  border-top: none;
  background: url(../images/orderSearchResults/right.png) repeat-y;
  padding: 0;
}
.setup-table.past-orders td.shipping-details-bottom-left {
  border-top: none;
  background: url(../images/orderSearchResults/inside-left.png) no-repeat left
    top;
  height: 20px;
  width: 20px;
  padding: 0;
}
.setup-table.past-orders td.shipping-details-bottom {
  border-top: none;
  background: url(../images/orderSearchResults/bottom.png) repeat-x;
  padding: 0;
}
.setup-table.past-orders td.shipping-details-bottom-right {
  border-top: none;
  background: url(../images/orderSearchResults/inside-right.png) no-repeat left
    top;
  height: 20px;
  width: 20px;
  padding: 0;
}
.select-shipment-table {
  margin: 5px;
  width: 684px;
}
.select-shipment-table tr th,
.select-shipment-table tr td {
  padding-top: 4px;
  padding-bottom: 5px;
}
.select-shipment-table tr td {
  border-top: 1px solid #ccc;
}
#EditColasOnlineWindow #credential-entry,
#EditColasOnlineWindow #credential-progress {
  padding: 10px;
}
#EditColasOnlineWindow #colas-online-agreement,
#EditColasOnlineWindow #colas-online-agreement p {
  padding: 16px 0px;
}
#EditColasOnlineWindow span.tooltip {
  float: right;
}
#EditColasOnlineWindow span.tooltip img {
  vertical-align: top;
}
#EditColasOnlineWindow li > ul {
  font: 11px/18px "Trebuchet MS", Arial, sans-serif;
  padding-left: 10px;
  font-weight: normal;
}
#EditColasOnlineWindow .progress {
  font: 12px/18px "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
}
/*#region Review Label Packet CSS*/
td.labelColumn {
  width: 300px;
}
td.informationColumn {
  width: 640px;
}
span.labelDetailTitle {
  color: #999999;
  font-weight: bold;
}
span.labelDetail {
  color: #666666;
  font-weight: bold;
}
span.reviewLabelPacketStatus {
  font-size: 1.25em;
  font-weight: bold;
  color: #999999;
}
span.reviewLabelPacketSummary {
  font-size: 1.5em;
  font-weight: bold;
  color: #333333;
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  letter-spacing: -0.5px;
}
span.reviewLabelPacketTitle {
  font-weight: bold;
  color: #999999;
  display: block;
}
table.reviewLabelPacket {
  margin-bottom: 16px;
  width: 940px;
}
div.reviewLabelPacketHeader,
table.reviewLabelPacketHeader {
  border-bottom: 1px solid #cccccc;
  width: 940px;
  color: #999;
  font-size: 1.1em;
}
td.reviewLabelPacket {
  border-top: none;
  border-left: 1px solid #cccccc;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 188px;
}
td.reviewLabelPacketRight {
  border-top: none;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding-bottom: 10px;
  padding-left: 10px;
  width: 188px;
}
td.reviewLabelPacketSpacer {
  border-top: none;
  border-left: 1px solid #cccccc;
  padding-bottom: 1px;
  padding-left: 10px;
  width: 188px;
}
td.reviewLabelPacketSpacerRight {
  border-top: none;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding-bottom: 1px;
  padding-left: 10px;
  width: 188px;
}
/*#endregion*/
/* scrolling tabs */
.scrolling-tabs-widget {
  float: left;
}
.scrolling-tabs-scrollbar {
  overflow: hidden;
  position: relative;
}
.scrolling-tabs-list {
  margin: 0px;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  padding-left: 0px;
  width: 15000px;
  left: 0px;
}
.scrolling-tabs-list li {
  float: left;
  margin-left: 2px;
  margin-bottom: 0px;
  cursor: pointer;
}
.scrolling-tabs-list li a {
  float: left;
}
.scroll-tabs-nav-left,
.scroll-tabs-nav-right {
  display: inline-block;
  cursor: pointer;
  background-repeat: no-repeat;
  margin-top: 6px;
}
/* review packets */
.review-packets-section {
  clear: both;
  width: 980px;
}
.review-packets-summary {
  margin-left: 10px;
  margin-top: 15px;
}
.review-packets-not-found {
  text-align: center;
}
#packet-summary-header {
  border-bottom: 1px solid #cccccc;
  font-size: 1.6em;
  height: 32px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
#packet-summary-success {
  float: left;
  font-weight: bold;
  color: #333;
  width: 45%;
}
#packet-summary-download {
  float: right;
  text-align: right;
  width: 45%;
}
.summary-body {
  font-size: 1.1em;
}
.large-icon-text {
  display: inline-block;
  vertical-align: top;
  padding: 7px;
}
.packet-summary-column {
  float: left;
  margin-right: 55px;
}
.packet-summary-column-note {
  font-weight: bold;
  color: #333333;
  display: block;
}
.packet-summary-border {
  border: 1px solid #cccccc;
  margin-top: 15px;
  padding: 8px 8px 8px 8px;
}
.packet-summary-table {
  text-align: left;
  width: 100%;
}
.packet-summary-table th {
  color: #666666;
  font-weight: bold;
  text-align: left;
  padding-bottom: 4px;
}
.packet-summary-row td {
  border-top: 1px solid #cccccc;
}
.packet-summary-row-alt td {
  background: #f0f7ff;
  border-top: 1px solid #cccccc;
}
.packet-summary-label-details {
  display: inline-block;
  padding-left: 7px;
}
/*#region review packets tabs */
.review-packets-container {
  border-bottom: 1px solid #a8a8a8;
  height: 32px;
  width: 940px;
}
.review-packets-left-nav {
  background: url(images/ui-icons_222222_256x240.png) -96px 0;
  height: 16px;
  width: 16px;
}
.review-packets-right-nav {
  background: url(images/ui-icons_222222_256x240.png) -32px 0;
  height: 16px;
  width: 16px;
}
.review-packets-slider {
  width: 900px;
  margin: 0 4px;
}
.review-packets-tabs li {
  background: url("images/button_bg.png") repeat-x scroll 0 0 #ccc;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-radius: 3px 3px 0px 0px;
  border: 1px solid #a8a8a8;
  border-bottom: 0 none !important;
  height: 32px;
}

.review-packets-tabs li.selected {
  background: #fff;
}
.review-packets-tabs li a {
  color: #4f4f4f;
  font-size: 9px;
  font-weight: bold;
  width: 62px;
  padding: 6px 12px;
  text-decoration: none;
  text-align: center;
}
.distributor-territory-tabs {
  width: 750px;
  margin-bottom: 0px;
  height: 21px;
}
/*#endregion end tab */
.downloads-link {
  display: inline-block;
  margin-right: 15px;
}
/* registration document dialogs */
.setup-table tr.setup-table-header td {
  text-align: left;
  background: transparent;
  padding: 5px;
  padding-bottom: 10px;
  font-weight: 700;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  vertical-align: bottom;
  color: var(--text-primary);
  text-shadow: none;
  border: none;
  font: bold 11px;
  border-bottom: 1px solid var(--neutrals-300);
}
.registrations-setup-table tr td {
  font-size: 11px;
}
.registrations-setup-table tr.registrations-setup-table-header th {
  font-size: 11px;
}
.item-number-window {
  width: 620px;
}
.item-number-window .setup-table {
  border: none;
}
.upc-window {
  width: 620px;
}
.upc-window .setup-table {
  border: none;
}
.container-type-window {
  width: 620px;
}
.container-type-window .setup-table {
  border: none;
}
.additional-information-window-body {
  padding: 10px;
}
.additional-information-window-body .grid-table {
  margin-top: 0;
}
.additional-information-window-actions {
  margin-top: 10px;
  text-align: center;
}
.additional-information-actions-warning {
  text-align: left;
  color: #ff0033;
  margin-bottom: 10px;
}
.additional-information-button {
  float: right;
  display: inline-block;
  margin-bottom: 4px;
}
/* end registration document dialogs */
/*#region image grid */
div.image-grid-element {
  float: left;
  width: 270px;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  height: 60px;
}
div.image-grid-element img {
  max-height: 50px;
  max-width: 50px;
}
div.image-grid-element li {
  margin-bottom: 5px;
  color: #333;
}
div.image-grid-element div.left {
  float: left;
}
div.image-grid-element div.right {
  margin-left: 60px;
}
div.image-grid-element div.actions {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background: var(--neutrals-200);
  border-top: 1px solid var(--utility-divider);
  border-left: 1px solid var(--utility-divider);
  padding: 10px;
}
/*#endregion*/
/*#region auto suggest */
input.as-input {
  background-color: #fff;
}
/*#endregion auto suggest */
/*#region Distributor Territories*/
ul#dtNav {
  height: 20px;
  margin: 0px;
  padding-top: 5px;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  padding-left: 0px;
  left: 0px;
}
ul#dtNav li.complete {
  background: url(../images/icons/accept.png) no-repeat;
  background-color: #ffffee;
  padding-left: 17px;
}
ul#dtNav li.inProgress {
  background: url(../images/icons/warning.png) no-repeat;
  background-color: #ffffee;
  padding-left: 17px;
}
ul#dtNav li.notStarted {
  background: url(../images/icons/exclamation.png) no-repeat;
  background-color: #ffffee;
  padding-left: 17px;
}
ul#dtNav li.noDistributors,
ul#dtNav li.notrequired {
  padding-left: 11px;
  padding-right: 11px;
}
ul#dtNav li.noDistributors a,
ul#dtNav li.notrequired a {
  color: var(--neutrals-a200);
}
ul#dtNav li.selected,
ul#dtNav li.hovered {
  background-color: var(--neutrals-200);
  border: 1px solid var(--primary-light);
}
ul#dtNav li {
  float: left;
  padding: 2px 5px 4px;
  margin-right: 2px;
  margin-bottom: 0px;
  font-weight: bold;
  color: var(--text-primary);
  width: 18px;
  cursor: pointer;
  background-color: var(--neutrals-50);
  border: 1px solid var(--neutrals-300);
}
div.distributor-territory-item {
  position: relative;
  margin-top: -2px;
  clear: both;
  background: var(--neutrals-50);
  border: 1px solid var(--utility-divider);
}
div.distributor-territory-item div.collapse {
  display: none;
}
div.distributor-territory-item div.distributor-header {
  position: relative;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
  background: var(--neutrals-50);
  padding: 10px;
  border-bottom: 1px solid var(--utility-divider);
  min-height: 30px;
}
div.distributor-territory-item div.distributor-collapse {
  cursor: pointer;
  background: url("../images/icons/icon_minus.gif") no-repeat scroll 0px 4px
    transparent;
  height: 30px;
  width: 20px;
  float: left;
}
div.distributor-territory-item div.distributor-info div.top div {
  vertical-align: top;
}
div.distributor-territory-item.collapsed div.distributor-collapse {
  background: url("../images/icons/icon_plus.gif") no-repeat scroll 0px 4px
    transparent;
}
div.distributor-territory-item div.distributor-info {
  margin-left: 20px;
}
div.distributor-territory-item div.distributor-actions {
  clear: both;
  margin-left: 17px;
}
div.distributor-territory-item div.distributor-info {
  cursor: pointer;
  font-size: 1.1em;
}
div.distributor-territory-item div.assign-warning {
  width: 200px;
  float: left;
}
div.distributor-territory-item div.distributor-info-advanced {
  clear: both;
}
div.distributor-territories {
  padding: 10px 20px 20px 20px;
  background-color: #fff;
}
div.territoryToDistribute label {
  width: 135px;
  display: inline-block;
}
div.territoryToDistribute {
  width: 220px;
}
div.territoryToDistribute div.territoryName {
  margin-left: 45px;
}
input.partial-explanation {
  display: none;
}
.middle {
  vertical-align: middle;
}
.QuickStartCompletedMessage {
  display: none;
}
div.distributionType {
  cursor: pointer;
  margin-top: 5px;
  float: left;
  font-size: 0.9em;
  padding: 0 5px;
  width: 35px;
  text-align: center;
}
option.complete,
div.distributionType.full {
  background: var(--success-main);
  color: #fff;
  padding: 2px 3px;
}
option.notStarted,
option.noDistributors {
  background: #cc3300;
}
option.inProgress,
div.distributionType.partial {
  background: #ffcc33;
}
/*#endregion*/
/*#region Supporting Documents*/
#SupportingDocumentation label,
#BrandSupportingDocumentManager label {
  display: inline-block;
  width: 250px;
}
#AddSupportingDocumentation input[type="text"] {
  width: 150px;
}
#AdHocSupportingDocumentsWindow label.error {
  display: inline-block;
  width: 100%;
  color: #ff0000;
}
.existingDocumentSelection,
.existingAppointmentDocumentSelection,
.existingPOADocumentSelection {
  padding: 10px 0;
  height: 300px;
  overflow-y: scroll;
}
#existingDocumentsWarning {
  display: none;
}
/*#endregion Supporting Documents*/
/*#region AdhocBrands*/
#adhocBrandsMain span.chkForceSource {
  white-space: nowrap;
}
#adhocBrandsMain div.basic label {
  display: inline-block;
  width: 120px;
}
#adhocBrandsMain div.questionLabel {
  float: left;
}
#adhocBrandsMain div.questionAnswers,
#adhocBrandsMain div.brandDistributionDetails {
  margin-left: 150px;
}
#adhocBrandsMain div.brandDistributionDetails select {
  margin-left: 4px;
}
#adhocBrandsMain div.questionAnswers,
#adhocBrandsMain div.ttbBrandAutoComplete {
  margin-left: 150px;
}
#adhocBrandsMain div.ttbBrandAutoComplete select {
  margin-left: 4px;
}
#adhocBrandsMain div.documentRequirements {
  cursor: pointer;
  margin-left: 3px;
  font-size: 1.2em;
}
#adhocBrandsMain div.documentRequirements.not-required {
  cursor: auto;
}
#adhocBrandsMain div.documentRequirements a.iconButton {
  font-size: 1em;
}
#adhocBrandsMain input[type="text"] {
  width: 200px;
  margin-left: 5px;
}
#adhocBrandsMain input[type="checkbox"] {
  vertical-align: sub;
  margin-left: 5px;
}
#adhocBrandsMain select {
  width: 208px;
}
#adhocBrandsMain div.additionalSettings > div {
  padding: 5px;
}
#adhocBrandsMain > div.genericBox {
  margin-top: 3px;
}
/*#endregion*/
/*#region AdhocEditBrandTerritories*/
#BrandTerritories h2.region-type {
  padding-top: 10px;
}
#BrandTerritories th.smallcolumn {
  width: 90px;
  white-space: nowrap;
}
/*#endregion*/
/*#region Scraping Overlay */
#scrapeStatus {
  padding: 10px;
  width: 480px;
  display: none;
  margin-top: 5px;
  position: fixed;
  z-index: 12;
}
#processing {
  color: #0066cc;
  text-shadow: 1px 1px #fff;
}
#friendlyMessages {
  padding: 20px;
}
/*#endregion
/*#region new buttons*/
.switch-button {
  cursor: pointer;
  width: 21px;
  height: 41px;
  background: url(../images/buttons/switch_icon.png) no-repeat;
}
.switch-button:hover {
  background: url(../images/buttons/switch_on.png) no-repeat;
}
input[type="submit"].button {
  height: 22px;
}
.button,
a.button,
input[type="submit"].button {
  cursor: pointer;
  text-decoration: none;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding: 4 16px;
  box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%),
    0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);
  background-color: var(--primary-main);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  min-height: 32px;
  min-width: 72px;
  border-width: 0;
}
.button-v2.disabled,
input[type="submit"].button-v2.disabled,
.button.disabled,
input[type="submit"].button.disabled {
  opacity: 0.5;
}
a.button:hover {
  text-decoration: none;
}
.button:active,
input[type="submit"].button:active {
  background: var(--primary-dark);
}
.button-v2,
input[type="submit"].button-v2 {
  cursor: pointer;
  text-decoration: none;
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #578b49;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  border: 1px solid #a8aaac;
  padding: 0 5px;
  /* browser-specific and css3 only properties*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* exclude this border radius declaration for now since IE9 has issues */
  /* border-radius: 5px; */
  -moz-box-shadow: 0 0 1px #e6e6e7;
  -webkit-box-shadow: 0 0 1px #e6e6e7;
  box-shadow: 0 0 1px #e6e6e7;
  background: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #d3d8df 100%);
  /* FF3.6 */
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #ffffff),
    color-stop(1, #d3d8df)
  );
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #d3d8df 100%);
  /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #ffffff 0%, #d3d8df 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d3d8df');
  text-shadow: 0 0 1px #ffffff;
}
.button-v2:hover,
input[type="submit"].button-v2:hover {
  background: #d3d8df;
  background-image: -moz-linear-gradient(top, #d3d8df 0%, #ffffff 100%);
  /* FF3.6 */
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #d3d8df),
    color-stop(1, #ffffff)
  );
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #d3d8df 0%, #ffffff 100%);
  /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #d3d8df 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d3d8df', EndColorStr='#ffffff');
}
.button-v2:active,
input[type="submit"].button-v2:active {
  -webkit-transform: translatey(1);
  -moz-transform: translatey(1);
}
div.form-wrapper {
  font: 13px/1.5 Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
div.form-wrapper h2 {
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
div.form-wrapper label {
  width: 200px;
  display: inline-block;
}
/* light blue gradient background */
.light-blue-gradient {
  background: #dff4ff;
  background-image: -moz-linear-gradient(top, #e4f1fe, #cfe3f7);
  /* FF3.6 */
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #e4f1fe),
    color-stop(1, #cfe3f7)
  );
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#e4f1fe, #cfe3f7);
  /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #e4f1fe, #cfe3f7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E4F1FE', EndColorStr='#CFE3F7');
}
.dark-blue-gradient {
  background: #3169b5;
  background-image: -moz-linear-gradient(top, #3775c9, #3169b5);
  /* FF3.6 */
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #3775c9),
    color-stop(1, #3169b5)
  );
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#3775c9, #3169b5);
  /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #3775c9, #3169b5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3775C9', EndColorStr='#3169B5');
}
/* color buttons differently based on the page gradient it may be against */
.dark-blue-gradient .button,
.dark-blue-gradient input[type="submit"].button {
  color: #f7f7f7;
  text-shadow: 0 1px 0 #184994;
  border: 1px solid #000000;
  border-color: #184994 #184994 #000000;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  background-image: -moz-linear-gradient(top, #4292ff 0%, #216de7 100%);
  /* FF3.6 */
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #4292ff),
    color-stop(1, #216de7)
  );
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #4292ff 0%, #216de7 100%);
  /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #4292ff 0%, #216de7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4292ff', EndColorStr='#216de7');
}
.button.giant-green {
  border: 1px solid #8cc641;
  padding: 5px 50px;
  line-height: 20px;
  font-size: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #ffffff;
  text-shadow: 0 1px 0 #236431;
  background: #c3de96;
  background: -webkit-linear-gradient(#c3de96, #71af5e);
  background: -moz-linear-gradient(#c3de96, #71af5e);
  background: -o-linear-gradient(#c3de96, #71af5e);
  background: -ms-linear-gradient(#c3de96, #71af5e);
  background: linear-gradient(#c3de96, #71af5e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c3de96', EndColorStr='#71af5e');
}
.button.giant-green:hover {
  text-decoration: none;
  background: #71af5e;
  background: -webkit-linear-gradient(#71af5e, #c3de96);
  background: -moz-linear-gradient(#71af5e, #c3de96);
  background: -o-linear-gradient(#71af5e, #c3de96);
  background: -ms-linear-gradient(#71af5e, #c3de96);
  background: linear-gradient(#71af5e, #c3de96);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#71af5e', EndColorStr='#c3de96');
}
.button.giant-orange {
  border: 1px solid #faac72;
  line-height: 30px;
  font-size: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #fff;
  text-shadow: 0 0px;
  padding: 5px 25px;
  background: #fdebae;
  background: -webkit-linear-gradient(#ffddad, #ee8422);
  background: -moz-linear-gradient(#ffddad, #ee8422);
  background: -o-linear-gradient(#ffddad, #ee8422);
  background: -ms-linear-gradient(#ffddad, #ee8422);
  background: linear-gradient(#ffddad, #ee8422);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffddad', EndColorStr='#ee8422');
}
.button.giant-orange:hover {
  text-decoration: none;
  background: #fcbb60;
  background: -webkit-linear-gradient(#f15a2a, #ee8422);
  background: -moz-linear-gradient(#f15a2a, #ee8422);
  background: -o-linear-gradient(#f15a2a, #ee8422);
  background: -ms-linear-gradient(#f15a2a, #ee8422);
  background: linear-gradient(#f15a2a, #ee8422);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f15a2a', EndColorStr='#ee8422');
}
.button.new {
  position: relative;
  overflow: visible;
}
.button.pre-button img {
  position: absolute;
  top: -3px;
  left: -3px;
}
#new-registration {
  float: right;
  margin-right: 10px;
}
/*#region status indicator*/
div.status-indicator {
  color: #ffffff;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: default;
}
div.status-indicator a {
  color: #ffffff;
}
div.status-indicator a:hover {
  color: #ffffff;
  text-decoration: none;
}
div.status-indicator.not-started {
  background-color: #fcad2a;
  padding-left: 20px;
  background: url(../images/icons/circle.png) 6px 6px no-repeat #fcad2a;
  cursor: pointer;
}
div.status-indicator.pending {
  background-color: #67b2fe;
}
div.status-indicator.needs-attention {
  background-color: #ed1c24 !important;
}
div.status-indicator.done {
  background-color: #6dbf4f;
}
div.status-indicator.off {
  background-color: #ccc;
}
/*#endregion*/
/*#region new side filters*/
#filters-left {
  border: 1px solid #e4e4e3;
  background-color: #f0f4f7;
}
#filters-left .filter-header {
  margin-bottom: 9px;
  padding-bottom: 5px;
  border-bottom: 1px solid #aaaaaa;
  text-transform: uppercase;
  color: #333333;
  font-size: 1.3em;
  font-weight: bold;
}
#filters-left .group-seperator {
  border-bottom: 1px solid #aaaaaa;
  color: #aaaaaa;
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#filters-left #current-search {
  padding: 10px;
  background: #fff;
  border: 1px solid #c7c7c7;
  margin-bottom: 10px;
  display: none;
}
#filters-left strong {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  color: #333;
}
#filters-left ul li {
  margin-bottom: 0px;
}
#filters-left .group {
  margin-bottom: 20px;
  clear: both;
}
#filters-left .group strong {
  clear: both;
  display: block;
}
#filters-left div.count {
  float: right;
  padding: 3px 5px;
  background-color: #d1dae8;
  border-radius: 3px;
  display: none;
}
#states,
#brands,
#tags,
#advertisersFilter,
#product-created,
#product-activated {
  width: 100%;
}
#current-search span.header {
  color: #999999;
  font-size: 12px;
}
#current-search div.group strong {
  color: #6d6e70;
}
#current-search div.selected-item {
  cursor: pointer;
  line-height: 15px;
  vertical-align: middle;
  padding: 4px 5px 4px 10px;
  color: #fff;
  background-color: #b0b0b0;
  float: left;
  text-shadow: 0 1px 0 #aaaaaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 5px 5px 0;
}
div.selected-item span.remove {
  background: url(../../UI/images/icons/close.png) no-repeat;
  width: 12px;
  height: 15px;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
div.selected-item:hover span.remove {
  background: url(../../UI/images/icons/close_over.png) no-repeat;
}
/*#endregion*/
/*** Badges ***/
.badge {
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
}
.badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge-info {
  background-color: #4e8cca;
}
.badge-info[href] {
  background-color: #4e8cca;
}
/*** End Badges ***/
/*#region Secondary Navigation */
.secondary-actions {
  float: left;
  margin-top: 15px;
}
.secondary-actions a.secondary-action {
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  color: var(--text-primary);
  font-weight: 500;
  display: inline-block;
  margin-left: 15px;
  padding-left: 9px;
  font-size: 1.4em;
}
.secondary-actions a.secondary-action.first {
  margin-left: 0px;
}
.secondary-actions a.secondary-action:hover,
.secondary-actions a.secondary-action.selected {
  color: var(--primary-main);
  text-decoration: none;
  background: url(../images/icons/arrow_main_nav.png) no-repeat left 4px;
}
.secondary-actions-logo {
  position: absolute;
  right: 0px;
  top: 0px;
}
.marketplace-navigation {
  font-family: Inter, "Helvetica Neue", Helvetica, Arial, Sans-Serif !important;
  margin: 20px 0 30px !important;
}
#public-pro-navigation {
  margin: 17px 0;
  height: 70px;
  position: relative;
}
/*#endregion*/
#faq {
  padding-top: 20px;
}
#faq .context-name {
  color: #000;
  margin-left: 0px;
}
.faq {
  margin-bottom: 10px;
}
.faq p.question {
  font-size: 1.3em;
  font-weight: bold;
}
.faq p.answer {
  font-size: 1.2em;
  font-style: italic;
  color: #333;
}
.registration-warning {
  font-size: 16px;
  color: #ff0000;
  font-weight: bold;
}
#pollQuestion {
  position: relative;
}
.expand-indicator {
  background: url("../images/icons/bullet_arrow_right.png") no-repeat;
  display: block;
  float: left;
  height: 20px;
  width: 20px;
}
.expand-indicator.expanded {
  background: url("../images/icons/bullet_arrow_down.png") no-repeat;
  display: block;
  float: left;
  height: 20px;
  width: 20px;
}
.grey-panel {
  background: #f6f6f6;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-top: 1px solid #d4d4d4;
}
.button-blue-oval,
.button-blue-oval:hover {
  color: #333;
  border: 1px solid #8b98a3;
  text-decoration: none;
  padding: 1px 10px 2px;
  border-radius: 12px;
  background: rgb(213, 225, 245);
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZjBmNGZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZDRlMGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZTFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(
    top,
    rgba(250, 251, 254, 1) 0%,
    rgba(240, 244, 252, 1) 6%,
    rgba(212, 224, 244, 1) 51%,
    rgba(213, 225, 245, 1) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(250, 251, 254, 1)),
    color-stop(6%, rgba(240, 244, 252, 1)),
    color-stop(51%, rgba(212, 224, 244, 1)),
    color-stop(100%, rgba(213, 225, 245, 1))
  );
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(250, 251, 254, 1) 0%,
    rgba(240, 244, 252, 1) 6%,
    rgba(212, 224, 244, 1) 51%,
    rgba(213, 225, 245, 1) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(250, 251, 254, 1) 0%,
    rgba(240, 244, 252, 1) 6%,
    rgba(212, 224, 244, 1) 51%,
    rgba(213, 225, 245, 1) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(250, 251, 254, 1) 0%,
    rgba(240, 244, 252, 1) 6%,
    rgba(212, 224, 244, 1) 51%,
    rgba(213, 225, 245, 1) 100%
  );
  /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(250, 251, 254, 1) 0%,
    rgba(240, 244, 252, 1) 6%,
    rgba(212, 224, 244, 1) 51%,
    rgba(213, 225, 245, 1) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafbfe', endColorstr='#d5e1f5', GradientType=0);
  /* IE6-8 */
}
.button-blue-oval.selected {
  border: 1px solid #4e77ce;
  background: rgb(139, 190, 248);
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmJmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjY2VlNWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjODliZmZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiYmVmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(
    top,
    rgba(250, 251, 254, 1) 0%,
    rgba(206, 229, 255, 1) 6%,
    rgba(137, 191, 254, 1) 51%,
    rgba(139, 190, 248, 1) 100%
  );
  /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(250, 251, 254, 1)),
    color-stop(6%, rgba(206, 229, 255, 1)),
    color-stop(51%, rgba(137, 191, 254, 1)),
    color-stop(100%, rgba(139, 190, 248, 1))
  );
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(250, 251, 254, 1) 0%,
    rgba(206, 229, 255, 1) 6%,
    rgba(137, 191, 254, 1) 51%,
    rgba(139, 190, 248, 1) 100%
  );
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(250, 251, 254, 1) 0%,
    rgba(206, 229, 255, 1) 6%,
    rgba(137, 191, 254, 1) 51%,
    rgba(139, 190, 248, 1) 100%
  );
  /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(250, 251, 254, 1) 0%,
    rgba(206, 229, 255, 1) 6%,
    rgba(137, 191, 254, 1) 51%,
    rgba(139, 190, 248, 1) 100%
  );
  /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(250, 251, 254, 1) 0%,
    rgba(206, 229, 255, 1) 6%,
    rgba(137, 191, 254, 1) 51%,
    rgba(139, 190, 248, 1) 100%
  );
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafbfe', endColorstr='#8bbef8', GradientType=0);
  /* IE6-8 */
}
.form-field {
  display: table-cell;
  vertical-align: middle;
  height: 35px;
  min-width: 280px;
}
.form-field.small {
  width: 200px;
}
.form-field.small label {
  width: 40px;
}
.form-field.small input[type="text"] {
  width: 150px;
  float: left;
}
.form-field label {
  width: 90px;
  float: left;
}
.form-field input[type="text"] {
  width: 180px;
  float: right;
}
.form-field input[type="text"].smaller {
  width: 50px;
}
.form-field input[type="text"].small {
  width: 50px;
  float: right;
  margin-right: 130px;
}
.form-field input[type="text"].medium {
  width: 120px;
  float: right;
}
.form-field span[id$="alidator"] {
  cursor: default;
}
.admin-spinner,
.admin-spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.admin-spinner {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(169, 169, 169, 0.1);
  border-right: 1.1em solid rgba(169, 169, 1695, 0.1);
  border-bottom: 1.1em solid rgba(169, 169, 169, 0.1);
  border-left: 1.1em solid #000000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: admin-spin 1.1s infinite linear;
}
@-webkit-keyframes admin-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes admin-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.palert .announcement-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
}
.style-guided .palert p {
  padding-top: 0 !important;
  display: initial;
}
div.filter-header h2 {
  border-bottom: 0 !important;
}

.not-style-guided select,
.not-style-guided input {
  background: #e9eef3 !important;
  border: 1px solid #b8bdc2 !important;
  padding: 3px 10px 3px 10px;
  color: #072448 !important;
  border-radius: 6px;
  min-height: 32px !important;
  box-sizing: border-box;
}

#NewFeaturesWindow 
{
    width:800px;
}

#NewFeaturesWindow input.wide, select.wide  {
    width:600px;
}

#NewFeaturesWindow textarea.wide {
    width:600px;
    height:100px;
}


#newFeaturesPopup
{
    border: 1px solid #d0deec;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width:800px;
}

#newFeaturesPopup span 
{
    font: 12px Arial,Sans-Serif,italic;
    font-weight: normal;
    font-style:italic;
    color: #666666;
}

div.instructions
{
    background: #fff8e8;
    padding: 5px;
    margin-bottom: 10px;
    width: 99%;
    text-align: left;
    border-top: 1px solid #d4d0ca;
    border-bottom: 1px solid #f4efe8;
}
.newfeatures-table
{
    width: 100%;
    /*border-bottom: #cccccc 1px solid;*/
    text-align: left;
    border-collapse: collapse;
}

.newfeatures-table CAPTION
{
    padding-right: 5px;
    border-top: #5782af 2px solid;
    padding-left: 5px;
    background: #dddddd;
    padding-bottom: 5px;
    font: bold 12px Arial,Sans-Serif;
    text-transform: uppercase;
    padding-top: 5px;
    border-bottom: #ffffff 1px solid;
    text-align: left;
}
.newfeatures-table TH
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 15px;
    padding-top: 4px;
    background: #e5f1ff;
    font: bold 11px Arial,Sans-Serif;
    vertical-align: bottom;
    color: #666666;
    border-bottom: #cccccc 1px solid;
}
.newfeatures-table TH.data-text
{
    text-align: left;
}
.newfeatures-table TH.data-number
{
    text-align: right;
}

.newfeatures-table TH.top-row
{
    border-bottom: #ffffff 1px solid;
}
.newfeatures-table TD
{
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 15px;
    padding-top: 15px;
    vertical-align: top;
    color: #444444;
    border-bottom: #eeeeee 5px;
}

.newfeatures-table TD span.category
{
    font: 12px Arial,Sans-Serif;
    font-weight: bold;
    color: #666666;
}

.newfeatures-table TD div.title
{
    font: bold 13px Arial, sans-serif;
    color: #333;
}

.newfeatures-table.no-border th, .newfeatures-table.no-border td, .newfeatures-table.no-border
{
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

.newfeatures-table TR a
{
    border: 0;
}

.newfeatures-table TR a.btn-learnmore
{
	margin-top: 10px;
	text-indent: -9999px;
	height: 20px;
	width: 83px;
	float: left;
	background: url("../images/btn-learnmore.png") no-repeat left top transparent;
	border: 0px;
}
.newfeatures-table TR a.btn-learnmore:hover
{
	background: url("../images/btn-learnmore.png") no-repeat left -20px transparent;
}

.newfeatures-table TD.firecolumn
{
    width: 2px;
    padding-left: 3px;
}

.newfeatures-table TD.firstcolumn
{
    width: 495px;
    padding-left: 5px;
}
.newfeatures-table TD.secondcolumn
{
    text-align: right;
    width: 100px;
    padding-right: 10px;
}

.newfeatures-table tr.alt td
{
    background-color: #F4F2F2;
}

.newfeatures-table td span.gridbutton 
{
    float: right;
    cursor: pointer;
}

span.datereleased
{
    display: none;
}
#newFeaturesHeader
{
    padding: 10px;
    background-color: #E5F1FF;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#newFeaturesHeader h1
{
    padding-bottom:5px;
    color: #333;
    font: bold 20px arial, sans-serif;   
}
#newFeaturesHeader span.tagline
{
    color: #769BC1;
    font: bold 13px arial, sans-serif;
    text-shadow: 1px solid #f7f7f7;
}

.newfeatures-table h2 {
    color: #333;
    font: bold 16px arial, sans-serif;
}

.newfeatures-table .featureHighlight {
    clear: both;
    padding: 20px 10px;
}

.featureHighlight h3 {
    color: #333;
    font: bold 20px arial, sans-serif;
}

.featureHighlight h4 {
    color: #333;
    font: bold 16px arial, sans-serif;
}

.featureHighlight p {
    font-size: 14px;
}

.featureHighlight img {
    margin-right: 10px;
    float: left;
    border: 1px solid #d0d0d0;
}

.featureHighlight.alt img {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

#featureHistory 
{
    border: 1px solid #d0deec;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width:1000px;
}

#featureHistory span 
{
    font: 12px Arial,Sans-Serif,italic;
    font-weight: normal;
    font-style:italic;
    color: #666666;
}

#featureHistory span.previous 
{
    margin:10px 10px 10px 10px;
    float:right;
}

#featureHistory span.next
{
    margin:10px 10px 10px 10px;
    float:left
}

#featureHistoryHeader
{
    padding: 10px;
    height:30px;
    background-color: #E5F1FF;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#featureHistoryHeader h1
{
    padding-bottom:5px;
    width:500px;
    color: #333;
    font: bold 20px arial, sans-serif;
    display:inline;
    float:left; 
}
#featureHistoryHeader span.tagline
{
    color: #769BC1;
    font: bold 13px arial, sans-serif;
    text-shadow: 1px solid #f7f7f7;
    float:right;
}

#newFeaturesActions
{
    padding: 10px 0px 0px 10px;
}
    
#newFeaturesActions a.btn-viewall
{
	margin-top: 10px;
	text-indent: -9999px;
	height: 20px;
	width: 119px;
	float: left;
	background: url("../images/btn-viewall.png") no-repeat left top transparent;
	border: 0px;
}
#newFeaturesActions a.btn-viewall:hover 
{
    background: url("../images/btn-viewall.png") no-repeat left -20px transparent;
}

#newFeaturesActions a.btn-close
{
	margin-top: 10px;
	text-indent: -9999px;
	height: 20px;
	width: 137px;
	float: right;
	background: url("../images/btn-closenotifications.png") no-repeat left top transparent;
	border: 0px;
}
#newFeaturesActions a.btn-close:hover 
{
    background: url("../images/btn-closenotifications.png") no-repeat left -20px transparent;
}





#palerts
{
	margin-top: 4px;
}
.palert
{
    font-size: 12px;
    line-height: 16px;
    margin: 14px 0;
    position: relative;
    padding: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 8px;
}
.palert:last-child
{
    margin-bottom: 20px;
}

.palert a, .palert a:visited{ color: #0066CC;text-decoration: underline;}

.palert .announcement-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 10px;
}

.palert .announcement-content
{
	font-size: 12px;
    line-height: 16px;
}

.palert i.icon-bullhorn {
    float: left;
    font-size: 1.5em;
    margin-right: 10px;
}

.palert i.close {
    float: right;
    font-size: 1.3em;
    cursor: pointer;
    color: var(--text-primary) !important;
    opacity: .6 !important;
}

div.palert a img
{
	float: right;
}

div.palert span.icon{
    display: inline-block; 
    width: 34px;
    height: 30px;
    position: relative;
    top: 8px;
    left: -8px;

}

div.palert.mild span.icon {
     background: url(../images/announcements/ico_notify_mild.png) no-repeat;
}

div.palert.mild, div.palert.general {
    background: #C6F1D6;
}
div.palert.general div, div.palert.general a {
    font-size: 12px;
}
div.palert.medium
{
	background: #fee399;
}

div.palert.medium span.icon {
    background: url(../images/announcements/ico_notify_medium.png) no-repeat;
    
}

div.palert.severe
{
    background: #f79521;
    color: #fff;
}

div.palert.severe span.icon {
     background: url(../images/announcements/ico_notify_strong.png) no-repeat;
}

div.palert.severe a, div.palert.severe a:visited{ color: #ffff00;}
div.palert.severe a:hover{ color: #ffffff;}


div#context #supplier .company-name {
    color: #FFFFFF;
    display: block;
    font: bold 15px georgia,serif;
    padding-top: 2px;
    text-shadow: 1px 1px 1px #3686D7;
}

/* 
	#top-row corresponds to the wrapper that contains the context switcher and the quick links
	at the top, and the welcome message
*/
div#top-row
{
	position: relative;
	height: 30px;
	background: url(../images/new/header_bg.gif) top left repeat-x;
}

/* 
	#context contains the context switcher, and welcome message, as well as the company name
	if no context switching
*/
div#top-row div#context
{
	position: absolute;
	left: 0px;
	top: 0px;
	padding-left: 20px;
	width: auto;
}

div#top-row div#context #supplier
{
	float: left;
	padding-top: 3px;
	padding-right: 10px;
}

div#top-row div#context #welcome
{
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	float: left;
}

#welcome span.small
{
	font-size: 10px;
	font-weight: normal;
}

/*
	#header-content is the links at the top right of the header
*/

div#top-row div#header-content
{
	background: url(../images/new/header_gradient.gif) top right repeat-y;
	padding-top: 5px;
	height: 25px;
	padding-right: 20px;
	text-align: right;
}

div#top-row div#header-content a
{
	font: arial;
	font-size: 1em;
	color: #e3f0fe;
	font-weight: bold;
	text-decoration: none;
}

div#top-row div#header-content a:hover
{
	color: #ffffff;
}

div#top-row div#header-content a img
{
	vertical-align: bottom;
}


#header-content ul li{ display: inline-block;position: relative;padding: 4px 10px;}
#header-content ul li.top-link:hover {
     background: #f7f7f7;
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     padding: 3px 9px 5px;
     z-index: 20;
}

#header-content ul li.top-link:hover a{ color: #666 !important;}

#header-content ul li ul {
    display: none;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-top: 0px;
    position: absolute;
    top: 18px;
    width: 80px;
    text-align: left;
    width: 120px;
    padding: 10px 0 0 0;
    z-index: 19;
    left: -1px;
}

#header-content ul li:hover ul {
    display: block;
}

div#top-row div#header-content ul ul li a {
    color: #999;
}

div#top-row div#header-content ul ul li a:hover {
    color: #333333 !important
}

#header-content ul ul li{ display: block;padding: 5px 10px;margin-bottom: 0px;}
#header-content ul ul li:hover{ background-color: #c1c2c3;}

/*
	#mainNavigationBar is the main subnav under the first set of tabs. 
*/

.navigationBar, .navigationBar div.topSubNavigation ul li.section, div.topSubNavigation ul li.section
{
	display: none;
}

#registrations-bar #registrationTabNav
{
	display: none;
}

#registrationTabNav
{
	background: #fff;
}

/*
	misc. css rules that need to override the main css file for the new nav
*/

div#main #m
{
	margin-top: 4px;
}

#supplier-header
{
	display: none;
}

div#pageLoading
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 6;
	background-color: #E5F1FF;
}
div#pageLoading span
{
	color: #5782af;
	font-size: 11px;
	font-weight: bold;
}
#tooltipCover
{
	display: none;
}

div.modalWindow
{
	display: none;
}

div.link-section ul li a img
{
	margin-right: 5px;
}

/* HEADER IMAGES ICONS */

#SSODisplayNameModal .fileclose-image.image {
    background-image:url('../images/icons/fileclose.png');
    padding-left: 20px;
    padding-bottom: 3px;
    background-repeat: no-repeat;
}
div#navigation {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

div#phoenix-global-layout {
  display: flex;
  height: 100vh;
}

div#phoenix-content-wrapper {
  position: relative;
  flex: 1;
  margin-left: 240px;
  padding: 16px;
  max-width: calc(100% - 240px);
}

body.nav-collapsed div#phoenix-content-wrapper {
  margin-left: 56px;
  max-width: calc(100% - 56px);
}

/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Wed Jul 13 11:48:29 PDT 2011
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 450px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	z-index: 15000;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;
		
		border-width: 1px;
		border-style: solid;
		
		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;
		
		border-width: 1px 1px 0;
		border-style: solid;

		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
	
}


/*! Default tooltip style */

.ui-tooltip-content strong{ color: #fff;}

.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content
{
    opacity: .95;
    border: 0px;
	color: #fff;
    font-size: 12px;
    font-family: helvetica, arial;
    line-height: 1.5em;
    border-width: 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background-color: #4D4A4B;
}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;

	background: transparent !important;
	border: 0px dashed transparent !important;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
	border-color: #E2E2E2;
	color: #454545;
}

	.ui-tooltip-light .ui-tooltip-content{
		background-color: white;
	}

	.ui-tooltip-light .ui-tooltip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-content{
		background-color: #505050;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-content{
		background-color: #FBF7AA;
	}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-content{
		background-color: #F78B83;
	}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-content{
		background-color: #CAED9E;
	}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-content{
		background-color: #E5F6FE;
	}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

	.ui-tooltip-shadow .ui-tooltip-titlebar,
	.ui-tooltip-shadow .ui-tooltip-content{
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

		_margin-bottom: -3px; /* IE6 */
		.margin-bottom: -3px; /* IE7 */
	}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube{
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
}

	.ui-tooltip-youtube .ui-tooltip-titlebar,
	.ui-tooltip-youtube .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, 0.85);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

		color: white;
		border-color: #CCCCCC;
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	
	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-cluetip .ui-tooltip-content{
		background-color: #D9D9C2;
		color: #111;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	border: 0;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar,
	.ui-tooltip-tipsy .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, .87);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
		
		color: white;
		border: 0px transparent;

		font-size: 11px;
		font-family: 'Lucida Grande', sans-serif;
		font-weight: bold;
		line-height: 16px;
		text-shadow: 0 1px black;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}
	
	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #4D4A4B;
	}


/* Tipped style */
.ui-tooltip-tipped{

}
	
	.ui-tooltip-tipped .ui-tooltip-titlebar,
	.ui-tooltip-tipped .ui-tooltip-content{
		border: 3px solid #4D4A4B;

		filter: none; -ms-filter: none;
	}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		background: #3A79B8;
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

		color: white;
		font-weight: normal;
		font-family: serif;

		border-bottom-width: 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	.ui-tooltip-tipped .ui-tooltip-content{
		background-color: #F9F9F9;
		color: #454545;

		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}
		
		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}
/* AutoSuggest CSS - Version 1.2 */

ul.as-selections {
	list-style-type: none;
	border-top: 1px solid #888;
	border-bottom: 1px solid #b6b6b6;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 4px 0 4px 4px;
	margin: 0;
	overflow: auto;
	background-color: #fff;
	box-shadow:inset 0 1px 2px #888;
	-webkit-box-shadow:inset 0 1px 2px #888;
	-moz-box-shadow:inset 0 1px 2px #888;
}

ul.as-selections.loading, ul.as-selections.loading input {
	background-color: #eee;
}

ul.as-selections li {
	float: left;
	margin: 1px 4px 1px 0;
}

ul.as-selections li.as-selection-item {
	color: #2b3840;
	font-size: 13px;
	font-family: "Lucida Grande", arial, sans-serif;
	text-shadow: 0 1px 1px #fff;
	background-color: #ddeefe;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddeefe), to(#bfe0f1));
	border: 1px solid #acc3ec;
	border-top-color: #c0d9e9;
	padding: 2px 7px 2px 10px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-shadow: 0 1px 1px #e4edf2;
	-webkit-box-shadow: 0 1px 1px #e4edf2;
	-moz-box-shadow: 0 1px 1px #e4edf2;
	white-space: normal;
}

ul.as-selections li.as-selection-item:last-child {
	margin-left: 30px;
}

ul.as-selections li.as-selection-item a.as-close {
	float: right;
	margin: 1px 0 0 7px;
	padding: 0 2px;
	cursor: pointer;
	color: #5491be;
	font-family: "Helvetica", helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #fff;
	-webkit-transition: color .1s ease-in;
}

ul.as-selections li.as-selection-item.blur {
	color: #666666;
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d5d5d5));
	border-color: #bbb;
	border-top-color: #ccc;
	box-shadow: 0 1px 1px #e9e9e9;
	-webkit-box-shadow: 0 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 1px #e9e9e9;
}

ul.as-selections li.as-selection-item.blur a.as-close {
	color: #999;
}

ul.as-selections li:hover.as-selection-item {
	color: #2b3840;
	background-color: #bbd4f1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbd4f1), to(#a3c2e5));
	border-color: #6da0e0;
	border-top-color: #8bb7ed;
}

ul.as-selections li:hover.as-selection-item a.as-close {
	color: #4d70b0;
}

ul.as-selections li.as-selection-item.selected {
	border-color: #1f30e4;
}

ul.as-selections li.as-selection-item a:hover.as-close {
	color: #1b3c65;
}

ul.as-selections li.as-selection-item a:active.as-close {
	color: #4d70b0;
}

ul.as-selections li.as-original {
	margin-left: 0;
}

ul.as-selections li.as-original input {
	border: none;
	outline: none;
	font-size: 13px;
	width: 120px;
	height: 18px;
	padding-top: 3px;
}

ul.as-list {
	position: absolute;
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-family: "Lucida Grande", arial, sans-serif;
	background-color: #fff;
	background-color: rgba(255,255,255,0.95);
	z-index: 2;
	box-shadow: 0 2px 12px #222;
	-webkit-box-shadow: 0 2px 12px #222;
	-moz-box-shadow: 0 2px 12px #222;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

li.as-result-item, li.as-message {
	margin: 0 0 0 0;
	padding: 5px 12px;
	background-color: #fff;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	white-space: normal;
}

input.as-input{background-color: #ffffff !important;}

li:first-child.as-result-item {
	margin: 0;
}

li.as-message {
	margin: 0;
	cursor: default;
}

li.as-result-item.active {
	background-color: #3668d9 !important;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 64%, from(rgb(110, 129, 245)), to(rgb(62, 82, 242)));
	border-color: #3342e8;
	color: #fff;
	text-shadow: 0 1px 2px #122042;
}

li.as-result-item em { 
	font-style: normal; 
	background: #444;  
	padding: 0 2px;
	color: #fff;
}

li.as-result-item.active em { 
	background: #253f7a;  
	color: #fff;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	ul.as-selections {
		border-top-width: 2px;
	}
	ul.as-selections li.as-selection-item {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-top: -1px;
	}
	ul.as-selections li.as-original input {
		height: 19px;
	}
}

/* Opera Hacks  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	ul.as-list {
		border: 1px solid #888;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-left: 4px;
		margin-top: 0;
	}
}

/* IE Hacks  */
ul.as-list {
	border: 1px solid #888\9;
}
ul.as-selections li.as-selection-item a.as-close {
	margin-left: 4px\9;
	margin-top: 0\9;
}

/* Firefox 3.0 Hacks */
ul.as-list,  x:-moz-any-link, x:default { 
	border: 1px solid #888;
}
BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
	border: none;
}

.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete {font-family: "Lato"; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow-y:auto; overflow-x: hidden; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
.autocomplete .additionalAction{cursor: pointer; border-top: 1px solid #d7d7d7; background-color:#f7f7f7; font-size: 1.1em; }
.autocomplete .autocomplete-result-type{ color: #628E3E; font-weight: bold;}
.autocomplete .autocomplete-result-note{ color: #999999; }
/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('../images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(../images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(../images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(../images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	right:3px;
	background:url(../images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0 0 5px 0;
}
.gritter-with-image {
	width:220px;
	float:right;
}

/* RadComboBox ShipCompliant skin */

/*global*/

.RadComboBox_ShipCompliant *
{
	margin:0;
	padding:0;
}

.RadComboBox_ShipCompliant,
.RadComboBox_ShipCompliant .rcbInput,
.RadComboBoxDropDown_ShipCompliant
{
    font-size: 15px;
	color: #111;
}

/* combobox */
.RadComboBoxDropDown_ShipCompliant
{	
	border: solid 1px #748da6;
	border-top: solid 1px #fff;
}

.RadComboBox.RadComboBox_ShipCompliant
{
    border-radius: 3px;
	vertical-align:top;
	border: solid 1px #1a6fa3;
    background: #258CC7;
    color: rgba(255, 255, 255, .7);
}

.RadComboBox_ShipCompliant table
{
	border:0;
}

.RadComboBox_ShipCompliant td.rcbInputCell
{
	width:100%;
	height:22px;
	line-height:20px;
	border-style:solid;
	vertical-align:top;
    padding: 0 5px 0 0;
	background: #258cc7;

}

.RadComboBox_ShipCompliant .rcbInputCellLeft
{
	border-width:1px 0 2px 1px;
}

.RadComboBox_ShipCompliant .rcbInputCellRight
{
	border-width:1px 1px 2px 0;
}

.RadComboBox_ShipCompliant .rcbDisabled .rcbInputCell .rcbInput 
{
	color: #a9a9bb;
}


#modal-context-header .RadComboBox.RadComboBox_ShipCompliant
{
	border: solid 1px #000000;
    background: #323232;
}

#modal-context-header .RadComboBox_ShipCompliant td.rcbInputCell
{
	background: #323232;
}

.RadComboBox_ShipCompliant .rcbInputCell .rcbInput
{
	width:100%;
    height: 100%;
	background:transparent;
	border:0;
	vertical-align:top;
	padding:1px 0 0 2px;
	outline: 0;
	font-size: 15px;
	font-weight: normal;
    color: #fff;
    opacity: .7;
}

.RadComboBox_ShipCompliant .rcbInputCell .rcbEmptyMessage
{
	color: #ccc;
	font-style: italic;
}

.RadComboBox_ShipCompliant_rtl .rcbInputCell .rcbInput
{
	padding:1px 2px 0 0;
}

.RadComboBox_ShipCompliant td.rcbArrowCell
{
    display: none;
	background: #258cc7 url('../images/icons/bullet_arrow_down.png') no-repeat 0px 2px;
	padding:0;
	cursor: pointer;
}

.RadComboBox.RadComboBox_ShipCompliant .rcbArrowCell a
{
	position:relative;
	outline:none;
	overflow:hidden;
	display:block;
	width: 20px;
	height:20px;
	text-decoration:none;
	text-indent: -9999px;
	font-size: 0;
	border-bottom: 0px;
}

.RadComboBox_ShipCompliant td.rcbArrowCellHidden,
.RadComboBox_ShipCompliant .rcbArrowCellHidden a
{
	width: 1px;
	border-left: 0;
	border-right: 0;
}

.RadComboBox_ShipCompliant_rtl .rcbArrowCell a
{
	text-indent: 9999px;
}

.RadComboBox_ShipCompliant .rcbDisabled .rcbArrowCell a
{
	cursor:no-drop;
}

.RadComboBox_ShipCompliant .rcbDisabled .rcbArrowCellHidden a
{
	cursor: default;
}

/* dropdown */

.rcbSlide
{
	position:absolute;
	overflow:hidden;
	display:none;
	_height:1px;
	float:left;
}

.RadComboBoxDropDown_ShipCompliant
{
	position:absolute;
	background:#ffffff;
	cursor:default;
	font-size:11px;
	text-align: left;
}

.RadComboBoxDropDown_ShipCompliant_rtl
{
	text-align: right;
	direction: rtl;
}

.RadComboBoxDropDown_ShipCompliant .rcbScroll
{
	overflow:auto;
}

.RadComboBoxDropDown_ShipCompliant .rcbList
{
	list-style:none;
	margin:0;
	padding:0;
}
.RadComboBoxDropDown_ShipCompliant .rcbList li
{
	margin-bottom: 0px;
}
.RadComboBoxDropDown_ShipCompliant .rcbHeader,
.RadComboBoxDropDown_ShipCompliant .rcbFooter
{
	background:#BED1EB;
	color:#333;
	padding:4px;
	font-weight: bold;
}

.RadComboBoxDropDown_ShipCompliant .rcbNoWrap .rcbItem,
.RadComboBoxDropDown_ShipCompliant .rcbNoWrap .rcbHovered,
.RadComboBoxDropDown_ShipCompliant .rcbNoWrap .rcbDisabled,
.RadComboBoxDropDown_ShipCompliant .rcbNoWrap .rcbLoading
{
	white-space:nowrap;
}

.RadComboBoxDropDown_ShipCompliant .rcbItem,
.RadComboBoxDropDown_ShipCompliant .rcbHovered,
.RadComboBoxDropDown_ShipCompliant .rcbDisabled,
.RadComboBoxDropDown_ShipCompliant .rcbLoading
{
	padding:4px 20px 4px 4px;
	line-height: 20px;
	min-height: 20px;
	font-size: 12px;
	color: #000;
}

* html .RadComboBoxDropDown_ShipCompliant .rcbItem,
* html .RadComboBoxDropDown_ShipCompliant .rcbHovered,
* html .RadComboBoxDropDown_ShipCompliant .rcbDisabled,
* html .RadComboBoxDropDown_ShipCompliant .rcbLoading
{
	height: 26px;
}

.RadComboBoxDropDown_ShipCompliant_rtl .rcbItem,
.RadComboBoxDropDown_ShipCompliant_rtl .rcbHovered,
.RadComboBoxDropDown_ShipCompliant_rtl .rcbDisabled,
.RadComboBoxDropDown_ShipCompliant_rtl .rcbLoading
{
	padding:4px 4px 4px 20px;
}

.RadComboBoxDropDown_ShipCompliant .rcbImage
{
	vertical-align: middle;
	margin: 0 6px 2px 0;
}

.RadComboBoxDropDown_ShipCompliant_rtl .rcbImage
{
	margin: 0 0 2px 6px;
}

.RadComboBoxDropDown_ShipCompliant em
{
	font-style: normal;
	font-weight: bold;
}

.RadComboBoxDropDown_ShipCompliant .rcbItem em
{
	background: #e5e5e5;
}

.RadComboBoxDropDown_ShipCompliant .rcbHovered
{
	background:#4280C4;
	color:#000;
	border-color: #a5bedf
}

.RadComboBoxDropDown_ShipCompliant .rcbSeparator
{
    color: #222;
    background: #BED1EB;
    line-height: normal;
}

.RadComboBoxDropDown_ShipCompliant .rcbDisabled
{
	color:#ccc;
	cursor:no-drop;
}

.RadComboBoxDropDown_ShipCompliant .rcbLoading
{
	background:#6788BE;
	color: #333;
}

.RadComboBoxDropDown_ShipCompliant .rcbNoWidth .rcbLoading
{
	text-align:center;
}

.RadComboBoxDropDown_ShipCompliant .rcbMoreResults
{
	clear:both;
	background:#f3f3f3;
	padding:4px;
	text-align:center;
}

.RadComboBoxDropDown_ShipCompliant .rcbMoreResults a
{
	display:block;
	width:6px;
	height:6px;
	background:url('../images/rcbMoreResults.gif') no-repeat transparent;
	margin:0 auto 2px;
	text-indent:-3333px;
	overflow:hidden;
	text-decoration:none;
	cursor:pointer;
}

.RadComboBoxDropDown_ShipCompliant .rcbMoreResults a:hover
{
	background-position:0 100%;
}

.RadComboBoxDropDown_ShipCompliant .rcbMoreResults span
{
	display:block;
	text-align:center;
}

.RadComboBoxDropDown_ShipCompliant .rcbScroll
{
	scrollbar-face-color: #a5bedf;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #6788be;
	scrollbar-3dlight-color: #a5bedf;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #a5bedf;
	scrollbar-darkshadow-color: #404040;
}

/* Context-switcher (for when context switching not enabled) */
div#context #supplier .company-name
{
	font:15px georgia, serif;
	color: #ffffff;
	padding-top: 2px;
	display: block;
	text-shadow: 1px 1px 1px #3686d7;
	font-weight:bold;
}

/*hacks*/

/*Opera start*/
@media screen and (min-width:550px)
{
	.RadComboBoxDropDown_ShipCompliant_rtl .rcbItem,
	.RadComboBoxDropDown_ShipCompliant_rtl .rcbHovered,
	.RadComboBoxDropDown_ShipCompliant_rtl .rcbDisabled,
	.RadComboBoxDropDown_ShipCompliant_rtl .rcbLoading
	{
		padding:4px 4px 4px 20px;
	}
} /*Opera end*/


.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
}

.introjs-showElement {
  z-index: 9999999 !important;
}

.introjs-relativePosition {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */ 
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid white;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.introjs-tooltip {
  position: absolute;
  padding: 20px;
  background-color: #e3f1fc;
  min-width: 300px;
  max-width: 400px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
}

/* 
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ 
 Changed by Afshin Mehrabani
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none; 
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}