@charset "UTF-8";
/* CSS Document */

/* 
	77 Square News CSS
	Author: Dan Roose droose@madison.com
	Last Update: 06/30/2009
*/

/* skin.css Overrides */
body {
	background: #000000 url(../images/body-bg.jpg) no-repeat scroll center top;
	color: #474747;
	font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a { color: #3b5459; }
a:hover { color: #5E838A; text-decoration: none; }
h2, #blox-center-piece h3 { color: #3b5459; }

/* Default Global Block Styles */
.MadisonBlock .Header, .MadisonHTMLAsset .Header, .ui-tabs-nav {background: #8CA8AF;}
.MadisonBlock h2, .MadisonBlock h2 a {color: #FFF; background:#2F4347;}

/* reset_960.css Overrides */
#blox-container { padding: 0px; background: url(../images/right-rail-bg.gif) repeat-y -9px 0px; margin-top: 10px; }
#blox-left-col { margin-right: 0px; padding-top: 10px; }
#blox-right-col { float: right; padding: 10px; width: 306px; }
#blox-html-container { background: url(../images/homepage-lines-bg.jpg) no-repeat center bottom; }
.blox-leaderboard-container { padding: 10px 0px 0px 0px; background: url(../images/bg-repeat-y-grey.jpg) repeat-y center; }
	.container_12 {padding: 0 10px;}
#blox-leaderboard-bottom { display: none;}
#blox-wrapper { background: #FFF url(../images/logo-bg.jpg?) no-repeat 0px -2px; padding-right: 0px; width: 970px; }

/* ### HEADER ### */
#blox-header { padding-top: 2px; }
#blox-logo { padding-left: 60px; width:467px; display: none;}
#blox-logo h1 { padding: 0px; }
#blox-logo h1 a { height: 82px; width: 233px; }
#blox-logo-77square p#blox-user-nav { color: #CCC; padding: 0px; }
#blox-logo-77square p#blox-user-nav a { color: #FFF; text-transform: uppercase; font-size: 12px; font-weight: normal; }
#blox-logo-77square p#blox-user-nav a:hover { color: #3b5459; }

/* jCarousel Base */
.jcarousel-next-horizontal { right: 10px; background: url('../images/carousel_next.gif'); }
.jcarousel-prev-horizontal { right: 30px; background: url('../images/carousel_prev.gif'); }
.jcarousel-next-vertical {background-color: #2f4347;}
.jcarousel-next-vertical:hover {background-color: #151819;}
.jcarousel-next-disabled-vertical:hover {background-color: #2f4347;}
.jcarousel-prev-vertical {background-color: #2f4347;}
.jcarousel-prev-vertical:hover {background-color: #151819;}
.jcarousel-prev-disabled-vertical:hover {background-color: #2f4347;}
.jcarousel-container-vertical {border: 3px solid #8CA8AF;}


/* search */
#blox-search-form-container { float: right; display: none; }
.blox-search-form .search-bar { width: 300px; height: 20px; padding: 5px 3px 0px 5px; background: url(../images/77-search-input.gif); margin: 10px; float: left;}
.blox-search-form .search-bar:focus { background: url(../images/77-search-input-focus.gif); margin: 10px;}
#square-input-container p.submit-search { float: left; }
.submit-search a { background: url('../images/search-submit.jpg') 0px 0px; width: 24px; height: 26px; margin-top: 10px; }
.submit-search a:hover { background: url('../images/search-submit.jpg') 0px -52px; }
.submit-search a:active { background: url('../images/search-submit.jpg') 0px -26px; }

/* 77 Special Search */
#blox-search-form-container-77square { width: 363px; float: right; margin: 32px 0px 0px 0px;}
#blox-header-77square { padding-top: 2px; }
#blox-header .header-top { display: none; }
#blox-header-77square.header-top { display: block; }
#blox-logo-77square { text-align: left; height: 105px; width: 597px; }
#blox-logo-77square h1 { float: left; width: 80px; height: 95px; padding-bottom: 0px; margin-right: 10px; }
#blox-logo-77square h1 a { background: none; width: 80px; line-height: 90px; display: block; }
#blox-search-form-container-77square .ui-tabs-nav { background: none; height: 25px; }
#tab-site.tab-block { margin: 0px; padding: 0px; background: none; border: none; }
#tab-dining.tab-block { margin: 0px; padding: 0px; background: none; border: none; }
#tab-movies.tab-block { margin: 0px; padding: 0px; background: none; border: none; }
#tab-cal.tab-block { margin: 0px; padding: 0px; background: none; border: none; }

#square-search-container { width: 363px; height: 70px; }
#square-search-container ul { float: right; position: relative;}
#square-search-container ul li { float: left; height: 22px; margin-right: 1px; }
#square-search-container ul li a { background: #575757; color: #FFF; line-height: 24px; font-size: 11px; padding: 4px 10px; text-transform: uppercase; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;}
#square-search-container .ui-state-hover a, #square-search-container .ui-tabs-selected a, #square-search-container .ui-tabs-active a { color: #383838; background: url(../images/77square-search-tab-bg-over.jpg); -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;}
#square-input-container { height: 46px; width: 363px; background: url(../images/77square-input-container-bg.jpg); clear: right; }

/* MAIN NAV STYLES */
/* Global Nav */
#TownNewsGlobalNav { background: url(../images/global-nav-bg.jpg) repeat-x;}
#TownNewsGlobalNav .Container { width: 980px; margin: auto;}

/* parent ul items */
#blox-main-nav { height: 55px; margin: 13px 0px 0px 0px; }
/* parent li items */
#blox-main-nav li, #blox-classifieds-nav li, #blox-body-nav li { text-transform: uppercase; }
#blox-main-nav li a, #blox-classifieds-nav li a { line-height: 33px; padding: 0px; color: #adbecc; }
#blox-main-nav li a, #blox-classifieds-nav li a, #blox-body-nav li a { padding: 0px; }
#blox-main-nav li a span, #blox-body-nav li a span { padding: 0px 37px; }
#blox-main-nav li.selected-nav a, #blox-main-nav li.selected-nav a:hover { background: url(../images/77-nav-selected-hover.jpg) repeat-x 0px 0px; color: #1A2A37;  }
#blox-main-nav li.selected-nav a span:hover { background: url(../images/77-nav-selected-hover.jpg) repeat-x 0px -33px; color: #1A2A37; padding: 0px 37px; }
#blox-main-nav li.selected-nav a span { background: url(../images/nav-selected.jpg) repeat-x 0px -12px; }
#blox-main-nav li a:hover, #blox-classifieds-nav li a:hover { color: #FFF; }
/* child li items */
#blox-main-nav li.selected-nav ul { padding-top: 0px; }
#blox-main-nav li.selected-nav ul li a { color: #FFF; }
#blox-main-nav li.selected-nav ul li a:hover { border: none; }
#blox-main-nav li.selected-nav ul li strong {color: #CCC;}

/* footer styles */
#blox-copyright-container { background: url(../images/bg-footer-black.jpg) repeat-y center; width: 975px; padding: 0px 10px 0px 10px; margin: auto; } 
#blox-copyright-container p {padding: 8px 0px;} 
#blox-footer, .square-footer { padding: 0px; background: #1A1A1A; width: 980px; padding-bottom: 0px; margin: auto; text-align: left; }
#blox-footer .inner-footer, .square-footer .inner-footer { padding: 20px 0px 20px 20px; border-top: 1px solid #000; }
#square-site-index .inner-footer { border-bottom: 1px solid #565d5f; }
#square-site-index ul.bull-list li a { color: #FFF; font-size: 10px; line-height: 12px; }
#square-site-index ul.bull-list li a:hover { color: #CCC; }
#blox-footer-container { background: #1a1a1a; width: 980px; margin: auto; border-top: none; }
#blox-footer h3, .square-footer h3 { color: #8ea9b0; font-size: 10px; text-transform: uppercase; }
#blox-footer h3 a, .square-footer h3 a {color: #8ea9b0; text-decoration: none;}
#blox-footer .bull-list, .square-footer .bull-list { padding: 0px; margin: 0px; }
#blox-footer .bull-list li, .square-footer .bull-list li { margin: 0px; list-style: none; line-height: 11px; }
#blox-footer-container ul.bull-list li a { color: #606060; font-size: 10px; line-height: 12px; }
#blox-footer ul.bull-list li a:hover, .square-footer ul.bull-list li a:hover {color: #5e838a; text-decoration: none; }
#blox-footer .grid_3, .square-footer .grid_3 { width: auto; margin: 0px 8px 0px 8px; }
#blox-footer .omega, .square-footer .omega { float: right; margin: 0px; }
#blox-ent-logo {margin-top: 90px; }
#blox-ent-logo a { background: url(../images/77-footer-logo.jpg) top; height: 88px; width: 238px; }
#blox-ent-logo a:hover {background-position: bottom;}
#blox-footer div.omega ul.bull-list li#blox-ent-logo a, .square-footer div.omega ul.bull-list li#blox-ent-logo a {margin: 0px;}
#footer-my-yahoo a { background: none;  }
.square-footer {background: #434b4d;}

#square-toggle { float: left; margin-left: 10px; }
#square-toggle a { padding-left: 20px; background-image: url('../images/77-footer-arrow.jpg'); background-position: 0 -36px; background-repeat: no-repeat; color: white; height: 18px; line-height: 18px; display: block; }
#square-toggle a:hover { background-position: 0 -18px; }
#square-site-index { width: 100%; }


/* UI TABS */
.ui-tabs-nav { height:36px; background: #8ca8af; }
.blox-tabs li { margin: 7px 1px 0px 0px; }
.blox-tabs li a { padding: 4px 10px; background: #151819; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #FFF; border: none;}
.blox-tabs li a:hover {background: #2f4347;}
.blox-tabs li.ui-tabs-selected a { background:#2f4347; color:#FFF; }
.tab-block { border: 3px solid #8ca8af; background: #FFF; }

/* Calendar Widget */
.calendar-widget-nav { background: none; }
#blox-calendar-widget .ui-tabs-selected { background: none; padding-bottom: 6px; }

/* FRONT PAGE STYLES */
#blox-center-piece img { width: 150px; }

/* top image & cutline */
#blox-story-media .photo-cutline { background: #ded8d8;  }
#gallery-cutline { display: block; margin-bottom: 10px; }

/* Story Page Styles */
#blox-story-text a {color: #3594AC; font-weight: bold;}
#blox-story-text a:hover {color: #3ebad9;}

/* Headers */
.most-popular-header { display: none; }

/* Centerpiece Block */
.MadisonCenterpiece {background: none;}
.MadisonCenterpiece .jcarousel-clip-horizontal {width: 310px;}
.MadisonCenterpiece .Photo { border: 1px solid #eee; width: 285px; }
.MadisonCenterpiece .Headline {font-weight: normal; }
.MadisonCenterpiece a.Headline:hover {color: #5E838A;}
.MadisonCenterpiece .Byline {display: none;}
.MadisonCenterpiece .Subhead {color: #666;}
.MadisonCenterpiece .Abstract {color: #000;}
.MadisonCenterpiece .Navigation a.Button { color: #fff; text-align: center;}
.MadisonCenterpiece .Navigation a.Button:hover, .MadisonCenterpiece .Navigation a.selected { color: #333; }
.MadisonCenterpiece .RelatedItems a .child-type { color: #696969; }
.MadisonCenterpiece .Comment {background: url('../images/comment_icon.gif') center left no-repeat;}
.MadisonCenterpiece .jcarousel-list li, .MadisonCenterpiece .jcarousel-item {width:310px;}

/* Madison Carousel */
.MadisonCarousel .Headline {color: #3b5459;}
.MadisonCarousel a.Headline:hover {color: #5E838A;}
.MadisonCarousel .Abstract {display:block; color: #000;}
.MadisonCarousel .jcarousel-container {border: 3px solid #8ca8af}

/* Madison Video Carousel 300 Width */
.MadisonCarousel300 .MadisonCarousel .Asset {width: 300px;}
.MadisonCarousel300 .MadisonCarousel .Asset .Photo {width: 298px;}
.MadisonCarousel300 .MadisonCarousel .jcarousel-container {border: 3px solid #8CA8AF}
.MadisonCarousel300 .MadisonCarousel .Asset .Headline {background: #FFF}

/* Madison Accordion */
.MadisonAccordion .Header {background: none;}
.MadisonAccordion { border: none; }
.MadisonAccordion h3.ui-accordion-header { height: 23px; margin-bottom: padding: 1px; background: #e1e8ea url(../images/77-accordion-arrow.jpg) no-repeat right top; padding: 8px 0 0 10px; }
.MadisonAccordion .Section { color: #5a7d84;}
.MadisonAccordion .Headline {color: #3b5459;}
.MadisonAccordion a.Headline:hover {color: #5E838A;}
.MadisonAccordion .Header { color: #212f32; font-weight: normal; }
.MadisonAccordion h3.ui-state-focus { background-position: 588px -60px; }
.MadisonAccordion h3.ui-state-default { background-position: 588px 0px; }
.MadisonAccordion h3.ui-state-hover { background-position: 588px -30px; }


/* Image Carousel */
.image-carousel { padding: 0px; }
.image-carousel .jcarousel-list li, .image-carousel .jcarousel-item { width: 133px; height: 84px; margin-right: 1px; }
.image-carousel .jcarousel-next-horizontal, .image-carousel .jcarousel-prev-horizontal { top: 0px; width: 45px; height: 85px; }
.image-carousel .jcarousel-next-horizontal { right: 0px; background: url(../images/transparent-image-carousel-next.png);  }
.image-carousel .jcarousel-prev-horizontal { left: 0px; background: url(../images/transparent-image-carousel-prev.png);  }
.image-carousel .jcarousel-next-horizontal:hover, .image-carousel .jcarousel-prev-horizontal:hover { background-position: 0 -170px; }
.image-carousel .jcarousel-next-horizontal:active, .image-carousel .jcarousel-prev-horizontal:active { background-position: 0 -255px; }
.image-carousel .jcarousel-next-disabled-horizontal, .image-carousel .jcarousel-next-disabled-horizontal:hover,
.image-carousel .jcarousel-prev-disabled-horizontal, .image-carousel .jcarousel-prev-disabled-horizontal:hover { background-position: 0 -340px; }
.image-carousel .jcarousel-clip-horizontal { width: 580px; left: 20px; }
.image-carousel ul li .Photo { width: 133px; }
.image-carousel ul li .Headline { display: none; }
.image-carousel .MadisonCarousel .jcarousel-container {border: none;}
.image-carousel .MadisonCarousel {background: none;}
.image-carousel .MadisonCarousel .Asset {padding:0px;}
.image-carousel .MadisonCarousel .Photo {padding:0px; border: none; margin: 0px;}

/* Madison Centerpeice */
.MadisonCenterpiece .Asset .Photo { margin: 0px 10px 10px 0px; padding: 10px; background: #e1e8ea;}
.MadisonCenterpiece .Asset .Headline { color: #3b5459; font-size: 18px;}
.MadisonCenterpiece .Asset .Abstract { margin-top: 20px; }
.MadisonCenterpiece .Asset .story-more { text-align: right;}
.MadisonCenterpiece .Asset .Byline { color: #5a7d84; font-size: 12px; }

/* MADISON-CENTERPIECE-OVERLAIN */
.MadisonArticleOverlain .Overlay {background: #8ca8af;}
.MadisonArticleOverlain .Navigation a {background-color: #8ca8af;}

/* Article Page */
#blox-body-nav { background: #8ca8af; }
#blox-body-nav li a {background: #2f4347; color: #FFF;}
#blox-body-nav li a.selected, #blox-body-nav li a.selected:hover, #blox-body-nav li a:hover {color: #FFF; background: #151819;} 

/* Article Page Font Size box */
#story-font-size dd, #story-font-size dt { color: #FFF; }
#story-font-size dd a {background: #6c1111 url('../images/font-toggle.gif') no-repeat;}

/* FEEDBACK FORM */
#madison-open-feedback-label { width: 980px; margin: auto; background: #678b95; border-top: 1px solid #141414; }
#madison-open-feedback-label a { color: #FFF; display: block; }
#madison-open-feedback-label a:hover { color: #FFF; text-decoration: none; }

#feedback-form-container { width: 100%; background: #141414; border-bottom: 1px solid #000; font-size: 12px; font-weight: normal;}
#feedback-form-block { width: 980px; margin: auto; background: #678b95; border-top: 1px solid #141414; }
#feedback-form-block form fieldset { padding: 10px; width: 555px; margin: auto; }
#feedback-form-block form fieldset label, #feedback-label, #line-break { color: #FFF; display: block; text-align: left;}
#feedback-form-block form fieldset input:focus { background: #e1e8ea; }
#feedback-form-block form fieldset textarea#comment { width: 367px; float: left; }
#feedback-form-block form fieldset ul { margin: 0px 0px 10px 0px; padding: 0px; float: left;}
#feedback-form-block form fieldset ul li { list-style: none; float: left; margin: 10px 10px 0px 0px; }
#feedback-form-block form fieldset ul li label { display: block; text-align: left;}
#feedback-form-block form fieldset ul li input, #feedback-form-block form fieldset select { width: 175px; }
#feedback-country-container { width: 185px; float: left;}
#feedback-remember-container { width: 150px; float: left; margin-top: 20px; }
#remember-input { float: left; }
#remember-label { float: left; }
#feedback-country {}
#feedback-text {clear: both; text-align: left; color: #FFF; padding-top: 10px; }
#feedback-submit-button, a#feedback-submit { display: block; float: right; margin: 3px 0px 0px 0px; }
#feedback-submit-button:hover {}
#feedback-label { float: left; margin: 3px 10px 0px 0px; }
#fields {width: 421px; float: left;}
#line-break {border-bottom: 1px solid #94acb2; text-align: left; clear: left; padding-top: 10px; }

/* Madison Featured w/ Bullets Block */
.MadisonFeaturedWithBullets .Navigation .Item { background: #151819;}
.MadisonFeaturedWithBullets .Navigation .Item a {color: #FFF;}
.MadisonFeaturedWithBullets .Navigation .Item a:hover {background: #2f4347; color: #FFF;}


/* Madison Weather Slim */
.MadisonWeather {padding: 10px; border: 3px solid #8CA8AF;}

/* Madison Tabs */
.MadisonTabs .Tabs li a { background: #151819; color: #FFF;}
.MadisonTabs .Tabs li.ui-tabs-selected a { background: #2F4347; }
.MadisonTabs .ui-tabs-nav {background: #8CA8AF;}
.MadisonTabs a.more {background: #151819; color: #FFF;}
.MadisonTabs a.more:hover {background: #2f4347;}


/* Madison Border */
.Bordered .MadisonBlock .Content {border-color: #8CA8AF; background: #FFF;}

/* madison-index-list */
.MadisonIndexList a.MoreButton {background: #151819; color: #FFF;}
.MadisonIndexList a.MoreButton:hover {background: #2f4347;}