/* 
ABC News Stylesheet
Created by: Andrew Kesper, 3 July 2006
Modified by: Andrew Kesper, 9 February 2008
*/

/* Global nav */
@import "/css/globalNav.css";
#gN_Nav * {
	font-family: Arial, Helvetica, sans-serif;
}

#gN_align {
	width: 900px;
}

html.popup #gN_Nav {
	display: none;
}

* {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif; /* set the font of all elements to this */
	font-size: 100%; /* reset all fonts to a common size */
	word-wrap: break-word; /* Stop IE from expanding parent container when word is too long (proprietary IE, new in CSS3) */
}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * {
	font-family: Helvetica, Arial, sans-serif;
}


pre, pre *, tt, code, kbd, samp {
	font-family: "Lucida Console", Consolas, Monaco, "Courier New", Courier, monospace; /* Monospace fonts only */
}

html {
	background: #585858 url(/img/design/main_bg.png) repeat-x left top;
}

body {
	margin: 0;
	padding: 0;
	font-size: 75%; /* sets a base font size of 12px/9pt */
}

html.liquid, html.popup {
	background: white none;
}

.accessibility,
.hide { /* For items such as 'skip to content' links */
	position: absolute;
	top: -1000px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

.ajaxLoading {
	background: url(/img/design/wait.gif) no-repeat 100% 0%;
}

span.help, span.remove {
	float: right;
	text-align: right;
	font-size: 92%;	
	padding-left: 1em;
}

span.help a {
	cursor: help;
}

#imgCounter {
	position: absolute;
	top: -1000px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

div.clear { /* All-purpose float clearer. Use as a last resort */
	clear: both !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
}

img {
	-ms-interpolation-mode: bicubic; /* Resample images in IE7 */
}

img.alpha { /* Give PNG image class="alpha" to fix alpha transparency problems in IE 5.5 & 6 */
	behavior: url(/css/pngbehavior.htc); 
}

a img {
	border: none;
}

big {
	font-size: 133%;
}

small, sup, sub {
	font-size: 75%;
}

wbr:after {
	content: "\00200B"; /* Emulate the <wbr> (word break) tag in modern browsers that don't support it */
}

#wrapper { 
	text-align: center; /* for IE 5.0 */
}

html.liquid #wrapper,
html.popup #wrapper {
	background: black none;
}

#main {
	position: relative;
	text-align: left; /* for IE 5.0 */
	width: 900px;
	margin: 0 auto;
	background-color: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	overflow: hidden; /* show white background through page when partially loaded */
}

html.liquid #main,
html.popup #main {
	width: 100% !important;
	border: none;
}

.pagenav {
	word-spacing: 5px;
}

#main a {
	color: #0055CC;
	text-decoration: none;
}
#main a:hover {
	text-decoration: underline;
}

#content a:visited, #footerstories a:visited {
	color: #568;
}

#globalmessage .standard {
	margin: 1em 20px;
	padding: 0.33em 10px;
	background-color: #FFC;
	border: 1px solid #FFE6B0;
	line-height: 133%;
	zoom: 1;
}

#globalmessage .important {
	margin: 1em 20px;
	padding: 0.33em 10px;
	background-color: #FFC;
	border: 1px solid #FFE6B0;
	line-height: 133%;
	zoom: 1;
}

#globalmessage p {
	margin: 0;
}

#globalmessage2 {
	font-weight: bold;
	margin: 5px 30px;
	position: relative;
	height: 3em;
	background: url(/img/design/globalmessage_bg.gif) repeat-x left bottom;
}

#globalmessage2 * {
	font-family: Helvetica, Arial, sans-serif;
}

#globalmessage2 h2 { /* 3-word-headline: limit approx 18 characters */
	background-color: #f60;
	color: white;
	font-size: 133%;
	padding: 5px 0;
	margin: 0;
	line-height: 1em;
	width: 10em;
	height: 1em;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

#globalmessage2 h3 { /* title: limit approx 92 characters */
	padding: 0;
	margin: 0;
	vertical-align: middle;
	line-height: normal;
	position: absolute;
	bottom: 6px;
	left: 12.5em;
	right: 0.5em;
	font-size: 115%;
}

#header {
	float: left;
	font-size: 200%;
	width: 305px;
	height: 83px;
	overflow: hidden;
}

#header p {
	margin: 0;
	padding: 0;
}

#nav {
	background: #1E215C url(/img/design/header_bg.png) repeat-x left top;
}

html.popup #nav {
	display: none;
}

#nav_1st {
	width: 100%;
	overflow: hidden;
	border-bottom: 3px solid #FF6600;
}

#nav_1st ul,
#nav_1st p {
	list-style: none;
	margin: 50px 0 0 0;
	padding: 10px 30px 10px 305px; /* left padding uses approx. width of ABC Logo */
	text-align: right;
	background: url(/img/design/header_links_bg.png) no-repeat right top;
}

#nav_1st ul li,
#nav_1st p span {
	margin: 0;
	padding: 0 0 0 15px;
	display: inline-block; /* IE only supports inline-block on naturally inline elements (e.g. span, NOT div) */
	white-space: nowrap;
}

#nav_1st a {
	color: white;
	text-decoration: none;
}

#nav_1st a:hover {
	text-decoration: underline;
}

#nav_1st span.active a {
	color: #f60 !important;
	font-weight: bold;
}

#nav_1st p span.separator {
	display: none;
}

#nav_1st span.alt {
	padding: 0;
	margin: 0;
}

#nav_1st span.alt a {
	color: #7E96D3;
}

#nav_2nd {
	background: #F6F6F6 url(/img/design/nav_2nd_bg.png) repeat-x center bottom;
	font-weight: bold;
	overflow: hidden;
	width: 100%;
}

#nav_2nd ul,
#nav_2nd p {
	list-style: none;
	padding: 0 20px;
	margin: 0;
}

