/**
 * 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 { }
    .pollresults tr { }
    .pollresults td { text-align: right; }
        .pollresults td span { float: left; }
    .pollresults dl { float: left; margin: 0; padding: 5px; width: 214px; background-color: #d3d3d3; }
    .pollresults dt, .pollresults dd { margin: .3em 0 0 0; padding: 0; float: left; }
    .pollresults dt { clear: both; width: 100%; }
    .pollresults dd { font-weight: bold; text-align: right; border: 1px solid white; border-width: 1px 0; width: 25%; }
    .pollresult { text-align: left !important; width: 75% !important; }
        .pollresult .pollresult-bar-total { margin: 5px 0; height: 8px; background-color: white; }
            .pollresult .pollresult-bar { height: 8px; background-color: #ec5a2b; }
    .pollresults .num-responses { font-weight: bold; text-align: right; }
.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; }

.companycar-advicetool { z-index: 10; position: absolute; top: 0; left: 0; min-width: 1000px; width: 100%; min-height: 500px; height: 100%; background-color: white; }
    .companycar-advicetool .body { width: 980px; margin: 0 auto; height: 100%; }

        .companycar-advicetool h2 { position: absolute; top: 20px; left: 20px; width: 362px; height: 45px; background: url(/images/companycars/l_multilease.gif) left top no-repeat; }
            .companycar-advicetool h2 span { visibility: hidden; }

        .companycar-advicetool .container { position: relative; border-top: 1px solid white; height: 465px; top: 100px; background: url(/images/companycars/b_container_pattern.gif) left top repeat-x; }

            .companycar-advicetool .currentview { position: absolute; top: 0; left: 300px; width: 160px; height: 40px; }
                .companycar-advicetool .currentview span { display: none; }
                .companycar-advicetool .currentview p { margin: 5px 0 0 0; height: 100%; background-position: left top; background-repeat: no-repeat; }

            .companycar-advicetool .view { border-top: 1px solid white; height: 100%; background: url(/images/companycars/b_container.png) left top no-repeat; }
                .companycar-advicetool .content { position: absolute; top: 40px; right: 10px; width: 270px; height: 380px; padding: 5px 10px; height: 375px; overflow: auto; border-left: 1px solid #e5e5e5; }
                    .companycar-advicetool .content h3.title, .companycar-advicetool .content h4.subtitle { margin: 0; background-repeat: no-repeat; }
                    .companycar-advicetool .content h4.subtitle { margin: .3em 0 1em 0; }
                        .companycar-advicetool .content h3.title span, .companycar-advicetool .content h4.subtitle span { visibility: hidden; }

                    .companycar-advicetool .content ul.submenu { margin: 0; padding: 0; list-style-type: none; }

                .companycar-advicetool .companycar { position: absolute; left: 20px; top: 40px; width: 650px; height: 400px; background-position: center center; background-repeat: no-repeat; }
                .view.side .companycar { background-image: url(/images/companycars/b_companycar_side.gif); }
                .view.front .companycar { background-image: url(/images/companycars/b_companycar_front.gif); }
                .view.back .companycar { background-image: url(/images/companycars/b_companycar_back.gif); }

                .companycar ol { margin: 0; padding: 0; list-style-type: none; }
                    .companycar ol li { position: absolute; margin: 0; padding: 0; }
                        .companycar ol li .box { display: none; position: relative; margin: 0 0 0 15px; padding: 6px 0; width: 239px; }
                            .companycar ol li .top { position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: url(/images/companycars/b_box_top.png) left top no-repeat; }
                            .companycar ol li .bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: url(/images/companycars/b_box_bottom.png) left top no-repeat; }
                            .companycar ol li .contents { padding: 5px 10px 10px 10px; background: url(/images/companycars/b_box_middle.png) left top repeat-y; }
                        .companycar ol li span.num { position: absolute; top: 0; left: 0; width: 30px; height: 25px; padding: 0; cursor: default; font-weight: bold; text-align: center; background: url(/images/companycars/i_circle.png) 5px 0 no-repeat; }
                        .companycar ol li .title { }
                            .companycar ol li .title a { display: block; height: 100%; border: 0; padding: 0; background-repeat: no-repeat; }
                                .companycar ol li .title span { visibility: hidden; }
                    .companycar ol li:hover .box { display: block; }

        .companycar-advicetool .view-selector { position: absolute; top: 30px; right: 100px; height: 45px; }
            .view-selector h3 { float: left; margin: 47px 10px 0 0; background-position: left top; background-repeat: no-repeat; }
                .view-selector h3 span { visibility: hidden; }
            .view-selector div { position: relative; float: left; min-width: 60px; height: 100%; padding: 0 10px; border-left: 1px solid #c6c5c5; text-align: center; background-position: center 5px; background-repeat: no-repeat; }
                .view-selector div:hover { cursor: pointer; background-color: #e5e5e5; }
            .view-selector .side { background-image: url(/images/companycars/i_companycar_side.gif); }
            .view-selector .front { background-image: url(/images/companycars/i_companycar_front.gif); }
            .view-selector .back { background-image: url(/images/companycars/i_companycar_back.gif); }

                .view-selector p { margin-top: 45px; height: 18px; }
                    .view-selector p span { display: block; height: 100%; padding: 0 5px; font-weight: bold; }
                .view-selector div.selected p { background: url(/images/companycars/b_view_button_left.gif) left top no-repeat #ff7200; }
                    .view-selector div.selected p span { background: url(/images/companycars/b_view_button_right.gif) right top no-repeat; }

        .companycar-advicetool .breadcrumbs { overflow: hidden; position: absolute; top: 80px; left: 20px; right: 0; height: 20px; }
            .companycar-advicetool .breadcrumbs ul { list-style: none; margin: 0; padding: 0; }
                .companycar-advicetool .breadcrumbs ul li { display: inline; margin-right: 0; padding-left: 12px; color: #606060; font-size: 1.2em; background: url(/images/i_crumb.gif) left center no-repeat transparent; }
                .companycar-advicetool .breadcrumbs li.firstcrumb { padding-left: 0; background-image: none; }
                    .companycar-advicetool .breadcrumbs li a { border: 0; color: black; padding-left: 0; background: none; }
                        .companycar-advicetool .breadcrumbs li a:hover { text-decoration: underline; }

        .companycar-advicetool .more-info { position: absolute; left: 680px; top: 420px; width: 170px; height: 29px; background: url(/images/companycars/b_moreinfo.gif) left top no-repeat; }
            .companycar-advicetool .more-info a { display: block; height: 100%; border: 0; padding: 0; }
                .companycar-advicetool .more-info span { visibility: hidden; }

        .companycar-advicetool .close { font-size: 1.2em; position: absolute; top: 0; right: 0; cursor: pointer; background: url(/images/companycars/b_close.gif) right center no-repeat; }
            .companycar-advicetool .close p { margin-right: 20px; background-repeat: no-repeat; background-position: left center; }
                .companycar-advicetool .close p span { visibility: hidden; }