/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;

}
a:link,a:visited,a:hover {
text-decoration:none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
  display: block;
}

b,
strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
/*
  For IE9. Without, occasionally draws shapes
  outside the boundaries of <svg> rectangle.
*/
  overflow: hidden;
}

/**{
    margin: 0;
    padding: 0;

    list-style: none;
}*/
/* End of Reset*/

/* generics */

/* Google Places API autocomplete */
.pac-container {
  /*min-width:230px !important;*/
  background-color: #FFFFFF !important;
  border: 1px solid #fe0100 !important;
}
.pac-item {
    font-size: 14px !important;
  cursor: pointer !important;
    padding: 3px 4px !important;
}
.pac-item:hover {
    background-color: #f7d117 !important;
  color: #595959 !important;
}
.pac-selected {
    background-color: #D5DDF3 !important;
}
.pac-placeholder {

    color: #595959 !important;
}

html{
  overflow: hidden;
  height: 850px;
  /*height: 100%;*/
  /*height: 880px;*/
}

body{

  background-color: #fff;
  color: #000;
  font-family: verdana, arial, helvetica, sans-serif;
  overflow: hidden;
    font-size: 60%;
  /*height: 100%;*/
  height: 850px;
}

#whiteall{
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 999999;
}

hr{
  align:center;color: #f00;
  background-color: #D42E12;
  width: 85px;
  height: 1px;
  margin-top:3px;
  margin:0 auto;
  margin-top: 8px;
  margin-bottom: 3px;
}
.map_container{
  position: absolute;
  width: 100%;
  height: 100%;
  float: left;
  background: #FFFFFF;
  margin: 0;
  z-index: 10;
}

#map-wrapper{
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  margin: 0;
  z-index: 10;

}
#map_canvas{
  width: 100%;
  height: 100%;
}

/*h2{
    color: #d42e12;
    font-size: 2.2em;
    margin: 0 0 0px 0;
    border-bottom: 1px solid #d42e12;
    clear:both;
}

h3{
    color: #d42e12;
    font-size: 1.3em;
    margin: 7px 0px 7px 0;
    clear: both;
    display:block;
    width: 100%;
    float:left;
}

p{
    font-size: 1.2em;
}

label{
    font-size: 1.1em;
    margin: 0 0px 0 0;
}

a{
    color: #d42e12;
    text-decoration: none;
}

a:hover{
    color: coral;
}

*/

/* end of generics */

/* cols */

.geocms_unit{
    position: absolute;
    z-index: 20;
    overflow:hidden;
}

.pointer_overlay{
   background-color: #fff;

   position:relative;
   top:20%;
   width:370px;
   height:220px;
   padding:15px;

   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 2px 2px #666;
    -moz-box-shadow: 2px 2px 2px 2px #666;
    box-shadow: 2px 2px 2px 2px #666;
}
.pointer_overlay h2{
    font-weight: bold;
}
.pointer_overlay>h2{
  font-size: 15px;
  margin: 0 0;
}
.ssiw{
   background-color: #fff;
   z-index: 9000;
   position:relative;
   top:20%;
   width:150px;
   height:150px;
   padding:15px;

   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 2px 2px #666;
    -moz-box-shadow: 2px 2px 2px 2px #666;
    box-shadow: 2px 2px 2px 2px #666;
}
.ssiw>h2{
  font-size: 15px;
  margin:0 0;
}
.infobox_drag{
  display: block;
  height:30px;
  width:30px;
  position:absolute;
  top:-15px;
  right:20px;
   background-image: url(/images/front_end_v3/buttons/drag-button.png);
   z-index: 20000;
}
.infobox_close{
  display: block;
  height:30px;
  width:30px;
  position:absolute;
  top:-15px;
  right:-15px;
  background-image: url(/images/front_end_v3/buttons/close-button-up.png);
  z-index: 10000;
}
.infobox_close:hover{
  display: block;
  height:30px;
  width:30px;
  position:absolute;
  top:-15px;
  right:-15px;
   background-image: url(/images/front_end_v3/buttons/close-button-down.png);
   z-index: 10000;
}

/* point overlays */

.pointer_overlay_2col_right{
    float: left;
    width: 115px;
    margin: 1px 0 0px 0;
    text-transform:uppercase;
    text-align: left;
}
#sp_iw_spare1{
  color:#D42E12;
  margin-bottom: 5px;
}
#sp_ssiw_latlng{
  color:#D42E12;
  margin-bottom: 5px;
}
#sp_iw_spare2{
  color:#4e4e4e;
  font-size:11px;
  line-height:120%;
  width: 100px;
}
#sp_ssiw_address_title{
  color:#D42E12;
  margin-top: 5px;
  margin-bottom: 5px;
}
#sp_ssiw_address{
  color:#4e4e4e;
  font-size:11px;
  line-height:120%;
}
#ssiw_top{
  border-bottom: 1px solid #D42E12;
  padding-bottom: 5px;
}
#ssiw_mid{
  text-transform:uppercase;
  border-bottom: 1px solid #D42E12;
  margin-top: 5px;
  padding-bottom: 5px;
}
#ssiw_mid p{
  color:#4e4e4e;
  font-size:11px;
  line-height:120%;
  width: 100px;
}
#ssiw_mid>h4{
  color:#D42E12;
  margin-bottom: 5px;
}
#ssiw_bot{
  text-transform:uppercase;
  margin-top: 5px;
  padding-bottom: 5px;

}
#ssiw_bot>h4{
  color:#D42E12;
  margin-bottom: 5px;
}
#ssiw_bot p{
  color:#4e4e4e;
  font-size:11px;
  line-height:120%;
  width: 100px;
}
#pointer_overlay_top{
  border-bottom: 1px solid #D42E12;
  padding-bottom: 5px;
  width:150px;
  float: left;
}
#pointer_overlay_bot{
  margin-top: 5px;
  padding-bottom: 5px;
  text-transform:uppercase;
  float:left;
}
#pointer_overlay_bot>h4{
  color:#D42E12;
  margin-bottom: 5px;
}
#pointer_overlay_bot p{
  color:#4e4e4e;
  font-size:11px;
  line-height:120%;
  width: 100px;
}
.pointer_overlay_2col_right{

  padding-bottom:4px;

}
.pointer_overlay_2col_right img{
    display: block;
    margin: 0 0 7px 10px;
}

.pointer_overlay_2col_right p{
    margin: 0 0 0px 0;
}

.pointer_overlay_2col_right p a{
    color: #0d7c2f;
}
#pointer_overlay_Left{
  float:left;
  clear:both;
  width:150px;
  height:200px;
  margin-top:5px;
  overflow: hidden;
  margin-right: 5px;
}
#pointer_overlay_Right{
  float:left;
  margin-top: 5px;
}
#ssiw_Left{
  float:left;
  clear:both;
  width:150px;
  height:200px;
  margin-top:5px;
  overflow: hidden;
  /*white-space: nowrap;*/
  margin-right: 5px;
  pointer-events: none;
       cursor: default;
}
#ssiw_Right{
  float:left;
  margin-top: 5px;
}
/* notin use*/
.StreetView{
  float:left;
  width:200px;
  height:200px;

}
/* */
#csiw_StreetView{
  float:left;
  width:200px;
  height:200px;
  margin-left: 4px;
}
#ssiw_StreetView{
  float:left;
  clear:right;
  width:200px;
  height:200px;
  margin-left: 4px;
}
/* bpstuff .aral .pointer_overlay_2col_right p a{
    color: #055DB9;
}*/

.pointer_overlay_2col_right .button{
    position: relative;
    top: 10px;

}

.pointer_overlay_2col_left .search_facilities_list{
    margin-top: 20px;
}

/* buttons */
.button{
    padding: 3px 7px;
    background: #f7d118;
    color: #d42e12;
    cursor: pointer;
  width:auto;
     overflow:visible;
     border-style:none;
}

.info_close_button{
    background: #f7d118;
    color: #d42e12;
    cursor: pointer;

}

.info_close_button:hover{
    background:#d42e12;
    color: #f7d118;
}

.button{
  width:auto;
     overflow:visible;
}

.button:hover{
    background:#d42e12;
    color: #f7d118;
}

.toggle_button_up{
    position: absolute;
    bottom: 10px;
    width: 100%;
    display:block;
    height: 10px;
    text-indent: -3000px;
    background-color:white;
    background: url(/images/front_end_v3/buttons/close-button.gif) center center no-repeat;
}

.toggle_button_down{
    position: absolute;
    bottom: 10px;
    width: 100%;
    display:block;
    height: 10px;
    text-indent: -3000px;
     background-color:white;
    background: url(/images/front_end_v3/buttons/open-button.gif) center center no-repeat;
}

.form_row{
    width: 100%;
    float: left;
    margin: 0 0 5px 0;

}
#blinds{
  margin-top: 0px;

}
/* FROM GEOCMS... */

/* standard 'map loading' progress overlay */
#progressoverlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  text-align:        center;
  color:          #000000;
  background:       #FFFFFF;
  filter:          alpha(opacity=60);
  -moz-opacity:      0.6;
  -khtml-opacity:     0.6;
  opacity:         0.6;
  z-index:         -1;
}
#progressoverlay_img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -24px;
}
#pretending-path{
  width: 155px;

}
/* Google Maps LabeledMarker */
.LabeledMarker_markerLabel  {
  color:       #FFFFFF;
  font-weight:  bold;
  font-size:    8px;
  width:       32px;
  text-align:   center;

}
.LabeledMarker_smallmarkerLabel  {
/*  color:       #000000;
  font-weight:  bold;
  font-size:    10px;
  width:       32px;
  text-align:   center;
  */
  color: #d52d12;
    background-color: #feee97;
    /*font-family: "Lucida Grande", "Arial", sans-serif;*/
    font-size: 10px;
    text-align: center;
    width: 100px;
    border: 2px solid black;
    white-space: nowrap;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid white;

}
.LabeledMarker_clusterLabel  {
  color:       #FFFFFF;
  font-weight:  bold;
  font-size:    12px;
  width:       32px;
  text-align:   center;
}

/* SG: scaled-up versions */
.LabeledMarker_clusterLabel1 {
  color:       #FFFFFF;
  font-weight:  bold;
  font-size:    12px;
  width:       32px;
  text-align:   center;
}
.LabeledMarker_clusterLabel2 {
  color:       #FFFFFF;
  font-weight:  bold;
  font-size:    16px;
  width:       52px;
  text-align:   center;
}
.LabeledMarker_clusterLabel3 {
  color:       #FFFFFF;
  font-weight:  bold;
  font-size:    20px;
  width:       72px;
  text-align:   center;
}
.LabeledMarker_clusterLabel4 {
  color:       #FFFFFF;
  font-weight:  bold;
  font-size:    24px;
  width:       92px;
  text-align:   center;
}

.markertt {
  font:bold 10px/10px arial, sans;
  color: #000000;
  border:1px solid #D42E12;
  background:#F7D117;
  padding:4px;
  filter:          alpha(opacity=85);
  -moz-opacity:      0.85;
  -khtml-opacity:     0.85;
  opacity:         0.85;
  -moz-border-radius: 0 8px 8px 8px;
  -webkit-border-radius: 0 8px 8px 8px;
  width:        100px;
}

/* vertical track */
#scrolltrack1 {
  float: left;
  width: 5px;
  height: 200px;
  margin-right: 5px;
  margin-top:5px;
  background-color: #ccc;
}
/* vertical track handle */
#scrollhandle1 {
  width: 5px;
  height: 20px;
   background-color:#D42E12;
    cursor:move;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity:0.9;
    -moz-opacity:0.9;
}

/* For Client Site*/
#scrolltrack2 {
  float: left;
  width: 5px;
  height: 200px;
  margin-right: 5px;
  margin-top:5px;
  background-color: #ccc;

}

#scrollhandle2 {
  width: 5px;
  height: 20px;
   background-color:#D42E12;
    cursor:move;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity:0.9;
    -moz-opacity:0.9;

}

.infowindow-hidden {
  left: 10000px;
}

/* ---------------------------------CUSTOM GSL STYLING------------------------------------------*//*!
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=verdana,%20sans%20serif&fwDefault=normal&fsDefault=11px&cornerRadius=0px&bgColorHeader=ffffff&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=0&borderColorHeader=ffffff&fcHeader=ffffff&iconColorHeader=fadc7a&bgColorContent=ffffff&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=0&borderColorContent=fff&fcContent=333&iconColorContent=d42e12&bgColorDefault=fdeda2&bgTextureDefault=12_gloss_wave.png&bgImgOpacityDefault=0&borderColorDefault=ffffff&fcDefault=333&iconColorDefault=d42e12&bgColorHover=fdeda2&bgTextureHover=12_gloss_wave.png&bgImgOpacityHover=0&borderColorHover=ffffff&fcHover=333&iconColorHover=d42e12&bgColorActive=fdeda2&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=0&borderColorActive=ffffff&fcActive=333&iconColorActive=d42e12&bgColorHighlight=fff9e5&bgTextureHighlight=12_gloss_wave.png&bgImgOpacityHighlight=90&borderColorHighlight=eeb420&fcHighlight=1f1f1f&iconColorHighlight=ed9f26&bgColorError=d42e12&bgTextureError=07_diagonals_medium.png&bgImgOpacityError=10&borderColorError=ffb73d&fcError=ffffff&iconColorError=ffe180&bgColorOverlay=dddddd&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=30&opacityOverlay=80&bgColorShadow=dddddd&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */

/* Component containers
----------------------------------*/
.ui-widget { font-family: verdana, sans serif; font-size: 11px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: verdana, sans serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #fff; background: #ffffff url(images/ui-bg_highlight-soft_0_ffffff_1x100.png) 50% top repeat-x; color: #333; }
.ui-widget-content a { color: #333; }
.ui-widget-header { border: 1px solid #ffffff; background: #ffffff url(images/ui-bg_gloss-wave_0_ffffff_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ffffff; background: #fdeda2 url(images/ui-bg_gloss-wave_0_fdeda2_500x100.png) 50% 50% repeat-x; font-weight: normal; color: #333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ffffff; background: #fdeda2 url(images/ui-bg_gloss-wave_0_fdeda2_500x100.png) 50% 50% repeat-x; font-weight: normal; color: #333; }
.ui-state-hover a, .ui-state-hover a:hover { color: #333; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffffff; background: #fdeda2 url(images/ui-bg_inset-soft_0_fdeda2_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #333; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #eeb420; background: #fff9e5 url(images/ui-bg_gloss-wave_90_fff9e5_500x100.png) 50% top repeat-x; color: #1f1f1f; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #1f1f1f; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ffb73d; background: #d42e12 url(images/ui-bg_diagonals-medium_10_d42e12_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_d42e12_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_d42e12_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_fadc7a_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_d42e12_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_d42e12_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_d42e12_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_ed9f26_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffe180_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

/* Overlays */
.ui-widget-overlay { background: #dddddd url(images/ui-bg_flat_30_dddddd_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #dddddd url(images/ui-bg_flat_10_dddddd_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Resizable 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Accordion 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*!
 * jQuery UI Autocomplete 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.22
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style:none;
  padding: 2px;
  margin: 0;
  display:block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin:0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration:none;
  display:block;
  padding:.2em .4em;
  line-height:1.5;
  zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/*!
 * jQuery UI Button 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*!
 * jQuery UI Slider 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*!
 * jQuery UI Tabs 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*!
 * jQuery UI Datepicker 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*!
 * jQuery UI Progressbar 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;font-size: 100%; border:0; outline:0; vertical-align:baseline; background:transparent;}
  body {line-height:1;}
  ol, ul {list-style:none;}
  blockquote, q {quotes:none;}
  :focus {outline:0;}
  ins {text-decoration:none;}
  del {text-decoration:line-through;}
  table {border-collapse:collapse; border-spacing:0;}

  .gm-style div, .gm-style span, .gm-style label, .gm-style a {
    font-family: Verdana,sans-serif;
    font-weight: inherit;
  }

  body{
    font-size: 11px;
    font-family: Verdana,sans-serif;
    position: relative;
    color: #333333;
    width:100%;
    height: 850px;
    overflow: hidden;
  }

  li img{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
  }

  #mapme{
    width: 100%;
    height: 100%;

  }

  /*jQuery UI Style Overwrites*/
  .ui-accordion .ui-accordion-header a{
    font-size: 11px;
  }
  .ui-accordion .ui-accordion-content{
    /*padding: 1em 1.3em 1em 1.3em;*/
    padding:10px;
    /*overflow: hidden;*/
  }
  #section-01{
    /*padding: 1em 1.3em 0em 1.3em;*/

    padding: 1em 10px 0em 10px;
  }
  #section-03{
    padding: .9em .9em 0em .9em;
        overflow: hidden;
  }
  #section-04{
    padding: 1em 0em 1em 0em;
    overflow: hidden;
  }
  #section-07{
    padding: 0em;

  }
  #section-07 .red-arrow-box{
    cursor: pointer;
  }
  .ui-accordion .ui-accordion-header .ui-icon{
    left:auto;
    right: .5em;
  }
  .ui-accordion .ui-accordion-header{
    /*margin-top: 0px;*/
    margin-top: -1px;
  }
  .ui-accordion-icons .ui-accordion-header a{
    padding-left:.5em;
  }
  .ui-accordion .ui-accordion-header a {
    padding: .7em 10px .7em 10px;
    }
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    font-weight: normal;
  }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    font-weight: normal;
  }
  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    font-weight: normal;
  }

  .ui-widget-content {
    border: 1px solid #DDDDDD;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
  }

  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;

  }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
  }

  .ui-widget button{
    font-size: 9px;
  }

  .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity: 0;
    filter: Alpha(Opacity=0);
    background-image: none;
    cursor:default;

  }

  .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: default;
  }
   #shell-pannel .ui-icon-triangle-1-e {
     background-image: url(/images/app/shell_gsl/red_arrow_collapsed_panel.png);
     background-position:2px 2px;
   }

  #shell-pannel .ui-icon-triangle-1-s{
    background-image: url(/images/app/shell_gsl/red_arrow_expanded_panel.png);
     background-position:2px 2px;
  }
  /* /////////////////////////*/

  .s04-li-item{
    width:100%;
    margin: 2px 0px;
  }
  .s04-li-num{
    background-color: #DDDDDD;
    width: 21px;
    height: 20px;
    display: inline-block;
    color: #595959;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    float: left;
    margin-left: 0px;
  }
  .s04-rir-li-name{
    float: left;
    margin-left: 10px;
  }

  /*Keep the order of these 3 classes please*/
  .s04-li-num-middle{
    background-color:#f7d117;
  }
  .s04-li-num-first{
    background-color:#00824a;
    color: white;
  }

  .s04-li-num-last{
    background-color:#d42e12;
    color: white;
  }
  .s04-li-num-shell-mid{
    background: url(/images/app/shell_gsl/shellstation-routecolor-mid.png);
  }
  .s04-li-num-shell-mid2{
    background: url(/images/app/shell_gsl/shellstation-routecolor-mid2.png);
  }

  /*////////////////*/

  .s04-li-num p{
    /*position: absolute;*/
    margin-top: 3px;
  }

  .s04-li-txtb-holder{
    float: left;
    width: 155px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    margin: 0px 5px;
  }
  .s04-li-txtb-holder-shell{
    background: url(/images/app/shell_gsl/shellstation-route.png) no-repeat left;
  }

  #s04-sortable-route .s04-li-txtb{
    margin:0px;
    padding: 0px;
    height: 18px;
    float: right;
  }

  #s04-sortable-route .s04-li-txtb-holder-shell .s04-li-txtb{
    width:142px;
  }

  .action-span-out.action-route-clear-span {
    left: 41px;
    width: 161px;
  }

  .btn-li-remove, .btn-li-refresh {
    background: url(/images/app/shell_gsl/close_delete_light.png) center no-repeat;
    width: 18px;
    height: 21px;
    float: left;
  }

  .a-icn-pdf{
    background: url(/images/app/shell_gsl/icon_export_pdf.png) no-repeat;
    display: none;
  }
  .a-icn-csv{
    background: url(../../images/app/shell_gsl/icon_export_csv.png) no-repeat;
  }
  .a-icn-email{
    background: url(/images/app/shell_gsl/icon_export_email.png) no-repeat;
    display: none;
  }
  .a-icn-bookmark{
    background: url(/images/app/shell_gsl/icon_export_bookmark.png) no-repeat;
  }
  .a-icn-gps{
    background: url(/images/app/shell_gsl/icon_export_gps.png) no-repeat;
  }

  .action-icn{
    width:20px;
    height:20px;
    margin: 0px 5px;
    position: relative;
    cursor: pointer;
  }

  ul, li{
    list-style: none;
    display: inline;
    float:left;
  }
  #shell-pannel{
    position: fixed;
    top:0;
    z-index: 99;
    right:0px;
    width:290px;
    /*ensures panel fits in iframe - LB 20120915*/
    /*left:440px;*/

    right: 0px;
    /*-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none; */
  }
  #shell-pannel input{
    float: left;
  }
  #pullies{
    width:30px;
    height:30px;
    display: inline-block;
  }
  .pullies-out{
    background: url(/images/app/shell_gsl/hide_filters.png) no-repeat;
  }
  .pullies-in{
    background: url(/images/app/shell_gsl/open_filters.png) no-repeat;
  }
  #multiAccordion{
    width:260px;
    display: inline-block;

  }
  #accordion-all{
    position: absolute;
    width: 260px;
    right: 0px;
    top: 1px;
    /*background:white; */
  }
  #accordion-all p{

  }

  /*.action-span-out p{
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    margin-left: 5px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 3px;
  }*/
  .action-span-out p{
    display: inline-block;
    vertical-align: middle;
    /*height: 20px;*/
    height: 20px;
    margin-left: 7px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 9px;
    padding-right: 7px;
  }
  .action-span-out{
    background: #fae187;
    display: block;
    z-index: 999;
    height:20px;
    top:0px;
    position: absolute;
  }
  /*.action-icn>div{
    background: #fae187;
    display: block;
    z-index: 999;
    height:20px;
    position: absolute;
  }*/

  #section-01-actions{
    position: relative;
    width: 240px;
    height: 20px;
    margin-left: -5px;
    margin-bottom: 15px;
  }
  #section-04-actions{
    position: relative;
    width: 240px;
    height: 20px;
    margin-left: 13px;
    margin-bottom: 15px;
    float: left;

  }
  .s04-ri-add{
    background: url(/images/app/shell_gsl/plus_normal.png);
    width:21px;
    height:21px;
  }
  .s04-ri-add:hover{
    background: url(/images/app/shell_gsl/plus_hover.png);
  }
  .adding-dest-span{
    background: #FAE187;
    display: block;
    z-index: 999;
    height: 21px;
    width: auto;
    /*width: 120px;*/
    top: 0;
    /*right: 86px;*/
    left: 25px;
    position: absolute;
    font-size: 10px;
  }

  #s04-sortable-ui{
    position: relative;
    margin-top: 2px;
    float: left;
    width: 230px;
    margin-left: 18px;
  }
  .ui-state-highlight{
    width:100%;
    border: red;
    border: 1px solid;
    height:22px;
  }
  .action-1-span{
    width:210px;
    /*left:20px;*/
    left: 25px;
  }
  .action-2-span{
    width:180px;
    /*left:20px;*/
    left: 55px;
  }
  .action-3-span{
    width:150px;
    /*left:20px;*/
    left: 85px;
  }
  .action-5-span{
    width: 179px;
    /*left:20px;*/
    left: 56px;
  }
  .action-6-span{
    width: 148px;
    /*left:20px;*/
    left: 87px;
  }
  .action-4-span{
    width:145px;
    /*right:20px;*/
    left: 5px;
  }
  .action-refresh-span {
    width: 187px;
    left: 10px;
    top: 70px;
    height: 21px;
  }

  #section-01-search .action-geolocate-span{
    top: 70px;
    right: 40px;
    width: 208px;
    height: 21px;
  }
  #s04-routes .action-geolocate-span{
    right: 35px;
    width: 183px;
    height: 21px;
  }
  #mb-shell-pannel{
    display:none;

  }
  #shell-promos{
    margin-top: -1px;
    display: none;
  }
  .s-promo{
    width:260px;
    height: 90px;
  }
  #s-p-1{
    background: red;
  }
  #s-p-2{
    background: green;
  }
  #section-01-search{
    margin-bottom:1em;
  }
  input[type=text] {
    border: 1px solid #DDD;
    padding: 3px;
    margin: 0px;
    width: 100%;
    margin:10px 0px;
  }

  input[type="checkbox"]{
    margin-left: 0px;
  }
  button{
    cursor: pointer;
    /*width:110px;*/
    width:105px;
    height:30px;
    background: url(/images/app/shell_gsl/btn-bg.png) no-repeat right center;
    border: none;
    text-align: left;
    color: #595959;
    font-weight: bold;
    font-size: 9px;
    padding-bottom: 4px;
  }
  #s04-tabs-search{
    width: 110px;
  }
  /*google autocomplete*/
  .pac-container{
    font-size: 12px;
  }

  #s02-ft-list li{
    width: 100%;
  }
  #s02-ft-list input[type='checkbox']{
    float: left;
  }
  .s02-label-wrapper{
    padding-top: 2px;
    float: left;
    width: 210px;
  }

  .light-header{
    background: #FDF6D1;
    width: 100%;
    float: left;
    /*margin-left: -14px;*/
    padding: .8em;
    /*margin-top: 15px;*/
  }
    .prvt-filter-cboxs .light-header{
        margin-left: -10px;
        width: 244px;
        margin-bottom: 10px;
    }
  #section-04-results .light-header{
    width:240px;
  }
  .light-header h4{
    font-weight: bold;;
    color: #595959;
    /*margin-left: 20px;*/
  }
  #searchTextField{
    width: 175px;
  }
  .s01-rir-summery{
    border-top: solid 1px #DDD;
  }
  .s01-rir-instruct{
    width: 100%;
    float: left;
    padding: 1em;
  }
  .s01-rir-step{
    float: left;
    min-height: 30px;
  }
  .s01-rir-s-dist{
    float: right;
    width: 50px;
    text-align: right;
  }
  .s01-rir-s-info{
    width: 160px;
    float: left;
    margin-left: 10px;
  }
  .s01-rir-s-num{
    width: 10px;
    height: 20px;
    float: left;
  }

  .s01-ri-over{
    position: absolute;
    left: 40px;
    width: 165px;
    /* This color value needs changing, need PSD to know.*/
    background: #f7d117;
    text-transform: uppercase;
    font-weight: bold;
    height: 21px;
    margin-top: 10px;
    text-align: center;
    display: none;
  }
  .s01-ri-over p{
    margin-top: 4px;
  }

  #section-01-results{
    width:100px;

  }
  #s01-result{
    width: 253px;
  }
  #s01-result > h4{
    color: #333333;
  }
    #s01-result > h4 span {
        font-weight: normal;
    }

  .s01-ri-num{
    background-color:#d42e12;
    width:21px;
    height:20px;
    display: inline-block;
    color:white;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
  }
  .s01-ri-num-partner{
    background-color:#0099ba;
    width:21px;
    height:20px;
    display: inline-block;
    color:white;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
  }
  .s01-ri-num p{
    /*position: absolute;*/
    margin-top: 3px;
    cursor: pointer;
  }

  .s01-r-item{
    width: 245px;
    /*margin-left: -14px;*/
    border: solid 1px #DDD;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    float: left;
    /*min-height: 40px;*/
    font-size: 10px;
  }
  .s01-ri-add{
    background: url(/images/app/shell_gsl/plus_normal.png);
    width:21px;
    height:21px;
    margin-top: 10px;
    margin-left: 10px;
  }

  .s01-ri-add:hover{
    background: url(/images/app/shell_gsl/plus_hover.png) no-repeat;
  }
  .s01-ri-add-listen{
    float:right;
    display: block;
    width:22px;
    height: 22px;

  }
  .s01-ri-details{
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: 165px;
    height:auto;
    margin-bottom: 9px;
  }

  .s01-ri-d-distance{
    display: block;
    height: 100%;
    width: 100%;
    word-wrap: break-word;
    font-weight: bold;
  }
    .s01-ri-d-name{
        font-weight: bold;
    }

  .s01-ri-d-address{
    display: block;
    height: 100%;
    width: 100%;
    word-wrap: break-word;
  }
  .s01-ri-short{
    float: left;
    min-height: 40px;
  }
  .s01-ri-route{
    float:left;
    display: none;

    width: 100%;
  }

  .light-header>p{
    width:90%;
  }
  .light-header>p>span{
    font-weight: bold;
  }
  #scrollbar1 {
    display:none;
    width: 239px;
    margin-left:-14px;
  }
  #section-03 #scrollbar1{
      float: left;
  }
  #section-02 #scrollbar1 .scrollbar{
    top: 140px;
  }
  #scrollbar1 .viewport {
    width: 258px;
    height: 250px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }
  #section-03 #scrollbar1 .viewport {
      height: 150px;
  }
  #scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #scrollbar1 .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #scrollbar1 .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;
    /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #scrollbar1 .disable { display: none; }

  #scrollbar2{
    /*margin-top: 1px;*/
    /*width: 239px;
    margin-left:-14px;*/
  }
  #scrollbar2 .viewport {
    width: 250px;
    height: 105px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }
  #scrollbar2 .overview {

    list-style: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #scrollbar2 .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #scrollbar2 .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #scrollbar2 .disable { display: none; }

  #scrollbar3 {
    display:none;
    width: 239px;
    margin-left:0px;
    float: left;
    margin-top: 10px;

  }

  #scrollbar3 .viewport {
    width: 258px;
    height: 250px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #scrollbar3 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #scrollbar3 .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #scrollbar3 .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #scrollbar3 .disable { display: none; }

  #s04-tabs-roption{
    float: right;
    height: 30px;

  }
  #s04-tabs-roption a{
    background: #dddddd;
    /*background: rgb(219, 219, 219);*/
  }
  .overflow-hide{
    overflow: hidden;
  }
  .overflow-show{
    overflow:visible;
  }

  #s04-tabs{
    float: left;
    border: 0px;
    margin: 0px;
    width: 230px;
    margin-left: 16px;
  }

  #s04-tabs>ul{
    float: left;
    border: 0px;
    padding: 0px;
    margin: 0px;
    width:100%;
  }
  #s04-tabs>ul>li{
    top:0;
    border: 0px;
    padding: 0px;
    margin: 0px;

  }
  #s04-tabs>ul>li>a{
    top:0;
    border: 0px;
    padding: 0px;
    margin: 0px;
  }
  #s04-routes{
    float: left;
    margin-bottom: 5px;
  }
  #s04-tabs-1{

    background: #DDDDDD;
    border: 0px;
    padding: 0px;
    margin: 0px;
    margin-top: 8px;
    height: 100%;
    width:100%;
    float: left;
  }
  #s04-tabs-roption {
    background: #DDDDDD;
  }
  #s04-tabs-roption button{

    height: 40px;
  }
  .grey-btn-nor{
    width:110px;
    background: url(/images/app/shell_gsl/btn-shell-grey.png) right top no-repeat;
  }
  .grey-btn-dwn{
    background: url(/images/app/shell_gsl/btn-shell-grey-open.png) right top no-repeat;
  }
  #s04-tabs-roption button p{
    float: left;
    margin-top: -10px;
  }
  #s04-tabs-1-top{
    float: left;
    width: 100%;
    height: 40px;
    margin:10px;
  }
  #s04-tabs-1-top div{
    width: 100%;
    float: left;
  }
  #s04-tabs-1-bot{
    float: left;
    margin: 0 10px;
    height: 60px;
  }

  #s04-tabs-1-chbk{
    margin-top:10px;

  }
  #s04-tabs-1-chbk span{
    /*vertical-align: middle;*/
    margin: 3px;
    float: left;
  }

  #s04-tabs-1-chbk label{
    margin-right: 5px;
    margin-left: 0px;

  }
  #s04-tabs-1-chbk input{
    margin-right: 0px;
    float: left;

  }
  #s04-btn-close{
    position: absolute;
    bottom: 2px;
    right: 2px;

  }
  #s04-btn-close p{
    float: right;
    text-align: right;
    margin-top: 4px;
    margin-right: 3px;
    font-size: 10px;
    font-weight: bold;
    color: #595959;
  }
  #s04-btn-close button{
    float: right;
    background: url(/images/app/shell_gsl/close_delete_dark.png);
    width: 18px;
    height: 20px;
  }

  .s04-r-item{
    width: 245px;
    /*margin-left: -14px;*/
    border: solid 1px #DDD;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    float: left;
    min-height: 40px;
    font-size: 10px;
  }
  .s04-rir-li{
    margin-bottom: 10px;
    float: left;
    height: 20px;
  }

  .s04-rir-instruct{
    width: 100%;
    float: left;
    /*padding: 1em;*/
  }
  .s04-rir-step{
    float: left;
    min-height: 30px;
  }
  .s04-rir-s-dist{
    float: right;
    width: 50px;
    text-align: right;
  }
  .s04-rir-s-info{
    width: 160px;
    float: left;
    margin-left: 10px;
  }
  .s04-rir-s-num{
    width: 10px;
    height: 20px;
    float: left;
  }
  #s05-nw-list li{
    margin-bottom: 5px;
  }
  #s05-nw-list img, #s05-nw-list input, #s05-nw-list label{
    float: left;
  }
  #s05-nw-list img{margin: 0px 5px;}

  #s05-nw-list label{
    display: block;
    width:178px;
  }
  .prvt-list {
    display: none;
  }
  .prvt-list li{
    float: left;
    margin: 1px 0px;
    background: url(/images/app/shell_gsl/red_arrow_bullet.png) no-repeat left;
  }
  .prvt-list ul.de{
    margin: 5px 0;
    margin-bottom: 10px;
  }
  .prvt-list li a p{
    margin-left: 15px;
  }
  .prvt-list hr{
    background-color: #dddddd;
    width: 90%;
    margin: 10px auto;
  }

  #section-06{
    height: 190px;
    /*height: 280px;*/
  }
  #section-06 a{
    text-decoration: none;
  }
  #s06-country-ls{
    width: 100%;
  }
  .s06-country-li{
    width:50%;
    float: left;
    margin: 1px 0px;
    background: url(/images/app/shell_gsl/red_arrow_bullet.png) no-repeat left;
  }
  .s06-country-li a{
    width: 100%;
    height: 100%;
    display: block;
  }
  .s06-country-li p{
    margin-left: 15px;
  }

  .s06-c-title{
    font-weight: bold;
    margin-bottom: 10px;
  }
    #section-export .sub-titles{
        font-weight: bold;
    }
    #section-export .export-top label, #section-export .export-top select {
        width: 100%;
    }
    .export-top{
        margin-bottom: 10px;
    }
    .export-top select.country{
      margin-top: 10px;
    }
    .export-mid{
      margin-bottom: 10px;
      padding-top: 14px;
      clear: both;
    }
    .export-mid .sub-titles{
        margin-bottom: 10px;
        display: block;
        float: left;
    }

  #s07-top{
    margin-bottom: 10px;
    float: left;
    width: 100%;
    padding-top: 12px;
  }
  #s07-bot{
    float: left;
  }
  .s07-title{
    font-weight: bold;
    margin-bottom: 5px;
  }
  .s07-title input{
    margin-left: 0px;
  }
  .s07-mile{
    float: left;
  }
  .s07-km{
    float: right;
    width:50%
  }
  #s07-display-lang{
    width:240px;
  }
  .s08-s-item{
    float:left;
    width:100%;
    /*height: 25px;*/
    height: auto;
    margin-top: 5px;
  }
  .s08-r-item{
    float:left;
    width:100%;
    height: auto;
    margin-top: 5px;
  }
  #s08-searches, #s08-routes{

    width: 240px;
  }
  .s08-item-wrapper{
    float: left;
    height: 100%;
    width: 240px;
    float: left;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .s08-li-remove{
    margin-top: 0px;
    float: right;
  }
  .s08-si-info{
    float: left;
    margin-top: 0px;
    width:190px;
  }
  .s08-ri-info{
    float: left;
    margin-top: 0px;
  }

  #s08-searches {
  /*  width: 239px;
    margin-left:0px;
    float: left;
    margin-top: 10px;*/
    height: 140px;
  }

  #s08-searches .viewport {
    width: 258px;
    height: 140px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #s08-searches .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #s08-searches .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #s08-searches .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #s08-searches .disable { display: none; }

  #s08-routes {
    height: 140px;
  }

  #s08-routes .viewport {
    width: 258px;
    height: 140px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #s08-routes .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #s08-routes .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #s08-routes .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #s08-routes .disable { display: none; }

  #s08-stations {
    height: 140px;
  }

  #s08-stations .viewport {
    width: 258px;
    height: 140px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #s08-stations .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #s08-stations .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #s08-stations .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #s08-stations .disable { display: none; }

  #s08-stations {
    height: 140px;
  }

  #s08-stations .viewport {
    width: 258px;
    height: 140px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #s08-stations .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #s08-stations .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #s08-stations .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #s08-stations .disable { display: none; }

  .red-arrow-box{
    background: url(/images/app/shell_gsl/red_arrow_bullet.png);
    height: 10px;
    float: left;
    width:10px;
    margin: 2px 5px 0px 10px;
  }

  #feedback { font-size: 1.4em; }
  #selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }

  #s03-logo-serv{
    height:200px;
  }
  .ls-pop-items{
    background: red;
    width:30px;
    height:30px;

  }
  .s03-logos{
    width:38px;
    height: 38px;
    margin: 0px 1px 1px 0px;
    float: left;
    cursor: pointer;
  }
  .s03-ls-titles{
    font-weight: bold;
    font-size: 11px;
    width: 90px;
    height: 35px;
  }
  #s03-ls-truck .s03-ls-titles{
    width: 85px;
  }
  .s03-cb-titles{
    font-weight: bold;
    font-size: 11px;
    /*width: 100%;*/
    height: 10px;
    width: 230px;
    padding: 7px 0px;
    margin-left: .9em;
    float: left;
  }
  #s03-ls-pop{
    width:156px;
    height:auto;
    float: left;
  }

  #s03-ls-truck{
    width: 78px;
    height:100px;
    float: right;
  }
  .s03-p-logo-3{
    background: url(/images/app/shell_gsl/service_icon_24_hours.png);
  }
  .s03-p-logo-active-3{
    background: url(/images/app/shell_gsl/service_icon_24_hours_active.png);
  }
  .s03-p-logo-p03{
    background: url(/images/app/shell_gsl/service_icon_shop.png);
  }
  .s03-p-logo-active-p03{
    background: url(/images/app/shell_gsl/service_icon_shop_active.png);
  }
  .s03-p-logo-2{
    background: url(/images/app/shell_gsl/service_icon_toilets.png);
  }
  .s03-p-logo-active-2{
    background: url(/images/app/shell_gsl/service_icon_toilets_active.png);
  }
  .s03-p-logo-1{
    background: url(/images/app/shell_gsl/service_icon_atm.png);
  }
  .s03-p-logo-active-1{
    background: url(/images/app/shell_gsl/service_icon_atm_active.png);
  }
  .s03-p-logo-p01{
    background: url(/images/app/shell_gsl/service_icon_shower.png);
  }
  .s03-p-logo-active-p01{
    background: url(/images/app/shell_gsl/service_icon_shower_active.png);
  }
  .s03-p-logo-p02{
    background: url(/images/app/shell_gsl/service_icon_restaurant.png);
  }
  .s03-p-logo-active-p02{
    background: url(/images/app/shell_gsl/service_icon_restaurant_active.png);
  }

  .s03-p-logo-25{
    /*icon missing*/
    background: url(/images/app/shell_gsl/service_icon_car_wash.png);

  }
  .s03-p-logo-active-25{
    /*icon missing*/
    background: url(/images/app/shell_gsl/service_icon_car_wash_active.png);

  }
  .s03-p-logo-902{
    background: url(/images/app/shell_gsl/service_icon_pay_at_pump.png);
  }
  .s03-p-logo-active-902{
    background: url(/images/app/shell_gsl/service_icon_pay_at_pump_active.png);
  }

  .s03-p-logo-m63{
    background: url(/images/app/shell_gsl/service_icon_toilets.png);
  }
  .s03-p-logo-active-m63{
    background: url(/images/app/shell_gsl/service_icon_toilets_active.png);
  }

  /*NB: 4 selectors below may not be in scope, left in caser they are included*/
  .s03-t-logo-c06{
    background: url(/images/app/shell_gsl/service_icon_adblue.png);
  }
  .s03-t-logo-active-c06{
    background: url(/images/app/shell_gsl/service_icon_adblue_active.png);
  }
  .s03-t-logo-GEO1006{
    background: url(/images/app/shell_gsl/service_icon_truck_wash.png);
  }
  .s03-t-logo-active-GEO1006{
    background: url(/images/app/shell_gsl/service_icon_truck_wash_active.png);
  }

  /*THese ones are currently in use*/

  .s03-t-logo-c05{
    background: url(/images/app/shell_gsl/service_icon_guarded_parking.png);
  }
  .s03-t-logo-active-c05{
    background: url(/images/app/shell_gsl/service_icon_guarded_parking_active.png);
  }
  .s03-t-logo-c04{
    background: url(/images/app/shell_gsl/service_icon_motorway.png);
  }
  .s03-t-logo-active-c04{
    background: url(/images/app/shell_gsl/service_icon_motorway_active.png);
  }
  .s03-t-logo-c03{
    background: url(/images/app/shell_gsl/service_icon_parking_lanes.png);
  }
  .s03-t-logo-active-c03{
    background: url(/images/app/shell_gsl/service_icon_parking_lanes_active.png);
  }
  .s03-t-logo-c01{
    background: url(/images/app/shell_gsl/service_icon_truck_friendly.png);
  }
  .s03-t-logo-active-c01{
    background: url(/images/app/shell_gsl/service_icon_truck_friendly_active.png);
  }
  .s03-t-logo-c02{
    background: url(/images/app/shell_gsl/service_icon_truck_only.png);
  }
  .s03-t-logo-active-c02{
    background: url(/images/app/shell_gsl/service_icon_truck_only_active.png);
  }
  .s03-t-logo-m80{
    background: url(/images/app/shell_gsl/service_icon_adblue.png);
  }
  .s03-t-logo-active-m80{
    background: url(/images/app/shell_gsl/service_icon_adblue_active.png);
  }

  .s03-selected-filters-txt{
    float: left;
    width: 155px;
    height: 80px;
    font-size: 11px;
    padding-top: 5px;
    letter-spacing: -1px;
    line-height: 16px;

  }
  #s03-ckbox-serv{
    position:relative;
    border-top: 1px solid #dddddd;
    margin-left: -9px;
    width: 257px;
    height:110px;
  }
  #s03-refresh-section{
      display: block;
      float: left;
      width: 100%;

  }
  #s03-ms-list{
    float: left;
    height: auto;
  }
  #s03-ms-list li{
    width: 230px;
    min-height: 20px;
    margin-left:.9em;
  }
  #s03-ms-list li>label{
      width: 200px;
  }
  #s03-ms-list li input,#s03-ms-list li label{
    float: left;
  }

  #info-window-nearyby-only{
    width: 361px;
    /*z-index: 9900;*/
    z-index: -1;
    padding: 0px;
    margin: 0px;
    background: white;
    color: #595959;
    border: none;
    /*display: none;*/
    background: url(/images/app/shell_gsl/infowindowbg-point.png) no-repeat bottom;
    position: relative;
