/*========================================================
 @site    Nationa Galleries of Scotland
 @title   Presentation layer for specific sections
 @company Keepthinking LTD
 @address http://keepthinking.it
 @author  Oskar Krawczyk (o.krawczyk@keepthinking.it)
 @rev     01/03/2007
 ========================================================*/

#whatson {
	
}

#whatson .zero {
	margin: 20px 0 0 0;
}

h3.hdCont {
	background: #819EA3;
}

#whatson .submit {
	background: #fff url(../../img/arr-right-4.gif) 10px 50% no-repeat;
	color: #983F46;
}

/* banner image for the section home page */
#whatson #section-info {
	display: block; 
	background-image: url(../../img/header-bg-4.jpg);
}

/* banner image for the section home page - IE FIX */
#whatson #section-info-fix {
	display: block; 
}

/* colored links with the arrow  */
#whatson .func {
	background: url(../../img/arr-right-4.gif) 0 1px no-repeat;
}

#whatson #sub-navigation .relatedContainer {
	background: #fff;
	margin: 0;
	border: solid 1px #fff;
	zoom: 1;
}

#whatson #sub-navigation .relatedContainer a {
	display: inline;
	padding: 0 0 0 15px;
	font-size: 10px;
}

#whatson #sub-navigation .relatedContainer .video a {
	padding: 0;
	padding-right: 10px;
}

	#whatson #sub-navigation .mediaList .mlItem.video .mliDetails {
		float: none;
		width: auto;
		overflow: hidden;
	}

/* active navigation item - level 1 */
#whatson #sub-navigation li.active a {
	background: url(../../img/nav-spacer-active-4.gif) 0 100% no-repeat;
}

/* active navigation item - level 2 */
#whatson #sub-navigation li.active li a {
	background: url(../../img/nav-spacer-s-4.gif) 0 100% no-repeat;
}	
	
/* active navigation item - level 3 */
#whatson #sub-navigation li.active li li a {
	background: url(../../img/nav-spacer-s-s-4.gif) 0 100% no-repeat;
}

/* line dividing sub-nav and section-search form */
#whatson #search-nav p {
	border-top: solid 1px #CC9797;
}

/* section-search */
#whatson #search-nav #nav-search-text {
	background: #E3F5C0;
	border: solid 1px #8ED502;
}

/* section-search focused */
#whatson #search-nav #nav-search-text:focus {
	background: #F2FBE3;
}

/* section-search submit */
#whatson #search-nav #nav-search-submit {
	background: #fff url(../../img/arr-right-4.gif) 10px 50% no-repeat;
	color: #78B202;
}

#whatson .ieArrowFix {
	background: url(../../img/arr-right-4.gif) 100% 50% no-repeat;
	padding: 1px 4px;
	text-decoration: none;
}

#whatson #page-navigation li a.nv {
	background: url(../../img/arr-right-4.gif) 100% 49% no-repeat;
}

#whatson #page-navigation {
	border-bottom: solid 1px #819EA3;
}


/* Section-specific styles
 ===================================================== */

/* complexes links under the sub-navigation */
#whatson #complexes {
	margin: 0;
	padding: 6px 0 0 0;
	background: #fff;
}

	/* styles for the complexes links */
	#whatson #complex_1,
	#whatson #complex_2,
	#whatson #complex_3,
	#whatson #complex_4,
	#whatson #complex_5,
	#whatson #complex_6 {
		text-transform: uppercase;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		padding: 4px 0 4px 8px;
		background-position: 95% 50%;
		background-repeat: no-repeat;
		background-image: none;
	}
	
	#whatson #complex_1 {
		background-color: #819ea3;
	}
	
	#whatson #complex_2 {
		background-color: #938C82;
	}
	
	#whatson #complex_3 {
		background-color: #7E8E21;
	}
	
	#whatson #complex_4 {
		background-color: #B4363B;
	}
	
	/* alternate font color for the next two */
	#whatson #complex_5 {
		background-color: #E8CFCF;
		color: #5C5B51;
	}
	
	#whatson #complex_6 {
		background-color: #C3BABA;
		color: #5C5B51;
	}
	
	#whatson #complex_7 {
		background-color: #C3BABA;
		color: #5C5B51;
	}
	
	/* complex links - just adding background arrows here */
	#whatson #complexes #complex_1,
	#whatson #complexes #complex_2,
	#whatson #complexes #complex_3,
	#whatson #complexes #complex_4 {
		background-image: url(../../img/arr-right-complex-1.gif);
	}
	
	#whatson #complexes #complex_5 {
		background-image: url(../../img/arr-right-complex-2.gif);
		border-top: solid 6px #fff;
	}
	
	#whatson #complexes #complex_6 {
		background-image: url(../../img/arr-right-complex-2.gif);
	}
	
		
	#whatson #sub-navigation h3 {
		border-top: solid 20px #fff;
		background-color: #e5e5e2;
		font-size: .9em;
		margin: 0;
		padding: 0;
	}
	
	#whatson #sub-navigation h3 span {
		text-transform: uppercase;
		background-color: #cbcbc5;
		padding: 0 2px;
	
	}

