/*------------------------------------------* Extension of global.css for Real Radio specifics* Created February 2012* Paul Corbett <paul.corbett@gmgradio.com>* Version 1.0------------------------------------------------------------------------------*//*GLOBAL SETTINGS--------------------------------------------------------------------------------------------------------------------*//*MAIN STRUCTURE*/body {	background: #DCDDDF url('../images/real/real-ie.jpg') center top no-repeat;}#top, #container {	background: #FFF;	margin: 0 auto;}#container {	margin-top: -5px;}#main {	width: 980px;	display: inline-block;	margin: 20px 0 10px;}/*GLOBAL STYLING--------------------------------------------------------------------------------------------------------------------*/.shadow {	/*-moz-box-shadow: 0 2px 4px rgba(234,234,234,1);	-webkit-box-shadow: 0 2px 4px rgba(234,234,234,1);	box-shadow: 0 2px 4px rgba(234,234,234,1));*/	-moz-box-shadow: 0 0 0 rgba(234,234,234,1);	-webkit-box-shadow: 0 0 0 rgba(234,234,234,1);	box-shadow: none;}.inset {	background: #2A30A7;}.page-collection h2, .section-collection h2, #carousel .ui-tabs-nav a, #on-air h3, .show-hero h1, .weather-today h4, h1, .feed h2, .my-home h2 {	text-shadow: 1px 1px #FFEC73;}.more {	background: #282E7F url('../images/real/more-button.png') 0 0 repeat-x !important;	color: #FFF;	-webkit-border-top-left-radius: 5px;	-moz-border-radius-topleft: 5px;	border-top-left-radius: 5px;	-webkit-border-bottom-left-radius: 5px;	-moz-border-radius-bottomleft: 5px;	border-bottom-left-radius: 5px;}.more span {	background: url(../images/real/more-arrow.png) left top no-repeat;}.breadcrumb, .image-caption, .track-listing-search {	background: #D9D8D6 url('../images/real/background-hatch.png') left top repeat;	margin-bottom: 15px;	border: 1px solid #BEBDB9;	color: #666;}.breadcrumb .add-this a:hover {	color: #000;}.button .button-listen-live {	background: url(../images/real/button-listen-live.png) no-repeat;	padding: 104px 229px 0 0;}/*SPRITE--------------------------------------------------------------------------------------------------------------------*/.triangle-l, .triangle-r, #carousel .ui-tabs-nav .ui-tabs-selected .carousel-arrow, #carousel .ui-tabs-nav .ui-tabs-selected .carousel-shadow,#follow-us .twitter a, #follow-us .facebook a, #follow-us .flickr a, #follow-us .youtube a, #ways-to-listen .listen-online a, #ways-to-listen .listen-radio a,#ways-to-listen .listen-podcasts a, #ways-to-listen .listen-mobile a, #ways-to-listen .listen-digital-tv a {	background-image: url(../images/real/sprite.png);}/*HEADINGS--------------------------------------------------------------------------------------------------------------------*/h1, .show-hero, .weather-today, .schedule .item aside, .caption, .conversation h2, h1.article-title {	background: #FAC608 url('../images/real/yellow-diagonals.png') left top repeat;	color: #2D2D2D !important;}h1.article-title {	padding: 10px;	webkit-border-radius: 5px;	moz-border-radius: 5px;	border-radius: 5px;}h2 {	color: #2D2D2D;	padding: 0;}.text h2, .text-image h2, .quiz h2 {	color: white !important;	background: #2F3694;	padding: 5px;	webkit-border-radius: 5px;	moz-border-radius: 5px;	border-radius: 5px;}.page-collection h2, .section-collection h2, .feed h2, .relevant h2 {	background: #FAC608 url('../images/real/yellow-diagonals.png') left top repeat;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;	font-weight: bold;	font-size: 16px;	padding: 0 10px;}#logo {	width: 152px;	height: 95px;	margin: 20px 0 20px 20px;}.renw #logo {	background: url('../images/real/renw.png') left top no-repeat;}.rene #logo {	background: url('../images/real/rene.png') left top no-repeat;}.reyo #logo {	background: url('../images/real/reyo.png') left top no-repeat;}.rews #logo {	background: url('../images/real/rews.png') left top no-repeat;}.resc #logo {	background: url('../images/real/resc.png') left top no-repeat;}/*LINKS--------------------------------------------------------------------------------------------------------------------*/a {	color: #2F3694;}a:hover {	color: #FFF !important;	background: #2F3694;}/*HEADER--------------------------------------------------------------------------------------------------------------------*/#header {	overflow: visible;	margin: 0 0 10px;	float: left;}#top p {	color: #2D2D2D;}/*ON AIR & LISTEN LIVE--------------------------------------------------------------------------------------------------------------------*/#on-air {	width: 1000px;	background: #FAC608 url('../images/real/on-air.png') left top no-repeat;	position: relative;	left: -10px;	height: 129px;}#on-air h3, #on-air h3 a {	color: #2D2D2D;}.triangle-l, .triangle-r {	position: absolute;	top: 261px;	z-index: 0;	width: 10px;	height: 10px;}.triangle-l {	left: -10px;;	background-position: 0 0;}.triangle-r {	left: 980px;	background-position: -10px 0px;}#on-air #listen-live, #on-air #now-on-air, #on-air #currently-playing {	height: 107px;	padding: 28px 0 0;}#listen-live {	width: 150px;}#listen-live a {	width: 140px;	height: 80px;	top: 0;}#on-air #now-on-air {	padding-left: 60px;	margin-right: -10px;	}#on-air #currently-playing {	width: 360px;	padding: 28px 0 0 40px;}#currently-playing h3 {	margin-right: 0;}#on-air h3 a:hover {	text-shadow: none;}#on-air #currently-playing p {	width: 210px;}/*NAVIGATION--------------------------------------------------------------------------------------------------------------------*/#nav {	height: 40px;	overflow: hidden;}#nav li {	width: 157px;}#nav li.nav-end {	width: 150px;}#nav li + li {	border-left: 1px solid #343c9e;	border-right: 1px solid #090D48;}#nav li:first-child {	border-right: 1px solid #090D48;}#nav li:last-child {	border-right: none;}#nav li a {	color: #FFF;}#nav li a:hover, #nav li.nav-current a, #nav li.nav-current a:hover {	color: #FAC608 !important;}/*FRAGMENTS--------------------------------------------------------------------------------------------------------------------*//*Button*/button {	background: #282E7F url('../images/real/more-button.png') 0 0 repeat-x !important;	color: #FFF;}.button .button-simple .button-span, .button .button-right-arrow .button-span {	background: transparent url(../images/real/button/button-span.png) repeat-x;	margin-left: 12px;	color: #2D2D2D;}.button .button-right-arrow, .button .button-simple {	background: transparent url(../images/real/button/button-right-arrow.png) no-repeat scroll top right;}.button .button-simple .button-left, .button .button-right-arrow .button-left {	background: transparent url(../images/real/button/button-left.png) no-repeat scroll top left;	padding-left: 12px;}.button .button-simple, .button .button-right-arrow {	padding-right: 17px;}/*Carousel*/#carousel .ui-tabs-nav {	background: #FAC608 url('../images/real/yellow-diagonals.png') left top repeat;}#carousel .ui-tabs-nav a span {	color: #2D2D2D;	}#carousel .ui-tabs-nav .ui-tabs-selected  {	background: #1E236E	url('../images/real/carousel-hover.png') left top repeat-x;	height: 84px;	-webkit-border-radius: 0;	-moz-border-radius: 0;	border-radius: 0;}#carousel .ui-tabs-nav .ui-tabs-selected a {	text-shadow: none;	}#carousel .ui-tabs-nav .ui-tabs-selected a span {	color: #FFF;}#carousel .ui-tabs-nav .ui-tabs-selected .carousel-arrow {	left: -31px;	background-position: 0px -10px;	width: 31px;	height: 84px;	z-index: 20;}#carousel .ui-tabs-nav .ui-tabs-selected .carousel-shadow {	left: 0;	bottom: -6px;	background-position: 0 -94px;	width: 175px;	height: 6px;}#carousel .ui-tabs-panel span {	color: #FFF;	background: rgba(0, 0, 0, 0.5);	width: 395px;	padding-right: 35px;}/*Conversation*/.conversation h2 {	padding: 0 5px;}/*COMPETITION FORMS*/fieldset#mandatory-newsletter-fs {	background-image: url('../images/real/real-newsletter.png');}#mandatory-question-fs, #mandatory-newsletter-fs {	background-color: #2F3694;}input#mandatory-postcode + button {	background: url('../images/real/postcode-button.png') left top no-repeat !important;	width: 113px;	padding: 4px 12px;	text-align: left;}.tooltip p.description {	border: 1px solid #2F3694;	background: #2F3694;	color: #FFF;}.arrow-down {	border-top: 20px solid #2F3694;}.mandatory-Message-element.curFocus p.description, .additional-Message-element.curFocus p.description {	color: #FFF;}fieldset#mandatory-newsletter-fs {		background: url('../images/real/real-newsletter-small.png') left center no-repeat;	}/*Gallery*/.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {	background: url('../images/real/ad_next.png') no-repeat;}.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-prev-image {	background: url('../images/real/ad_prev.png') no-repeat;}.ad-nav {	padding: 5px;	border: 2px solid #BEBDB9;	background: #D9D8D6 url('../images/real/background-hatch.png') left top repeat;}.ad-gallery .ad-back {	border-right: 10px solid #FAC608;	left: 0;}.ad-gallery .ad-forward {	border-left: 10px solid #FAC608;	right: 0;}/* Quiz */section.quiz {	border: 1px solid #2F3694;	-moz-border-radius: 8px;	-webkit-border-radius: 8px;	border-radius: 8px;}.quiz h2 {	-moz-border-radius-bottomleft: 0;	-moz-border-radius-bottomright: 0;	-webkit-border-bottom-left-radius: 0;	-webkit-border-bottom-right-radius: 0;	border-bottom-left-radius: 0;	border-bottom-right-radius: 0;}.quiz form {	padding: 0 10px;}.quiz fieldset#mandatory-newsletter-fs {	width: 465px;}.quiz .submit-form, .quiz .mandatory-tandc-element, .quiz .mandatory-postcode-element {	width: 600px;}.quiz .mandatory-newsletter-element label {	margin: 0 0 10px;	width: 440px;}.quiz .quiz-feedback {	width: 578px;	margin: 0 0 20px;}/*Section Collection*/.section-collection .moreTitle, .page-collection .moreTitle, .feed .moreTitle {	margin-right: 70px;}.my-home .moreTitle {	margin-right: 100px;}/*Schedule*/.schedule-detail .item time {	background:	#2F3694;}h2.dayName {	background: #D9D8D6 url('../images/real/background-hatch.png') left top repeat;	border: 1px solid #BEBDB9;	margin-top: 20px;}/*Text Image*/.text-image h1 {	text-shadow: none;}.text ol, .text-image ol {	margin-left: 25px;}/*FOOTER--------------------------------------------------------------------------------------------------------------------*/#footer, #footer a, #footer a:hover {	color: #57625F !important;}#footer {	width: 950px;	padding: 20px 15px;}#follow-us {	width: 150px;	float: right;	margin: 0;}#follow-us li {	margin-bottom: 10px;}#follow-us li a {	width: 62px;	height: 41px;	float: left;}#follow-us .facebook a, #follow-us .twitter a,#follow-us .youtube a, #follow-us .flickr a {	width: 62px;}#follow-us .facebook a {	background-position: -93px -41px;}#follow-us .twitter a {	background-position: -93px 0;}#follow-us .youtube a {	background-position: -32px -41px;}#follow-us .flickr a, #follow-us .email a {	background-position: -32px 0;}#ways-to-listen {	width: 795px;	float: left;	text-align: left;}#ways-to-listen li + li {	margin-right: 20px;}#ways-to-listen li:first-child, #follow-us li:first-child {	width: 100%;	margin: 0 0 5px;	text-align: left;}#follow-us li:first-child {	padding: 0 0 0 10px;}#ways-to-listen li a, #ways-to-listen li a span {	width: 135px;	height: 92px;	text-indent: -9999px;}#ways-to-listen .listen-online a {	background-position: -155px 0;}#ways-to-listen .listen-radio a {	background-position: -291px 0;}#ways-to-listen .listen-podcasts a {	background-position: -427px 0;}#ways-to-listen .listen-mobile a {	background-position: -563px 0;}#ways-to-listen .listen-digital-tv a {	background-position: -699px 0;}/*MAP--------------------------------------------------------------------------------------------------------------------*/#map-container {	width: 1000px;	margin: 20px auto 0;}#map-container a#logo {	background: url('../images/real/logo.png') left top no-repeat;}#header{	margin-bottom: 0;}#map-content {	height: 555px;	background: url('../images/real/map-background.png') left top no-repeat;	text-align: left;	box-shadow: 0 3px 3px #888;	-moz-box-shadow: 0 3px 3px #888;	-webkit-box-shadow: 0 3px 3px #888;	float: left;	width: 100%;}.map-section {	width: 540px;	padding: 25px 30px 5px 50px;	float: left;}.map-section h2 {	padding: 0;	color: #2F3793;	font-size: 32px;	margin: 0 0 30px;}.map-section h3, .map-section label {	color: #2D2D2D;	font-weight: bold;	font-size: 16px;}.map-section label {	margin: 0 0 20px;}.map-image {	width: 300px;	float: left;	padding: 50px 50px 25px 30px;}.map-section h2, .map-section h3, .map-section label {	text-shadow: 1px 1px #FFEC73;}.map-section h3 {	margin-bottom: 0;}.map-section form {	margin: 0 0 30px;	width: 100%;	}.map-section form input[type="submit"] {	padding: 0 15px;	height: 26px;	color: #FFF;	background: #282E7F url('http://assets.gmgradio.com.s3-eu-west-1.amazonaws.com/images/real/more-button.png') 0 0 repeat-x !important;	cursor: pointer;}.map-section ul {	margin: 20px 0 0;	width: 540px;	float: left;}.map-section ul li {	width: 250px;	height: 50px;	padding: 0 20px 35px 0;	float: left;	list-style: none;}.map-section ul li a {	font-weight: bold;	font-size: 14px;}.map-section ul li img {	background: none;	float: left;	padding: 0 10px 0 0;}#real-heads {	/*background: url('http://assets.gmgradio.com.s3-eu-west-1.amazonaws.com/images/real/real-heads.png') 0 0 no-repeat;*/	width: 480px;	height: 160px;	float: right;	margin: 0 20px 0 0;}p#postcode-error {	color: #FF0000;}/*MYREAL--------------------------------------------------------------------------------------------------------------------*/.my-signup {	background: #2A30A7;	border: none;}.my-signup label {	color: #FFF;}.my-signup h3 {	color: #FAC608}.my-home .section-collection .topicHeadline, .my-sidebar .section-collection .topicHeadline {	background: #FFF;	color: #2A30A7;}.my-home .section-collection .topicHeadline:hover, .my-sidebar .section-collection .topicHeadline:hover {	background: #2A30A7;}/*TWITTER--------------------------------------------------------------------------------------------------------------------*/.twtr-doc {	background: #FAC608;	background-image: -webkit-linear-gradient(left, #FAC608 0%, #FAC608 100%);	background-image: -moz-linear-gradient(left, #FAC608 0%, #FAC608 100%);	background-image: -o-linear-gradient(left, #FAC608 0%, #FAC608 100%);	background-image: -ms-linear-gradient(left, #FAC608 0%, #FAC608 100%);	background-image: linear-gradient(left, #FAC608 0%, #FAC608 100%);	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAC608', endColorstr='#FAC608',GradientType=1);}#twtr-widget-1 .twtr-tweet a:hover {	color: #FFF !important;}