/*
    position: absolute;
    z-index: 9999;
    top: -480px;
    left: -182px;
    background: red;
    display: none;
    background: url(/images/app/shell_gsl/infowindowbg-point.png) no-repeat bottom;
    width: 360px;
    height: 440px;*/
  }

  #info-window-nearyby-only-all{
    position: absolute;
    display: block;
    z-index: 9999;
    /*top: -5000px;*/
    /*left: 0;*/
    top: -470px;
    /*left: -183px;*/
    left: -10000px;
    /*display: none;*/

    /*width: 361px;
    z-index: 9900;
    padding: 0px;
    margin: 0px;
    background: transparent;
    /*background: white;*/
    /*color: #595959;
    border: none;*/
    /*display: none;*/

  }

  #location-info-window-shadow2{
    width: 435px;
    height: 129px;
    z-index: -2;
    /*z-index: 9800;*/
    background: url(/images/app/shell_gsl/infowindow-shadow.png) no-repeat bottom;
    position: absolute;
    bottom: -3px;
    left: 53px;
  }

  #info-window-nearyby-only .liw-title{
    background: #dddddd;
    min-height: 30px;
    /*background: #dddddd;
    height: 30px;*/
  }

  #iwno-map{
    display: block;
    width:327px;
    height: 340px;
  }

  #location-info-window-all{
    position: absolute;
    z-index: 9999;
    /*top: -5000px;*/
    /*left: 0;*/
    top: -512px;
    left: -20000px;
    font-family: verdana, arial, helvetica, sans-serif !important;
    /*-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none; */
  }
    #iw-close-instruct{
        margin-top: 10px;
    }
    #iw-close-instruct .close{
        text-decoration:underline;
    }
  #location-info-window{
    width: 361px;
    z-index: 9900;
    padding: 0px;
    margin: 0px;
    background: transparent;
    /*background: white;*/
    color: #595959;
    border: none;
    /*display: none;*/

  }

  #location-info-window-shadow{
    width: 435px;
    height: 129px;
    z-index: 9800;
    background: url(/images/app/shell_gsl/infowindow-shadow.png) no-repeat bottom;
    position: absolute;
    bottom: -3px;
    left: 53px;
  }
  #location-info-window .ui-tabs-nav{
    background: transparent;
    border: none;
    margin: 0px;
    padding: 0px;
  }
  #location-info-window .ui-tabs-panel{

    float: left;
    margin: 0px;

    height:420px;
    width:327px;
    background: url(/images/app/shell_gsl/infowindowbg-point.png) no-repeat bottom;
    padding: 0 1.5em;
    /*padding-left: 20px;*/
    line-height: 1.5em;
  }

  #location-info-window .liw-title{
    float: left;
    width: 360px;
  }
  #location-info-window .l-info-w-tab-first{
    border-left:1px solid #DDD;
  }

  #location-info-window .ui-state-default{
    width: 119px;
    margin: 0px;
    padding: 0px;
    border-left: 0px;
    background: white;
    border-top: 1px solid #DDD;
    font-size: 12px;
    font-weight: bold;

  }

  #location-info-window .ui-state-default a{
    color: #595959;
    width: 100%;
    margin-left: -5px;
  }
  #location-info-window .ui-state-active{
    background: #f7d117;
  }
  #location-info-window .liw-seprator{
    width: 360px;
    height: 5px;
    background: #f7d117;
    float: left;

  }
  .info-tab-wrapper{
    color: #595959;
  }
  #location-info-window .liw-title{

    background: #dddddd;
    /*height: 30px;*/
    /*height: 55px;*/
  }

  .liw-title span{
    width: 21px;
    height: 21px;
    background: url(/images/app/shell_gsl/popup_close_gray.png) no-repeat;
    float: right;
    margin: 0.4em;
    cursor: pointer;

  }
  #info-window-nearyby-only-all .liw-title span{
    width: 21px;
    height: 21px;
    background: url(/images/app/shell_gsl/popup_close_gray.png) no-repeat;
    float: right;
    margin: 0.4em;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    right: 0;

  }

  #info-window-nearyby-only-all .liw-title p{
    position: relative;
    padding:0.7em;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 8px;
    clear: right;
    width: 310px;
    float: none;
  }

  .liw-title p{

    position: relative;
    padding:0.7em;
    font-weight: bold;
    float: left;
    font-size: 13px;
    padding-bottom: 0px;
    clear: right;
    width: 310px;
  }
  #liw-t1-siteid{
    display: none;
  }
  #liw-t1-siteid .siteid{
    font-weight: normal;
  }
  #liw-t1-siteid h5.prvt{
    margin-top: 0px;
  }
  #l-info-w-tabs-1 p{
    /*line-height: 1.5em;*/
  }
  .info-tab-wrapper{
    position: relative;
    height: 370px;
  }
  .liw-t1-section{
    /*padding-top: 10px;*/
    float: left;
    width: 305px;
  }

  .ui-tabs-panel h5{
    margin: 6px 0px 4px 0px;

  }
  #l-info-w-tabs-1-bot{
    border-top: 1px solid #DDDDDD;
    position: absolute;
    left: 0;
    width: 360px;

  }
  #liw-t1-bot-controls{
    width: 100%;
  }

  #liw-t1-bot-controls li{
    width: 50%;
    float: left;
    padding-top: 12px;
    height: 21px;
  }
  #liw-t1-bot-controls button{
    width: 23px;
    height: 20px;
    background: red;
    float: left;
    margin-left: 10px;
  }
  #liw-t1-bot-controls p{
    float: left;
    margin-left: 10px;
    width: 130px;
    cursor: pointer;
  }

  #liw-t1-bot-addbm{
    float: left;
  }
  #liw-t1-bot-email{
    background: none;
  }

  #liw-t3f-pricedate{
    display: none;
  }
  #liw-t3f-pricedate p{
    padding: 1.5em ;
  }
  #location-info-window #l-info-w-tabs-3{
    padding: 0px;
    width: 360px;
  }
  .fuel-item{
    height: 46px;
    width: 100%;
    float: left;
    border-top: 1px solid #DDDDDD;
  }
  .fuel-item:last-child{
    border-bottom: 1px solid #DDDDDD;
  }

  .fi-logo{
    width:132px;
    height: 46px;
    display: block;
    float: left;
  }
  .fi-logo-power{
    background: url(/images/app/shell_gsl/icon_fuel_type_vpower_gray.png) no-repeat;
  }
  .fi-logo-unleaded{
    background: url(/images/app/shell_gsl/icon_fuel_type_unleaded.png) no-repeat;
  }
  .fi-logo-autogas{
    background: url(/images/app/shell_gsl/icon_fuel_type_autogas.png) no-repeat;
  }
  .fi-logo-fuelsave{
    background: url(/images/app/shell_gsl/icon_fuel_type_fuelsave.png) no-repeat;
  }
  .fi-logo-diesel{
    background: url(/images/app/shell_gsl/icon_fuel_type_diesel.png) no-repeat;
  }
  .fi-logo-AT-11{
    background: url(/images/app/shell_gsl/fps/AT/132x46/11.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/AT/216x70/11.jpg) no-repeat;
    }
  }
  .fi-logo-AT-14{
    background: url(/images/app/shell_gsl/fps/AT/132x46/14.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/AT/216x70/14.jpg) no-repeat;
    }
  }
  .fi-logo-AT-15{
    background: url(/images/app/shell_gsl/fps/AT/132x46/15.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/AT/216x70/15.jpg) no-repeat;
    }
  }
  .fi-logo-AT-16{
    background: url(/images/app/shell_gsl/fps/AT/132x46/16.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/AT/216x70/16.jpg) no-repeat;
    }
  }
  .fi-logo-AT-22{
    background: url(/images/app/shell_gsl/fps/AT/132x46/22.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/AT/216x70/22.jpg) no-repeat;
    }
  }
  .fi-logo-TH-10{
    background: url(/images/app/shell_gsl/fps/TH/132x46/10.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/TH/216x70/10.jpg) no-repeat;
    }
  }
  .fi-logo-TH-11{
    background: url(/images/app/shell_gsl/fps/TH/132x46/11.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/TH/216x70/11.jpg) no-repeat;
    }
  }
  .fi-logo-TH-13{
    background: url(/images/app/shell_gsl/fps/TH/132x46/13.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/TH/216x70/13.jpg) no-repeat;
    }
  }
  .fi-logo-TH-14{
    background: url(/images/app/shell_gsl/fps/TH/132x46/14.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/TH/216x70/14.jpg) no-repeat;
    }
  }
  .fi-logo-TH-15{
    background: url(/images/app/shell_gsl/fps/TH/132x46/15.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/TH/216x70/15.jpg) no-repeat;
    }
  }
  .fi-logo-TH-24{
    background: url(/images/app/shell_gsl/fps/TH/132x46/24.jpg) no-repeat;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      background: url(/images/app/shell_gsl/fps/TH/216x70/24.jpg) no-repeat;
    }
  }
  .fi-logo-BG-10{
    background: url(/images/app/shell_gsl/fps/BG/132x46/10.jpg) no-repeat;
  }
  .fi-logo-BG-11{
    background: url(/images/app/shell_gsl/fps/BG/132x46/11.jpg) no-repeat;
  }
  .fi-logo-BG-12{
    background: url(/images/app/shell_gsl/fps/BG/132x46/12.jpg) no-repeat;
  }
  .fi-logo-BG-13{
    background: url(/images/app/shell_gsl/fps/BG/132x46/13.jpg) no-repeat;
  }
  .fi-logo-BG-17{
    background: url(/images/app/shell_gsl/fps/BG/132x46/17.jpg) no-repeat;
  }
  .fi-logo-BG-19{
    background: url(/images/app/shell_gsl/fps/BG/132x46/19.jpg) no-repeat;
  }
  .fi-logo-BG-22{
    background: url(/images/app/shell_gsl/fps/BG/132x46/22.jpg) no-repeat;
  }

  .fi-logo-DK-10{
    background: url(/images/app/shell_gsl/fps/DK/132x46/10.jpg) no-repeat;
  }
  .fi-logo-DK-12{
    background: url(/images/app/shell_gsl/fps/DK/132x46/12.jpg) no-repeat;
  }
  .fi-logo-DK-13{
    background: url(/images/app/shell_gsl/fps/DK/132x46/13.jpg) no-repeat;
  }
  .fi-logo-DK-15{
    background: url(/images/app/shell_gsl/fps/DK/132x46/15.jpg) no-repeat;
  }

  .fi-logo-NO-10{
    background: url(/images/app/shell_gsl/fps/NO/132x46/10.jpg) no-repeat;
  }
  .fi-logo-NO-11{
    background: url(/images/app/shell_gsl/fps/NO/132x46/11.jpg) no-repeat;
  }
  .fi-logo-NO-12{
    background: url(/images/app/shell_gsl/fps/NO/132x46/12.jpg) no-repeat;
  }
  .fi-logo-NO-16{
    background: url(/images/app/shell_gsl/fps/NO/132x46/16.jpg) no-repeat;
  }

  .fi-logo-DE-11{
    background: url(/images/app/shell_gsl/fps/DE/132x46/11.jpg) no-repeat;
  }
  .fi-logo-DE-12{
    background: url(/images/app/shell_gsl/fps/DE/132x46/12.jpg) no-repeat;
  }
  .fi-logo-DE-13{
    background: url(/images/app/shell_gsl/fps/DE/132x46/13.jpg) no-repeat;
  }
  .fi-logo-DE-14{
    background: url(/images/app/shell_gsl/fps/DE/132x46/14.jpg) no-repeat;
  }
  .fi-logo-DE-17{
    background: url(/images/app/shell_gsl/fps/DE/132x46/17.jpg) no-repeat;
  }
  .fi-logo-DE-22{
    background: url(/images/app/shell_gsl/fps/DE/132x46/22.jpg) no-repeat;
  }
  .fi-logo-DE-24{
    background: url(/images/app/shell_gsl/fps/DE/132x46/24.jpg) no-repeat;
  }
  .fi-logo-DE-25{
    background: url(/images/app/shell_gsl/fps/DE/132x46/25.jpg) no-repeat;
  }

  .fi-logo-CA-15{
    background: url(/images/app/shell_gsl/fps/CA/132x46/15.jpg) no-repeat;
  }
  .fi-logo-CA-16{
    background: url(/images/app/shell_gsl/fps/CA/132x46/16.jpg) no-repeat;
  }

  .fi-logo-AT-28{
    background: url(/images/app/shell_gsl/fps/AT/132x46/28.jpg) no-repeat;
  }
  .fi-logo-DE-28{
    background: url(/images/app/shell_gsl/fps/DE/132x46/28.jpg) no-repeat;
  }

  /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

  .fi-logo-extra{
    background: #818181;
    color:white;
  }
  .fi-logo-extra p{
    padding: 1em;
  }
  .fi-fuel-price{
    width: 160px;
    font-size: 15px;
    float: left;
    padding: 1em;

  }
  .fi-fuel-price-normal span{
    font-size: 11px;
    font-weight: bold;
  }

  .fi-fuel-price-normal{
    font-weight: bold;
  }

  .fi-fuel-price-none{
    color: #a9a9a9;
  }
  #liw-t3-disclaimer{
    float: left;

  }

  #scrollbar-country {
    float: left;/*
    padding: 1em;*/
    width: 230px;
    height:190px;
    }

  #scrollbar-country .viewport {
    width: 230px;
    height: 190px;
    overflow: hidden;
    position: relative;
  }

  #scrollbar-country .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    height: auto;
  }
  #scrollbar-country .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
  }

  #scrollbar-country .thumb {
    /*background: #f7d117; */
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

  }
  #scrollbar-country .disable { display: none; }

  #scrollbar-disclaimer {
    display: none;
    float: left;
    padding: 1em;
    width: 360px;
    height: 75px;
    }

  #scrollbar-disclaimer .viewport {
    width: 330px;
    /*height: 170px;*/
    height: 100%;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #scrollbar-disclaimer .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #scrollbar-disclaimer .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    /*background: #fcf5d0;*/
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #scrollbar-disclaimer .thumb {
    /*background: #f7d117; */
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #scrollbar-disclaimer .disable { display: none; }

  #captcha-disclaimer {
    display: none;
    float: left;
    /*padding: 1em;*/
    width: 340px;
    height: 100%;
    }

  #captcha-disclaimer .viewport {
    width: 330px;
    height: 100%;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #captcha-disclaimer .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #captcha-disclaimer .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    /*background: #fcf5d0;*/
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #captcha-disclaimer .thumb {
    /*background: #f7d117; */
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #captcha-disclaimer .disable { display: none; }

  #scrollbar-fuel{
    display: none;
    border-bottom: 1px solid #DDD;
  }

  #scrollbar-fuel .viewport {
    width: 330px;
    height: 237px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #scrollbar-fuel .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #scrollbar-fuel .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #scrollbar-fuel .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #scrollbar-fuel .disable { display: none; }

  #location-info-window #l-info-w-tabs-1{
    height: 394px;
  }

  #l-info-w-tabs-1 .viewport {
    width: 330px;
    height: 292px;
    overflow: hidden;
    position: relative;
    /*margin-left: -14px;*/
  }

  #l-info-w-tabs-1 .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
  }
  #l-info-w-tabs-1 .scrollbar{
    z-index: 9;
    position:absolute;
    right: 1px;
    background: #DDD;
    width: 10px;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px; */
  }

  #l-info-w-tabs-1 .thumb {
    background: #999;
    height: 20px;
    width: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left:1;

    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;*/
  }
  #l-info-w-tabs-1 .disable { display: none; }

  #liw-t2-map{
    z-index: 999999;
    width:327px;
    height: 360px;
    display: block;
  }

  #l-info-w-tabs-2 .info-tab-wrapper{
    margin-top: 15px;
  }
  #iwno .info-tab-wrapper{
    z-index: 99999;
    margin-top: 15px;
    padding: 0 1.5em;
    height:395px;
  }

  .shell-alert-window{
    background: white;
    border: 1px solid #DDDDDD;
    color: #595959;
    position: fixed;

    width:316px;
    z-index: 99;
    display:none;
  }
  #shell-download-csv-file{
    top:45%;
    left: 100px;
    width: 380px;
    height: auto;
  }
  #shell-download-gps-file-download-btn{
    margin-left: 10px;
    float: left;
  }
  #shell-download-gps-file{
    top:20%;
    left: 100px;
    width: 380px;
    height: 170px;
  }
  #shell-download-gps-file p{
    width: 340px;
  }
  .aw-gps-content{
    /*height: 160px;*/
  }

  .aw-gps-content select{
    float: left;
    margin:0px 10px;
    width: 360px;
  }
  .aw-gps-bot{
    float: left;
    width: 100%;
    padding: 10px 0px;
  }
  #wl-continue-btn{
    /*margin-top: 18px;
    margin-left: 10px;*/
  }
  #wl-download-btn{
    margin-top: 10px;
    margin-left: 10px;
  }
  #shell-clear-results{
    top:20%;
    left: 100px;
  }
  #shell-clear-results .aw-buttons{
    width: 120px;
    margin-top: 10px;
  }
  #shell-clear-results .a-window-title p{
      display: none;
  }
  #shell-clear-results .a-window-content p{
      display: none;
  }
  #shell-warning-lang-change, #shell-warning-mode-change{
    top:20%;
    left: 100px;
  }
  #shell-warning-lang-change .aw-buttons, #shell-warning-mode-change .aw-buttons{
    width: 120px;
    margin-top: 10px;
  }
  #wm-cancel-btn {
    margin-left: 50px;
  }
  #shell-warning-site-route-error{
    top:20%;
    left: 100px;/*
    height: 105px;*/
  }
  #shell-warning-export{
    top:20%;
    left: 100px;
    z-index: 300;
  }
  #shell-warning-cookies{
    top:20%;
    left: 100px;
  }
  #shell-bookmark-window-disabled {
    height:200px;
    top:40%;
    left:100px;
  }
  /*.aw-cr-content{
    height: 95px;
  }*/
  .aw-cr-content p {
    font-size: 11px;
  }
  #cr-continue-btn {
    float: left;
  }
  #cr-cancel-btn {
    float: right;
  }
  /*.aw-wl-content{
    height: 110px;
  }*/
  .aw-wl-content p {
    font-size: 11px;
  }
  .aw-wl-bot {
    margin: 0 10px;
    /*margin-top: 10px;*/
    padding-bottom: 10px;
    float: left;
    width: 295px;
  }
  .aw-continue {
    float: left;
  }
  #wl-continue-btn {
    float: left;
  }
  #wl-cancel-btn {
    float: right;
  }

  #shell-bookmark-window {
    /*height:200px;*/
    top:40%;
    left:100px;
  }

  .a-window-title {
    /*height: 30px;*/
    background: #f7d117;
    font-size: 13px;
    font-weight: bold;
    cursor: move;
    width: 100%;
    height: auto;
    float: left;
    display: block;
  }

  .a-window-title p {
    width:270px;
    /*width: 100%;*/
    padding:.6em;
    float: left;
  }
  #shell-download-csv-file .a-window-title p {
    width:330px;
  }
  .yellow-aw-close {
    background: url(/images/app/shell_gsl/popup_close_yellow.png) no-repeat;
    width: 21px;
    height: 21px;
    float: right;
    cursor: pointer;
    margin-top: 3px;
    padding-right: 3px;
  }
  #email-window-close-btn{
    background: url(/images/app/shell_gsl/popup_close_yellow.png) no-repeat;
    width: 21px;
    height: 21px;
    float: right;
    cursor: pointer;
    margin-top: 3px;
    padding-right: 3px;

  }
  .a-window-highlight{
    background: #FDF6D1;
    width:316px;
    float: left;/*
    height: 49px;*/
    border-top: 1 solid white;
    color: black;

  }
  .a-window-highlight span{
    font-weight: bold;
    float: left;

  }
  .a-window-highlight .bm-w-d{
    float: left;
    font-weight: normal;
    width: 230px;
  }
  .a-window-highlight .bm-w-f{
    float: left;
    font-weight: normal;
    width: 230px;

  }
  .bookmark-w-details{
    float: left;
    /*padding: 1em 1em 0 1em;*/
    width: 100%;
  }
  .bookmark-w-details span{
    padding: 1em 0 1em 1em;
  }

  /*.bookmark-w-filters span{
    padding: 0 0 1em 1em;

  }*/
  .bookmark-w-filters{
    float: left;
    /*padding: .5em 1em 0 1em;*/
    width: 100%;
    margin-top: 5px;

  }
  .a-window-content{
    float: left;
    position: relative;
    /*width: 316px;*/
    width: 100%;
    color: black;
    font-size: 10px;
  }
  .a-window-content label{
    font-weight: bold;
  }
  .aw-bm-content{
    /*height:110px;*/
  }

  #shell-bookmark-window span.bm-sections{
    font-weight: normal;
  }
  .bm-cookiepolicy>p{
    float: left;
    padding: 1em;
    width: 290px;
    line-height: 1.5em;
  }
  .a-window-content>p{
    float: left;
    padding: 1em;
    width:290px;
    line-height: 1.5em;
  }
  .a-window-content span{
    font-weight: bold;
  }
  .a-window-content-links{
    /*position: absolute;*/
    width:100%;
    float: left;
    bottom: 0px;
    left: 1em;
    font-size: 11px;
    margin-left: 10px;
    padding-bottom: 10px;
  }

  .a-window-content-links a{

    background: url(/images/app/shell_gsl/red_arrow_bullet.png) no-repeat left;
    margin-top: 5px;
    float: left;
    text-decoration: none;
    color: black;
  }
  .a-window-content-links p{
    margin-left: 5px;
    padding-left: 1em;
  }

  #shell-email-window{
    left:100px;
    top:100px;
    /*height: 210px;*/
    /*height: 170px;*/
  }
  #shell-email-window .mode{
    display: none;
    opacity: 0;
  }
  #bm-route-title{
    margin-top: 4px;
    margin-left: 10px;
    float: left;
  }

  .shell-alert-window .bm-input{
    float: left;
    width: 180px;
    margin:0px;
    margin-left: 10px;
  }

  .shell-alert-window .bm-bot{
    padding: 1em;
  }
  .shell-alert-window .bm-mid{
    float: left;
    width: 100%;
    padding: 1em 0px;
  }

  .aw-buttons{
    width: 161px;
    height:20px;
    /*font-size: 9px;*/
    font-size: 10px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*padding-top: 5px;*/
    padding-top:2px;
    color: black;

  }
  #aw-em-cont{
    padding:1em;
  }
  .aw-em-content label{
    float: left;
    width: 70px;
    margin-top: 5px;
  }
  .aw-em-content input[type='text']{
    width:210px;
    float: right;
    margin:0px;
  }
  .aw-em-content li{
    width: 290px;
    margin-bottom: 5px;
  }
  #em-send-btn{
    color: black;
    width: 170px;
    margin-top: 15px;
    /*padding-bottom: 10px;*/
  }
  #bm-add-btn{
    color: black;
  }
  #aw-em-content-bot{
    float: left;
    padding-top: 20px;
    width: 300px;
    height: 35px;
  }
  #aw-em-content-bot span{
    font-weight: normal;
    /*margin-top: 5px;*/
    float: left;
    letter-spacing: -1px;
  }
  .em-radio-btns{
    float: left;
  }
  .em-radio-item{
    float: left;
    width: 220px;
  }
  #aw-em-content-p1{

  }
  #aw-em-content-p2{
    display: none;
    font-size: 10px;
  }
  #aw-em-content-p2 p{
    float: left;
    margin: 5px 0px;
  }
  #em-resend-btn{
    color: black;
    width: 170px;
    margin-top: 15px;
    float: left;
  }
  #aw-em-content-p1-form ul{
    display: block;
    height: 80px;
    width: 300px;
    float: left;
  }
  #aw-em-content-p1-form .error{
    border: 1px solid #d42e12;
  }
  label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

  .aw-error-msg{
    /*float: right;*/
    font-weight: bold;
    margin-top: -45px;
    margin-right: 25px;
    font-size: 9px;
    color: #d42e12;
    display: none;
  }
.drag-icn{
  background: url(/images/app/shell_gsl/change_order.png) no-repeat;
  width: 18px;
  height: 20px;
  float:left;
  cursor: pointer;
  /*opacity:0*/
}
#liw-t1-open-days{
  width: 80px;
  float: left;
}
#liw-t1-open-time{
  float: left;
}
#liw-t1-sitedetails{
/*  margin-top: 6px;*/
}
#liw-t1-sitedetails .address{
    text-transform: uppercase;
}
#liw-t1-open_close_hours {
  padding-bottom: 10px;
}
#liw-t1-open_close_hours h5{
}
#liw-t1-open_close_hours .opening-hours-left{
  max-height: 100px;
  width: 100%
}
.opening-hours-left{
  float: left;
}
.opening-hours-right{
  display: none;
}
.opening-hours-left .day, .opening-hours-right .day{
  width: 35px;
  display: inline-block;
}
.opening-hours-left.center {
  width: 100%;
}
.opening-hours-left.center .day{
  width: 65px;
}
.opening-hours-left li{
  display: block;
  float: none;
}

#liw-t1-open_close_hours h5
:first-letter{
    text-transform: uppercase;
}
.iw-services-logo-placeholder{
  width: 60px;
  height: 50px;
  background: #f9d450;
  display: none;
}

#liw-t1-services-logos{
  padding: 15px 0px;
}
.liw-title > .liw-distance-from{
  font-weight: normal;
  float: left;
  padding: 0px 0.7em;
  padding-bottom: 13px;
  height: 13x;
}
#s01-btn-refresh{
  margin-top: 10px;
  margin-left: 5px;
}
.empty-space{
  width:16px;
  height: 12px;
  float: left;
}
.red-btn{
  color:white;
  background: url(/images/app/shell_gsl/btn-bg-red.png) no-repeat right center;
}

.LabeledMarker_cluster1.LabeledMarker_cluster2.LabeledMarker_cluster3.LabeledMarker_cluster4{
  display: block;

}
.LabeledMarker_cluster1{
  width: 32px;
  height: 32px;
  float: left;

  margin-top: -16px;
  margin-left: -16px;

  background: url('/images/maps/icon_button_aqua32.png') no-repeat;

}
.LabeledMarker_cluster2{
  width: 52px;
  height: 52px;
  background: url('/images/maps/icon_button_aqua52.png') no-repeat;
  margin-top: -26px;
  margin-left: -26px;
}
.LabeledMarker_cluster3{
  width: 72px;
  height: 72px;
  background: url('/images/maps/icon_button_aqua72.png') no-repeat;
  margin-top: -36px;
  margin-left: -36px;

}
.LabeledMarker_cluster4{
  width: 92px;
  height: 92px;
  background: url('/images/maps/icon_button_aqua92.png') no-repeat;
  margin-top: -46px;
  margin-left: -46px;
}

 /*Overwrite of marker text color from original settings*/
.LabeledMarker_clusterLabel4,.LabeledMarker_clusterLabel3,.LabeledMarker_clusterLabel2,.LabeledMarker_clusterLabel1{
  color: #595959 !important;
  position: relative !important;
  margin:0px !important;
  white-space: nowrap !important;
  float:left !important;
  font-family: Verdana,sans-serif !important;
  font-weight: bold !important;
}

.LabeledMarker_clusterLabel1{
  line-height: 2.8em !important;
  font-size:    12px !important;
  width:      32px !important;
}
.LabeledMarker_clusterLabel2{
  line-height: 3.3em !important;
  font-size:    16px !important;
  width:      52px !important;
}
.LabeledMarker_clusterLabel3{
  line-height: 3.6em !important;
  font-size:    20px !important;
  width:      72px !important;
}
.LabeledMarker_clusterLabel4{
  line-height: 3.9em !important;
  font-size:    24px !important;
  width:      92px !important;
}

/*  Google Directions */

/*get rid of this one style when using this, demo only*/
#s04-directions{
  padding-left: 10px;
  padding-top: 0px;
}
.s04-rir-s-dist{
  float: left;
}
.s04-rir-li-name{
  margin-top: 4px;
}

.s01-rir-instruct .s04-li-num{
  display: none;
}

.s01-rir-instruct>div{
  width:237px;
}
#s04-directions>div , #s04-directions tr{
  width:247px;
  word-wrap:break-word;
}#s04-directions b{
  /*font-weight: normal;*/
}

.adp-stepicon{
  display: none;
}
.adp-substep{
  font-family: Verdana, sans-serif;
  max-width: 160px;
  word-wrap:break-word;

}
.adp-text{
  font-family: Verdana, sans-serif;
  padding-bottom: 4px;
  float: left;
  padding-left: 10px;
  width: 200px;
}
.adp-step, .adp-substep {
border-top: 1px;
}
.adp-placemark img{
  display: none;
}
.adp-placemark{
  /*display: none;*/

  background: transparent;
  border: 0px;
  color: black;
  cursor: pointer;
  margin: 10px 0;
  vertical-align: middle;
}
.adp-summary{
  display: none;
}

/*AC these are the red dialog boxes inside the nearby map*/
.LabeledMarker_smallmarkerLabel  {
  color:#333333;
  background-color: transparent;
  font-weight: bold;
  font-size: 10px;
  width: 38px;
  text-align: center;
  border: 0px;
  line-height: 10px;
  float: left;
    position: relative;
    margin:0px;
    white-space: nowrap;
    padding: 0px;
    /*top: -28px;*/
    margin-top: 5px;
    border-left: 1px solid #d42e12;
    border-right: 1px solid #d42e12;
    font-style: verdana;
}

.LabeledMarker_smallmarkerCluster{

    background: url('/images/app/shell_gsl/shell-nearby-marker.png') no-repeat;

    display: block;
    width: 40px;
    height: 37px;
    margin-top: -32px;
    margin-left: -16px;

}

#iwno .LabeledMarker_smallmarkerLabel  {
  background-color: #eeaba0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;

}
.markertt{
  width: 226px;
  height: 110px;
  background: url(/images/app/shell_gsl/tooltip-shell-yellow-large.png) no-repeat;
  font: bold 10px/10px arial, sans;
  color: black;
  border: 0px;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;

  margin-top: -143px;
  margin-left: -114px;
}
.markertt-div{
  width: 220px;
  height: 100px;
  padding:0px;
  border: 0px;
  margin: 0px;
}
.markertt-div p {
  font-family: Verdana;
  color: #595959;
  font-weight: bold;
  font-size: 10px;
  margin: 0px auto;
  text-align: center;
  line-height: 13px;
  height: auto;
  width: auto;
  /*width: 200px;
  height: 90px;
  padding-top: 20px;*/
}
.markertt-wrapper {
  #position: relative;
  display: table;
  padding: 0px 5px;
  width:210px;
  height: 100px;
  overflow: hidden;
}
.markertt-wrapper>div {
  #position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle;
}

.markertt-inner {
  #position: relative;
  #top: -50%;
}
.markertt-inner p{
  font-family: Verdana, sans-serif, Arial, Helvetica;
  line-height: 15px;
    text-transform: uppercase;
}
.markertt-inner span{
  font-family: Verdana, sans-serif, Arial, Helvetica;
  font-weight: normal;
}
.LabeledMarker_clusterLabel  {
  color:       #FFFFFF;
  font-weight:  bold;
  font-size:    12px;
  width:       32px;
  text-align:   center;
}
.rir-li-end-container{

margin-left: :12px;
}
.LabeledMarker_Extended{
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  width: 30px;
  text-align:center;
    float: right;
    line-height: 2.8em;
}
.LabeledMarker_Extended_cluster{
    background: url('/images/app/shell_gsl/networks/shell_station_marker_number.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}

.LabeledMarker_Extended_cluster_motorway{
    background: url('/images/app/shell_gsl/networks/flags_map_large_motorway_pecten_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_cluster_motorway-plus{
    background: url('/images/app/shell_gsl/networks/flags_map_large_motorway-plus_pecten_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_cluster_coverage{
    background: url('/images/app/shell_gsl/networks/flags_map_large_coverage_pecten_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_cluster_economy{
    background: url('/images/app/shell_gsl/networks/flags_map_large_economy_pecten_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_cluster_super-economy{
    background: url('/images/app/shell_gsl/networks/flags_map_large_super-economy_pecten_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_cluster_noncore{
    background: url('/images/app/shell_gsl/networks/flags_map_large_noncore_pectan_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_TPN{
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  width: 23px;
  text-align: center;
  float: right;
  line-height: 2em;
}
.LabeledMarker_Extended_TPN_modes{
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    width: 30px;
    text-align:center;
    float: right;
    line-height: 2.8em;
}
.LabeledMarker_Extended_TPN_cluster{

    background: url('/images/app/shell_gsl/icon_3rd_party_cars_and_vans_map_extended.png') no-repeat;
    display: block;
    width: 57px;
    height: 22px;
    margin-left: -28px;
    margin-top: -22px;
}

.LabeledMarker_Extended_TPN_cluster_motorway{
    background: url('/images/app/shell_gsl/networks/flags_map_large_motorway_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_TPN_cluster_motorway-plus{
    background: url('/images/app/shell_gsl/networks/flags_map_large_motorway-plus_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_TPN_cluster_coverage{
    background: url('/images/app/shell_gsl/networks/flags_map_large_coverage_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_TPN_cluster_economy{
    background: url('/images/app/shell_gsl/networks/flags_map_large_economy_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_TPN_cluster_super-economy{
    background: url('/images/app/shell_gsl/networks/flags_map_large_super-economy_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.LabeledMarker_Extended_TPN_cluster_noncore{
    background: url('/images/app/shell_gsl/networks/flags_map_large_noncore_extended.png') no-repeat;
    display: block;
    width: 74px;
    height: 28px;
    margin-left: -37px;
    margin-top: -28px;
}
.dummy-plug-empty{
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
}
.s01-rir-sum-time>.s01-li-dur{
  font-weight: normal;
}
.s01-li-dur .s01-li-dis{
  font-weight: normal;
}

#outside-controls-action{
  position: absolute;
  z-index: 9999;
  top: 770px;
  color: #595959;
  width: 100%;
  background: white;
  height: 200px;

}
#outside-controls-action-wrapper{
  border: 1px solid #DDD;
  padding: 10px;
  height: 33px;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  /*display: none;*/
}
#outside-controls-action-wrapper #oc-pdf{
  display: none;
}
#oc-pdf{
  margin-right: 15px;
  float: left;
}
#oc-pdf p{
  width: 70px;
  float: left;
  height: 32px;
  margin-top: 3px;
  cursor: default;
}
#oc-pdf a{
  float: left;
  background: url(/images/app/shell_gsl/pdf_icon.png) no-repeat;
  width: 27px;
  height:32px;
  display: block;

  margin-left: 0px;
  /*margin-left: -5px;*/
  cursor: pointer;
}
#oc-csv{
  width: 155px;
  float: left;
}
#oc-csv p{
  width: 130px;
  margin-top: 3px;
  float: left;
  cursor: default;
}
#oc-csv a{
  float: left;
  background: url(/images/app/shell_gsl/csv_icon.png) no-repeat;
  width: 27px;
  height:32px;
  display: block;
  margin-left: -5px;
  cursor: pointer;
}
#oc-gps{
  width: 155px;
  float: left;
  margin-left: 10px;
}
#oc-gps p{
  width: 130px;
margin-top: 3px;
  float: left;
  cursor: default;
}
#oc-gps a{
  float: left;
  background: url(/images/app/shell_gsl/icon_export_gps_large.png) no-repeat;
  width: 27px;
  height:32px;
  display: block;
  margin-left: -5px;
  cursor: pointer;

}
#dl-gps-country{
  margin-top: 15px;
}

#directions-email-dummyplug{
  display: none;
}
#directions-dummyplug{
  display: none;
}
#s04-route-failed{
  display: none;
  padding-left: 20px;
}
#location-info-latlng{
  display: none;
}
/*recaptcha stuff*/
#captcha-form{
  padding: 10px;
  margin-top: 25px;
  width: 340px;
  height: 350px;
}

.hideme{ display: none; }

#recaptcha_bot{
  width:340px;
  height: 80px;
  float: left;
  margin-top: 8px;
  /*position: absolute;
  bottom: 10px;*/
  /*background: url(/images/app/shell_gsl/red_arrow_bullet.png) no-repeat left center;*/
}
#recaptcha_bot a{
  float: right;
}
input[type="submit"]{
      cursor: pointer;
      /*width:110px;*/
      width:85px;
      height:30px;
      background: url(/images/app/shell_gsl/subbtn-bg.png) no-repeat right center;
      border: none;
      text-align: left;
      color: #595959;
      font-weight: bold;
      font-size: 9px;

      padding-bottom: 2px;
    }

.img-loading{
  width: 350px;
    display: none;
}
.img-loading-wrapper{
  padding-top: 50px;
  /*padding-bottom: 50px;*/
  width: 66px;
  height: 66px;
  display: block;
  margin: 0 auto;
}
#fps_error-wrapper{
  float: left;
  width: 340px;
  height: 16px;
  min-height: 16px;
  margin-top: 18px;
}

/*CRT CSS*/

#crt-header{
  width: 100%;
  height: 120px;
  /*height: 120px;*/
  /*background-color:#f7d117;*/
  background-color: #FFD200;
  /*border-bottom: white 1px solid;*/
  float: left;
  display: none;
}
#crt-header h1{
  float: left;
  color: #D42E12;
  font-size: 22px;
  margin-top: 50px;
  margin-left: 10px;
}
#crt-h-logo{
  float: left;
  background: url(/images/app/shell_gsl/crt_shell_logo.png) center center no-repeat;
  width: 60px;
  height: 120px;
  display: block;
  padding-left: 70px;

}
#crt-searchbox{
  width: 100%;
  /*width: 620px;*/
  height: 30px;
  background-color: #DDD;
  float: left;
  border: white 1px solid;
  /*position: absolute;
  top: 120px;*/
  /*left: 80px;*/
  z-index: 11;
  display: none;
}
.cflayout #crt-searchbox{
    display: block;
}
#crt-searchbox h4{
  float: left;
  margin: 8px 10px;
  color: #333;
  /*width: auto;*/
  width: 380px;
  white-space: nowrap;
}
#crt-searchbox input{
  float: left;
  /*width: 416px;*/
  width: 294px;
  margin: 4px 0px;
  border: 1px solid #CDCDCD;
  margin-left: 0px;
  margin-top: 3px;
  height: 16px;
}
#crt-searchbox button{
  float: left;
  width: 110px;
  margin: 5px 10px;
  margin-right: 0px;
  color: #333;
}
#module_mapdynamicfilter_searchresults{
  /*width: 622px;*/
  width: 702px;
  overflow: visible;
  position: absolute;
  top: 152px;
  z-index: 13;
  /*left: 80px;*/
  left: 0px;
  display: none;
  font-size: 11px;
  color: #333;
}
.cflayout #module_mapdynamicfilter_searchresults{
  top: 32px;
}
#module_mapdynamicfilter_searchresults .small-mobile{
  display: none;
}
#module_mapdynamicfilter_searchresults td.esi{
  width: 50px;
  white-space: normal;
  word-break: break-all;
}
.SearchResultsBoxTop{
  /*display: none;*/
  position: absolute;
  top: 6px;
  width:100%;
}
.crt-r-count{
  float: left;
  margin-left: 12px;
}

.SearchResultsTable{
  width: 100%;
  /*background-color: white;*/
}
.SearchResultsTable td{
  vertical-align: middle;
  padding-left: 12px;
}

.SearchResultsTable .Header{
  background-color: #FDEDA2;
  /*background-color: #FFD200;*/
  font-weight: bold;
  height: 25px;

}
.SearchResultsTable .Header a{
  font-weight: bold;
  color: #333;
}
.RowLight, .RowDark{
  border-bottom: 1px solid #DDD;
  background-color: white;
  height: 25px;
  width: 100%;
}
.RowLight a, .RowDark a{
  text-decoration: none;
  color: #333;

}
.SearchResultsTable tr span{
  background: #FAE374;
}

.RowLight a:nth-child(2), .RowDark a:nth-child(2){
  text-decoration: underline;
}

.pagination{
  /*background-color: #FDEDA2;*/
  background-color: #fdf6d1;
  height: 17px;
  padding-top: 3px;
  text-align: center;
}
.pagination .disabled{
  display: none;
}
.pagination a{
  text-decoration: none;
  color: #333;
}

/*.SearchResultsTable{
  display: none;
}*/
/*.current{
  font-weight: bold;
}
*/
#crt-overlay{
  background-color: white;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  width: 100%;
  height: 100%;
  z-index: 101;
  display: block;
  position: absolute;
  top: 120px;
  display: none;
}
.h3-top{
  border-top: 1px solid #FDEDA2;
}
.network-li-single{
  width: 100%;
  height: 28px;
}
#network-prvt-li-motorway{
  #margin-top: 32px;
}
.network-li-single label{
  float: left;
  padding-top: 3px;
}
.network-icon{
  margin: 1px 5px;
  width: 31px;
  height: 20px;
  display: block;
  background: url(/images/app/shell_gsl/networks/network_off.png) no-repeat;
  float: left;
}
.tpn-network-icon{
  width: 31px;
  height: 15px;
  display: block;
  margin: 1px 5px;
  background: url(/images/app/shell_gsl/networks/tpn_off.png) no-repeat;
  float: left;
}

.nc-network-icon{
    width: 31px;
    height: 20px;
    display: block;
    margin: 1px 5px;
    background: url(/images/app/shell_gsl/networks/network_off.png) no-repeat;
    float: left;
}

#section-05{
    overflow-x: hidden;
}
#section-05 .prvt-filter-cboxs .empty-space{
    width: 21px;
}

#section-05 .prvt-filter-cboxs .tpn-network-icon{
    width: 24px;
}
#section-05 .prvt-filter-cboxs input[type="checkbox"]{
    width: 16px;
    margin: 0px;
    margin-top: 3px;
    padding:0px;
}
#section-05 .btn-refresh{
  margin-top: 0px;
}
.network-icon-all {
  background: url(/images/app/shell_gsl/networks/network_all.png) no-repeat;
}
.network-icon-motorway-1{
  background: url(/images/app/shell_gsl/networks/network_motorway_1.png) no-repeat;
}
.network-icon-motorway-2{
  background: url(/images/app/shell_gsl/networks/network_motorway_2.png) no-repeat;
}
.network-icon-motorway-plus-1{
  background: url(/images/app/shell_gsl/networks/network_motorway-plus_1.png) no-repeat;
}
.network-icon-motorway-plus-2{
  background: url(/images/app/shell_gsl/networks/network_motorway-plus_2.png) no-repeat;
}

.network-icon-economy-1{
  background: url(/images/app/shell_gsl/networks/network_economy_1.png) no-repeat;
}
.network-icon-economy-2{
  background: url(/images/app/shell_gsl/networks/network_economy_2.png) no-repeat;
}

.network-icon-super-economy-1{
  background: url(/images/app/shell_gsl/networks/network_super-economy_1.png) no-repeat;
}
.network-icon-super-economy-2{
  background: url(/images/app/shell_gsl/networks/network_super-economy_2.png) no-repeat;
}

.network-icon-coverage-1{
  background: url(/images/app/shell_gsl/networks/network_coverage_1.png) no-repeat;
}
.network-icon-coverage-2{
  background: url(/images/app/shell_gsl/networks/network_coverage_2.png) no-repeat;
}
.tpn-network-icon-on{
  background: url(/images/app/shell_gsl/networks/tpn_on.png) no-repeat;
}
.nc-network-icon-on{
    background: url(/images/app/shell_gsl/networks/nc_on.png) no-repeat;
}

#crt-r-pagelinks{
  display: block;
  float: right;
}

#crt-r-xofy{
  float:left;
  margin-left:20px;
}
.crt-r-count{
  float:left;
}

.crt-r-count strong{
  font-weight:bold;
}

#crt-r-pagelinks span, #crt-r-pagelinks a{
  float: left;
  margin: 0px 5px;
}
.crt-r-close{
  float: right;/*
  margin-right: 5px;*/
  /*opacity: 0.5; */

  /*background: url(/images/app/shell_gsl/popup_close_gray.png) no-repeat;*/
  background: url(/images/app/shell_gsl/results_close.gif) no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
/*.crt-r-close:hover{
  background: url(/images/app/shell_gsl/close_delete_dark.png) no-repeat;
  width: 18px;
  height: 20px;
}*/

#liw-t1-prvt-network{

  display: none;
}
#liw-t1-network-logo{
  width: 45px;
  height: 28px;
  display: block;
  margin-top: 5px;
}
#liw-t1-network-label{
  float: left;
  padding-top: 10px;
  padding-left: 10px;
}
.prvt-network-motorway-shell{
  background: url(/images/app/shell_gsl/networks/flags_map_large_motorway_pecten.png) no-repeat;
}
.prvt-network-motorway-plus-shell{
  background: url(/images/app/shell_gsl/networks/flags_map_large_motorway-plus_pecten.png) no-repeat;
}
.prvt-network-super-economy-shell{
  background: url(/images/app/shell_gsl/networks/flags_map_large_super-economy_pecten.png) no-repeat;
}
.prvt-network-economy-shell{
  background: url(/images/app/shell_gsl/networks/flags_map_large_economy_pecten.png) no-repeat;
}
.prvt-network-coverage-shell{
  background: url(/images/app/shell_gsl/networks/flags_map_large_coverage_pecten.png) no-repeat;
}
.prvt-network-noncore-shell{
  background: url(/images/app/shell_gsl/networks/flags_map_large_noncore.png) no-repeat;
}

.prvt-network-motorway-tnp{
  background: url(/images/app/shell_gsl/networks/flags_map_large_motorway.png) no-repeat;
}
.prvt-network-motorway-plus-tnp{
  background: url(/images/app/shell_gsl/networks/flags_map_large_motorway-plus.png) no-repeat;
}
.prvt-network-economy-tnp{
  background: url(/images/app/shell_gsl/networks/flags_map_large_economy.png) no-repeat;
}
.prvt-network-super-economy-tnp{
  background: url(/images/app/shell_gsl/networks/flags_map_large_super-economy.png) no-repeat;
}
.prvt-network-coverage-tnp{
  background: url(/images/app/shell_gsl/networks/flags_map_large_coverage.png) no-repeat;
}

.prvt-network-tnp{
  background: url(/images/app/shell_gsl/networks/flags_map_large_tpn_blue.png) no-repeat;
}
#transparent-blocking-overlay{
  width: 100%;
  height: 100%;
  background-color: white;
  float:left;
  opacity: 0.8;
  z-index: 1000;
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
}
#rtl-cf-mode-selection-window .a-window-title{
  width: 100%;
  font-size: 12px;
}
#rtl-cf-mode-selection-window{
  left: 50%;
  margin-left: -300px;
  opacity: 1;
  position: absolute;
  display: block;
  z-index: 1001;
  height: 155px;
  width: 600px;
  top: 30px;
}
#rtl-cf-mode-selection-window .a-window-content{
  background-color: #F2F2F2;
  height: 81.7%;
  height: 83%;
}
.mode-choose-overlay-options-all{
  margin: 0px auto;
}
.mode-choose-overlay-option{
  background-color: white;
  float: left;
  padding: 2px;
  margin-left: 10px;
  width: 275px;
  max-width: 275px;
  height: 100px;
  margin-top: 14px;
}
.mode-choose-overlay-heading{
  float: left;
  cursor: pointer;
  margin-left: 10px;
  margin-left: 10px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 15px;
}
.mode-choose-overlay-desc-bullet-wrapper {
  height: 100%;
  display: inline-block;
}
.mode-choose-overlay-desc-bullet{
  background-image: url(/images/app/shell_gsl/red_arrow_collapsed_panel_white_bg.png);
  width: 11px;
  height: 11px;
  display: inline-block;
}
.mode-choose-overlay-desc-text {
  display: inline;
}
.mode-choose-overlay-desc-wrapper{
  cursor: pointer;
  margin-left: 10px;
  margin-left: 10px;
  margin-top: 10px;
  clear: left;
}
.mode-choose-overlay-desc-text-wrapper {
  width: 150px;
  float: left;
}
.mode-choose-overlay-description{
  font-size: 10px;
  font-weight: normal;
  padding-top: 10px;
}
.mode-choose-overlay-desc div{
  font-weight: bold;
}
.mode-choose-overlay-desc{
  margin-top: -1px;
}
.mode-choose-overlay-logo{
  float: left;
  cursor: pointer;
}
#rtl-cf-overlay-three-cards-img {
  margin-top: 6px;
}
#mode-choose-overlay-rtl .mode-choose-overlay-logo{
  background: url(/images/app/shell_gsl/rtl_cf_mode_selection_car.png) no-repeat;
  width: 60px;
  height: 53px;
  margin-top: 6px;
}
#mode-choose-overlay-cf .mode-choose-overlay-logo{
  background: url(/images/app/shell_gsl/rtl_cf_mode_selection_truck.png) no-repeat;
  width: 60px;
  height: 50px;
  transform: scale(1.2, 1.2);
  margin-top: 10px;
  margin-left: 12px;
}
.crt-de-logo{
  margin-left: 6px;
}
#geocms_unit_wrapper{
  display: none;
}
#accept-cookies{
  width: 100%;
}

.mobile-layout{
  display: none;
}

#mediaquery_indicator {
    width: 0px;
}
.esi-code{
  font-weight: normal;
}

#geoGoogleNearbyMap{
  width:100%;
  height:100%;
}
#ipad-overlay{
    display: none;
}
#liw-tab3.long{
  white-space: normal;
  padding: 0px 10px;
  height: 28px;
  margin: 0px;
  font-size: 12px;
  margin-top: 0px;
  text-align: left;
  width: 98px;
  line-height:13px;
}
#liw-tab3.long.webkit{
  height: 27px;
}
#prvt-wrapper{
    width: 1000px;
    position: relative;
    overflow: hidden;
    height: 100%;
}

#hidden-example {
  display: none;
  opacity: 0;
}

/* CRT LAYOUT */

html.crtlayout{
    height:100%;
    width: 1000px;
    overflow: visible;
}
.crtlayout>body{
    width: 100%;
    overflow-y :scroll;
    min-height: 1050px;
}
.crtlayout #crt-header{
    display: block;
}
.crtlayout #shell-pannel{
    top: 121px;
}
/*.crtlayout .map_container{
    position: relative;
}*/
.crtlayout #crt-searchbox{
    display: block;
}
.crtlayout #module_mapdynamicfilter_searchresults{
    display: none;
}
.crtlayout #outside-controls-action{
    top: 920px;
}
.crtlayout #outside-controls-action-wrapper{
    display: block;
}
.crtlayout #progressoverlay{
    top: 120px;
}
.crtlayout #shell-pannel{
    position: absolute;
}

.no-style{
    text-transform: none !important;
}
.no-style.tele{
    font-weight: bold;
}

/*
  SPRITES
  Todo: rename these into classes of the img file.
*/
#liw-t1-bot-addbm.a-icn-bookmark {
  background: none;
}
#liw-t1-bot-addbm button{
  background: url('/images/app/shell_gsl/icon_sprite.png') no-repeat 0 0;
}
#liw-t1-bot-email {
  display:none;
}
#liw-t1-bot-email button{
  background: url('/images/app/shell_gsl/icon_sprite.png') no-repeat 0 -84px;
}
#liw-t1-bot-pdf {
  display:none;
}
#liw-t1-bot-pdf button{
  background: url('/images/app/shell_gsl/icon_sprite.png') no-repeat 0 -55px;
}
#liw-t1-bot-add-route button{
  background: url('/images/app/shell_gsl/icon_sprite.png') no-repeat 0 -29px;
}
.esi{
  display: none;
  padding: 0px;
}
.ui-accordion .ui-accordion-content#mobile-esi{
  display: none;
  padding: 0px;
}
.template{
  display: none;
}

/*iPads fixes*/
@media (max-device-width: 1024px) and (orientation: landscape),  (max-device-width: 768px) and (orientation: portrait){
  #mediaquery_indicator {
      width: 2px;
  }
  *, input{
    -webkit-user-select: auto;
  }
  #location-info-window-all .scrollbar{
    display: none !important;
  }
  #l-info-w-tabs-1 .info-tab-wrapper.viewport{
    font-size: 80%;
  }
  #captcha-disclaimer-txt, #liw-t3-disclaimer .overview p{
    font-size: 90%;
    line-height: 1.3em;
  }

  .liw-t1-section>h5{
    margin: 5px 0px 0px 0px;
  }
  .fuel-item{
    zoom:70%;
  }
    #ipad-overlay{
        z-index: 999999;
        display: none;
        background: rgba(0, 0, 0, 0.8);
        width:100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #ipad-fp-wrapper{
        position: relative;
        margin: 0 auto;
        margin-top: 10%;
        width: 80%;
        height: 80%;
        background: rgba(255, 255, 255, 1);
    }
    #ipad-fp-close{
        width: 21px;
        height: 21px;
        background: url(/images/app/shell_gsl/popup_close_gray.png) no-repeat;
        margin: 0.4em;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
    }
    #ipad-fp-wrapper #captcha-form{
        float: none;
        margin: 0 auto;
    }

    #liw-t3-fuel{
        /*height: 100%;*/
        padding-top: 10%;
    }
    #s03-refresh-section{
        margin-left: 10px;
        margin-top: 4px;
    }

    #ipad-fp-wrapper .scrollbar,#recaptcha_widget hr{
        display: none;
    }
    #recaptcha_bot,  #scrollbar-disclaimer{
      /*  position: absolute;
        bottom: 50px;*/
    }
    #liw-t3f-pricedate{
        width: 340px;
        position: relative;
        margin: 0 auto;
    }
    #scrollbar-fuel{
        width: 340px;
        position: relative;
        margin: 0 auto;
        border:none;
    }
    #scrollbar-disclaimer{
        width: 340px;
        margin: 0 auto;
        float: none;
    }
    .img-loading{
        margin: 0 auto;
    }
    #scrollbar-fuel .viewport {
        height: 330px;
    }
    /*html.crtlayout #progressoverlay, #transparent-blocking-overlay {
      width: 100%;
    }*/
    html.crtlayout.iosipad{
      width: 100%
    }
    #crt-header h1{
      width: 370px;
      font-size: 17px;
    }

    #prvt-wrapper{
      width: 100%;
    }
}

/*PRVT portrait FIXES*/
@media screen and (min-device-width: 641px) and (max-device-width: 999px){
  html.crtlayout #shell-pannel{
    zoom: 80%;
    top: 190px;
  }
  #mediaquery_indicator {
    width: 2px;
  }
  html.crtlayout.iosipad{
    width: 100%
  }
  #crt-header h1{
    width: 370px;
    font-size: 17px;
  }
  #prvt-wrapper{
    width: 100%;
  }
  html.crtlayout #outside-controls-action{
    top: 773px;
  }
}

/* PRVT Landscape*/
@media screen and (min-device-width: 641px) and (max-device-width: 768px) and (orientation: landscape){
  #crt-header{
    zoom: 40%;
  }
  .crtlayout #progressoverlay{
    top: 0;
  }
  #rtl-cf-mode-selection-window {
    top: 30px;
    height: 165px;
  }
  #transparent-blocking-overlay{
    top: 0;
  }
  html.crtlayout>body>#prvt-wrapper>#shell-pannel{
    /*zoom: 80% !important;*/
    /*top: 50px;*/
    top: 63px;
  }
  #crt-header h1 {
    font-size: 35px;
    width: 70%;
    margin-top: 43px;
  }
  html.crtlayout #outside-controls-action{
    top: 600px;
  }
}

#section-01-geolocate {
  padding-top: 10px;
}

.geolocate-icon {
  padding-top: 2px;
  padding-left: 2px;
  width: 25px;
  height: 17px;
  float: right;
  border-color: #ddd;
  border-bottom-color: rgb(221, 221, 221);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: separate;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgb(221, 221, 221);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(221, 221, 221);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(221, 221, 221);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-style: solid;
  border-top-width: 1px;
}

.geolocate-icon:hover {
  background-color: #ededed;
}

.geolocate-circle {
  background-color: rgba(212,46,18,.9);
  position: relative;
  height: 15px;
  width: 15px;
  border-radius: 150px;
  margin-left: 4px;
  padding-top: 0.5px;
  padding-right:  2px;
  background-image: url(/images/app/shell_gsl/geolocate_arrow.svg);
  box-sizing: inherit;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

#s04-routes .geolocate-wrapper {
  padding-right: 5px;
}
#iw-latlng-label {
  font-weight: bold;
}
#liw-t1-manned {
  font-weight: bold;
  padding-top: 3px;
}
#fullscreen {
  margin-left: 5px;
  margin-top: 11px;
}
#fullscreen-button {
  width: 86px;
  height: 19px;
  float: left;
}
.selectable {
  cursor: copy;
}
.section-export-format-title {
  margin-bottom: 7px;
}
#section-export-format {
  margin-top: 15px;
}
.export-format-li-single {
  margin: 10px 10px 5px 10px;
}
.network-cb#csv-cb-include-tpn {
  margin-left: 10px;
}
.clippy-div {
 display:none;
}
.clippy-img {
  height: 15px;
  width: 15px;
  float: right;
}
#clippy-title {
  position: absolute;
  top: 60px;
  right: 7px;
}
#clippy-id, #clippy-site-details, #clippy-services, #clippy-fuels {
  top: 15px;
  position: relative;
}
.mode-selection-opts-wrapper {
  padding-top: 5px;
}
#mode-selection-rtl, #mode-selection-cf, #settings-unit-dist-mi, #settings-unit-dist-km {
  margin-right: 10px;
}
.settings-opt-label {
  vertical-align: sub;
}
#s07-lang {
  display:none;
}

#export-filters:nth-child(1) label {
  float: unset;
}
