/* 
    Document   : ucb_listen
    Created on : Feb 6, 2012, 10:45:01 AM
    Author     : peter
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*

    @COMMON stuff

*/

.page-ucb-listen div#outer-wrapper {
    background: #E95124;
    position: relative;
}

/*.page-ucb-listen div#inner-wrapper {
    background: url(../img/body-circles.png) center 30px no-repeat;
}*/

.page-ucb-listen div#outer-wrapper div.bg {
    height: 555px;
    position: absolute;
    top: 0;
}

.page-ucb-listen div#outer-wrapper div.bg.left {
   /* width: 194px;
  background: url(../img/body-left.png) left top no-repeat;
    left: 0;
    */
}

.page-ucb-listen div#outer-wrapper div.bg.right {
  /*  width: 168px;
    background: url(../img/body-right.png) left top no-repeat;
    right: 0;
    */
}

.page-ucb-listen #navigation #primary ul li.active a,
.page-ucb-listen #navigation #primary ul li.active-trail a,
.page-ucb-listen #navigation #primary ul li a:hover {
  color: #ececec;
/*  text-shadow: 1px 1px 0 #a9d788; */
  text-shadow: none;
  border-top: 1px solid #be38bc;
  background: #8d118a; /* Old browsers */
}

.page-ucb-listen #navigation #primary ul li.active,
.page-ucb-listen #navigation #primary ul li.active-trail,
.page-ucb-listen #navigation #primary ul li:hover {
  background: #8d118a; /* Old browsers */
}

/** .page-ucb-listen #navigation #primary ul li a.has-submenu:hover {
    background: url(../img/menu-wi-submenu-arrow-hover.png) right center no-repeat !important;
} **/

.page-ucb-listen #header {
  height: 140px;  
  border-bottom: 5px solid #8d118a;
}

.page-ucb-listen div#breadcrumb div.breadcrumb {
    padding-left: 20px;
}

.page-ucb-listen div#breadcrumb a, .page-ucb-listen div#breadcrumb a:hover {
    color: #ececec;
}

.page-ucb-listen #container {
    margin-top: 0;
    margin-bottom: -2px;
    padding-bottom: 0;
    border-top: 0 none;
    background: transparent none;
    box-shadow: none;
}

.page-ucb-listen #main {
    margin-top: 0;
    background: #E95124;
    box-shadow: 0 16px 16px #333;
    -moz-box-shadow: 0 16px 16px #333;
    -webkit-box-shadow: 0 16px 16px #333;
    position: relative;
    top: -2px;
}

.page-ucb-listen #top-wrapper {
    box-shadow: none;
}

.page-ucb-listen #footer-wrapper {
    height: auto;
}

.page-ucb-listen #container #sidebar-right {
    margin-top: 0;
    z-index: 99999;
}

/*

    @inspiration station

*/

.page-ucb-listen.inspiration div#outer-wrapper {
    background: #007D90;
}

.page-ucb-listen.inspiration div#inner-wrapper {
    overflow: hidden;
}

.page-ucb-listen.inspiration div#outer-wrapper div.bg {
    position: absolute;
    top: 95px;
    z-index: 99999;
}

.page-ucb-listen.inspiration div#outer-wrapper div.bg.left {
	/*
    width: 115px;
    height: 453px;
    background: url(../img/inspiration/body-left.png) left top no-repeat;
    left: 0;
    */
}

.page-ucb-listen.inspiration div#outer-wrapper div.bg.right {
	/*
    width: 116px;
    height: 472px;
    background: url(../img/inspiration/body-right.png) left top no-repeat;
    right: 0;
    */
}

.page-ucb-listen.inspiration div#ucb-listen-header-panel div.logo {
    width: 274px;
    height: 120px;
    background: url(../img/inspiration/ucb-insp-logo.png) left top no-repeat;
    left: 21px;
    top: 36px;
}

.page-ucb-listen.inspiration #main {
    background: #007D90;
}

.page-ucb-listen.inspiration #page {
    position: relative;
}

.page-ucb-listen.inspiration #page div.page-bg {
    position: absolute;
    top: 0;
}

.page-ucb-listen.inspiration #page div.page-bg.left {
    width: 602px;
    height: 1546px;
    left: -602px;
}

.page-ucb-listen.inspiration #page div.page-bg.right {
    width: 574px;
    height: 859px;
    right: -574px;
}

/*

    @gospel station

*/

.page-ucb-listen.gospel div#outer-wrapper {
    background: #7F489C;
}

/*.page-ucb-listen.gospel div#inner-wrapper {
    background: url(../img/gospel/body-circles.png) center 30px no-repeat;
}*/

.page-ucb-listen.gospel div#outer-wrapper div.bg {
    position: absolute;
    top: 0;
}

.page-ucb-listen.gospel div#outer-wrapper div.bg.left {
	/*
    width: 200px;
    height: 488px;
    background: url(../img/gospel/body-left.png) left top no-repeat;
    left: 0;
    */
}

.page-ucb-listen.gospel div#outer-wrapper div.bg.right {
	/*
    width: 192px;
    height: 488px;
    background: url(../img/gospel/body-right.png) left top no-repeat;
    right: 0;
    */
}

.page-ucb-listen.gospel div#ucb-listen-header-panel div.logo {
    width: 206px;
    height: 123px;
    background: url(../img/gospel/ucb-gospel-logo.png) left top no-repeat;
    left: 21px;
    top: 36px;
}

.page-ucb-listen.gospel #main {
    background: #7F489C;
}

/*

    @bible station

*/

