/**** REDEFINE BASE TAGS ****/
html { margin: 0; padding: 0; }
body
{
    margin:0;
    padding:0;
    font: 12px/1.3 "Helvetica", "Trebuchet MS", Arial, san-serif;
    color: #0f2a36;
    background: #fff url(/images.new/body-bg.png) top left repeat-x;    
    }

a 
{
    color: #093949;
    text-decoration: none;
    }

.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

a:hover { text-decoration: underline; }
    
input, label { display: block; font-size: 14px; }

input.largetext
{
    font-size: 14px;
    font-weight: bold;
    }
    
label
{
    color: #093949;
    margin: 15px 0 4px 0;
    }
    
textarea
{
    font: 14px/1.3 "Helvetica", "Trebuchet MS", Arial, san-serif;
    padding: 5px;
    }


fieldset 
{
    border: none;
    margin: 20px 0;
    padding: 10px;
    background-color: #e1ebf0;
    max-width: 630px;
    }

fieldset h4.fieldsetTitle
{
    color:#7A919B;
    font-size:22px;
    font-weight:normal;
    margin:0;
    }
    
.form_inlineCheckbox { margin: 10px 0; }
.form_inlineCheckbox label, .form_inlineCheckbox input { display: inline; }
p.hint 
{ 
    font-size: 11px;
    font-style: italic;
    color: grey;
    margin-top: 3px;
    }
    
.success {
    background-color: #d5ffd1;
    border: 1px solid #43a339;
    padding: 4px;
}

/**** BASE TAGS END ****/

/**** ERRORS ****/
ul.errors
{
    background-color: #ffaaaa;
    border: 1px solid #8B0000;
    padding: 4px;
    }
    
ul.errors li
{
    list-style:none;
    font-weight: bold;
    }

/**** ERRORS END ****/

/**** SITE WIDE BUTTONS ****/

/*
This doesn't look that great...
input[type=text] { width: 100%; padding: 2px;}*/

input[type=text], textarea, input[type=password]
{
    background-color: #fff;
    border: 1px solid #abc2cc;
    }

button, #fieldset-buttons input, input[type=submit], #Submit
{
    background: url(/images/button-bg.gif) repeat-x;
    border: 0;
    color: #fff;
    font-size: 13px;
    margin: 20px 0 0 0;
    padding: 3px 6px 7px 6px;
    }
    
button:hover, #fieldset-buttons input:hover, input[type=submit]:hover, #Submit:hover
{
    background-image: url(/images/button-bg-inactive.gif);
    cursor: pointer;
    }

/**** SITE WIDE BUTTONS END *****/

/**** STRUCTURE ****/

#contentContainer { width: 100%; }
#columnWrapper 
{ 
    margin: 30px auto 0 auto;
    width: 990px;
    padding-bottom: 220px; /* this seems like a lot but its because of the footer margins */
    }

#rightCol, #leftCol { min-height: 200px; }

#leftCol 
{ 
    width: 650px;
    float: left;
    }
    
#rightCol 
{
    float: left;
    width: 300px;
    margin-left: 40px;
    }

#siteHeader 
{ 
    width: 990px;
    height: 114px;
    margin: 0 auto;
    }

#footer
{
    width: 990px;
    margin: 0 auto;
    padding: 39px 0 39px 0;
    }
    
#footerContainer
{
    width: 100%;
    margin-top: -170px;
    /*height: 200px;*/
    position:relative;
    clear:both;
    background: #d5e5ec url(/images.new/footer-bg.png) top left repeat-x;    
    }    


    

    
/**** STRUCTURE END ****/

/**** SITE HEADER ****/
#siteHeaderName { float: left; margin-top: 15px; }

#siteHeaderName h1 a
{
    background: url(/images.new/logo.gif) top left no-repeat;
    outline:0;
    display: block;
    text-indent: -9999px;
    width: 225px;
    height: 76px;
    }

#siteHeaderControls 
{
    text-align: right;
    float: right; 
    color: #d9594d;
    font-size: 16px;
    margin: 0;
    }

#siteHeaderControls div.Bottom 
{
    margin: 32px 0 0 0;
    overflow: hidden;
    }
    
#siteHeaderControls div.Top
{
    margin: 22px 0 0 0;
    overflow: hidden;
    }

#siteHeaderControls div.Top ul,
#siteHeaderControls div.Bottom ul
{
    float: right;
    overflow: hidden;
    margin: 0;
    padding: 0;
    }

#siteHeaderControls div.Top ul li
{
    list-style: none;
    float :left;
    background: transparent url(/images.new/pink-line.gif) 0 4px no-repeat;
    padding: 0 6px 0 8px;
    }
    
