/* INFO

Site : Wales/Cymru Homepage shared
url : http://www.cf.bbc.co.uk/wales/arts/
Function : set structure
Filename : wales_cymru_homepage_shared.css
Created : -
Last update :  -
Modified by: Jon Penny

*/

/*Shared homepage*/
body {
	color: #333333;
	/*text-shadow: 0 0 0 #000; /*ensures text in Safari doesnt appear as bold*/
	text-shadow: 0;

}

.rhsimg {
	height: 56px;
	position: absolute;
	right: 14px;
	top: 6px;
	width: 130px;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

ul, ol, li, h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
}

#blq-main {
	font-family: arial,helvetica,sans-serif;
	font-size: 1em; /*over-rides the 1.2em as set in main.css in barlesque release */
}

#blq-content {
	font-size: 1.2em;
	background: #C9CAC8;
}

#blq-content h2, #blq-content h3 {
	font-family: arial, helvetica, sans-serif;
}

#blq-content h2 {
	font-size: 2em;
	font-weight: normal;
}

#blq-content h3 {
	font-size: 1.2em;
}

#containerPromos {
	clear: both;
	width: 974px;
	padding-top: 10px;
}

.hide {
	position: absolute;
	left: -5000px;
}

.nodisplay {
	display: none;
}


 
/*---- header and date ---- */
#header {
	width: 974px;
}

#header h1 {
	float: left;
	height: 68px;
}

#header div.date {
	margin: 30px 0 0 12px;
	float: left;
	text-align: left;
	font-family: arial,helvetica,sans-serif;
}

#header div.date p {
	padding: 2px 0;
	color: #FFF;
	font-weight: normal;
	font-size: 1.4em;
}
/*---- header and date ---- */

/*---- start homepage ---- */
h2#pagetitle {
	display: none;
}
/*---- end homepage ---- */

/*---- columns ---- */
.column {
	float: left;
	width: 306px;
	padding-left: 14px;
/*	min-height: 200px;*/
}
/*---- columns ---- */

/*---- container main promo ---- */
#containerMainpromo {
	width: 626px;
	height: 300px;
	float: right;
	margin: 0 0 10px 0;
	padding: 0 14px 0 0;
}

.mainpromo{
	background-color: #000;
	position:relative;
}

#containerPromos .homepage-mainpromo-container, #containerPromos .hp-mainpromo-container  {
	float: right;
	background: none;
	width: 626px;
	margin: 0 14px 10px 0;
	display: block;
	clear: right;
	height: 100%;
}
  
* html #containerPromos .homepage-mainpromo-container, * html #containerPromos .hp-mainpromo-container {
	float: right;
	background: none;
	width: 626px;
	margin: 0 7px 10px 0;
	display: block;
	clear: right;
	height: 100%;
}



.homepage-mainpromo-container #mainpromo-emp .mpBlock ul.list li, .hp-mainpromo-container #mainpromo-emp .mpBlock ul.list li {margin:0; padding:0 0 3px 0; line-height:1.1em;}
.homepage-mainpromo-container #mainpromo-emp .mpBlock ul.list li  a, .hp-mainpromo-container #mainpromo-emp .mpBlock ul.list li  a {display:block;}
.homepage-mainpromo-container #mainpromo-emp .mpBlock ul.list li  a.mpbullet,.hp-mainpromo-container #mainpromo-emp .mpBlock ul.list li  a.mpbullet {width:auto;}
.homepage-mainpromo-container #mainpromo-emp .mpBlock ul.list li  a.iplayer,.hp-mainpromo-container #mainpromo-emp .mpBlock ul.list li  a.iplayer {background-position:0 0 !important;}

.homepage-mainpromo-container .mainpromo-emp .mpBlock ul.list li, .hp-mainpromo-container .mainpromo-emp .mpBlock ul.list li {margin:0; padding:0 0 3px 0; line-height:1.1em;}
.homepage-mainpromo-container .mainpromo-emp .mpBlock ul.list li  a, .hp-mainpromo-container .mainpromo-emp .mpBlock ul.list li  a {display:block;}
.homepage-mainpromo-container .mainpromo-emp .mpBlock ul.list li  a.mpbullet,.hp-mainpromo-container .mainpromo-emp .mpBlock ul.list li  a.mpbullet {width:auto;}
.homepage-mainpromo-container .mainpromo-emp .mpBlock ul.list li  a.iplayer,.hp-mainpromo-container .mainpromo-emp .mpBlock ul.list li  a.iplayer {background-position:0 0 !important;}

#containerMainpromo h3, .mpStrip h3, .mpBlock h3, .mpBlockLeft h3 {
	color: #fff;
	line-height: 1.2em;
	padding: 10px 10px 0 10px;
	font-size: 2em !important;
	font-weight: normal !important;
}

#containerMainpromo h3 a, .mpStrip h3 a, .mpBlock h3 a, .mpBlock p a, .mpBlockLeft h3 a {
	color: #fff !important;
}

#containerMainpromo a:hover {
	text-decoration: underline;
	color: #FFF;
}

#containerMainpromo p, .mpStrip p, .mpBlock p, .mpBlockLeft p {
	color: #fff;
	padding: 4px 10px 0 10px;
	line-height: 1.5em;
}

#containerMainpromo ul.mpBlocklist {
	padding: 10px 0 0 0;
}
	
#containerMainpromo ul.mpBlocklist li {
	padding: 3px 10px;
}
	
* html  #containerMainpromo ul.mpBlocklist  {margin:0;}

.mpBlock ul.mpBlocklist li {
	text-indent: -24px;
	padding: 0 0 0 24px;
}
	
.mpBlock ul.mpBlocklist li a.mpbullet {
	line-height: 14px;
}

