/*********************************
PopUp Globals *Remember*
*********************************/
/*body { background: #f7eee2 !important; font: normal normal normal 12px/16px "Arial", "Helvetica", "Verdana", sans-serif; margin: 0; padding: 0; color: black; text-align: left; }
div, span, table, form { margin: 0; padding: 0; }
p,ol,ul { margin: 0 0 10px 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; margin: 0; padding: 0; }
h1 { font-size: 25px; }
h2 { font-size: 22px; }
h3 { font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
h4 { font-size: 11px; }
br { height: 10px; }
.clear { clear: both; }
a:link, a:visited { color: black; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
.streamer { border-top: 5px solid #481e4b; }
.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *display: inline-block; }*/
/* Hides from IE-mac \*/
/** html .clearfix { height: 1%; }
.clearfix { display: block; }*/
/* End hide from IE-mac */

/*********************************
Temporary Global Changes
*********************************/
#contentCloud { min-width: 730px; min-height: 292px; /*background: #fff;*/ }
#containerCloud #contentCloud .left_column { background-color: #eef2f3; padding: 10px 10px 0px 10px; min-height: 292px; }
#new_containerCloud #contentCloud .left_column { background-color: #f7eee2; padding: 10px 10px 0px 10px; min-height: 292px; }

/*********************************
Columns
*********************************/
#gallery-container { width: 730px; }
.left_column { float: left; width: 392px; height: 292px; }
.right_column { background: #fff; float: right; width: 318px; }

/*********************************
Global DIV's specifically for pop-ups
*********************************/
#containerCloud { background-color: white; }
#new_containerCloud { background-color: #f7eee2; }
#head { background: #29394a url(http://images.channelone.com/img/gui/nav/nav_bg_nav.jpg) top right no-repeat; padding-top: 6px; padding-left: 10px; }

/*********************************
ADVERTISEMENTS
*********************************/
#ad_leaderboardCloud { padding: 0 0 10px 0; margin-bottom: 0; }
#ad_leaderboardCloud p { text-align: center; border: 1px solid white; margin-bottom: 0; padding: 0; }
#ad_med_square { padding: 10px; text-align: center; }
#ad_med_square span { display: none; }
#ad_468x60 { text-align: center; }

/*********************************
Poll
*********************************/
form.poll { margin: 0px; padding: 0px; }
.poll_question { }
.chart { float: left; background-color: #ccc; width: 100px; margin: 0px; margin-right: 3px; padding: 0px; border: solid #999999 1px; font-size: 6px; vertical-align: middle; }
.fill { background-color: #e93700; height: 8px; margin: 0px; padding: 0px; border-right: solid #999 1px; }
.count { float: left; width: 35px; text-align: right; margin-right: 5px; }
.choice { float: left; width: 145px; w\idth: 139px; white-space: normal; }
.result { clear: both; width: 293px; w\idth: 287px; padding: 4px 0 0 10px; }
.total { margin-left: 40px; }
.inline_poll .streamer { border-top-style: none; }
.inline_poll .feature_header { display: none; }
.inline_poll ol { list-style-type: none; }

/*********************************
Gallery
*********************************/
#containerCloud #head { background: #1b4bf6 url(http://images.channelone.com/img/gui/gallery/gallery_bg.gif) top right no-repeat; height: 43px; }
#new_containerCloud #head { background: #f7eee2 url(http://images.channelone.com/img/gui/purple/bg-gallery.png) top left repeat-x; height: 43px; }
.header { background: white url(http://images.channelone.com/img/gui/gallery/gallery_bg_header.gif) left top repeat-x; color: #3e464b; min-height: 25px; _height: 25px; line-height: 12px; padding: 10px 10px 0 10px; }
.img { text-align: center; }
.streamer { padding-top: 10px; }
.text { overflow: auto; height: 252px; padding-left: 10px; padding-right: 10px; }
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { font-weight: bold; margin-bottom: 3px; }
#containerCloud #pagination { clear: both; background-color: #eef2f3; padding-top: 5px; height: 24px; }
#new_containerCloud #pagination { clear: both; background-color: #f7eee2; padding-top: 5px; height: 24px; }
#pagination .left_column { background-color: transparent; height: 10px !important; min-height: 10px !important; padding-top: 0; padding-left: 0; }
#pagination .left_column p { margin-left: 10px; }
#pagination .right_column { background-color: transparent; }
#pag_holder { height: 18px; margin: 0 auto; width: 120px; }
#pag_count { float: left; background: white url(http://images.channelone.com/img/gui/gallery/pagination_bg.gif) left 1px repeat-x; text-align: center; width: 60px; margin-left: 10px; margin-right: 10px; border: 1px solid #aaacab; }
.page_button { float: left; }

/*********************************
Video Lightbox
*********************************/
#pdkHolderHIN { position: relative; height: 360px; width: 730px; background-color: #f7eee2; }
#pdkHolderHIN .background { position: absolute; top: 0px; left: 0px; width: 313px; height: 450px; }
#pdkHolderHIN .commmanager { position: absolute; top: 0px; left: 0px; }
#pdkHolderHIN .player { position: absolute; top: 5px; left: 5px; z-index: 1; }
#pdkHolderHIN .releaselist { position: absolute; top: 279px; right: 5px; }
#pdkHolderHIN .nav { position: absolute; top: 260px; right: 5px; }
#pdkHolderHIN .releasemodel { position: absolute; top: 0px; left: 0px; }
#pdkHolderHIN #ad_med_square { margin: 0; padding: 5px 5px 0px 0px; float: right; }
#pdkHolderHIN .xbot { background: url(http://images.channelone.com/img/music/new/bg-top.gif) repeat-x top left; height: 10px; width: 730px; position: absolute; bottom: 0px; left: 0px; overflow: hidden; }

/*********************************
Know Your Radio Lightbox
*********************************/
#kyr-container { width: 750px; background-color: #f7eee2; }
#kyr-container img { border: none; }
#kyr-container #kyr-box img, #kyr-container #pq-box img {  width: 57px; height: 37px; }
#kyr-container .top { position: relative; height: 95px; width: 750px; overflow: hidden; }
#kyr-container .top .logo { position: absolute; top: 10px; left: 5px; }
#kyr-container .top .dvd { position: absolute; top: 10px; right: 5px; }
#kyr-container .col-1 { float: left; width: 460px; text-align: center; margin: 0 auto; }
#kyr-container .col-2 { float: left; width: 290px; }
.carousel-box { width: 282px; padding: 10px 0;  background: #fff; }
.carousel-box .crop-box { float: left; overflow: hidden; position: relative; width: 232px; }
.carousel-box .crop-box ul { left: 0; list-style: none; margin: 0; padding: 0; position: relative; top: 0; width: 100000px; }
.carousel-box .crop-box ul li { float: left; padding-right: 10px; }
.carousel-box .crop-box ul li a { font-size: 10px; line-height: 11px; display: block; width: 70px; text-align: center; }
.carousel-box .crop-box ul li a p.image { display: block; position: relative; width: 61px; height: 43px; text-decoration: none !important; cursor: pointer; margin: 0 auto; padding: 0; text-align: center; }
.carousel-box .crop-box ul li a p.image img { position: absolute; top: 0px; left: 0px;  border: 2px solid #a5a5a5 !important; }
.carousel-box .crop-box ul li a b.play { background: url(http://images.channelone.com/img/music/new/overlay-play-sml.png) no-repeat; position: absolute; top: 15%; left: 30%; display: block; width: 25px; height: 25px; z-index: 9999; }
* html .carousel-box .crop-box ul li a b.play { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.channelone.com/img/music/new/overlay-play-sml.png', sizingMethod='crop'); }
.carousel-box .previous_button, .carousel-box .previous_button_over, .carousel-box .next_button, .carousel-box .next_button_over { color: #6b456e; float: left; font-size: 16px; font-weight: bold; cursor: pointer; width: 24px; height: 15px; text-align: center; margin-top: 14px; }
.carousel-box .previous_button_disabled, .carousel-box .next_button_disabled { color: #fdeab0 !important; }
#kyr-box h2 { background: url(http://images.channelone.com/img/music/new/hdr-kyr.gif) no-repeat; overflow: hidden; width: 139px; height: 16px; text-indent: -9999px; }
#pq-box h2 { background: url(http://images.channelone.com/img/music/new/hdr-pop-quiz.gif) no-repeat; overflow: hidden; width: 73px; height: 19px; text-indent: -9999px; }
#kyr-box .xbot, #pq-box .xbot { background: url(http://images.channelone.com/img/music/new/bg-kyr-xbot.png) no-repeat; width: 282px; height: 10px; overflow: hidden; }
#kyr-radio { width: 282px; background: #fff url(http://images.channelone.com/img/music/new/bg-kyr-radio.png) repeat-x top left; margin-bottom: 31px; }
#kyr-radio .inner { width: 100%; height: 61px; overflow: hidden; }
#kyr-radio .inner .logo { float: left; }
#kyr-radio .inner #listen-now { float: right; margin-top: 16px; }
#kyr-radio h3 { font-size: 14px; margin: 0; padding: 0 0 5px 5px; }
#kyr-radio h3 span { color: #6a1c1f; margin-right: 3px; }
#kyr-radio h3 a { color: #999; margin-right: 3px; }
#kyr-radio .weekdays { list-style: none; margin: 0; padding: 0 0 3px 12px; }
#kyr-radio .weekdays li { float: left; margin: 0; padding: 0 10px 0 0; font-size: 9px; }
#kyr-radio .weekdays li span { background: #ddd; } 
#kyr-radio .weekdays li a { background: #999; color: #fff; padding: 1px 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#kyr-radio .weekdays li a:hover { color: #000; text-decoration: none; }
#kyr-radio .archive { position: absolute; background: #fff; width: 282px; z-index: 9999; }
#kyr-radio .archive h3 { float: left; }
#kyr-radio .archive .dates { float: left; width: 80px; height: 16px; overflow: hidden; }
#kyr-radio .expand .dates { float: left; width: 175px; height: 121px; overflow: auto; }
#kyr-radio .archive ul { list-style: none; margin: 0; padding: 0; }
#kyr-radio .archive li { margin: 0; padding: 0; }
#kyr-radio .archive li a { color: #999; font-size: 14px; font-weight: bold; }

/*********************************
Popup Player
*********************************/
.playlistCloud { width: 701px; margin: 0; text-align: left; }
.playlistCloud .tabs { background: url(http://images.channelone.com/img/music/new/bg-popup-player-xtop.png) no-repeat; width: 701px; height: 34px; position: relative; }
.playlistCloud .tabs .left { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0px; left: 0px; }
.playlistCloud .tabs .left li { float: left; margin: 0; padding: 0; }
.playlistCloud .tabs .left li a { display: block; height: 23px; position: relative; width: 93px; overflow: hidden; text-indent: -9999px; }
/*.playlistCloud .tabs .left #artists a { background: url(http://images.channelone.com/img/music/new/tab-artists-on.png) no-repeat; z-index: 255; }
  .playlistCloud .tabs .left #songs a { background: url(http://images.channelone.com/img/music/new/tab-songs-off.png) no-repeat; left: -10px; z-index: 10; } */
.playlistCloud .tabs ul .artists a.artistsActive { background: url(http://images.channelone.com/img/music/new/tab-artists-on.png) no-repeat; z-index: 255; }
.playlistCloud .tabs ul .songs a.artistsActive { background: url(http://images.channelone.com/img/music/new/tab-songs-off.png) no-repeat; left: -10px; z-index: 10; }

/*
CSS for "SONGS" highlighted

.playlistCloud .tabs .left #artists a { background: url(http://images.channelone.com/img/music/new/tab-artists-off.png) no-repeat; z-index: 10; }
.playlistCloud .tabs .left #songs a { background: url(http://images.channelone.com/img/music/new/tab-songs-on.png) no-repeat; left: -10px; z-index: 255; }*/
.playlistCloud .tabs ul .artists a.songsActive { background: url(http://images.channelone.com/img/music/new/tab-artists-off.png) no-repeat; z-index: 10; }
.playlistCloud .tabs ul .songs a.songsActive { background: url(http://images.channelone.com/img/music/new/tab-songs-on.png) no-repeat; left: -10px; z-index: 255; }

.playlistCloud .tabs .right { list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; right: 0px; }
.playlistCloud .tabs .right li { float: left; margin: 0; padding: 0 0 0 10px; }
.playlistCloud .tabs .right li #flash-popup-player { padding-top: 8px; }
.playlistCloud .col-1 { width: 400px; height: 250px; float: left; background: url(http://images.channelone.com/img/music/new/bg-playlist.png) no-repeat;  }
.playlistCloud .col-2 { width: 300px; height: 250px; float: left; background: url(http://images.channelone.com/img/music/new/bg-playlist-repeat.png) repeat-x; }
.playlistCloud .col-2 #ad_med_square { margin: 0; padding: 0; }
.playlistCloud .nav { list-style: none; margin: 0; padding: 10px 0 11px 15px; }
.playlistCloud .nav li { float: left; margin: 0; padding: 0 5px 0 0; }
.playlistCloud .nav li a { color: #fff !important; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.playlistCloud .nav li a:hover, .playlistCloud .nav li a.active { color: #ffcb36 !important; text-decoration: none !important; }
#accordion-poll-container { height: 212px; }
#accordion-poll-container .scroll-box { float: left; width: 397px; height: 212px; overflow: auto; margin-left: 4px; _margin-left: 2px; }
#accordion-poll-container .scroll-box h3 { background: #2c2c2c url(http://images.channelone.com/img/music/new/bg-accordian-off.gif) repeat-x 0 50%; color: #fff; cursor: pointer; font-size: 14px; line-height: 18px; margin: 0 0 2px; padding: 0 0 0 5px; text-transform: none; }
#accordion-poll-container .scroll-box h3:hover, #accordion-poll-container .scroll-box h3.active { background: #690025 url(http://images.channelone.com/img/music/new/bg-accordian-on.gif) repeat-x 0 50%; }
#accordion-poll-container .scroll-box div.accordion-content { display: none; }
#accordion-poll-container .scroll-box div.accordion-content ul { background: #79002b; margin: 0 0 1px; padding: 2px 2px 0; list-style: none; }
#accordion-poll-container .scroll-box div.accordion-content li { margin: 0; padding: 0 0 2px; }
#accordion-poll-container .scroll-box div.accordion-content li a { background: #943355 url(http://images.channelone.com/img/music/new/icon-play.png) no-repeat 0 50%; color: #fff; display: block; font-size: 13px; font-weight: bold; line-height: 21px; height: 21px; margin: 0; padding-left: 21px; }
#accordion-poll-container .scroll-box div.accordion-content li a.video { background: #943355 url(http://images.channelone.com/img/music/new/icon-video.png) no-repeat 0 50%; }
* html #accordion-poll-container .scroll-box div.accordion-content li a { background: #943355 url(http://images.channelone.com/img/music/new/icon-play.gif) no-repeat 0 50%; }
* html #accordion-poll-container .scroll-box div.accordion-content li a.video { background: #943355 url(http://images.channelone.com/img/music/new/icon-video.gif) no-repeat 0 50%; }
#accordion-poll-container .scroll-box div.accordion-content li a:hover, #accordion-poll-container .scroll-box div.accordion-content li a.active { background-color: #af6680; text-decoration: none; }
.playlistCloud .xbot { background: url(http://images.channelone.com/img/music/new/bg-popup-player-xbot.png) no-repeat; width: 701px; height: 32px; overflow: hidden; position: relative; }
.playlistCloud .xbot a { position: absolute; top: 12px; right: 11px; }

#section_musicJoe { width: 750px; height: 552px; z-index: 10003; display: none; } /*width: 744px;*/
#section_musicPopup { width: 700px; height: 317px; z-index: 10003; display: block;  padding: 0px; margin: 0px; }
#section_musicVideo { width: 730px; height: 370px; z-index: 10003; display: none; }
#mfGlassPaneDarkDiv {display:none;position:fixed;z-index:10002;background-color:#000;width:100%;height:100%;filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.5;}
/*
#section_musicJoe, #section_musicPopup, #section_musicVideo { z-index: 10002; }
#mfGlassPaneDarkDiv { z-index: 10001; }
*/

#ad_leaderboardCloudBack { background-color: white; text-align: center; width: 750px; }
.closeButton { background-color: white; width: 100%; float: left; margin: 0; padding: 5px 0; /*border-top: 10px solid #F7EEE2;*/ }
.closeButton a img { float: right; margin-right: 10px; border: 0px; }

#kyr-radio { display:none; }
#hiddenMusic { display:none; }
#hiddenVideo { display:none; }
#hiddenJoe { display:none; }

