@CHARSET "UTF-8";
/************************************/
/*****      GLOBAL STYLES       *****/
/************************************/
html{height: 100%;}
body{
    height: 100%;
    background-color: #f7f9fa;
    color: #0f0f0f;
    font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
}
input[type=submit],
button {
    font-family: inherit;
    font-size: 100%;}
*{
    margin:0px;
    padding:0px;
}
h2{
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px;
}
h3{
    color: #0161AA;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
}
h4{
    color: #0F0F0F;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}
ul,ol,dl{
    margin-left:15px;
}
li{
    padding-bottom: 5px;
}
table{
    border-spacing: 0px;
}
a, a:hover{
    color: #0f0f0f;
    text-decoration: none;
}
a.action,a.action:hover{
    color:#F0861B;
    background: url("/images/icn_arrow_orange_border.png") no-repeat scroll 0 1px transparent;
    padding-left: 14px;
}
a.action:hover{background: url("/images/icn_arrow_orange.png") no-repeat scroll 0 1px transparent;}
img,
a img,
a:hover img {
    border: none;
}
.clearfix{min-height:1%;clear:both;}
.float-left{float: left;}
.float-right{float: right;}
/*  final styling   */
#editAccount .row-border {
    border-top: 1px solid #BFC0C1;
}
.row-even{
    border-top: 1px solid #BFC0C1;
    background-color: #fff;
}
.row-odd{
    border-top: 1px solid #BFC0C1;
    background-color: #f7f9fa;
}
.row-last{
    border-bottom: 1px solid #BFC0C1;
}
/* validation/feedback */
.validationFeedback {
    padding: 10px 0 0;
}
.validationFeedback ul{
    padding:0;
    margin:0px;
    text-indent: 0px;
}
#editAccount .pasteNotAllowedMsg{
    margin-left:15px;
}
.pasteNotAllowedMsg, .validationFeedback ul li.feedbackPanelERROR{
    padding:3px;
    margin: 2px 0;
    list-style-type:none;
    border:1px solid #e2001a !important;
    background-color:#f8c3c9 !important;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:inline-block;
}
.validationFeedback ul li.feedbackPanelWARNING{
    padding:3px;
    margin: 2px 0;
    list-style-type:none;
    border:1px solid #e2ae1a !important;
    background-color:#fde857 !important;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:inline-block;
}
.validationFeedback ul li.feedbackPanelINFO{
    list-style-type:none;
    background: url("/images/bulletYes.png") no-repeat scroll 0 3px transparent;
    padding-left: 16px;
    margin-top:7px;
}
.validationFeedback ul li span{
    font-weight: bold;
}
/* validation/feedback in functionPanel */
#functionPanel .validationFeedback{
    padding: 0px;
    color: #0f0f0f;
}

.actionPanelFeedback{
    margin:10px 0 0 520px;
}

.actionPanelAdminFeedback{
    margin:10px 0 0 580px;
}

/* validation/feedback on modal confirmation windows */
.modalWindowFeedback {
  width:90%;
  margin:8px auto 8px auto;
  text-align:center;
  color:#FF9999;
}

.modalWindowFeedback ul {
  list-style-type:none;
}

.error,
select.error,
input.error,
textarea.error {
    border:1px solid #e2001a !important;
    background-color:#f8c3c9 !important;
}

.required{
    vertical-align: top;
    font-weight: bold;
    color:#F0861B;
    font-size:14px;
}

.warningPanel {
    padding:3px;
    border:1px solid #e2ae1a !important;
    background-color:#fde857 !important;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.detailsPageSameVINWarning {
    margin:0 0 5px 8px;
    width:729px;
    float:right;
}

.valueCertificateEditPageSameVINWarning {
    margin:5px 0 5px 0;
    width:971px;
}

/********************/
/*** structure  ***/
/********************/
#footer-wrapper {
    height: auto !important;
    width: 980px;
    margin: 0 auto -165px;
    min-height: 100%;
    text-align: left;
}
.logo{
    float: left;
    left: 10px;
    position: relative;
    top: 25px;
}
#language{
    margin: 5px;
    text-align: right;
}
#language a img,
#language a:hover img{
    margin:0 2px;
}
#login{
    margin: 5px;
    text-align: right;
    display:inline-block; /* for safari */
}
/* star rating */
#login div {display:inline;}

/* Navigation */
#navigation{
    background: url("/images/prime_nav_bg_blue.png") repeat-x 0 0 transparent;
    color: #fff;
    font-weight:bold;
    padding: 0px 50px;
    height: 22px;
    line-height: 22px;
}
#navigation ul{
    list-style-type: none;
}
#navigation li{
    padding: 0px;
    position: relative;
}
#navigation a,
#navigation a:hover{
    color: #fff;
    font-weight: bold;
}
#navigation li:hover,
#navigation .firstLevelNavContainer li.activeNavigationLink,
#navigation .firstLevelNavContainer li.activeNavigationLink:hover,
#navigation li a:hover,
#navigation .firstLevelNavContainer li a.activeNavigationLink,
#navigation .firstLevelNavContainer li a.activeNavigationLink:hover {
    background: url("/images/prime_nav_bg_grey.png") repeat-x 0 0 transparent;
    color:#0161aa;
}
#navigation .firstLevelNavContainer li{
    float:left;
    z-index: 1000;
    padding: 0 80px 0 20px;
}
#navigation .secondLevelNavContainer{
    position:absolute;
    clear:both;
    width:170px;
    z-index: 1000;
    display: none;
    margin-left:-20px;
}
#navigation .secondLevelNavContainer li{
    background: url("/images/prime_nav_dropdown.png") no-repeat 0 0 transparent;
    height:24px;
    line-height:24px;
    padding:0px;
    display:block;
    width:170px;
}
#navigation .secondLevelNavContainer li.last{
    background: url("/images/prime_nav_dropdown_last.png") no-repeat 0 0 transparent;
}

#navigation li:hover .secondLevelNavContainer{
    display: block;
}
#navigation .secondLevelNavContainer li:hover{
    background: url("/images/prime_nav_dropdown_over.png") no-repeat 0 0 transparent;
}
#navigation .secondLevelNavContainer li.last:hover{
    background: url("/images/prime_nav_dropdown_last_over.png") no-repeat 0 0 transparent;
}
#navigation .secondLevelNavContainer li a{
    display:block;
    padding-left:20px;
    width:150px;
}
#navigation .secondLevelNavContainer li:hover a,
#navigation .secondLevelNavContainer li:hover a:hover{
    color:#0161aa;
}

#navigation .unregistered a,
#navigation.unregistered a:hover{
    color:#F0861B;
    text-decoration: none;
}

#searchLink {
    padding-left:0px !important;
    padding-right:0px !important;
}

#searchLink a {
    display:block;
    padding-left:20px;
    width:150px;
}

/* Headings for the sections within the FAQ page */
.faqSectionHeading {
    color: #0161AA;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px !important;
}

.faqTextHighlight{
    background: none repeat scroll 0 0 #0161AA;
    border: 1px solid #111111;
    color: white;
    margin: 2px 0;
    padding: 2px;
}