.page-ucb-listen.bible div#outer-wrapper {
    background: #a5b3ab url(../img/bible/body-bg.png) left top repeat-x;
}

.page-ucb-listen.bible div#inner-wrapper {
    background: url(../img/bible/body-circles.png) center 30px no-repeat;
}

.page-ucb-listen.bible div#outer-wrapper div.bg {
    position: absolute;
    top: 0;
}

.page-ucb-listen.bible div#outer-wrapper div.bg.left {
    width: 177px;
    height: 560px;
    background: url(../img/bible/body-left.png) left top no-repeat;
    left: 0;
}

.page-ucb-listen.bible div#outer-wrapper div.bg.right {
    width: 186px;
    height: 393px;
    background: url(../img/bible/body-right.png) left top no-repeat;
    right: 0;
    top: 161px;
}

.page-ucb-listen.bible div#ucb-listen-header-panel div.logo {
    width: 142px;
    height: 92px;
    background: url(../img/bible/ucb-bible-logo.png) left top no-repeat;
    left: 20px;
    top: 36px;
}

.page-ucb-listen.bible #main {
    background: #c9d4ce url(../img/bible/container-bg.png) left top repeat-x;
}

/*

    @word is music station

*/

.page-ucb-listen.the-word-is-music div#outer-wrapper {
    background: #000000 url(../img/music/body-bg.png) left top repeat-x;
}

.page-ucb-listen.the-word-is-music div#inner-wrapper {
    background: url(../img/music/body-circles.png) center 100px no-repeat;
}

.page-ucb-listen.the-word-is-music div#outer-wrapper div.bg {
    position: absolute;
    top: 0;
}

.page-ucb-listen.the-word-is-music div#outer-wrapper div.bg.left {
    width: 207px;
    height: 869px;
    background: url(../img/music/body-left.png) left top no-repeat;
    left: 0;
}

.page-ucb-listen.the-word-is-music div#outer-wrapper div.bg.right {
    width: 192px;
    height: 869px;
    background: url(../img/music/body-right.png) left top no-repeat;
    right: 0;
}

.page-ucb-listen.the-word-is-music div#ucb-listen-header-panel div.logo {
    width: 361px;
    height: 110px;
    background: url(../img/music/ucb-music-logo.png) left top no-repeat;
    left: 21px;
    top: 39px;
}

.page-ucb-listen.the-word-is-music #main {
    background: #0d0d0d url(../img/music/container-bg.png) left top repeat-x;
}

.page-ucb-listen.the-word-is-music #page {
    background: url(../img/music/header-panel.png) left 175px no-repeat;
}


/*

    @extra station

*/

.page-ucb-listen.extra div#outer-wrapper {
    background: #000000 url(../img/extra/body-bg.png) left top repeat-x;
}

.page-ucb-listen.extra div#inner-wrapper {
    background: none;
}

.page-ucb-listen.extra div#outer-wrapper div.bg {
    position: absolute;
    top: 0;
}

.page-ucb-listen.extra div#outer-wrapper div.bg.left {
    width: 100%;
    height: 100%;
    background: url(../img/extra/bigx.png) left top no-repeat;
    left: 0;
    top: -120px;
}

.page-ucb-listen.extra div#outer-wrapper div.bg.right {
    width: 192px;
    height: 869px;
    background: none;
    right: 0;
}

.page-ucb-listen.extra div#ucb-listen-header-panel div.logo {
    width: 184px;
    height: 123px;
    background: url(../img/extra/ucb-extra-logo.png) left top no-repeat;
    left: 21px;
    top: 39px;
}

.page-ucb-listen.extra #main {
    background: #0d0d0d url(../img/extra/container-bg.png) left top repeat-x;
}

.page-ucb-listen.extra #page {
    background: none;
}

.page-ucb-listen.extra #block-views-ucb_extra_posts-blog div.box {
    width: 580px;
    float: left;
    margin: -12px 0 12px 0;
    background: #282828;
}

.page-ucb-listen.extra #block-views-ucb_extra_posts-blog div.box h2 {
    height: 49px;
    margin-bottom: 0;
    text-indent: -9999em;
}

.page-ucb-listen.extra #block-views-ucb_extra_posts-blog div.box div.cont {
    width: 100%;
    min-height: 10px;
    padding-top: 2px;
    background: #F2F2F2 url(/sites/all/modules/blonde/ucb_listen/img/extra/listen-box-separator.png) left top repeat-x;
}


.page-ucb-listen.extra .weekly-box a.artist {
    display:block;
    padding: 0 12px;
    line-height: 24px;
    text-decoration: none;
    border-bottom: solid 1px #DDD;
}

.page-ucb-listen.extra .weekly-box a.artist:hover {
    background-color: #DDD;
    text-decoration: underline;
}

.page-ucb-listen.extra div#ucb-listen-home div.box.new-music h2 {
    background: url(../img/extra/extra-new-music-title.png) left top no-repeat;
}

.page-ucb-listen.extra div#ucb-listen-home div.box.top-artists h2 {
    background: url(../img/extra/extra-top-artists-title.png) left top no-repeat;
}

.page-ucb-listen.extra div#ucb-listen-home div.box.facebook h2 {
    background: url(../img/extra/extra-facebook-title.png) left top no-repeat;
}

.page-ucb-listen.extra div.box.video-blog h2 {
    background: url(../img/extra/extra-videos-title.png) left top no-repeat;
}

/* extra-carousel */

#extra-carousel {
    width: 640px;
    height: 602px;
}

#extra-carousel #extra-carousel-container {
    position: relative;
}