.mpStrip {
	width: 626px;
	padding: 0 0 10px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #cccccc;
	background:transparent url(/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png) scroll 0 0;
}

.mpStrip h3 a:hover, .mpBlock h3 a:hover, .mpBlockLeft h3 a:hover {
	text-decoration: underline;
}
	
.mpStrip ul {
	list-style-type: none;
	margin-left: 10px;
	margin-top: 6px;
}

.mpStrip ul li {
	display: inline;
	padding-right: 5px;
}

.mpOpacityNone {
	background: #111111;
}

.mpOpacityStrong {
	/* For IE */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	/* For IE end */
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.mpOpacityMedium {
	/* For IE */
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
	/*filter: alpha(opacity=80);*/
	/* For IE end */
	/*-moz-opacity: 0.8;*/
	/*-khtml-opacity: 0.8;*/
	/*opacity: 0.8;*/
}


.mpBlock, .mpBlockLeft {
	width: 226px;
	height: 300px;
	position: absolute;
	top: 0;	
	background:transparent url(/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png) scroll 0 0;
	color: #ffffff;
}

.mpBlock p cite {font-size:90%;}




/*PNG fix*/


* html .mpStrip, * html .mpBlock, * html .mpBlockLeft
{
	bac\kground-image: url('/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png)'); /* PNG24 support. ie4/5 op5 css backslash filter - http://centricle.com/ref/css/filters/tests/sbmh/ */ 
	_bac\kground-image: none; /* negate bg-image on != ie6 . http://www.daltonlp.com/daltonlp.cgi?item_id=217 */ 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/staticarchive/1ed2275fd0de2e674c1a8096862ab43e7e0a3a9d.png)'); 
}
	



ul.list {
	margin: 7px 0 0 10px;
}

ul.list li {
	padding: 2px 0;
}

#containerMainpromo .mpBlock {
	right: 14px;
}

.mainpromo .mpBlock, #mainpromo .mpBlock, .mainpromo .mpBlockLeft, #mainpromo .mpBlockLeft {
	right: 0;
}

#mainpromo-emp .mpBlock, .mainpromo-emp .mpBlock {
	right: 0;
	width: 179px;
	height: 287px;
}


#mainpromo .mpBlockLeft, .mainpromo .mpBlockLeft {
	left: 0;
}

.mainpromo .mpBlock ul, #mainpromo .mpBlock ul, .mpBlockLeft ul {
	margin: 8px 10px 0 10px;
	list-style-type: none;
	padding: 0 0 10px 0;
}

.mainpromo .mpBlock li, #mainpromo .mpBlock li, .mpBlockLeft li {
	margin: 0 0 6px 0;
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.mainpromo .mpBlock ul li a.arrow, #mainpromo .mpBlock ul li a.arrow, .mpBlockLeft ul li a.arrow {
	padding: 4px 0 0 10px;
}

.mpbullet {
	background: transparent url(/staticarchive/f8066ed901b7f02e70480cc9bb3e21f92a4ef354.gif) -17px 5px;
}


a.mpbullet {
	padding: 1px 0 0 24px;
	font-weight: normal;
	text-decoration: none;
	width: 30px;
	overflow: hidden;
}

ul.mpStriplist a.mpbullet, .mpBlock ul li a.arrow, .mpBlockLeft ul li a.arrow, a.mpbullet, .mpBlocklist a.iplayer, .mpBlocklist a.watch, .mpBlock a.listen, #mainpromo-emp .mpBlock a.iplayer, #mainpromo-emp .mpBlock a.watch, #mainpromo-emp .mpBlock a.listen, .mpStrip a.iplayer, .mpStrip a.watch, .mpStrip a.listen {
	line-height: auto !important;
	border: none !important;
	padding: auto !important;
}

.mainpromo-emp .mpBlock a.iplayer, .mainpromo-emp .mpBlock a.watch, .mainpromo-emp .mpBlock a.listen, .mpStrip a.iplayer, .mpStrip a.watch, .mpStrip a.listen {
	line-height: auto !important;
	border: none !important;
	padding: auto !important;
}

	
ul.mpStriplist a:hover.mpbullet,.mpBlock ul li a:hover.arrow, .mpBlockLeft ul li a:hover.arrow, a.mpbullet:hover, .mpBlocklist a:hover.iplayer, .mpBlock a:hover.listen, .mpBlocklist a:hover.watch, #mainpromo-emp .mpBlock a:hover.iplayer, #mainpromo-emp .mpBlock a:hover.watch, #mainpromo-emp .mpBlock a:hover.listen, .mpStrip a:hover.iplayer, .mpStrip a:hover.watch, .mpStrip a:hover.listen {
	color: #ffffff;
	text-decoration: underline;
}

.mainpromo-emp .mpBlock a:hover.listen, .mpStrip a:hover.iplayer, .mpStrip a:hover.watch, .mpStrip a:hover.listen {
	color: #ffffff;
	text-decoration: underline;
}
/*---- container main promo ---- */

/*---- Content block ---- */
.contentBlock {
	float: left;
	width: 306px;
	padding: 0;
	padding-top: 5px;
	position: relative;
	margin-bottom: 10px;
	background: #ffffff;
}

.contentBlock h2 {
	font-family: arial,sans-serif;
	padding-bottom: 5px;
	margin: 0 10px 0 10px;
	color: #333333;
	padding: 4px 0 5px 0;
	border-bottom: 2px solid #cccccc;
}

.contentBlock h2 a {

}

.contentBlock h2 a:hover {
	color: #333333;
	text-decoration: underline
}

