/**
 * Forums and polls
 */
.forum, .topic, .pollarchive { width: 100%; margin: 0 0 2em 0; border: 1px solid #d7d8d8; }
    .forum thead th, .topic thead th, .pollarchive thead th { margin-bottom: .2em; color: #0a3e76; background-color: #d7d8d8; }
    .forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { border-right: 1px solid #d7d8d8; }
    .forum tr, .topic tr, .pollarchive tr { border-bottom: 1px solid #d7d8d8; }
    .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: #f29400; border-color: #f29400; }

.post { }
    .post th { border-right: 1px solid #d7d8d8; }
.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: #d7d8d8; }

.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: #d7d8d8; }
        .pollresult div { border: 2px solid #0a3e76; 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 #0a3e76; }
div.nicetitle { position: absolute; padding-top: 4px; top: 0px; left: 0px; border: 1px solid #d7d8d8; border-width: 1px 0 0 1px; color: #0a3e76; 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 #0a3e76; color: #d7d8d8; }
#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 #0a3e76; margin-top: 1em; padding: .5em; text-align: center; background-color: #d7d8d8; }
    #nav-slideshow a { border-bottom: 0px; }