/* ==============================================
   global 
   ==============================================*/

* {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
	font: 70%/150% verdana, arial, helvetica, sans-serif;
	color: #343a3e;
	text-align: center;
	background: #f5f6f6 url(/today/common/images/bg.gif) repeat-x 0 0;
}

img {
	border: 0;
}

div {
	margin: 0;
	padding: 0;
}

.clearing {
	clear: both;
	font-size: 0;
	line-height: 0;
}

table {
	line-height: 1.5em;
} /* IE needs this */

a {
	color: #c00;
	text-decoration:none;
}

a:hover {
}

/* ==============================================
   general layout
   ==============================================*/
#wrapper {
	position: relative;
	width: 871px;
	margin: 0 auto;
	text-align: left;
}

body.homepage #main {
	border-collapse: collapse;
	background: #fff;
}

#main td {
	vertical-align: top;
}

#main td td {
}

body.topic #main {
	background: #fff;
	background: #fff url(/today/common/images/bg-border-topic-main.gif) repeat-y 0 0;
	border-bottom: 1px solid #f5f6f6; /* IE needs this */
}

/* media page */
body.media #main {
	background: #fff;
	background: #fff url(/today/common/images/bg-border-topic-media.gif) repeat-y 0 0;
	border-bottom: 1px solid #f5f6f6; /* IE needs this */
}

/* ==============================================
   second level page layout
   ==============================================*/
   
#content {
	float: left;
	width: 580px;
}

#subcontent {
	float: right;
	width: 291px;
	background: #f8f9f9 url(/today/common/images/bg-border-feature.gif) repeat-y 0 0;
}

/* ==============================================
   top
   ==============================================*/
   
#top {
	padding-top: 12px;
	background: #1a1d20;
}

#top ul {
}

#top li {
	list-style: none;
	display: inline; /* for IE */
}

#top li a {
	float: left;
	display: block;
	height: 28px;
	margin-right: 1px;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url() no-repeat 0 0;
}

#top li a#today {
	background-image: url(/today/common/images/bg-nav-today.gif);
	width: 58px;
}

#top li a#arts {
	background-image: url(/today/common/images/bg-nav-arts.gif);
	width: 157px;
}

#top li a#science {
	background-image: url(/today/common/images/bg-nav-science.gif);
	width: 115px;
}

#top li a#world {
	background-image: url(/today/common/images/bg-nav-world.gif);
	width: 98px;
}

#top li a#sports {
	background-image: url(/today/common/images/bg-nav-sports.gif);
	width: 62px;
}

#top li a#campuslife {
	background-image: url(/today/common/images/bg-nav-campuslife.gif);
	width: 98px;
}

#top li a#multimedia {
	background-image: url(/today/common/images/bg-nav-multimedia.gif);
	width: 94px;
}

#top li a:hover#today, #top li a:hover#arts, #top li a:hover#science, #top li a:hover#world, #top li a:hover#sports, #top li a:hover#campuslife, #top li a:hover#multimedia {
	background-position: 0 -28px;
}

#top li a.active-link#today, #top li a.active-link#arts, #top li a.active-link#science, #top li a.active-link#world, #top li a.active-link#sports, #top li a.active-link#campuslife, #top li a.active-link#multimedia {
	background-position: 0 -56px;
}

/* weather styles start */
#weather {
	float: right;
	width: 182px;
	height: 28px; /* same height as #top li a */
	overflow: hidden;
	text-align: right;
}

#weather a {
	display: block;
	width: auto;
	color: #5797b4;
	font-size: 0.9em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 9px !important;
	padding-top: 7px;
}

#weather img {
	vertical-align: middle;
	margin-top: -9px;
	padding: 0 3px;
}

#weather a span.temperature {
	color: #fff;
}

#weather a:hover {
	color: #5294b2; /* slightly different for IE */
}

#weather a:hover span.temperature {
	color: #fc0;
}

/* masthead styles start*/
#masthead {
	margin-left: 1px;
}

#masthead #logo {
	float: left;
	width: 513px;
	height: 85px;
}

/* for static logo */
#masthead h1 a {
	float: left;
	display: block;
	width: 513px;
	height: 85px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(/today/common/images/bg-logo-default.gif) no-repeat 0 0;
}

#masthead h1.arts a {
	background-image: url(/today/common/images/bg-logo-arts.gif);
}

#masthead h1.science a {
	background-image: url(/today/common/images/bg-logo-science.gif);
}

#masthead h1.world a {
	background-image: url(/today/common/images/bg-logo-world.gif);
}

#masthead h1.sports a {
	background-image: url(/today/common/images/bg-logo-sports.gif);
}

#masthead h1.campuslife a {
	background-image: url(/today/common/images/bg-logo-campuslife.gif);
}

#masthead h1.multimedia a {
	background-image: url(/today/common/images/bg-logo-multimedia.gif);
}

#masthead h1.default a {
	background-image: url(/today/common/images/bg-logo-default.gif);
}

/* ==============================================
   standard elements
   ==============================================*/

/* table widths on homepage */
body.homepage #main #closeup {
	width: 435px;
}

body.homepage #main #headlines {
	width: 436px;
}

body.homepage #main #landingpages {
	width: 290px;
}

body.homepage #main #calendar {
	width: 290px;
}

body.homepage #main #popular {
	width: 290px;
}

body.homepage #main #feature {
	width: 291px;
}

body.homepage #main td.funbox {
	width: 145px;
}

body.homepage #main td.inthenews {
	width: 291px;
}

body.homepage #main #etcetera {
	width: 871px;
}

/* category headers */
#closeup h2, #headlines h2, #landingpages h2, #calendar h2, #feature h2, #popular h2, #etcetera h2, #content h2.top {
	color: #3a4148;
	font-family: arial;
	font-size: 1.3em;
	line-height: 1.2em;
	margin-left: 1px;
	padding: 5px 12px 4px 12px;
	border-bottom: 1px solid #c5c8ca;
	background: #c9cecf url(/today/common/images/bg-content-h2.gif) repeat-x 0 0;
}

/* for rounded corners on top row */
body.homepage #closeup h2 {
	background-image: url(/today/common/images/bg-h2-top.gif);
	background-position: 0 0;
	margin-left: 0;
	padding-left: 13px;
}

body.homepage #headlines h2 {
	background-image: url(/today/common/images/bg-h2-top.gif);
	background-position: 100% 0;
}

body.topic #content h2.top {
	background-image: url(/today/common/images/bg-h2-top.gif);
	background-position: 0 0;
	margin-left: 0;
	padding-left: 13px;
}

body.topic #headlines h2 {
	background-image: url(/today/common/images/bg-h2-top.gif);
	background-position: 100% 0;
}

/* for extra 1px border on last column */
body.homepage #feature h2, body.homepage #etcetera h2 {
	margin-right: 1px;
}