#siteHeaderControls div.Bottom ul li
{
    float :left;
    list-style: none;
    margin-left: 2px;
    }
    
#siteHeaderControls div.Bottom ul li a
{
    background: transparent url(/images/nav-button.png) top left no-repeat;
    display: block;
    height: 24px;
    padding-top: 8px;
    text-align: center;
    width: 130px;
    }
    
#siteHeaderControls div.Bottom ul li a.Feedback
{
    background: transparent url(/images/nav-button-feedback.png) top left no-repeat;
    padding-left: 35px;
    text-align: left;
    width: 95px;
    }
    
#siteHeaderControls div.Bottom ul li a:link,
#siteHeaderControls div.Bottom ul li a:visited 
{
    font-size: 15px;
    font-weight: bold;
    }

#siteHeaderControls div.Top ul li:first-child { background: none; }

#siteHeaderWelcome
{
    font-weight: normal;
    font-size: 14px;
    }

#siteHeaderWelcome span { color: #fff; }
#siteHeader a { color: #fff; }
#siteHeader h1 { margin:0; }

#siteHeader #tagline
{
    color: #fcc5c8;
    font-size: 14px;
    }
    
/**** SITE HEADER END ****/

/**** SITE FOOTER ****/


.footerColumn
{
    float: left;
    border-right: 1px solid #b1ccd7;
    width: 140px;
    color: #083a4b;
    margin-right: 28px;
    }

#footer h4 { font-size: 13px; margin: 0;}
#footer { font-size: 10px; }
#footer ul
{
    padding: 0;
    }
    
#footer ul li
{
    list-style: none;
    margin-top:5px;
    }


/**** SITE FOOTER END ****/

/**** SEARCH FORM ****/

#basicSearch {
    background: #edf4f7;
    padding: 20px 0 20px 0;
    margin-bottom: 20px;
}

#basicSearch a {
    font-size: 10px;
    margin-left: 25px;
    text-decoration: none;
}

#basicSearch a:link, #basicSearch a:visited {
    color: #064e66;
}

#basicSearch #SearchForm {
    margin-left: 25px;
    margin-bottom: 5px;
}

#advSearch {
    background: #edf4f7;
    padding: 40px;
}

#SearchForm { overflow: hidden; }


#SearchForm fieldset {
    background: none;
    /*margin: 0;*/
    padding: 0;
}

#advSearch #SearchForm fieldset#fieldset-controls { clear: both; }
#advSearch #SearchForm fieldset#fieldset-top { margin: 0; }
#advSearch #SearchForm fieldset#fieldset-left,
#advSearch #SearchForm fieldset#fieldset-right {
    float: left;
    margin: 0 0 10px;
}
#advSearch #SearchForm fieldset#fieldset-left,
#advSearch #SearchForm fieldset#fieldset-right,
#advSearch #SearchForm fieldset#fieldset-bottom {
    display: block;
}
#advSearch #SearchForm fieldset#fieldset-right { margin-left: 10px; }


#advSearch #SearchForm fieldset#fieldset-controls { 
    float: none;
    position: static;
}

#SearchForm #fieldset-controls { 
    float: left; 
    position: relative;
    top: 23px;
    margin: 0;
}

#SearchForm #fieldset-top { 
    margin: 0; 
    float: left;
}

#SearchForm #fieldset-left,
#SearchForm #fieldset-right,
#SearchForm #fieldset-bottom {
    display: none;
}



#SearchForm #search,
#SearchForm #Location
{
    float: left;
    background: url(/images/search-bg.png) top left no-repeat; 
    border: none;
    color: #57869F;
    padding: 0 5px 0 28px;
    font-size: 14px;
    width: 159px;
    height: 30px;
    }
    
#advSearch #SearchForm #search,
#advSearch #SearchForm #Submit,
#advSearch #SearchForm #Location
{
    float: none;
}
    
#SearchForm #search:focus
{
    outline: none;
    }
    
#SearchForm #Submit {
    float: left;
    background: url(/images/search-bg.png) top right no-repeat; 
    border: none;
    color: #57869F;
    letter-spacing: 1px;
    margin: 0;
    text-indent: -9999px;
    width: 63px;
    height: 30px;
}

#SearchForm label {
    color: #608697;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

#advSearch #SearchForm label {
    margin-bottom: 5px;
    margin-top: 10px;
}

#advSearch #SearchForm #Submit {
    margin-top: 20px;
}

#advSearch #SearchForm #search {
    background: url(/images/adv-search-bg.png) top left no-repeat; 
    width: 274px;
}

#advSearch #SearchForm #Location {
    background: url(/images/adv-location-bg.png) top left no-repeat; 
    width: 274px;
}