/* e.g. list view sec nav */
.pageNavContainer .navItem{
    width:123px;
    float:left;
}
.pageNavContainer .navItem a{
    display:block;
    width: 103px;
    background: url("/images/listViewNavigation_grey_123.png") no-repeat 0 0;
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
    font-weight:bold;
    color:#656969;
}
.pageNavContainer .navItem a:hover,
.pageNavContainer .navItem a.activeCockpitView,
.pageNavContainer .navItem a.activeCockpitView:hover{
    background: url("/images/listViewNavigation_blue_123.png") no-repeat 0 0;
    color:#fff;
}
.pageNavContainer .navItem.first,
.pageNavContainer .navItem.last{
    width:122px;
}
.pageNavContainer .navItem.first a,
.pageNavContainer .navItem.last a{
    width: 102px;
    background: url("/images/listViewNavigation_grey_122.png") no-repeat 0 0;
}
.pageNavContainer .navItem.first a:hover,
.pageNavContainer .navItem.first a.activeCockpitView,
.pageNavContainer .navItem.first a.activeCockpitView:hover,
.pageNavContainer .navItem.last a:hover,
.pageNavContainer .navItem.last a.activeCockpitView,
.pageNavContainer .navItem.last a.activeCockpitView:hover{
    background: url("/images/listViewNavigation_blue_122.png") no-repeat 0 0;
}
/* content-zone */
/* - page headline */
.pageHeadline{
    margin: 25px 0;
    padding: 0 0 0 30px;
}
.pageHeadline h2{
background: url("/images/panelHeaderIcon.png") no-repeat scroll 0 3px transparent;
    color: #00243D;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    padding: 0 0 0 27px;
}

/*search page*/
/* check SEP change log */
/* TODO: also implement on vehicleCreatePage */
.pageHeader{
    margin: 25px 0 25px 30px;
}

.pageHeaderTitle{
    font-weight:bold;
    font-size:20px;
    line-height: 22px;
    background: url("/images/panelHeaderIcon.png") no-repeat 0 3px;
    padding-left: 27px;
}

.pageHeaderTitle h2{
  padding: 0;
    color:#00243d;
    font-size: 20px;
}

#footer-placeholder {
    height: 175px;
}

/* footer-zone */
#footer-zone{
    margin-top: 10px;
    padding-top: 5px;
    background: url("/images/footerHeader.png") no-repeat 0 0;
    position: relative;
    margin: 0 auto;
    width: 980px;
}

#footer-zone .footerLogo {
	padding: 30px 30px 20px 30px;
}

#footer-zone .footerLogo a {
	display: block;
	width: 520px;
	height: 32px;
	margin: 0 auto;
}

#footer-zone .footerLogo a img {
	display: block;
	width: 520px;
	height: 32px;
}

#footer-zone .footerContent{
    border-left: 1px solid #bfc0c1;
    border-right: 1px solid #bfc0c1;
    width: 978px;
    height: 160px;
    background:  url("/images/footerBg.png") repeat-x 0 0 #D4D5D6;
}

#footer-zone .navigation{
    /* padding-left: 170px; */
}

#footer-zone .navigation #easfooter{
    padding-left: 140px;
}

#footer-zone .navigation ul{
    margin:0px;
    list-style-type: none;
}

#footer-zone .navigation li,
#footer-zone .navigation li a,
#footer-zone .navigation li a:hover{
    float:left;
    font-weight:bold;
    color: #656969;
}

#footer-zone .footerText{
    clear:both;
    padding:7px 20px;
    color:#656969;
    text-align: center;
}

#footer-zone .navigation li span{
    padding: 0 5px;
}

/************************/
/*** content-elements ***/
/************************/
/* vertical align of text */
.outer{
    display: table;
    position: static;
}

/*Code below will replace code above for WebKit browsers only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .outer{
    display:block;
  }
}

.outer .middle{
    display: table-cell;
    position: static;
    vertical-align: middle;
    top: 50%;
}

/*Code below will replace code above for WebKit browsers only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .outer .middle{
    display:block;
    position:relative;
    vertical-align:middle;
    top:30%;
  }
}

.outer .middle .inner{
    position: relative;
    top: -50%;
}

.distanceOfferToUserPanel {
    padding-left: 10px;
    padding-right: 10px;
}

/* Panel */
.panel{
    margin:0 0 5px 8px;
    width: 737px;
    float:right;
}

/* Panel Header */
.panelHeader {
    height: 24px;
    color: #fff;
    font-weight: bold;
}

.panelHeaderMarketplace {
    height: 24px;
    color: #fff;
    font-weight: bold;
}

.panelHeader .panelHeader-left {
    width: 5px;
    height:24px;
    background: url("/images/panelHeader_left.png") no-repeat 0 0;
    float:left;
}

.panelHeaderMarketplace .panelHeader-left {
    width: 5px;
    height:24px;
    background: url("/images/panelHeader_left_orange.png") no-repeat 0 0;
    float:left;
}

.panelHeader .panelHeader-middle {
    width:721px;
    height:20px;
    padding: 4px 3px 0 3px;
    background: url("/images/panelHeader_middle.png") repeat-x 0 0;
    float:left;
}

.panelHeaderMarketplace .panelHeader-middle {
    width:721px;
    height:20px;
    padding: 4px 3px 0 3px;
    background: url("/images/panelHeader_middle_orange.png") repeat-x 0 0;
    float:left;
}

.panelHeader .panelHeader-right {
    width: 5px;
    height:24px;
    background: url("/images/panelHeader_right.png") no-repeat 0 0;
    float:left;
}

.panelHeaderMarketplace .panelHeader-right {
    width: 5px;
    height:24px;
    background: url("/images/panelHeader_right_orange.png") no-repeat 0 0;
    float:left;
}

.panelHeader .panelHeaderHeadline,
.panelHeader .panelHeaderHeadline .vehicleListTitle,
.panelHeader .panelHeaderHeadline a,
.panelHeader .panelHeaderHeadline a:hover,
.panelHeaderMarketplace .panelHeaderHeadline,
.panelHeaderMarketplace .panelHeaderHeadline .vehicleListTitle,
.panelHeaderMarketplace .panelHeaderHeadline a,
.panelHeaderMarketplace .panelHeaderHeadline a:hover {
    font-size: 12px;
    float:left;
}

.panelHeader .panelHeaderInfo,
.panelHeaderMarketplace .panelHeaderInfo {
    float: right;
}

.panelHeader .panelHeader-middle .panelHeaderOfferMarkers {
    float: right;
    padding-right: 40px;
    position: relative;
}

.panelHeaderMarketplace .panelHeader-middle .panelHeaderOfferMarkers {
    float: right;
    padding-right: 10px;
    position: relative;
}

.panelHeader a {
    background: url("/images/icn_arrow_orange_border.png") no-repeat 0 1px;
    padding-left: 14px;
    color:#fff;
}

.panelHeaderMarketplace a {
    background: url("/images/icn_arrow_blue_border.png") no-repeat 0 1px;
    padding-left: 14px;
    color:#fff;
}