/* to separate middle columns */
body.homepage #headlines h2, body.homepage #feature h2, body.homepage #popular h2, body.homepage #landingpages h2 {
	margin-left: 0;
	border-left: 1px solid #b6babc;
}

body.topic #headlines h2 {
	margin-left: 0;
	border-left: 1px solid #b6babc;
}

/* for links in headers */
#closeup h2 a, #headlines h2 a, #calendar h2 a, #feature h2 a, #popular h2 a, #etcetera h2 a {
	color: #3a4148;
	display: block;
	width: auto;
	padding-left: 21px;
	margin-left: -1px;
	background: transparent url(/today/common/images/bg-h2-link.png) no-repeat 0 0 !important;
	background: transparent url(/today/common/images/bg-h2-link.gif) no-repeat 0 0;
}

#closeup h2 a:hover, #headlines h2 a:hover, #calendar h2 a:hover, #feature h2 a:hover, #popular h2 a:hover, #etcetera h2 a:hover {
	color: #4985a0;
}

/* Details in article links */

a span.details {
	display: block;
	color: #70afcb;
	font-size: .9em;
	line-height: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: .3em;
}

a span.details span {
	color: #ddd;
}

a span.details span.audio {
	color: #70afcb;
	padding-left: 21px;
	padding-bottom: 0.1em;
	background: transparent url(../images/icn-audio.gif) no-repeat 0 0.1em;
}

a span.details span.video {
	color: #70afcb;
	padding-left: 21px;
	padding-bottom: 0.1em;
	background: transparent url(/today/common/images/icn-video.gif) no-repeat 0 0.1em;
}

a span.details span.slideshow {
	color: #70afcb;
	padding-left: 21px;
	padding-bottom: 0.1em;
	background: transparent url(/today/common/images/icn-slideshow.gif) no-repeat 0 0.1em;
}

a span.details span.gallery {
	color: #70afcb;
	padding-left: 21px;
	padding-bottom: 0.1em;
	background: transparent url(../images/icn-gallery.gif) no-repeat 0 0.1em;
}

a span.details span.text {
	color: #70afcb;
}

a span.details span.date {
	color: #8f969f;
	text-transform: none;
}


/* ==============================================
   closeup 
   ==============================================*/
#closeup {
	background: #3a4148 url(/today/common/images/bg-border-1px.gif) repeat-y 0 0;
}

#closeup div.container {
	margin-left: 1px;
}

#closeup p {
	color: #bcc0c2;
	line-height: 1.6em;
	font-size: .9em;
}

#closeup img {
	display: block;
}

#closeup p span {
	display: block;
	padding: 6px 12px 12px 12px;
}

#closeup p a {
	color: #fff;
}

	#closeup p a:hover {
		text-decoration:underline;
	}

/* ==============================================
   headlines 
   ==============================================*/
body.homepage #headlines {
	background: transparent url(/today/common/images/bg-border-headlines.gif) repeat-y 0 0;
}

body.homepage #headlines div.container {
	padding: 12px;
	margin-left: 1px;
}

body.homepage #headlines h3 {
	font-weight: normal;
	padding-bottom: 1.1em;
	margin-bottom: 1.1em;
	border-bottom: 1px solid #ddd;
}

body.homepage #headlines h3 a, body.homepage #headlines h4 a {
	color: #343a3e;
}

body.homepage #headlines h3 a:hover, body.homepage #headlines h4 a:hover {
	color: #343a3e;
}

body.homepage #headlines h3 a strong {
	display: block;
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 3em;
	font-weight: normal;
	line-height: 1em;
	padding-bottom: .2em;
}

body.homepage #headlines h3 a:hover strong, body.homepage #headlines h4 a:hover strong {
	color: #f60;
}


body.homepage #headlines h4 {
	font-weight: normal;
	margin-bottom: 1.5em;
}

body.homepage #headlines h4 a {
	color: #454c54;
}

body.homepage #headlines h4 a strong {
	display: block;
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1em;
	padding-bottom: .2em;
}

/* headlines on second level pages */
body.topic #headlines div.container {
	padding: 12px 12px 3px 12px;
	margin-left: 1px;
	margin-right: 1px;
}

body.topic #headlines h3, body.topic #headlines h4 {
	
	margin-bottom: 1.2em;
	clear: right;
}

body.topic #headlines h3 a, body.topic #headlines h4 a {
	display: block;
}

body.topic #headlines h3 a strong, body.topic #headlines h4 a strong {
	display: block;
	color: #343a3e;
}

body.topic #headlines h3 a:hover strong, body.topic #headlines h4 a:hover strong {
	color: #f60;
}

body.topic #headlines a span.details {
	color: #555f6a;
	font-weight: normal;
	text-transform: none;
	padding-top: 0.1em;
}

body.topic #headlines a span.details span {
	display: block;
	color: #5294b2;
	text-transform: uppercase;
	padding-top: 0.1em;
}

	body.topic #headlines a span.details span.audio, 
	body.topic #headlines a span.details span.video, 
	body.topic #headlines a span.details span.slideshow,
	body.topic #headlines a span.details span.gallery,
	body.topic #headlines a span.details span.text  {
		background-position: 0 0.3em;
	}

body.topic #headlines a img {
	border: 1px solid #848b90;
	float: right;
	margin: 0 0 12px 12px;
}

/* ==============================================
   destinations 
   ==============================================*/

#landingpages {
	border-top: 1px solid #d1d4d6;
}

body.homepage #landingpages {
	background: transparent url(/today/common/images/bg-border-1px.gif) repeat-y 0 0;
}

body.homepage #landingpages .loading {
	padding: 12px;
}

body.homepage #landingpages #explorationswrapper {
	overflow: hidden;
	position: relative;
	height: 0px;
}

body.homepage #landingpages #explorationscontent {
	position: absolute;
	top: 0px;
}

body.topic #landingpages {
	margin-right: 1px;
}

#landingpages #explorations {
	position: relative;
}

#landingpages #explorations div.explorationsitem {
	clear: both;
	/* margin-left: 1px; removed for IE */
	padding: 12px;
	width: 266px;
	background: #fff url(/today/common/images/bg-calendar-event.gif) repeat-x 0 100%;
	border-bottom: 1px solid #e2e7e8;
	border-left: 1px solid #ccc; /* added for IE, since floating the calendar img uncovers a rendering bug that removes left margin */
	zoom: 1;
}

#landingpages #explorations div.explorationsitem div.clearing {
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
	border: none;
}

#landingpages p a {
	color: #3a4148;
	font-size: .9em;
	text-decoration: none;
}

#landingpages p a strong {
	display: block;
	font-size: 1.1em;
}

#landingpages p a:hover {
	color: #f60;
}

