/**
 * 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; }

#routeform { margin: 1em 0; padding: 1em; background-color: #e9f3f4; }
    #routeform h2 { text-indent: -9000px; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    #routeform input { margin: 0 1em; }
    #routeform .button { background-position: .5em 50%; }

#map { }
    #map .markerheader { color: black; }
        #map .markerheader img { margin-right: .5em; }


        #map .markerbody a { text-decoration: underline; }
            #map .markerbody a:hover { text-decoration: none; }
        #map .markerbody .address { margin: 0; padding: 0; border: 0; font-weight: bold; }

        #map form.route { float: left; margin-top: .5em; padding: 0; }
            #map form.route input { margin-left: .5em; border-color: #aaa; }
            #map form.route .submit { color: white; padding: 2px; background-color: #aaa; background-image: none; }
                #map form.route .submit:hover { cursor: pointer; }

#printroute { color: white; margin-left: 200px; padding: 4px; background-color: #59bfc6; }


/* ecard styles */
#ecardlist { list-style: none; margin: 0; padding: 0; }
    #ecardlist li { font-size: .95em; float: left; margin: 1em 4em 0 0; width: 220px; height: 175px; }
#ecardform .header { font-weight: bold; margin: 1em 0; }
.ecardview img { margin-bottom: 1em; }
.ecardview h2, .ecardview p { padding: 0; margin: 0; }
    .ecardview h2.info { float: left; width: 150px; }
    .ecardview h2.message { margin-top: 1em; }
    .ecardview p.message { margin: 0 0 0 150px; }
.ecardview .links { margin-top: 1em; }
    .ecardview .links a { display: block; font-weight: bold; padding-left: 15px; background: #e9f3f4 url(/images/professionals/arrow_right.gif) no-repeat 5px 7px; }
        .ecardview .links a:hover { background-color: transparent; }

ul#upload_photo { list-style-type: disc; margin: 0; padding: 0; }
    #upload_photo li { float: none; margin: 0 0 0 1.5em; padding: 0; width: auto; height: auto; }

/* 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; }

/* browse-aloud button */
.browsealoud { position: absolute; top: 170px; right: 10px; width: 83px; height: 24px; background: transparent url(/images/button_browsealoud.gif) no-repeat left top; }
    .browsealoud span, .browsealoud-home span { visibility: hidden; }
.browsealoud-home { position: absolute; top: 110px; left: 15px; width: 125px; height: 29px; background: transparent url(/images/button_browsealoud_large.gif) no-repeat left top; }