.panelHeader a:hover {
    background: url("/images/icn_arrow_orange.png") no-repeat 0 1px;
    padding-left: 14px;
    color:#fff;
}

.panelHeaderMarketplace a:hover {
    background: url("/images/icn_arrow_blue.png") no-repeat 0 1px;
    padding-left: 14px;
    color:#fff;
}

.panelHeader div.actionContainer a,
.panelHeaderMarketplace div.actionContainer a {
    font-weight:normal;
    color:#F0861B;
}

.panelHeader div.actionContainer,
.panelHeaderMarketplace div.actionContainer {
    font-weight:normal;
    color:black;
}

.panelContent {
    border-left: 1px solid #bfc0c1;
    border-right: 1px solid #bfc0c1;
    background-color: #fff;
}

.headingCockpit {
    width:721px;
    height:20px;
    background: url("/images/heading-cockpit.png") repeat-x 0 0;
    padding: 4px 8px 0;
    font-size: 12px;
    font-weight: bold;
}

.singlePageCockpitListingPanel {
  padding-bottom:20px;
}

/* Panel Footer */
.panelFooter {
    height: 5px;
    background: url("/images/panelFooter.png") no-repeat 0 0;  /*737x5*/
}

/* Paging */
.paging {
    float:none;
    background: url("/images/bidListHeader-inactive.png") repeat-x scroll 0 0 transparent;
    border-left: 1px solid #bfc0c1;
    border-right: 1px solid #bfc0c1;
    height: 20px;
    line-height: 20px;
}
.paging .result{
    float:left;
    padding: 0 20px;
}
.pagingBlock{
    padding: 0 20px;
    text-align: right;
    float:right;
}
.paging .pageFirst,
.paging .pageLast,
.paging .pagePrev,
.paging .pageNext,
.paging .pageNr {
    float:left;
}
.paging .pageFirst,
.paging .pageLast,
.paging .pagePrev,
.paging .pageNext{
    height: 14px;
    width: 14px;
    padding:3px 0px;
}
.paging .pageFirst a{
    display: block;
    background: url("/images/pageFirst.png") no-repeat 0 1px;
    height: 14px;
    width: 14px;
}
.paging .pageFirst a:hover{
    background: url("/images/pageFirst-h.png") no-repeat 0 1px;
}
.paging .pageLast a{
    display: block;
    background: url("/images/pageLast.png") no-repeat 0 1px;
    height: 14px;
    width: 14px;
}
.paging .pageLast a:hover{
    background: url("/images/pageLast-h.png") no-repeat 0 1px;
}
.paging .pagePrev a{
    display: block;
    background: url("/images/pagePrev.png") no-repeat 0 1px;
    height: 14px;
    width: 14px;
}
.paging .pagePrev a:hover{
    background: url("/images/pagePrev-h.png") no-repeat 0 1px;
}
.paging .pageNr {
    margin: 0px 5px;
}
.paging .pageNext a{
    display: block;
    background: url("/images/pageNext.png") no-repeat 0 1px;
    height: 14px;
    width: 14px;
}
.paging .pageNext a:hover{
    background: url("/images/pageNext-h.png") no-repeat 0 1px;
}
.paging .pageNr a,.paging .pageNr a:hover{
    font-weight:bold;
    color:#f0861b;
    padding: 0px 3px;
}
.paging span em{
    font-weight:bold;
    font-style:normal;
    padding: 0px 3px;
}
/* form */
select,
input,
textarea{
   /* width: 219px;*/
    height: 19px;
    padding: 2px;
    border: 1px solid #BFC0C1;
    line-height: 19px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* SZ: Due to the global definition of line-height for input fields it is necessary to define
       separate size values for input fields of the type file in order to keep plupload work
       properly. */
input[type=file] {
  line-height: 999px;
  height: 999px;
}
select option{
    padding:2px;
}
/* Buttons */
.buttonSubmit,
.buttonCancel{float:right;margin-left:10px;}
.button-l{
    background: url("/images/buttonOrange-l.png") no-repeat 0 0;
    float: left;
    width:2px;
    height:20px;
}
.buttonSubmit a.submit,
.buttonCancel a.submit,
.buttonCancel input,
.buttonSubmit input,
.buttonCancel button,
.buttonSubmit button{
    background: url("/images/buttonOrange-m.png") repeat-x 0 0;
    float:left;
    height:20px;
    padding: 0 3px;
    color:#fff;
    font-weight: bold;
    border:none;
    margin: 0px;
    cursor:pointer;
    min-width:50px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
}
.buttonCancel button,
.buttonSubmit button{
    padding-bottom: 2px;
}
.buttonCancel input,
.buttonSubmit input,
.buttonCancel button span,
.buttonSubmit button span{
    display:block;
    padding-bottom: 2px; /* ToDo: IE fix */
}
.buttonSubmit a.submit,
.buttonCancel a.submit {
    padding-top: 2px;
    display:block;
}
.button-r{
    background: url("/images/buttonOrange-r.png") no-repeat 0 0;
    float:left;
    width:2px;
    height:20px;
}
.buttonCancel .button-l{background: url("/images/buttonGrey-l.png") no-repeat 0 0;}
.buttonCancel button,.buttonCancel input,.buttonCancel a.submit{background: url("/images/buttonGrey-m.png") repeat-x 0 0;cursor:pointer;}
.buttonCancel .button-r{background: url("/images/buttonGrey-r.png") no-repeat 0 0;}

a.cancel:hover,
a.cancel{
    background: url("/images/icn_cancel_grey.png") no-repeat scroll 0 1px transparent;
    display:inline-block;
    width:14px;
    padding: 0px;
}
a.cancel span,
a.cancel:hover span {
    visibility:hidden;
}
/*** ToDO ***/


/**********************/
/*** functionPanel  ***/
/**********************/
/* new */
#functionPanel{
  float:left;
  width:235px;
}
#functionPanel .panelHeader{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height:20px;
    padding: 4px 8px 0;
}
#functionPanel .panelHeader.controlBoxRed{
    background: url("/images/controlbox_header_red.png") no-repeat 0 0;
}
#functionPanel .panelHeader.controlBoxBlue{
    background: url("/images/controlbox_header_blue.png") no-repeat 0 0;
}
#functionPanel .panelHeader.controlBoxGrey{
    background: url("/images/controlbox_header_grey.png") no-repeat 0 0;
}
#functionPanel .functionPanelSectionFirst{
    background: url("/images/controlbox_progress_bg.png") repeat 0 0;
}
#functionPanel .functionPanelSectionSecond{
    background: url("/images/controlbox_content_bg.png") repeat bottom;
    border-top: 1px solid #BFC0C1;
    border-bottom: 1px solid #BFC0C1;
}
#functionPanel .functionPanelSectionThird{
    background: url("/images/controlbox_bid_bg.png") repeat-x scroll 0 0;
}
#functionPanel .panelFooter{
    background: url("/images/controlbox_footer_grey.png") no-repeat 0 0;
    height: 24px;
    margin-bottom: 10px;
}