#extra-carousel #tabs {
    height: 47px;
    padding-top: 5px;
    padding-left: 10px;
}

#extra-carousel .tabpage {
    width: 640px;
    height: 550px;
    position: absolute;
    top: 0;
    left: 0;
}

#extra-carousel button {
    border: solid 1px #444;
    background-color: #3B3B3B;
    cursor: pointer;
    border-radius: 2px;
    padding: 8px 14px;
    font-weight: bold;
    color: #f2f2f2;
    margin-right: 8px;
}

#extra-carousel button:hover {
    background-color: #5C5C5C;
}

#extra-carousel button:active {
    background-color: #666;
}

#extra-carousel p {
    color: #f2f2f2;
}

/*

    @header panel

*/

div#ucb-listen-header-panel {
    height: 177px;
    position: relative;
}

div#ucb-listen-header-panel div.logo {
    display: block;
    width: 208px;
    height: 122px;
    background: url(../img/ucb-uk-logo.png) left top no-repeat;
    text-indent: -9999em;
    position: absolute;
    left: 21px;
    top: 37px;
}

div#ucb-listen-header-panel div.now-playing {
    width: 231px;
    padding-top: 36px;
    font-family: Arial;
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.extra div#ucb-listen-header-panel div.now-playing {
    width: 450px;
    font-size: 14px;
}

div#ucb-listen-header-panel div.now-playing img {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    padding-right: 5px;
}

.extra div#ucb-listen-header-panel div.now-playing img {
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    padding-right: 5px;
}

div#ucb-listen-header-panel div.now-playing div.text {
    float: left;
    margin-left: 10px;
}

div#ucb-listen-header-panel div.now-playing p {
    line-height: 15px;
    margin-bottom: 0;
    color: white;
}

div#ucb-listen-header-panel div.now-playing p.song {
    line-height: 18px;
    font-size: 15px;
}

div#ucb-listen-header-panel div.now-playing p.artist {
    font-size: 11px;
    font-weight: bold;
}

div#ucb-listen-header-panel div.now-playing a.listen-now,
div#ucb-listen-header-panel div.now-playing a.listen-now:hover {
    display: block;
    width: 119px;
    height: 36px;
    text-indent: -9999em;
    text-decoration: none;
    background: url(../img/listen-now-btn.png) left top no-repeat;
    position: absolute;
    left: 57px;
    top: 91px;
}

.extra div#ucb-listen-header-panel div.now-playing span.title {
    font-size: 10px;
    background-color: #222;
    padding: 0 2px;
}

.extra div#ucb-listen-header-panel div.now-playing span.artist {
    font-size: 11px;
    color: #BBB;
}

.extra div#ucb-listen-header-panel div.now-playing a.listen-now,
.extra div#ucb-listen-header-panel div.now-playing a.listen-now:hover {
    display: block;
    width: 119px;
    height: 36px;
    text-indent: -9999em;
    text-decoration: none;
    background: url(../img/listen-now-btn.png) left top no-repeat;
    position: absolute;
    left: auto;
    right: 57px;
    top: 91px;
}

div#ucb-listen-header-panel div.on-air-now {
    width: 500px;
    height: 177px;
    position: absolute;
    right: 210px;
    top: 0;
}

div#ucb-listen-header-panel div.on-air-now img {
    display: block;
    width: 243px;
    height: 177px;
    position: absolute;
    right: 0;
    top: 0;
}

div#ucb-listen-header-panel div.on-air-now p.title {
    width: 250px;
    color: white;
    position: absolute;
    right: 180px;
    /*top: 52px;*/
    top: 32px;
}

.page-ucb-listen.the-word-is-music div#ucb-listen-header-panel div.on-air-now p.title,
.page-ucb-listen.extra div#ucb-listen-header-panel div.on-air-now p.title {
    right: 60px;
}

div#ucb-listen-header-panel div.on-air-now p.title span {
    font-size: 13px;
}

div#ucb-listen-header-panel div.on-air-now p.title span.name {
    font-size: 24px;
}

div#ucb-listen-header-panel div.on-air-now p.title span.time {
    font-size: 25px;
}

div#ucb-listen-header-panel div.menu {
    display: inline-table;
    height: 24px;
    line-height: 24px;
    background: black;
    position: absolute;
    right: 19px;
    bottom: 7px;
}

div#ucb-listen-header-panel div.menu ul {
    display: block;
    float: left;
    height: 24px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

div#ucb-listen-header-panel div.menu ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

div#ucb-listen-header-panel div.menu ul li a, div#ucb-listen-header-panel div.menu ul li a:hover {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 4px 20px 4px 20px;
    color: white;
    font-size: 16px;
    text-decoration: none;
}

/*
div#ucb-listen-header-panel div.menu ul li a.music span.th {
    position: relative;
    top: -8px;
}

div#ucb-listen-header-panel div.menu ul li a.music span.lt {
    display: inline-table;
    height: 16px;
    line-height: 8px;
    font-size: 10px;
    position: relative;
    top: -2px;
}
*/

div#ucb-listen-header-panel div.menu ul li a.ucb_uk {
    background: #E95124;
}

div#ucb-listen-header-panel div.menu ul li a.insp {
    background: #007D90;
}

.page-ucb-listen.gospel div#ucb-listen-header-panel div.menu ul li a.insp {
    background: #007D90;
}

.page-ucb-listen.the-word-is-music div#ucb-listen-header-panel div.menu ul li a.insp {
    background: #01a9d1;
}

div#ucb-listen-header-panel div.menu ul li a.gospel {
    background: #7F489C;
}

