/* NewsLens stylesheet */ /*    for testing:
border: 1px dotted #F60
*/
* {
    margin: 0;
    padding: 0;
}

body {
    font: 9pt/ 12pt Arial, Helvetica, Verdana;
    color: #000;
    background: #FFF;
}

img {
    border: 0;
}

img.dropped {
    margin-bottom: -3px;
    margin-right: 5px;
}

a {
    color: #F60;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0;
}

.message {
    font: 9pt/ 12pt Arial, Helvetica, Verdana;
    font-weight: bold;
    color: #F00;
    background: #FF0;
    padding: 5px;
    margin: 10px 0;
}

.small {
    font: 7pt/ 10pt Verdana, Arial, Helvetica;
    margin-bottom: 10px;
}

.medium {
    font: 9pt/ 12pt Verdana, Arial, Helvetica;
    margin-bottom: 10px;
}

.errorMesg {
    font: 9pt/ 12pt Arial, Helvetica, Verdana;
    font-weight: bold;
    color: #F00;
    margin-left: 20px;
}

.successMesg {
    font: 9pt/ 12pt Arial, Helvetica, Verdana;
    font-weight: bold;
    color: #0000FF;
}

.boldText {
    font-weight: bold;
}

.imageOver {
    
}

.imageOver:hover {
    cursor: pointer
}

.captionLink {
    text-decoration: none;
    cursor: default;
}

.captionLink:hover {
    text-decoration: none;
}

.float {
    float: left;
}

.clear {
    clear: both;
}

.selectedRecommend {
    border:1px solid #999;
    padding:2px;
    cursor:default;
}

/* PAGE LAYOUT */ /* LOADING */
#loading_detail {
    background: #FFF;
    font: 9pt/ 12pt Arial, Helvetica, Verdana;
    color: #666;
    text-align: center;
    padding: 20px;
    margin: 10px 0;
    z-index: 8000;
}

#loading_detail p {
    margin-top: 10px;
}

.loading_news {
    background: #FFF;
    font: 9pt/ 12pt Arial, Helvetica, Verdana;
    color: #666;
    text-align: center;
    padding: 20px;
    margin: 10px 0;
    z-index: 8000;
}

.loading_news p {
    margin-top: 10px;
}

/* HEADER height was 93px */
#Header {
    min-width: 975px;
    height: 80px;
    padding: 0 15px;
    background: #333 url(../img/header_bg.gif) top left repeat-x;
    overflow: hidden;
}

/*.Logo { height:50px;width:650px;}
.personalNav { width:315px;height:50px;vertical-align:middle;font:8pt/12pt Arial,Helvetica,Verdana;font-weight:bold;color:#FFF;}
    .personalNav ul { list-style:none;}
    .personalNav ul li { display:inline;margin-right:1.2em;}
.personalNav input { font:8pt/12pt Arial,Helvetica,Verdana;height:14pt;color:#666;}*/
.Logo {
    height: 58px;
    width: 650px;
}

.personalNav {
    width: 315px;
    height: 50px;
    vertical-align: middle;
    font: 8pt/ 12pt Arial, Helvetica, Verdana;
    font-weight: bold;
    color: #FFF;
}

.personalNav ul {
    list-style: none;
}

.personalNav ul li {
    display: inline;
    margin-right: 1.2em;
}

.personalNav input {
    font: 8pt/ 12pt Arial, Helvetica, Verdana;
    height: 14pt;
    color: #666;
}

.TabsContainer {
    height: 40px;
    color: #000;
    font: 8pt/ 16pt Arial, Helvetica, Verdana;
    font-weight: bold;
}

.leftTabs {
    float: left;
    vertical-align: bottom;
}

.newRightTabs {
    float: right;
    margin-right: 10px;
    vertical-align: bottom;
}

.newRightTabs li {
    display: inline;
    height: 22px;
    padding: 3px 10px;
    margin-right: 2px;
    background: #FFF;
    overflow: hidden;
}

.rightTabs {
    float: right;
    margin-right: 10px;
    vertical-align: bottom;
}

.leftTabs a {
    color: #999;
}

.leftTabs span {
    color: #999;
    text-decoration: underline;
}

.leftTabs span:hover {
    cursor: pointer;
}

.rightTabs a {
    color: #333;
}

.leftTabs ul,.rightTabs ul {
    list-style: none;
}