#functionPanel .panelContent {
    width: 233px;   /* -2px border*/
}
#functionPanel .searchModule h4 {
    color:#656969
}
#functionPanel .panelContent .functionPanelArea{
    padding:5px 10px;
    width: 213px;
    color: #656969;
}
#functionPanel .panelContent .functionPanelArea a,
#functionPanel .panelContent .functionPanelArea a:hover{color: #F0861B;}

#functionPanel .panelContent .functionPanelArea a.submit,
#functionPanel .panelContent .functionPanelArea a:hover.submit,
.buttonCancel a.submit{
    color: #FFFFFF;
}

#functionPanel .functionPanelArea.listHeader{
    background: url("/images/icn_bullet_blue.png") no-repeat 10px 6px;
    padding-left: 24px;
    font-weight: bold;
    width:199px;
}
#functionPanel .functionPanelArea .listHeader{
    background: url("/images/icn_bullet_blue.png") no-repeat 0 1px;
    padding-left: 14px;
    font-weight: bold;
}
#functionPanel .functionPanelArea .listContent{
    padding-left: 14px;
}
#functionPanel .functionPanelArea .listAction a{
    background: url("/images/icn_arrow_orange_border.png") no-repeat 0 1px;
    padding-left: 14px;
}
#functionPanel .functionPanelArea .listAction a:hover{
    background: url("/images/icn_arrow_orange.png") no-repeat 0 1px;
}

#functionPanel .functionPanelArea .highlight{
    font-weight: bold;
}

/* red font for availability that is too far in the future */
.availabilityLeadTimeTooBig {
    color: red;
}

/* forms and buttons */
.buttonSubmit.input,
.buttonCancel.input{
    margin:0px;
}
#functionPanel .buttonSubmit,
#functionPanel .buttonCancel {
    float: left;
}
#functionPanel .listContentInput {float:left;}
#functionPanel .listContentInput input{
    height: 14px;
    line-height:14px;
    border-color: #333;
    width: 120px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

/* messageModule */
#functionPanel .messageModule .functionPanelArea{
    background: url("/images/controlbox_message_bg.png") repeat-x 0 0 #fff;
    width:213px;
    height: 44px;
    border-bottom: 1px solid #BFC0C1;
}
#functionPanel .messageModule .functionPanelArea.listHeader{
    padding-left:10px;
}

/* searchModule */
#functionPanel .searchModule .buttonSubmit{
    float:none;
    margin: 5px 0 0;
    padding:10px;
    border-top: 1px solid #BFC0C1;
}
#functionPanel .searchModule .buttonSubmit button{
    width: 209px;
}
#functionPanel .searchModule select {
    width:212px;
    height:25px;
}
/*
#functionPanel .panelHeader .panelHeader-middle {
    width: 219px;
}
*/
/*
#functionPanel .panelContent ul{
    text-indent: -12px;
}
#functionPanel .panelContent li a,
#functionPanel .panelContent li a:hover{
    color: #f0861b;
}
#functionPanel .panelContent li a:hover{
    text-decoration: underline;
}
*/
/**********************/
/*** actionPanel  ***/
/**********************/
.actionPanel{
    padding: 20px 10px 15px;
    background-color: #e3e5e6;
}
.actionPanel.validationPanel{padding-bottom:5px;}
.actionPanel label{
  font-size: 12px;
    font-weight: bold;
}
.actionPanelFooter{
    background: url("/images/panelFooter.png") no-repeat scroll 0 0 transparent;
    height: 5px;
    border:none;
}
/**********************/
/*** starRating  ***/
/**********************/
.starRating img {position:relative;top:4px;}
/**********************/
/*** loading page  ***/
/**********************/
#loadingBox{
    background: url("/images/loadingBox.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    width:480px;
    text-align:center;
    margin:30px auto 10px;
}
#loadingMessage{
    font-size:13px;
    text-align:center;
    margin:0 auto;
}
/**********************/
/*** static pages  ***/
/**********************/
/* e.g. FAQ,Impressum, AGB */
/* tabPanel */
#staticContent .tabPanel{
    float:left;
}
#staticContent .tabPanel.two a{
    width:348px;
    height:24px;
    line-height:24px;
    display:block;
    background: url("/images/tabPanel-368.png") no-repeat scroll 0 0 transparent;
    padding:0 10px;
    color:#656969;
}
#staticContent .tabPanel.two.active a,
#staticContent .tabPanel.two.active a:hover{
    width:349px;
    background: url("/images/tabPanelActive-368.png") no-repeat scroll 0 0 transparent;
    color:#fff;
}
#staticContent .tabPanel.two a:hover{
    width:348px;
    background: url("/images/tabPanelActive-368.png") no-repeat scroll right 0 transparent;
    color:#fff;
}
/* -- headlines */
#staticContent h3{
    padding: 20px 0 10px;
}
#staticContent h4{
    padding: 10px 0 3px;
    font-size:11px;
}
/* -- links */
#staticContent a.internal,
#staticContent a.internal:hover{
    text-decoration: underline;
    color: #0161AA;
}
/* -- images */
#staticContent img{
    background-color:#DDDDDD;
    margin:5px 10px 10px 0;
    float:left;
}
#staticContent .imageContainerFirst{
    width: 347px;
    padding: 10px 0;
    float:left;
}
#staticContent .imageContainerSecond{
    width: 367px;
    padding: 10px 0;
    float:left;
}
#staticContent img.left{
    float:left;
}
/* -- table */
#staticContent div.table{
    width: 100%;
    padding: 10px 0;
}
#staticContent div.table table{
    width:100%;
    table-layout:fixed;
}
#staticContent div.table table caption{
    color: #0161AA;
    font-size: 15px;
    font-weight: bold;
    text-align:left;
    padding:8px 0 3px;
}
#staticContent div.table table tr{
    padding: 10px 5px;
    display: block;
}
#staticContent div.table table thead tr{
    padding: 0px;
}
#staticContent div.table table th,
#staticContent div.table table td{
    padding:5px 10px;
    text-align: center;
    color:#656969;
    width: 215px;
}
#staticContent div.table table td{
    border-right: 1px solid #BFC0C1;
}
#staticContent div.table th.first,
#staticContent div.table td.first{
    text-align: left;
}
#staticContent div.table th.last,
#staticContent div.table td.last{
    border:none;
}
#staticContent div.table th.action,
#staticContent div.table td.action{
    color: #F0861B;
}
/* -- list */
#staticContent ul,
#staticContent ol,
#staticContent dl{
    padding-top: 2px;
    padding-bottom:5px;
}
#staticContent ol{margin-left:20px;}
#staticContent ol ul{list-style-type:disc;}
#staticContent ol ol{list-style-type:lower-latin;}
#staticContent p.listCaption{
    padding-bottom: 0px;
}
/* -- text */
#staticContent p{
    padding: 2px 0 5px;
}
#staticContent .action{
    color:#F0861B;
}
#staticContent .highlight{
    font-weight: bold;
}

#staticContent #contentPanel .panelContent{
    padding: 10px;
}