#nav_2nd ul li,
#nav_2nd p span,
#nav_2nd span.alt span {
	margin: 0;
	padding: 8px 10px;
	float: left;
	white-space: nowrap;
}

#nav_2nd ul li.active,
#nav_2nd p span.active {
	background-color: white;
}

#nav_2nd a {
	color: black;
	text-decoration: none;
}

#nav_2nd a:hover {
	text-decoration: underline;
}

#nav_2nd p span.separator {
	background-color: #fff;
	border-right: 1px solid #aaa;
	padding: 0;
	margin: 8px 5px;
	width: 1px;
	overflow: hidden;
}

#nav_2nd span.alt {
	padding: 0;
	_padding-bottom: 8px; /* IE6 bug fix */
}

#nav_2nd span#n-sport.active,
#nav_2nd span#n-weather.active,
#nav_2nd span#n-opinion.active,
#nav_2nd span#n-blogs.active {
	background: #444 url(/img/design/nav_3rd_bg.png) repeat-x center bottom;
}

#nav_2nd span#n-sport.active a,
#nav_2nd span#n-weather.active a,
#nav_2nd span#n-opinion.active a,
#nav_2nd span#n-blogs.active a {
	color: white;
}

#nav_2nd #preferencesButton {
	float: right;
	margin: 8px 30px 0 0;
}

#preferencesPanel {
	background: #eee url(/img/design/preferences_bg.png) repeat-x left top;
	border-bottom: 1px solid #ccc;
	padding: 10px 30px;
	line-height: normal;
	font-size: 92%;
}

#preferencesPanel h1 {
	font-size: 150%;
}

#preferencesPanel h2 {
	font-size: 133%;
}

#preferencesPanel table tr td,
#preferencesPanel table tr th {
	padding: 0.1em 0.75em 0.1em 0;
}

#hot_topics {
	background: white url(/img/design/hot_topics_bg.png) repeat-x left bottom;
	padding: 0.75em 30px;
	line-height: 120%;
}

#hot_topics p {
	margin: 0;
	padding: 0;
}

html.popup #hot_topics {
	display: none;
}

#hot_topics a {
	text-decoration: none;
}

#hot_topics a:hover {
	text-decoration: underline;
}

#homepage .headline h1 a:visited, 
#homepage .headline h2 a:visited, 
#homepage .headline h3 a:visited, 
#homepage .headline h4 a:visited, 
#homepage .headline h5 a:visited, 
#homepage .headline h6 a:visited {
	color: #444 !important;
}

#homepage .headline h1, #homepage .headline h1 a,
#homepage .headline h2, #homepage .headline h2 a,
#homepage .headline h3, #homepage .headline h3 a,
#homepage .headline h4, #homepage .headline h4 a,
#homepage .headline h5, #homepage .headline h5 a,
#homepage .headline h6, #homepage .headline h6 a {
	color: black !important;
	border: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#homepage .headline .headline {
	margin: 2em 0;
}


#article h1, #misc h1 {
	font-size: 233.3%;
	margin: 0 0 0.5em 0;
	letter-spacing: -1px;
	line-height: 105%;
}

#misc h1 {
	font-size: 166.6%;
}

#article h2, #misc h2, .profilestories h4 {
	font-size: 133%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
}

#sectionhome h3, #article h3, #misc h3 {
	font-size: 133.3%;
	margin: 0 0 0.5em 0;
}

#article p, #headlines p, #misc p {
	line-height: 150%;
	margin: 0 0 0.8em 0;
}

#article p.first {
	font-weight: bold;
}

p.published {
	font-size: 92%;
	font-weight: bold;
	color: #666 !important;
}

p.genre {
	font-size: 92%;
	font-weight: bold;
}

p.genre a {
	color: black !important;
}

#article p.published, #article p.author {
	padding-right: 315px; /* 285px + 30px gutter */
}

p.published2 {
	font-size: 85%;
	color: #999 !important;
}

#article p.author {
	font-weight: bold;
}

#article ul {
	line-height: 150%;
}

#storyRelatedMedia {
	width: 285px;
	_width: 282px; /* IE 3-pixel jog bug */
	margin: 0 0 15px 0;
}

.columns #storyRelatedMedia {
	width: 100%;
}

#article #storyRelatedMedia, #article .photo, #article .photo150, #article .photo300, .profilephoto {
	margin: 0 0 15px 30px;
	width: 285px;
	float: right;
}

#storyRelatedMedia .photo {
	width: auto;
	float: none;
	margin: 0;
}

a img#storyPhotosImg {
	cursor: url(/img/design/zoom_in.cur), pointer;
}

#storyPhotosNav {
	font-size: 92%;
	color: #666;
	text-align: center;
	margin-top: -2em !important;
	z-index: 999;
	position: absolute;
	width: 285px;
}

#storyPhotosNavPrev {
	float: left;
	width: 26px;
	height: 16px;
}

#storyPhotosNavNext {
	float: right;
	width: 26px;
	height: 16px;
}

#storyPhotosNavPrev a, #storyPhotosNavNext a {
	display: block;
	width: 26px;
	height: 16px;
}

#storyPhotosCaption {
	padding-top: 0.33em;
}

#storyRelatedMedia, #storyRelatedMedia p, #storyRelatedMedia ul {
	line-height: 125%;
}

#article .photo150 {
	width: 300px;
}

#article .additional {
}

#article .additional .section {
	margin: 3em 0;
	position: relative; /* fixes IE peekaboo bug */
}

#comments {
	margin-bottom: 2em;
	float: left;
	_float: none; /* for IE 5.0 */
	width: 100%;
}

#comments h3 {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
	color: #FF8000;
	font-size: 100%;
	margin: 0.8em 0 0 0;
	padding: 2px 0 2px 22px;
	background: transparent url(/img/design/comment.gif) no-repeat 0 60%;
}

#comments h3.panellist {
	color: red;
	background-image: url(/img/design/comment-panellist.gif);
}