.contentBlock h3 {
	float: left;
	padding: 10px 0 0 10px;
	width: 126px;
	background: #fff;
	color: #555;
	line-height: 1.3em;
	text-transform: none;
	font-size: 1.2em;
	font-weight:bold;
}
/* Specific style for local story object to remove excess padding*/

#blq-content .localstories .alsointhenews h3 {
	float: left;
	padding: 5px 0 0 10px !important;
	width: 126px;
	background: #fff;
	color: #555;
	line-height: 1.3em;
	text-transform: none;
	font-size: 1.2em;
}

#blq-content .localstories .alsointhenews img {
	padding-top: 7px !important;
	padding-bottom: 10px;
}

#blq-content .localstories .alsointhenews p.intro {
	margin-bottom: 10px;
}

html #blq-content .localstories .alsointhenews p.intro {
	margin-bottom:13px;
}
/*end here*/

.alsointhenews h3 {
	font-size: 1.2em;
}

.contentBlock h3 a:hover {
	color: #333333;
	text-decoration: underline;
}

.contentBlock p {
	padding: 8px 0 5px 10px
}

.contentBlock p.intro {
	line-height: 1.4em;
	float: left;
	width: 126px;
	padding: 2px 0 10px 10px;
	color: #333333;
}

.alsointhenews p.intro  {
	line-height: 1.4em;
	float: left;
	padding: 2px 0 10px 10px;
	color: #333333;
}

.contentBlock img {
	float: left;
	padding: 10px 0 10px 10px;
}

.alsointhenews img {
	clear: left;
	padding-left: 0;
}

.contentBlock img.map {
	float: left;
	padding: 0 0 10px 0;
}

.contentBlock p.edit {
	position: absolute;
	top: 4px;
	right: 10px;
	text-align: center;
}

.contentBlock p.edit a {
	width: 94px;
	height: 19px;
	overflow: hidden;
	padding: 6px 0 0 0;
	display: block;
	background-repeat: no-repeat;
}

.contentBlock p.edit a:hover {
	text-decoration: none;
}

.contentBlock ul {
	margin: 0 10px 0 10px;
	padding: 6px 0 2px 0;
	border-top: 1px dashed #b0b0b0;
	position: relative;
	list-style-type: none;
	clear: both;
}

.contentBlock ul.imgRelated {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	clear: none;
	vertical-align: top;
}

.contentBlock ul li {
	margin: 0 0 4px 0;
	background-repeat: no-repeat;
	background-position: 0 .2em;
}

.contentBlock ul li a.standardBullet {
	padding: 4px 0 0 10px;
}

.contentBlock ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

.contentBlock li.dx {
	font-weight: bold;
}
/*---- content block ---- */

/*---- News switcher ---- */
.switcher {
	position: relative;
	margin-top: 10px;
	left: 10px;
}

.switcher ol {
	width: 286px;
	background: #fff;
	margin-bottom: 10px;
	list-style-image: none;
}

.switcher li {
	list-style-type: none;
	margin-left: -9px
}

.switcher li a {
	margin-left: -10px;
	display: block;
	padding: 5px 10px 2px 20px;
	width: 106px;
	line-height: 1.2em;
	margin: 0;
}

.switcher li a.csshover:hover, .switcher li.focus a {
	text-decoration: none;
	margin: 0;
}
.switcher p {
	margin-left: 0;
	padding: 0;
}

.switcher li a img {
	visibility: hidden;
}

.switcher li a.csshover:hover img, .switcher li.focus a img, .switcher li.one img, .switcher li.dy img {
	visibility: visible;
	
}

.switcher li.two a, .switcher li.three a {
	margin-top: 0;
	padding-top: 5px;
}

/*
.switcher li.two a:hover, .switcher li.three a:hover, .switcher li.dy a {
	margin-top: 0;
	padding-top: 0;
}
*/

.switcher li.one a {
	margin-top: 0;
	padding: 5px 17px 2px 10px;
}

* html .switcher li.one a {
	margin-top: 0;
	padding: 4px 17px 3px 10px;
}


/* Create 1px gap between switcher links using margin-bottom (instead of border-top technique). This alleviates the need for IE hack */

	DIV.switcher li a, DIV.switcher li.imagelink1 a, DIV.switcher li.imagelink2 a, DIV.switcher li.imagelink3 a, 
	DIV.switcher li a:hover,
	DIV.switcher li.focus a {
		border-top:none;
		margin-bottom:1px;
	}

	/* Override superflouous border on the LI elements: */
	DIV.switcher li.imagelink1, DIV.switcher li.imagelink2, DIV.switcher li.imagelink3 {
		border:none;
	}

	/* When there's an odd number of links we need an extra pixel to maintain alignment: */
	DIV.switcher li.imagelink3 a {
		padding-bottom:3px;
	}

	
.newsContentBlock div.switcher li.imagelink3 a {padding-bottom:2px;}	
	
	/* If the margin-bottom technique is not suitable then this tweak helps fix the alignment when using borders instead: */
	/* When there are 3 items, nudge the bottom of the 3rd down one pixel to line up with the image: */
	/* A better fix would be to reduce the height of the 1st item but without additional markup or classes, this would adversely affect the 2-item switcher too. */
	/*.switcher li.imagelink3 a {
		padding-bottom:3px;
	}
	* html .switcher li.imagelink3 a {
		padding-top:4px;
	}*/


.switcher .imageholder {
	position: absolute;
	left: 0;
	overflow: hidden;
	float: left;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	position: absolute;
	top: 0;
	width: 154px;
	height: 115px;
}

.switcher .imageholder img {
	border-bottom: 0;
	top: -11px;
	left: -10px;
	position: relative;
	float: none;
	width: 154px;
	height: 115px;
}