/* variantes */
#staticContent div.table table.big th,
#staticContent div.table table.big td{
    font-size:14px;
    width: 350px;/*TEST*/
}
/*******************/
/*** static text ***/
/*******************/
div.txtContent{
    padding-bottom: 5px;
}
div.txtContent p{
    padding: 2px 0 5px;
}
div.txtContent h3{
    padding: 20px 0 10px;
}
div.txtContent h4{
    padding: 10px 0 3px;
    font-size:11px;
}
div.txtContent ol{margin-left:20px;}
div.txtContent ol ul{list-style-type:disc;}
div.txtContent ol ol{list-style-type:lower-latin;}
div.txtContent p.listCaption{
    padding-bottom: 0px;
}
/******************/
/*** homepage   ***/
/******************/
#homePage .more{
    color: #f0861B;
    font-weight:bold;
    padding: 1px 0 1px 10px;
}
#homePage .related{
    font-size: 10px;
    padding: 2px 0 1px 5px;
}

#homePage #subpanel{
     background: url("/../images/easyautosale-subpanel-home.png") no-repeat 0 0;
     width:978px;
     padding-top: 44px;
}

#homePage #subpanel #infopanel{
    float: left;
    height: 165px;
    margin: 3px 1px 0 35px;
    width: 360px;
}

#homePage #subpanel #infopanel .hl{
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0;
}

#homePage #subpanel #infopanel .firstRow{
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding-right: 10px;
}
#homePage #subpanel #infopanel .secondRow{
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    color:#f0861B;
}
#homePage #subpanel #infopanel .secondRow a{
	color:#f0861B;
}

#homePage #subpanel #infopanel .secondRow a:hover{
	text-decoration:underline;
}


#homePage #subpanel #infopanel #carSearch{
    padding: 23px 0 0 33px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}

#homePage #subpanel #expertsonly{
    height: 165px;
    margin: 15px 0 0 690px;
    width: 280px;
}
#homePage #subpanel #expertsonly span{
    background: url("/../images/teaser-arrow.png") no-repeat 0 1px transparent;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin: 10px 3px;
    padding: 0 0 0 20px;
}
#homePage #subpanel #expertsonly a:hover{
	text-decoration:underline;
}


/******************/
/*** seo pages  ***/
/******************/
/* e.g. register, landingpages(haendler,unternehmen,user) */
/* Login Pages have same Layout, except functionpanel */
#seoPage {
    width:980px;
    margin-top:15px;
    overflow: hidden;
}
/* page headline */
#seoPage .pageHeaderTitle{
    font-weight:bold;
    font-size:20px;
    line-height: 22px;
    background: url("/images/panelHeaderIcon.png") no-repeat 0 3px;
    padding-left: 27px;
}
#seoPage .pageHeaderTitle h2{
    padding: 0;
    color:#00243d;
    font-size: 20px;
}
#seoPage .panelHeader  h3{
    color:#fff;
}
/* PANELS */
#seoPage .panel{
    margin:0 0 10px;
}
#seoPage .w310{width: 310px;}
#seoPage .w650{width: 650px;}
#seoPage .w980{width: 980px;margin:0px;float:none;}

#seoPage .panelHeader{
    height:44px;
    padding:20px 20px 0;
}
#seoPage .panel.w310.grey .panelHeader{
    background: url("/images/panelHeader310_g.png") no-repeat scroll 0 0;
    width:270px;
}
#seoPage .panel.w310.red .panelHeader{
    background: url("/images/panelHeader310_r.png") no-repeat scroll 0 0;
    width:270px;
}
#seoPage .panel.w650.blue .panelHeader{
    background: url("/images/panelHeader650_b.png") no-repeat scroll 0 0;
    width:610px;
}
#seoPage .panel.w980.blue .panelHeader{
    background: url("/images/panelHeader980_b.png") no-repeat scroll 0 0;
    width:940px;
}
#seoPage .panelContainer{
    margin: 0 0 5px 18px;
    width:650px;
    float: right;
}
#seoPage .panelContent{
    padding:37px 50px;
    border:none;
    width:550px;
}
#seoPage .blue.w650 .panelContent{
    background: url("/images/panelContent650_b.png") repeat-y scroll 0 0;
}
#seoPage .blue.w980 .panelContent{
    background: url("/images/panelContent980_b.png") repeat-y scroll 0 0;
    width: 880px;
}
#seoPage .grey .panelContent{
    background: url("/images/panelContent310_g.png") repeat-y scroll 0 0 transparent;
}
#seoPage .red .panelContent{
    background: url("/images/panelContent310_r.png") repeat-y scroll 0 0 transparent;
}
#seoPage .panel.w310.grey .panelFooter{
    height:14px;
    background: url("/images/panelFooter310_g.png") no-repeat scroll 0 0;
    width:310px;
}
#seoPage .panel.w310.red .panelFooter{
    height:14px;
    background: url("/images/panelFooter310_r.png") no-repeat scroll 0 0;
    width:310px;
}
#seoPage .panel.w650.grey .panelFooter{
    height:14px;
    background: url("/images/panelFooter650_g.png") no-repeat scroll 0 0;
    width:650px;
}
#seoPage .panel.w650.blue .panelFooter{
    height:14px;
    background: url("/images/panelFooter650_b.png") no-repeat scroll 0 0;
    width:650px;
}
#seoPage .panel.w980.blue .panelFooter{
    background: url("/images/panelFooter980_b.png") no-repeat scroll 0 0;
    width:980px;
    height:14px;
}
/* function panel */
#seoPage #functionPanel{
    width: 310px;
}
#seoPage #functionPanel .panelContent{
    width:270px;
    padding: 10px 20px;
}
#seoPage #functionPanel .panelFooter {
    margin:0px;
}

/** e.g.login page (resent,pw) **/
#seoPage .panelContent .contentRow{
    padding-bottom:20px;
}
#seoPage .panelContent .dataColumn {
    float: left;
    padding-right: 10px;
}
#seoPage .panelContent .dataColumn .outer{height:25px;}
#seoPage .panelContent .label {font-weight:bold;}
#seoPage .panelContent .buttonSubmit input,
#seoPage .panelContent .buttonCancel input{
    margin-bottom: 1px;
}





#seoPage .seoHeader{
    margin-top:15px;
    height:64px;
    background: url("/images/seo_header.png") no-repeat scroll 0 0 transparent;
    padding:0 20px;
    width:940px;
}
#seoPage .seoContent{
    background: url("/images/seo_content.png") repeat-y scroll 0 0 transparent;
    padding: 30px 40px;
    width:900px;
}
#seoPage .seoContent .inputRow{
    padding-bottom:20px;
}
#seoPage .seoContent .inputRow .label,
#seoPage .seoContent .inputRow .input,
#seoPage .seoContent .inputRow .button{
    float:left;
    margin:0 10px 0 0;
    height:25px;
}