#searchContainer input[type=submit] 
{
    font-weight: normal;
    height: 27px;
    }

#searchContainer { 
    background: #edf4f7;
    margin-bottom: 20px;
    padding: 20px 0 20px 25px;
}

#searchContainer form label
{
    color: #064e66;
    display: block;
    font-weight: normal;
    margin: 0 0 5px 0;
    }
    
#searchContainer form #LocationSearch
{
    float: left;
    padding: 5px 5px 5px 26px;
    color: #57869F;
    border: none;
    background: #caecfd url(/images.new/search.png) 7px 8px no-repeat; 
    width: 175px;
    }

#searchContainer form #Submit
{
    color: #fff;
    float: left;
    margin: 0;
    }

#searchContainer #persistantLoc {
    display: block;
    font-size: 10px;
}

#searchNote { font-size: 10px; margin: 3px 0 0 0; }
#searchNote a { text-decoration: underline; }

#locSearchContainer form {
    overflow: hidden;
}

#locSearchContainer form #LocationSearch:focus {
    outline: none;
}

#locSearchContainer form #LocationSearch {
    font-family: Helvetica, arial, sans-serif;
    font-weight: bold;
    float: left;
    /*height: 38px;
    padding: 0 5px 0 32px;*/
    padding: 10px 5px 12px 32px;
    font-size: 14px;
    color: #5785a3;
    border: none;
    background: url(/images/lets-look-bg.png) top left no-repeat; 
    width: 245px;
}

#locSearchContainer form #Submit {
    background: url(/images/lets-look-bg.png) top right no-repeat; 
    cursor: pointer;
    height: 38px;
    text-indent: -9999px;
    float: left;
    letter-spacing: 1px;
    margin: 0;
    width: 122px;
}

#locSearchContainer form label {
    color: #074b62;
    font-family: Helvetica, arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
}

#locSearchContainer form p {
    color: #608697;
    font-family: Helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 30px;
}

#locSearchContainer h3 {
    color: #074b62;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 4px;
}

#locSearchContainer ul {
    color: #608697;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 0 0 0 16px;
}
             
/**** SEARCH FORM END ****/


#categories, #privateMenu
{
    list-style:none;
    padding: 7px 0 7px 0;
    margin: 0 auto;
    width: 990px;
    font-size: 14px;
    }
        
#categories li, #subCategories li, #privateMenu li
{
    float: left;
    background: transparent url(/images.new/blue-line.gif) 0 4px no-repeat;
    padding: 0 14px 0 12px;
    }

#categories li:first-child, 
#subCategories li:first-child, 
#privateMenu li:first-child,
#categories li.noseparator,
#subCategories li.noseparator,
#privateMenu li.noseparator
{
    background: none;
    padding-left: 0;
    }

#categories li a, #subCategories li a, #privateMenu li a { color: #000; }  
#categories li a.selected, #subCategories li a.selected, #privateMenu li a.selected
{
    font-weight: bold;
    }
 
#subCategories
{
    background: #C5D8E2;
    padding: 4px 0;
    }
    
#subCategories ul
{
    list-style:none;
    padding:0;
    margin:0 auto;
    width: 990px;
    font-size: 12px;
    }

#privateMenu li.privateBack a { color: #008eb2; }
#privateMenu a.selected
{
    font-weight: bold;
    }

.reportsHeader 
{ 
    border-bottom: 1px solid #a9c0ca;
    border-top: 1px solid #a9c0ca;    
    margin:0
    ;
    padding: 7px 0 7px 0;
    color: #018fab;    
    }
    
.reportsHeader div
{   
    float: left;  
    }

.reportsHeader h2
{ 
    color: #018fab;
    font-size: 14px;
    width: 354px;
    margin: 0;
    }
    
.reportsHeader h2 a:link,
.reportsHeader h2 a:visited
{ 
    color: #018fab;
    }

.reportsHeader h3
{ 
    color: #0f2a36;
    font-size: 16px;
    width: 354px;
    margin: 0;
    }

.reportsHeader h3 a { text-decoration: underline; }

#headerControls 
{ 
    margin: 0 0 0 0;
    padding: 0;
    float: right;
    width: 295px;
    }
    
#headerControls.twoLine
{ 
    margin: 10px 0 0 0;
    padding: 0;
    float: right;
    width: 295px;
    }

#headerControls li {
    display: block;
    float: right;
    list-style: none;
}

#headerControls li.rss {
    width: 19px;
}

.dropMenu ul {
    background: #fff;
    border: #ccc 1px solid;
    margin: 0;
    padding: 5px 0;
}

.dropMenu ul li {
    background: none !important;
    float: none !important;
    list-style: none !important;
    padding: 0 !important;
}