.imagelink1, .imagelink2, .imagelink3 {
	padding-left: 163px;
}

.imagelink2, .imagelink3 {
	border-top: 1px solid #ffffff;
}
/*-- News switcher ---- */

/*-- directory ---- */
#directory {
	padding: 15px 0 5px 0;
	position: relative;
	clear: both;
	float: left;
	background: #7b7b7b;
	width: 974px;
}

#directory h2 {
	font-family: arial,sans-serif;
	color: #fff;
	font-weight: normal;
	width: 926px;
	margin: 0 0 6px 24px;
	padding-bottom: 10px;
	border-bottom: 2px solid #999999;
}

#directory div {
	width: 306px;
	float: left;
	margin: 0 0 40px 0;
	padding: 0 0 0 24px;
}

#directory div.directoryColumn {
	padding-left: 14px;
}

#directory h3 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 16px 0 3px 0;
}

#directory h3 a:hover {
	text-decoration: underline;
}

#directory h3 a {
	color: #FFF;
}

#directory ul {
	margin-bottom: 4px;
	color: #CCCCCC;
	padding-right: 10px;
}

#directory ul a {
	color: #FFFFFF;
}

#directory ul a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

#directory ul li {
	margin: 0 0.3em 0 0;
	display: inline;
	list-style-type: none;
	line-height: 1.4em;
}

#directory p {
	color: #E0E0E0;
	position: absolute;
	bottom: 20px;
	right: 14px;
	clear: both;
}

#directory p a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
/*---- directory ---- */

/*---- weather ---- */
.weather {
	background: #FFF;
}

.weather h2 {
	padding-bottom: 5px;
	margin: 0 10px -10px 10px;
	padding: 5px 0 5px 0;
	border-bottom: none;
}

.weather .main {
	position: relative;
	padding: 0 10px 10px 10px;
	margin: 0;
	clear: both;
}

.weather table {
	text-align: center;
	color: #555555;
	width: 286px;
	margin-top: 0;
}

.weather td,.hpWeather th {
	text-align: center;
	width: 95px;
	margin: 0;
	padding: 4px 0;
	vertical-align: top;
	background: #fff;
	border-right: 1px solid #F2F2F2;
}

.weather table tr .day3 {
	border-right: 0;
}

.weather th {
	text-align: center;
	font-weight: bold;
	padding: 6px 0 6px 0;
}

.weather tr.thumbnails img {
	float: none;
	margin: 0;
	padding: 6px 0 6px 0;
}

.weather tr.thumbnails p {
	text-transform: capitalize;
	font-weight: bold;
}

.weather tr.isaf td {
	padding:0 0 10px 0;
}

.weather tr.ichaf td {
	padding:0 0 2px 0;
}

.weather table .label {
	display: block;
	position: absolute;
	left: -5000px;
}

caption {
	width: 120px;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin-top: 0;
}

caption span.town {
	position: relative;
	top: 0;
	left: 0;
	color: #333333;
	margin-left: 10px;
}

.weather div {
	position: relative;
}

.weather div p.fiveday {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0 0 5px 0;
	margin: 0;
	background: transparent;
}

.
fiveday a {
	font-weight: normal;
}

.weather div.options {
	padding: 10px 0;
}

.weather div.options form {
	margin: 3px 0;
}

.weather div.options input.hpButton {
	margin-left: 10px;
}

.weather div.options #loc {
	width: 160px;
	clear: left;
	margin: 10px 10px 0 0;
	height: 1.26em;
	padding: 4px;
	border: none;
}

.weather div.options label {
	padding: 0 0 3px 0px;
	display: block;
}

.weather div.options fieldset {
	border: none;
	padding-left: 10px;
}

.weather div.options p {
	text-align: left;
	background: none;
	padding: 5px 10px;
}

.weather div.options p span {
	font-weight: bold;
}

.weather div.options p a {
	color: #FFFFFF;
}

.weather p {
	padding-left: 0;
	padding-right: 0;
}

.weather td.three, .weather th.three {
	border-right: none;
}


.weather #weatheredit {
	margin: 0;
	padding: 0;
	position: relative;
	left: 230px;
	top: -14px;
	margin: 5px;
}

.weather a#weatheredit {
	padding: 5px 20px;
	background: transparent url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) -220px -223px no-repeat;
}

* html .weather #weatheredit {
	left:235px;
	margin-left:0;
}

.weather a#weatheredit:hover {
	color: #333333 !important;
	background: transparent url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) -220px -251px no-repeat;
}

#weather-edit-container{
	clear: both;
	background: #761720 none repeat scroll 0%;
	z-index: 5;
	padding: 0 0 0 14px;
}

#weathersettings p{
	color: #fff;
	padding: 5px 0;
}

#weathersettings input{
	width: 80%;
	color: #888;
	font-size: 1.1em;
	padding: 3px 0 0 3px;
	height: 2em;
	border: 1px solid #CCC;
	border-top: 2px solid #DDD;
	margin: 2px 0 5px 0;
}

#weathersettingsbar{
	height: 3em;
	margin: 0;
	padding: 16px 15px 6px 0;
}

#weathersettingsbar a{
	color: #FFF;
	float: left;
	font-size: 1.165em;
	text-align: left;
}

#weathersetingsbar #weatherSaveChanges:hover{
	background-color: #541218;
	text-decoration: none;
	cursor: pointer;
}

#weathersettingsbar #weatherSaveChanges {
	background: transparent url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) no-repeat scroll left -145px;
	width: 9.8em;
	cursor: pointer;
}

#weathersettingsbar #weatherCancel {
	background: transparent url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) no-repeat scroll left -174px;
	width: 6.5em;
	margin-left: 10px;
	cursor: pointer;
}

