/* Common CSS */ /* ELEMENT LEVEL STYLES */ body {background-color:#BFC1A7; font-family:verdana,tahoma,sans-serif; font-size:11px; margin:5px 0px;} table {font-family:verdana,tahoma,sans-serif; font-size:11px;} form {margin:0px; padding:0px;} a {color: #002873; text-decoration:none;} a:hover {color:#AD1A25; text-decoration:underline;} h3 {font-weight:bold; font-size:12px; color:#2D3C62; font-variant:small-caps; margin:0px; padding:0px; text-align:center;} /* a {color:#7A2727; text-decoration:none;} a:hover {color:#989676; text-decoration:underline;} */ /* Common/Template */ /* Template */ #masthead { margin: 5px 0; } .cbtable td {font-size:11px;font-family:arial, helvetica;} .mastertable {width:760px; padding:0px; border:1px solid #A2A487; background-color:#fff; clear: both; text-align: left; } #content {border-right: 1px solid #e5e5d7; padding: 5px; width: 444px; line-height: 12pt; } .colone {padding:5px 5px 0 0;} .coltwo {padding:5px 0 0 5px;} .stock-box {border: 1px solid #CCCCCC; padding: 10px;} #weather a, #weather td {font: 10px verdana,tahoma,sans-serif;} td.rss { padding: 0 9px 0 0; } /* Right Column */ #rightrail {width: 310px; background-color: #f8f8f1;} #stock-ticker { width: 298px; height: 450px; margin: 5px; border: 1px solid #ccc; overflow: hidden;} #usathing { margin: 0 0 0 5px;} #jobstream {margin-bottom: 5px;} #jobstream img {width: 130px;} /* Ads */ .leaderboard {border-bottom: 1px solid #A2A487;} /* #adstable {margin:8px 4px 4px 4px; padding:0px;} .ad300x250 {margin:4px 0px;} .ad160x600 {margin:4px 0px;}*/ /* Top Items */ #topitems {font-family: verdana, arial, helvetica, sans-serif; border: 1px solid #676C6C; background-color: #D1D3DB;} #topitems .head {padding: 3px;} #topitems .list {background-color: #989BA5; border: solid #676C6C; border-width: 1px;} #topitems .list-items {padding: 2px; background-color: #ffffff; border: solid #000000; border-width: 0px;} #topitems .list-item {border: solid #989BA5; border-width: 0 0 1px 0; background-color: #ffffff; padding: 4px 2px;} /* Sponsor Links */ #sponsorlinks {font-family: verdana, arial, helvetica, sans-serif; background-color: #ffffff; margin-left: auto; margin-right: auto;} #sponsorlinks .head {padding: 3px; padding-top: 5px;} #sponsorlinks .list-item {background-color: #ffffff; padding: 2px 2px; font-size: 10px; width: 33%;} #sponsorlinks TABLE {width: 100%;} #sponsorlinks TBODY TD {width: 235px; border: 0px;} /* Quick Click */ #quickclicks {border:1px solid #2D3C62; background:#e5ecef; padding:2px; margin-bottom:4px;} /* #quickclicks a {color:#2D3C62;} #quickclicks a:hover {color:#8D95AA;} */ /* Rotator */ .rotator {display:none;} .rotatorheadline {text-align:center; font-weight:bold; padding-bottom:2px;} .rotatorimg {margin:3px 2px;} .rotatortext {line-height:13px; padding-top:5px;} .rotatornavbar {padding:2px; background-color:#c4d1d7;} .rotator-navbar-link {padding:0px 3px; font-size:10px;} /* Worth A Click */ #worthclick {border:1px solid #2D3C62; margin:0px 8px 4px 0px; padding:3px; background-color:#ECF0F4; font-size:10px;} #worthclicksheading {padding:2px; margin:0px; background-color:#CBD2DA;} /* #worthclick a {color:#2D3C62;} #worthclick a:hover {color:#8D95AA;} */ #worthclick .click {margin-top:5px;} #worthclick .click div {margin:4px 0px; border-bottom:0px solid #2D3C62;} #worthclick .clickimg {width:66px; padding:5px 2px;} #worthclick .clickimg img {border:1px solid #000; float:right;} #worthclick .rowhover {background-color:#e1e6ec;} /* Footer CSS */ #footer {text-align:center; padding:3px; border-top: 1px solid #cccccc;} .copyright {margin-top:10px;} /* Story */ .topheadline {font-size:14px; font-weight:bold; padding-bottom:2px;} .headline {font-size:12px; font-weight:bold; padding-bottom:2px;} .subheadline {color:#999; font-size:12px; font-weight:bold; margin-bottom:5px;} .byline {font-size: 10px;} .updated {display:block; color:#920303; padding-bottom:5px;} .published {display:block; color:#666666; padding-bottom:2px;} .fullstory {text-align:left; font-size:9px; font-weight: bold;} /* Background Fills */ .bgcolor-lgtTan {background-color: #f8f8f1;} .bgcolor-drkTan {background-color: #E5E5D7;} /* Font-Color */ .white-9 {color: #fff; font: 9px Verdana,Arial,Helvetica !important;} .white-9-bold {color: #fff; font: bold 9px Verdana,Arial,Helvetica !important;} .white-9-italic {color: #fff; font: italic 9px Verdana,Arial,Helvetica !important;} .white-10 {color: #fff; font-size: 10px; font-family: verdana,tahoma,sans-serif !important;} .white-10-bold {color: #fff; font: bold 10px verdana,tahoma,sans-serif !important;} .white-10-italic {color: #fff; font: italic 10px Verdana,Arial,Helvetica !important;} .white-11 {color: #fff; font: 11px Verdana, Arial, Helvetica} .white-11-bold {color: #fff; font: bold 11px Verdana,Arial,Helvetic !important;} .white-11-italic {color: #fff; font: italic 11px Verdana,Arial,Helvetica !important;} .black-9 {color: #000; font: 9px Verdana,Arial,Helvetica !important;} .black-9-bold {color: #000; font: bold 9px Verdana,Arial,Helvetica !important;} .black-9-italic {color: #000; font: italic 9px Verdana,Arial,Helvetica !important;} .black-10 {color: #000; font: 10px verdana,tahoma,sans-serif !important;} .black-10-bold {color: #000; font: bold 10px verdana,tahoma,sans-serif !important;} .black-10-italic {color: #000; font: italic 10px Verdana,Arial,Helvetica !important;} .black-11 {color: #000; font: 11px Verdana,Arial,Helvetica !important;} .black-11-bold {color: #000; font: bold 11px Verdana,Arial,Helvetica !important;} .black-11-italic {color: #000; font: italic 11px Verdana,Arial,Helvetica !important;} .greyCCC-10 {color:#CCC; font: 10px Verdana,Arial,Helvetica !important;} .greyCCC-10-bold {color:#CCC; font: bold 10px Verdana,Arial,Helvetic !important;} .greyCCC-10-italic {color:#CCC; font: italic 10px Verdana,Arial,Helvetica !important;} .greyAAA-10 {color:#AAA; font: 10px Verdana,Arial,Helvetica !important;} .greyAAA-10-bold {color:#AAA; font: bold 10px Verdana,Arial,Helvetica !important;} .greyAAA-10-italic {color:#AAA; font: italic 10px Verdana,Arial,Helvetica !important;} .grey999-10 {color:#999; font: 10px Verdana,Arial,Helvetica !important;} .grey999-10-bold {color:#999; font: bold 10px Verdana,Arial,Helvetica !important;} .grey999-10-italic {color:#999; font: italic 10px Verdana,Arial,Helvetica !important;} .grey666-10 {color:#666; font: 10px Verdana,Arial,Helvetica !important; margin: 5px 0 7px 0;} .grey666-10-bold {color:#666; font: bold 10px Verdana,Arial,Helvetica !important;} .grey666-10-italic {color:#666; font: italic 10px Verdana,Arial,Helvetica !important;} .greyCCC-11 {color:#CCC; font: 10px Verdana,Arial,Helvetica !important;} .greyCCC-11-bold {color:#CCC; font: bold 10px Verdana,Arial,Helvetica !important;} .greyCCC-11-italic {color:#CCC; font: italic 10px Verdana,Arial,Helvetica !important;} .greyAAA-11 {color:#AAA; font: 11px Verdana,Arial,Helvetica !important;} .greyAAA-11-bold {color:#AAA; font: bold 11px Verdana,Arial,Helvetica !important;} .greyAAA-11-italic {color:#AAA; font: italic 11px Verdana,Arial,Helvetica !important;} .grey999-11 {color:#999; font: 11px Verdana,Arial,Helvetica !important;} .grey999-11-bold {color:#999; font: bold 11px Verdana,Arial,Helvetica !important;} .grey999-11-italic {color:#999; font: italic 11px Verdana,Arial,Helvetica !important;} .grey666-11 {color:#666; font: 11px Verdana,Arial,Helvetica !important;} .grey666-11-bold {color:#666; font: bold 11px Verdana,Arial,Helvetica !important;} .grey666-11-italic {color:#666; font: italic 11px Verdana,Arial,Helvetica !important;} .red-11 {color:#C00; font: 10px Verdana,Arial,Helvetica;} .red-11-bold {color:#C00; font: bold 10px Verdana,Arial,Helvetica !important;} .red-11-italic {color:#C00; font: italic 10px Verdana,Arial,Helvetica !important;} /* Misc */ .bold {font-weight:bold;} .right {text-align:right;} .center {text-align:center; margin:0px auto;} .line-ccc {border-bottom: 1px solid #cccccc;} .line-top-ccc {border-top: 1px solid #cccccc;} .line-bottom-ccc {border-bottom: 1px solid #cccccc;} .line-blk {border-bottom: 1px solid #000000;} .line-top-blk {border-top: 1px solid #000000;} .line-bottom-blk {border-bottom: 1px solid #000000;} .line {border-bottom:1px solid #A2A487; width:201px; margin:5px 2px;} .head {font-weight: bold;} .select {font-size:10px;} .frmbutton {font-family:Arial,Helvetica,sans-serif; font-size:8pt; font-weight:bold; color:#2B4C59;} /* Header CSS */ #membermenu {margin:0px; padding:0px; width:65%; font-family: Verdana,Arial,Helvetica !important;} #membermenu .member {font-size:10px; background-color:#000; font-weight:bold; text-align:right; color:#fff; padding-right:10px; font-family: Verdana,Arial,Helvetica !important;} #membermenu .member a {font-size:10px; color:#fff;} #customerservice ul {padding-left: 0px; margin-left: 35px; margin-bottom: 0px; margin-top: 0px; font-family: Verdana,Arial,Helvetica !important; font-size: 11px !important; } #customerservice ul li {list-style-image:url(http://www.heraldonline.com/images/nav_sub_arrow.gif); padding: 0px 0px 1px;} #customerservice .head {padding-bottom:2px; text-indent:10px;} /* Navigation */ .navrow {background-color:#5a1a25; border-bottom: 1px solid #000000;} .udm,.udm li,.udm ul{margin: 0px; padding: 0px;} #masternav {width: 760px; padding: 1px 0px 0px; margin: 0px;} #masternav ul li {list-style-type: none; display: block; float: left; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #000000; border-right: 1px solid #000000; text-align: center;} #masternav ul li a {line-height: 17px; display: block;} #masternav ul li a:hover {text-decoration: none; color: #fff; font-size: 11px; font-family: verdana,tahoma,sans-serif;} #relatedcontent .relatedcontentmenu,#dropmenudiv {position:absolute; margin-top:1px; border:1px solid #5a1a25; font-family:Verdana,tahoma,sans-serif; font-size:11px; z-index:100;} #relatedcontent .relatedcontentmenu a,#dropmenudiv a {display:block; background-color:#E5E5D7; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #666666; border-right: 1px solid #666666; color:#000000; padding:2px;} #relatedcontent .relatedcontentmenu a:hover,#dropmenudiv a:hover {background-color:#7F6969; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-top: 1px solid #666666; border-left: 1px solid #666666; color:#ffffff; text-decoration:none;} /* Search */ #searchbar {background-color:#E5E5D7; border-bottom:1px solid #ddd; font-family: Verdana,Arial,Helvetica !important;} #searchbar .date {text-align:center; color:#777; width: 240px; background-color:#f8f8f1; font-family: Verdana,Arial,Helvetica;} #searchbar .search {background-color:#E5E5D7;} #searchform { font-size:11px; color:#666; text-align:left; position:relative; top:0px; left:5px; margin: auto; } #searchform #search_box { background: url(http://www.heraldonline.com/images/hdr_search_bg.gif) no-repeat 60px 3px; height: 25px; width: 208px; margin: 0px; position: relative; z-index: 2} #searchform #search_box label { position: absolute; left: 2px; top: 6px;} #searchform #search_field { color:#cccccc; font-size:12px; width:100px; height:15px; border:0; margin:6px 15px 0 85px; outline-width: 0px;} #searchform #search_button { margin-top: -6px; position: absolute; top: 16px; right: 30px; } #search_now {font-family:arial; -moz-border-radius:10px; font-size:11px; width:215px; background-color:#fff; border:1px solid #ccc; position:absolute; top:-10px; left:50px; visibility:hidden; z-index: 1} #search_now #uber_options { background-color:#e6e7d5; margin:5px; padding:35px 10px 5px 10px;} #search_now #uber_options input { margin-top: 3px;} #search_now #uber_options em { margin-left: 4px;} #search_now a { height: 17px; width: 17px; background: url(http://www.sacbee.com/static/imgs/icon_close2.gif) no-repeat 0 0; position:absolute; top:5px; right:5px; z-index: 3;} #results-search #search-type {font-size: 10px;} #results-search #search-text {font-size: 10px; margin: 0px;} #results-search #search-button {font-size: 10px; width: 25px;} #section-nav {background-color: #fff} #section-nav .head {font-size: 14px; width: 60px; padding: 0px; border-right: 1px solid #000;} #section-nav .links {padding-left: 4px;} /* Front Page Layout */ /* Default Story Box */ #storybox {border: solid #cccccc; border-width: 0 0 1px 0; width: 100%; padding: 5px 0;} #storybox .photo {border:1px solid #BFC1A7; margin: 2px;} #storybox .photobox {margin-left: 5px; padding: 2px; background-color: #E5E5D7; border: 1px solid #BFC1A7; float: right;} /* Box Stories */ #boxstories {display: block; clear: both; margin-bottom: 7px;} #boxstories .boxstories-left {border: solid #cccccc; border-width: 0 1px 0 0; padding-right: 5px;} #boxstories .boxstories-right {padding-left: 5px;} #boxstories .topheadline {font-size: 12px;} /* Breaking News */ #breakingnews {border:1px solid #A2A487; margin-bottom:5px; background: url(http://www.heraldonline.com/images/breaking.jpg) no-repeat; background-color:#F8F8F1;} #breakingnews .breakingnewsbox {padding: 0 5px;} /* More News Navs */ #morenews {border-top:1px solid #a2a487; border-bottom:1px solid #a2a487; padding:4px 3px; margin:7px 8px;} #morenews a {font-size:10px;} /* Story Stacks */ #sectiontopstories { padding:5px; border:1px solid #A2A487; background-color:#F8F8F1; margin-bottom:5px; } #sectiontopstories .head {background-color:#D8D7C6;} #sectiontopstories .updated {font-size:9px; color:#797760; font-weight:normal; padding:0px; text-align:right;} #sectiontopstories ul {padding:0px; margin:5px 0px 0px 15px;} #sectiontopstories ul li {list-style-image:url(http://www.heraldonline.com/images/nav_sub_arrow.gif); padding-bottom:4px; margin:0px;} #sectiontopstories #morenews {background-color:#F1F1E7;} .more, .more a{text-align:right; text-decoration:none; font-weight:bold; padding-bottom:3px;} /* #featured_highlight {margin-bottom:4px;} #featured_highlight .heading {font-family: Verdana, arial, helvetica, Sans-serif; margin:0px; border-bottom: 1px solid #cccccc; font-weight: bold; color: #a30000; text-transform: uppercase;}*/ #community {border:1px solid #2D3C62; padding:3px; background-color:#E9EBF3; margin-bottom:4px;} #communityheading {padding:2px; margin:0px; background-color:#CCCFD8;} /* #community a {color:#2D3C62;} #community a:hover {color:#8D95AA;} */ #community ul {padding:0px; margin-left:15px; margin-bottom:0px;} #community ul li {list-style-image:url(http://www.heraldonline.com/images/nav_sub_arrow.gif); padding-bottom:8px; margin:0px;} /* Story Detail CSS */ #storydetail {} #storydetail .photo {border:1px solid #BFC1A7; margin: 2px;} #storydetail .photocaption {margin-top: 5px; padding-top: 5px; font-size: 10px; border: solid #000000; border-width: 1px 0 0 0;} #storydetail .photobox {padding: 2px; background-color: #E5E5D7; border: 1px solid #BFC1A7; width: 247px;} #storydetail .published {padding: 5px 0 8px;} #storytools {width: 250px; padding: 5px 0px 5px 8px; background-color: #ffffff; border: solid #cccccc; border-width: 0 0 0 1px; float: right; margin-left: 3px;} #storytools .head {border: solid #000000; border-width: 0 0 1px 0; margin-top: 15px;} #storytools ul {text-align:left; margin: 0 0 0 20px; padding: 0px;} #storytools ul li {list-style-image:url('http://www.heraldonline.com/images/icons/icon_related_content.jpg');} .shirttail {font-weight:bold; color:#999; padding-bottom:10px;} .topstoryassetbyline {font-size:9px; margin:4px; text-align:right;} #storydetail .topstoryasset {float:right; width:215px; padding:5px; margin:5px; border:1px solid #A2A487; background-color:#f2f1e6;} /* Related Content CSS */ #relatedcontent {clear: both;} #relatedcontent .relatedhead {font-weight: bold; padding-top: 3px;} #relatedcontent ul {margin-left: 25px; margin-top:0px; padding: 0px;} #relatedcontent ul li {list-style-image: url('http://www.heraldonline.com/images/icons/icon_related_content.jpg'); margin: 0px; padding: 0px;} #relatedcontent .relatedcontentmenu ul, #relatedcontent .relatedcontentmenu ul li {list-style: none; margin: 0px; padding: 0px;} #relatedcontent .photobox {float: none; padding: 0px; border: 0px solid #BFC1A7; width: 100%; margin: 0px;} #relatedcontent .photobox a {height: 60px;} #relatedcontent .photo {border:1px solid #BFC1A7; margin: 2px; width: 50px; height: 50px; float: right;} /* Multimedia */ #contentBlock {clear:both; margin-bottom: 10px;} #mmList {float: left;} #mmList.features {} #mmList.video {width: 250px;} #mmList.gallery {width: 250px;} #mmList.audio {width: 188px;} #mmList.podcast {width:188px;} #mmList.podcast p.head {margin-left: 15px;} #mmList.podcast #mmPodcast {width: 172px; margin: 0 0 10px 15px;} #mmList.podcast #mmPodcast .description {border: none;} #mmList.podcast #mmPodcast img {width: 136px; margin: 0; float: none;} #mmList.podcast #mmPodcast p.head {display: none;} #mmSectionList {background-color:#FFFFFF;} #mmSectionList #mmItem .thumb {width: 65px;} #mmSectionList #mmPodcast #mmItem {display:none} #mmSectionList #mmPodcast .body {height: 150px;} #mmPlayerList {background-color: #ffffff;} #mmPlayerList #mmItem .thumb {width: 50px;} #mmPlayerList #mmItem .details {display: none;} #mmPlayerList #mmItem .description {display: none;} #mmPlayerList #mmItem .footer {display: none;} #mmApPlayer .playerwrapper {background-color:#FFFFFF;} #mmApPlayer #playercontent2 {background-color:#e5e5d7; padding-top: 10px;} #mmItem {padding: 10px; clear: both;} #mmItem .thumb {margin: 8px 0px 5px 10px; width: 90px; float:right;} #mmItem .details {font-size: 10px; font-style:italic; padding-bottom: 3px; border-bottom: 1px solid #000;} #mmItem .published{display: inline; color:#000000} #mmItem .description {padding: 5px 0px;} #mmItem .footer {font-size:9px; clear:right; text-align:right} #mmItem.even { background-color: #E5E5D7;} #mmItem.odd {background-color: #FFFFFF;} #mmPodcast {background:url(http://www.heraldonline.com/images/backgrounds/podcast_border.png) 100% 0 repeat-y; font-size: 10px; margin-bottom:10px;} #mmPodcast .body {padding: 0px; background-color: #F8F9F1; margin-right: 18px;} #mmPodcast .bi {padding-left: 18px; background:url(http://www.heraldonline.com/images/backgrounds/podcast_border.png) 0 0 repeat-y;} #mmPodcast .bt {height:17px; margin-left: -18px; background:url(http://www.heraldonline.com/images/backgrounds/podcast_box.png) 100% 0 no-repeat;} #mmPodcast .bt div {width:18px; height:17px; background:url(http://www.heraldonline.com/images/backgrounds/podcast_box.png) 0 0 no-repeat;} #mmPodcast .bb {height:17px; margin-left: -18px; background:url(http://www.heraldonline.com/images/backgrounds/podcast_box.png) 100% 100% no-repeat; clear:both;} #mmPodcast .bb div { width:18px; height:17px; background:url(http://www.heraldonline.com/images/backgrounds/podcast_box.png) 0 100% no-repeat;} #mmPodcast .footer {font-size: 9px; text-align:right;} #mmPodcast p.head {font-size: 18px; margin: 0px 0px 10px; padding-top: 0px;} #mmPodcast p.description {border-top: 1px solid #BFC1A7; padding-top: 15px; margin-bottom: 0px; font-size:9px} #mmPodcast div.description {font-size:9px; padding: 5px 0px;} #mmPodcast img {margin-right: 25px; float: left; width: 150px;} #mmPodcast ul {padding:0px; margin:5px 0px 0px 18px;} #mmPodcast ul li {list-style-image:url(http://www.heraldonline.com/images/nav_sub_arrow.gif); padding-bottom:4px; margin:0px;} #mmPodcast #mmItem {padding: 8px 0px 0px; clear: both;} #mmPodcast #mmItem .head {font-size: 11px; padding-top: 8px; border-top: 1px solid #BFC1A7;} #mmPodcast #mmItem .details {font-size: 9px;} #mmPodcast #mmItem img {display: none;} #multimediacontainer { margin-bottom: 10px; /* width: 150px; */ } #multimediacontainer .asset { height: 15px; text-transform: uppercase; font-weight: bold; color:#ffffff; padding: 0 0 0 10px; background: url('http://www.heraldonline.com/images/multimedia_tab2.jpg') no-repeat;} #multimediacontainer .more {padding-top: 5px;} #multimediacontainer ul {margin: 0px; padding: 0px; padding: 5px; border: 1px solid #000000; font-size: 11px;} #multimediacontainer ul a {font-size: 9px; font-weight: normal;} #multimediacontainer ul li{margin-left: 20px; padding: 2px 0px 0px;} #multimediacontainer ul li img {float: left; margin-right: 4px; height: 25px; width: 25px;} #multimediacontainer ul li.first-item {list-style-type: none; margin: 0px 0px 3px; height: 29px; border-bottom: 1px solid #cccccc;} /*#mmFeatures {margin-bottom: 10px;} #mmFeatures div {width: 215px;} #mmFeatures div {width: 140px;} #mmFeatures div.caption {height: 50px; margin-top: 5px; background-color: #E5E5D7; text-align: left; font-size: 10px;}*/ /*#pcList {float: left; width:188px;} #pcList p.head {margin-left: 15px;} #pcList #mmPodcast {width: 172px; margin: 0 0 10px 15px;} #pcList #mmPodcast .description {border: none;} #pcList #mmPodcast img {width: 136px; margin: 0; float: none;} #pcList #mmPodcast p.head {display: none;}*/ /* Weather */ #weather {background-color: #ffffff;} #weather .head {border: solid #000000; border-width: 0 0 1px 0; padding-top: 10px;} #weather .wdata {font-size: 10px; padding: 1px; font-weight: normal;} #weather .wdata-heading {border: solid #cccccc; border-width: 0 0 1px 0; font-size: 10px;} /* promo boxes */ #cbtj-promo-box {width: 300px;} #cbtj-promo-box p {margin-bottom: 0px; margin-top: 10px;} #cbtj-promo-box .head {border-bottom: 10px solid #FF6600;} #cbtj-promo-box .head p {margin-bottom: -9px;} #cbtj-promo-box .head a {line-height: 17px; margin-left: 10px; padding: 3px 10px 3px; background-color: #FFFFCC; border: solid #aaa; border-width: 1px 1px 0px; font-weight: bold; position: relative; z-index: 100;} #cbtj-promo-box .content {background-color: #FFFFCC; border: solid #aaa; border-width: 0px 1px; padding: 1px 5px 5px;} /* promo boxes */ #promo-box {width: 300px;} #promo-box p {margin-bottom: 0px; margin-top: 10px;} #promo-box .head {border-bottom: 10px solid #5a1a25;} #promo-box .head p {margin-bottom: -9px;} #promo-box .head a {line-height: 17px; margin-left: 10px; padding: 3px 10px 3px; background-color: #E5E5D7; border: solid #aaa; border-width: 1px 1px 0px; font-weight: bold; position: relative; z-index: 100;} #promo-box .content {background-color: #E5E5D7; border: solid #aaa; border-width: 0px 1px 1px; padding: 5px;} #promo-box .photobox {float: right; margin-left: 3px; padding: 3px; background-color: #f8f8f1; border: 1px solid #000;} #promo-box .photobox img {border: 1px solid #000;} /* promo boxes */ #promo-top { width: 761px; height: 60px; margin: 0 auto 5px auto; clear: both;} .promo-box-top { width: 186px; font-size: 9px; float: left; margin: 0px; position: relative; padding-top: 2px;} .promo-box-top .head {background: url('http://www.heraldonline.com/images/backgrounds/promo_bg.jpg') bottom repeat-x; /*border-bottom: 1px solid #aaa;*/} .promo-box-top .head a {font-size: 9px; line-height: 15px; margin-left: 10px; padding: 3px 10px 3px; background-color: #E5E5D7; border: solid #aaa; border-width: 1px 1px 0px; font-weight: bold; position: relative; z-index: 100;} .promo-box-top .content {background-color: #E5E5D7; border: solid #aaa; border-width: 0px 1px 1px; padding: 2px 5px 0px; height: 40px;} .promo-box-top .photobox {float: right; margin-left: 3px; padding: 3px; background-color: #f8f8f1; border: 1px solid #000;} .promo-box-top .photobox img {border: 1px solid #000;} .promo-box-top p {margin-bottom: 0px;} .promo-spacer { width: 19px; height: 10px; float: left; } /* partner links */ #partners {padding:2px; border:1px solid #A2A487; background-color:#F8F8F1; margin-bottom:5px; height: 12px; margin: 0px 2px;} #partners ul {font-size: 10px; margin: 0px; padding: 0px; list-style-type: none;} #partners ul li {padding: 0px 6px; float: left;} /* Search */ .mi-search-page-nav {font-size: 10px;} .mi-search-page-num-current {font-weight: bold;} /* registration */ #loginBox {background-color: #f8f8f1;} #loginBox td {padding-left: 10px;} /* Member Center */ #memberedit input, #memberedit select { border: 1px solid #A2A487; background-color: white; font-family:verdana,tahoma,sans-serif; font-size:11px; padding: 3px; } /* For Digg, Delicious, and AIM links. */ div.storyTools { margin: 5px 0; } div.storyTools a#diggStoryLink, div.storyTools a#deliciousStoryLink, div.storyTools a#aimStoryLink { font-size:11px; } div.storyTools a#diggStoryLink:hover, div.storyTools a#deliciousStoryLink:hover, div.storyTools a#aimStoryLink:hover { text-decoration:underline; } div.storyTools a#diggStoryLink { background: url(/images/mi/icons/digg.gif) no-repeat 0; padding: 0 0 0 22px; height: 23px; } div.storyTools a#deliciousStoryLink { background: url(/images/mi/icons/delicious.gif) no-repeat 0; padding: 0 0 0 20px; height: 23px; } div.storyTools a#aimStoryLink { background: url(/images/mi/icons/aim.gif) no-repeat 7px; padding: 0 0 0 23px; height: 23px; } /* For Digg, Delicious, and AIM links. */ /* BEGIN: gallery styles */ #gallerylist td { border-bottom: solid 1px #CCCCCC; padding: 10px 0; } /* END: gallery styles */ /* BEGIN: AP Video styles */ #apPlayer { /* border: 1px solid red; */ /* width: 262px; */ } #apPlayer2 { /* border: 1px solid red; */ /* width: 262px; */ margin: 0 0 10px 0; } .playertab { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-color: #fff; /* padding: 5px; */ height: 15px; text-transform: uppercase; font-weight: bold; color:#ffffff; padding-left: 10px; background: url('http://www.heraldonline.com/images/multimedia_tab3.jpg') no-repeat; } .playerwrapper { border: 1px solid black; padding: 0 0 0 5px; } .playercontent { } /* END: AP Video Styles /* BEGIN: Movie section styles */ /* General Elements: Inherit as much as possible from site.css --------------------------------------------------------------------------- */ body { } a { } a:hover { } img {border:0;} li {list-style-type: none;} /* Main */ #main { width: 435px; margin:0px; margin-top: 10px; } hr { } /* Flag */ #flag { border-bottom: 4px solid #000; padding: 20px; padding-top:10px; margin: 0; color: #fff; background-color: #A33; } #flag a { color: #fff; } #flag a:hover { text-decoration: none; } #flag h1 { padding-left: 20px; } .clearBoth {clear:both} .clearLeft {clear:left} .clearRight {clear:right} /* End of Generic Elements related CSS --------------------------------------------------------------------------- */ /* Movies Search Bar --------------------------------------------------------------------------- */ #movies_bc_nav { border-bottom:6px double #ccc; margin: 5px 0 2px 0; padding-bottom: 17pt; } #brcr { float: left; font-size: 10px; } #page_date { float: right; font-size: 10px; } #nav_search_bar { padding-bottom: 25pt; width:435; } #nav { margin-left: 20px; margin-right: 0px; margin-top: 5px; font-size: 10px;} #nav_movie {padding-right:5px;} #nav_theater {border-left:solid 1px #ccc;padding-left:5px;} #search_box { margin-left: 20px; margin-right: 0px; margin-top: 5px; font-size: 10px; color: #888; } .button { border-width: 1px; border-style: solid; border-color: #C0C0C0; background-color: transparent; } .movie_search { width: 250px; } #movie_rsslink_title { float: center;width:100%;text-align:center;font-size:14pt;font-weight:bold; } /* End of Movies Search Bar related CSS --------------------------------------------------------------------------- */ /* Front --------------------------------------------------------------------------- */ #front {font-size:12px;} #front_featureMovie { } /*Container for the movie highlight - forces everything else below */ #front__newReleases_topTen { margin-top:20px; } /*Container for top 10 and new releases, keeps them even */ #front__startingSoon_theaterList { margin-top:20px;display:none;} /*Container for startign soon and theater list, keeps them even and/or hidden */ /* Feature movie: Under front page */ #feature_movie { min-height: 200px; } #feature_movie_title {margin-bottom:5px;border-bottom:solid 1px #ccc;font-weight:bold; font-size:14px;} #feature_movie_image {float:left; margin-right:10px;margin-bottom:10px;} #feature_movie_name {border:0px; margin:0px; padding:2px;} #feature_movie_running_time {} #feature_movie_synopsis {} #feature_movie_more {} #feature_movie_showtimes {} #feature_movie_rating {} /* Top Ten: Under front page */ #top_ten {width:210px; margin:1px; padding-top:10px;} #top_ten_title {margin-bottom:5px;border-bottom:solid 1px #ccc;font-weight:bold; font-size:14px;} #top_ten_movies {margin-left:5px;} #top_ten_movie {margin-bottom:15px;} #top_ten_movie_name {} #top_ten_movie_gross {display:none;} #top_ten_movie_screens {display:none;} #top_ten_movie_weeksreleased {display:none;} /* New Releases (current movies): Under front page */ #new_releases {width:210px; margin:1px; padding-top:10px;} #new_releases_title {margin-bottom:5px;border-bottom:solid 1px #ccc;font-weight:bold; font-size:14px;} #new_releases_movies ul { margin: 0; } #new_releases_movie {margin-bottom:15px;} #new_releases_movie_name {} #new_releases_movie_release_date {} /* Starting Soon (future movies): Under front page */ #starting_soon {width:210px;display:none; margin:1px; padding-top:10px;} #starting_soon_title {margin-bottom:5px;border-bottom:solid 1px #ccc;font-weight:bold; font-size:14px;} #starting_soon_movies {margin-left:5px;} #starting_soon_movie {margin-bottom:15px;} #starting_soon_movie_name {} #starting_soon_movie_release_date {} #starting_soon_theater {display:none;} #starting_soon_address {display:none;} #starting_soon_showtimes {display:none;} /* Theater List: Under front page */ #theater_list {width:210px;display:none; margin:1px; padding-top:10px;} #theater_list_title {margin-bottom:5px;border-bottom:solid 1px #ccc;} #theater_list_movies {} #theater_list_movie {margin-bottom:15px;} #theater_list_movie__name {} #theater_list_movie_showtimes {} #theater_list_movie_phone {} #theater_list_movie_address {} #theater_list_movie_city_state_zip {} /* End of Front related CSS --------------------------------------------------------------------------- */ /* Movie Index --------------------------------------------------------------------------- */ #movie_index {} #movie_index_genrePick {text-align:right;width:100%;} #genreSelect{} #genreSelectOption {} #movieListing {} #movie_index_list {} #movie_index_movie {margin-top:5px;margin-bottom:15px; width:100%;} #movie_index_movie_name {text-transform:uppercase;font-weight:bold; font-size:14px;border-bottom:1px #ccc solid;} #movie_index_movie_rate {color:#ccc;} #movie_index_movie_thumb {float:left;margin:5px;} #movie_index_movie_detailesc {} /* End of Movie Index related CSS --------------------------------------------------------------------------- */ /* Theater Index --------------------------------------------------------------------------- */ #theater_index {} #theater_index_map {text-align:center;margin-bottom:10px;border-bottom:solid 1px #ccc;} #theater_index_list { padding-top:5px; padding-bottom:15px; } #theater_index_list_theater {padding-top:5px; padding-bottom:15px;} #theater_index_list_name {font-size:12px;} #theater_index_list_address {} #theater_in_map {float:left;} /* Theater Google Map Large: Under theater index */ #theatermap_large {} #theatermap_image_large { margin-bottom:5px; text-align:center; } #theatermap_directions_large { font-size:10px;font-color:#333; } /* New Releases Listing */ #new_releases_movies ul {margin: 5px 0px; padding: 0;} /* End of Theater Index related CSS --------------------------------------------------------------------------- */ /* Movie Details --------------------------------------------------------------------------- */ #movie_detail { border-top: 1px solid #cccccc;} #movie_detail_title { text-align:center;margin-bottom:10px;} #movie_detail_name {border-width:0px;text-transform:none;font-size: 15pt; } #movie_detail_genre {color:#aaa;} #movie_detail_trailer { text-align:center;margin-bottom:5px;} #movie_detail_synopsis { margin: 10px 5px;} #movie_detail_image {float:left;margin-right:5px;margin-bottom:5px;} #movie_detail_text {font-size:12px;margin-bottom:10px;color:#000;} #movie_detail_details { color:#888;font-size:10px;margin-bottom:10px; clear: both;} #movie_detail_showtimes {} #movie_detail_url {} #movie_detail_cast {} #movie_detail_producers {} #movie_detail_directors {} #movie_detail_writers {} #movie_detail_running_time {} #movie_detail_release_date {} #movie_detail_showings{width:90%;} #movie_detail_theaters{background-color:#eee; font-size:10px; padding:10px; padding-bottom:45px;color:#333;border-right:solid #fff 1px; } #movie_detail_theaters ul{margin: 5px 0px; padding:0;} #movie_detail_theater {} #movie_detail_name {} #movie_detail_address {} #movie_detail_showtimes {} #movie_detail_days {width:100px;background-color:#eee;padding:10px;padding-bottom:45px;} /* Showdates: Under movie details */ #movie_detail_showdates { border:solid 0px;margin:0px;padding:0px; font-size:10px; } #movie_detail_showdates ul { margin: 5px 0px; padding: 0; } #movie_detail_showdates li { font-size: 10px;font-weight: bold; padding: 2px; margin-left: 0px; } #movie_detail_showdates_title { border:solid 0px;margin:0px;padding:0px; font-size:10px;color:#333;} /* End of Movie Details related CSS --------------------------------------------------------------------------- */ /* Theater Details --------------------------------------------------------------------------- */ #theater_detail {} #theater_detail_data {float:right;width:210px;padding-left:5px;padding-top:5px} /* Padding not margin here to push away from the left border */ #theater_detail_theater {margin:5px;} #theater_detail_theater_title{font-weight:bold;text-transform:uppercase;} #theater_detail_theater_name {} #theater_detail_theater_address {} #theater_detail_theater_citystate {} #theater_detail_theater_phone {} #theater_detail_map { margin:5px;} #theater_detail_tickets {display:none;margin:5px;} #theater_detail_showtimes {float:left;width:210px;padding-top:5px;font-size:11px;} #theater_detail_showtimes_title {font-weight:bold;text-transform:uppercase;margin-bottom:5px;} #theater_detail_showtimes_movies {} #theater_detail_showtimes_movie {border-bottom:solid #ccc 1px;font-size:11px;} #theater_detail_showtimes_details {border-bottom:solid #ccc 1px;padding:10px;font-size:11px;} #theater_detail_showtimes_name {font-size:11px;} #theater_detail_showtimes_info {font-size:11px;} #theater_detail_showtimes_sound {font-size:11px;} #theater_detail_showtimes_shows {width:150px;border-bottom:solid #ccc 1px;padding:10px;font-size:11px;} /* Theater Google Map: Under theater detail */ #theatermap {} #theatermap_image { margin-bottom:5px;text-align:center;} /* End of Theater Details related CSS --------------------------------------------------------------------------- */ /* Search Page Results --------------------------------------------------------------------------- */ #search {} #search_pagenav {border-bottom:solid 1px #ccc; margin-top:15px;} #search_pagenav_page_count{margin-right:205px;padding-top:0px;} #search_pagenav_search_nav{float:right;width:200px;text-align:right;margin:0px;} #search_pagenav_search_nav li {display:inline;} #search_pagenav_prev_link {} #search_pagenav_current_page {} #search_pagenav_next_link {} #search_guided {float:right;width:250px;border-left:solid 1px #ccc;} #search_guidednav table { margin:5px; margin-top:2px;} #search_guidednav table tbody tr td strong a {text-transform:uppercase; display:block;width:100%;} #search_guidednav table tbody tr td p small { font-size:11px;} #search_guidedtitle {font-weight:bold;text-transform:uppercase; border-bottom:solid 1px #ccc; margin-bottom:5px;margin-left:3px;} #search_movieresults {padding-top:10px;margin-right:255px;} #search_result {margin-bottom:10px} #search_moviename {font-weight:bold;} #search_movieshowing {padding-left:10px;} /* End of Search Page Results related CSS --------------------------------------------------------------------------- */ /* END: Movie section styles */ /* BEGIN Ronnie's comment voodoo */ form#commentform { display: inline; } div.commentlink { display: inline; } div.commentlink img { padding: 0 4px 0 0; } /* END: Comment voodoo */ input { border: 1px solid #666; padding: 0; margin: 0; } .formfield { width: 150px; display: block; float: left; } #personal div { margin: 10px 0;} /* weather widget styles, added 04/24/2008 */ .miWcurrentDay { float: left; width: 43%; font-size: 9px; text-align: center; } .miWdata { float: left; width: 42%; } .miWname { } .miWcurrent { font-weight: bold; } .miWlinks { float: left; width: 100%; text-align: center; } .miWicon { } .miWday { font-size: 9px; text-align: center; float: left; width: 18.5%; } .miWdayName { width: 100%; float: left; }