.leftTabs li,.rightTabs li {
    display: inline;
    height: 22px;
    padding: 3px 10px;
    margin-right: 2px;
    background: #FFF;
    overflow: hidden;
    border: 1px solid #999;
}

.leftTabs ul li.active {
    background-color: #EEE;
    border: 1px solid #EEE;
}

.activeTab {
    background-color: #CCC;
}

#SwitchStyleGrey,#SwitchStyleColor {
    display: none;
}

#loadingBox {
    position: absolute;
    background: #fff;
    border: solid #333;
    opacity: .5;
    filter: alpha(opacity=50);
}

#greyBackground {
    position: absolute;
    background: #fff;
    border: solid #333;
    opacity: .5;
    filter: alpha(opacity=50);
}

.loadingSpan {
    margin-left: 400px;
    margin-top: 180px;
    width: 300px;
    height: 100px;
    font: 18pt/ 20pt Georgia, Times, serif;
}

/* MAIN CONTENT: columns and blocks */
#Container {
    /*float: left;*/
    padding: 5px 15px 30px;
    float /**/: none;
}

/* for all browsers that understand min-width */
.Container {
    position: relative;
    width: 100%;
    min-width: 975px;
    float /**/: none;
}

.Holder {
    display: block;
    color: #000;
}

/* method 2 a bodge for IE browsers IE5.01, IE5.5 and IE6 */
* html .Container {
    border-right: 955px solid #fff;
}

* html .Holder {
    float: left;
    position: relative;
    margin-right: -955px;
}

/* adding */ /* InfoBar: section nav between tabs and content blocks */
#InfoBar {
    margin: 2px 20px 10px 0;
    font: 8pt/ 16pt Arial, Helvetica, Verdana;
    color: #666;
    width: 100%;
    min-width: 975px;
}

#InfoBar1 {
    position: relative
}

#InfoBar2 {
    overflow: hidden;
    margin-top: -1px;
}

#InfoBar div {
    height: 2.1em;
    /*background: #FFF;*/
    border: 1px solid #CCC;
}

ul.navbar {
    list-style: none;
    height: 2.1em;
}

ul.navbar li {
    display: inline;
    padding: 5px 10px;
    margin-left: -3px;
    border-right: 1px solid #CCC;
}

#InfoBar a {
    color: #666;
}

#InfoBar ul li.active {
    background: #CCC;
}

#InfoBar2 table {
    margin: 2px 0;
    width: 99%;
    font-size: 9pt;
    color: #333;
}

li.Switcher {
    padding-right: 40px;
}

/* dropdown menu: Add Content Blocks */
#NewAddContent {
    list-style: none;
    z-index: 8000;
    left: 15px;
    margin-top: 1px;
    width: 120px;
    /*background: #fff;*/
}

#AddContent {
    list-style: none;
    z-index: 8000;
    position: absolute;
    left: 15px;
    margin-top: 1px;
    width: 150px;
    background: #EEE;
    border: 1px solid #333;
}

#navDiv {
    height: 205px;
}

#first_img {
    /*background: #fff;*/
    margin-right: 10px;
}

#first_img :hover {
    cursor: pointer;
}

ul.dropdown li {
    display: block;
    padding: 0px 5px;
    margin-left: 0;
    border: 1px solid #fff;
}

ul.dropdown a {
    color: #333;
    font: 8pt/ 12pt Arial, Helvetica, Verdana;
}

li.catHover {
    
}

li.catHover:hover {
    border: 1px dashed red;
    cursor: move;
}

ul.dropdown li.rule {
    height: 2px;
    border-bottom: 1px solid #999;
}

ul.dropdown a.close {
    margin-left: 100px;
}

/* column styles */
.column {
    position: relative;
    float: left;
    width: 310px;
    margin-right: 10px;
}

.newColumn {
    width: auto;
    position: relative;
    float: left;
    /*border: 1px solid red;*/
}

.menuColumn {
    position: relative;
    float: left;
    margin-right: 0;
    /*height: 1000px;*/
}

#first {
    width: 310px;
    margin-right: 9px;
    /*height: 600px;*/
}

#second {
    width: 310px;
    margin-right: 9px;
    /*height: 600px;*/
}

#third {
    width: 310px;
    margin-right: 9px;
    /*height: 600px;*/
}

#fourth {
    position: relative;
    display: block;
}

.block {
    width: 310px;
    margin-bottom: 5px;
    position: relative;
    float: left;
    margin-right: 9px;
    font: 9pt/ 12pt Arial, Helvetica, Verdana;
}