#weathersettingsbar #weatherSaveChanges span, #weathersettingsbar #weatherCancel span {
	margin-left: 26px;
	padding-left: 9px;
	cursor: pointer;
}

#weathersettingsbar a span {
	background: url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) no-repeat right -26px;
	display: block;
	height: 18px;
	padding: 6px 0 2px;
	cursor: pointer;
}

#weathersettingsbar a:hover span {
	background: #541218 url(/staticarchive/5b312650128fcbacfc604f0617af328d80a62269.gif) no-repeat right -26px;
}

#weathermultiplelocation {
	clear: both;
}

.settingsbar .save {
	margin-left: 5px;
	padding-left: 30px;
}

#weathermultilocmess p, #weathernolocation p {
	color: #FFF;
	padding-left: 14px;
}

#weathermultilocmess li a {
	color: #FFBA00;
	text-decoration: none;
}

#weathermultilocmess li a:hover {
	color: #fff;
}
/*---- weather ---- */

/*---- Travel ---- */
.travel {
	float: left;
	width: 306px;
	position: relative;
	margin-bottom: 0;
	background: #FFF;
}

.travel h2 {
	padding-bottom: 5px;
	margin: 0 10px 5px 10px;
	padding: 4px 0 5px 0;
	border-bottom: 2px solid #CCCCCC;
}

.travel h2 a {
	color: #C11D1D;
}

.travel h2 a:hover {
	color: #333333;
}

.travel h3 {
	float: none;
	width: 250px;
	margin: 0;
	padding: 5px 0 4px 10px;
	font-weight: bold;
	text-align: left;
}

.travel h4 {
	padding: 4px 10px 4px 44px;
	color: #333;
	font-size: 1.2em;
	font-weight: normal;
}

.travel p.intro {
	float: right;
	width: 242px;
	margin: 0 10px;
	padding: 0 10px 10px 0px;
	color: #333333;
	line-height: 1.4em;
}

* html .travel p.intro {
	float: right;
	width: 232px;
	margin: 0 10px -33px 10px;
	padding: 0 10px 43px 0px;
	color: #333333;
	line-height: 1.4em;
}

.travel img {
	float: left;
	margin: 0 0px 0 0;
	padding: 5px 0 10px 10px;
}
/*---- Travel ---- */

/*---- tool bar ---- */
#toolbar {
	float: left;
	clear: both;
	width: 946px;
	padding: 6px 14px;
}

#toolbar a.question {
	background: url(/home/img/help_grey.png) no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	margin: 4px 0 0 -2px;
	float: none;
}

#toolbar a {
	float: left;
	text-align: left;
	color: #fff;
	font-size: 1.4em;
	cursor: pointer;/*-- needed for IE -- oW*/
}
/*---- tool bar ---- */
  
/*---- Settings dropdown ---- */
#hpEditYourHomePage, #hpSethome {
	padding: 16px 0;
	width: 974px;
	float: left;
	position: relative;
	z-index: 5;
}

#multiplelocation {
	clear: both;
}
/*---- Settings dropdown ---- */

/*---- Mainpromo bullets ---- */
.watch, .standardBullet.watch{
	background: url(/staticarchive/9dac23c705b13636ed8303dfff69a0d8394db23b.gif) 0 0px no-repeat;
}


a.watch {
	color: #C11D1D;
	padding: 1px 0px 0px 24px;
	font-weight: normal;
	text-decoration: none
}

a.watch:hover {
	color: #0179B2;
	text-decoration: underline
}

.listen, .standardBullet.listen{
	background: url(/staticarchive/a6226d4f656417d08773e5292b69ceb6b6dd8923.gif) 0 0px no-repeat;

}

a.listen {
	color: #C11D1D;
	padding: 1px 0px 0px 24px;
	font-weight: normal;
	text-decoration: none
}

a.listen:hover {
	color: #0179B2;
	text-decoration: underline
}

.iplayer, .standardBullet.iplayer {
	background: url(/staticarchive/bfa49efe3fec8c04e492825bbda4f61bb0686466.gif) 0 0px no-repeat;
}



a.iplayer {
	color: #C11D1D;
	padding: 1px 0px 0px 24px;
	font-weight: normal;
	text-decoration: none;
}
a.iplayer:hover {
	color: #0179B2;
	text-decoration: underline
}

a.iplayer:link,
a.iplayer:visited,
a.iplayer:hover,
a.iplayer:active { background: url(/staticarchive/bfa49efe3fec8c04e492825bbda4f61bb0686466.gif) 0 0 no-repeat; }

/*---- Mainpromo bullets ---- */

/*->Carousel contains default colours - override these with site specific colours in the site specific css */
#promo-carousel {
	width: 100%;
	background: #e0e0e0;
	border-top: 4px solid #BC1E2D !important;
}
	
#promo-carousel li {
	margin: 0;
	padding: 0;
	float: left;
	width: 157px;
}

#promo-carousel li.lifourth {
	width: 155px;
}
	
#promo-carousel a {
	display: block;
	border-right: 2px #e0e0e0 solid;
	color: #bc1e2d;
	margin: 0;
	padding: 5px 0 15px 5px;
	font-size: 1.165em;
	height: 100%;
	cursor: pointer;
	background: #edeede;
}

#promo-carousel a:hover {
	color: #edeede;
	background-color: #911823;
	cursor: pointer;
}

* html #promo-carousel a:hover  {padding: 5px 0 15px 5px;
	border-right: 2px #e0e0e0 solid;

}

#promo-carousel a.selected, #promo-carousel a.selected:hover {
	color: #edeede;
	background-color: #bc1e2d;
	cursor: pointer;
}
	