/*   
 ========================================================*/
#graphic-timeline {
	position: relative;
	overflow: hidden;
	width: 765px;
}

	#graphic-timeline ul,
	#graphic-timeline li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#graphic-timeline ul {
		text-align: left;
		margin: 0 !important;
		overflow: hidden;
		height: 100%;
		position: relative;
	}
	
	#graphic-timeline #graphic-timeline-alt {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	
	#graphic-timeline #graphic-timeline-alt .itemOutside {
		position: absolute;
		top: 0;
		display: block;
	}
	
	#graphic-timeline #graphic-timeline-alt .itemOutside a {
		background: url(../../img/arr-right-complex-0.gif) 100% 50% no-repeat;
		padding-right: 15px;
		
	}
	
	#graphic-timeline #graphic-timeline-alt .left {
		text-align: right;
		width: 800px;		
		overflow: hidden;
	}
	
		#graphic-timeline #graphic-timeline-alt .left a {
			position: relative;
		}
		
	#graphic-timeline #graphic-timeline-alt .right {
		text-align: left;
		padding-left: 10px;
	}
	
		#graphic-timeline #graphic-timeline-alt .right a {
			float: left;
		}
	
	#graphic-timeline li {
		padding: 0 0 1px 0;
		margin-left: -7px;
	}
	
	#graphic-timeline li a {
		display: block;
		padding: 0 0 0 10px;
		background: #ccc;
		color: #4B575F;
		font-size: 1.0em;
		text-decoration: none;
		position: relative;
		height: 18px;
		cursor: pointer;
		outline: none;
		margin: 0;
	}
	
	#graphic-timeline li a.isMajor_1 {
		height: 22px;
		font-size: 1.3em;
		line-height: 150%;
	}
	
	#graphic-timeline #graphic-timeline-alt li.fakeTimelineItem {
		position: relative;
		overflow: hidden;
	}
	
	#graphic-timeline #graphic-timeline-alt .isMajor_0 {
		height: 20px;
	}
	
	#graphic-timeline #graphic-timeline-alt .isMajor_1 {
		color: #fff;
	}
	
	#graphic-timeline #graphic-timeline-alt li.fakeTimelineItem a {
		background: none;
	}
	
	#graphic-timeline li a:hover {
		text-decoration: underline;
	}
	
	#graphic-timeline li.complex_pg a.isMajor_1 {
		background: #B4363B;
	}
		
	#graphic-timeline li.complex_gma a.isMajor_1 {
		background: #8EA026;
	}
		
	#graphic-timeline li.complex_ng a.isMajor_1 {
		background: #938C82;
	}
		
	/* minor exh */
	#graphic-timeline li.complex_pg a.isMajor_0 {
		background: #E8C2C4;
		border: solid 1px #B4363B;
	}
	
	#graphic-timeline li.complex_gma a.isMajor_0 {
		background: #ECEFDA;
		border: solid 1px #8EA026;
	}
	
	#graphic-timeline li.complex_ng a.isMajor_0 {
		background: #DEDCD9;
		border: solid 1px #938C82;
	}
	#graphic-timeline .itemOutside.right.isMajor_1 {
		font-size: 1.3em;
	}
	
	
	#graphic-timeline li.complex_none a {
		background: #D8D8D8;
		border: solid 1px #808080;
		
	}
	
	#graphic-timeline #leftOverlay,
	#graphic-timeline #rightOverlay {
		background: #fff;
		position: absolute;
		top: 0;
		left: 7px;
		font-size: 0;
	}
	
	#graphic-timeline #rightOverlay {
		width: 700px;
	}

	#timeline-cont {
		position: relative;
		background: #E6ECED;
		overflow: hidden;
		margin: 0 0 25px;
	}
	
	#whatson #timeline-cont ul,
	#whatson #timeline-cont li {
		list-style: none;
	}
	
	#whatson #timeline-cont #months-cont {
		overflow: hidden;
		height: 100%;
		margin: 0 0 2px;
		padding: 0;
		background: #BFCED0;
	}
	
		#months-cont li {
			float: left;
			width: 255px;
			padding: 5px 0;
			text-align: center;
			font-size: 1.2em;
		}
		
			#months-cont li a {
				text-decoration: none;
				color: #555;
			}
			
			#months-cont li a:hover {
				text-decoration: underline;
			}
		
	.separator {
		height: 400px;
		width: 1px;
		background: #819EA3;
		position: absolute;
		left: 100px;
		top: 0;
	}
	
	.s1 {
		left: 255px;
	}
	
	.s2 {
		left: 510px;
	}

/*   
 ========================================================*/
#whatson #event-search-options {
	background: #C0CFD1;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: 100%;
	border-top: solid 1px #fff;
	
}

	#whatson #event-search-options li {
		float: left;
	}
	
	#whatson #event-search-options li a {
		display: block;
		padding: 3px 6px;
		text-transform: uppercase;
		border-right: solid 1px #fff;
		text-decoration: none;
	}
	
	#whatson #event-search-options li.active a,
	#whatson #event-search-options li a:hover {
		color: #fff;
		background: #819EA3;
	}

	
/*   
 ========================================================*/	
.eventDetails {
	
}

.exhibition {
	padding-top: 2px;
	margin: 6px 0 15px 0;
}

	#whatson .exhibition ul,
	#whatson .exhibition ul li {
		list-style: none;
	}

	div.complex_none {
		border-top: solid 3px #aaa;
	}

	div.complex_ng {
		border-top: solid 3px #938C82;
	}
	
	div.complex_gma {
		border-top: solid 3px #7E8E21;
	}
	
	div.complex_pg {
		border-top: solid 3px #B4363B;
	}
	
	.eventDetails ul,
	.exhibition ul {
		float: right;
		padding: 0;
		margin: 0;
		width: 130px;
	}
	
	.eventDetails li,
	.exhibition li {
		padding: 0 0 7px 0;
		margin: 0;
		line-height: 130%;
		font-size: .9em;
	}
	
	.eventDetails div {
		float: left;
		width: 370px;
		padding: 0;
	}
	
	.exhibition div {
		float: left;
		width: 600px;
		padding: 0;
	}
	
	.exhibition div img {
		margin-top: 4px;
		
	}
	
	.compInline h4,
	.exhibition h4 {
		font-size: 1.1em;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	
		.exhibition h4 a {
			color: #4B575F;
			text-decoration: none;
		}
		
		.exhibition h4 a:hover {
			text-decoration: underline;
		}
		
	
	#event-wrapper.altColor .func {
		background: url(../../img/arr-right-complex-1.gif) 0 0 no-repeat;
	}
	
	.exhibition .majorList {
		float: none;
		width: 765px;
		height: 100%;
		overflow: hidden;
	}	
		
	.exhibition .minorList {
		margin: 0 0 5px 0;
	}	
	
	.exhibition .majorList .mlImage {
		float: left;
		width: 600px;
	}	
	
	.exhibition .altColor ul {
		color: #fff;
	}
	
	.exhibition .majorList img {
		margin: 0;
	}
	
	.exhibition .majorList ul {
		float: right;
		padding: 0;
		margin: 0;
		width: 155px;
	}
	
	.exhibition .majorList ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 130%;
	}
	
	.exhibition .majorList .date {
		font-weight: bold;
		font-size: 105%;
		padding: 0;
		margin: 0;
	}
	
	.exhibition .majorList .admission {
		margin: 7px 0 0 0;
	}
	
	.exhibition h3 {
		border-top: solid 1px #fff;
		color: #fff;
		padding: 0 5px;
		margin: 0;
	}
	
	body #wrapper #content .mlMore {
		padding: 0;
		margin: 0;
		text-align: right;
	}
	
	.mlMore a {
		color: #4B575F;
		text-decoration: none;
		text-transform: uppercase;
		margin: 0 10px 0 0;
		padding: 0 0 0 16px;
		background: url(../../img/arr-right-complex-0.gif) 0 1px no-repeat;
	}
	
	.mlMore a:hover {
		text-decoration: underline;
	}
	
	.exhibition .altColor a {
		color: #fff;
		background: url(../../img/arr-right-complex-1.gif) 0 1px no-repeat;
	}
	
#exh-header {
	position: relative;
	zoom: 1;
}
	
#main-wrapper #exh-header {
	padding: 7px 10px;
}

	#exh-header h3,
	#exh-header-alt h3 {
		font-size: 22px;
		width: 400px;
		font-weight: bold;
		line-height: 130%;
	}
	
	#exh-header-alt {
		padding: 0 0 10px 0;
	}
	
	#exh-header h3 a {
		color: #4B575F;
	}
	
	#exh-header p {
		padding: 0;
		margin: 7px 0 0 0;
		font-size: 111%;
	}
	
	#exh-header .ticketButton {
		margin: 10px 0 5px;
	}

#exh-body {
	padding: 0 10px;
}
	
#main-wrapper #exh-body {
	padding: 10px;
}

	#exh-body ul {
	}
	
	#exh-body ul li {
		list-style: disc;
		padding: 0;
		margin: 0 0 0 25px;
	}
	#exh-body .video ul li {
		margin: 0;
	}
	#exh-body ul li.imaName {
		padding-left: 20px;
	}
	

#main-wrapper.altColor {
}

#main-wrapper a:hover {
	text-decoration: none;
}

#main-wrapper.altColor #gallery,
#event-wrapper.altColor #gallery {
	background: #fff;
}

#main-wrapper #sidebar {
	margin: 10px 0 0 0;
	position: relative;
	left: -10px;
}

#main-wrapper.altColor #exh-body,
#event-wrapper.altColor #exh-body,
#main-wrapper.altColor #exh-body a,
#event-wrapper.altColor #exh-body a {
	color: #fff;
}

.altColor #exh-header,
.altColor #exh-header a,
.altColor #exh-hightlights,
.altColor #exh-hightlights a,
.altColor #exh-body,
.altColor #exh-body a {
	color: #fff;
}
.itemDesc {
	padding: 0 0 0 170px;
	overflow: hidden;
}

#whatson .itemDesc ul {
	margin: 10px 0;
}

.sTitle {
	margin: 0;
}

#whatson #page .hero_single {

}
	#whatson #page .hero_single ul {
		font-size: 16px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#whatson #page .hero_single ul, 
	#whatson #page .hero_single li {
		margin-bottom: 10px;
	}
	
	#whatson #page .hero_single blockquote ul {
		margin: 0 0 10px 0;
		padding: 0;
		list-style: circle;
	}
		#whatson #page .hero_single blockquote ul li {
			list-style: circle;
		}
	#whatson .hero_single #page {
		margin: 0;
		padding: 0;
	}
	
	#whatson .borderTop #page {
		margin: 0;
		padding: 0;
	}
	
	#whatson #page .hero_single p {
		font-size: 14px;
		margin: 0 0 10px 0;
	}

	
/*   
 ========================================================*/
.collectionItem {
	padding: 5px 10px 10px 0;
	margin: 0;
	width: 260px;
	float: left;
}

	#whatson #work-text ul.ciDetails {
		padding: 0;
		margin: 0;
		float: right;
		width: 110px;
	}


	.collectionItem .artists {
		border-top: solid 2px #CCCCCC;
		color: #888;
		font-size: 1em;
		line-height: 120%;
	}

	.collectionItem .title a {
		color: #444;
		font-style: italic;
		font-size: 1.1em;
		line-height: 100%;
		font-weight: bold;
	}

	.collectionItem .ref {
		font-size: .9em;
	}
	
	.collectionItem .onDisplay,
	.collectionItem .scottishArt,
	.collectionItem .artistRooms {
		padding: 0 0 0 18px;
	}
	

	.collectionItem img {
		width: 140px;
		float: left;
	}

	.collectionItem a {
		text-decoration: none;

	}

	.collectionItem a:hover,
	.collectionItem a:focus {
		text-decoration: underline;
	}

.rowContainer {
	overflow: hidden;
	height: 100%;
	width: 273px;
	float: left;
}

	
/*   
 ========================================================*/
#work-tabs {
	border-top: solid 1px #fff;
	background: #C0CFD1;
	overflow: hidden;
	height: 100%;
	margin: 0 0 10px 0;
}

	#work-tabs a {
		float: right;
		padding: 2px 5px;
		border-left: solid 1px #fff;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: .9em;
	}

	#work-tabs #tab-help a {
		float: left;
		padding: 2px 8px;
		border-left: none;
		border-right: solid 1px #fff;
	}

	#work-tabs a.isActive {
		background: #819EA3;
		color: #fff;
	}

	#work-tabs a:hover,
	#work-tabs a:focus {
		background: #819EA3;
		color: #fff;
	}
	

/*   
 ========================================================*/
#work-media {
	float: left;
	width: 261px;
}

#work.large {
	float: right;
	width: 475px;	
}

#work.small {
	float: right;
	width: 275px;	
}

#work-text {

}
	#work-text .date {
		display: block;
	}

	#work-text .workTitle {
		font-size: 1.1em;
		font-weight: bold;
		font-style: italic;
		padding: 0;
	}

	#work-text h4 {
		font-size: 1.1em;
		padding: 0 0 10px 0;
		margin: 0;
		font-weight: bold;
	}

	#work-text h4 a {
		text-decoration: none;
	}

	#work-text h4 a:hover,
	#work-text h4 a:focus {
		text-decoration: underline;
	}

/*
 ========================================================*/
#work-details {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: .9em;
}

	#work-details li {
		margin: 0;
		padding: 0;
	}

	#work-details li strong {
		font-weight: normal;
		color: #888;
	}

	#work-details li span {
		padding: 0 0 0 1px;
	}
	
	#whatson #wrapper #main #page span.onDisplay {
		padding: 0 0 0 18px;
		text-indent: 18px;
	}
	
	
/*#whatson .tickets_2,
#whatson .tickets_3,
#whatson .tickets_4 {
	position: absolute;
	top: 7px;
	right: 10px;
	text-indent: -9000em;
	display: block;
	width: 113px;
	height: 13px;
	padding: 0;
	cursor: pointer;
}


body#whatson .alt_tickets_2,
body#whatson .alt_tickets_3,
body#whatson .alt_tickets_4 {
	float: right;
	width: 130px;
	height: 13px;
	padding: 0;
}

#whatson .alt_tickets_2 span,
#whatson .alt_tickets_3 span,
#whatson .alt_tickets_4 span {
	display: none;
}

	
#whatson .tickets_2,
#whatson .alt_tickets_2 {
	background: url(../../img/buytickets_1.png) 0 0 no-repeat;
}

#whatson .tickets_3,
#whatson .alt_tickets_3 {
	background: url(../../img/buytickets_2.png) 0 0 no-repeat;
}

#whatson .tickets_4,
#whatson .alt_tickets_4 {
	background: url(../../img/buytickets_3.png) 0 0 no-repeat;
}*/

/*   
 ========================================================*/

#whatson .iconBus,
#whatson .iconCar,
#whatson .iconTrain,
#whatson .iconWalk {
	font-size: 1.2em !important;
	font-weight: bold !important;
	padding: 15px 0 0 55px !important;
	margin: 0px 0 0 0 !important;
}

#whatson .iconBus {
	background: url(../../img/trans_black/icon_bus_b.png) 0 100% no-repeat;
}
#whatson .altColor .iconBus {
	background: url(../../img/trans_white/icon_bus_w.png) 0 100% no-repeat;
}


#whatson .iconCar {
	background: url(../../img/trans_black/icon_car_b.png) 0 100% no-repeat;
}
#whatson .altColor .iconCar {
	background: url(../../img/trans_white/icon_car_w.png) 0 100% no-repeat;
}


#whatson .iconTrain {
	background: url(../../img/trans_black/icon_train_b.png) 0 100% no-repeat;
}
#whatson .altColor .iconTrain {
	background: url(../../img/trans_white/icon_train_w.png) 0 100% no-repeat;
}


#whatson .iconWalk {
	background: url(../../img/trans_black/icon_walk_b.png) 0 100% no-repeat;
}
#whatson .altColor .iconWalk {
	background: url(../../img/trans_white/icon_walk_w.png) 0 100% no-repeat;
}

#content-navigation h3.complex_ng,
#content-navigation h3.complex_gma,
#content-navigation h3.complex_pg,
#content-navigation h3.complex_none {
	color: #fff;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	padding: 3px 5px;
	border-top: solid 1px #fff;	
}

#content-navigation {
   margin: 0;
}

h3.complex_ng,
h3.complex_gma,
h3.complex_pg,
h3.complex_none {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-size: 1em;
}

h3.complex_ng {
	background: #938C82;
}

h3.complex_gma {
	background: #8EA026;
	
}

h3.complex_pg {
	background: #B4363B;
}

h3.complex_none {
	background: #BABABA;
	color: #272727;	
}

/*body #content #buytickets {
	margin: 0 0 25px 0;
}

body #wrapper #content .buytickets {
	padding: 0;
	margin: 0;
}

	.buytickets a,
	#buytickets a {
		width: 113px;
		height: 13px;
		display: block;
		text-indent: -9000em;
		cursor: pointer;
	}
	
	.buytickets .buytickets_ng a,
	#buytickets .buytickets_ng a {
		background: url(../../img/buytickets_1.png) 0 0 no-repeat;
	}
	
	.buytickets .buytickets_gma a,
	#buytickets .buytickets_gma a {
		background: url(../../img/buytickets_2.png) 0 0 no-repeat;
	}
	
	.buytickets .buytickets_pg a,
	#buytickets .buytickets_pg a {
		background: url(../../img/buytickets_3.png) 0 0 no-repeat;
	}
*/	

#exh-detail-nav {	
}

	#exh-detail-nav img {
		display: block;
	}

	#exh-detail-nav ul ul li a {
/* 		padding-left: 20px; */
	}

	#exh-detail-nav h2 {
		background: #fff;
		padding: 15px 0 2px 0;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.4em;
	}

		.complexHd_gma h2 {
			color: #8EA026;
			border-bottom: solid 1px #8EA026;
		}

		.complexHd_pg h2 {
			color: #B4363B;
			border-bottom: solid 1px #B4363B;
		}
		
#content-banner {
	height: 75px;
	overflow: hidden;
}

#events-links {
	margin: 0 10px;
}

	.altColor #events-links,
	.altColor #events-links a {
		color: #fff;
	}
	
	.stHd,
	.stHd div {
		padding: 0;
		margin: 0;
	}

	.stHd div {
		padding: 0 2px;
		color: #4B575F;
		font-size: 10px;
		letter-spacing: 1px;
		background: #fff;
		float: left;
		
	}
	
	.stHd {
		text-transform: uppercase;
		background: url(../../img/eHdBg-1.png) 0 0 no-repeat;
		height: 100%;
		overflow: hidden;
		margin: 10px 10px 0 10px;
	}
	
	
	#events-links .exhibition div {
		width: 390px;
	}
	#wrapper #page #events-links .relatedContainer ul {
		background: none;
	}
	
#content-wide {
	float: right;	
	width: 765px;

}

#whatson .inlineLogos {
	background: #fff;
	padding: 20px 0 0 0;
	margin: 0;
}

#whatson .hide {
	display: none;
}

#whatson .glossaryTitle {
	font-size: 15px;
	padding: 10px 0 3px 0;
	margin: 0;
	font-weight: normal;
}


	
/*   
 ========================================================*/
#featured-stories {
	
}

	#featured-stories .fsItem {
		overflow: hidden;
		height: 100%;
	}
	
	#featured-stories .fsiImage {
		float: left;
		width: 152px;
		background: #DFDFDF;
		font-size: .8em;
		font-style: italic;
	}
	
	#featured-stories .fsiImage p {
		padding: 0 5px;
		line-height: 130%;
	}
	
	#featured-stories .fsiContent {
		float: right;
		width: 185px;
	}
	
		#featured-stories .fsiContent h4 {
			padding: 0;
			margin: 0 0 8px;
			font-size: 1.3em;
		}
		
		#featured-stories .fsiContent p {
			font-size: .9em;
			line-height: 140%;
		}
		

/*   
 ========================================================*/
#filter-by {

}

	#content #filter-by fieldset {
		padding: 0;
	}
	
	#content #filter-by fieldset p {
		margin: 0;
		padding: 4px 5px;
	}
	
	#content #filter-by fieldset p select {
		margin: 0 0 0 4px;
		font-size: .9em;
	}
	
	#content #filter-by fieldset p span {
		margin: 0 0 0 15px;
	}

/*   
 ========================================================*/
#complex-nav-cont {
}

#rotator-cont {
	height: 107px;
	position: relative;
}

	#rotator-cont.highlightAll {
		margin: 0 0 25px;
	}

	#complex-nav {
		width: 564px;
		position: absolute;
		top: 0;
		left: 0;
	}	
	
	#complex-nav li {
		height: 35px;
		margin: 0 0 1px;
		background: #BFBFBF;
		position: relative;
		float: left;
		width: 564px;
	}
	
		#complex-nav li a,
		#complex-nav li strong {
			display: block;
			height: 35px;
			color: #fff;
			text-decoration: none;
			font-size: 1.6em;
			line-height: 1.8em;
			text-indent: 5px;
			font-weight: normal;
		}
		
			#complex-nav li span {
				display: none;
				height: 35px;
				width: 19px;
				position: absolute;
				top: 0;
				right: -19px;
				background: url(../../img/whatson/cn_100.png) 0 0 no-repeat;
			}
			
			#complex-nav li.active span {
				display: block;
			}
		
		.highlightAll li.cn_ng a,
		li.active.cn_ng a {
			background: #938C82;
		}
		
			#rotator-cont.highlightAll li.cn_ng span,
			#rotator-cont li.active.cn_ng span {
				background: url(../../img/whatson/cn_1.png) 0 0 no-repeat;
			}
		
		.highlightAll li.cn_gma a,
		li.active.cn_gma a {
			background: #8EA026;
		}
		
			#rotator-cont.highlightAll li.cn_gma span,
			#rotator-cont li.active.cn_gma span {
				background: url(../../img/whatson/cn_2.png) 0 0 no-repeat;
			}
		
		li.cn_pg a,
		li.cn_pg strong {
		}
		
		.highlightAll li.cn_pg a,
		.highlightAll li.cn_pg strong,
		li.active.cn_pg a,
		li.active.cn_pg strong {
			font-style: italic;
			background: #B4363B;
		}
		
			li.cn_pg strong {
				font-style: italic;
			}
			
			#rotator-cont.highlightAll li.cn_pg strong {
				color: #E8C2C4;
			}
			
			#rotator-cont li.cn_pg strong {
				color: #DDD;
			}
		
			#rotator-cont.highlightAll li.cn_pg span,
			#rotator-cont li.active.cn_pg span {
				background: url(../../img/whatson/cn_3.png) 0 0 no-repeat;
			}
			
	#complex-image {
		position: relative;
		width: 200px;
		height: 107px;
		float: right;
		border-left: solid 1px #fff;
	}
	
		#complex-image li {
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
		}

/*   
 ========================================================*/
#calendar-wrapper {
	background: #979EA3;
	width: 170px;
	padding: 5px;
	margin: 0 0 5px;
}
#calendar {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
}

	#calendar a {
		text-decoration: none;
		display: block;
	}

	#calendar td,
	#calendar th {
		text-align: center;
		padding: 0;
	}
	
	#calendar th {
		padding: 1px 0 10px;
		font-size: 1.1em;
		color: #4B575F;
		font-weight: normal;
	}
	
		#calendar th a {
			color: #4B575F;
		}	
		
		#calendar th a.monthNav {
			text-indent: -900em;
		}
		
		#calendar th a:active,
		#calendar th a:hover {
			text-decoration: underline;
			overflow: hidden;
		}
	
	#calendar tr.heading {
	}
	
		#calendar tr.heading th.hPrev {
			background: transparent url(../../img/whatson/calendar-hd.png) 0 0 no-repeat;
		}
		#calendar tr.heading th.hPrev:hover {
			background: transparent url(../../img/whatson/calendar-hd_hover.png) 0 0 no-repeat;
		}
		
		#calendar tr.heading th.hCurrent {
			background: transparent url(../../img/whatson/calendar-hd.png) 50% 0 no-repeat;
		}
		
		#calendar tr.heading th.hNext {
			background: transparent url(../../img/whatson/calendar-hd.png) 100% 0 no-repeat;
		}
		#calendar tr.heading th.hNext:hover {
			background: transparent url(../../img/whatson/calendar-hd_hover.png) 100% 0 no-repeat;
		}
		#calendar .dayLabel {
			color: #fff;
		}
	
	#calendar td.day {
		border: solid 1px #979EA3;
	}

		#calendar td.day a {
			background: #fff;
			border: solid 1px #fff;
			color: #4B575F;
			padding: 1px 0;
		}
		
		#calendar td.day.selected a, 
		#calendar td.day.selected a:hover {
			background: #4B575F;
			color: #fff;
		}
		#calendar td.day.selected a {
			border: solid 1px #4B575F;
		}
		#calendar td.day.selected a:hover {
			border: solid 1px #fff;
		}

		#calendar td.day a:hover {
			background: #fff;
			border: solid 1px #4B575F;
			color: #4B575F;
			padding: 1px 0;
		}
		
		#calendar td.weekSelector {
			background: #fff url(../../img/whatson/calendar-arrow.png) 50% 50% no-repeat;
			width: 19px;
			border: solid 1px #979EA3;
		}
		#calendar td.weekSelector:hover {
			background-color: #DFE1E2;
		}
		
		#calendar td.weekSelector a {
			text-indent: -900em;
		}
		
		
/*   
 ========================================================*/
#month-nav {
	font-family: Arial, Helvetica, sans-serif;
	height: 28px;
	width: 380px;
	float: right;
	position: relative;
	top: 48px;
}
	
	#month-nav li {
		width: 120px;
		position: absolute;
		top: 0;
	}
	
		#month-nav li a {
			display: block;
			color: #819EA3;
			text-decoration: none;
		}
		
		#month-nav li a:hover {
			text-decoration: underline;
		}
	
	#month-nav li.current_month {
		font-weight: bold;
		font-size: 1.9em;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	
	#month-nav li.next_month a,
	#month-nav li.prev_month a {
		padding: 6px 0;
	}
	
	#month-nav li.prev_month {
		left: 0;
	}
	
		#month-nav li.prev_month a {
			padding-left: 25px;
			background: url(../../img/whatson/month-nav-prev.png) 0 50% no-repeat;
		}
	
	#month-nav li.next_month {
		right: 0;
	}
		
		#month-nav li.next_month a {
			padding-right: 25px;
			text-align: right;
			background: url(../../img/whatson/month-nav-next.png) 100% 50% no-repeat;
		}
	
/*   
 ========================================================*/
#whatson #content-wide {
	width: 765px;
	float: right;
}

	#whatson .content-wide-item {
		margin: 0 0 10px 0;
		height: 100%;
		overflow: hidden;
		width: 765px;
	}

/*
	#whatson .content-wide-item .relatedContainer {
		line-height: 130%;
	}
*/

	#whatson .content-wide-item .relatedContainer h4 {
		line-height: 120%;
		margin: 0 0 4px 0;
	}

	#whatson .content-wide-item .content-alt {
		width: 550px;
		float: left;
	}
	
		#whatson .content-wide-item .relatedContainer {
			text-align: center;
		}		
	
		#whatson .content-wide-item .imageContainer {
			text-align: left;
		}

	#whatson .content-wide-item .side-alt {
		width: 200px;
		float: right;
	}

	#whatson .content-wide-item .side-alt h3 {
	}

	#whatson .content-wide-item .side-alt h3 span {
	}
	
/*   
 ========================================================*/	
.complexHeading {
	padding: 3px 0 3px 3px;
	margin-bottom: 5px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/*   
 ========================================================*/
#whatson .results {
	overflow: hidden;
	height: 100%;
	padding: 5px 0;
	border-bottom: solid 1px #ccc;
}

	#whatson .results ul,
	#whatson .results li {
		margin: 0;
		padding: 0;
	}
	
	#whatson .results ul {
	}

	#whatson .results .img img {
		border: none;
	}

	#whatson .results .img a {
		padding: 0;
		background: none;
	}

	#whatson .results .img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	#whatson .results span {
		display: block;
		padding: 3px 0 0 0;
		margin: 0;
		font-size: .9em;
	}

.inlineMedia .imMoreInfo {
	background: #C3DADD;
}

.inlineMedia .imOpenclose li a {
	background: url(../../img/arr-right-4.gif) 0 3px no-repeat;
}

.video .imActions li.imaName {
	background: url(../../img/ico_video.png) 0 3px no-repeat;
}

.audio .imActions li.imaName {
	background: url(../../img/ico_audio.png) 0 3px no-repeat;
}

.inlineMedia .imActions .imaEnlarge a {
	background: url(../../img/enlarge.png) 0 4px no-repeat;
}
	
/*   
 ========================================================*/	

#whatson .addthis_toolbox {
	background: #fff;
}