.dropMenu a {
    display: block !important;
}

.dropMenu ul li a {
    color: #000 !important;
    font-size: 12px !important;
    display: block !important;
    margin: 2px 5px 2px 5px !important;
    padding: 2px 5px 2px 5px !important;
}

.dropMenu ul li a:hover {
    background: #ccc;
}
      
.picker {
    background: url(/images.new/drop-down-bg.png) top right no-repeat;
    display: block;
    height: 16px;
    margin-right: 12px;
    padding: 3px 26px 0 10px;
} 

.picker:link, .picker:visited {
    color: #fff;
    text-decoration: none;
}

#rss {
    background: url(/images.new/rss.png) top left no-repeat;
    display: block;
    height: 19px;
    text-indent: -9999px;
    width: 19px;
}

.profileRss img {
    vertical-align: middle;
}

#pageControls
{
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    }

#pageControls li
{
    background-color: #e7f9ff;
    padding: 5px 8px 5px 8px;
    margin: 2px;
    float: left;
    }
#pageControls .pagePrev a, #pageControls .pageNext a { color: #fff; }
#pageControls .pagePrev,#pageControls .pageNext
{
    color: #fff;
    background: transparent url(/images/button-bg.gif) 0 0 repeat-x;
    }
#pageControls .pagePrev.inactive,#pageControls .pageNext.inactive
{
    color: #cccccc;
    background-image: url(/images/button-bg-inactive.gif);
    }
    
#pageControls .pageBox.active { background-color: #204559; }
#pageControls .pageBox.active a { color: #fff; }
    



#categoriesRight
{
    float: right;
    margin-right: 20px;
    }

.story  { padding: 30px 0; border-bottom: 4px solid #edf4f7; }
.storyRating 
{
    width: 60px;
    float: left;
    }
    
.storyRating .value
{
    color: #418baf;
    font-weight: bold;
    text-align: center;
    background: #DCEDF4;
    height: 56px;
    }
    
.storyRating .norating {
    padding-top: 22px;
    height: 34px;
}

.storyRating .norating .rating {
    display: none;
}

.storyRating .rating
{
    padding-top: 11px;
    line-height: 1;
    font-size: 23px;
    color: #093949;
    font-weight: bold;
    } 
    
.myReports 
{
    border-bottom: 1px solid #d8e7ec;
    padding: 20px 0;
    }

.myReportsRating 
{
    height: 35px;
    float: left;
    color: #fff;
    width: 60px;
    text-align: center;
    background: transparent url(/images.new/rating-bg.gif) top left no-repeat;
    font-size: 20px;
    font-weight: bold;
    padding-top: 14px;
    }
    
.up, .dwn
{
    text-align: left;
    width: 57px;
    background-color: #dcedf4;
    margin-top:3px;
    height: 34px;
    font-weight: bold;
    color: #093746;
    padding-left: 3px;
    }

.up:hover, .dwn:hover {}
    
.up a,.dwn a
{
    font-size: 10px;
    display: block;
    padding: 10px 0 0 25px;
    width: 25px;
    height: 16px;
    margin: 0 auto;
    }
    
.up a { background: transparent url(/images.new/up.gif) 0 5px no-repeat; }
.dwn a { background: transparent url(/images.new/dwn.gif) 0 8px no-repeat; }       
.storyRating a:hover { text-decoration: none; }
    

    
.storyMedia
{
    width: 150px;
    height: 130px;
    background-color: #c3c3c3;
    margin-left: 10px;
    float: left;
    }

.myReportsMedia 
{
    width: 59px;
    height: 51px;
    background-color: #c3c3c3;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    }

.storyText, .myReportsText, .storyMeta
{ 
    color: #093846; 
    }

.storyText 
{ 
    min-height: 130px; 
    font-size: 14px;
    margin-left: 73px;
    }


.myReportsText { min-height: 28px; margin-left: 73px; }
.myReportsMeta { margin-left: 73px; }
    
.storyMeta
{
    font-size: 12px;
    color: #0F2A36;
    margin-top: 10px;
    overflow: hidden;
    padding: 9px 0 0 0;
    }

.storyMetaButton
{
    margin-right: 6px;
    padding: 0 10px 0 18px;
    height: 16px;
    display: block;
    float:left;
    font-size: 11px;
    background: transparent url(/images/icons.gif) 0 -1px no-repeat;
    border-right: 1px solid #aec5cc;
    }
    
.storyMetaButton.share { background-position: 0 -18px; }
.storyMetaButton.origin { background-position: 0 -49px; }
.storyMetaButton.garbage { background-position: 0 -33px; }
.storyMetaButton.reporter { background-position: 0 -65px; }
.storyMetaButton.date { background-position: 0 -81px; border: none; }
.storyMetaButton.views { background-position: 0 -96px; }
.story.withMedia .storyText { margin-left: 233px; }
    
.storyText h2, .myReportsText h2 
{ 
    margin: 0 0 6px 0; 
    font-size: 17px;
    font-weight: bold;
    }
    
.storyText h2 a, .myReportsText h2 a
{
    color: #900201;
    text-decoration:none;
    border-bottom: 1px solid #e6aead;
    }

.storyText h2.link { margin: 0; }
.storyText h2.link a
{
    color: #003749;
    border-bottom: 1px solid #a3c0ca;
    }
    
.storyText p, .myReportsText p 
{ 
    margin: 0; 
    color: #000;
    }
.storyText p span { margin: 0; font-size: 12px; }

.storyBadges { height: 13px; padding: 0; margin: 7px 0 15px 0; }
.storyBadges li
{
    float: left;
    list-style: none;
    height: 13px;
    margin: 0 2px 0 0;
    text-indent: -9999px;
    }

#bigGreenArrow
{
    display:block;
    width: 158px;
    height: 31px;
    background: transparent url(/images.new/big-green-arrow-button.png) top left no-repeat;
    padding: 8px 0 0 20px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 15px 0;
    }

#reportMedia
{
    /* width: 450px; */
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    }
    
#reportMedia a
{
    width: 450px;
    height: 310px;
    display:block;
    }

.storyBadges .report 
{
    width: 45px;
    background: transparent url(/images.new/badge.report.png) top left no-repeat;
    }
    
.storyBadges .updated
{
    width: 52px;
    background: transparent url(/images.new/badge.updated.png) top left no-repeat;
    }    
    
.storyBadges .recent
{
    width: 40px;
    background: transparent url(/images.new/badge.recent.png) top left no-repeat;
    }

.storyBadges .link
{
    width: 63px;
    background: transparent url(/images.new/badge.link.png) top left no-repeat;
    }  
    
.storyBadges .url
{
    color: #629ca8;
    font-size: 12px;
    padding-right: 10px;
    text-indent: 0;
    }    

#report .storyBadges {
    margin: 0;
}

#report .storyMeta {
    margin: 15px 0 0 0;
    padding: 0;
}