#seoPage .seoContent .inputRow input {margin:0px;}
#seoPage .seoFooter{
    height:14px;
    background: url("/images/seo_footer.png") no-repeat scroll 0 0 transparent;
    width:980px;
}
/* - login */
#seoPage .seoContent .inputRow{padding:0px;}
#seoPage .seoContent .inputRow .loginColumn .label{
    float:none;
}
#seoPage .seoContent .inputRow .loginColumn input{
    top: 0px;
}
/* register page */
#seoPage #registerForm .panelContent{
    padding: 17px 20px 10px 30px;
    width: 600px;
}
#seoPage #registerForm .createPage{
    background: url("/images/staticSite/static-anmelden-bg.png") no-repeat scroll 0 0 transparent;
    height: 49px;
    width: 300px;
    padding: 14px 175px;
}
#seoPage #registerForm .createPage input{
    background: url("/images/staticSite/static-button-anmelden-inactive.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 49px;
    width: 299px;
    border:none;
    cursor:pointer;
    padding-bottom:10px;
}
#seoPage #registerForm .createPage input:hover{
    background: url("/images/staticSite/static-button-anmelden-hover.png") no-repeat scroll 0 0 transparent;
}
#seoPage #registerForm .dataRow{
    padding-bottom:10px;
}

/* User registration form */

#registerForm .panelHeader {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #0F72B6 !important;
  height: 30px;
}

#registerForm .panelContent {
  border-left: 1px solid black;
  border-right: 1px solid black;
  background: #fff !important;
}

#registerForm .panelFooter {
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: black;
  background: #fff !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#registrationForm h1, #registrationForm .acceptEffectiveTermsPanel,
#registrationForm .registrationButtonContainer {
  margin-top: 30px;
}

#registrationForm h1, #registrationForm h2, #registrationForm .acceptEffectiveTermsPanel,
#registrationForm h1 ~ div ul.feedbackPanel li.feedbackPanelERROR,
#registrationForm h1 ~ div div.error {
  margin-left: 240px;
  width: 250px;
  padding-left: 3px;
}

#registrationForm h1 {
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
}

#registrationForm h2 {
  font: inherit;
  font-size: 12px;
  color: #A9A9A9;
  margin-top: 5px;
  margin-bottom: 5px;
}

#registrationForm h1 ~ div {
  margin-bottom: 15px;
}

#registrationForm h1 ~ div > label, #registrationForm h1 ~ div .multilineLabel {
  display: inline-block;
  width: 230px;
  text-align: right;
  padding-right: 10px;
}

#registrationForm h1 ~ div .multilineLabel {
  vertical-align: middle;
}

#registrationForm h1 ~ div > label, #registrationForm h1 ~ div .multilineLabel > label {
  font: inherit !important;
  color: inherit;
}

#registrationForm h1 ~ div .multilineLabel > span {
  padding-right: 8px;
}

#registrationForm label.required {
  vertical-align: baseline;
}

#registrationForm label.required::after {
  content: "*";
  font-size: 12px;
  font-weight: bold;
  color: #F0861B;
  vertical-align: top;
  padding-left: 3px;
}

#registrationForm select, #registrationForm input {
  box-sizing: content-box;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#registrationForm h1 ~ div .partOfDealerGroupField {
  display: inline-block;
}

#registrationForm h1 ~ div .partOfDealerGroupField  label {
  margin-left: 3px;
  margin-right: 15px;
}

#registrationForm .otfvtfTextField, #registrationForm .otfvDropDown, #registrationForm .otfvtfPasswordField,
#registrationForm h1 ~ div > label + input {
  width: 220px;
}

#registrationForm .otfvtfTextField, #registrationForm .otfvDropDown, #registrationForm .otfvZIPTextField,
#registrationForm .otfvCityTextField, #registrationForm .otfvtfPasswordField {
  margin-right: 5px;
}

#registrationForm .otfvZIPTextField {
  width: 50px;
}

#registrationForm .otfvCityTextField {
  width: 159px;
}

#registrationForm .labeledCheckbox {
  left: -28px;
  margin-right: -20px;
}

#registrationForm .newUserTermsAgreementContainer {
  margin-bottom: 10px;
}

#registrationForm .registrationButtonContainer {
    padding-left: 210px
}

#registrationForm .registrationButtonContainer input {
    background: url("/images/button-free-registration.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    width: 288px;
    padding: 0px;
    cursor: pointer;
    border: none;
}

#registrationForm ul.feedbackPanel {
  margin-left: 0;
}

#registrationForm ul.feedbackPanel li.feedbackPanelERROR, #registrationForm h1 ~ div div.error  {
  list-style-type:none;
  color: #E2001A;
  padding-bottom: 0;
}

#registrationForm .acceptEffectiveTermsPanel ul.feedbackPanel li.feedbackPanelERROR {
  margin-top: 15px;
} 

#registrationForm label.error, #registrationForm h1 ~ div div.error {
  border: inherit !important;
  background-color: inherit !important;
}

.registrationInfoBox {
    float: right;
    width: 265px;
    background: white;
    border: 2px solid;
    border-color: #FF7500;
    border-radius: 10px;
    padding: 25px 23px;
    font-size: 13px;
    line-height: 160%;
}

.registrationInfoBox .infoBoxHeading {
    font-size: 14px;
    line-height: 130%;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}

.registrationInfoBox ul {
    list-style-image: url('/images/hook_green.png');
}

.registrationInfoBox ul.bigSpacing  {
    margin-bottom: 25px;
}

.registrationInfoBox ul.bigSpacing li {
    margin-top: 25px;
}

/* Old user registration form */

#registerForm .dataItem input[type="radio"],
#registerForm .dataItem input[type="checkbox"]{
    width: 15px;
}
#registerForm .dataColumn,
#registerForm .dataItem select{
    width: 190px;
}
#registerForm .dataItem input,
#registerForm .dataItem textarea {
    width: 184px;
}
#registerForm .dataColumn.one-column,
#registerForm .dataColumn.one-column select{
    width: 590px;
}
#registerForm .dataColumn.one-column input,
#registerForm .dataColumn.one-column textarea{
    width: 584px;
}
#registerForm .dataColumn.two-column,
#registerForm .dataColumn.two-column select{
    width: 290px;
}
#registerForm .dataColumn.two-column input,
#registerForm .dataColumn.two-column textarea{
    width: 284px;
}
#registerForm .dataColumn.double-column,
#registerForm .dataColumn.double-column select{
    width: 390px;
}
#registerForm .dataColumn.double-column input,
#registerForm .dataColumn.double-column textarea{
    width: 384px;
}
div.accountType .account{
    float:left;
    width:200px;
    color:#656969;
}
div.accountType.active .account{
    color: #0161AA;
}
div.accountType .account input{
    float:left;
    position: relative;
    top:0px;
}
div.accountType .account .label{
    float:left;
    padding-left:10px;
}
div.accountType .account p{
    font-weight: normal;
}
#registerForm .row-odd,
#registerForm .row-even,
#registerForm .row-last {
    background-color: transparent;
    border:none;
}
/* edit account */
#editAccount label{
    font-weight: bold;
}
#editAccount .buttonRow{
    padding: 20px 10px;
    background-color:#EEEEEE;
}
#editAccount .panelHeader{
    width:717px;
    padding: 4px 10px 0;
    background: url("/images/panelHeader-changeAccount.png") no-repeat scroll 0 0 transparent;
    height: 20px;
}
#editAccount .panelHeader h3{
    font-size: 12px;
    color: #FFFFFF;
    padding:0px;
}
#editAccount .panelContent {
    padding: 10px;
}
#editAccount .panelContent .dataColumn{
   padding: 10px 0;
}
#editAccount .panelContent .dataColumn.row-repeat{
    border-top: none;
    border-bottom: 1px solid #BFC0C1;
}
#vehicleForm .panelContent .locationPanel label{
    position: relative;
}
#editAccount .panelContent .dataColumn label{
    color:#656969;
    float:left;
    border-right: 1px solid #BFC0C1;
    display: block;
    padding: 8px 20px;
    text-align: right;
    width: 180px;
    position: relative;
}
#vehicleForm .panelContent .locationPanel .required{
    position: absolute;
    right: 7px;
}
#editAccount .panelContent .dataColumn .required{
    position: absolute;
    right: 10px;
}
#editAccount .panelContent .dataColumn .onlyShowDuringAccountCreation{
    display:none;
}
#editAccount .panelContent .dataColumn .value{
    float:left;
    padding: 7px 15px;
    font-weight: bold;
    color:#0f0f0f;
    font-size:12px;
}
#editAccount .panelContent .dataColumn input,
#editAccount .panelContent .dataColumn select{
    margin-left: 15px;
}