#comments ul {
	border-top: 1px solid #ccc;
	margin: 0.8em 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#comments ul li {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
	background-color: white;
	position: relative;
}

#comments ul li ul {
	padding: 0 0 0 15px;
	margin: 0;
	border: none;
}

#comments ul li ul li {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 -1px 0;
}

#comments p {
	margin: 0.8em 0 0 0;
	border: none;
}

#comments ul li p {
	margin: 0 0 0.8em 0;
	font-size: 92%;
	line-height: 150%;
}

#comments ul li p.date {
	color: #999;
	font-size: 75%;
}

#comments .moderator {
	font-style: italic !important;
}

#comments span {
	margin-right: 1em;
}

#article .additional h2, #comments h2 {
	margin: 1em 0 0 0;
	padding: 0 0 0.25em 0;
	border-bottom: 2px solid #FF8000;
}

#sectionhome #headlines .headline {
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.5em;
}

.profilestories {
	margin-top: 3em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.5em;
}

.profilestories h3 {
	border-bottom: 2px solid #FF8000;
	margin-bottom: 1em;
}

#sectionhome #headlines .headline p {
	margin: 0.25em 0;
}

#headlines .headline div.photo {
	float: left;
	margin: 0.25em 10px 5px 0;
}

#headlines .headline .fullstory {
	display: none;
}


#headlines h1 {
	font-size: 215%; /* was 250% */
	margin: 0 0 0.25em 0;
	padding: 0 0 0.12em 0;
	letter-spacing: -1px;
	line-height: 105%;
	border-bottom: 2px solid #FF8000;
}

.h1_tools {
	float: right;
	padding-top: 1em;
}

.h1_tools span {
	margin-left: 0.75em;
}

#sectionhome #headlines h1 {
	color: black;
	border-bottom: 2px solid #FF8000;
}

#headlines .headline h3 {
	margin: 0.25em 0;
	font-size: 133%;
	line-height: 105%;
}


#headlines #editorspick {
	border-top: 2px solid #ccc;
	border-bottom: 3px solid #ccc;
	margin: 0 0 2em 0;
	position: relative;
}

#headlines #editorspickTabs {
	width: 100%;
	overflow: hidden;
	height: 26px;
}

#headlines #editorspickTabs a {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	background: #ccc url(/img/design/btn_editorspick_off_16x16.png) no-repeat left top;
	font-size: 1%;
	text-indent: -2000px;
	line-height: 100%;
	outline: none;
}

#headlines #editorspickTabs a.active, #headlines #editorspick #editorspickTabs a.active:hover {
	background: #FF8000 url(/img/design/btn_editorspick_on_16x16.png) no-repeat left top;
}

#headlines #editorspickTabs * {
	display: block;
	float: left;
}

#headlines #editorspickTimer {
	background: transparent url(/img/design/btn_editorspick_progress_60x16.png) no-repeat left top;
	width: 60px;
	height: 16px;
}

#headlines #editorspickTimer img {
	display: inline;
	float: left;
	margin: 6px 0 0 5px;
}

#headlines #editorspick .dynamic {
	margin-bottom: 170px;
}

#headlines #editorspick .headline {
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
	height: 133px;
	background-color: white;
	border-bottom: none;
	padding: 0;
}

#headlines #editorspick .dynamic .headline {
	position: absolute;
}

#headlines #editorspick .headline h3 {
	margin: 0.25em 0;
	font-size: 180%;
	line-height: 105%;
}

#headlines #editorspick .headline .photo {
	float: right;
	margin: 0 0 0 15px;
}

#footer {
	background: black url(/img/design/footer_bg.png) repeat-x left top;
	color: #CCC;
	width: 100%;
	padding: 30px 0;
	overflow: hidden;
	line-height: 133%;
	clear: both;
}

html.popup #footer {
	display: none;
}

#footer #sitemap {
	margin-left: 30px;
	display: inline; /* for IE double margin float bug */
	float: left;
}

#footer #sitemap h2 {
	font-size: 135%;
	margin: 0 0 0.5em 0;
}

#footer #sitemap h3 {
	margin: 1em 0 0.5em 0;
}

#footer #sitemap .group {
	float: left;
	width: 115px;
	margin-right: 15px;
}

#footer #fineprint {
	display: inline; /* for IE double margin float bug */
	float: right;
	text-align: right;
	width: 200px;
	margin: 0 30px 0 0;
}

#footer #fineprint a {
	margin-left: 1em;
	white-space: nowrap;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 92%;
}

#footer a {
	color: #458BD1;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#content {
	position: relative;
	clear: both;
	zoom: 1; /* trigger haslayout in IE */
}

#misc {
	padding: 15px 30px;
}

#story, #sectionhome, #homepage {
	padding: 0 270px 0 30px;
}
#story #article, #sectionhome #headlines, #homepage #headlines {
	width: 100%;
	position: relative;
	float: left;
	padding: 15px 0;
}

#sectionhome #headlines .section, #homepage #headlines {
	margin-bottom: 2em;
}

* html #story, 
* html #sectionhome, 
* html #playlist, 
* html #homepage {
	height: 1px; /* fixes IE guillotine bug */
}

#story #tools, #sectionhome #tools, #homepage #tools {
	display: inline; /* fixes IE double margin float bug */
	float: left;
	width: 270px;
	margin-right: -270px;
	position: relative;
	padding: 15px 0;
	line-height: 125%;
}

#tools p {
	margin: 0 0 0.8em 0;
}

#tools h2 {
	font-size: 133%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.12em 0;
	border-bottom: 2px solid #FF8000;
}

#tools .search h2 {
	border-bottom: none;
}

#tools .search form {
	margin-bottom: 1em;
}

#tools .section {
	position: relative; /* fixes IE peekaboo bug */
	margin: 0 30px 2em 40px;
}