#report .addthis_toolbox {
    margin-bottom: 15px;
    margin-top: 15px;
}

.myReportsText h2
{
    font-size: 13px;
    }

.myReportsButton 
{
    border: 1px solid #418baf;
    color: #418baf;
    float: right;
    margin-left: 5px;
    padding: 5px 10px;
    }

.myReportsButton.rejected
{
    border: 1px solid #DAA520;
    color: #DAA520;
    }

.myReportsButton.failed
{
    border: 1px solid #8B0000;
    color: #8B0000;
    }
    
.myReportsButton.processing
{
    border: 1px solid #228B22;
    color: #228B22;
    }
    
.pageHeader
{
    border-bottom: 1px solid #d8e7ec;
    padding-bottom: 3px;
    margin-bottom: 20px;
    color: #093949;
    font-size: 14px;
    }
    
.pageHeader.sub { margin: 30px 0 20px 0; }
    
.pageHeader h2
{
    display:inline;
    font-weight: normal;
    font-size: 20px;
    }

.pageHeader.reporterResult {
    margin: 20px 0;
} 
    
.pageHeader h3 
{ 
    display: inline; 
    font-size: 16px; 
    }

.pageHeader.special h2, .pageHeader.special h3
{
    padding: 8px 20px;
    background-color: #e6f9ff;
    }

.pageHeader.special
{
    margin-top: 30px;
    padding-bottom: 20px;
    }
    
#createNewAccount
{
    width: 100%;
    padding: 10px 0;
    background-color: #e7f9ff;
    }

#createNewAccount a
{
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-left: 20px;
    padding-left: 22px;
    background: transparent url(/images/big-arrow-right.gif) 0 -1px no-repeat;
    }
    
#forgotPassword {
    margin-bottom: 10px;
    width: 100%;
}

#forgotPassword a {
    margin-left: 20px;
}
    
#loginBox, #changeLocationBox { padding: 0 20px 10px 20px; }


    
.formControls
{
    margin: 20px 0;
    border-top: 1px solid #d8e7ec;
    padding-top: 10px;
    }

.formControls button { float:right; margin:0;}


#reportTop
{
    width: 100%;
    margin-bottom: 20px;
    }
    
    

#reportMain
{
    width: 100%;
    margin-bottom: 40px;
    color: #000;
    
    }

#reportMain h2
{
    font-size: 17px;
    margin-bottom: 0;
    }

#reportMain p
{
    margin-top: 0;
    }
    
