/*------------------------------------------* Extension of global.css for Real XS specifics* Created December 2011* Paul Corbett <paul.corbett@gmgradio.com>* Version 1.0------------------------------------------------------------------------------*//*GLOBAL SETTINGS--------------------------------------------------------------------------------------------------------------------*//*MAIN STRUCTURE*/body {    background: #000 url('../images/realxs/site-background.jpg') center top no-repeat;}#main {    background: #F2F1ED url('../images/realxs/content-footer.png') bottom no-repeat;    width: 980px;    margin-top: 20px;    -webkit-border-bottom-left-radius: 5px;    -moz-border-radius-bottomleft: 5px;    border-bottom-left-radius: 5px;    -webkit-border-bottom-right-radius: 5px;    -moz-border-radius-bottomright: 5px;    border-bottom-right-radius: 5px;}/*GLOBAL STYLING--------------------------------------------------------------------------------------------------------------------*/.inset {    background: #1E1E1F;}/*SPRITE--------------------------------------------------------------------------------------------------------------------*/.carousel-arrow, #carousel .ui-tabs-nav .ui-tabs-selected .carousel-shadow, .ui-stars-star a, #follow-us li a,#ways-to-listen li a span, .error ul, .icon {    background-image: url('../images/realxs/sprite.png');}/*HEADINGS--------------------------------------------------------------------------------------------------------------------*/h1 {    color: #FFF;    background: #000;}h2 {    color: #000;    background: #FFF;}.text-image h2 {    color: #000;}h3 {    color: #463F4C;}.page-collection h2, .section-collection h2 {    background: #000 url('../images/realxs/header-bar.jpg') repeat-x;    -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;    color: #FFF;}/*LINKS--------------------------------------------------------------------------------------------------------------------*/a {    color: #1A2674;}a:hover {    color: #1A2674;    background: #FFD602;}#top a {    color: #FFD602;}#top a:hover {    color: #1A2674;}.section-collection a, .page-collection a {    z-index: 30;}/*FRAGMENT DEFAULTS--------------------------------------------------------------------------------------------------------------------*/.more, more:hover {    background: #FFD602 url('../images/realxs/more-button.jpg') 0 0 repeat-x;    color: #1A2674;    border-left: 3px solid #000;    z-index: 30;}.more span {    background: url(../images/realxs/more-arrow.png) -1px top no-repeat;}.fragment a img {    z-index: 10;}.image-overlay {    background: url('../images/realxs/image-overlay.png') -10px 5px no-repeat;    width: 140px;    height: 79px;    position: absolute;    z-index: 20;}.bob .image-overlay {    width: 300px;    height: 169px;    background-position: bottom left;}.hero .image-overlay {    width: 620px;    height: 250px;    background-position: bottom left;}.header-overlay {    background: url('../images/realxs/title-bar-end1.png') bottom right no-repeat;    height: 25px;    width: 940px;    position: absolute;    z-index: 20;   }.grid_8 .header-overlay {    width: 620px;}.grid_6 .header-overlay {    background: url('../images/realxs/title-bar-end2.png') bottom right no-repeat;    width: 460px;}.grid_4 .header-overlay {    width: 300px;}/*JQUERY UI--------------------------------------------------------------------------------------------------------------------*/.ui-stars-star a:hover {        background-image: url(../images/realxs/sprite.png);}/*HEADER--------------------------------------------------------------------------------------------------------------------*/#header {    background: none;    padding-bottom:0;}.leaderboard {    margin: 8px 20px 8px 0;}#logo {    background: url('../images/realxs/logo-xsuk.png') no-repeat;    z-index: 100;    position: absolute;}.xsgl #logo {    background: url('../images/realxs/logo-xsgl.png') no-repeat;    z-index: 100;    position: absolute;}#logo, #logo-scotland {    width: 175px;    height: 175px;    margin: -10px 20px 0;}/*ON AIR & LISTEN LIVE--------------------------------------------------------------------------------------------------------------------*/#on-air {    background: #FFF url('../images/realxs/on-air.jpg') 0 0 no-repeat;    margin: 44px 20px 0 20px;}#listen-live a {    background-position: -94px -100px;}#now-on-air, #currently-playing {    background-position: -94px 0;}#on-air h3 {    color: #1A2674;}#on-air h3 a {    color: #1A2674;}#now-on-air, #currently-playing, #listen-live a {    background: none;}/*NAVIGATION--------------------------------------------------------------------------------------------------------------------*/#nav li + li {    border-left: 1px dotted #FFF;}#nav li a {    color: #FFD602;}/*BREADCRUMBS--------------------------------------------------------------------------------------------------------------------*/.breadcrumb {    background: #D9D8D6;     margin-bottom: 15px;    border: 1px solid #BEBDB9;}.breadcrumb .title {    background: url('<?php print S3_ASSETS_URL; ?>/images/breadcrumb-chevron.png') no-repeat top right;}/*FRAGMENTS--------------------------------------------------------------------------------------------------------------------*//*BUY*/.buy a span {    color: #000;} /*BUTTON*/.button .button-simple, .button .button-right-arrow {    padding-right: 40px;    color: #1A2674;}.button .button-simple {    background: transparent url(../images/realxs/button/button-simple.png) no-repeat scroll top right;}.button .button-right-arrow {    background: transparent url(../images/realxs/button/button-right-arrow.png) no-repeat scroll top right;}.button .button-simple .button-left {    background: transparent url(../images/realxs/button/button-simple-left.png) no-repeat scroll top left;    padding-left: 40px;}.button .button-right-arrow .button-left {    background: transparent url(../images/realxs/button/button-right-arrow-left.png) no-repeat scroll top left;    padding-left: 40px;}.button .button-simple .button-span, .button .button-right-arrow .button-span {    background: transparent url(../images/realxs/button/button-span.png) repeat-x;    margin-left: 40px;}.button .button-listen-live {    background: url(../images/realxs/button/button-listen-live.png) no-repeat;}.button .button-right-arrow, .button .button-simple {    color: #FFF;    background-color: #000;    border-color: #000;}/*CAROUSEL*/#carousel .ui-tabs-panel span {    z-index: 15;}#carousel .ui-tabs-nav {    background: #2E2E2E;}#carousel .ui-tabs-nav .ui-tabs-selected {    background: #FFD602 url('../images/realxs/carousel-background.png') repeat-x;    -moz-border-radius-bottomright: 2px !important;    -moz-border-radius-topright 2px !important;    border-bottom-right-radius: 2px !important;    border-top-right-radius: 2px !important;}#carousel .ui-tabs-nav .ui-tabs-selected a {    color: #1a2674;}#carousel .ui-tabs-nav .ui-tabs-selected .carousel-shadow {    left: 0;    bottom: -6px;    background-position: 0 -151px;    width: 175px;    height: 6px;}#carousel .ui-tabs-nav .ui-tabs-selected .carousel-arrow {    left: -29px;    background-position: 0 0;    width: 32px;    height: 84px;    z-index: 20;}.carousel-overlay {    background: url('../images/realxs/carousel-overlay.png') no-repeat;}/*FORMS*/button {    background: #FFD602 url('../images/realxs/more-button.jpg') 0 0 repeat-x;    color: #1C296D;}fieldset {    background: #D9D8D6;}/*COMPETITION FORMS*/fieldset#mandatory-newsletter-fs {    background-image: url('../images/realxs/realxs-newsletter.png');}.tooltip p.description {    border: 1px solid #FFD602;    background: #FFD602;    color: #000;}.curFocus {    background: #000;        }.curFocus label {    color: #FFF;}.arrow-down {    border-top: 20px solid #FFD602;}.mandatory-Message-element.curFocus p.description, .additional-Message-element.curFocus p.description {    color: #FFF;}.mandatory-postcode-element button {    background: #FFD602 url('../images/realxs/more-button.jpg') 0 0 repeat-x;    color: #1C296D;}input#mandatory-postcode + button {    background: url('../images/realxs/postcode-button.png') left top no-repeat !important;    width: 113px;    padding: 4px 12px;    text-align: left;}/*GALLERY*/.ad-gallery .ad-back {    border-right: 10px solid #000;    left: 0;}.ad-gallery .ad-forward {    border-left: 10px solid #000;    right: 0;   }.ad-nav {    padding: 5px;    background-color: #D9D8D6;    border: 2px solid #BEBDB9;}.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {    background: url('../images/realxs/ad_prev.png') no-repeat;}.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {    background: url('../images/realxs/ad_next.png') no-repeat;}/*MY SMOOTH*/.my-home .section-collection .topicHeadline, .my-sidebar .section-collection .topicHeadline {    background: #FFF;    color: #1A2674;}.my-signup {    background-color: #E4D6F5;}.my-check {    background-color: #D9D8D6;    border: 2px solid #BEBDB9;}.my-check h3  {    color: #20201E;}.my-check .remind-me {    color: #1A2674;}.my-check .close-box {    background: transparent url('/images/realxs/x-cross.png') no-repeat;}/*SCHEDULE*/.schedule-detail .item time {    background: #000;}.schedule .item aside {    background: #FFD602;    color: #000;}/*SHOW HERO*/.show-hero {    color: #FFF;    background: #000;}/*TEXT IMAGE*/.text-image h1, .text-image h1 span, .text-image h1 font {    color: #000 !important;}.text-image p, .text-image b {    font-size: 1.2em;}.image-caption {    background: #D9D8D6;    color: #000;}/*TRACK LISTING*/.track-listing-search {    background: #D9D8D6;}/*VIDEO*/.caption {    background: #000;}/*WEATHER*/.weather-today {    background: #000000;    color: #FFF;}/*INFO POP UP--------------------------------------------------------------------------------------------------------------------*/.info a:hover {    color: #000;}/*FOOTER--------------------------------------------------------------------------------------------------------------------*/#footer {    padding: 20px 135px;    background: url('../images/realxs/footer-background.png') repeat;    -webkit-border-bottom-left-radius: 5px;    -moz-border-radius-bottomleft: 5px;    border-bottom-left-radius: 5px;    -webkit-border-bottom-right-radius: 5px;    -moz-border-radius-bottomright: 5px;    border-bottom-right-radius: 5px;}#follow-us .facebook a {    background-position: -32px 0;}#follow-us .twitter a {    background-position: -32px -30px;}#follow-us .youtube a {    background-position: -32px -60px;}#follow-us .flickr a {    background-position: -32px -90px;}#ways-to-listen .listen-online a span {    background-position: -62px 0;}#ways-to-listen .listen-radio a span {    background-position: -62px -25px;}#ways-to-listen .listen-podcasts a span {    background-position: -62px -50px;}#ways-to-listen .listen-mobile a span {    background-position: -62px -75px;}#ways-to-listen .listen-digital-tv a span {    background-position: -62px -100px;}#gmg-links a {    color: #FFD602; }/*LIGHTBOX--------------------------------------------------------------------------------------------------------------------*/#dialog-modal #modal-main-text button {    color: #FFF;    background: #1A2674 url('../images/realxs/geolightbox/button.jpg') repeat-x;}.ui-dialog {    background: url(../images/realxs/geo-lightbox/background.png) no-repeat !important;}.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {    margin: 3px 0 0 -23px;    background: url(../images/realxs/geo-lightbox/close-button.png) no-repeat;}.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {    background: transparent;}.ui-widget-content {    border: none !important;    background: transparent;}/*WINDOW TEXT*/#dialog-modal p.header {    color: #1A2674;}#dialog-modal p.sub-heading {    color: #1A2674;}/*MODAL WINDOW LAYOUT*/#dialog-modal #modal-main-text {    background: transparent;}/*MODAL WINDOW - MAIN TEXT - FORM*/#dialog-modal #modal-main-text form {    margin: 20px 0;}#dialog-modal #modal-main-text .header.big {    margin-top: 80px;}/*TWITTER--------------------------------------------------------------------------------------------------------------------*/.twtr-doc {    background: #000;    background-image: -webkit-linear-gradient(left, #000 0%, #000 100%);    background-image: -moz-linear-gradient(left, #000 0%, #000 100%);    background-image: -o-linear-gradient(left, #000 0%, #000 100%);    background-image: -ms-linear-gradient(left, #000 0%, #000 100%);    background-image: linear-gradient(left, #0008 0%, #000 100%);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000',GradientType=1);}#twtr-widget-1 .twtr-tweet a:hover {    color: #FFF !important;}