/************************************/
/*****      ADMIN SECTION      *****/
/************************************/

.adminSelectFilterBrand {
    width:130px;
}

.adminSelectFilterModel {
    width:180px;
}

.adminFeedback {
  color:red;
}

.adminFeedback ul {
  list-style-type:none;
}

.adminFilterItemContainer {
  float:left;
  margin-botton:2px;
  padding:2px 4px;
}

.adminFilterItemLabelContainer {
  font-weight:bold;
  padding:0px 4px;
}

.adminFilterItemFormComponentContainer select {
  height:25px;
}

select.advancedFilterMode {
	width: 50px;
}

/***** Value certificate edit panel *****/

.valueCertificatePanelImageContainer {
  text-align:center;
  width:314px;
  margin-right:3px;
  border:1px solid black;
}

.valueCertificatePanelInfoPanel {
  padding:10px;
  margin-top:15px;
}

.valueCertificatePanelInfoPanel legend {
  font-weight:bold;
  padding: 0px 5px;
}

.vcepLabel {
  font-weight:bold;
}

.valueCertificatePanelHistoryPanel {
  width:973px;
  border: 1px solid grey;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 3px 2px;
}

.valueCertificatePanelHistoryPanelHead {
  background-color:#cccccc;
}

.valueCertificatePanelOfferLink {
  text-decoration:underline;
  cursor:pointer;
  color:#086AB1;
}

.vcepActionLink {
  font-size:12px;
}

.vcepActionLinkButton {
  font-size:small;
  font-family:"MS Shell Dlg", sans-serif;
  font-weight:bold;
}

.vcepValueDefinitionsTable {
  border-spacing: 4px
}

.vcepValueDefinitionsTable tr {
  vertical-align: middle;
  height: 25px;
}

.vcepValueDefinitionsTable tr td input[type=text] {
  width: 100px;
}

td.peculiarTelephoneNumber {
  color: red;
  font-weight: bold;
}

.vavwpTableHeadCell {
  margin-left:4px;
  padding-right:20px;
  padding-bottom:2px;
}

.vavwpTableDataCell {
  margin-left:4px;
  padding-right:20px;
}

/***** OfferStarRatingEditPanel *****/
#ratingsTable td {
	padding: 2px;
}

.deleteRatingCheckBox {
	text-align: center;
}

/***** DocumentsPage & InvoicePage *****/

h3.headingLabel {
	padding-bottom: 40px;
}

/***** ServiceFeesDocumentRetrievingPanel *****/

table.documentForm {
	width: 100%;
}

td.documentDescription {
    width: 33%;
    padding-left: 5%;
    padding-right: 2%;
    text-align: left;
}

.documentTableHeader {
    text-align: left;
    padding-bottom: 5px;
}

td.documentInputField {
	width: 150px;
	text-align: left;
}

input.documentInvoiceCustomerNumber {
	width: 130px;
}

select.documentType {
    width: 130px;
    height: 25px;
    float: left;
}

td.documentSubmitPDFButton {
    width: 127px;
}

/***** InvoicePanel *****/
form.invoiceForm div.rowUpload,
form.invoiceForm div.rowSubmit,
form.invoiceForm div.rowFeedback {
    text-align: left
}

form.invoiceForm div.rowUpload {
    margin-bottom: 10px;
}

form.invoiceForm div.rowSubmit,
form.invoiceForm div.rowFeedback {
    margin-top: 20px;
}

form.invoiceForm .labelSpace {
    width: 200px;
    text-align:right;
    margin-right: 5px;
    display: inline-block;
}

form.invoiceForm .mainSpace {
    width: 600px;
    display: inline-block;
}

form.invoiceForm .bold {
    font-weight: bold;
}

form.invoiceForm .resultLabel {
    margin-bottom: 10px;
}

form.invoiceForm .header {
    color: #0161aa;
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
}

form.invoiceForm .paragraph {
    margin-top: 5px;
}

form.invoiceForm .explanation {
    color: gray;
}

form.invoiceForm input[type=file] {
    width: 100%;
    height: 25px;
    left: 150px;
    line-height: 25px;
}

form.invoiceForm div.validationFeedback ul li.feedbackPanelERROR {
    float: left;
    clear: left;
}

form.invoiceForm div.buttonSubmit span {
    width: 0;
    display: inline-block;
}

/***** ChooseOfferPanel *****/

select.offerDropDownList {
    width: 180px;
    height: 25px;
}

/************************************/
/*****    Damage Module         *****/
/************************************/
#damageModule {position:relative; width:450px; margin-left: 50%; left: -225px; margin-top: 20px;}
#damageModule map, #damageModule_img {width:450px; height:300px;}
#damageModule area {display:block;}
#damageModule_transp {position:absolute; width:450px; height:300px; z-index:100; border:none;}
#damageModule_form {position:absolute; width:280px; height:228px; padding:15px 20px; z-index:150; display:none; background-color:#FFFFFF; top:20px; left:65px; border:1px solid #000000;}
#damageModule_form_head {font-weight:bold; font-size:14px;}
#damageModule_textinput {resize:none; width:273px; height:140px; margin:15px 0;}
#damageModule_form_quit {position:absolute; right:-10px; top:-10px; padding:5px 8px; font-size:13px; background-color:#000000; font-weight:bold; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
#damageModule fieldset {
    border:1px solid #BFC0C1;
    margin-top:15px;
    padding:15px;
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
 }