#reportMain p, #reportComments
{
    font-size: 14px;
    }

#reportRating
{
    float: left;
    width: 60px;
    }
    
#report
{
    font-size: 15px;
    margin: 0 0 70px 80px;
    
    }
    
#reportMain h1 
{ 
    color: #910b01;
    line-height: 1;
    margin-top: 0; 
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: normal;
    }
    
#reportMain h1 a { color: #900201; }
#reportMain h1.link a { color: #009fc0; }

/**** REPORTER DETAILS START ****/

.reporterDetails
{
    width: 170px;
    padding: 30px 30px 25px 30px;
    background-color: #e9f1f4;
    float: left;
    font-size: 13px;
    overflow: hidden;
    }

.reporterDetails.wide
{
    background: #e9f1f4 url(/images/social-block-bg.png) top right repeat-y;
    float: none;
    width: 590px;
    }
    
.photoBlock 
{ 
    float: left;
    width: 158px;
    } 

.socialBlock
{
    float: left;
    padding-left: 30px;
    width: 74px;
    }

.profileBlock 
{ 
    float: left;
    width: 328px;
    }  

.detailsBlock 
{ 
    margin-bottom: 8px; 
    color: #4e6973;
    } 
    
.detailsBlock span
{
    color: #0092bd;
    }
    
.detailsBlock span.small
{
    font-size: 10px;
    font-weight: normal;
    color: #4e6973;
    }    

.detailsBlock strong
{  
    color: #093949;
    }
    
.reporterName {
    font-size: 20px;
}

.followersDetail {
    line-height: 1.2;
}

.followersDetail a:link,.followersDetail a:visited {
    color: #608697;
    font-size: 15px;
}

.followersDetail strong {
    color: #093949;
    font-size: 19px;
}


/**** REPORTER DETAILS END ****/

.profileNav 
{
    background: url(/images/profile-nav-border.jpg) bottom left repeat-x;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0;
    }
    
.profileNav li 
{
    background: #c3dbe6;
    border: #549bbe 1px solid;
    float: left;
    list-style: none;
    margin-right: 5px;
    padding: 5px 10px 5px 10px;
    }

.profileNav li.active 
{
    background: #fff;
    border-bottom: #fff 1px solid;
    }

.profileHeader img 
{
    margin-right: 10px;
    }

#fieldset-buttons 
{
    border-top: 1px solid #d8e7ec;
    margin: 20px 0;
    }
    
.saveButton, .uploadButton, .submitButton, .stackedRightButton
{
    float: right;
    }
.stackedRightButton { margin-right: 5px; }    
    
    
.ac_loading {
    background: transparent url(/images/ajax-loader.gif) center right no-repeat;
}

.loadingBlue
{
    background: transparent url(/images.new/ajax-loader-blue.gif) center right no-repeat;
    }


/*  SIDEBAR  */

#sidebarSignup
{
    width: 175px;
    padding: 24px;
    background-color: #e9f2f5;
    margin-left: 30px;
    }
    
#sidebarSignup h2 { font-size: 20px; margin-top: 0; line-height: 1.0; }
#sidebarSignup h3 { font-size: 16px; color: #008eb2; line-height: 1.1;}
#sidebarSignup button, #challenge button { font-weight: normal; font-size: 12px; }

#challenge
{
    width: 161px;
    height: 260px;
    margin: 25px 0 0 30px; 
    background: #e9fee7 url(/images/challenge.gif) top left no-repeat;
    border: 1px dashed #9ac3c4;
    text-indent: -9999px;
    font-size: 0;
    }
    
#challenge a
{
    margin: 0 auto;
    position: relative;
    top: 215px;
    text-indent: 0;
    }
    
#topReports h2 {
    background: #EDF4F7 url(/images.new/top-reports.png) 11px 12px no-repeat;
    height: 28px;
    font-size: 14px;
    color: #608697;
    font-family: Helvetica, arial, sans-serif;
    padding: 9px 27px 0px;
}

#topReports h3 a:link, #topReports h3 a:visited {
    color: #8e2a15;
}


#topReports ul {
    border-bottom: #a9c0ca 1px solid;
    padding: 0 0 10px 3px;
    list-style: none;
}

#topReports ul li.number {
    margin-bottom: 8px;
    padding: 0 0 0 13px;
}

#topReports ul li.number a {
    background: url(/images.new/list-arrow.png) 100% 50% no-repeat;
    padding-right: 10px;
    color: #000;
}

#topReports ul li.no1 { background: url(/images.new/list-number-1.png) 0px 2px no-repeat; }
#topReports ul li.no2 { background: url(/images.new/list-number-2.png) 0px 2px no-repeat; }
#topReports ul li.no3 { background: url(/images.new/list-number-3.png) 0px 2px no-repeat; }
#topReports ul li.no4 { background: url(/images.new/list-number-4.png) 0px 2px no-repeat; }