.page-ucb-listen.inspiration div#ucb-listen-header-panel div.menu ul li a.gospel {
    background: #7F489C;
}

div#ucb-listen-header-panel div.menu ul li a.music {
    background: #010101;
}

div#ucb-listen-header-panel div.menu ul li a.bible {
    background: #868686;
}

/*

    @carousel

*/

.page-ucb-listen div#ucb-watch-home-controls {
    width: 917px;
    padding: 0 23px 10px 20px;
    background: url(../img/listen-home-top.png) left -2px no-repeat;
    position: relative;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel {
    width: 232px;
    min-height: 324px;
    padding-top: 23px;
    text-align: left;
    position: absolute;
    right: 20px;
    top: 0;
    color: #EEEEEE;
    font-size: 16px;
    padding-right: 20px;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel div.platform-list {
    padding-left: 12px;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel div.contact-us {
    padding: 14px 0 0 12px;
    border-top: solid 1px #444;
    margin-top: 14px;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel p {
    margin-bottom: 6px;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel p.title {
    font-size: 20px;
    margin-bottom: 8px;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel a {
	color:#EEEEEE;
    text-decoration: none;
    padding-left: 20px;
    background-image: url(../img/listen-arrow-right-dark.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel a:hover {
    background-image: url(../img/listen-arrow-right.png);
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel p.contact span.th {
    display: inline-block;
    width: 70px;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel a.playlist {
    color:#EEE;
    text-decoration: none;
    padding: 2px 4px 3px 6px;
    background-image: none;
    border: solid 1px #bbb;
    background-color: #444;
    width: 200px;
    display: block;
}

.page-ucb-listen div#ucb-watch-home-controls div.right-panel a.playlist:hover {
    background-image: none;
    background-color: #555;
    border-color: #999;
}

/*

    @ucb listen home

*/

.sidebar-right #main-squeeze {
    padding-right: 0 !important;
}

div#ucb-listen-home {
    padding: 12px;
    position: relative;
}

div#ucb-listen-home div.cont {
    width: 652px;
    float: left;
}

div#ucb-listen-home div.sidebar-right {
    width: 280px;
    float: right;
}

div#ucb-listen-home div.sidebar-right #panel-3 {
    width: 280px;
    /*float: none;*/
    margin-left: 0;
    margin-bottom: 12px;
}

div#ucb-listen-home div.sidebar-right #panel-3 .word,
div#ucb-listen-home div.sidebar-right #panel-3 .prayer {
    width: 247px;
}

/*

    @twitter

*/

div#ucb-listen-home  div.twitter {
    width: 280px;
    float: left;
    background: #282828;
}

.page-ucb-listen.inspiration div#ucb-listen-home div.twitter {
    background: #023766;
}

.page-ucb-listen.gospel div#ucb-listen-home div.twitter {
    background: #c2a303;
}

.page-ucb-listen.bible div#ucb-listen-home div.twitter {
    background: #8d9a92;
}

.page-ucb-listen.the-word-is-music div#ucb-listen-home div.twitter {
    background: #282828;
}

div#ucb-listen-home  div.twitter.red {
    background: #d20d11;
}

div#ucb-listen-home  div.twitter p.title {
    width: 100%;
    height: 49px;
    margin-top: 0;
    margin-bottom: 0;
    background: url(../img/twitter-feed-title.png) 11px center no-repeat;
    text-indent: -9999em;
}

div#ucb-listen-home  div.twitter.red p.title {
    background-image: url(../img/twitter-feed-title-red.png);
}

.page-ucb-listen.inspiration div#ucb-listen-home div.twitter p.title {
    background-image: url(../img/twitter-feed-title-blue.png);
}

.page-ucb-listen.gospel div#ucb-listen-home div.twitter p.title {
    background-image: url(../img/twitter-feed-title-yellow.png);
}

.page-ucb-listen.bible div#ucb-listen-home div.twitter p.title {
    background-image: url(../img/twitter-feed-title-khaki.png);
}

.page-ucb-listen.the-word-is-music div#ucb-listen-home div.twitter p.title {
    background-image: url(../img/twitter-feed-title-gray.png);
}

div#ucb-listen-home  div.twitter div.separator {
    width: 100%;
    height: 2px;
    background: url(../img/twitter-feed-separator-bg.png) left top repeat-x;
}

div#ucb-listen-home  div.twitter.red div.separator {
    background-image: url(../img/twitter-feed-separator-red.png);
}

.page-ucb-listen.inspiration div#ucb-listen-home div.twitter div.separator {
    background-image: url(../img/twitter-feed-separator-blue.png);
}

.page-ucb-listen.gospel div#ucb-listen-home div.twitter div.separator {
    background-image: url(../img/twitter-feed-separator-yellow.png);
}

.page-ucb-listen.bible div#ucb-listen-home div.twitter div.separator {
    background-image: url(../img/twitter-feed-separator-khaki.png);
}

.page-ucb-listen.the-word-is-music div#ucb-listen-home div.twitter div.separator {
    background-image: url(../img/twitter-feed-separator-gray.png);
}

div#ucb-listen-home  div.twitter div.feed {
    padding: 4px 5px 0 5px;
}

div#ucb-listen-home  div.twitter div.feed div.cont {
    width: auto;
    background: #f2f2f2;
    color: black;
}

.msie-msie div#ucb-listen-home  div.twitter div.feed div.cont {
    width: 270px;
}

div#ucb-listen-home  div.twitter div.feed div.item {
    padding: 10px 12px 4px 12px;
    border-bottom: 1px dotted #030000;
    positin: relative;
}