#tools .section .section {
	margin: 0;
}

#relatedstories .error {
	display: none;
}

#tools ul, #homepage ul, .additional ul, #footerstories ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#tools ul li, #homepage ul li, .additional ul li, #footerstories ul li {
	padding: 0;
	margin: 0.6em 0;
}

#tools ul li p, #tools ul li h3, #homepage ul li p, #homepage ul li h3 {
	margin: 0 0 0.5em 0;
}

#playlist #sources {
	display: inline; /* fixes IE double margin float bug */
	float: left;
	width: 224px;
	border-right: 1px solid #ccc;
	margin: 0 -225px 0 0;
	padding: 0;
	background-color: #e4e4e4;
}

#playlist #clips {
	margin: 0 0 30px 225px;
	padding: 0 30px;
	display: inline; /* fixes IE double margin float bug */
	float: left;
}

#playlist #sources .section h2 {
	padding: 0.5em 30px;
	margin: 0;
	background-color: #eee;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}

#playlist #sources .section ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #eee;
}

#playlist #sources .section ul li {
	padding: 0.5em 4.5em 0.5em 30px;
	margin-bottom: 1px;
	background-color: #e4e4e4;
}

#playlist #sources .section a {
	text-decoration: none;
}

#playlist #sources .section a .duration {
	position: absolute;
	width: 204px;
	left: 0;
	margin-left: 10px;
	text-align: right;
	font-size: 80%;
	color: #999;
}

#playlist #sources .section ul li img, #playlist #sources .section h2 img {
	position: absolute;
	height: 16px;
	width: 16px;
	overflow: hidden;
	border: none;
	margin-left: 10px;
	left: 0;
}

#playlist #sources h1 {
	background: #1A1C56 url(/img/design/bg_video_sources.png) repeat-x 50% 50%;
	padding: 0;
	margin: 0;
	color: white;
	padding: 0.5em 30px;
	font-size: 133%;
	line-height: 105%;
}

#playlist #sources form {
	padding: 0 10px;
	line-height: 150%;
}

#playlist #sources form input.text {
	width: 170px;
}

#playlist #sources form img {
	width: 16px;
	height: 16px;
}

#playlist #clips p {
	margin: 0 0 0.8em 0;
}

#playlist #clips table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	text-align: center;
	vertical-align: top;
	margin: 0.8em 0;
}

#playlist #clips table tr th, #playlist #clips table tr td {
	margin: 0;
	padding: 0.5em 8px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#playlist #clips table input.checkbox {
	margin: 0;
	padding: 0;
	height: 1.2em;
	width: 1.2em;
}

#playlist #clips table tr.r0 {
	background-color: #eee;
}

#playlist #clips table tr.r1 {
	background-color: white;
}

#playlist #clips table tr th {
	background-color: #ddd;
}

#playlist #clips table small {
	color: #666;
}

#playlist #clips table h3 {
	margin: 0 0 0.33em 0;
	padding: 0;
}

#playlist #clips h1 {
	font-size: 133%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
}


#playlist #clips #clipfeature {
	background: #ddd url(/img/design/bg_feature.png) repeat-x 50% 50%;
	margin: 0 -30px 30px -30px;
	overflow: hidden;
	width: 100%;
	padding: 10px 30px;
}

#playlist #clips #clipfeature .search {
	width: 46%;
	display: inline; /* fixes IE double margin float bug */
	float: left;
}

#playlist #clips #clipfeature .feature {
	width: 46%;
	display: inline; /* fixes IE double margin float bug */
	float: right;
}

#playlist #clips #clipfeature p, #playlist #clips #clipfeature h2 {
	margin: 0 0 0.5em 0;
}

#playlist #clips #clipfeature .section img {
	float: left;
	margin: 0 10px 0 0;
}

#playlist #clips .togglethumbnails {
	float: right;
}

#videoplayer {
	background-color: black;
	color: white;
}

#videoplayer p {
	padding: 1em 30px;
	margin: 0;
}

#videoplayer a {
	color: #7E96D3;
}

.lb_left_add_green,
.lb_left_add_blue,
.lb_left_remove_green,
.lb_left_remove_blue,
.lb_right_add_green,
.lb_right_add_blue,
.lb_right_remove_green,
.lb_right_remove_blue {
	position: absolute !important;
	width: 16px !important;
	height: 16px !important;
	overflow: hidden !important;
	background-image: url(/img/design/linkbuttons.png) !important;
	background-repeat: no-repeat !important;
	padding: 0 !important;
	margin: 0 !important;
}

.lb_left_add_blue,
.lb_right_add_blue {
	background-position: 0px 0px !important;
}

.lb_left_add_green,
.lb_right_add_green {
	background-position: -16px 0px !important;
}

.lb_left_remove_blue,
.lb_right_remove_blue {
	background-position: 0px -16px !important;
}

.lb_left_remove_green,
.lb_right_remove_green {
	background-position: -16px -16px !important;
}

.lb_left_add_green,
.lb_left_add_blue,
.lb_left_remove_green,
.lb_left_remove_blue {
	margin-left: -16px !important;
}

p .lb_right_add_green,
p .lb_right_add_blue,
p .lb_right_remove_green,
p .lb_right_remove_blue {
	margin-left: -2px !important;
}

.tags {
	font-size: 85%;
	word-spacing: 5px;
}

.tags strong {
	word-spacing: normal;
	margin-right: 5px;
}

.tags a, a.tags, a.tag, #watchlist ul li a, #hot_topics a {
	color: #5F8C00 !important;
	font-size: 100%;
	word-spacing: normal;
	white-space: nowrap;
	_white-space: normal; /* for IE */
	_display: inline-block; /* would've used white-space:nowrap, but it can crash IE */
}

#tools #watchlist ul li a, .columns a.tag, .columns .tags a {
	white-space: normal;
}

.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11 {
	line-height: 120%;
} 