.blockHed {
    display: block;
    padding: 4px 10px 2px;
    height: 1.25em;
    overflow: hidden;
}

.blockBody,.blockBodyHeds {
    padding: 5px 10px;
}

/* block hed formatting */
div.blockHed:hover {
    cursor: move;
}

.blockRollover {
    display: none;
    float: right;
}

.blockRollover a {
    margin: 0 5px;
    font: 8pt/ 10pt Arial, Helvetica, Verdana;
    color: #EEE;
    cursor: pointer;
}

.blockHed a {
    color: #FFF;
}

.blockHed a.feed {
    margin-left: 10px;
}

/* block formatting styles */
ul.headlines {
    clear: both;
    list-style: none;
}

ul.headlines li {
    margin-left: 10px;
    text-indent: -10px;
    margin-bottom: 0.3em;
}

.headlines li.active {
    background: #EEE;
    border-top: 1px solid #333;
    margin: 0 -10px 2px;
    text-indent: 0;
    padding: 2px 10px 0;
}

.headlines li a {
    color: #333;
}

/* block formatting styles */
ul.headlines {
    clear: both;
    list-style: none;
}

ul.headlines li {
    margin-left: 10px;
    text-indent: -10px;
    margin-bottom: 0.3em;
}

.headlines li.active {
    background: #EEE;
    border-top: 1px solid #333;
    margin: 0 -10px 2px;
    text-indent: -10px;
    padding: 2px 10px 0 20px;
}

.headlines li a {
    color: #333;
}

.headlines li img {
    margin-right: 3px;
}

.headlines li.active a {
    font-weight: bold;
}

a.viewMore {
    color: #F60;
    font: 8pt/ 12pt Arial, Helvetica, Verdana;
}

.headlines .story {
    background: #EEE;
    border-bottom: 1px solid #333;
    margin: 0 -10px 0 -20px;
    padding: 0 10px 0 20px;
    text-indent: 0;
}

.headlines .story .dateline {
    color: #999;
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
}

.headlines .story .lede {
    
}

.headlines .story .tags {
    color: #999;
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
    padding-top: 3px;
}

.story .storyToolbar {
    background: #FFD;
    border-top: 1px dotted #666;
    margin: 0 -10px 0 -20px;
    padding: 0 10px 0 -22px;
}

#theStory .storyToolbar {
    background: #FFD;
    border-bottom: 1px dotted #666;
    margin: 0 -15px;
    padding: 0 10px 0 -22px;
}

.storyToolbar ul.tools {
    list-style: none;
    padding: 3px 0 2px 12px;
    height: 20px;
    overflow: hidden;
}

.storyToolbar ul.tools li {
    display: inline;
    margin-left: 10px;
}

#theStory .storyToolbar ul.tools li {
    display: inline;
    margin-left: 20px;
}

/* .storyToolbar ul.tools li.rule { border-right:1px dotted #666;margin:-2px -5px -2px 5px;} */
.storyToolbar img {
    margin-bottom: -3px;
}

ul.tools li span {
    color: #666;
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
}

ul.tools li span.rating {
    font: 11pt/ 14pt Arial, Helvetica, Verdana;
    font-weight: bold;
}

/* block pagination formatting */
.blockNav {
    position: relative;
    text-align: center;
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
    color: #999;
    padding: 0 5px;
}

.blockNav .left {
    margin-right: 30px;
}

.blockNav .center {
    text-align: center;
}

.blockNav .right {
    margin-left: 30px;
}

/* search block */
.searchForm input {
    background: #FFF;
    font: 9pt/ 12pt Arial, Helvetica, Verdana;
    color: #000;
}

form input.button {
    background: #CCC;
    color: #000;
    padding: 0 5px;
    border-color: #333;
}

/* map block */
.mapBody {
    padding: 0;
    width: 310px;
    height: 250px;
}

/* weather block */
table.weatherForecast {
    width: 288px;
}

.weatherForecast td {
    vertical-align: top;
    text-align: center;
}

.weatherForecast .day {
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
    text-transform: uppercase;
}

.weatherForecast .hi {
    font-weight: bold;
}

.weatherForecast .lo {
    font: 10pt/ 14pt Arial, Helvetica, Verdana;
}

/* edit block content (formatting) */
.blockEdit {
    padding: 5px 15px 10px;
    background: #FFD;
    border-bottom: 1px dotted #999;
}