div#ucb-listen-home  div.twitter div.feed div.item.last {
    border-bottom: 0 none;
}

div#ucb-listen-home  div.twitter div.feed div.item p.text {
    line-height: 16px;
    font-family: Arial;
    font-size: 13px;
    color: black;
}

div#ucb-listen-home  div.twitter a.twitter-join, div#ucb-listen-home  div.twitter a.twitter-join:hover {
    display: block;
    width: 100%;
    height: 37px;
    background: url(../img/twitter-feed-bottom.png) left top no-repeat;
    text-decoration: none;
    text-indent: -9999em;
}

div#ucb-listen-home  div.twitter.red a.twitter-join, 
div#ucb-listen-home  div.twitter.red a.twitter-join:hover {
    background-image: url(../img/twitter-feed-bottom-red.png);
}

.page-ucb-listen.inspiration div#ucb-listen-home div.twitter a.twitter-join, 
.page-ucb-listen.inspiration div#ucb-listen-home div.twitter a.twitter-join:hover {
    background-image: url(../img/twitter-feed-bottom-blue.png);
}

.page-ucb-listen.gospel div#ucb-listen-home div.twitter a.twitter-join, 
.page-ucb-listen.gospel div#ucb-listen-home div.twitter a.twitter-join:hover {
    background-image: url(../img/twitter-feed-bottom-yellow.png);
}

.page-ucb-listen.bible div#ucb-listen-home div.twitter a.twitter-join, 
.page-ucb-listen.bible div#ucb-listen-home div.twitter a.twitter-join:hover {
    background-image: url(../img/twitter-feed-bottom-khaki.png);
}

.page-ucb-listen.the-word-is-music div#ucb-listen-home div.twitter a.twitter-join, 
.page-ucb-listen.the-word-is-music div#ucb-listen-home div.twitter a.twitter-join:hover {
    background-image: url(../img/twitter-feed-bottom-gray.png);
}

div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls {
    margin-bottom: 0;
    font-family: Arial;
    font-size: 10px;
    color: #c62b2b;
}

.msie-msie div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls {
    height: 18px;
}

div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls a,
div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls a:hover,
div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls span {
    display: inline-table;
    height: 12px;
    line-height: 12px;
    color: #c62b2b;
    text-decoration: none;
}

.msie-msie div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls a,
.msie-msie div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls span {
    display: block !important;
    float: left !important;
}

div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls a:hover {
    text-decoration: underline;
}

div#ucb-listen-home  div.twitter div.feed div.item p.meta-ctrls span.separator {
    width: 11px;
    background: url(../img/tweet-meta-separator.png) center center no-repeat;
}

/*

    @listen page box

*/

div#ucb-listen-home div.box {
    width: 280px;
    float: left;
    margin: 0 18px 13px 0;
    background: #c63d14;
}

.page-ucb-listen.inspiration div#ucb-listen-home div.box {
    background: #00515d;
}

.page-ucb-listen.gospel div#ucb-listen-home div.box {
    background: #633879;
}

.page-ucb-listen.bible div#ucb-listen-home div.box {
    background: #8d9a92;
}

.page-ucb-listen.the-word-is-music div#ucb-listen-home div.box,
.page-ucb-listen.extra div#ucb-listen-home div.box {
    background: #282828;
}

div#ucb-listen-home div.box h2 {
    height: 49px;
    margin-bottom: 0;
    text-indent: -9999em;
}

div#ucb-listen-home div.box div.cont {
    width: 100%;
    min-height: 10px;
    padding-top: 2px;
}

/*.page-ucb-listen.inspiration div#ucb-listen-home div.box div.cont {
    background: #f2f2f2 url(../img/inspiration/listen-box-separator.png) left top repeat-x;
}*/

/*.page-ucb-listen.gospel div#ucb-listen-home div.box div.cont {
    background: #f2f2f2 url(../img/gospel/listen-box-separator.png) left top repeat-x;
}*/

.page-ucb-listen.bible div#ucb-listen-home div.box div.cont {
    background: #f2f2f2 url(../img/bible/listen-box-separator.png) left top repeat-x;
}

.page-ucb-listen.the-word-is-music div#ucb-listen-home div.box div.cont {
    background: #f2f2f2 url(../img/music/listen-box-separator.png) left top repeat-x;
}

.page-ucb-listen.extra div#ucb-listen-home div.box div.cont {
    background: #f2f2f2 url(../img/extra/listen-box-separator.png) left top repeat-x;
}

/*

    @presenters box

*/

div#ucb-listen-home div.box.presenters h2 {
    background: url(../img/the-presenters-title.png) left top no-repeat;
}

div#ucb-listen-home div.box.presenters div.cont div.item {
    width: 239px;
    height: 93px;
    margin: 10px 0 0 14px;
    background: url(../img/presenters-circles.png) right top no-repeat;
    position: relative;
}

div#ucb-listen-home div.box.presenters div.cont div.item.green {
    background-color: #8dcc5e;
}

div#ucb-listen-home div.box.presenters div.cont div.item.blue {
    background-color: #00b8e4;
}

div#ucb-listen-home div.box.presenters div.cont div.item.orange {
    background-color: #ee963d;
}

div#ucb-listen-home div.box.presenters div.cont div.item img {
    display: block;
    height: 93px;
    position: absolute;
    right: 0;
    top: 0;
}

div#ucb-listen-home div.box.presenters div.cont div.item div.texts {
    width: 230px;
    height: 69px;
    line-height: 18px;
    color: white;
    font-family: Arial;
    position: absolute;
    left: 7px;
    top: 12px;
}

div#ucb-listen-home div.box.presenters div.cont div.item div.texts p {
    margin-bottom: 0;
}

div#ucb-listen-home div.box.presenters div.cont div.item div.texts p.time {
    font-size: 10px;
    font-weight: bold;
}

div#ucb-listen-home div.box.presenters div.cont div.item div.texts p.name {
    width: 150px;
    height: 36px;
    margin-bottom: 7px;
    font-size: 17px;
}

div#ucb-listen-home div.box.presenters div.cont div.item div.texts a,
div#ucb-listen-home div.box.presenters div.cont div.item div.texts a:hover {
    color: white;
    font-size: 12px;
    text-decoration: underline;
}

div#ucb-listen-home div.box.presenters div.cont div.item div.texts a:hover {
    text-decoration: none;
}

/*

    @playing now box

*/

div#ucb-listen-home div.box.playing-now {
    width: 340px;
    margin-right: 0;
    margin-left: 18px;
}

div#ucb-listen-home div.box.playing-now h2 {
    background: url(../img/playing-now-title.png) left top no-repeat;
}

div#ucb-listen-home div.box.playing-now div.cont {
    background-color: transparent;
}

div#ucb-listen-home div.box.playing-now div.ctrls {
    width: 80px;
    float: left;
}

.page-ucb-listen.inspiration div#ucb-listen-home div.box.playing-now div.ctrls {
    height: 282px;
    background: #282828;
}

.page-ucb-listen.gospel div#ucb-listen-home div.box.playing-now div.ctrls {
    height: 282px;
    background: #282828;
}

.page-ucb-listen.bible div#ucb-listen-home div.box.playing-now div.ctrls {
    height: 282px;
    background: #8d9a92;
}

.page-ucb-listen.the-word-is-music div#ucb-listen-home div.box.playing-now div.ctrls,
.page-ucb-listen.extra div#ucb-listen-home div.box.playing-now div.ctrls {
    height: 282px;
    background: #282828;
}

div#ucb-listen-home div.box.playing-now div.ctrls p.item {
    height: 31px;
    line-height: 31px;
    margin-bottom: 0;
    padding-left: 7px;
    font-family: Arial;
    font-size: 10px;
    color: white;
    background: url(../img/listen-box-separator.png) left bottom repeat-x;
    cursor: pointer;
}

.page-ucb-listen.inspiration div#ucb-listen-home div.box.playing-now div.ctrls p.item,
.page-ucb-listen.gospel div#ucb-listen-home div.box.playing-now div.ctrls p.item,
.page-ucb-listen.the-word-is-music div#ucb-listen-home div.box.playing-now div.ctrls p.item,
.page-ucb-listen.extra div#ucb-listen-home div.box.playing-now div.ctrls p.item {
    background: url(../img/inspiration/listen-box-ctrls-separator.png) left bottom repeat-x;
}

.page-ucb-listen.bible div#ucb-listen-home div.box.playing-now div.ctrls p.item {
    background: url(../img/bible/listen-box-ctrls-separator.png) left bottom repeat-x;
}

div#ucb-listen-home div.box.playing-now div.ctrls p.item.active,
.page-ucb-listen.inspiration div#ucb-listen-home div.box.playing-now div.ctrls p.item.active,
.page-ucb-listen.gospel div#ucb-listen-home div.box.playing-now div.ctrls p.item.active,
.page-ucb-listen.the-word-is-music div#ucb-listen-home div.box.playing-now div.ctrls p.item.active,
.page-ucb-listen.extra div#ucb-listen-home div.box.playing-now div.ctrls p.item.active,
.page-ucb-listen.bible div#ucb-listen-home div.box.playing-now div.ctrls p.item.active {
    background: #f2f2f2;
    color: black;
}

div#ucb-listen-home div.box.playing-now div.right-cont {
    width: 260px;
    height: 282px;
    float: left;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.np-top {
    height: 46px;
    padding: 14px 0 14px 9px;
    background: #dddddd;
    border-top: 4px solid #f2f2f2;
    border-left: 7px solid #f2f2f2;
    border-right: 7px solid #f2f2f2;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.np-top img {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 12px;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.np-top p.texts {
    display: block;
    /* float: left; */
    line-height: 15px;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.np-top p.texts span {
    font-family: Arial;
    font-size: 10px;
    color: #b20c15;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.np-top p.texts span.song {
    padding-top: 5px;
    font-size: 13px;
    color: #333333;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.np-top p.texts span.artist {
    font-weight: bold;
    color: black;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.items {
    display: none;
    background: #f2f2f2;
    /*overflow: auto;*/
}

div#ucb-listen-home div.box.playing-now div.right-cont div.items.items1 {
    display: block;
}

div#ucb-listen-home div.box.playing-now .fake_scroll div.arrow {
    background-color: #f2f2f2;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.items p.title {
    line-height: 25px;
    padding-left: 9px;
    font-size: 10px;
    color: #b20c15;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.items div.item {
    width: 229px;
    padding: 4px 0 4px 9px;
    background: url(../img/prev-played-separator.png) left top repeat-x;
    position: relative;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.items div.item img {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 7px;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.items div.item p.texts {
    line-height: 15px;
    padding-top: 3px;
    font-size: 13px;
    color: #333333;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.items div.item p.texts span.artist {
    padding-top: 3px;
    font-size: 11px;
    font-weight: bold;
    color: black;
}

div#ucb-listen-home div.box.playing-now div.right-cont div.items div.item a.itunes,
div#ucb-listen-home div.box.playing-now div.right-cont div.items div.item a.itunes:hover {
    display: block;
    width: 64px;
    height: 29px;
    text-indent: -9999em;
    background: url(../img/buy-from-itunes.png) left top no-repeat;
    position: absolute;
    right: 0;
    top: 8px;
}

/*

    @podcasts & listen again

*/
div.box.podcasts-listen-again {
    width: 340px !important;
    margin: 0 0 18px 18px !important;
    background: #d20d11;
}

div.box.podcasts-listen-again div.title {
    height: 51px;
    background: #e2171b url(../img/podcasts-title-bottom.png) left bottom repeat-x;
}

.page-ucb-listen.inspiration div.box.podcasts-listen-again div.title {
    background: #044279 url(../img/inspiration/podcasts-title-bottom.png) left bottom repeat-x;
}

.page-ucb-listen.gospel div.box.podcasts-listen-again div.title {
    background: #c6a604 url(../img/gospel/podcasts-title-bottom.png) left bottom repeat-x;
}

.page-ucb-listen.bible div.box.podcasts-listen-again div.title {
    background: #c6a604 url(../img/bible/podcasts-title-bottom.png) left bottom repeat-x;
}

.page-ucb-listen.the-word-is-music div.box.podcasts-listen-again div.title {
    background: #424242 url(../img/music/podcasts-title-bottom.png) left bottom repeat-x;
}

div.box.podcasts-listen-again div.title p {
    width: 50%;
    height: 51px;
    line-height: 49px;
    float: left;
    margin: 0;
    text-align: center;
    color: white;
    font-size: 20px;
    cursor: default;
}

div.box.podcasts-listen-again div.title p.left {
    background: url(../img/podcasts-title-inactive-left.png) right top no-repeat;
}

div.box.podcasts-listen-again div.title p.right {
    background: url(../img/podcasts-title-inactive-right.png) left top no-repeat;
}

.page-ucb-listen.inspiration div.box.podcasts-listen-again div.title p.left {
    background: url(../img/inspiration/podcasts-title-inactive-left.png) right top no-repeat;
}

.page-ucb-listen.inspiration div.box.podcasts-listen-again div.title p.right {
    background: url(../img/inspiration/podcasts-title-inactive-right.png) left top no-repeat;
}

.page-ucb-listen.gospel div.box.podcasts-listen-again div.title p.left {
    background: url(../img/gospel/podcasts-title-inactive-left.png) right top no-repeat;
}

.page-ucb-listen.gospel div.box.podcasts-listen-again div.title p.right {
    background: url(../img/gospel/podcasts-title-inactive-right.png) left top no-repeat;
}

.page-ucb-listen.bible div.box.podcasts-listen-again div.title p.left {
    background: url(../img/bible/podcasts-title-inactive-left.png) right top no-repeat;
}

.page-ucb-listen.bible div.box.podcasts-listen-again div.title p.right {
    background: url(../img/bible/podcasts-title-inactive-right.png) left top no-repeat;
}

.page-ucb-listen.the-word-is-music div.box.podcasts-listen-again div.title p.left {
    background: url(../img/music/podcasts-title-inactive-left.png) right top no-repeat;
}

.page-ucb-listen.the-word-is-music div.box.podcasts-listen-again div.title p.right {
    background: url(../img/music/podcasts-title-inactive-right.png) left top no-repeat;
}

div.box.podcasts-listen-again div.title p.active {
    background: #d20d11 none !important;
}

.page-ucb-listen.inspiration div.box.podcasts-listen-again div.title p.active {
    background: #023766 none !important;
}

.page-ucb-listen.gospel div.box.podcasts-listen-again div.title p.active {
    background: #c2a303 none !important;
}

.page-ucb-listen.the-word-is-music div.box.podcasts-listen-again div.title p.active {
    background: #282828 none !important;
}

div.box.podcasts-listen-again div.cont {
    width: 326px !important;
    padding: 7px !important;
    background: transparent none !important;
}

div.box.podcasts-listen-again div.cont.listen-again {
    display: none;
}

div.box.podcasts-listen-again div.items {
    background: #f2f2f2;
}

div.box.podcasts-listen-again div.items div.item {
    width: 311px;
    height: 65px;
    background: url(../img/podcasts-items-separator.png) left bottom repeat-x;
    position: relative;
}

div.box.podcasts-listen-again div.items div.item.last {
    background: none;
}

div.box.podcasts-listen-again div.items div.item img {
    display: block;
    float: left;
    margin-right: 5px;
}

div.box.podcasts-listen-again div.items div.item p.texts {
    float: left;
    line-height: 16px;
    padding-top: 8px;
    font-family: Arial;
    font-size: 13px;
    color: #333;
}

div.box.podcasts-listen-again div.items div.item p.texts span.desc {
    font-size: 11px;
    font-weight: bold;
    color: black;
}

div.box.podcasts-listen-again div.items div.item a, div.box.podcasts-listen-again div.items div.item a:hover {
    display: block;
    width: 64px;
    height: 29px;
    text-indent: -9999em;
    background: url(../img/podcasts-listen-now.png) left top no-repeat;
    position: absolute;
    right: 8px;
    top: 14px;
}

div.box.podcasts-listen-again .fake_scroll div.arrow {
    background-color: #f2f2f2;
}

div.box.podcasts-listen-again .fake_scroll div.arrow.top {
    background-image: url(../img/fs-arrow-top_326.png);
}

div.box.podcasts-listen-again .fake_scroll div.arrow.bottom {
    background-image: url(../img/fs-arrow-bottom_326.png);
}

div.box.podcasts-listen-again .fake_scroll div.scrollbar {
    left: 315px !important;
}

/*

    @ads box

*/

div.ads.box {
    width: 340px !important;
    margin: 0 0 18px 18px !important;
    background: transparent !important;
}

div.ads.box a.item, div.ads.box a.item:hover {
    display: block;
    float: left;
    width: 168px;
    height: 165px;
}

div.ads.box a.item.right {
    float: right;
}

/*

    @bible gateway box

*/

div#ucb-listen-home div.box.biblegateway {
    width: 340px;
    margin: 0 0 18px 18px;
}

div#ucb-listen-home div.box.biblegateway h2 {
    background: url(../img/bible/bible-gateway-title.png) left top no-repeat;
}

div#ucb-listen-home div.box.biblegateway div.cont {
    width: 330px;
    padding: 5px !important;
    padding-top: 7px !important;
    background-color: #8c9991 !important;
}

div#ucb-listen-home div.box.biblegateway div.cont div.inner {
    padding: 20px 12px 20px 12px;
    background: white;
}

div#ucb-listen-home div.box.biblegateway div.cont div.inner p {
    line-height: 21px;
    margin-bottom: 0;
    font-family: Arial;
    font-size: 15px;
    color: #333;
}

div#ucb-listen-home div.box.biblegateway div.cont div.inner p span.ref {
    font-size: 11px;
    font-weight: bold;
    color: black;
}

div#ucb-listen-home div.box.biblegateway div.cont div.inner p a, 
div#ucb-listen-home div.box.biblegateway div.cont div.inner p a:hover {
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 15px 0 0 8px;
    background: url(../img/bible/bible-gateway-gt.png) left 22px no-repeat;
    color: #00b9e4;
    font-family: Arial;
    font-size: 15px;
    text-decoration: underline;
}

div#ucb-listen-home div.box.biblegateway div.cont div.inner p a:hover {
    text-decoration: none;
}

/*

    @popup

*/

div#ucb-listen-popup {
    width: 357px;
    height: 214px;
    font-family: Arial;
    position: relative;
}

div#ucb-listen-popup h2 {
    width: 100%;
    height: 54px;
    margin-bottom: 0;
    text-indent: -9999em;
    background: url(../img/popup/heading.png) left top no-repeat;
}

div#ucb-listen-popup div.links {
    width: 100%;
    height: 63px;
    font-size: 10px;
    border-bottom: 1px solid #ac27a9;
}

div#ucb-listen-popup div.links ul {
    margin-left: 0;
    padding-left: 0;
    height: 63px;
}

div#ucb-listen-popup div.links ul, div#ucb-listen-popup div.links ul li {
    display: block;
    float: left;
    height: 63px;
    overflow: hidden;
    list-style: none;
}

div#ucb-listen-popup div.links ul li {
    margin-bottom: 0;
}

div#ucb-listen-popup div.links ul li a,
div#ucb-listen-popup div.links ul li a:hover {
    display: block;
    float: left;
    width: 60px;
    height: 63px;
    line-height: 1.3em;
    text-decoration: none;
    color: #888;
    padding: 7px 3px 0 7px;
    border-left: 1px solid #c7c7c7;
}

div#ucb-listen-popup div.links ul li.active a {
    padding-left: 8px;
    background: #ac27a9;
    color: white;
    border-left: 0 none;
}

div#ucb-listen-popup div.player-wrap {
    height: 72px;
    padding: 12px;
}

div#ucb-listen-popup div.player-wrap #player {
    width: 332px;
    height: 72px;
    background: url(../img/popup/fake-jp.png) left top no-repeat;
}

/* PLAYBACK */

div#ucb-listen-home div.playback,
div#std-page-main-cont div.playback {
    width: 340px !important;
    margin: 0 0 18px 18px !important;
    background: #a91bb0 !important;
}

div#ucb-listen-home div.playback div.title,
div#std-page-main-cont div.playback div.title {
    margin:0;
    padding:0;
    background-color:#a91bb0;
    width:340px;
    position:relative;
}

div#ucb-listen-home div.playback h2,
div#std-page-main-cont div.playback h2 {
    display: block;
    width: 340px;
    height: 49px;
    margin: 0;
    background: url(/sites/all/modules/blonde/ucb_listen/img/ucb-playback-logo.png) 0px 1px no-repeat;
    cursor: pointer;
    border-bottom: 2px solid #800080;
}

div#ucb-listen-home div.playback div.cont,
div#std-page-main-cont div.playback div.cont {
    padding: 0 !important;
    width: 340px !important;
    height: 325px;
}

/* EXTRA */

div#ucb-listen-home div.tabpage h1.shows-title {
    color: #f2f2f2;
    font-size: 48px;
    text-align: center;
    margin: 20px 0 10px;
}

div#ucb-listen-home div.tabpage p {
    color: #f2f2f2;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}

div#ucb-listen-home div.tabpage div.shows {
    margin: 40px auto 0;
    width: 546px;
}

div#ucb-listen-home ul#extra-shows {
    margin: 0 auto;
}

div#ucb-listen-home ul#extra-shows li {
    list-style-type: none;
    float: left;
    margin: 0;
}

div#ucb-listen-home ul#extra-shows a.show-link {
    background-color: #444;
    color: #f2f2f2;
    width: 180px;
    height: 100px;
    border: solid 1px #555;
    font-size: 21px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 24px;
}

div#ucb-listen-home ul#extra-shows a.show-link:hover {
    background-color: #666;
    border: solid 1px #777;
}

div#ucb-listen-home ul#extra-shows a.show-link:active {
    background-color: #555;
    border: solid 1px #666;
}