.s1 {
	font-size: 100% !important;
}
.s2 {
	font-size: 140% !important; 
}
.s3 {
	font-size: 180% !important; 
}
.s4 {
	font-size: 200% !important; 
}
.s5 { 
	font-size: 220% !important; 
}
.s6 { 
	font-size: 240% !important; 
}
.s7 { 
	font-size: 260% !important; 
}
.s8 { 
	font-size: 270% !important; 
}
.s9 { 
	font-size: 280% !important; 
}
.s10 { 
	font-size: 290% !important; 
}
.s11 { 
	font-size: 300% !important; 
}

#watchlist ul li {
	line-height: 120%;
}

a.feed {
	margin: 0;
	padding: 0 0 0 20px;
	background: transparent url(/img/design/feed.png) no-repeat left top;
}

.tabs {
	width: 100%;
	overflow: hidden;
	background: url(/img/design/tab_bottom.gif) repeat-x left bottom;
	margin: 0 0 0.8em 0 !important;
	padding: 0 !important;
}

.tabs span {
	float: left;
	margin-top: 0;
	margin-right: 2px;
	white-space: nowrap;
	background: #f1f1f1 url(/img/design/tab_left.gif) no-repeat left top;
	border-bottom: 1px solid #ccc;
}

.tabs span.active {
	background-color: white;
	border-bottom: 1px solid white;
}

.tabs span a {
	padding: 3px 0.75em;
	float: left;
	display: block;
	color: #0055CC;
	background: url(/img/design/tab_right.gif) no-repeat right top;
}

.tabs span.active a {
	color: black !important;
	cursor: default;
}

.tabs span.active a:hover {
	text-decoration: none !important;
}

.tabs2 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0.8em 0 !important;
	font-size: 88.8%;
	border-top: 2px solid #f60;
	background: url(/img/design/tab_bottom.gif) repeat-x left bottom;
}

.tabs2 span {
	float: left;
	white-space: nowrap;
	padding-bottom: 2px;
}

.tabs2 span.active {
	padding-bottom: 0;
	border-bottom: 2px solid #f60;
}

.tabs2 span a {
	padding: 5px 0.66em;
	text-align: center;
	float: left;
	display: block;
}

.tabs2 span.active a {
	color: black !important;
	cursor: default;
}

.tabs2 span.active a:hover {
	text-decoration: none !important;
}

a.more {
	font-size: 92%;
	font-weight: bold;
}

.headlinesummary {
	border-bottom: 1px solid #ccc;
	padding: 0 0 0.5em 0;
	margin: 0 0 1em 0;
}

.headlinesummary span {
	margin-right: 1em;
}

.headlinesummary p {
	margin: 0 !important;
}

.columns {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

/* 2 column layout with liquid width and 30px gutter */

.column2a, .column2b {
	width: 49.95%;
	float: left;
	overflow: hidden;
}

.column2a {
	clear: both;
}

.column2a .section {
	margin: 0 15px 2em 0;
}

.column2b .section {
	margin: 0 0 2em 15px;
}

.column2a .section .section,
.column2b .section .section {
	margin: 0;
}

#homepage .column2a .section .section,
#homepage .column2b .section .section {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

#homepage .column2a .section .section h3,
#homepage .column2b .section .section h3 {
	background-color: #ddd;
	padding: 2px !important;
}

#homepage .column2a .section .section span.help,
#homepage .column2b .section .section span.help,
#homepage .column2a .section .section span.remove,
#homepage .column2b .section .section span.remove {
	margin-right: 2px;
}

/* 3 column layout with liquid width and 30px gutters */

.column3a, .column3b, .column3c {
	width: 33.25%;
	float: left;
}

.column3a {
	clear: both;
}

.column3a .section {
	margin: 0 20px 2em 0;
}

.column3b .section {
	margin: 0 10px 2em 10px;
}

.column3c .section {
	margin: 0 0 2em 20px;
}

.column3a .section .section,
.column3b .section .section,
.column3c .section .section {
	margin: 0;
}

#homepage .column3a .section .section,
#homepage .column3b .section .section,
#homepage .column3c .section .section {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

/* 4 column layout with liquid width and 30px gutters */

.column4a, .column4b, .column4c, .column4d {
	width: 24.9%;
	float: left;
}

.column4a {
	clear: both;
}

.column4a .section {
	margin: 0 23px 2em 0;
}

.column4b .section {
	margin: 0 10px 2em 16px;
}

.column4c .section {
	margin: 0 9px 2em 14px;
}

.column4d .section {
	margin: 0 2px 2em 21px;
}

.column4a .section .section,
.column4b .section .section,
.column4c .section .section,
.column4d .section .section {
	margin: 0;
}

/* 5 column layout with liquid width and 30px gutters */

.column5a, .column5b, .column5c, .column5d, .column5e {
	width: 19.9%;
	float: left;
}

.column5a {
	clear: both;
}

.column5a .section {
	margin: 0 24px 2em 0;
}

.column5b .section {
	margin: 0 18px 2em 6px;
}

.column5c .section {
	margin: 0 12px 2em 12px;
}

.column5d .section {
	margin: 0 6px 2em 18px;
}

.column5e .section {
	margin: 0 0 2em 24px;
}

.column5a .section .section,
.column5b .section .section,
.column5c .section .section,
.column5d .section .section,
.column5e .section .section {
	margin: 0;
}

h2.highlightscrollerheading {
	border: none !important;
	margin: 0 !important;
	padding: 1px 8px 0.33em 8px !important;
	font-size: 115% !important;
	background: white url(/img/design/btn_editorspick_bg.png) repeat-x scroll left bottom !important;
	clear: both;
}

#homepage #headlines, #homepage #headlines p {
	line-height: 125%;
}

#homepage #headlines ul li, #tools ul li, #footerstories ul li {
	padding: 0 0 0 10px;
	background: url(/img/design/bullet.gif) no-repeat 0 0.6em;
}