#promo-carousel li.lifourth a {
	border-right: 0;
}
                                                                                                                                     
.empty {
	height: 1 8px;
	background: #e0e0e0;
	display: none;
}
/*-*/

#containerPromos .homepage-mainpromo-container #mainpromo, #containerPromos .homepage-mainpromo-container .mainpromo {
	height: 300px;
	margin-bottom: 0;
	padding-top: 0;
	position: relative;
}
	
#containerPromos .homepage-mainpromo-container #mainpromo-emp, #containerPromos .homepage-mainpromo-container .mainpromo-emp  {
	height: 287px;
	margin-bottom: 0;
	padding-top: 0;
	position: relative;
}
	

	
/* Skip to top link */
.skiptotop {
	margin: 0;
	padding: 10px 14px;
	clear: both;
	text-align: right;
}

.skiptotop a {
	margin: 0;
	padding: 0 0 0 15px;
	color: #494949;
	background: transparent url(/staticarchive/75346066950214b11dc27eb40b6a33a8578719eb.gif) -240px 3px no-repeat;
}
	
.skiptotop a:hover {
	color: #494949;
	text-decoration: underline;
}
/*-*/

/* Iplayer feed -----------------------------------------------------------------------------*/
#iplayer_feed {
	margin: 0 0 10px 0;
	padding: 0;
	background: #edeede;
	clear: both;
	overflow: hidden;
}

#iplayer_feed h2 {
	margin: 0 0 10px 0;
	padding: 10px;
	color: #c11d1d;
	background: #fff;
}

/* Navigation tabs */
#iplayer_feed ul {
	margin: 0 10px;
	padding: 0;
	height: 1%;
}

#iplayer_feed ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #edeede;
	display: inline;
	float: left;
}

#iplayer_feed ul li#feedtab1 a, #iplayer_feed ul li#feedtab2 a {
	margin: 0;
	padding: 10px 8px;
	cursor: pointer;
	display: block;
	font-size: 1.15em;
	width: 126px;
	outline: none;
}

#iplayer_feed ul li#feedtab1 {
	margin-right: 2px;
}

#iplayer_feed ul li#feedtab1 a:hover, #iplayer_feed ul li#feedtab2 a:hover, #iplayer_feed ul li#feedtab1.selected a:hover, #iplayer_feed ul li#feedtab2.selected a:hover {
	background: #e3e4d3;
}

#iplayer_feed ul li#feedtab1.selected a, #iplayer_feed ul li#feedtab2.selected a {
	color: #333;
	background: #d6d5c3;
}
/* Navigation tabs end */

/* Main content */
#iplayer_feed #feed-comingup, #iplayer_feed #feed-episodes {
	margin: 0 10px 10px 10px;
	padding: 5px 10px 10px 10px;
	background: #fff;
	line-height: 1.2em;
	clear: both;
	overflow: hidden;
}

#iplayer_feed #feed-comingup ol.episodes, #iplayer_feed #feed-episodes ol.episodes {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#iplayer_feed #feed-comingup ol.episodes li, #iplayer_feed #feed-episodes ol.episodes li {
	margin: 0;
	padding: 10px 0 5px 0;
	list-style-type: none;
	border-bottom: 1px solid #ccc;
}

#iplayer_feed #feed-comingup ol.episodes li a, #iplayer_feed #feed-episodes ol.episodes li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #c11d1d;
}

#iplayer_feed #feed-comingup ol.episodes li a:hover, #iplayer_feed #feed-episodes ol.episodes li a:hover {
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#iplayer_feed #feed-episodes ol.episodes li .episode .availability span.time-remaining {
	/* padding: 0 0 0 11px;
	background: url(http://www.bbc.co.uk/vision/genres/common/css/1/styles/f/iplayer.gif) 0 2px no-repeat;
	color: #dd047b; */
	display: none;
}

#iplayer_feed #feed-comingup ol.episodes li#e4, #iplayer_feed #feed-episodes ol.episodes li#e4 {
	border-bottom: 0 !important;
}

#iplayer_feed #feed-episodes ol.episodes li .episode .description, #iplayer_feed #feed-comingup ol.episodes li .episode .description {
	display: none;
}

#iplayer_feed #feed-episodes ol.episodes li .episode .summary a {
	padding: 0 0 0 20px;
	background: url(/staticarchive/bfa49efe3fec8c04e492825bbda4f61bb0686466.gif) 0 1px no-repeat;
	display: -moz-inline-block; /* For Firefox 2 and below */
	display: inline-block;
}

#iplayer_feed #feed-episodes ol.episodes li .episode .summary a span.subtitle, #iplayer_feed #feed-comingup ol.episodes li .episode .summary a span.subtitle, #iplayer_feed #feed-comingup ol.episodes li .episode .availability span.time-remaining {
	display: none;
}
/* Main content */

/* Iplayer feed -----------------------------------------------------------------------------*/

/*---- Glow - widget css for location overlay panel ---- */
.glow-panel {
	font-family:arial,helvetica,sans-serif!important;
	border:none!important;
	padding-bottom:0!important;
	width:300px!important;
	margin-left:50px!important;
}

.glow-panel h2 {
	font-weight: normal !important;
	font-size: 2.4em !important;
	color: #666666 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.glow-panel-bd {
	background: #edeede !important;
	margin: 0 !important;
	padding: 10px !important;
}

.glow-panel-ft {
	margin: 0 !important;
	padding: 0 !important;
}

.glow-panel .glow-panel-close {
	height: 20px !important;
	position: absolute !important;
	right: 10px !important;
	text-indent: -5000px !important;
	top: 10px !important;
	width: 20px !important;
}

