/**
 * Forums and polls
 */
.forum, .topic, .pollarchive { width: 97%; margin: 0 0 2em 0; }
    .forum thead th, .topic thead th, .pollarchive thead th { margin-bottom: .2em; color: white; background-color: #004583; }
    .pollarchive { margin-top: 10px; margin-left: 4px; }
    .forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { }
    .forum tr, .topic tr, .pollarchive tr { }
    .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: #aab300; }

.post { }
    .post th, .post td { padding: .5em .5em 1em; }
.author { }

.postform { }
    .postform .basicform dt, .postform .basicform dd { float: none; width: 95%; }
    .postform .basicform dt { font-weight: bold; margin-top: .5em; padding: 0; }
    .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: #004583; }

.post form { float: right; }
	.offensive-flag label {
		display:block;
		float:left;
		margin:5px 5px 0 0;
	}
    .offensive-flag input { border: 0; }

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

.pollheader { margin: 1em 0; font-size: 1.2em; font-weight: bold;  }
.pollresults { width: 650px; overflow: hidden; }
    .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 #004583; background-color: #aab300; }
.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 #004583; }
div.nicetitle { position: absolute; padding-top: 4px; top: 0px; left: 0px; border: 1px solid #e8e8e8; border-width: 1px 0 0 1px; color: #004583; 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: #f0f0f0; }
.translation-status { position: absolute; width: 300px; height: 30px; top: 0; right: 1em; border: 2px solid white; padding: 1em; background-color: #f0f0f0; }
.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; }
#map, #gmap { position: relative; margin-top: 1em; }
.block h2.markerheader { background-image: none; }
.block #map h2, .block #map a, .block #map span { color: #004584; }

/* 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/bullet_right.gif) no-repeat left center; }
    .ecardview .links a:hover { background-image: url(/images/bullet_right.gif); }

/* slideshow */
.slideshow-title { text-align: center; }
#slideshow-progress { margin-top: -2em; text-align: right; border-bottom: 1px solid #004583; 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 #004583; margin-top: 1em; padding: .5em; text-align: center; background-color: #e8e8e8; }
    #nav-slideshow a { border-bottom: 0px; }


/* cases */
#filterform { position: absolute; top: 40px; right: 5px; width: 200px; height: 300px; border: 1px solid black; background-color: white; }
    #filterform form { position: absolute; top: 0; right: 0; left: 0; bottom: 0; border: 1px solid #6c9ddf; border-color: white #b0b0b0 #b0b0b0 white; }
        #filterform form fieldset { border: 0; margin: 0; padding: 0; height: 100%; }
            #filterform form fieldset legend { margin: 0; padding-left: 5px; color: black; background-color: transparent; }
            #filterform form #filters { overflow: auto; }
                #filterform label { display: block; }
                #filterform .group label { display: inline; }
                #filterform form div.status .radio, #filterform form div.status .checkbox { float: left; margin-top: 10px; }
                #filterform label.status { display: block; margin: 0 0 0 2em; padding-top: 5px; height: 21px; background-position: right center; background-repeat: no-repeat; }
                #filterform .new { background-image: url(/images/pinpoint_new.gif); }
                #filterform .pending { background-image: url(/images/pinpoint_pending.gif); }
                #filterform .closed { background-image: url(/images/pinpoint_closed.gif); }
                #filterform .group { margin-bottom: 1em; padding-bottom: .5em; border-bottom: 1px solid #b0b0b0; }
                    #filterform .group .option { clear: both; }
    #filterform hr { height: 1px; border: 0; color: #b0b0b0; background-color: #b0b0b0; }
    #filterform p { position: absolute; left: 0; right: 0; bottom: 0; height: 25px; margin: 0; padding: 0; border: 1px solid black; background-color: white; }
        #filterform .button { border: 1px solid #6c9ddf; border-color: white #b0b0b0 #b0b0b0 white; display: block; width: 100%; height: 100%; padding: 0; text-align: center; }
            #filterform .button:active { border-color: #b0b0b0 white white #b0b0b0; }

.cases { width: 100%; }
.cases-list { position: relative; min-width: 300px; }
    .cases-list ul { margin: 0 1em 0 1em; padding: 0; list-style-type: none; height: 150px; overflow: auto; }
        .cases-list li { width: 110px; height: 35px; padding-left: 40px; }
        .cases-list li.selected { width: 111px; background-color: #f0f0f0; }
            .cases-list ul ul { display: none; position: absolute; top: 0; left: 162px; max-width: 150px; min-height: 33px; margin: 0; padding: 0 1em 0 2em; border-left: 1px dotted #004583; list-style-type: square; }
            .cases-list li.selected ul { display: block; }
                .cases-list ul ul li { width: auto; height: auto; border: 0; padding-left: 0; }

    .cases-list .date { }
        .cases-list .new a span.date{ font-weight: bold; font-style: italic; color: #aab300; }
        .cases-list a:hover { border-bottom-color: #004583; }
        .cases-list .new a:hover { border-bottom-color: #aab300; }

    .case-disclaimer { display: block; margin-top: 2em; font-size: .8em; line-height: 1.1em; }

.case { clear: both; overflow: hidden; width: 85%; }
    .case dt, .case dd { float: left; margin: 0 0 .7em 0; padding: .5em 0 .1em 0; }
    .case dt { clear: both; width: 30%; padding-left: 10px; border-top: 1px dotted #004583; font-weight: bold; background-color: #f0f0f0; }
    .case dd { width: 65%; min-height: 1.7em; padding-left: 10px; border-top: 1px dotted #004583; border-left: 1px dotted #004583; }

.page-comments { margin-top: 2em; border-top: 5px solid #a0a900; width: 85%; padding: 10px; background-color: #f0f0f0; }
    .page-comments h2 { padding-bottom: 1.5em; }
    .page-comments .loginform { margin: 1em 0; }
        .page-comments .loginform fieldset { }
        .page-comments .loginform legend { margin-left: 0; }
        .page-comments .loginform div { clear: both; width: 90%; margin-bottom: .5em; }
            .page-comments .loginform label { float: left; width: 45%; }
            .page-comments .loginform input { width: 45%; }
            .page-comments .loginform .button { width: auto; margin-left: 45%; }

    .comment { }

/* case types */
h1.casetype { }
    h1.casetype span { padding-top: 5px; padding-left: 7px; }
    h1.casetype img { margin-right: 1em; vertical-align: middle; }

.casetype-abuse { padding-left: 40px; background: url(/images/i_casetype_abuse.gif) left center no-repeat; }
.casetype-bike_theft { padding-left: 40px; background: url(/images/i_casetype_bike_theft.gif) left center no-repeat; }
.casetype-gta { padding-left: 40px; background: url(/images/i_casetype_gta.gif) left center no-repeat; }
.casetype-moped_theft { padding-left: 40px; background: url(/images/i_casetype_moped_theft.gif) left center no-repeat; }
.casetype-mugging { padding-left: 40px; background: url(/images/i_casetype_mugging.gif) left center no-repeat; }
.casetype-pickpocketing { padding-left: 40px; background: url(/images/i_casetype_pickpocketing.gif) left center no-repeat; }
.casetype-shoplifting { padding-left: 40px; background: url(/images/i_casetype_shoplifting.gif) left center no-repeat; }
.casetype-theft_from_car { padding-left: 40px; background: url(/images/i_casetype_theft_from_car.gif) left center no-repeat; }
.casetype-theft_from_company { padding-left: 40px; background: url(/images/i_casetype_theft_from_company.gif) left center no-repeat; }
.casetype-theft_from_home { padding-left: 40px; background: url(/images/i_casetype_theft_from_home.gif) left center no-repeat; }
.casetype-threatening { padding-left: 40px; background: url(/images/i_casetype_threatening.gif) left center no-repeat; }

#bureau-subscribe { position: absolute; top: 165px; right: 20px; text-align: right; }
#bureau-subscriptionform { position: absolute; top: 165px; right: 20px; text-align: right; }
    #bureau-subscriptionform p { margin: 0; padding: 0; }
#case-subscriptionform { float: right; text-align: right; overflow: hidden; margin-bottom: 1em; }
#loading-icon { position: absolute; top: 50%; left: 50%; }
.select-all, .select-none { cursor: pointer; font-weight: bold; }

.modal, #modal-overlay { position: fixed; }
#modal-overlay { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #004583; opacity: .3; z-index: 2; }
.modal { width: 500px; top: 130px; left: 50%; margin-left: -250px; border: 1px solid #004583; padding: 2.5em 1em 1em 1em; background-color: white; z-index: 3; }
.modal-title { position: absolute; top: 0; left: 0; width: 100%; height: 2em; margin: 0; text-align: right; background: url(/images/b_nav_sub.png) left top repeat-x #99a100; }
.closemodal { border: 2px solid #004583; cursor: pointer; padding: 2px 4px; color: #004583; font-weight: bold; background-color: white; }

/* password strengths */
.password-strength { margin-top: .3em; }
    .password-strength span { display: block; padding: .2em .5em; }
    .password-very-weak     { background-color: #f00; }
    .password-weak          { background-color: #f90; }
    .password-average       { background-color: #fc0; }
    .password-strong        { background-color: #aab300; }
    .password-very-strong   { background-color: #0c0; }


.pollform-results { width: 100%; overflow: hidden; }
    .pollform-results dt { font-weight: bold; margin-top: 1em; }
    .pollform-results dd { margin: 0; padding: 0; width: 99%; }
        .pollform-results div { border: 2px solid #004583; background-color: #aab300; }
.pollform-results { margin-bottom: 2em; }