/**
 * 
 * @note		This file holds core styles for layout and overall site design.
 * @author		mraichelson
 * 
 */
@import url(navigation.css);
@media screen,projection {
	/**
	 * @section Default Values
	 */
	html {
		margin:0;
		padding:0;
		overflow:-moz-scrollbars-vertical; /** @note always show vertical scrollbar in firefox */
		overflow-x: auto;
	}
	body {
		margin:0;
		padding:0;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		background-color:#fff;
	}
		form { margin:0; padding:0; }
		h1,h2,h3,h4 { font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; color:#136aa8; }
		div.content h1 { font-size:24px; }
		h2 { font-size:24px; }
		h3.subtitle {
			color:#000;
			font-family:Arial,Helvetica,sans-serif;
			margin-top:-1em;
		}
		h5,h6 { font-weight:normal; font-size:12px; margin-bottom:8px; }
		div.img { width:100%; overflow:hidden; }
		span.timestamp { color:#c00; font-size:11px; }
		span.datestamp { color:#666; font-size:11px; }
		a:link,a:visited { text-decoration:none; color:#136aa8; }
		a:focus,a:hover,a:active { text-decoration:underline; }
		a img { border-style:none; outline: none;}
		:focus { -moz-outline-style: none;}
		abbr,acronym { text-decoration:none; border-style:none; }
		a:focus abbr, a:hover abbr, a:active abbr,
		a:focus acronym, a:hover acronym, a:active acronym {
			text-decoration:underline;
		}
	/**
	 * @notes replace horizontal rules with a styled DIV with background-image applied
	 * requires jQuery and some code in charlotte.js
	 */
	div.hr {
		height:26px;
		background-image:url(bg-hr.gif);
		background-repeat:repeat-x;
		background-position:bottom left;
		margin-bottom:8px;
		overflow:hidden;
	}
	div.hr_lite {
		height:26px;
		background-image:url(bg-hr-lite.gif);
		background-repeat:repeat-x;
		background-position:bottom left;
		margin-bottom:8px;
		overflow:hidden;
		clear:both;
	}
		div.hr hr { display:none; }
	/**
	 * @notes article author byline
	 */
	div.byline {
		color:#666;
		font-size:11px;
		margin-bottom:8px;
	}
	div.storybyline {
		color:#666;
		font-size:12px;
		margin-bottom:8px;
	}
	/**
	 * @workaround	adjust default top margins on items in firefox
	 */
	* { margin-top:0; }
	/**
	 * @section baseline settings for form elements
	 */
	textarea { overflow:auto; }
	form { padding:0; margin:0; }
	input { vertical-align:middle; }
	/**
	 * @section reusable classes for applying floats
	 */
	.f-left { float:left; line-height:1em; display:inline; margin-right:8px; }
	.f-right { float:right; line-height:1em; display:inline; margin-left:8px; }
	/**
	 * @section Advertising Unit Styles
	 */
	div.ads { padding:0; margin:0; line-height:0; text-align:center; }
		div.grid-ads { text-align:center; }
		div#leaderboard {
			padding:10px;
			border-bottom:1px solid #98afcb;
			background-image:url(bg-leaderboard.gif);
			background-repeat:repeat-x;
			background-color:#F9FAFB;
			line-height:0;
		}
			div#leaderboard div.ads { padding:0; margin:0; }
			div#leaderboard div.ads div { padding:0; margin:0; }
			div#leaderboard div.ads img { vertical-align:middle; }
			div#leaderboard div.ads div.f-right { padding-right:45px; padding-top:15px; }
	/**
	 * @section	Page Header
	 */
	div#header {
		height:227px;
		position:relative;
		margin-bottom:20px;
		overflow:visible;
		z-index:2;
	}
		body.sports div#header { height:261px; }
		body.printedition div#header { height:194px; }
		/**
		 * @section Main Navigation
		 * @notes positions the main navigation at the top of the page.
		 * styles for the navigation itself are controlled in navigation.css
		 */
		div#main-nav {
			position:absolute;
			width:998px;
			margin-left:-4px;
			height:70px;
			top:124px;
			background-image:url(bg-mainnav.gif);
			background-repeat:no-repeat;
			z-index:5;
		}
		body.printedition div#main-nav { height:37px; }
		/**
		 * @section Header Branding
		 * @notes holds the logo and section title in place in the page header.
		 */
		div#branding {
			position:absolute;
			left:0;
			top:50px;
			width:650px;
			z-index:1;
		}
			div#branding img { vertical-align:middle; }
			div#branding h1 {
				font-size:26px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				line-height:26px;
			}
			div#branding h1 a { color:#000; margin-right:11px; }
			div#branding h1 a:hover { text-decoration:none; }
		/**
		 * @section Header Date
		 * @notes holds the current date and the optional "last updated" text at the top of the page.
		 */
		div#headerdate {
			position:absolute;
			left:0;
			top:195px;
			height:34px;
			line-height:34px;
			color:#000;
			z-index:1;
			width:300px;
		}
			body.sports div#headerdate { top:229px; }
			body.printedition div#headerdate { top:161px; }
				div#headerdate span {
					color:#666;
					margin-left:1em;
					padding-left:1em;
					border-left:1px solid #666;
				}
		/**
		 * @section User Tools bar in page header
		 * @notes also includes styles for the reader services dropdown
		 */
		div#usertools {
			z-index:7;
			position:absolute;
			left:0;
			top:15px;
			width:670px;
			height:36px;
			font-size:12px;
			line-height:28px;
		}
			div#usertools img {
				vertical-align:middle;
				margin-right:6px;
			}
			div#usertools ul {
				padding:0;
				margin:0;
			}
			div#usertools ul li {
				list-style-type:none;
				float:left;
				display:inline;
				height:36px;
				padding:0 3px;
				position:relative;
			}
			div#usertools ul li.user { padding-left:0; }
			div#usertools ul li a,
			div#usertools ul li span {
				padding-right:6px;
				border-right:1px solid #ccc;
			}
			div#usertools ul li a.mbr
			{
				padding-right:0px;
				border:none;
			}
			div#usertools ul li.last a {
				padding-right:0;
				border-right-style:none;
			}
			div#usertools ul li div.readerservices-menu {
				color:#136aa8;
				cursor:pointer;
			}
			div#usertools ul li.active div.readerservices-menu {
				border:1px solid #98afcb !important;
				border-bottom-style:none !important;
				margin-left:-7px;
				margin-top:-6px;
				padding-top:5px;
				margin-right:-1px;
				padding-left:6px;
				background-color:#fff;
				height:40px;
			}
			div#usertools ul li div.readerservices-menu a {
				padding-right:24px;
				background-image:url(readerservices-arrow.gif);
				background-repeat:no-repeat;
				background-position:100% 50%;
			}
			div#usertools ul li.active div.readerservices-menu a {
				border-color:#fff;
				background-image:url(readerservices-arrow-open.gif);
			}
			div#usertools div.readerservices-dropdown {
				display:none;
				position:absolute;
				left:-4px;
				top:100%;
				width:225px;
				background-color:#fff;
				border:1px solid #98afcb;
				border-top-style:none;
				z-index:15;
				padding-top:5px;
				line-height:22px;
			}
			div#usertools li.active div.readerservices-dropdown { display:block; padding-top:10px; }
			div#usertools div.readerservices-dropdown ul {
				padding:0 12px 10px;
				clear:both;
				display:block;
			}
			div#usertools div.readerservices-dropdown ul li {
				display:block !important;
				height:auto;
				padding:0 !important;
				float:none;
			}
			div#usertools div.readerservices-dropdown ul li a {
				padding-right:0;
				border-style:none;
			}
		/**
		 * @section Header Search
		 * @notes styles for the header search field and the associated dropdown.
		 */
		div#headersearch {
			position:absolute;
			left:0;
			top:200px;
			width:100%;
			z-index:2;
			text-align:right;
			font-size:12px;
		}
			body.sports div#headersearch { top:233px; }
			body.printedition div#headersearch { top:166px; }
			div#headersearch div.searchmain { font-size:10px; line-height:1; }
			div#headersearch span.yahoo { color:#f00; }
			div#headersearch input { vertical-align:middle; }
			div#headersearch div.searchmain input#q {
				background-image:url(search-magnifying-glass.gif);
				background-position:2px 50%;
				background-repeat:no-repeat;
				padding:2px 2px 2px 25px;
				border:1px solid #999;
				margin-left:10px;
				width:197px;
			}
			div#headersearch div.searchmain input#searchButton {}
			div#headersearch div.searchmain div.controller {
				width:25px;
				height:20px;
				float:right;
				display:inline;
				padding-top:2px;
			}
			div#headersearch div.searchmain div.controller span { display:none; }
			div#headersearch div.searchdropdown {
				position:absolute;
				border:1px solid #98AFCB;
				border-top-style:none;
				background-color:#ECF1F4;
				width:296px;
				padding:4px 10px;
				right:0;
				top:26px;
				text-align:left;
				display:none;
			}
			div#headersearch div.searchdropdown label { padding-right:0.5em; }
		/**
		 * @section Weather and Traffic Tabs
		 * @notes styles for the tabbed weather/traffic area in the page header.
		 */
		div#weathertraffic {
			width:317px;
			height:101px;
			position:absolute;
			right:0;
			top:27px;
			overflow:hidden;
			z-index:3;
			background-repeat:no-repeat;
		}
			div.show-weather { background-image:url(weathertraffic-weather.gif); }
			div.show-traffic { background-image:url(weathertraffic-traffic.gif); }
			div#weathertraffic ul.tabs {
				margin-left:9px;
				border-style:none;
			}
			div#weathertraffic ul.tabs li {
				float:left;
				margin-right:1px;
				display:inline;
				width:79px;
				height:23px;
				line-height:20px;
				padding:0 5px;
				text-align:center;
				background-color:transparent;
				background-image:none;
				border-style:none;
				font-weight:normal;
			}
			div#weathertraffic ul.tabs li.ui-tabs-selected a { color:#136aa8; }
			div#weathertraffic ul.tabs li a { color:#000; text-decoration:none; text-transform:none; }
			div#weathertraffic div.tab-content {
				clear:both;
				margin-left:9px;
				padding:5px;
				height:65px;
			}
			
			div#tab-traffic, div#tab-weather {
				padding-top:13px !important;
				font-size:12px;
				line-height:1.5em;
			}
				div#tab-traffic ul, div#tab-weather ul {
					padding:0;
					margin:0;
				}
				div#tab-traffic ul li, div#tab-weather ul li {
					display:block;
					float:none;
					color:#999;
				}
				div#tab-traffic div.types, div#tab-weather div.types {
					width:90px;
					float:left;
					display:inline;
				}
					div#tab-traffic div.types ul li, div#tab-weather div.types ul li {
						padding-left:12px;
						background-image:url(bullet-blue.gif);
						background-position:3px 50%;
						background-repeat:no-repeat;
					}
				div#tab-traffic div.locations, div#tab-weather div.locations{
					width:185px;
					float:right;
				}
	/**
	 * @section Social Widget
	 * @notes used for the RSS/Share/Print links at the top of the right rail
	 */
	div#socialwidget {
		font-size:11px;
		border-bottom:2px solid #ccc;
		margin-bottom:8px;
	}
		div#socialwidget ul {
			padding:0;
			margin:0;
		}
		div#socialwidget ul li {
			display:inline;
			float:left;
			padding:4px 0;
			margin:0 0.5em 0 0;
			list-style-type:none;
		}
		div#socialwidget ul li a { padding-right:0.5em; border-right:1px solid #ccc; }
		div#socialwidget ul li.last {
			margin-right:0;
		}
		div#socialwidget ul li.last a { padding-right:0; border-right-style:none; }
		div#socialwidget li#social-dropdown div.ctrl a {
			background-image:url(readerservices-arrow.gif);
			background-position:100% 50%;
			background-repeat:no-repeat;
			padding-right:24px;
		}
		div#socialwidget li#social-dropdown div.ctrl a.active {
			background-image:url(readerservices-arrow-open.gif);
		}
		div#socialwidget li#social-dropdown {
			position:relative;
		}
			div#socialwidget li#social-dropdown div.ctrl {}
			div#socialwidget li#social-dropdown div.dropdown {
				position:absolute;
				top:24px;
				left:-0.5em;
				width:100%;
				height:auto;
				background-color:#fff;
				padding:10px;
				border:1px solid #ccc;
				border-bottom-width:3px;
				border-top-style:none;
				display:none;
			}
			div#socialwidget li #social-dropdown {}
			div#socialwidget li#social-dropdown div.dropdown ul li {
				display:block;
				float:none !important;
				position:static;
				padding-right:0 !important;
				margin-right:0 !important;
				margin-bottom:5px;
				line-height:1em;
				height:auto;
			}
	/**
	 * @notes div.wrapper is used within a full-width block to restrict content to
	 * the overall width of the actual design.
	 */
	div.wrapper {
		width:990px;
		margin:0 auto;
        padding: 0 10px;
	}
	/**
	 * @section Small Black Headers
	 * @notes creates the small bold black headers in all-caps.
	 */
	div.header {
			text-transform:uppercase;
			font-size:12px;
			color:#000;
			line-height:1.25em;
			font-weight:bold;
			margin-bottom:8px;
		}
			div.header a { color:#000 !important; }
	/**
	 * @section Non-Bulleted Lists
	 */
	ul.no-bullet {
		padding:0;
		margin:0;
	}
		ul.no-bullet li {
			padding:0;
			margin:0 0 8px;
			list-style-type:none;
		}
	div#articlebody {
		font-size:15px;
		line-height:1.5em;
	}
	
		div#articlebody p {
		padding-right:30px;
	}

	div.staticbody {
		font-size:15px;
		line-height:1.5em;
	}
	
		div.staticbody p {
		padding-right:30px;
	}

	div#pagebody {
		background-image:url(bg-header.gif);
		background-repeat:repeat-x;
		background-position:50% 0;
	}
		body.sports div#pagebody { background-image:url(bg-header-multi.gif); }
		body.printedition div#pagebody { background-image:url(bg-header-print.gif); }
	/**
	 * @section Page Footer
	 * @notes holds the Contact/Correction/Advertising/Etc. links at the bottom of the page.
	 */
	div#pagefooter {
		border-top:1px solid #98afcb;
		background-image:url(bg-pagefooter.gif);
		background-repeat:repeat-x;
        text-align: left;
	}
		div#pagefooter div.wrapper {
			padding:20px 0;
		}
		div#pagefooter div.cols {
			width:970px;
			margin:0 auto;
			background-image:url(bg-footer-5cols.gif);
			font-size:12px;
		}
		div#pagefooter div.cols div.col1,
		div#pagefooter div.cols div.col2,
		div#pagefooter div.cols div.col3,
		div#pagefooter div.cols div.col4,
		div#pagefooter div.cols div.col5 {
			width:183px;
			float:left;
			display:inline;
		}
		div#pagefooter div.cols div.col1 { margin-right:19px; }
		div#pagefooter div.cols div.col2 { margin-right:17px; }
		div#pagefooter div.cols div.col3 { margin-right:17px; }
		div#pagefooter div.cols div.col4 { margin-right:0; }
		div#pagefooter div.cols div.col5 { display: inline; }
		div#pagefooter ul {
			padding:0;
			margin:0;
		}
		div#pagefooter ul li {
			padding:0;
			margin:0 0 4px;
			list-style:none;
		}
	/**
	 * @section McClatchy Footer links
	 * @notes used to hold McClatchy links at the end of the page.
	 */
	div#mcclatchy {
		border-top:1px solid #98afcb;
		padding:20px 0;
        text-align: left;
	}
		div#mcclatchy div.links {}
			div#mcclatchy div.links ul {
				padding:0;
				margin:0;
			}
			div#mcclatchy div.links ul li {
				padding:0;
				margin:0;
				list-style-type:none;
				float:left;
				display:inline;
				margin-right:0.5em;
				padding-right:0.5em;
				border-right:1px solid #ccc;
			}
			div#mcclatchy div.links ul li a {
				color:#666;
			}
			div#mcclatchy div.links ul li.last {
				padding-right:0;
				margin-right:0;
				border-right-style:none;
			}
			div#mcclatchy div.links ul li.rclogo {
				padding-right:0;
				margin-right:0;
				border-right-style:none;
				float:right;
			}
			div#mcclatchy div.links img { vertical-align:middle; }
	/**
	 * @section Box
	 * @notes used to create the outlined boxes sometimes with light grey background color.
	 */
	div.box {
		border:1px solid #ccc;
		border-bottom-width:3px;
		clear:both;
		margin-bottom:8px;
	}
		div.box2 {
			background-color:#e8e8e8;
			border:1px solid #fff;
		}
		div.box div.txt {
			padding:5px 10px;
		}
		div.box div.citation {
			text-align:right;
			padding:0 10px;
			font-size:10px;
			line-height:10px;
			color:#666;
			margin-bottom:8px;
		}
			div.box div.citation a { color:#666; }
	/**
	 * @notes this div is used to hold photos, slideshows or supplemental material in the right side of an article.
	 */
	div.inset {
		width:320px;
		float:right;
		display:inline;
		margin-left:30px;
		margin-bottom:10px;
		line-height:1.5em;
	}
	/**
	 * #notes used to create a right rail list of other articles.
	 */
	div.crosspromote {
		background-color:#fff;
	}
		div.crosspromote li {
			font-family:Georgia,"Times New Roman",Times,serif;
		}
	/**
	 * @section Comments List
	 * @notes used to display list of comments for a content item at the bottom of the page.
	 */
	div.commentlist {
		border-top:2px solid #ccc;
		padding-top:8px;
		font-size:12px;
		margin-top:20px;
	}
		div.commentlist div.header {
			padding-left:5px;
		}
		div.commentlist ul {
			padding:0;
			margin:0 0 1em;
		}
		div.commentlist ul li {
			list-style-type:none;
		}
		div.commentlist div.submit { padding:0 5px; }
		div.commentlist div.txtarea { margin-bottom:1em; padding:0 5px; }
		div.commentlist div.txtarea textarea {
			width:600px;
			height:200px;
			border:1px solid #ccc;
			padding:0.5em;
			overflow:auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1em;
		}
	/**
	 * @notes structural styles for div.content managed in grids.css
	 */
	div.content {}
	/**
	 * @notes structural styles for div.rail managed in grids.css
	 */
	div.rail {}
		div.story div.block {
			border:1px solid #bbb;
			background-color:#fff;
			padding:5px;
			zoom:1;
		}	
		div.rail div.block {
			border:1px solid #bbb;
			background-color:#fff;
			padding:5px;
			zoom:1;
		}
		div.story h4, div.rail h4 {
			padding:2px 5px 5px;
			margin:0;
			color:#000;
			font-family:Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			font-size:11px;
			line-height:1.25em;
			font-weight:bold;
		}
		div.rail div.blog {
			font-size:11px;
			text-transform:uppercase;
			margin-bottom:4px;
		}
			div.rail div.blog a { color:#000; }
		div.rail div.title {
			font-family:Georgia,"Times New Roman",Times,serif;
		}
	/**
	 * @section Zebra Lists
	 * @notes applies alternating colors to unordered lists with the class of ZEBRA
	 * requires jQuery and code in charlotte.js
	 */
	ul.zebra, ul.zebra_box {
		padding:0;
		margin:0;
	}
		ul.zebra li, ul.zebra_box li {
			padding:4px 5px;
			margin:0;
			list-style-type:none;
		}
		ul.zebra li.odd, ul.zebra_box li.odd { background-color:#edf3f5; }
	
	/**
	 * @section Multimedia Bar
	 * @notes styles for the multimedia content switching bar.
	 * used on the homepage and most section landing pages.
	 */
	div#multimediabar {
		width:990px;
		height:256px;
		background-image:url(mm-bar.gif);
		background-repeat:no-repeat;
		overflow:hidden;
		position:relative;
	}
		div#multimediabar a { color:#a6d3f7; }
		div#multimediabar div.mm-panels a { text-decoration:none; }
		div#multimediabar div.mm-panels a:hover { color:#fff; text-decoration:none; }
		div#multimediabar div.icon { }
		div#multimediabar div.mm-links {
			position:absolute;
			left:10px;
			top:10px;
			line-height:1em;
		}
			div#multimediabar div.mm-links div.current {
				width:199px;
				float:left;
				display:inline;
				margin-right:10px;
				color:#fff;
				text-align:center;
				font-size:11px;
			}
			div#multimediabar div.mm-links div.other {
				float:left;
				color:#0d2034;
				font-size:11px;
			}
			div#multimediabar div.mm-links div.other a { color:#0d2034; margin:0 10px; }
		div#multimediabar div.mm-pagination {
			position:absolute;
			left:10px;
			right:10px;
			top:40px;
			text-align:center;
			line-height:0;
		}
			div#multimediabar div.mm-pagination a img { width:8px; height:12px; }
			div#multimediabar div.mm-pagination a {
				margin:0 3px;
				background-image:url(mm-panel.gif);
				background-repeat:no-repeat;
				background-position:50% 50%;
			}
			div#multimediabar div.mm-pagination a.activeSlide {
				background-image:url(mm-panel-active.gif);
			}
		div#multimediabar div.mm-left {
			width:27px;
			height:27px;
			line-height:0;
			position:absolute;
			left:0;
			top:100px;
		}
		div#multimediabar div.mm-right {
			width:27px;
			height:27px;
			line-height:0;
			position:absolute;
			right:0;
			top:100px;
		}
		div#multimediabar div.mm-panels {
			position:absolute;
			left:30px;
			right:30px;
			top:60px;
			height:140px;
			width:930px;
			overflow:hidden;
		}
		div#multimediabar div.mm-panels div.mm-panel {
			height:140px;
			width:930px;
			background-image:url(mm-panels-bg.gif);
			background-repeat:repeat-y;
		}
		div#multimediabar div.mm-panels ul {
			padding:0 0 0 18px;
			margin:0;
		}
		div#multimediabar div.mm-panels ul li {
			padding:0;
			margin:0 96px 0 0;
			float:left;
			display:inline;
			width:152px;
			list-style-type:none;
			font-family:Georgia,"Times New Roman",Times,serif;
		}
		div#multimediabar div.mm-panels ul li.last { margin-right:0; }
			div#multimediabar div.mm-panels div.img {
				line-height:0;
				border:1px solid #fff;
				margin-bottom:8px;
			}
			div#multimediabar div.mm-panels div.txt {
				line-height:1.5em;
			}
		div#multimediabar div.mm-footer {
			position:absolute;
			left:20px;
			right:20px;
			top:215px;
			text-align:center;
			color:#fff;
		}
			div#multimediabar div.mm-footer a { margin:0 10px; }
	/**
	 * @section Table Setting Reset
	 * @notes removes most default styles for tables and applies appropriate ones.
	 */
	table.void {
		margin:0 0 1em;
		padding:0;
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
	}
		table.void td {
			vertical-align:top;
			font-size:1em;
			padding:4px 0;
			margin:0;
			text-align:left
		}
		table.void td.pr {
			padding-right:10px;
		}
		table.void th {
			font-size:1em;
			vertical-align:top;
			font-weight:bold;
			padding:0;
			margin:0;
			text-align:left;
			text-transform:uppercase;
		}
	/**
	 * @section Zebra Tables
	 * @notes Table with alternating color rows.
	 * requires jQuery and code in charlotte.js
	 */
	table.zebra {
		margin:0 0 8px;
		padding:0;
		width:100%;
		border-spacing:0;
		border-collapse:collapse;
	}
		table.zebra td {
			vertical-align:top;
			font-size:1em;
			padding:2px 5px;
			margin:0;
			text-align:left;
		}
		table.zebra tr.odd td { background-color:#edf3f5; }
		table.zebra td.stock-name {
			width:50%;
		}
		table.zebra td.stock-value {
			width:20%;
			text-align:right;
		}
		table.zebra td.stock-movement {
			width:50%;
			text-align:right;
		}
		table.zebra div.stock-up {
			color:#360;
			padding-right:20px;
			background-position:100% 50%;
			background-image:url(stock-up.gif);
			background-repeat:no-repeat;
		}
		table.zebra div.stock-down {
			color:#c00;
			padding-right:20px;
			background-position:100% 50%;
			background-image:url(stock-down.gif);
			background-repeat:no-repeat;
		}
	#stock { margin-bottom:0; padding: 5px 0;}
	/**
	 * @section Tabbed Boxes
	 * @notes uses the jQuery UI Tabs plugin (same plugin is in use on the current charlotte.com site)
	 */
	 	#stock table.zebra {
			width: 291px;
			margin: 0 0 0 5px;
		}
		
	div.tabbed ul {
		padding:0;
		margin:0;
	}
	div.ui-tabs-hide {
		display:none;
	}
	div.ui-tabs-panel {
		clear:both;
	}
	div.tabbed ul.tabs {
		padding:0;
		margin:0;
		border-bottom:1px solid #bbb;
		height:23px;
	}
	div.tabbed ul.tabs li {
		padding:0 9px;
		background-color:#fff;
		background-image:url(gradient-bottom-edge.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		margin:0 1px 0 0;
		border:1px solid #bbb;
		border-bottom-style:none;
		height:22px;
		line-height:22px;
		list-style-type:none;
		float:left;
		font-size:11px;
		font-weight:bold;
	}
	div.tabbed ul.tabs li a { color:#666; text-transform:uppercase; }
	div.tabbed ul.tabs li.ui-tabs-selected { height:23px; background-image:none; }
	div.tabbed ul.tabs li.ui-tabs-selected a { color:#000; text-decoration:none; cursor:text; }
	div#cb-tabbed ul.tabs li.ui-tabs-selected a { color:#006; }
	div.tabbody {
		background-color:#fff;
		padding:5px;
		border:1px solid #bbb;
		border-top-style:none;
	}
	div.tabbody ul li {
		display:block;
		float:none;
	}
	/**
	 * @notes adjustment for the padding in the Today's Talk tab display block.
	 */
	div#tab-todaystalk {
		padding:10px;
	}
	/**
	 * @section Icons
	 * @notes use CSS sprite-based icons to reduce the number of images that need to be downloaded
	 */
	span.icon {
		display:block;
		float:left;
		clear:left;
		width:20px;
		height:12px;
		background-repeat:no-repeat;
		background-image:url(icons-blue.gif);
	}
	span.inlineicon {
		display:block;
		float:left;
		width:20px;
		height:12px;
		background-repeat:no-repeat;
		background-image:url(icons-blue.gif);
	}
	div#multimediabar span.icon { background-image:url(icons-white.gif); }
	div.f-right span.icon,
	div.f-left span.icon {}
		span.icon-video { background-position:0 0; }
		span.icon-photo { background-position: 0 -12px; }
		span.icon-rss { background-image: url(feed-icon-12x20.png); background-position:0 0; }
		span.icon-social { background-position:0 -36px; }
		span.icon-comment { background-position:0 -48px; }
		span.icon-enlarge { background-position:0 -60px; }
		span.icon-bullet { background-position:0 -72px; }
		span.icon-down { background-position:0 -84px; }
		span.icon-up { background-position:0 -96px; }
		span.icon-pictopia { background-position:0 -108px; }
	/**
	 * @section Career Builder Rail Items
	 * @notes styles that apply to the Career Builder rail objects either 
	 * when held in a tabbed box or one after the other in the right rail.
	 */
	div.block div#cb-quicksearch {
		padding:10px 10px 20px;
		margin:-5px -5px 10px;
		background-image:url(bg-careerbuilder-blocks.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		border-bottom:1px solid #bbb;
	}
	*+html div.block div#cb-quicksearch { margin:-5px -5px 10px; width:279px; }
	div.block div#cb-topjobs {
		padding:10px 10px 20px;
		margin:-10px -5px 10px;
		background-image:url(bg-careerbuilder-blocks.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		border-bottom:1px solid #bbb;
	}
	*+html div.block div#cb-topjobs {
		margin:-5px -5px 10px; width:279px;
	}
	div.block div#cb-videos {
		padding:0 !important;
		margin:-10px -10px -5px;
		text-align:center;
		line-height:1px;
		font-size:1px;
		background-image:none;
	}
		div.block div#cb-videos img { border:0; padding:0; margin:0; }
	*+html div.block div#cb-videos { margin:-10px -5px -5px; width:299px; }
	div#cb-quicksearch table label {
		display:block;
		font-weight:bold;
	}
	div#cb-quicksearch table input {
		width:125px;
		padding:3px;
		border:1px solid #ccc;
		font-size:1em;
	}
	div#cb-quicksearch table select {
		width:125px;
		padding:3px;
		border:1px solid #ccc;
		font-size:1em;
	}
	div#cb-topjobs span.icon-rss{
		background-image:url(icon-rss-careerbuilder.gif);
		background-position:0 0;
	}
	div.careerbuilder {
		background-image:url(bg-careerbuilder-blocks.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
	}
		div.careerbuilder div.logo {
			margin-bottom:10px;
		}
		div.careerbuilder div.header {
			border-bottom:1px solid #006;
			color:#f60;
			padding:4px 0;
			margin:0 0 5px;
			line-height:1em;
		}
		div.careerbuilder div.header a { color:#f60 !important; }
		div.careerbuilder div.othersearches { font-size:10px; line-height:20px; }
		div.careerbuilder ul {
			margin:0;
			padding:0;
		}
		div.careerbuilder ul li {
			margin:0;
			padding:0;
			list-style-type:none;
		}
	/**
	 * @section Divided UL
	 * @notes creates a list with horizontal lines dividing the list items
	 * last list item should also have the class of LAST applied to it.
	 */
	ul.divided {
		padding:0;
		margin:0;
	}
		ul.divided li {
			line-height:1.3em;
			margin-bottom:0.25em;
			border-bottom:1px solid #ccc;
			list-style-type:none;
			padding:5px 0 !important;
		}
		ul.divided li.last {
			padding-bottom:0;
			margin-bottom:0;
			border-bottom-style:none;
		}
	/**
	 * @section Print Edition top of page box
	 */
	div#lead-printedition {
		border:1px solid #ccc;
		border-bottom-width:2px;
		padding:1px;
		margin-bottom:20px;
	}
	*+html div#lead-printedition { padding-bottom:1px; } /** @notes IE7 adjustment */
		div#lead-printedition div.divided {
			background-image:url(bg-printedition-divided.gif);
			background-repeat:repeat-y;
			margin:20px 0;
		}
		div#lead-printedition div.lead-printed-main {
			width:425px;
			float:left;
			display:inline;
			margin-left:9px;
		}
		div#lead-printedition div.lead-printed-image {
			width:152px;
			float:right;
			display:inline;
			margin-right:20px;
		}
			div#lead-printedition div.lead-printed-image img {
				padding:0;
				margin:0;
				border:1px solid #bbb;
			}
	/**
	 * @section Print Edition Sections
	 * @notes used to display a section of the paper with linked titles and page references.
	 * the last TR in the table should also have the class of LAST applied to it.
	 */
	div#sections-printedition {
		padding:8px 10px 0;
	}
		div#sections-printedition td.title { border-bottom:1px solid #ccc; }
		div#sections-printedition td.page { width:260px; border-bottom:1px solid #ccc; }
		div#sections-printedition tr.last td.title,
		div#sections-printedition tr.last td.page { border-bottom-style:none; }
	/**
	 * @section Gradient Headers
	 * @notes used in a few places on the print edition and local news sections
	 */
	.gradient-header {
		background-color:#eef4f6;
		background-image:url(bg-gradient-header.gif);
		background-position:100% 100%;
		background-repeat:repeat-y;
		color:#000;
		text-transform:uppercase;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:5px 9px;
		line-height:11px;
		font-weight:bold;
	}
		.gradient-header span {
			text-transform:none;
			font-weight:normal;
		}
		.gradient-header img { vertical-align:middle; }
	/**
	 * @section Highlighted Stories
	 * @notes used for lists of stories on the home and landing pages.
	 */
	div.highlights {
		padding-top:8px;
		margin-bottom:8px;
	}
		/**
		 * @section Top Story
		 * @notes only the first story with a highlights block should be the top story
		 */
		div.highlights div.story-top {
			border-bottom:2px solid #bbb;
			margin-bottom:8px;
			padding-bottom:12px;
		}
			div.highlights div.story-top div.title {
				font-family:Georgia,"Times New Roman",Times,serif;
				font-size:24px;
				margin-bottom:8px;
			}
			div.highlights div.story-top div.img {
				float:left;
				display:inline;
				margin-right:8px;
				width:auto;
			}
				div.highlights div.story-top div.img img {
					border:1px solid #ccc;
				}
			div.highlights div.story-top div.teaser {
				line-height:1.3em;
			}
			div.highlights div.story-top div.links {
				font-size:12px;
				clear:both;
				padding:8px 0;
			}
		/**
		 * @section Top Story
		 * @notes only the first story with a highlights block should be the top story
		 */
		div.highlights div.columnist-top {
			border-bottom:2px solid #bbb;
			margin-bottom:8px;
			padding-bottom:12px;
		}
			div.highlights div.columnist-top div.title {
				font-family:Georgia,"Times New Roman",Times,serif;
				font-size:24px;
				margin-bottom:8px;
			}
			div.highlights div.columnist-top div.img {
				float:left;
				display:inline;
				margin-right:8px;
				width:auto;
			}
				div.highlights div.columnist-top div.img img {
					border:1px solid #ccc;
				}
			div.highlights div.columnist-top div.teaser {
				line-height:1.3em;
			}
			div.highlights div.columnist-top div.links {
				font-size:12px;
				clear:both;
				padding:8px 0;
			}
		/**
		 * @section Top Story, Breaking 911 Cell
		 * @notes only the first story with a highlights block should be the top story
		 */
		div.highlights div.breaking911 {
			border-bottom:2px solid #eee;
			margin-bottom:18px;
			padding-bottom:12px;
		}
			div.highlights div.breaking911 div.title {
				font-family:Georgia,"Times New Roman",Times,serif;
				font-size:18px;
				margin-bottom:8px;
			}
			div.highlights div.breaking911 div.img {
				float:left;
				display:inline;
				margin-right:8px;
				width:auto;
			}
				div.highlights div.breaking911 div.img img {
					border:1px solid #ccc;
				}
			div.highlights div.breaking911 div.teaser {
				line-height:1.3em;
			}
			div.highlights div.breaking911 div.links {
				font-size:12px;
				clear:both;
				padding:8px 0;
			}
		/**
		 * @section Story Highlight
		 * @note a block of highlighted stories may contain as many story highlights as is desired
		 * the last story highlight should also use the class of LAST
		 */
		div.highlights div.story-highlight {
			border-bottom:2px solid #eee;
			padding-bottom:12px;
			margin-bottom:8px;
		}
			div.highlights div.story-highlight div.title {
				font-size:18px;
				margin-bottom:8px;
			}
			div.highlights div.story-highlight div.teaser {
				line-height:1.3em;
				margin-bottom:8px;
			}
	div.story-highlight {
		margin-bottom:8px;
	}
		div.story-highlight div.title {
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:24px;
			margin-bottom:8px !important;
		}
		div.subtitle { color:#000; margin-bottom:8px; line-height:1.3em; font-size:1.1em; }
		div.story-highlight div.subtitle { margin-bottom:8px; }
		div.story-highlight div.teaser { margin-bottom:8px; }
		div.story-highlight div.links { clear:both; padding:8px 0;}
		div.story-highlight div.img { width:auto; }
		div.box div.story-highlight {
			padding-bottom:4px;
			margin-bottom:8px;
		}
		div.box div.story-highlight div.img { margin-bottom:8px; }
		div.box div.story-highlight div.citation {}
		div.box div.story-highlight div.title, div.box div.story-highlight div.title h1 {
			font-size:24px;
			padding:0 10px;
			margin-bottom:8px;
		}
		div.box div.story-highlight div.teaser {
			padding:0 10px;
			line-height:1.25em;
		}
		div.box div.story-highlight div.links {
			font-size:12px;
			padding:0 10px;
			line-height:1.3em;
			clear:both;
		}
	/**
	 * @section Story List
	 * @notes a horizontally divided list of story titles.
	 * may include timestamps
	 * last list item should also have the class of LAST applied to it.
	 */
	div.story-list {
		font-size:13px;
		border-top:2px solid #ccc;
		padding-top:8px;
                margin: 0 0 8px 0;
	}
		div.tabbody div.story-list {
			border-top-style:none;
			padding-top:0;
		}
		div.no-top { border-top-style:none !important; padding-top:0; }
		div.story-list ul.stories {
			padding:0;
			margin:0;
		}
		div.story-list ul.stories li {
			border-bottom:1px solid #ccc;
			padding:4px 0 4px 10px;
			margin:0;
			list-style-type:none;
			line-height:1.25em;
			color:#ccc;
			background-repeat:no-repeat;
			background-image:url(bullet-blue.gif);
			background-position:0 50%;
		}
		div.story-list ul.stories li a {
			font-family:Georgia,"Times New Roman",Times,serif;
		}
		div.story-list ul.stories li.last {
			border-bottom-style:none;
			padding-bottom:0;
		}
	div.headline-list {
		font-size:13px;
		border-top:2px solid #ccc;
		padding-top:8px;
		margin-bottom:20px;
	}
		div.tabbody div.headline-list {
			border-top-style:none;
			padding-top:0;
		}
		div.no-top { border-top-style:none !important; padding-top:0; }
		div.headline-list ul.stories {
			padding:0;
			margin:0;
		}
		div.headline-list ul.stories li {
			border-bottom:1px solid #ccc;
			padding:4px 0;
			margin:0;
			list-style-type:none;
			line-height:1.25em;
			color:#ccc;
		}
		div.headline-list ul.stories li a {
			font-family:Georgia,"Times New Roman",Times,serif;
		}
		div.headline-list ul.stories li.last {
			border-bottom-style:none;
			padding-bottom:0;
		}
	/**
	 * @section Story
	 * @notes an individual story listing
	 */
	div.story {
		border-bottom:2px solid #ccc;
		margin-bottom:8px;
		padding-bottom:16px;
	}
		div.tabbody div.story {
			border-bottom-style:none;
			padding-bottom:0;
			margin-bottom:0;
		}
		div.last {
			border-bottom-style:none !important;
			margin-bottom:0 !important;
			/* padding-bottom:0 !important; */
		}
		div.sectionlink {
			font-size:11px;
			line-height:1.25em;
			margin-bottom:8px;
			color:#000;
			text-transform:uppercase;
		}
		h6 a { color:#000 !important; }
		div.sectionlink a { color:#000 !important; }
		div.story div.title {
			font-family:Georgia,"Times New Roman",Times,serif;
			font-size:16px;
			line-height:1.25em;
			margin-bottom:8px;
		}
			div.tabbody div.story div.title { margin-bottom:0; }
		div.story div.teaser {
			line-height:1.25em;
		}
		div.story div.teaser p{
			border-bottom:2px solid #ccc;
			padding-bottom:5px;
		}
		
		div.story div.img { text-align:center; margin-bottom:8px; }
			div.story div.img img { border:1px solid #ccc; }
			div.tabbody div.story div.img { width:auto; float:left; display:inline; margin-right:8px; margin-bottom:8px; }
		div.story div.links { clear:both; padding:4px 0; line-height:1.3em; }
			div.story div.links ul {
				padding:0;
				margin:0;
			}
			div.story div.links ul li {
				float:left;
				display:inline;
				padding-right:5px;
				margin-right:5px;
				border-right:1px solid #ccc;
			}
			div.story div.links ul li.last {
				margin-right:0;
				padding-right:0;
				border-right-style:none;
			}
	/**
	 * @notes adjusting the padding of the "columnists" tab with teaser and image that appears in the right rail.
	 */
	div#tab-columnists { padding:10px; }
	/**
	 * @section "ask the experts" and "featured advertisers" sections
	 * @notes used on the home page or some other landing pages.
	 */
	div#ask-the-experts {
		margin-bottom:16px;
	}
	div#featured-advertisers {
		margin-bottom:16px;
	}
		div#ask-the-experts h5,
		div#featured-advertisers h5 {
			font-weight:bold;
		}
	/**
	 * @section Market Search
	 * @notes used for the Business/Markets data display in the right rail.
	 */
	div#market-search {margin: 5px 0 0;}
	div#market-search div.delay { font-size:10px; color:#bbb; }
	div#market-search form {
		border-top:1px solid #bbb;
		border-bottom:1px solid #bbb;
		padding:8px 0;
		line-height:18px;
	}
	div#market-search input { vertical-align:middle; }
	div#market-search input.ticker {
		float:left;
		display:inline;
		margin-right:10px;
		width:110px;
		border:1px solid #bbb;
		font-size:10px;
		height:18px;
	}
	div#market-search input.go {
		float:left;
		display:inline;
		margin-right:5px;
		width:80px;
		text-align:center;
		font-size:10px;
	}
	div#market-search div.lookup {
		font-size:10px;
		float:right;
		line-height:18px;
	}
	div#market-search div.cols {
		/* background-image:url(http://media.charlotteobserver.com/design/bg-market-search-cols.gif); */
		background-repeat:repeat-y;
		margin:10px 0;
	}
	div#market-search div.col1 {
		float:left;
		width:146px;
		margin: 0 0 0 3px;
	}
	div#market-search div.col2 {
		float:right;
		width:146px;
		margin: 0 3px 0 0;
	}
	/**
	 * @section Special Coverage
	 * @notes used for large cross-column "special coverage" sections on the homepage.
	 */
	div#special-coverage { margin-bottom:20px; }
	div#special-coverage div.highlights {}
	div#special-coverage div.highlights div.story-highlight {}
	div#special-coverage div.highlights div.title { font-size:16px; margin-bottom:0; padding:0; }
	div#special-coverage div.highlights div.teaser { padding:0; margin:0; }
	div#special-coverage div.highlights div.links { padding:0; margin:0; }
	/**
	 * @section Breaking News box
	 * @notes used on home page or other landing pages as appropriate.
	 * uses a 76x76 image that is floated to the left.
	 */
	div#breaking-news {
		border:1px solid #bbb;
		border-bottom-width:2px;
		margin-bottom:8px;
		padding:1px;
		zoom:1;
	}
		div#breaking-news div.header {
			background-color:#ccc;
			color:#000;
			font-size:12px;
			padding:2px 5px;
			margin-bottom:5px;
		}
		div#breaking-news div.title {
			padding:0 5px;
			margin-bottom:5px;
			font-size:24px;
			line-height:1.25em;
		}
		div#breaking-news div.teaser { padding-right:5px; padding-left:8px;}
		div#breaking-news div.img {
			float:left;
			display:inline;
			margin-right:8px;
			margin-left:5px;
			margin-bottom:8px;
			width:auto;
		}
			div#breaking-news div.img img { line-height:0; border:1px solid #bbb; }
		div#breaking-news div.links { clear:both; font-size:12px; padding-left:8px;}
		div#breaking-news div.teaser { line-height:1.25em; }
	/**
	 * @section Business landing page header block
	 */
	div#the-market {
		border:1px solid #bbb;
		border-bottom-width:3px;
		padding:3px;
		margin-bottom:20px;
	}
		div#the-market div.header { padding:4px 5px 0; }
		div#the-market div.grid-ab {
			margin-right:0;
		}
		div#the-market div.grid-cd {
			width:314px;
		}
			div#the-market div.grid-cd div.header { padding-left:0; }
		div#the-market .display-type {
			border-top:1px solid #ccc;
			padding:4px 5px;
			margin:8px 0 4px;
		}
			div#the-market ul.display-type li {
				margin:0 0.5em 0 0;
				padding:0 0.5em 0 0;
				border-right:1px solid #ccc;
				display:inline;
				list-style-type:none;
			}
			div#the-market ul.display-type li.last {
				padding-right:0;
				margin-right:0;
				border-right-style:none;
			}
		div#the-market div.row { border-top:1px solid #ccc; padding:5px; color:#ccc; }
		div#the-market input.ticker { border:1px solid #999; height:18px; }
		div#the-market select { border:1px solid #999; height:20px; }
	/**
	 * @notes ul.inline-split can be used to make a list display as an inline
	 * list of links with vertical dividing lines between the entries.
	 * the last item should have a class of LAST applied to it.
	 */
	ul.inline-split {
		padding:0;
		margin:0;
	}
		ul.inline-split li {
			padding:0;
			margin:0;
			float:left;
			list-style-type:none;
		}
		ul.inline-split li a {
			padding-right:0.5em;
			margin-right:0.5em;
			border-right:1px solid #ccc;
		}
		ul.inline-split li.first {
			clear:left;
		}
		ul.inline-split li.last {}
		ul.inline-split li.last a {
			padding-right:0;
			margin-right:0;
			border-right-style:none;
		}
	/**
	 * @section neighborhood selection box used for local news.
	 */
	div#local-select {
		border:1px solid #bbb;
		border-bottom-width:2px;
		padding:1px;
		margin-bottom:20px;
	}
	div#local-select .gradient-header { margin-bottom:1px; }
	div#local-select ul {
		padding:0 0 0 10px;
		margin:0;
	}
	div#local-select ul li {
		width:199px;
		display:inline;
		float:left;
		padding:3px 0;
		border-bottom:1px solid #eee;
		list-style-type:none;
		margin-right:19px;
		font-size:16px;
	}
	div#local-select ul li.first {
		clear:left;
	}
	div#local-select ul li.last {
		margin-right:0px;
	}
	div#local-select ul li.bottom {
		border-bottom-style:none;
	}
	div#local-select ul li a {
		display:block;
		padding:4px 10px;
		font-family:Georgia,"Times New Roman",Times,serif;
	}
	div#local-select ul li a.active {
		background-image:url(bg-local-select-active.gif);
		background-repeat:repeat-x;
		background-color:#0B5D97;
		color:#fff;
	}
	/**
	 * @notes used to alert users to information or changes. 
	 * embeded above the main content in the content column.
	 * used for the "you have selected {x} as your neighborhood" message.
	 */
	div#alert-message {
		font-size:11px;
		color:#f00;
		margin-bottom:8px;
		text-transform:uppercase;
		padding:0 10px;
	}
	/**
	 * @section Mini Slideshow for embedding in Article pages
	 * @notes the mini slideshow goes inside div.inset to hold it in place.
	 */
	div#mini-slideshow {
		width:318px;
		border:1px solid #ccc;
		border-bottom-width:2px;
		background-image:url(mm-mini.gif);
		background-repeat:repeat-x;
		background-color:#0A212C;
		color:#9ed3fd;
		position:relative;
        margin: 0 0 8px 0;
	}
		div#mini-slideshow div.name { padding:8px 11px; z-index:1; }
		div#mini-slideshow div.controls {
			text-align:right;
			position:absolute;
			z-index:2;
			top:8px;
			right:11px;
		}
		div#mini-slideshow div.controls img { vertical-align:middle; outline: none;}
			div#mini-slideshow div.controls span.indicator img { width:8px; height:15px; }
			div#mini-slideshow div.controls span.indicator a {
				background-image:url(mm-panel.gif);
				background-repeat:no-repeat;
				background-position:50% 50%;
				margin:0 3px;
			}
			div#mini-slideshow div.controls span.indicator a.activeSlide {
				background-image:url(mm-panel-active.gif);
			}
		div#mini-slideshow span.icon { background-image:url(icons-white.gif); }
		div#mini-slideshow a { color:#9ed3fd; }
		div#mini-slideshow div.slides {
			padding:0 11px;
		}
		div#mini-slideshow div.slides ul {
			width:294px;
			height:0px;
			overflow:hidden;
			padding:0;
			margin:0;
		}
		div#mini-slideshow div.slides ul li {
			width:294px;
			height:0px;
			padding:0;
			margin:0;
			list-style-type:none;
		}
			div#mini-slideshow div.slides div.img { margin-bottom:8px; }
			div#mini-slideshow div.slides div.txt {}
			div#mini-slideshow div.slides div.xref {
				text-align:center;
				padding-top:45px;
			}
		div#mini-slideshow div.jumplink {
			padding:0 11px 12px;
			font-size:11px;
		}
		span#mini-slideshow-loader img{
			margin: 0 0 0 10px;
			vertical-align: middle;
		}
		.billboard {
			margin: 0pt auto;
			width:990px;
			background-color:#F9FAFB;
		}

	div#big-slideshow {
		width:646px;
		border:1px solid #ccc;
		border-bottom-width:2px;
		background-image:url(mm-mini.gif);
		background-repeat:repeat-x;
		background-color:#0A212C;
		color:#9ed3fd;
		position:relative;

		margin-left:10px;
	}
		div#big-slideshow div.name { padding:8px 11px; z-index:1; }
		div#big-slideshow div.controls {
			z-index:2;
			top:8px;
			right:11px;
			padding:0 0 14px 14px;
		}
		div#big-slideshow div.controls img { vertical-align:middle; }
			div#big-slideshow div.controls span.indicator img { width:8px; height:15px; }
			div#big-slideshow div.controls span.indicator a {
				background-image:url(mm-panel.gif);
				background-repeat:no-repeat;
				background-position:50% 50%;
				margin:0 3px;
			}
			div#big-slideshow div.controls span.indicator a.activeSlide {
				background-image:url(mm-panel-active.gif);
			}
		div#big-slideshow span.icon { background-image:url(icons-white.gif); }
		div#big-slideshow a { color:#9ed3fd; }
		div#big-slideshow div.slides {
			padding:0 11px;
		}
		div#big-slideshow div.slides ul {
			width:624px;
			/*height:650px;*/
			overflow:hidden;
			padding:0;
			margin:0;
		}
		div#big-slideshow div.slides ul li {
			width:624px;
			/*height:525px;*/
			padding:0;
			margin:0;
			list-style-type:none;
			display:none;
		}
			div#big-slideshow div.slides div.img { margin-bottom:8px; text-align: center; }
			div#big-slideshow div.slides div.txt { width:624px;}
			div#big-slideshow div.slides div.xref {
				text-align:center;
				padding-top:45px;
			}
		div#big-slideshow div.jumplink {
			padding:0 11px 12px;
			font-size:11px;
		}
		div#big-slideshow div.caption {
			padding:0 11px 12px;
			font-size:11px;
		}
		
		span#big-slideshow-loader img{
			margin: 0 0 0 10px;
			vertical-align: middle;
		}
		div#bigslide_index {
			padding:0 0 10px 10px;
		}
	/*
	 * @section Tabbed Boxes
	 * @notes uses the jQuery UI Tabs plugin (same plugin is in use on the current charlotte.com site)
	 */
	div#regtabbed ul {
		padding:0;
		margin:0;
	}
	div#regtabbed ul.tabs {
		padding:0;
		margin:0;
		border-bottom:1px solid #bbb;
		height:23px;
	}
	div#regtabbed ul.tabs li {
		padding:0 9px;
		background-color:#fff;
		background-image:url(gradient-bottom-edge.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		margin:0 1px 0 0;
		border:1px solid #bbb;
		border-bottom-style:none;
		height:22px;
		line-height:22px;
		list-style-type:none;
		float:left;
		font-size:11px;
		font-weight:bold;
	}
	div#regtabbed ul.tabs li a { color:#666; text-transform:uppercase; }
	div#regtabbed ul.tabs li.ui-tabs-selected { height:23px; background-image:none; }
	div#regtabbed ul.tabs li.ui-tabs-selected a { color:#000; text-decoration:none; cursor:text; }
	div#vid_addcomments, div#vid_comments, div#vid_disclaim {padding:25px 25px 25px 10px;}
	
	
	/*
	 * @section Factbox
	 * @notes styles Factboxes displayed underneath mini slideshows inside the inset div
	 */
	div.inset div.factbox {
            margin: 8px 0 0 0;
            border: 1px solid #bbb;
            padding: 5px;
        }

        div.factbox h4 {
            color:#000000;
            font: bold 11px Arial,Helvetica,sans-serif;
            line-height:1.25em;
            margin:0pt;
            padding:2px 5px 5px;
            text-transform:uppercase;
            
        }
        
        div.factbox span.instructions {
            font-size: 11px;
            color: #999;
            text-transform: lowercase;
            margin: 0 0 0 5px;
            font-weight: normal;
        }
        
        div.factbox_header a {
            text-decoration: none;
        }
        
        div.factbox_header a:visited {
            color: #999;
        }
        
        div.factbox_header a:hover {
            text-decoration: underline;
        }
        
        div.factbox_header a:active {
            text-decoration: none;
        }
        
        div.factbox_content {
            display: none;
            margin: 8px 0 0 0;
            padding: 5px;
        }
        
        div.box2 div.google_map div.map {
            border: 1px solid #999;
        }
        
        div#poll {
            padding: 0 0 0 5px;
        }
            
            div#poll_question {
                margin: 5px 0;
            }
        
        div#poll_radios div {
            margin: 0 0 8px 0;
            font-weight: bold;
            font-size: 11px;
        }
        
        div#poll_result {
            padding: 5px;
        }
        
        div.response {
            padding: 8px 0 0 0;
        }
        
        div.tally {
            font-weight: bold;
            display: inline;
        }
        
        div.poll_percent {
            display: inline;
            margin: 0 0 0 5px;
        }
        
        div.result {
            display: inline;
        }
        
        div#total {
            margin: 8px 0 0 0;
        }
        
        button {
            border: none;
            background: none;
            vertical-align: middle;
            padding: 0;
        }
        
        
        /*
	 * @section Google Map
	 * @notes replaces black border with grey border
	 */
        div.google_map div.map {
            border: 1px solid #ccc;
        }
        
        
        /*
	 * @section Subscribe And Earn Miles
	 * @notes tease on bottom of local stories, styles the link to be italic, brings the image even with text
	 */
        p.subscribe_miles img {
            vertical-align: middle;
            margin: 0 8px 0 0;
        }
        
        p.subscribe_miles a {
            font-style: italic;
        }
        
        
        /*
         * @ notes Calendar Widget
         */
        div#events_calendar {
        }
        
        a.ZventsEventName {
            margin: 0;
            display: block;
            font: 16px Georgia, "Times New Roman", Times, sans-serif;
        }
        
        a.ZventsImageLink {
            margin: 8px 0;
            display: block;
        }
        
        ul#date-widget {
            margin: 0 0 8px 0;
            padding: 0;
            list-style: none;
            float: left;
        }
        
            ul#date-widget li {
                display: inline;
                float: left;
                height: 36px;
                position: relative;
                font: normal 10px arial;
                text-align: center;
                margin: 0 5px 0 0;
                border: 1px solid #bbb;
                width: 45px;
            }
                ul#date-widget li.last {
                    margin: 0;
                }
                
                ul#date-widget li a {
                    text-decoration: none;
                    display: block;
                    font: bold 18px arial;
                    color: #136aa8;
                    padding: 2px 11px 0 11px;
                }
                
                ul#date-widget li a:hover {
                    color: #003f6a;
                }
        
        div.link {
            padding: 0;
        }
        
        div.day {
            width: 45px;
        }
        
        div#ZventsSearchForm {
            margin: 8px 0 0 0;
        }
        
        div#ZventsSearchForm input.text {
            border: 1px solid #bbb;
            width: 100px;
            margin: 0;
            line-height: 20px;
            vertical-align: middle;
        }
        button {
            margin: 0;
            display: inline;
            line-height: 20px;
            height: 25px;
        }
        
        /*
         * @ section Email Story Social Widget
         * @ notes Styles the form used to email a story
         */
        
        
        #toolbar {
            text-align: right;
        }
        
        #toolbar h3 {
            float:left;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 13px;
            font-weight:normal;
            line-height:normal;
            text-transform: capitalize;
        }
        
        #toolbar a {
            color:#136aa8;
            font-family:arial,helvetica,verdana,sans-serif;
            font-size:10px;
            line-height:normal;
            margin-right:0.5em;
            text-decoration:underline;
            text-transform: uppercase;
        }
            
        #toolbox {
            background-color:#fff;
            border: 1px solid #bbb;
            display: none;
            width: 279px;
            z-index: 100;
            padding: 10px;
            margin: 0 0 8px 0;
        }
        
        #tool {
            clear: both;
            margin: 8px 0 0 0;
        }
            #tool div.attn {
                font-size: 10px;
                font-weight: bold;
                text-align: center;
            }
            
            #tool div.form_field {
                margin: 0 0 8px 0;
            }
        
            #tool label {
                display:block;
                font-size:10px;
                line-height:1.2em;
                text-transform:uppercase;
            }
            
            #tool div.form_field input.required, #tool div.form_field textarea {
                border: 1px solid #999;
                width: 100%;
            }
            
            
        /*
         * @ section Media Upload Form
         */
        form#media_upload div {
            clear: both;
            margin: 8px 0;
        }
        
        form#media_upload label {
            margin: 0 8px 0 0;
            float: left;
            width: 120px;
        }
        
        form#media_upload input.text, form#media_upload select {
            border: 1px solid #999;
            width: 200px;
        }
        
        form#media_upload input.file {
            border: 1px solid #999;
        }
    
    
        div#disclaimer-wrap {
            margin: 16px 0 0 0;
            float: left;
            width: 100%;
        }
        
        a#disclaimer-link, a#disclaimer-link:visited, a#disclaimer-link:active {
            text-decoration: none;
            margin: 0 0 16px 0;
            color: #136aa8;
        }
        
        a#disclaimer-link:hover {
            text-decoration: underline;
        }
        
        div.disclaimer-link {
            display: none;
            font-size: 12px;
            line-height: 1.3em;
            padding: 10px;
            background: #edf3f5;
            border: 1px solid #ccc;
        }
    
    
        div#yahoo-contextual-ads {
            float: left;
        }
	div#yahoo-contextual-ads-story {
	padding:0 0 0 10px;
        }
	a.vedit {font-family:Arial,Helvetica,sans-serif; font-size:10px;}
	div#avatarImage, div.currentUser {display:inline;}
	span.menudivider {border-right:1px solid #CCCCCC; padding:0 6px;}
	img.h_avatar {border:1px solid #CCCCCC;}

}