.blockEdit ul.subcats {
    list-style: none;
    margin-top: 5px;
}

.blockEdit ul.subcats li {
    float: left;
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
    margin-right: 15px;
}

/* story page formatting */
#StoryColumn {
    width: 500px;
    margin-right: 15px;
}

h2 {
    font: 12pt/ 12pt Helvetica, Arial, Verdana;
    padding-bottom: 0.2em;
}

/* .blockBodyHeds ul.headlines { margin-left:10px;} */
#theStory {
    padding: 0 15px 15px;
    background-color: #FFF;
    border: 1px solid #999;
}

#theStory h1 {
    font: 18pt/ 20pt Georgia, Times, serif;
    margin: 0.5em 0;
}

#theStory .dateline {
    color: #999;
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
}

#theStory .lede {
    margin-top: 7pt;
}

#theStory .tags {
    color: #999;
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
    margin-top: 1.0em;
}

/* story-related stuff */
#RelatedTabs {
    margin-top: 2.0em;
    font: 8pt/ 12pt Arial, Helvetica, Verdana;
    font-weight: bold;
    border-bottom: 1px solid #999;
    padding-bottom: 2px;
}

#RelatedTabs ul {
    list-style: none;
}

#RelatedTabs a {
    color: #999;
}

#RelatedTabs li,.leftTabs li.rightTabs {
    display: inline;
    height: 22px;
    padding: 3px 10px;
    margin-right: 2px;
    background: #FFF;
    overflow: hidden;
    border: 1px solid #999;
}

#RelatedTabs ul li.active {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
}

#RelatedTabs ul li.active a {
    color: #000;
}

.RelatedTabs {
    margin-top:2.0em;
    font:8pt/12pt Arial,Helvetica,Verdana;
    font-weight:bold;
    border-bottom:1px solid #999;
    padding-bottom:2px;
}

.RelatedTabs ul {
    list-style:none;
}

.RelatedTabs a {
    color:#999;
}

.RelatedTabs li, .leftTabs li.rightTabs {
    display:inline;
    height:22px;
    padding:3px 3px;
    margin-right:2px;
    background:#FFF;
    overflow:hidden;
    border:1px solid #999;
}

.RelatedTabs ul li.active {
    background-color:#FFF;
    border-bottom:1px solid #FFF;
}

.RelatedTabs ul li.active a {
    color:#000;
}

.RelatedContent {
    background:#FFF;
    border-top:0;
    margin-bottom:5px;
    padding:10px;
}

#RelatedContent {
    background: #FFF;
    border: 1px solid #999;
    border-top: 0;
    margin-bottom: 30px;
    padding: 10px;
}

#RelatedPhotos img,#RelatedVideos img {
    padding: 10px;
}

/* related map block */
.RelatedMap {
    padding: 0;
    width: 477px;
    height: 250px;
}

#LocRelatedContent {
    background: #FFF;
    border: 1px solid red;
    width: 280px;
    border-top: 0;
    margin-bottom: 30px;
    padding: 10px;
    float: right;;
    position: relative;
}

#SavedLocations a:hover {
    color: #F60;
    text-decoration: none;
}

#SearchedLocations a:hover {
    color: #F60;
    text-decoration: none;
}

ul.comments {
    list-style: none;
}

ul.comments li {
    margin-left: 20px;
    text-indent: -20px;
    margin-bottom: 0.5em;
    color: #999;
}

ul.comments li img {
    margin-right: 3px;
}

ul.comments .comment {
    text-indent: 0;
    color: #000;
    margin-top: 0.3em;
}

#addComment {
    padding: 5px 20px 20px;
}

/* ads */
.ad {
    /*margin: 15px 5px;*/
    text-align: center;
}

/* FOOTER */
#Footer {
    clear: both;
    min-width: 975px;
    padding: 15px 15px;
    font: 8pt/ 8pt Arial, Helvetica, Verdana;
    color: #999;
    background: #FFF url(../img/footer_bg.gif) top left repeat-x;
}

#FooterLinks {
    float: left;
}

#FooterLinks A {
    color: #999;
}

#FooterLinks ul {
    list-style: none;
}

#FooterLinks ul li {
    display: inline;
    margin-right: 1.0em;
}

#byOrange {
    float: right;
}

#suggestSourceBox {
    position:absolute;
    background:#FFF;
    border:solid #333;
    padding:5px;
    left:10%;
    top:550px;
    border-width:1px 3px 3px 1px;
}