.glow-panel .c {
	background: #fff !important;
	padding-bottom: 10px !important;
	margin: 0 !important;
	border: none !important;
}

.glow-panel .tr div, .glow-panel .tl div, .glow-panel .bl div, .glow-panel .br div {
	height: 0 !important;
}

.glow-panel .bars {
	background: transparent !important;
	height: 0 !important;
	border: 0 !important;
}

.glow-panel .tb div, .glow-panel .bb div {
	height: 0 !important;
}

.glow-panel .tb, .glow-panel .bb {
	border: none;
	height: 0 !important;
}

.glow-panel .glow-panel-hd {
	border-bottom: none !important;
}

.glow-panel .tr, .glow-panel .tl, .glow-panel .br, .glow-panel .bl {
	border: none !important;
	height: 0 !important;
}

/*
.panel p {
	font-size: 1.2em !important;
	line-height: 1.4em !important;
	color: #666666 !important;
	padding: 0 !important;
	margin: 0 !important;
}

*/

a.panelbutton { 
	font-weight: bold !important;
	margin: 0 !important;
	text-align: center !important;
	width: 69px !important;
	height: 21px !important;
	background: url(/staticarchive/d7eaaebb996ab88affd5c57814558b9551309f52.gif) 0 0 no-repeat !important;
}

a:hover.panelbutton {
	background: #eeeeee url(/staticarchive/d7eaaebb996ab88affd5c57814558b9551309f52.gif) -89px 0 no-repeat !important;
}


#confirmlocation p.buttonset {
	padding: 0;
	margin: 0 !important;
}

/*
.buttonset {
	padding: 7px 0 10px 0 !important;
	margin: 0 !important;
	float: right !important;
}

.buttonset a {
	display: block !important;
	float: left !important;
	height: 21px !important;
	margin: 7px 0 0 10px !important;
	padding: 3px 0 0 0 !important;
}

*/
.glow-panel-ft {
	display: none !important;
}
/*---- Glow - widget css for location overlay panel ---- */

/*---- tool bar -----*/
#toolbar #vocabLink {
	margin-right: 8px;
	width: 12em;
	padding-left: 100px;
	background: #74171f url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) left -87px no-repeat;
}

#toolbar #vocabLink span {
	padding-left: 10px;
	font-size: 0.9em;
}

#toolbar #vocabLink:hover {
	background: #541218 url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) left -87px no-repeat;
}

#toolbar #editLink a:hover {
	background: #4f4a4a;
}

#toolbar #hpReset {
	float: right;
	width: 10em;
	padding-left: 25px;
	background: #4f4a4a url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) left -87px;
}

#toolbar #setloc {
	background: url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) left -116px;
	width: 13.3em;
}

#toolbar #sethomepage {
	background: url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) left -116px;
	margin-left: 14px;
	width: 15.3em;
}


#toolbar #setloc span .vocabHW, #toolbar #editLink span .vocabHW, #settingsbar #saveChanges span .vocabHW, #settingsbar #cancel span .vocabHW {
	margin: 0;
	padding: 0;
	width: 0;
	background: #ffff99;
	height: 0;
	display: inline;
}

#toolbar #editLink {
	background: url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) left -145px;
	margin-left: 14px;
	width: 14.8em;
}

#toolbar #editLink span,#toolbar #setloc span, #toolbar #sethomepage span {
	padding-left: 30px;
	margin-left: 5px;
}

#toolbar a span {
	background: url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) right -26px;
	display: block;
	height: 18px;
	padding: 6px 0 2px 0;
}

#toolbar #setloc:hover,#toolbar #editLink:hover, #toolbar #sethomepage:hover {
	background-color: #153865;
	text-decoration: none;
}




#hpSethome{
	color: #fff;
	font-weight: normal;
}

#hpSethome h2{
	font-size: 1.6em;
	margin: 0 20px 10px 0;
	padding: 0 0 8px 0;
	font-weight:normal !important;
	border-bottom:1px solid #92424a !important;

	
}	

#hpSethome ol{
	margin: 0;
	padding: 0;
}
#hpSethome ol li{
	float: left;
}

#hpSethomeContainer{
	padding: 0;
	margin: 0 0 0 20px;
}

#hpSethome a{
	color: #ffba00;
}
#hpSethome a:hover {
	color:#fff;
	text-decoration:underline;
}

#hpSethome dt{
	font-weight: bold;
	margin-bottom: 8px;
	
}

#hpSethome dd {
	width:290px;
	margin-right:15px;
}

#hpSethome dd p {
	line-height:1.2em;

}

#hpSethome ul{
	padding-left: 4px;
}

#hpSethome ul li{
	padding-bottom: 4px;
	width:280px;
	line-height:1.2em;
	margin-right:15px;

}

#hpSethomeFF ul li {
	list-style:square;
	margin:0 0 0 10px;
}

#hpSethomeFF a.parent {
	background:transparent url(/staticarchive/82127ddc46d19669b85cb22fefc87bca22ed0843.gif) no-repeat scroll left top;
	float:left;
	margin-top:5px;
	height:25px;
	text-indent:-2000em;
	width:69px;
	margin-right: 4px;
}

/*---- tool bar -----*/
/*---- tool bar ---- */
* html #settingsbar {
	float: left;
	width: 29em;
	padding: 0 15px 0 10px;
	margin: 0;
	height: 2em;
}

#settingsbar {
	width: 29em;
	float: left;
	padding: 0 15px 0 14px;
	margin: 0;
	height: 100%;
}

#settingsbar a {
	float: left;
	text-align: left;
	color: #fff;
	font-size: 1.165em;
}

* html #settingsbar a {
	float: left;
	text-align: left;
	color: #fff;
	font-size: 1.155em;
	cursor: pointer;/*-- needed for IE -- oW*/
}

#settingsbar #saveChanges {
	background: url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) left -58px;
	width: 11.4em;
}

#settingsbar #cancel {
	background: url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) left -174px;
	margin-left: 10px;
	width: 6.5em;
}

#settingsbar #saveChanges span,#settingsbar #cancel span {
	padding-left: 30px;
	margin-left: 5px;
}

#settingsbar a span {
	background: url(/staticarchive/309441d071b8d1888adf1e7024b2e943177924ac.gif) right -26px;
	display: block;
	height: 18px;
	padding: 6px 0 2px 0;
}

#settingsbar #cancel:hover,#settingsbar #saveChanges:hover {
	background-color: #153865;
	text-decoration: none;
}

#settings input {
	margin: 0 0 0 14px;
	width: 22em;
	border: none;
	padding: 5px 0 0 4px;
	color: #888888;
	height: 1.6em;
	float: left;
	font-size: 1.1em;
}

* html #settings input {
	margin: 0 0 0 14px;
	width: 22em;
	border: none;
	padding: 3px 0 0 4px;
	color: #888888;
	height: 1.4em;
	float: left;
	font-size: 1.1em;
}

#settings p {
	color: #fff;
	padding:5px 0 10px 14px;
}
/*---- tool bar ---- */

.radioPanel li h3 a {
	display: block;
	font-weight: normal;
	height: 2.55em;
	padding: 0.7em 6px 0.3em 10px;
	width: 80px;
}

.radiolistenagain a.iplayer{display:block; background-position:0 0px;}


#bbcVidWidget {
	margin-bottom: 10px;
}

/*---- blog ---- */
/*->Blog promo*/

.blogpromo {
	clear:both;
}
.blog {
	clear:both;
	
}


.blogpromo p{
	color:#333;
	line-height:1.6em !important;
}
.blogpromoinfo {
	margin: 10px 10px 10px 0 ;
    	width: 228px;
   	background: transparent url(/staticarchive/a05fc6892cfeeb4b32cf347deff6fd31ae3a3126.gif) top left no-repeat !important;
    	float: right;
}
.blogpromoinfo h3 {
	background:#F6F6EE;
}


.blogpromoinfo a:hover {text-decoration:underline; color:#333;}

/*IE fix for bottom margin*/
* html .blogpromoinfo {
	padding-bottom: 10px;
}
.blogpromoinfo h4 {
	padding: 0 0 0 25px;
	margin: 14px 5px 0 4px;
	font-weight:normal;
	line-height:1.3em;
}

.blogpromoinfo h4 a {
	font-weight:bold;
}
.blogpromoinfo p {
    color: #2b2b2b;
	margin: 5px 0 0 4px !important;
    padding: 0 20px 0 25px !important;
    background: transparent url(/staticarchive/09bad22271fa6f4e097fd7806b2418aebf1d205a.gif) top left repeat-y !important;
	line-height:1.2em;
	}
.blogpromoinfo p.base {
	color:#666 !important;
    	margin: 0 0 8px 0 !important;
    	padding: 1px 0 7px 28px !important;
    	background: transparent url(/staticarchive/bded70324d4685ae75b879c917ddf24001127be4.gif) bottom left no-repeat !important;
}


.blogpromodescription2{
	margin-top:0 !important;
	margin-bottom:5px !important;
	padding-top:0 !important;
}

.blogpromolinks {
	margin: 0 10px;
	border-top: 1px dashed #b0b0b0;
	clear: both;
}
.blogpromolinks h3	{
	font-size: 1em;
	color: #666666;
	padding: 0 !important;
}

.contentBlock .blogpromolinks ul {
	border: none !important;
}
* html .blogpromoinfo {
	margin: 10px 5px 0 0 !important;
}
div.blog p {
	margin-top:0;
	padding-right:10px;
	color:#333 !important;
	line-height:1.4em ;
}
a.podcast {
background: url(/staticarchive/74107af53b8275a98a9297acd2bfb68982c622f9.gif) 0 0px no-repeat;
padding-left:24px;
}




.contentBlock ul li a.standardBullet {
padding:4px 0 0 24px;
}

.contentBlock ul li {
background-position:0pt 0.2em;
background-repeat:no-repeat;
margin:0pt 0pt 4px;
}

/* if itemcount is >= than 3 start wrapping them */
.itemCountIII ul li,
.itemCountIIII ul li,
.itemCountIIIII ul li,
.itemCountIIIIII ul li,
.itemCountIIIIIII ul li { float: left; width: 50%; }


.contentBlock ul {
	margin-bottom:5px;
}


/*blogfeed style*/

.contentBlock.blog .blogfeed img {
	float:right;
	padding:0;
}

.contentBlock.blog .blogfeed  {
	clear:both;
	padding-right:10px;
	padding-bottom:5px;
	overflow:hidden;
}

.contentBlock.blog .blogfeed h4 {
	padding-left:10px;
	line-height:1.3em;
	font-weight:normal;

	}
	
.contentBlock.blog .blogfeed h4  a {font-weight:bold;}

.contentBlock.blog .blogfeedinfo {
	float:left;
	margin:0 0 7px;
	width:220px;
}

.contentBlock.blog .blogfeed p {
	padding:3px 0 3px 10px;
	line-height:1.3em;
}

.contentBlock.blog .blogfeed a:hover {
	text-decoration:underline;
	color:#333;
}

#blq-content .contentBlock.blog.feed h2{
	margin-bottom:5px;

} 


#blq-content .contentBlock.blog.feed p.bottom {
	padding-top:0;
	font-size:0.95em;

}