#damageModule_list {margin:10px 0 20px 0;}
.damageModule_button {padding:5px 10px; color:#FFFFFF; display:inline-block; cursor:pointer; font-size:11px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.damageModule_helper {position:absolute; width:200px; background-image:url("/images/damageModule/damageModule_overlays.png"); background-repeat:no-repeat;}
.damageModule_helper .hover {width:100%; height:100%; z-index:50; position:absolute; display:none; background-image:url("/images/damageModule/damageModule_overlays.png"); background-repeat:no-repeat;}
.containerHead {font-weight:bold; font-size:14px; margin:8px 0 5px 0;}
#rightSideMirror_helper {top:66px; left:159px; height:16px; background-position:1000px -2576px}
#leftSideMirror_helper {top:218px; left:159px; height:16px; background-position:1000px -2557px}
#bonnet_helper {top:93px; left:44px; height:113px; background-position:1000px -838px}
#windScreen_helper {top:94px; left:124px; height:110px; background-position:1000px -953px}
#roof_helper {top:105px; left:183px; height:86px; background-position:1000px -1070px}
#rearScreen_helper {top:102px; left:284px; height:95px; background-position:1000px -1166px}
#upperBootLid_helper {top:101px; left:332px; height:97px; background-position:1000px -1270px}
#backOfBootLid_helper {top:95px; left:383px; height:109px; background-position:1000px -205px}
#rearBumper_helper {top:81px; left:412px; height:137px; background-position:1000px 0px}
#spoiler_helper {top:84px; left:-2px; height:133px; background-position:1000px -600px}
#frontBumper_helper {top:82px; left:8px; height:138px; background-position:1000px -460px}
#radiatorGrill_helper {top:121px; left:27px; height:60px; background-position:1000px -397px}
#rightRoofEdge_helper {top:69px; left:143px; height:40px; background-position:1000px -1611px}
#leftRoofEdge_helper {top:192px; left:143px; height:40px; background-position:1000px -1658px}
#rightFrontDoorWindow_helper {top:69px; left:152px; height:36px; background-position:1000px -1421px}
#leftFrontDoorWindow_helper {top:195px; left:152px; height:36px; background-position:1000px -1378px}
#rightBPillar_helper {top:72px; left:229px; height:33px; background-position:1000px -2431px}
#leftBPillar_helper {top:195px; left:229px; height:33px; background-position:1000px -2470px}
#rightRearDoorWindow_helper {top:71px; left:232px; height:34px; background-position:1000px -1503px}
#leftRearDoorWindow_helper {top:195px; left:232px; height:34px; background-position:1000px -1463px}
#rightSmallRearWindow_helper {top:73px; left:260px; height:29px; background-position:1000px -1543px}
#leftSmallRearWindow_helper {top:198px; left:260px; height:29px; background-position:1000px -1574px}
#rightFrontCarWing_helper {top:23px; left:58px; height:53px; background-position:1000px -1902px}
#leftFrontCarWing_helper {top:224px; left:58px; height:53px; background-position:1000px -1963px}
#upperRightFrontDoor_helper {top:33px; left:146px; height:43px; background-position:1000px -1703px}
#upperLeftFrontDoor_helper {top:224px; left:146px; height:43px; background-position:1000px -1754px}
#upperRightRearDoor_helper {top:34px; left:225px; height:44px; background-position:1000px -1805px}
#upperLeftRearDoor_helper {top:222px; left:225px; height:44px; background-position:1000px -1855px}
#lowerRightFrontDoor_helper {top:24px; left:146px; height:15px; background-position:1000px -2301px}
#lowerLeftFrontDoor_helper {top:261px; left:146px; height:15px; background-position:1000px -2280px}
#lowerRightRearDoor_helper {top:24px; left:222px; height:16px; background-position:1000px -2394px}
#lowerLeftRearDoor_helper {top:260px; left:222px; height:16px; background-position:1000px -2413px}
#rightRearSideFrame_helper {top:48px; left:287px; height:33px; background-position:1000px -2064px}
#leftRearSideFrame_helper {top:219px; left:287px; height:33px; background-position:1000px -2025px}
#rightHeadLight_1_helper {top:87px; left:29px; height:36px; background-position:1000px -357px}
#leftHeadLight_1_helper {top:179px; left:29px; height:36px; background-position:1000px -318px}
#rightRearLight_1_helper {top:90px; left:391px; height:28px; background-position:1000px -142px}
#leftRearLight_1_helper {top:180px; left:391px; height:28px; background-position:1000px -174px}
#rightHeadLight_2_helper {top:43px; left:56px; height:15px; background-position:1000px -2360px}
#leftHeadLight_2_helper {top:243px; left:56px; height:15px; background-position:1000px -2376px}
#rightRearLight_2_helper {top:49px; left:357px; height:22px; background-position:1000px -2504px}
#leftRearLight_2_helper {top:230px; left:357px; height:22px; background-position:1000px -2529px}
#rightFrontBumperCorner_helper {top:21px; left:50px; height:28px; background-position:1000px -2101px}
#leftFrontBumperCorner_helper {top:252px; left:50px; height:28px; background-position:1000px -2134px}
#rightSpoilerCorner_helper {top:11px; left:57px; height:15px; background-position:1000px -2322px}
#leftSpoilerCorner_helper {top:274px; left:57px; height:15px; background-position:1000px -2340px}
#rightSill_helper {top:15px; left:139px; height:13px; background-position:1000px -2167px}
#leftSill_helper {top:271px; left:139px; height:13px; background-position:1000px -2184px}
#rightRearBumperCorner_helper {top:18px; left:326px; height:36px; background-position:1000px -2202px}
#leftRearBumperCorner_helper {top:247px; left:326px; height:36px; background-position:1000px -2241px}
#rightFrontWheelRim_helper {top:7px; left:94px; height:39px; background-position:1000px -739px}
#leftFrontWheelRim_helper {top:253px; left:93px; height:39px; background-position:1000px -2597px}
#rightRearWheelRim_helper {top:6px; left:294px; height:39px; background-position:1000px -739px}
#leftRearWheelRim_helper {top:254px; left:292px; height:39px; background-position:1000px -2597px}
#rightFrontWheelTire_helper {top:1px; left:85px; height:55px; background-position:1000px -782px}
#leftFrontWheelTire_helper {top:247px; left:85px; height:55px; background-position:1000px -782px}
#rightRearWheelTire_helper {top:0px; left:285px; height:55px; background-position:1000px -782px}
#leftRearWheelTire_helper {top:248px; left:285px; height:55px; background-position:1000px -782px}
#flashDamageModule {position:relative; width:450px; margin-left: 50%; left: -225px;}

/************************************/
/*****    jQuery UI Tooltip     *****/
/************************************/

.eas-tooltip {
  position:absolute;
  z-index:200;
  max-width:300px;
  -webkit-box-shadow:0 0 5px #AAAAAA;
  box-shadow:0 0 5px #AAAAAA;
  padding:9px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border:1px solid #FFFFFF;
  color:#FFFFFF;
  background-color:#0A6DB2;
  cursor:pointer;
 }

/************************************/
/*****   jQuery UI countdown    *****/
/************************************/
.countdownHighlighted {
  color:red;
}

.eas-countdown {
  background: url("/images/bg-white-counter.png") no-repeat 0 0 ;
  border:none;
  width:78px;
  height:17px;
  text-align:center;
}