/*  TOP OF LISTING  */
#tellTheWorldBox 
{
    background: #fff url(/images.new/start-reporting-bg.gif) top left no-repeat;
    width: 650px;
    height: 104px;
    margin: 0 0 30px 0; 
    padding:0;
    }

#tellTheWorldLeft, #tellTheWorldRight { float: left; }     
#tellTheWorldRight 
{ 
    width: 185px; 
    padding-right: 26px; 
    }

#tellTheWorldLeft
{
    padding-left: 26px;
    width: 393px;
    margin-right: 19px;
    }
#tellTheWorldLeft h1, #tellTheWorldLeft h2, #tellTheWorldLeft h3 { font-weight: normal; }

#tellTheWorldLeft h1
{
    font-size: 20px;
    margin: 22px 0 0 0;
    color: #fff;
    }

#tellTheWorldLeft h2, #tellTheWorldLeft h3
{
    color: #01bde4;
    margin: 0;
    }
    
#tellTheWorldLeft h2
{
    font-size: 16px;
    line-height: 1.2;
    }

#tellTheWorldLeft h3
{
    font-size:11px;
    }

    
#tellTheWorldRight a
{
    margin-top: 35px;
    width:185px;
    height: 38px;
    background: transparent url(/images.new/start-reporting-button.gif) top left no-repeat;
    outline:0;
    display: block;
    text-indent: -9999px;
    }  

#submitReportNews {
    margin-bottom: 30px;
}
    
#submitReportNews #submitReport, #submitReportNews #submitNews {
    background: url(/images.new/submit-report-news-bg.png) top left no-repeat;
    float: left;
    height: 53px;
    text-indent: -9999px;
    width: 325px;
}  

#submitReportNews #submitNews {
    background-position: top right;
}
    
#locationControls 
{
    background-color: #e9f2f5;
    padding: 7px 13px;
    margin-top: 14px;
    font-size: 10px;    
    }
    
#locationControls div
{
    float: left;
    background-color: #90CDDD;
    padding:4px 7px 3px 7px;
    height: 11px;
    }

#locSearchInitial {
    background: url(/images/location-search-bg.jpg) top left no-repeat;
    height: 96px;
    margin-top: -7px;
    margin-bottom: 10px;
    padding: 21px 20px 0 112px;
    width: 169px;
}

#locSearchInitial p {
    color: #608697;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 10px 0;   
}

#locSearchInitial a.ChangeLocation, #locSearchSet a.ChangeLocation {
     background: url(/images/location-button.png) top left no-repeat;
     display: block;
     height: 32px;
     outline: 0;
     text-indent: -9999px;
     width: 168px;
}

#locSearchContainer {
    background: url(/images/location-search-bg2.jpg) top left no-repeat;
    padding-left: 123px;
    width: 447px;
}

#locSearchSet {
    background: #edf4f7;
    margin-bottom: 10px;
    padding: 25px 0 25px 0;
    width: 301px;
}

#locSearchSet a.ChangeLocation {
    margin-left: 40px;
}

#locSearchSet p.Intro {
    color: #608697;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 7px 30px;
}

#locSearchSet p.Location {
    background: url(/images/pin.png) top left no-repeat;
    color: #093949;
    font-family: Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#locSearchSet p.Location a.Remove:link, #locSearchSet p.Location a.Remove:visited {
    color: #59a3bb;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

a.Remove {
    display: block;
    background: url(/images/remove-location.png) top left no-repeat;
    width: 105px;
    height: 19px;
    margin: 5px 0 0 0;
    padding:0;
    text-indent: -9999px;
    text-decoration: none;
}

/*  COMMENTS  */
.comment
{
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8e7ec;
    }

