/**
 * Forums and polls
 */
.forum, .topic, .pollarchive { width: 97%; margin: 0 0 2em 0; border: 1px solid #e8e8e8; }
    .forum thead th, .topic thead th, .pollarchive thead th { margin-bottom: .2em; color: #003384; background-color: #e8e8e8; }
    .forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { border-right: 1px solid #e8e8e8; }
    .forum tr, .topic tr, .pollarchive tr { border-bottom: 1px solid #e8e8e8; }
    .forum td, .forum th, .topic td, .topic th, .pollarchive td, .pollarchive th { vertical-align: top; padding: .3em; }
    .forum img, .topic img { vertical-align: top; }
    .forum p, .pollarchive p { margin-top: 0; }
    .forum a, .pollarchive a { font-weight: bold; color: #f60; border-color: #f60; }

.post { }
    .post th { border-right: 1px solid #e8e8e8; }
.author { }

.postform { }
    .postform .basicform dt, .postform .basicform dd { float: none; width: auto; }
    .postform .basicform dt { font-weight: bold; margin-top: .5em; padding: .1em .3em; }
    .postform .basicform dd { margin: 0 0 1em 0; padding: 0; }
    .postform .basicform textarea  { width: 100%; }
    .postform .basicform input.submit { width: auto; }

    td.first .date { color: #aaa; }

/* special icons for announcements, sticky topics and locked topics */
td.announcement, td.sticky, td.locked, td.default { padding-left: 20px; background-position: 0 5px; background-repeat: no-repeat; }
    td.announcement { background-image: url(/images/i_announce.gif); }
    td.sticky { background-image: url(/images/i_sticky.gif); }
    td.locked { background-image: url(/images/i_locked.gif); }
    .announcement { font-weight: bold; }
    .locked, .locked a { color: #afafaf; border-color: #afafaf; background-color: #e8e8e8; }

.pollresults { width: 100%; }
    .pollresults tr { }
    .pollresults td { text-align: right; }
        .pollresults td span { float: left; }
    .pollresults dt, .pollresults dd { margin: .3em 0 0 0; padding: 0; float: left; }
    .pollresults dt { clear: both; width: 20%; }
    .pollresults dd { width: 20%; }
    .pollresult { width: 55% !important; background-color: #e8e8e8; }
        .pollresult div { border: 2px solid #003384; background-color: #ffdfca; }
.pollresults, #pollform { margin-bottom: 2em; }

/**
 * Jargon
 */
a#translate { display: block; margin-bottom: 1em; padding: .5em; background: url(/images/b_nicetitle_bottom.gif) right bottom no-repeat white; }
.jargonterm { cursor: help; font-weight: bold; border-bottom: dotted 1px #003384; }
div.nicetitle { position: absolute; padding-top: 4px; top: 0px; left: 0px; border: 1px solid #e8e8e8; border-width: 1px 0 0 1px; color: #003384; background: url(/images/b_nicetitle_bottom.gif) right bottom no-repeat #efefef; }
    div.nicetitle p { margin: 4px; padding: 4px; }
.overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.2; background-color: #ffdfca; }
.translation-status { position: absolute; width: 300px; height: 30px; top: 0; right: 1em; border: 2px solid white; padding: 1em; background-color: #ffdfca; }
.close { position: absolute; top: 0; right: 0; color: red; font-weight: bold; background-color: white; }

/**
 * Google maps
 */
a.permalink { clear: both; padding-left: 20px !important; background: url(/images/i_permalink.gif) left center no-repeat; }

/* ecard styles */
#ecardlist { list-style: none; margin: 0; padding: 0; }
    #ecardlist li { float: left; margin: 1em; width: 150px; }
#ecardform .header { font-weight: bold; margin: 1em 0; }
.ecardview img { margin-bottom: 1em; }
.ecardview h2, .ecardview p { padding: 0; margin: 0; }
    .ecardview p.message { margin: 0 0 1em 15px; }
.ecardview .links a { font-weight: bold; padding-left: 15px; background: transparent url(/images/arrow_right.gif) no-repeat left center; }
    .ecardview .links a:hover { background-image: url(/images/arrow_right_over.gif); }

/* slideshow */
.slideshow-title { text-align: center; }
#slideshow-progress { margin-top: -2em; text-align: right; border-bottom: 1px solid #003384; color: #afafaf; }
#slide { text-align: center; height: 300px; padding: 1em 0; }
    #slide.imgbox { float: none; margin: 0 auto; width: 100%; text-align: center; }
        #slide.imgbox a, #slide.imgbox a:hover { border-bottom: 0; }
            #slide.imgbox img { display: inline; }
#nav-slideshow { clear: both; border-top: 2px solid #003384; margin-top: 1em; padding: .5em; text-align: center; background-color: #e8e8e8; }
    #nav-slideshow a { border-bottom: 0px; }


/* slimbox */
#lbOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #f1f1f1; cursor: pointer; z-index: 9999; }
#lbCenter, #lbBottomContainer { position: absolute; overflow: hidden; background-color: #fff; z-index: 9999; }
#lbBottomContainer { }
#lbImage { position: absolute; top: 0; left: 0; border: 10px solid #fff; background-repeat: no-repeat; }

#lbPrevLink, #lbNextLink { position: absolute; top: 10px; padding: 8px 10px 8px 5px; color: black; font-weight: bold; display: block; border: 0; width: 25%; outline: none; }
    #lbPrevLink span, #lbNextLink span { visibility: hidden; }
    #lbPrevLink:hover, #lbNextLink:hover { text-decoration: none; }
        #lbPrevLink:hover span, #lbNextLink:hover span { visibility: visible; }
#lbPrevLink { left: 0; }
    #lbPrevLink:hover { background: url(/images/strix_2009/lightbox_prev.gif) no-repeat left top; }
#lbNextLink { right: 0; text-align: right; }
    #lbNextLink:hover { background: url(/images/strix_2009/lightbox_next.gif) no-repeat right top; }

#lbBottom { min-height: 20px; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { position: absolute; top: 0; right: 10px; display: block; border: 0; width: 18px; height: 18px; background: transparent url(/images/strix_2009/lightbox_close.jpg) no-repeat 100% 0; outline: none; }
#lbNumber { position: absolute; top: 2px; right: 35px; font-size: .9em; font-weight: bold; color: black; padding: 0 .3em 0 .2em; }
#lbInfo { margin: 0 80px 0 95px; border-right: 1px dotted #ddd; }
#lbCaption { font-size: 1.5em; font-weight: bold; color: #1a4069; margin: 0; }

/* damageform */
form dl dd.damaged-parts { clear: both; float: none; padding: 2em 0; padding-left: 25%; }
#damaged-parts-top { position: relative; width: 337px; height: 217px; margin-bottom: 3em; }
    #damaged-parts-top img { position: absolute; top: 0; left: 0; }
    #damaged-parts-top .checkbox { position: absolute; }
    #damaged-parts-top label { display: none; }
    #damaged-parts-top .option-1 { top: 0; left: 0; }
    #damaged-parts-top .option-2 { top: 0; left: 48%; }
    #damaged-parts-top .option-3 { top: 0; right: 0; }
    #damaged-parts-top .option-4 { top: 45%; left: 0; }
    #damaged-parts-top .option-5 { top: 45%; right: 0; }
    #damaged-parts-top .option-6 { bottom: 0; left: 0; }
    #damaged-parts-top .option-7 { bottom: 0; left: 48%; }
    #damaged-parts-top .option-8 { bottom: 0; right: 0; }

#damaged-parts-side { position: relative; width: 337px; height: 160px; }
    #damaged-parts-side img { position: absolute; top: 30px; left: 0; }
    #damaged-parts-side .checkbox { }
    #damaged-parts-side div { position: absolute; height: 24px; border: 1px solid #72afcb; background-color: white; }
        #damaged-parts-side .checkbox { float: left; margin: 5px 0 0 15px;  }
        #damaged-parts-side label { display: block; float: left; padding: 4px 10px 5px 5px; }
    /* positioning is done in generated styles */


/* calculation section */
#calculation-pagevisual { clear: both; float: none; margin: 2em 0 2em 10px; border-bottom: 25px solid #6cadc9; }

.calculation-makes { float: left; margin: 1em 0 0 0; padding: 0; list-style-type: none; }
    .calculation-makes li { margin-bottom: .3em; }
        .calculation-makes li a { border: 1px solid #8ebed2; border-width: 0 1px; padding: 0 5px; font-weight: bold; color: #123149; }
            .calculation-makes li a:hover { border-color: #123149; }

.calculation-carmodels { }
    .calculation-carmodels .row { clear: both; overflow: hidden; }
        .calculation-carmodels .carmodel { float: left; margin-right: 1em; }
        .calculation-carmodels .carmodel:last-child { margin-right: 0; }
            .calculation-carmodels .carmodel a { border: 0; padding: 0; }
            .calculation-carmodels .carmodel img { width: 175px; height: 127px; }
            .calculation-carmodels .carmodel h2 { }
                .calculation-carmodels .carmodel h2 a { border: 1px solid #8ebed2; border-width: 0 1px; padding: 0 5px; font-weight: bold; color: #123149; }
                    .calculation-carmodels .carmodel h2 a:hover { border-color: #123149; }

.calculation-carversionlist { }
    .calculation-carversionlist dt { margin: 1.5em 0 .5em 0; padding: 0 0 0 .5em; font-size: 1.2em; font-weight: bold; color: #123149; }
    .calculation-carversionlist dd { margin: 0 0 .3em 0; padding: 0; }
        .calculation-carversionlist dd a { border: 1px solid #8ebed2; border-width: 0 1px; padding: 0 5px; font-weight: bold; color: #123149; }
            .calculation-carversionlist dd a:hover { border-color: #123149; }

#sidecolumn.cardetails { padding-top: 32px; }

.calculation_cardetails #content { padding-left: 0; padding-right: 0; width: 470px; }
.calculation_cardetails #content h1 { margin-left: 10px; }
.calculation_cardetails #disclaimer { margin-left: 10px; }
.calculation_cardetails #sidecolumn { width: 285px; }

#carinfo { float: left; margin-top: 13px; padding: 10px; width: 450px; background: transparent url(/images/strix_2009/bg_carinfo.gif) repeat-y left top; }

    #leaseprice-information { position: relative; margin-bottom: 10px; padding: .3em 0 .7em 1em; height: 20px; font-size: 1.2em; font-weight: bold; color: #123149; background: transparent url(/images/strix_2009/bg_price.gif) no-repeat left top; }
        #leaseprice-information #price { display: block; background-repeat: no-repeat; }

        #leaseprice-information .submit { position: absolute; top: 9px; right: .5em; padding: .3em; border: 0; color: white; background-color: #8ebed2; }
        #leaseprice-information .submit[disabled] { font-style: italic; color: #999; background-color: #d0d0d0; cursor: default; }

    #tablist { float: left; clear: both; width: 100%; }
        #tablist h3.tabheader { float: left; margin-bottom: 0; padding: 2px 7px 4px 7px; background-color: #90c0d5; }
        #tablist ul.tabs { float: left; margin: 0; padding: 0; list-style-type: none; }
            #tablist ul.tabs li { float: left; margin-left: 2px; padding: 2px 14px 4px 14px; background-color: #f0f0f0; }
            #tablist ul.tabs li.ui-tabs-selected { background: white url(/images/strix_2009/arrow_down.gif) no-repeat 97% 50%; }
                #tablist ul.tabs li h3 { margin: 0; font-weight: normal; }

    .ui-tabs-hide { display: none; }

    #cardetails-engine { position: absolute; top: 80px; left: 0; padding: 10px; width: 450px; min-height: 300px; background-color: #f0f0f0; opacity: .95; filter: alpha(opacity = 95); z-index: 10; }
    #cardetails-prices { position: absolute; top: 80px; left: 0; padding: 10px; width: 450px; min-height: 300px; background-color: #f0f0f0; opacity: .95; filter: alpha(opacity = 95); z-index: 10; }
    #cardetails-equipment { position: absolute; top: 80px; left: 0; padding: 10px; width: 450px; min-height: 300px; background-color: #f0f0f0; opacity: .95; filter: alpha(opacity = 95); z-index: 10; }

    .hide-overlay { position: absolute; top: 10px; right: 10px; color: #585858; font-weight: bold; padding-right: 25px; background: transparent url(/images/strix_2009/button_close.gif) no-repeat right top; }
        .hide-overlay:hover { cursor: pointer; }

    #content .cardetails { padding: 10px; background-color: white; }
        .cardetails h2 { margin-bottom: .5em; }
        .cardetails ul { margin: 0 0 0 1.5em; padding: 0; list-style-type: square; }
        #cardetails-equipment ul { margin: 0; list-style: inside square; }

    #cardetails-engine, #cardetails-prices, #cardetails-accessories, #cardetails-equipment { }
    #cardetails-accessories ul { list-style-type: none; margin-left: 0; }
        #cardetails-accessories ul label { font-size: 1em; font-weight: normal; }
        #cardetails-accessories ul input { margin-right: .2em; border: 0; }

    #conditions { overflow: hidden; margin-top: 0; padding: .5em; background-color: #dfdfdf; }
        #conditions label { float: left; clear: both; margin-bottom: 1em; width: 175px; font-weight: bold; }
        #conditions select { float: right; width: 225px; }

    #disclaimer { float: left; clear: both; margin-top: 1em; width: 100%; }

.calculation-actions { overflow: hidden; margin: 1em 0 0 0 !important; padding: 0 !important; list-style-type: none !important; }
    .calculation-actions li { padding: 2px 0 2px 10px; }
        .calculation-actions li span { border: 1px solid #6dadc9; border-width: 0 1px; margin: 0 0 .6em 0; padding: 0 5px; font-weight: bold; color: #123149; cursor: default; }
        .calculation-actions li.selected span, .calculation-actions li:hover span { border-color: #123149; }
        .calculation-actions li.selected, .calculation-actions li:hover { background: transparent url(/images/strix_2009/bg_carinfo_button.gif) repeat-y left top; }
            .calculation-actions li a { border-bottom: 0; }
            .calculation-actions li a:hover { color: inherit; }

.slimbox { margin-left: 10px; }
.slimbox li { float: left; clear: both; margin-left: 10px; padding: 0 0 0 13px !important; border: 0; background: transparent url(/images/strix_2009/bg_button_left.gif) no-repeat left top !important; }
    .slimbox li a { display: inline-block; padding: 5px 13px 3px 0; background: transparent url(/images/strix_2009/bg_button_right.gif) no-repeat right top !important; }

.ajax-loading { position: absolute; left: 1em; top: 50%; width: 36px; height: 36px; margin-top: -18px; }