#landingpages p a img {
	float: left;
	border: 1px solid #8f969f;
	margin-right: 12px;
}

#landingpages #explorations ul.pagination {
	list-style: none;
	display: block;
	margin:  5px 12px 6px 12px;
	padding: 0;
}

#landingpages #explorations ul.pagination:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#landingpages #explorations ul.pagination li {
	display: inline;
}

#landingpages #explorations li a.previous {
	color: #5997af;
	font-weight: bold;
	float: left;
}

#landingpages #explorations li a.next {
	color: #5997af;
	font-weight: bold;
	float: right;
}

#landingpages #explorations li a.previous:hover,
#landingpages #explorations li a.next:hover {
	color: #f60;
}

#landingpages #explorations li a.inactive,
#landingpages #explorations li a.inactive:hover {
	color: #d3e5f1;
	cursor: text;
}

/* ==============================================
   feature 
   ==============================================*/
#feature {
	/* background color provided by the CMS */
	background: #fff url(/today/common/images/bg-border-feature.gif) repeat-y 0 0;
	border-top: 1px solid #d1d4d6;
}

#feature h2 span.video {
	padding-left: 24px;
	background: transparent url(/today/common/images/icn-video.gif) no-repeat 0 0.2em;
}

#feature h3 {
	margin-left: 1px;
}

body.homepage #feature #featureSlide h3 {
	display: none; 
}

body.homepage #feature #featureSlide h3.first,
body.homepage #feature #featureSlide h3:first-child {
	display: block;
}

#feature h3 a img {
	display: block;
}

body.topic #feature h3 a img {
	display: none;
}

body.topic #feature #featureSlide h3.first a img,
body.topic #feature #featureSlide h3:first-child a img {
	display: block;
}

#feature h3 a {
	color: #fff;
	font-size: .9em;
	display: block;
	width: 290px;
	height: auto;
	font-weight: normal;
}

body.topic #feature h3 a {
	border-top: 1px solid rgba(255, 255, 255, .2) !important;
	border-top: 1px solid #aaa;
	margin: 0 11px 0 12px; 
	padding: 0;
	width: 266px;
}

body.topic #feature h3.first a,
body.topic #feature h3:first-child a {
	border-top: none;
	margin: 0;
	font-size: 1em;
	padding: 0;
	width: 266px;
}

body.homepage #feature h3.first a,
body.homepage #feature h3:first-child a {
	font-size: 1em;
}

body.homepage #feature h3 div,
body.topic #feature h3.first div,
body.topic #feature h3:first-child div  {
	padding: 0 12px 12px 12px;
}

body.topic #feature h3 div {
	padding: 0 0 12px 0;
}

#feature h3 a span,
body.topic #feature h3.first a span,
body.topic #feature h3:first-child a span {
	display: block;
	padding: 0 12px 12px 12px;
}

body.topic #feature h3 a span {
	display: none;
}

#feature h3 a span.details,
body.topic #feature h3.first a span.details,
body.topic #feature h3:first-child a span.details {
	padding: 12px 0;
	color: #fff;		
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
}

#feature h3 a strong,
body.topic #feature h3.first a strong,
body.topic #feature h3:first-child a strong {
	color: #fff;
	display: block;
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1em;
	padding: 10px 0 .2em 0;
}

body.topic #feature h3 a strong {
	color: #fff;
	display: block;
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em;
	padding: 10px 0 .2em 0;
}

#feature h3 a:hover strong {
/*color: #ff8f21;*/
	}

/* ==============================================
   calendar 
   ==============================================*/

#calendar {
	border-top: 1px solid #d1d4d6;
}

body.homepage #calendar {
	background: #f5f6f6 url(/today/common/images/bg-border-1px.gif) repeat-y 0 0;
}

#calendar h3 a {
	color: #abc8dc;
	border-top: 1px solid #dfecf4;
	border-bottom: 1px solid #dfecf4;
	background-color: #fff;
	font-family: arial;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 5px 12px 6px 12px;
	margin: 0 1px;
	display: block;
}

#calendar h3 a:hover {
	color: #f60;
}

body.homepage #calendar a.fullcalendar {
	float: right;
	color: #6aa2b9;
	margin-top: -2em;
	padding-right: 12px;
}

body.homepage #calendar div.container {
	padding: 12px 12px 3px 12px;
	margin-left: 1px;
	background-color: #f5f6f6;
}

body.topic #calendar div.container {
	padding: 12px 12px 3px 12px;
	margin-left: 1px;
	margin-right: 1px;
}

#calendar ul {
}

#calendar ul li {
	list-style: none;
}

#calendar ul li {
}

#calendar ul li a {
	color: #5294b2;
	display: block;
	width: 264px;
	padding-bottom: 1em;
	text-decoration: none;
}

#calendar ul li a:hover {
	color: #454545;
}

#calendar ul li a strong {
	display: block;
	padding-left: 72px;
}

#calendar ul li a:hover strong {
	color: #f60;
}

#calendar ul li a span.details {
	color: #a0c26b;
	padding-top: 0.1em;
	text-transform: none;
	display: inline;
	float: left;
	font-weight: bold;
}

#calendar ul li a span.details em {
	font-style: normal;
	color: #757a7f;
}

/* tools */
#calendar-tools {
	border-top: 1px solid #e2e7e8;
}

#calendar #calendar-tools ul {
	margin: 0 1px 0 2px;
	padding: 0 12px 0 6px;
}

#calendar #calendar-tools li {
	list-style: none;
	float: left;
	display: inline;
}

#calendar #calendar-tools li a {
	display: block;
	width: auto;
	float: left;
	/*color: #70afcb;*/
	color: #79aa36;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: bold;
	margin: 4px 0;
	padding: 0 6px;
	border-right: 1px solid #ddd;
}

#calendar #calendar-tools li a:hover {
	color: #f60;
}

#calendar #calendar-tools li a.last {
	border-right: none;
}

/* ==============================================
   funbox 
   ==============================================*/
#main td.funbox {
	background: #5991ab;
	border: 0 solid;
}

body.homepage td.funbox div.container {
	padding: 12px;
	margin-left: 1px;
}

td.funbox p, td.funbox h3, td.funbox h4 {
	margin-bottom: 1em;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.5em;
}

td.funbox h2 {
	color: #ecf3f8;
	font-family: arial;
	font-size: 1.3em;
	padding: 5px 12px 6px 12px;
	background: #4985a0;
}

td.funbox a {
	color: #fc0;
	font-weight: bold;/*background: #4985a0;*/
}

td.funbox a:hover {
	color: #fff;
}

td.funbox img, td.funbox a img {
	border: 1px solid #3f7a95;
	display: block;
	margin-bottom: 12px;
}

td.funbox a:hover img {
	border: 1px solid #fc0;
}

/* ==============================================
   quickpoll
   ==============================================*/
#main #quickpoll {
	color: #396;
	background: #dfecf4;
}

#quickpoll h2 {
	color: #5991ab;
	background: #cadfee;
}

#quickpoll h3 {
	color: #6ca223;
}

/* Drupal poll elements */
div.poll, div.choices {
	margin-bottom: 1em;
}

/* Drupal form elements */
#quickpoll label.option {
	font-size: .9em;
	line-height: 1.6em;
	color: #343a3e;
	display: block;
	padding-left: 18px;
}

#quickpoll input.form-radio {
	float: left;
	margin-left: -18px;
}

/* Drupal poll on homepage */
#quickpoll div.poll {
	width: 120px;
}

/* the results link */
#quickpoll a {
	color: #509dbf;
}

#quickpoll a:hover {
	color: #f60;
}

/* Drupal poll results */
div.content div.poll {
	width: 100%;
}

div.node span.submitted, div.node span.taxonomy {
	display: none;
}

div.poll div.text {
	clear: both;
	font-weight: bold;
	margin: 0.6em 0 0.1em 0;
}

div.poll div.bar {
	float: left;
	width: 432px;
	height: 12px;
	background: #dde2e3 url(../images/bg-poll-results-barbg.gif) repeat-x 0 0;
}

div.poll div.foreground {
	height: 12px;
	background: #79aa36 url(../images/bg-poll-results-bar.gif) repeat-x 0 0;
}

div.poll div.percent {
	margin-left: 444px;
	color: #555f6a;
	font-size: .9em;
	line-height: 1.6em;
}

div.poll div.total {
	font-weight: bold;
	color: #8f969f;
	margin: 1.3em 0;
}

div.poll div.total em {
	font-style: normal;
	color: #79aa36;
}

/* simplified results on homepage */
	
#quickpoll div.poll div.text {
	font-size: .9em;
	line-height: 1.6em;
	color: #444;
	margin: 0.6em 0 0.1em 0;
}

#quickpoll div.poll div.percent {
	display: none;
}

#quickpoll div.poll div.bar {
	float: none;
	width: 120px;
	background: #cadfee url(../images/bg-poll-results-hp-barbg.gif) repeat-x 0 0;/*background: #cadfee url() repeat-x 0 0;*/
}

#quickpoll div.poll div.total {
	display: none;
}

/* ==============================================
   in the news 
   ==============================================*/
   
#picks {
	background: #757a7f url(/today/common/images/bg-picks.gif) no-repeat 0 0;
}

#picks h2 {
	color: #dfecf4;
	font-family: arial;
	font-size: 1.3em;
	padding: 5px 12px 5px 12px;
}

#picks div.container {
	padding: 12px;
}

#picks ul {
}

#picks ul li {
	list-style: none;
	padding-top: 1em;
	border-top: 1px solid #8e9296;
}

#picks ul li:first-child {
	padding-top: 0;
	border-top: none;
}

#picks ul li a {
	color: #5294b2;
	display: block;
	width: 264px;
	padding-bottom: 1em;
	text-decoration: none;
}

#picks ul li a:hover {
	color: #5294b2;
}

#picks ul li a strong {
	font-family: Georgia, "Times new Roman", Times, san-serif;
	color: #fff;
	display: block;
}

#picks ul li a:hover strong {
	color: #ffd400;
}

#picks ul li a span.details {
	color: #cadfee;
	padding-top: 0.1em;
	text-transform: none;
}

#inthenews {
	background: #b9bdc1 url(../images/bg-inthenews.gif) no-repeat 0 0;
}

#inthenews div.container {
	padding: 0 12px 12px 12px;
	margin: 0 1px;
}

#inthenews h2 {
	color: #3a4148;
	font-family: arial;
	font-size: 1.3em;
	padding: 5px 12px 6px 12px;
}

#inthenews ul.tabs li {
	float: left;
	list-style: none;
	display: inline;
}

#inthenews ul.tabs li a {
	float: left;
	display: block;
	width: auto;
	color: #8d9296;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 4px 6px 3px 6px;
	text-transform: uppercase;
	font-weight: bold;
	background: #e8eced;
	border-right: 1px solid #c8cccf;
	border-bottom: 1px solid #dde3e4;
}

#inthenews ul.tabs li a#bu {
	background: #eee url(../images/bg-inthenews-tab-left.gif) no-repeat 0 0;
}

#inthenews ul.tabs li a#wbur {
	background: #eee url(../images/bg-inthenews-tab-right.gif) no-repeat 100% 0;
	border-right: 0;
}

#inthenews ul.tabs li a:hover, #inthenews ul.tabs li a.active {
	color: #c00;
	background: #fff;
	border-bottom: 1px solid #fff;
}

#inthenews ul.tabs li a#bu:hover, #inthenews ul.tabs li a#bu.active {
	background: #fff url(../images/bg-inthenews-tab-left-over.gif) no-repeat 0 0;
}

#inthenews ul.tabs li a#wbur:hover, #inthenews ul.tabs li a#wbur.active {
	background: #fff url(../images/bg-inthenews-tab-right-over.gif) no-repeat 100% 0;
}

/* data */

#inthenews ul.data {
	clear: both;
	background: #fff;
}

#inthenews ul.data li {
	list-style: none;
	padding: 0 12px;
}

#inthenews ul.data li a {
	display: block;
	width: 242px;
	padding: 0.6em 0;
	color: #343a3e;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: bold;
}

#inthenews ul.data li a span.details {
	color: #ddd;
	font-size: 1em;
	line-height: 1em;
}

#inthenews ul.data li a span.date {
	font-weight: bold;
	color: #70afcb;
}

#inthenews ul.data li a span.source {
	font-weight: normal;
	color: #70afcb;
	text-transform: uppercase;
}

#inthenews ul.data li a:hover {
	color: #f60;
}

#inthenews ul.data li a:hover span.date {
}

#inthenews ul.data li a:hover span.source {
}

#inthenews ul.data li.even {
	background-color: #eff7fc;
}

#inthenews ul.data li.view-all {
	background: #222;
}

#inthenews ul.data li.view-all a {
	color: #70afcb;
	font-size: 0.9em;
	line-height: 1.5em;
}

#inthenews ul.data li.view-all a:hover {
	color: #f60;
}

/* "view all" data in second level template */

#content #static ul.in-the-news {
	/*clear: both;*/
}

#content #static ul.in-the-news li {
	margin-bottom: 1.1em;
}

#content #static ul.in-the-news li a div.article-title {
	color: #343a3e;
	font-weight: bold;
}

#content #static ul.in-the-news li a:hover div.article-title {
	color: #f60;
	font-weight: bold;
}

#content #static ul.in-the-news li a span.details {
	color: #ddd;
}

#content #static ul.in-the-news li a span.details span.date {
	font-weight: bold;
	color: #70afcb;
}

#content #static ul.in-the-news li a span.details span.source {
	color: #70afcb;
}

/* the WBUR logo */

#content #static img.wbur {
	float: right;
	margin: 0 0 12px 1.1em;
	padding: 4px;
	border: 1px solid #ddd;
	background: #eee;
}


/* ==============================================
   etcetera 
   ==============================================*/
#etcetera {
	background: #fff url(/today/common/images/bg-etceteraNew.gif) no-repeat 0 100%;
	border-top: 1px solid #d1d4d6;
	padding-bottom: 12px; /* IE needs this */
}

#etcetera div.container {
	padding: 12px 12px 0 12px;
	margin-right: 1px;
	margin-left: 1px;
}

#etcetera div.topics-index {
	width: 555px;
	float: left;
}

#etcetera div.topics-index div.left {
	width: 265px;
	float: left;
}

#etcetera div.topics-index div.right {
	width: 266px;
	float: right;
}

#etcetera div.link-index {
	width: 265px;
	float: right;
}

#etcetera div.link-index div.left {
	width: 126px;
	float: left;
}

#etcetera div.link-index div.right {
	width: 126px;
	float: right;
}

#etcetera h3 {
	color: #5294b2;
	font-family: arial;
	font-size: 1.3em;
	margin-bottom: 0.4em;
}

#etcetera h3 a {
	color: #5294b2;
}

#etcetera h3 a:hover {
	color: #f60;
}

#etcetera h4 {
	font-size: 0.9em;
	line-height: 1.5em;
	text-transform: uppercase;
	margin-bottom: 0.3em;
}

#etcetera ul {
	margin-bottom: 1.5em;
}

#etcetera li {
	list-style: none;
	display: inline;
}

#etcetera li a {
	color: #343a3e;
	display:block;
	width: auto;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: .6em;
}

#etcetera li a:hover {
	color: #f60;
}

/* ==============================================
   topic page 
   ==============================================*/
#content {
}

#content #spotlight {
	border-bottom: 1px dotted #8f969f !important;
	border-bottom: 1px solid #ddd; /* for IE */
	padding-bottom: 1.1em;
	margin-bottom: 1.1em;
}

#content #spotlight h1 a {
	display: block;
	font-weight: normal;
	color: #3a4148;
}

#content #spotlight h1 a strong {
	display: block;
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 3em;
	font-weight: normal;
	line-height: 1em;
	padding-bottom: .2em;
}

#content #spotlight h1 a span.dec {
	display: block;
	font-family: arial;
	font-size: 1.3em;
	margin-bottom: 0.3em;
}

#content #spotlight h1 a span.details {
	margin-bottom: 1.5em;
}

#content #spotlight h1 a:hover {
	color: #3a4147; /* IE needs this color to be slightly different than normal state */
}

#content #spotlight h1 a:hover strong {
	color: #f60;
}

#content #spotlight h1 a img {
	float: right;
	margin: 0 0 1.1em 12px;
	border: 1px solid #ddd;
}

#content #spotlight p {
	/*display: inline;*/
}

	#content #spotlight p b, #content #spotlight p strong {
		font-weight: normal;
	}
	
	#content #spotlight p a {
		color: #343a3e;
	}

/* highlights */
#content #highlight {
	padding: 0.5em 0;
}

#content #highlight li {
	list-style: none;
	clear: left;
	padding-bottom: 12px;
}

#content #highlight li a {
	color: #3a4148;
	font-weight: normal;
	margin-bottom: 1.5em;
}

#content #highlight li a img {
	float: left;
	padding: 4px;
	margin: 0 12px 12px 0;
	border: 1px solid #ddd;
	background: #eee;
}

#content #highlight li a strong {
	display: block;
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1em;
	padding-bottom: .2em;
}

#content #highlight li a:hover {
	color: #3a4147; /* IE needs this color to be slightly different than normal state */
}

#content #highlight li a:hover strong {
	color: #f60;
}

/* archives */
#content #archives {
	clear: both;
	border-top: 1px dotted #8f969f !important;
	border-top: 1px solid #ddd; /* for IE */
	padding-top: 1.8em;
}

#content #archives h3 {
	font-family: arial;
	font-size: 1.3em;
	line-height: 1em;
	margin-bottom: 0.9em;
}

#content #archives h3 em {
	font-style: normal;
	color: #79aa36;
}

#content #archives ul {
	margin-bottom: 1.5em;
}

#content #archives ul li {
	list-style: none;
}

#content #archives ul li a {
	color: #5294b2;
	display: block;
	width: 100%;
	margin-bottom: .8em;
	text-decoration: none;
}

#content #archives ul li a:hover {
	color: #3a4147;
}

#content #archives ul li a strong {
	display: block;
}

#content #archives ul li a:hover strong {
	color: #f60;
}

#content #archives ul li a span {
	font-size: .9em;
	line-height: 1.6em;
}

#content #archives ul li a span.dec {
	display: block;
	color: #555f6a;
}

#content #archives ul li a span.date {
	display: block;
	color: #8f969f;
	margin-top: .2em;
	text-transform: none;
}

#content #archives #archive-nav {
	border: 3px solid #eee;
	background: #f6f7f7;
	margin: 0 0 1.1em 0;
}

#content #archives #archive-nav p a {
	color: #79aa36;
	font-size: 1em;
	font-weight: bold;
	display: block;
	padding: 9px 9px 9px 31px;
	background: transparent url(../images/icn-book.gif) no-repeat 9px 9px;
}

#content #archives #archive-nav p a:hover {
	color: #f60;
}

/* ==============================================
   peers and links
   ==============================================*/
   
#peers p,
#links p {
clear: both;
background-color: #F6F7F7;
border: 1px solid #eee;
margin: 0;
padding: 4px;
}   

#content #body #peers a,
#content #body #links a {
display: block;
font: .8em Verdana, Arial, Helvetica, sans-serif;
color: #383e42;
line-height: 1.5;
text-decoration: none;
border-bottom: none;
overflow: auto;
zoom: 100%;
}

#peers p:hover,
#links p:hover {
background-color: #f0f0f0;
border: 1px solid #e3e3e3;
}

#peers span,
#links span {
font-weight: bold;
}

#peers img,
#links img {
float: left;
margin-right: 12px;
border: 1px solid #eee;
}
  
/*#peers p, #links p {
	clear:both;
	background: #F6F7F7;
	border: 1px solid #eee;
	margin: 0;
	padding: 4px;
	overflow: auto;
	zoom: 100%;
}

#peers img, #links img {
	float: left;
	border: 1px solid #eee;
	margin-right: 12px;
}*/

/* ==============================================
   webcams
   ==============================================*/
#toggle-div {
background-image: url(../images/bg-webcam-stage.gif);
}


/* ==============================================
   content 
   ==============================================*/
#content div.container {
	padding: 12px;
	margin-left: 1px;
}

#content #heading,
#content #static #heading {
	border-bottom: 1px dotted #8f969f !important;
	border-bottom: 1px solid #ddd; /* for IE */
	margin-bottom: 1.1em;
}

#content #heading h1,
#content #static #heading h1 {
	display: block;
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 3em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: .2em;
}

#content #heading h2,
#content #static #heading h2 {
	font-family: arial;
	font-weight: normal;
	color: #3a4148;
	font-size: 1.3em;
	margin-bottom: 0.4em;
}

#content #heading h3,
#content #static #heading h3 {
	font-weight: normal;
	color: #70afcb;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-bottom: 1.1em;
}

#content #heading h3 span,
#content #static #heading h3 span {
	color: #ddd;
}

/* content from the WYSYWYG */
#content #body {
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 1.3em;
	line-height: 1.6em;/*padding-right: 48px;*/
}

#content #body h1 {
	font-family: arial;
	font-size: 1.3em;
	margin-bottom: .8em;
}

#content #static h2 {
	font-family: arial;
	font-size: 1.3em;
	margin-bottom: 1em;
}

#content #body h2, #content #body h3, #content #body h4, #content #body h5, #content #body h6, #content #body p, #content #body ul, #content #body ol, #content #body table, #content #body blockquote {
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 1em;
	/*line-height: 100%*/;
	margin-bottom: 1em;
}

#content #body h4, #content #body h5, #content #body h6 {
	margin-bottom: 0;
}

/* lists */ 
#content #body ul {
	margin-left: 1em;
}

#content ul li {
	list-style: none;
}

#content #body ul li {
	padding-left: 1.5em;
	background: transparent url(../images/icn-arrow-small.gif) no-repeat 0 0.45em;
}

#content #static ul li {
	padding-left: 1.5em;
	background: transparent url(../images/icn-arrow-small.gif) no-repeat 0 0.3em;
}

#content #body ol {
	margin-left: 2.5em;
}

/* blockquote */
#content #body blockquote {
	font-size: 1.5em;
	line-height: 1.4em;
	color: #5294b2;
	margin: 0.8em 0;
	padding: 9px;
	border: 3px solid #eee;
	background: #f8f9f9;
}

#content #body p {
}

#content #body a,
#content #static a {
	color: #488db2;
	border-bottom: 1px solid #d1d3d5;
}

#content #body a:hover,
#content #static a:hover {
	color: #f60;
	border-bottom: none;
}

#content #body a:active,
#content #static a:active {
	border-bottom: 1px solid #c00;
}

#content #body .inlineCaption {
	font-family: Verdana;
	font-size: .8em;
}

/* hide this during development...
#content #body a:visited {
color: #900;
}*/


/* photos */
#content #body div.photo {
	float: left;
	padding-bottom: 4px;
	margin: 0 12px 1.1em 0;
}

#content #body div.photo img {
	display: block;
	margin-bottom: 5px;
	margin-left: -5px;
}

#content #body div.photo p {
	font-family: verdana;
	font-size: 0.7em;
	line-height: 1.5em;
	color: #777f84;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #f6f7f7;
}

/* dealing with old intra-article images brought over from old butoday */
.inlinePhotoAlignRight {
margin: 12px 0 12px 12px;
padding: 0;
}

.inlinePhotoAlignLeft {
margin: 12px 12px 12px 0;
padding: 0;
}

.inlineCaption {
	font-family: verdana;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #777f84;
	width: 150px;
	margin-bottom: 0;
	padding: 0;
}

/* multimedia */
#content #body div.multimedia {
}

/* static page content from the WYSYWYG */



/* article tools */
#content #article-tools {
	border: 3px solid #eee;
	background: #f6f7f7;
	padding: 9px;
	margin: 1.8em 0;
	clear: both;
}

#content #article-tools ul {
	display: inline;
	list-style-type: none;
	margin: 0 6px 0 0;
	padding: 0;
}

#content #article-tools li {
	display: inline;
	background: none;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100% !important;
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#content #article-tools img {
	border: 0;
	vertical-align: middle;
	margin: 0;
	padding: 0 2px;
}

#content #article-tools a {
	text-decoration: none;
	border: none;
	color: #79aa36;
	margin: 0;
	padding: 0;
}

#content #article-tools a:hover {
	color: #f60;
}

/* Drupal editing tools */
#content #article-tools ul.editor-tools {
	display: block;
	margin-top: 1.5em;
}

/* on homepage */
body.homepage ul.editor-tools {
	border: 3px solid #eee;
	background: #f6f7f7;
	padding: 9px;
	margin: 1.8em 0 1em 0;
	font-weight: bold;
}

body.homepage ul.editor-tools li {
	display: inline;
	list-style: none;
}

body.homepage ul.editor-tools li a {
	text-decoration: none;
	color: #79aa36;
}

body.homepage ul.editor-tools li a:hover {
	color: #f60;
}

/* Abroad Grid */

body.topic #content #static .gridRow {
	zoom: 1;
	padding-bottom: 6px;
}

body.topic #content #static .gridRow:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body.topic #content #static .gridRow .item {
	width: 172px;
	padding: 0 0 12px 18px;
	float: left;
	display: inline;
}

body.topic #content #static .gridRow .item:first-child,
body.topic #content #static .gridRow .item.first {
	padding: 0;
	border-left: none;
}

body.topic #content #static .gridRow .item a {
	border-bottom: none;
}

body.topic #content #static .gridRow .item a img {
	width: 172px;
	padding-bottom: 6px;
}

body.topic #content #static .gridRow .item a strong,
body.topic #content #static .gridRow .item a b {
	display: block;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: .2em;
	color: #343a3e;
}

body.topic #content #static .gridRow .item a:hover strong,
body.topic #content #static .gridRow .item a:hover b {
	color: #f60;
}

body.topic #content #static .gridRow .item a .location {
	display: block;
	color: #555F6A;
	padding-bottom: .5em;
	font-size: 1em;
}

body.topic #content #static .gridRow .item a span.video {
	color: #70afcb;
	padding-left: 21px;
	padding-bottom: 0.1em;
	background: transparent url(/today/common/images/icn-video.gif) no-repeat 0 0.1em;
	text-transform: uppercase;
	font-size: .9em;
}

body.topic #content #static .gridRow .item a span.slideshow {
	color: #70afcb;
	padding-left: 21px;
	padding-bottom: 0.1em;
	background: transparent url(/today/common/images/icn-slideshow.gif) no-repeat 0 0.1em;
	text-transform: uppercase;
	font-size: .9em;
}

/* ==============================================
   footer 
   ==============================================*/
#footer {
	text-align: left;
	padding: 24px 6px;/*background: #aaa;  IE needs this */
}

#footer p img {
	float: left;
	vertical-align: top;
	margin-right: 17px;
}

#footer .footerLinks {
	float: left;
}

#footer .mediaLinks {
	float: right;
}

#footer .mediaLinks li a.facebook {
	background: url(/today/common/images/iconFacebook.gif) no-repeat 6px 0;
	padding: 0 6px 0 25px;
}

#footer .mediaLinks li a.twitter {
	background: url(/today/common/images/iconTwitter.gif) no-repeat 6px 0;
	padding: 0 6px 0 25px;
}

#footer .mediaLinks li a.last {
	background: url(/today/common/images/iconRSS.gif) no-repeat 6px 0;
	padding: 0 6px 0 25px;
}

#footer li {
	list-style: none;
	display: inline;
}

#footer li a {
	float: left;
	display: block;
	width: auto;
	color: #333;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0 6px;
	border-right: 1px solid #ccc;
}

#footer li a:hover {
	color: #f60;
}

#footer li a.last {
	border-right: none;
}

#footer ul.second {
	padding-top: 8px;
	clear: left;
}

#footer ul.second li a {
	color: #999;
}

#footer ul.second li a:hover {
	color: #f60;
}

/* ==============================================
   quicksearch 
   ==============================================*/
#quicksearch {
	float: right;
	width: 244px;
	padding-top: 25px;
}

fieldset {
	border: 0 solid;
}

#quicksearch input {
	vertical-align: middle;
	display: inline;
	font-size: 100%;
}

#quicksearch input#qt {
	color: #454c54;
	background: #fcfcfc url(../images/bg-input.gif) repeat-x 0 0;
	border: 1px solid #969b9f;
	border-right-color: #d1d3d5;
	border-bottom-color: #d1d3d5;
	padding: 2px 3px;
	width: 180px;
}

#quicksearch input.image {
	cursor: pointer;
	margin-left: 4px;
}

/* More options link */
#quicksearch p {
	margin: 3px 0 0 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

#quicksearch p a {
	color: #70afcb;
}

#quicksearch p a:hover {
	color: #555f6a;
}

/* ==============================================
   emergency message system 
   ==============================================*/

#emergency, #non-emergency {
	margin: 12px 0 24px 0;
	padding: 12px;
	background: #fffde3;
	border: 1px solid #f9d648;
	font-weight: bold;
}


/* ==============================================
   Normalizing Drupal
   ==============================================*/

/* Drupal stuff on article pages */
#content #body div.content {
	font: 80%/150% verdana, arial, helvetica, sans-serif;
	width: auto;
}

#content #body form {
	font: 80%/150% verdana, arial, helvetica, sans-serif;
	width: auto;
}

#content div.content p, #content div.content h1, #content div.content h2, #content div.content h3, #content div.content h4, #content div.content ul {
	margin-bottom: 1.1em;
}

#content div.content li {
	list-style: none;
}

/* Drupal form elements */

#content #feedback-mail-form p {
	margin-bottom: 1.5em;
}

#comments div.description {
	margin-bottom: 1.5em;
	font-size: .9em;
	line-height: 1.6em;
	color: #8f969f;
}

	#comments div.description p {
		margin-top:-1.5em;
	}

form#forward-form div.description {
	margin-left: 155px;
}

div.form-item {
	clear: left;
	margin-top: .5em;
	margin-bottom: .5em;
}

#content div.form-item {
	clear: left;
	margin-bottom: 1.1em;
}

#content div.form-radios div.form-item {
	margin-bottom: 0.6em;
}

#content div.form-item label {
	font-weight: bold;
	float: left;
	width: 145px;
	margin: 0 12px 0.2em 0;
}

#content div.form-item label.option {
	font-weight: normal;
	float: none;
	width: auto;
	margin-bottom: 0;
}

div.form-item input.form-radio {
	vertical-align: middle;
	padding-top: .4em;
}

#content input.form-submit {
	margin-top: .5em;
}

/* Drupal textareas... */
.resizable-textarea {
	display:inline;
}

.resizable-textarea textarea {
	width: 330px !important;
	height: 18em;
}

.grippie {
	width: 330px !important;
}

#edit-recipients {
	height: 50px;
}

/* disable resizable textarea 
div.grippie {
display: none;
}*/

span.form-required {
	color: #79aa36;
}

#content div.form-item input.form-text {
	width: 216px;
}

#content div.content, #content form {
	margin-bottom: 1.5em;
}

#content form a {
	color: #5294b2;
}

#content form a:hover {
	color: #f60;
}

/* default controls */
div.links {
	display: none;
}

ul.tips {
	font-size: .9em;
	line-height: 1.6em;
	color: #8f969f;
}

legend {
	display: block;
	font-family: arial;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: bold;
	padding-top: 1.1em;
	margin-bottom: 0.9em;
}

/* comments */
#comments {
	margin: 1.5em 0;
}

#content #comments h2 {
	display: block;
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1em;
	margin: 1em 0;
}

#content #comments a {
	color: #5294b2;
}

#content #comments a:hover {
	color: #f60;
}

#content div.submitted {
	font-size: .9em;
	line-height: 1.6em;
	color: #8f969f;
	margin-bottom: .9em;
}

#content div.comment {
	border-bottom: 1px dotted #8f969f !important;
	border-bottom: 1px solid #ddd; /* for IE */
	margin-bottom: 1.2em;
}

#comments div.box p {
	display: none;
}

#comments span.new {
	font-size: .9em;
	line-height: 1.6em;
	color: #fff;
	background-color: #f90;
	padding: 0 .1em;
}

/* ==============================================
   forms general 
   ==============================================*/
form {
}

fieldset {
	border: 0 solid;
}

label {
	display: block;
}

table.checkbox td {
	padding-left: 7px;
}

input.form-text, input.text, textarea, select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #454c54;
	background: #fcfcfc url(../images/bg-input.gif) repeat-x 0 0;
	border: 1px solid #969b9f;
	border-right-color: #d1d3d5;
	border-bottom-color: #d1d3d5;
	padding: 2px 3px;
	text-decoration: none;
}

input.radio {
	background: transparent;
	border: 0;
}

input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {
	background: #e4f2f9;
}

input.form-text, input.text, textarea {
	/*margin: 0 5px 0 0;*/
padding: 2px 3px 2px 3px !important;
	padding: 2px;
	display: inline;
}

select option {
	padding: 1px 4px 1px 4px;
}

input.form-submit, input.button {
	font-weight: bold;
	color: #8f969f;
	padding: 2px !important;
	padding: 2px 0;
	background: #fcfcfc url(../images/bg-button.gif) repeat-x 0 0;
	border: 1px solid #d1d3d5;
	border-right-color: #969b9f;
	border-bottom-color: #969b9f;
	cursor: pointer;
	margin-left: 0;
	margin-right: 1em;
	color: #c00;
}

input.form-submit:hover, input.button:hover {
}

input.form-submit:active, input.button:active {
	border: 1px solid #969b9f;
	border-right-color: #d1d3d5;
	border-bottom-color: #d1d3d5;
	background-position: 0 -1px;
	padding: 3px 1px 1px 3px !important;
}

input.form-submit, input.button, input.image, input.radio {
	cursor: pointer;
}

/* ==============================================
   vertical forms 
   ==============================================*/
#vertical-form table {
	width: auto;
	padding: 0;
	text-align: left;
	margin-bottom: .5em;
	border-collapse: collapse;
}

#vertical-form table.radio {
	margin: .5em 0;
}

#vertical-form table td {
	padding: 0 0 .6em 0;
	vertical-align: top;
}

#vertical-form table td.first {
	width: 145px;
}

#vertical-form label {
	font-weight: bold;
	display: block;
	margin-right: 1em;
}

#vertical-form h5 {
	color: #fff;
	padding: .1em .3em .2em .3em;
	background: #c1c4c6 url(../images/bg-th.gif) repeat-x 0 100%;
}

#vertical-form h6 {
}

#vertical-form input.button {
/*margin-left: 16em;*/
}

#vertical-form input.radio {
	margin-top: 3px !important;
	margin-top: 0;
}

#vertical-form table.radio td.first {
	width: 10px;
}

#vertical-form table.radio td {
	padding: 0;
}

#vertical-form table.radio label {
	font-weight: normal;
	width: auto;
	padding-left: 5px !important;
	padding-left: 2px;
	cursor: pointer;
}

.select-multiple {
	width: auto;
	height: 7em;
}

#vertical-form textarea {
	width: 330px;
	height: 18em;
}

/* ============================================================================================
   Multimedia
   ============================================================================================*/
body.media #content-media h2.top {
	background-image: url(../images/bg-h2-top.gif);
	background-position: 0 0;
	color: #3a4148;
	font-family: arial;
	font-size: 1.3em;
	line-height: 1.2em;
	margin-left: 0;
	padding: 5px 12px 4px 12px;
	border-bottom: 1px solid #c5c8ca;
}

body.media #content-media h2.top span {
color: #50585f;
}


/* #content-media div */
#content-media {
	width: 871px;
}

/* table for all the multimedia */
#content-media table#media-table {
	width: 871px;
	margin-top: 12px;
}

#content-media table#media-table td {
	width: 33%;
	padding: 0 12px 12px 12px;
}

/* div that holds the toggle link */
#toggle-container p {
	margin: 12px 12px 0 12px;
	background: #f6f7f7;
	border: 3px solid #eee;
}

#toggle-container p a {
	padding: 10px 10px 10px 30px;
	display: block;
	color: #555f6a;
	font-family: Verdana;
	font-size: 1.1em;
	font-weight: bold;
	color: #79aa36;
	background: transparent url(../images/icn-find.png) no-repeat 10px 10px;
}

#toggle-div p a:hover {
	color: #5a92ac;
}

/* this here be the div for the ajax fun. */
#toggle-options {
	margin: 0 12px;
	padding: 0 0 0 0;
	background: #eee url(../images/bg-toggle-form.gif) repeat-x 0 0;
	border-bottom: 1px solid #efefef;
}

/* fun with forms */
#content-media table, #media-form table {
	border-collapse: collapse;
}

#media-form fieldset {
	clear: left;
	padding: 12px 12px 6px 12px;
}

#media-form h3 {
	width: 9em;
	float: left;
	color: #555f6a;
}

#media-form label {
	margin-right: 1em;
	color: #555f6a;
	display: inline;
}

#media-form input.checkbox {
	vertical-align: middle;
	margin-right: 4px !important;
	margin-right: 2px;
}

#media-form input.button {
margin: 5px 0 12px 12px;
}

/* let's begin the stylin' for the multimedia boxes in the table */
#content-media #highlight {
	margin-bottom: 12px; /* changed bottom margin */
}

#content-media #highlight li {
	list-style: none;
	clear: left;
}

#content-media #highlight li a {
	color: #3a4148;
	display: block;
	font-weight: normal;
	margin-left: 148px;
}

#content-media #highlight li a span.dec {
	display: block;
	font-size: .9em;
	line-height: 1.5em;
}

#content-media #highlight li a img {
	float: left;
	padding: 4px;
	margin: 2px 0 0 -148px;
	border: 1px solid #ddd;
	background: #eee;
}

#content-media #highlight li a strong {
	display: block;
	/*
	font-family: Georgia, "Times new Roman", Times, san-serif;
	font-size: 1.5em;
	line-height: 1em;
	*/
	padding-bottom: .2em;
	color: #70afcb;
	font-weight: bold;
}

/* No changes beyond this point */
#content-media #highlight li a:hover strong {
	color: #f60;
}

/* ----------------------- the next/prev stuff at the bottom ----------------------- */

 /* and this here be the div for the next/previous action */
#content-media #next-previous {
	border: 3px solid #eee;
	background: #f6f7f7;
	margin: 0 12px 12px 12px;
	padding: 5px 10px 3px 10px;
}

/* another bloody table, for the next/previous elements */
#content-media #next-previous table {
	font-weight: bold;
	color: #878787;
	width: 100% !important;
	width: 820px;
}

#content-media #next-previous table td {
	width: 33%;
	vertical-align: middle;
}

#content-media #next-previous table td.previous p a {
	display: block;
	color: #5a92ac;
	background: transparent url(../images/icn-arrow-prev.gif) no-repeat 0 0;
	height: 23px;
	padding: 3px 0 0 30px;
}

#content-media #next-previous table td.previous p a:hover, #content-media #next-previous table td.previous p a.inactive {
	color:#ccc;
	background: transparent url(../images/icn-arrow-prev.gif) no-repeat 0 -33px;
}

#content-media #next-previous table td.next p a {
	display: block;
	color: #5a92ac;
	background: transparent url(../images/icn-arrow-next.gif) no-repeat 100% 0;
	height: 23px;
	padding: 3px 30px 0 0;
	text-align: right;
}

#content-media #next-previous table td.next p a:hover, #content-media #next-previous table td.next p a.inactive {
	color:#ccc;
	background: transparent url(../images/icn-arrow-next.gif) no-repeat 100% -33px;
}

#content-media #next-previous table td.center p {
	color: #878787;
	padding: 3px 0 0 0;
	text-align: center;
}

#buniverseplaylist {
width: 550px;
height: 355px;
overflow: hidden; }


/* hide comments! */


#comments .box {display:none;}