#homepage #headlines h1 {
	margin: 0 0 0.25em 0;
}

#homepage #headlines h2, #sectionhome #headlines h2 {
	font-size: 133%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.12em 0;
	border-bottom: 2px solid #FF8000;
	_position: relative; /* fixes IE peekaboo bug */
}

#homepage #headlines h3 {
	font-size: 115%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.12em 0;
}

.photo285 {
	margin: 0 0 0.5em 30px;
	width: 285px;
	float: right;
}

.caption {
	font-size: 83.3%;
	color: #666 !important;
}

.caption a {
	color: #666 !important;
}

#homepage .photofullwidth {
	margin: 0 0 0.5em 0;
}

table {
	border-collapse: collapse;
	margin: 0 0 0.8em 0;
	text-align: left;
}

table tr td,
table tr th {
	padding: 0 0.8em 0.5em 0;
	vertical-align: top;
	margin: 0;
}

.commentform {
	width: 100%; /* needed by IE5 */
}

.commentform table {
	width: 100%;
}

.commentform table tr th {
	width: 0%;
	white-space: nowrap;
	padding: 0 1.5em 1em 0;
}

.commentform table tr td {
	width: 100%;
	padding: 0 1.5em 1em 0;
}

.commentform input.text {
	width: 97%;
}

.commentform textarea {
	width: 97%;
}

#subheader {
	background-color: black;
	color: white;
	position: relative;
	margin: 0;
	padding: 0.66em 0;
	border-bottom: 2px solid #f60;
	width: 100%;
	overflow: hidden;
}

#subheader *, #subheader a {
	color: white;
}

#subheader h1 {
	color: white;
	width: auto;
	padding: 0 30px;
	margin: 0;
	font-size: 200%;
	letter-spacing: -1px;
	float: left;
}

#subheader p {
	margin: 0;
	padding: 0.9em 30px 0 0;
	color: #ccc;
}

#nav_3rd {
	background: #444 url(/img/design/nav_3rd_bg.png) repeat-x center bottom;
	overflow: hidden;
	width: 100%;
}

#nav_3rd ul,
#nav_3rd p {
	list-style: none;
	padding: 0 20px;
	margin: 0;
}

#nav_3rd ul li,
#nav_3rd p span {
	margin: 0;
	padding: 8px 10px;
	float: left;
	white-space: nowrap;
}

#nav_3rd ul li.active,
#nav_3rd p span.active {
	background-color: #414141;
}

#nav_3rd a {
	color: white;
	text-decoration: none;
}

#nav_3rd a:hover {
	text-decoration: underline;
}

#nav_3rd p span.separator {
	background-color: #fff;
	border-right: 1px solid #aaa;
	padding: 0;
	margin: 8px 5px;
	width: 1px;
	overflow: hidden;
}

#nav_3rd span.alt {
	padding: 0;
	margin: 0;
}

#nav_3rd span.alt span.active {
	background-color: #393939;
}

#nav_3rd span.alt span.active a {
	color: white;
}

form {
	padding: 0;
	margin: 0;
}

.thumbnailscroller .columns .section {
	margin-top: 0.66em !important;
	margin-bottom: 0.66em !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	display: block;
	text-align: center;
	height: 60px !important;
	overflow: hidden;
}

.highlightscroller, .thumbnailscroller {
	zoom: 1; /* trigger haslayout in IE */
	clear: both;
	border-top: 2px solid #ccc;
	width: 100%;
	overflow: hidden;
	margin: 0 !important;
}

.ajaxRendering .highlightscroller,
.ajaxRendering .thumbnailscroller {
	height: 60px;
	overflow: hidden;
	padding: 0 0 0.66em 0;
}

.tabcontent .highlightscroller, 
.tabcontent .thumbnailscroller {
	border-top: none;
}

.tabcontent .thumbnailscroller .section,
.tabcontent .highlightscroller .section {
	margin-top: 0 !important;
}

.highlightscroller .section {
	border: none !important;
}

.highlightscroller .headline {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	_padding-bottom: 0.66em !important; /* IE6 bug fix */
	margin-top: 0.66em !important;
	margin-bottom: 0.66em !important;
}

.highlightscroller .columns .section{
	width: auto;
	clear: none;
}

.highlightscroller .headline h2 {
	border: none !important;
	margin: 0 !important;
	padding: 0 0 0 87px !important;
	font-size: 92% !important;
	line-height: normal !important;
}

.highlightscroller .headline h2 * {
	color: black !important;
	font-family: Verdana !important;
}

.highlightscroller .headline p {
	font-size: 92%;
	margin: 0 !important;
	padding: 0 0 0 87px;
	line-height: normal !important;
}

.highlightscroller .headline p img {
	margin-top: 0.33em;
}

.highlightscroller img {
	float: left;
}

.highlightscrollercontrols {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-bottom: 2em;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	background: #E8E8E8 url(/img/design/btn_editorspick_bg.png) repeat-x left top;
}

.tabcontent .highlightscrollercontrols {
	margin-bottom: 1em;
}

.highlightscrollercontrols a {
	background: transparent url(/img/design/btn_editorspick_off_16x16.png) no-repeat left top;
	outline: none;
	font-size: 16px;
}

.highlightscrollercontrols a.active, .highlightscrollercontrols a.active:hover {
	background: transparent url(/img/design/btn_editorspick_on_16x16.png) no-repeat left top;
}

.highlightscrollercontrols a.prev {
	background: transparent url(/img/design/btn_editorspick_prev_26x16.png) no-repeat left top;
}

.highlightscrollercontrols a.next {
	background: transparent url(/img/design/btn_editorspick_next_26x16.png) no-repeat left top;
}

.highlightscrollercontrols a img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}

ul.accordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.accordion li, ul.separated li, #storyRelatedMedia .related ul li {
	background: transparent none !important;
	padding: 0 !important;
}
ul.accordion li a strong, h2.accordion a strong, h3.accordion a strong, #storyRelatedMedia ul li a strong {
	color: black;
}

#storyRelatedMedia .related ul li.expandable a,
a.expandable,
ul.accordion li a {
	display: block;
	padding: 0 20px 0 0;
	background: url(/img/design/expandable_closed.gif) no-repeat right top;
}

#storyRelatedMedia .related ul li.expandable a:hover,
a.expandable:hover,
ul.accordion li a:hover {
	display: block;
	padding: 0 20px 0 0;
	background: url(/img/design/expandable_closed_hover.gif) no-repeat right top;
}

#storyRelatedMedia .related ul li.expandable a.active,
a.expandable.active,
ul.accordion li a.active {
	background: url(/img/design/expandable_open.gif) no-repeat right top;
}

ul.separated, #storyRelatedMedia .related ul,
ul.accordion  {
	list-style: none;
	margin: 0;
	padding: 0;
}

#article ul.separated, #storyRelatedMedia .related ul,
ul.accordion  {
	border-top: 1px dotted #ccc !important;
}

ul.separated li, #storyRelatedMedia .related ul li,
ul.accordion li  {
	zoom: 1;
	margin: 0 !important;
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
	border-bottom: 1px dotted #ccc !important;
	width: 100%;
	overflow: hidden;
}

ul.separated li ul {
	font-size: 92%;
	line-height: normal !important;
}

ul.separated li ul li {
	padding-top: 0.33em !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

table.businessdata {
	width: 100%;
}

table.businessdata tr td, table.businessdata tr th {
	padding: 0 0.5em 0.1em 0.1em;
}

#inpageplayer, #article #storyRelatedMedia #inpageplayer, #storyRelatedMedia iframe {
	margin: 0.5em 0 0 0;
	display: block;
}

#inpageplayer p {
	text-align: right;
}

#inpageplayer a {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent none !important;
}

#article #inpageplayer {
	margin: 0 0 1em 0;
}

#newsradio-widget {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	float: right;
	height: 24px;
	width: 43.25em;
	overflow: hidden;
	background: url(/img/design/newsradio_widget.png) no-repeat left top;
	color: white;
	white-space: nowrap;
	line-height: 20px;
	font-size: 92%;
	text-align: center;
}
#newsradio-widget * {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: white !important;
}
#newsradio-widget-title {
	display: block;
	float: left;
	width: 8em;
	padding: 0 0.4em 0 1.6em;
	background: url(/img/design/newsradio_widget_nowplaying_left.png) no-repeat right top;
	height: 22px;
	overflow: hidden;
	text-align: center;
}
#newsradio-widget-nowplaying {
	display: block;
	float: left;
	padding: 0;
	width: 22em;
	height: 22px;
	overflow: hidden;
	background: url(/img/design/newsradio_widget_nowplaying_bg.png) repeat-x left top;
	color: white;
	white-space: nowrap;
}
#newsradio-widget-listen {
	display: block;
	float: left;
	width: 10em;
	padding: 0 0.4em 0 0.6em;
	height: 22px;
	overflow: hidden;
	text-align: center;
	background: url(/img/design/newsradio_widget_nowplaying_right.png) no-repeat left top;
}
p.modifyplaylist {
	clear: both;
	font-weight: bold;
	font-size: 92%;
}
p.modifyplaylist * {
	vertical-align: middle;
}
.calendar-month {
	display: inline; /* fixes IE double margin float bug */
	float: left;
	width: 15.25em;
	height: 15.25em;
	margin: 0 1.25em 1.25em 0;
	border: 1px solid #ccc;
}
.calendar-month table {
	height: 100%;
	width: 100%;
}
.calendar-month table tr th {
	text-align: center;
	background-color: #eee;
}
.calendar-month table tr td {
	text-align: right;
}
.calendar-month table tr th,
.calendar-month table tr td {
	padding: 0 0.5em 0 0.3em;
	vertical-align: middle;
}
.chooser {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	margin: 0 0 15px 0;
	font-size: 92%;
}
.chooser p {
	margin: 0 !important;
}
.chooser p, .chooser table, .chooser table tr td, .chooser table tr th {
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
}
#regionfinder form, #regionfinder noscript {
	display: inline;
	white-space: nowrap;
}
#regionfinder select {
	width: 21em;
}
#regionfinder input.text {
	width: 8em;
}
#regionfinder select option.state {
	font-weight: bold;
	border-top: 1px solid #999;
}
#weatherMap {
	background-color: black;
	width: 100%;
	overflow: hidden;
	color: white;
}
#weatherMap img {
	float: left;
	margin: 0 15px 0 0;
}

#weatherMap h2, #weatherMap h3 {
	border: none !important;
	padding: 0.8em 10px 0.15em 10px !important;
	margin-bottom: 10px !important;
}

#weatherMap p {
	line-height: 150% !important;
	color: #ccc;
	margin: 0 15px 0.8em 15px;
}

#weatherTabContent {
	margin-bottom: 2em;
}

.wwarning {
	_position: relative; /* fixes IE peekaboo bug */
	background-color: #ffc;
	border: 1px solid #fc9;
	padding: 0.66em 15px;
	margin: 1em 0;
}

.wwarning .wissued {
	font-size: 92%;
	font-weight: normal;
	color: #666;
}

.wwarning h3, .wwarning p {
	margin: 0.3em 0 !important;
	padding: 0;
}

#ausminmaxrain table, #stateminmaxrain table {
	margin: 0.5em 0 2em 0;
}

#auscapcities h3, #auscapcities p,
#statecentres h3, #statecentres p {
	margin: 0 !important;
	padding: 0 !important;
}

#auscapcities table,
#statecentres table {
	width: 100%;
}
#tools #auscapcities table,
#tools #statecentres table {
	font-size: 92%;
}
#tools #auscapcities .remove,
#tools #statecentres .remove {
	display: none;
}
#auscapcities table tr td, #auscapcities table tr th,
#statecentres table tr td, #statecentres table tr th {
	border-bottom: 1px solid #ddd;
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: middle;
}
#auscapcities .autemp,
#statecentres .autemp {
	letter-spacing: -1px;
	line-height: 105%;
	font-size: 200%;
	font-weight: bold;
}
#auscapcities .autemp *,
#statecentres .autemp * {
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
}
#auscapcities .autemp .min,
#statecentres .autemp .min {
	color: #999;
}
#auscapcities .autemp .max,
#statecentres .autemp .max {
	color: #000;
}
#world-city-1day table {
	width: 100%;
}
#world-city-1day table tr th {
	background-color: #AEC4EC;
	border-bottom: 2px solid white;
	padding: 0.25em 0.5em;
}
#world-city-1day table tr td {
	background-color: #F1F4FB;
	border-bottom: 2px solid white;
	padding: 0.25em 0.5em;
}
#world-city-1day table tr.r1 td {
	background-color: #E1E8F7;
}
#world-city-1day .wmin,
#world-city-1day .wmax {
	text-align: right !important;
}
#state4day table {
	width: 100%;
	margin: 0.5em 0 2em 0;
}
#state4day table tr th {
	background-color: #E1E8F7;
}
#state4day table tr td,
#state4day table tr th {
	border: 1px solid #E1E8F7;
	text-align: center !important;
	padding: 0.25em 0.5em;
}
#StateCoastalWaters h3 {
	margin: 1.5em 0 0.33em 0 !important;
}

#searchBox fieldset {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 0.8em 15px;
	margin: 0 0 1em 0;
}

#searchBox label, #searchBox .labelSpace {
	width: 18em;
	margin-right: 1em;
	float: left;
	display: block;
	text-align: right;
}
.searchSummary {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1em;
	
}
.a-z {
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em 0;
}
.a-z a {
	display: block;
	float: left;
	text-align: center;
	width: 1.45em;
	padding: 2px 0;
	margin: 0 3px 3px 0;
	font-weight: bold;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}

.a-z a:hover {
	border: 1px solid #0055CC;
	text-decoration: none !important;
}

.a-z span.active a {
	color: black !important;
	border: 1px solid #f60;
	cursor: default;
	background-color: #fa6;
	text-decoration: none !important;
}

/* related searches */
#clustering {
	background-color: #fa6;
	border: 2px solid #f60;
	padding: 0.5em 10px;
}

#clustering h2 {
	border: none;
	margin-top: 0.5em;
}

#clustering ul {
	margin: 0.6em 0;
}

#clustering ul li {
	margin: 0.25em 0;
}

#clustering a {
	color: #049 !important;
}

#clustering a:visited {
	color: #444 !important;
}

.gallery {
	margin: 1.5em -8px 1.5em 0;
	width: 100%;
	overflow: hidden;
}

.gallery a img {
	float: left;
	margin: 0 8px 6px 0;
}

#footerstories {
	clear: both;
	overflow: hidden;
	width: 100%;
	background: #eee url(/img/design/footerstories_bg.png) repeat-x left top;
	font-size: 92%;
	zoom: 1;
}

#footerstories h2, 
#footerstories h2 * {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
}

html.popup #footerstories {
	display: none;
}

#footerstories .headlines {
	padding: 0 30px;
}

#footerstories .column2a .section,
#footerstories .column2b .section {
	margin-top: 2em;
	margin-bottom: 2em;
}

p#storytools {
	font-size: 83.3%;
	margin: 0 0 1em 0;
}

p#storytools span {
	margin-right: 1em;
}

#glance {
	border-top: 1px solid #ccc;
	background: url(/img/design/glance_bg.png) repeat-x left top;
	border-bottom: 2px solid #ccc;
	padding: 8px;
	margin: 2em 0;
}

#glance-button, 
#glance-button span, 
#glance-button a {
	display: block;
	width: 70px;
	height: 23px;
	line-height: 23px;
	vertical-align: 0%;
	overflow: hidden;
	text-align: center;
	color: black !important;
}

#glance-button {
	background: url(/img/design/glance_button_bg.png) no-repeat left top;
	float: right;
}

#glance h2 {
	border: none !important;
	padding: 0 0 0.33em 0 !important;
	margin: 0 !important;
}

#glance p {
	font-size: 92%;
	padding: 0 !important;
	margin: 0 !important;
}

#glance-content .columns {
	margin-top: 1.5em;
}

#glance-content .columns .section .section {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#glance .more {
	width: 100%;
	margin-top: -1.5em;
	display: block;
	text-align: right;
	font-weight: normal;
}

#glance h3 {
	font-size: 100% !important;
	padding-right: 5em;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #ccc;
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
}

#glance-content .columns {
	width: 100%;
	overflow: hidden;
	float: none;
}

/* News home page promo at top-right */
#highlight {
	border-bottom: 2px solid #ccc;
	font-size: 92%;
	line-height: normal;
	width: 200px;
	overflow: hidden;
}

#highlight * {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
}

#highlight h2 {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	font-size: 109%;
	padding: 4px 5px;
}

#highlight h3 {
	clear: both;
	font-size: 100%;
	margin: 0 0 0.5em 0;
}

#highlight h3 a {
	color: black;
}

#highlight h3 a:visited {
	color: #444;
}

#highlight img {
	float: left;
	margin: 0 8px 4px 0;
}

span.media {
	white-space: nowrap;
	font-size: 9pt;
	letter-spacing: normal;
	color: #aaa;
}

.widephoto #topstories {
	padding-top: 1em;
}

.dialog {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.5em 10px;
	margin: 1em 0;
}

.dialog p {
	margin: 0 !important;
	padding: 0.3em 0 !important;
}

.dialog input.button,
.dialog button {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.dialog input.checkbox {
	vertical-align: middle;
}