/* popup div styles */
.popupBox {
    position: absolute;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    top: 100px;
    padding: 20px;
    background: #FFF;
    border: solid #333;
    border-width: 1px 3px 3px 1px;
}

h2 {
    border-bottom: 1px dotted #999;
}

.popupBoxClose {
    float: right;
    font: 7pt/ 10pt Verdana, Arial, Helvetica;
    margin-bottom: 10px;
}

.smsPopup {
    width: 250px;
    left: 20%;
    top: 150px;
    margin-left: 15%;
    position: absolute;
    z-index: 6000;
    background: #fff;
    border: solid #333;
    border-width: 1px 3px 3px 1px;
    padding: 20px;
}

.emailPopup {
    position: absolute;
    z-index: 8000;
    width: 280px;
    left: 20%;
    margin-left: 15%;
    top: 150px;
    padding: 20px;
    background: #FFF;
    border: solid #333;
    border-width: 1px 3px 3px 1px;
}

.commentPopup {
    position: absolute;
    z-index: 8000;
    width: 275px;
    left: 20%;
    margin-left: 15%;
    top: 150px;
    padding: 20px;
    background: #fff;
    border: solid #333;
    border-width: 1px 3px 3px 1px;
}

/* change location div styles */
.popupLoc {
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -175px;
    top: 150px;
    padding: 20px;
    background: #FFF;
    border: solid #333;
    border-width: 1px 3px 3px 1px;
}

h2 {
    border-bottom: 1px dotted #999;
}

.popupBoxClose {
    float: right;
    font: 7pt/ 10pt Verdana, Arial, Helvetica;
    margin-bottom: 10px;
}

.popupLocMap {
    position: absolute;
    width: 750px;
    left: 50%;
    margin-left: -450px;
    top: 150px;
    padding: 20px;
    background: #FFF;
    border: solid #333;
    border-width: 1px 3px 3px 1px;
}

/* footer-linked text pages */
.textContainer {
    width: 500px;
    margin: 25px 0 20px 200px;
}

#theText {
    padding: 0 15px 15px;
    background-color: #FFF;
    border: 1px solid #999;
}

#theText h1 {
    font: 18pt/ 20pt Georgia, Times, serif;
    margin: 0.5em 0;
}

#theText .dateline {
    color: #999;
    font: 8pt/ 14pt Arial, Helvetica, Verdana;
}

#theText p,#theText h2 {
    margin-top: 7pt;
}

.formTable td {
    vertical-align: top;
    padding: 5px;
    font: 10pt/ 14pt Arial, Helvetica, Verdana;
}

a.action {
    color: #F60;
}

.userNewsTable td {
    vertical-align: top;
    padding: 2px;
    font: 10pt/ 14pt Arial, Helvetica, Verdana;
}

a.action {
    color: #F60;
}

/* easy clearing */
#Container :after {
    /* [oopsie] isn't valid here content: [oopsie]; /* removed single quote coz it breaks display in FF */
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#Container {
    display: inline-block;
}

/*\*/
#Container {
    display: block;
}

.processingMesg {
    margin-left: 20px;
}

/* zipcode autocomplete */
div.auto_comp {
    position: absolute;
    width: 350px;
    z-index: 30000;
    background: #ffb;
}

div.auto_comp ul {
    background: #ffb;
    position: absolute;
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    z-index: 30000;
}

div.auto_comp ul li {
    margin: 0;
    padding: 3px;
    color: blue;
}

div.auto_comp ul li.selected {
    background-color: #ccc;
}

div.auto_comp ul strong.highlight {
    color: #800;
    margin: 0;
    padding: 0;
}

/* end zipcode autocomplete */
#InfoBar3 {
    overflow: hidden;
    position: absolute;
    z-index: 100
}

#changeLocation {
    border: 1px solid #85878a;
    background: #85878a;
    width: 300px;
    height: 80px;
    margin-bottom: 5px;
}

.emptyPlaceMarker {
    border-right: red thin dashed;
    border-top: red thin dashed;
    border-left: red thin dashed;
    border-bottom: red thin dashed;
    background-color: Transparent;
}

.adClass {
    padding: 0;
    margin: 0;
    text-align: center;
}

div.markerTooltip, div.markerDetail {
    color: black;
    font-weight: bold;
    background-color: white;
    white-space: nowrap;
    margin: 0;
    padding: 2px 4px;
    border: 1px solid black;
}