/* ADJUSTMENTS current css  */
.make-device-selection {background: none;}

#mapshop-right {position: relative; top: 0px; margin: 12px 10px 5px 5px; float: right; clear: none;}
form.make-device-selection {float: left; width: 500px;}

#live-content {border: solid 1px #fff;}
#live-navigation {margin-top: -20px;}

#live-main-content .content ul {margin: 0;}
#live-main-content .content .device-select-steps img {margin-left: 5px;}
#live-main-content .content .device-select-steps form img {margin-left: 30px;}

.js-select {margin-top: 30px; width: 220px;}
.js-select-text {color: #212121; width: 200px;}
.js-select-popup {width: auto;}

.tooltip span {width: 205px;}

/* selectie headers */
#live-main-content .content .device-select-steps {margin-top: 10px;}
#live-main-content .content .device-select-steps h3 {font-size: 14px; padding-left: 25px; margin-bottom: 15px;}
#live-main-content .content .device-select-steps h3.step1active {color: #00AEEF;}
#live-main-content .content .device-select-steps h3.step1inactive {color: #CFCFCF;}
#live-main-content .content .device-select-steps h3.step2active {color: #00AEEF;}
#live-main-content .content .device-select-steps h3.step2inactive {color: #CFCFCF;}
#live-main-content .content .device-select-steps h3.step1active {background: url('../img/icons/ic-nr-1-active.gif') no-repeat left top;}
#live-main-content .content .device-select-steps h3.step2active {background: url('../img/icons/ic-nr-2-active.gif') no-repeat left top;}
#live-main-content .content .device-select-steps h3.step1inactive {background: url('../img/icons/ic-nr-1-inactive.gif') no-repeat left top;}
#live-main-content .content .device-select-steps h3.step2inactive {background: url('../img/icons/ic-nr-2-inactive.gif') no-repeat left top;}

/* new borders */

.clearer {clear: both;}

.live-service {}
.livelight-service {}

.widget-container {width: 729px; min-height: 150px; margin-bottom: 20px; position: relative;}
  .widget-content {zoom: 1;}  
  .widget-wide .widget-content {background: url('../img/widgets/bg-widgetcontent-wide.png') repeat-y top left;}

/* corners */  
.widget-container .corner-lt, .widget-container .corner-rt, .widget-container .corner-rb, .widget-container .corner-lb { position:absolute;}  
.widget-container .wtop, .widget-container .wbottom {position: absolute;}

.widget-container .corner-rt {width:40px; height:40px; overflow: hidden;}
.widget-container .corner-lt {width:40px; height:40px;}
.widget-container .corner-rb {width:40px; height:40px;}
.widget-container .corner-lb {width:40px; height:40px; overflow: hidden;}
.widget-container .wtop {width: 729px; left: 0px; top: 0px; height: 20px; background:transparent url(../img/widgets/bg-widget-top.png) repeat-x left top;}
.widget-container .wbottom {width: 729px; left: 0px; bottom: 0px; height: 20px; background:transparent url(../img/widgets/bg-widget-bottom.png) repeat-x right bottom;}

.widget-container .corner-lt { top:0px; left:0px; background:transparent url(../img/widgets/widgetcorner-lt.png) no-repeat left top; overflow: hidden;}
.widget-container .corner-rt { top:0px; right:-2px; background:transparent url(../img/widgets/widgetcorner-rt.png) no-repeat right top; overflow: hidden;}
.widget-container .corner-rb { bottom: 0px; right:-2px; background:transparent url(../img/widgets/widgetcorner-rb.png) no-repeat right top; overflow: hidden;}
.widget-container .corner-lb { bottom: 0px; left: 0px; background: transparent url(../img/widgets/widgetcorner-lb.png) no-repeat left top; overflow: hidden;}

/* widget service */
h3 {color: #B8B8C4; border: none;}
 h3.activeservice {color: #00AEEF;}

.service-overview {width: 363px; float: left; padding-top: 10px; color: #444444;}
  .focus {background:transparent url(../img/widgets/bg-service-overview-highlight.png) repeat-x left bottom; }
  #live-main-content .content .service-overview h3 {font-size: 22px; line-height: 50px; color: #444444; padding-left: 80px; margin-left: 10px; background:transparent url(../img/icons/ic-live-big.png) no-repeat left top;}
  .service-overview .service-subtitle {position: relative; margin-left: 90px; top: -20px; display: inline-block; line-height: 1.2em; vertical-align: top;}
  #live-main-content .content .service-overview ul.subscr-items {margin-left: 35px; margin-top: -10px;}
  #live-main-content .content .service-overview ul.subscr-items li {padding-left: 55px; line-height: 1.8em;}
    .service-overview ul.subscr-items li.traffic {background:transparent url(../img/icons/ic-traffic.png) no-repeat left center; }
    .service-overview ul.subscr-items li.speed {background:transparent url(../img/icons/ic-speedcams.png) no-repeat left center; }
    .service-overview ul.subscr-items li.fuel {background:transparent url(../img/icons/ic-fuel.png) no-repeat left center; }
    .service-overview ul.subscr-items li.search {background:transparent url(../img/icons/ic-google.png) no-repeat left center; }
    .service-overview ul.subscr-items li.weather {background:transparent url(../img/icons/ic-weather.png) no-repeat left center; }
    .service-overview ul.subscr-items li.gpsfix {background:transparent url(../img/icons/ic-gpsfix.png) no-repeat left center; }

.service-subscription {width: 364px; min-height: 85px; float: right; margin-right: 1px; border-left: solid 1px #B5B5B5;  border-bottom: solid 1px #B5B5B5;}
  .widget-content .lastitem {border-bottom: none;}
  .focus .service-subscription {background:transparent url(../img/widgets/bg-service-description-highlight.png) repeat-x left bottom;}
  #live-main-content .content .service-subscription ul {margin-top: 3px;}
  .service-subscription ul li {float: left; width: 130px; padding: 5px 5px 5px 0px;}
  .service-subscription ul li:first-child {width: 80px; padding-left: 10px; line-height: 1em;}
  .service-subscription ul li.lastchild {width: 90px; padding-top: 20px;}
  .service-subscription .subscr-period {color: #FD1200; display: block; line-height: 20px; margin-bottom: 3px;}
  .service-subscription .subscr-amount-old {color: #747474; display: block; margin-bottom: 3px;}
    .service-subscription .subscr-amount-old span.strike { text-decoration: line-through;}
    .service-subscription .subscr-amount-old span.small {font-size: 8px; position: relative; top: -4px;}
  .service-subscription .subscr-amount {color: #FD1200; font-size: 24px; display: block; font-family: Arial; line-height: 1em;}
    .service-subscription .subscr-amount span {font-size: 12px; position: relative; top: -8px;}
  .service-subscription .subscr-type {color: #747474; background-color: #DFDFDF; padding: 3px; display: inline; font-size: 0.9em; position: relative; top: 3px;}
  .service-subscription .subscr-payment {color: #747474;  display: block; font-size: 0.9em; line-height: 1.2em; margin-top: 8px;}
  .service-subscription .subscr-buybutton {text-align: right;height: 21px; line-height: 21px;}
  .service-subscription .subscr-buybutton a{height: 21px; line-height: 21px; padding: 5px; text-decoration: none; background: transparent url('../img/services/btn-buynow.png') no-repeat left top; padding: 3px 25px 8px 10px; color: #FFFFFF; font-size: 0.9em;}

/* devices */
#live-main-content .content .device-overview {width: 242px; float: left; border-left: solid 1px #CECECE; text-align: center; }
  #live-main-content .content .device-overview:first-child {border: none;}
#live-main-content .content .device-overview h3 {color:#747474; font-weight: bold; margin-top: 10px; text-align: center; fonth-weight: bold; padding-left: 0px; width: 242px;}
#live-main-content .content .device-overview-all {border-top: solid 1px #CECECE; clear: both; text-align: right;}
  #live-main-content .content .device-overview-all p.blue-button {margin: 10px; display: block; text-align: right;}
  #live-main-content .content .device-overview-all p.blue-button a {float: right; margin: 0 0 15px 0;}
  
/* lightbox */
#backgroundPopup{display:none; position:fixed; height:100%; width:100%; top:0;  left:0; background:#000000; z-index:900;}  

#popupLightbox1{display:none; text-align: left; position:relative; min-width:385px; width:385px; z-index:901; font-size:11px;}  
#popupLightbox2{display:none; text-align: left; position:relative; min-width:385px; width:385px; z-index:901; font-size:11px;}  
#popupLightbox3{display:none; text-align: left; position:relative; min-width:385px; width:385px; z-index:901; font-size:11px;}  
#popupLightbox4{display:none; text-align: left; position:relative; min-width:385px; width:385px; z-index:901; font-size:11px;}  
#popupLightbox5{display:none; text-align: left; position:relative; min-width:385px; width:385px; z-index:901; font-size:11px;}  
#popupLightbox6{display:none; text-align: left; position:relative; min-width:385px; width:385px; z-index:901; font-size:11px;}  


.popupLightboxTop {width: 385px; min-height: 63px; background: transparent url('../img/lightbox/lightbox-top.png') no-repeat left top;}
.popupLightboxContent {width: 330px; background: transparent url('../img/lightbox/lightbox-content.png') repeat-y left top; padding-top: 3px;}
.popupLightboxBottom {width: 385px; height: 40px; background: transparent url('../img/lightbox/lightbox-bottom.png') no-repeat left bottom;}

.popupLightboxTop h2{text-align:left; font-size:1.2em; font-weight: normal; color: #7AB800; padding:25px 0 8px 0; margin:0px 0px 0px 40px;}  
.popupLightboxContent p {padding-left: 60px; float: none; margin: 0px 33px 10px 33px;}
  .popupLightboxContent p.alert {padding-top: 0px; margin-top: 0px; background: transparent url('../img/icons/ic-alert.png') no-repeat left top;}
  .popupLightboxContent p.live {padding-top: 0px; margin-top: 0px; background:transparent url(../img/icons/ic-live-big.png) no-repeat left top;}
.popupLightboxContent ul {float: none; padding-left: 0px; margin: 25px 40px 0px 93px; }
.popupLightboxContent ul li {height: 20px; float: none; padding-left: 0px; list-style: none; background:transparent url(../img/services/navigation-li.gif) no-repeat left 2px;}
.popupLightboxContent ul li a {padding-left: 15px; text-decoration: none;} 
.popupLightboxContent ul li a:hover {text-decoration: underline;} 
  .popupLightboxContent ul li:first-child {height: 20px; background:transparent url(../img/services/navigation-group-02-li.gif) no-repeat left 2px;}
  .popupLightboxContent ul li:first-child a{font-size: 1.3em;}