.commentTitle strong { color: #0F2A36; }

    
/*  MISC BUTTONS & ICONS  */
a.button, a.location
{
    background: transparent url(/images/button-bg.gif) top left repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 3px 6px;
    display: block;
    }
    
a.button:hover, a.location:hover
{
    background-image: url(/images/button-bg-inactive.gif);
    cursor: pointer;
    text-decoration: none;
    }

a.button.short { width: 90px; }
a.button.medium { width: 140px; }
a.button.long { width: 190px; }
a.button.light { font-weight: normal; }

a.location
{
    width:80px;
    font-size: 10px;
    float: left;
    margin-right: 8px;
    padding-top:3px;
    }
a.location.arrow
{
    width: 120px;
    background: url(/images/button-bg-arrow.gif) top right no-repeat;
    }
    
a.location.arrow:hover { background-image: url(/images/button-bg-arrow-inactive.gif); }
    

.connection
{
    border-bottom: #d8e7ec 1px solid;
    margin-bottom: 20px;
    padding-bottom: 20px;
    }
    
.connection img
{
    vertical-align: middle;
    margin-right: 30px;
    }
    
.connection .conButton 
{
    border: 1px solid #418baf;
    color: #418baf;
    float: right;
    margin-left: 5px;
    margin-top: 24px;
    padding: 5px 10px;
    }
    
.followLink
{
    background: url(/images/follow-button.png) top left repeat-x;
    cursor: pointer;
    display: block;
    height: 30px;
    letter-spacing: 1px;
    margin-top: 13px;
    text-indent: -9999px;
    width: 76px;
    }

/*  CITIZEN JOURNALIST CHALLENGE  */
#cjcNav
{
    padding: 0;
    margin:0 0 20px 0;
    list-style: none;
    }
    
#cjcNav li
{
    float: left;
    margin-right: 20px;
    }

#cjcNav li a
{
    color: #418BAF;
    font-weight: bold;
    }
    
#cjcNav li.active a
{
    color: #000;
    }
        
/**** CMS ****/

.CmsAlphaLinks 
{
    margin-bottom: 20px;    
    }

.CmsTable 
{
    margin-bottom: 20px;    
    border-collapse: collapse;
    }
    
.CmsTable a 
{
    text-decoration: underline;   
    }
    
.CmsTable th
{
    text-align: left;
    }
    
.CmsTable td
{
    padding-right: 10px;
    }
    
.CmsTable .RowAlt
{
    background: #f4f4f4;
    }
        
.CmsNavControllers
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    }
    
.CmsNavActions
{
    font-weight: bold;
    margin-bottom: 20px;
    }
    
.CmsNavControllers a, .CmsNavActions a
{
    margin-right: 10px;
    }
  
.CmsNavControllers a:link, .CmsNavControllers a:visited, 
.CmsNavActions a:link, .CmsNavActions a:visited
{  
    color: rgb(65, 139, 175);
    }
       
.CmsNavControllers .Selected:link, .CmsNavControllers .Selected:visited, 
.CmsNavActions .Selected:link, .CmsNavActions .Selected:visited
{
    color: #000;
    }
    
.CmsSavedMsg
{
    color: #31a636;
    font-weight: bold;
    }
/**** CMS END ****/

/**** SPONSOR POSITIONS ****/    
.sponsor
{
    font-size: 12px;
    color: #49646D;
    width: 100%;
    line-height:1.4;
    padding-bottom:13px;
    padding-top:13px;
    border-bottom: 4px solid #edf4f7;
    }
.sponsor a.adimg
{
    float: left;
    width: 80px;
    }
    
.sponsor a { color: #49646D; }
.sponsor a, .sponsor a:hover  { text-decoration: none; }    
.sponsor .adtag { font-size: 10px; }
.sponsor a.adimg img { border: none; }
.sponsor p { margin: 0 0 0 95px; max-width: 450px; }
.sponsor.noimage p { margin: 0; max-width: 450px; }
.sponsor.sidebar { margin-bottom: 18px; border: none; }
.sponsor.media a.adimg { display: none; }
.sponsor.media p { margin: 0; }
.sponsor.media 
{
    color: #5f7b85;
    border: none;
    padding:0;
    margin: 10px 0 15px 10px;
    }
.sponsor.media a { color: #5f7b85; }    



/**** SPONSOR POSITIONS END ****/

p.file_link_note
{
    margin: 2px 0;
    }    

.noResultsMsg a { text-decoration: underline; }

/**** FEEDBACK FORM ****/

#FeedbackFormContainer { margin: 0 20px; }
/**** FEEDBACK FORM END ****/


/*  CLEARING  */
#contentContainer:after, 
#columnWrapper:after,
#headerControls:after, 
#siteHeaderName:after, 
#reportTop:after, 
#reportMain:after, 
#fieldset-buttons:after, 
#tellTheWorldBox:after, 
#locationControls:after,
#mediaContainer:after,
#categories:after, 
#subCategories:after,
#categoryMenu:after,
#cjcNav:after,
#footer:after,
#privateMenu:after,
.story:after, 
.formControls:after,
.profileNav:after,
.profileHeader:after, 
.storyMeta:after, 
.reportsHeader:after, 
.storyBadges:after,
.myReports:after,
.followersDetail:after,
.reporterDetails:after,
#mediaUploadStatus:after,
.sponsor:after,
.storyText div:after,
#submitReportNews:after,
#searchContainer form:after,
.connection:after,
#SearchForm #fieldset-simple:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }