﻿@import url("Reset.css");

* {margin: 0; padding: 0;} 
a:focus{outline:none;}a:active{outline: none;}:focus{-moz-outline-style: none;}
input, select, option, textarea {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;font-size: 0.875em;}
a {text-decoration: none; color:#fff; cursor:pointer;}
a:hover{color:#43d4ee;}
a img {border: none;}

/* GLOBAL SETTINGS */
body {font-family:Verdana, sans-serif; font-size:13px;  color:#fff; background-color:#999;}/* Modified By ritesh */

p {text-align: left; line-height: 1.2em; margin: 0 0 1em;padding: 0 5px 0 5px;font-size: 0.88em;}
p span{padding: 1em 0 1em;line-height: normal;}
h1 {color: #fff;font-family:Georgia, Times, serif;font-size:1.8em; letter-spacing: 1px;}/* Modified By ritesh */
h2 {color: #fff;font-family:Times, serif; font-style:italic;font-size:1.1em; letter-spacing: 1px; margin: 1.5em 0 1.5em;padding-left: 5px;}/* Modified By ritesh */
h3 {color: #43d4ee;font-family:Georgia, Times, serif;font-size:14px; overflow: hidden; margin:0px; padding:0px;}/* Modified By ritesh */
/*h4 {font: 1.25em Georgia, Times, serif;letter-spacing: 1px;}
h5 {font: 14px Georgia, Times, serif; overflow: hidden; margin: .5em 0 0;}*/
#detail h3{margin: .5em 0 1em; padding-left: 5px;}
#recommendedhdr h3, #topicshdr h3, #lnkshdr h3, #extrashdr h3{letter-spacing: 1px;}


#extrashdr h3.aboutustitle{color:#43D4EE;font-size:14px;}
#lnkshdr h3.relatedvideotitle{color:#43D4EE;font-size:14px;}

#OuterBG {margin: 0;padding: 0;}
/*#InnerBG {width: 800px;padding: 0;}*/
.tdy-wrapper {width: 800px;padding: 0;}
#mainContent {position: relative; display: block; /*background:#474747;*/}

/*.ctralign {margin:0 0 0 10px;}*//* OPTION APPLIED TO InnerBG DIV - CHANGE auto to '0' TO LEFT ALIGN */

/********* TOP HEADER *********/
#networklogo {padding: 8px 0 8px 0;  height:83px;}
#mainContent .search {float: right;  position: absolute; display: block;top: 40px; left: 605px;}
#mainContent .search input.SearchBar{border-right: 0px; width: 160px;height: 18px;float: right; margin: 0px;}
#mainContent .search input.btn{width: 26px;height: 20px;float: right;background: url(../../../Modules/Images/Platinum/search_btn.gif) no-repeat; display: block; border:none; cursor:pointer;}

/********* NAV BAR *********/ /* Modified by ritesh Navbar changed to nav wrapper */
.navWrapper {height: 2.4em; font: 12px Georgia, Times, serif; overflow: hidden;}
.navWrapper li.selected {display: block; float: left; padding:  0.75em 5px 0 5px; margin-right: 5px; list-style: none;background: transparent;color:#fff;}
.navWrapper li.list {display: block; float: left; padding:  0.75em 15px 0 5px; margin-right: 15px; list-style: none;background: url(../../../Modules/Images/Platinum/arrow_dn.gif) 100% 66% no-repeat; cursor: pointer;}
.navWrapper li a { color:#fff;padding: 0.75em 0 0.25em;text-transform: uppercase;}
.navWrapper li a:hover{color:#fff;text-decoration:none}
.navWrapper li a:selected {color:#fff;text-decoration:none}
.navWrapper #feed {background: none;}
.navWrapper li.list label{ cursor:pointer}

/* HIDE TOGGLE BAR */
.toggleout {position: relative; display: block; width: 14.0em; }
.toggleout a{width: 14.0em; padding: 0 330px 0 330px;height: 12px;display: block;text-align: center;cursor: pointer;font: 10px Georgia, Times, serif;position: relative; letter-spacing: 1em;}/* BORDER/BG COLOR OPTION */

/* NETWORK LISTING DROP DOWN */
.networklst {width: 100%;position: relative;margin-bottom: -1px;}
#networknm{height: auto;font: 12px Georgia, Times, serif;position: relative;float: left; width:100%;}/* BORDER/BG COLOR OPTION */
#networknm li {width: 14.089em;display: block; float: left; padding:  0.6em 15px 0.6em 15px; list-style: none;overflow: hidden;}/* BORDER/BG COLOR OPTION */
#networknm li a {padding: 0.75em 0 0.25em;text-transform: uppercase;}

/* CHANNEL LISTING DROP DOWN */
.channelst {width: 100%;position: relative;margin-bottom: -1px;}
#channelnm{height: auto;font: 12px Georgia, Times, serif;position: relative;float: left; width:100%;}/* BORDER/BG COLOR OPTION */
#channelnm li {width: 14.089em;display: block; float: left; padding:  0.6em 15px 0.6em 15px; list-style: none;overflow: hidden;}/* BORDER/BG COLOR OPTION */
#channelnm li a {padding: 0.75em 0 0.25em;text-transform: uppercase;}


/* PLAYLIST LISTING DROP DOWN */
.playlsting {width: 100%;position: relative;margin-bottom: -1px;}
#playlstingnm{height: auto;font: 12px Georgia, Times, serif;position: relative;float: left; width:100%;}
#playlstingnm li {width: 14.089em;display: block; float: left; padding:  0.6em 15px 0.6em 15px; list-style: none; overflow: hidden;}
#playlstingnm li a {padding: 0.75em 0 0.25em;text-transform: uppercase;}


/********* MEDIA LEVEL *********/

/* MEDIA TITLE */
/* new code  */

/*#mediatitle {position:relative; background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 5px; */ /* commented by ritesh as on 3rd Mar 2010 */
	
#mediatitle {position:relative; border-top-width:1px;border-top-color:#545454;border-top-style:solid;display: block; padding:  1em 5px 1em 5px; 
/* BORDER COLOR OPTION */}
  
/* HORIZONTAL AD -OPTIONAL- */
#horizad{background: url(../../../Modules/Images/Platinum/adbg1.gif) repeat;display: block; width:100%; height: auto; padding: 10px 0 10px 0; text-align: center; }

/* MEDIA CONTAINER */
/*#mediaembed {overflow: hidden;background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 5px; } *//* commented by ritesh as on 3rd Mar 2010 */

#mediaembed {overflow: hidden;border-top-width:1px;border-top-color:#545454;border-top-style:solid;display: block; padding:  1em 5px 1em 5px; }

/** LEFT FLOAT **/
/* MEDIA PLAYER */
/* #movie {padding: 8px;float: left; height:432px; width:575px;} */ /* BORDER/BG COLOR OPTION */  /* Commented By Ritesh */



/** RIGHT FLOAT **/

.media-desc{border:0 solid #FF0000; padding-left:5px; height:360px;overflow-y:auto;}

.ad {width: 320px;text-align: left; position: absolute; top:53px; left: 830px;}

.ad-left {width: 320px;text-align: left;padding-top: 10px; position: absolute; top: 140px; left: 200px;}

/********* MEDIA LEVEL *********/
#selectionlvl {width: 100%;}

/** LEFT FLOAT **/
/* PLAYLIST HDR */
/*#lnkshdr {background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;overflow: hidden;display: block; padding:  1em 5px 1em 5px; float: left; width: 450px;}*/

#lnkshdr {border-top-width:1px;border-top-color:#545454;border-top-style:solid;overflow: hidden;display: block; padding:  1em 5px 1em 5px; float: left; width: 450px;}


/* PLAYLIST LISTING CONTAINER */
/*.myscroll {background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 0px;float: left; width: 455px; height:  auto;position: relative; font-size:14px;height:580px} */ /* modified by ritesh*/

.myscroll {border-top-width:1px;border-top-color:#545454;border-top-style:solid;display: block; padding:  1em 5px 1em 0px;float: left; width: 455px; height:  auto;position: relative; font-size:14px;height:580px;font-family:"Georgia, Times, serif"; color:#FFFFFF}

/* PLAYLIST LISTING */
.listing {float: left; margin-right: 9px; margin-bottom:0; color:#fff; background-color:#1a1a1a; text-align:center;margin-top:4px;} 
.listdesc {width: 130px;height: 90px;text-align: left; margin: 0 0 1em;padding: 0 5px 0 5px;font-size: 0.88em;text-transform:lowercase;} /*line-height: 1.2em;height:120px;*/
.listdesc h3{ text-transform:none;}
.listdesc div{ padding:2px 0px;}
.listdesc div.subtitle{ font-weight:bold}
/* PLAYLIST PAGINATION */
#paginate {padding-left: 5px;}

/* PLAYLIST FTR */
.playlstselbot {border-top-width:1px;border-top-color:#545454;border-top-style:solid;display: block; padding:  1em 5px 1em 0px;float: left; width: 455px; height:  auto;position: relative;margin-top:5px;}

/** RIGHT FLOAT **/
/* ABOUT CHANNEL HDR */
/* #extrashdr {overflow: hidden;background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 5px; float: right;width: 320px;}*/
#extrashdr {overflow: hidden; border-top-width:1px;border-top-color:#545454;border-top-style:solid;display: block; padding:  1em 5px 1em 5px; float: right;width: 320px;}
/* ABOUT CHANNEL DESCRIPTION */
/*.aboutchnl{background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 5px;float: right;width: 320px;position: relative;}*/

.aboutchnl{border-top-width:1px;border-top-color:#545454;border-top-style:solid;display: block; padding:  1em 5px 1em 5px;float: right;width: 320px;position: relative;color:#fff; background: transparent;}

/*.chnl-desc {height:250px;overflow-y:auto;width:310px;}*/
.chnl-desc {width:325px;height: 100px; overflow :auto;}

/* DYNAMIC RELATED */
#suggested{float: right;width: 330px;}

/** LEFT FLOAT **/
/* RECOMMENDED HDR */
#recommendedhdr {overflow: hidden;background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 5px; float: left;width: 160px;}
/* TOPICS HDR */
#topicshdr {overflow: hidden;background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 5px; float: right;width: 140px;}

/* RECOMMENDED LISTINGS */
#recommended {overflow: hidden;background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 5px; float: left;width: 160px;}

/* TOPICS LISTINGS */
#topics {overflow: hidden;background: url(../../../Modules/Images/Platinum/ln_hor.gif) 0 0 repeat-x;display: block; padding:  1em 5px 1em 5px; float: right;width: 140px;}

/* LISTINGS */
.selections {font: 12px Georgia, Times, serif;margin: 0;padding: 0;}

/*
.urlList li.rec {line-height: 1.5em;margin: 1em 0 1em 0; padding-left: 2em;list-style: none;
  background: url(../../../Modules/Images/Platinum/button_arrow.gif) 0 2px no-repeat;font-family:"trebuchet MS"; font-size:14px;}
.urlList li.topic {line-height: 1.5em;margin: 1em 0 1em 0; padding-left: 2em;list-style: none;
  background: url(../../../Modules/Images/Platinum/arrow_dn.gif) 0 7px no-repeat;font-family:"trebuchet MS"; font-size:14px;} 
.urlList li a {text-transform: uppercase;color:#fff; } 
.urlList li a:hover{ color:#000;}
.urlList li a:selected{ color:#000;}
*/

/********* FOOTER *********/
/*.footWrapper  {overflow: hidden; background:url(../../../Modules/Images/Platinum/ln_hor.gif) repeat-x top;display: block; padding:  1em 5px 1em 5px; position: relative;text-align: left; line-height: 1.2em; margin: 0;font-size: 0.88em;}*/ /* Modified By ritesh : class named changed from #footer */

.footWrapper  {overflow: hidden;border-top-width:1px;border-top-color:#545454;border-top-style:solid;display: block; padding:  1em 5px 1em 5px; position: relative;text-align: left; line-height: 1.2em; margin: 0;font-size: 14px;color:#fff;}

#boomboxlogo a{ } /* Modified By Ritesh */
div.right{float:right;margin-top: 0px; width: 108px; display: block; height: 35px;behavior: url("../../../Modules/Images/Platinum/iepngfix.htc");background: url(../../../Modules/Images/Platinum/BoomBoxWorldwide.png) 0 0 no-repeat;}  /* added By ritesh  */
/*.footWrapper  {overflow: hidden;display: block; padding:  1em 5px 1em 5px; position: relative;text-align: left; line-height: 1.2em; margin: 0;font-size: 0.88em;} /* Modified By ritesh : class named changed from #footer */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* PLAYLIST LISTING */
.thmb {border: 1px solid #333333; background-color:#585858; width:98px; height:76px;/* BORDER COLOR OPTION */}
.thmb a{width:98px; height:76px; display:block; background-color:#585858;}
.thmb a:hover{background-color:#fff;}
.thmb a img{width:90px; height:68px; margin:4px;/* BORDER COLOR OPTION */}


/* GENERIC - DO NOT EDIT */

/* GLOBAL SETTINGS */
/*body {color: #c6c6c6;}*/
.ctralign {margin:0 auto; float:left}/* OPTION APPLIED TO InnerBG DIV - CHANGE auto to '0' TO LEFT ALIGN */

/*a:link, a:visited {color: #fff;}
html body a:hover {color: #00dbd7;}
html body a:select {color: #00dbd7;}*/

/*p {color: #c6c6c6;}
p span{color: #999;}
h1 {color: #fff;}
h2 {color: #fff;}
h3 {color: #43d4ee;}*/
/*h4 {color: #fff;}
h5 {color: #fff;}*/



/*#OuterBG {background: #474747;}
#InnerBG {background: #474747;}*/
#mainContent {width: 61.56em;/* CTR WIDTH */}

/********* TOP HEADER *********/
#mainContent .search input.SearchBar{background-color: #212121;border: 1px solid #000;color: #fff;}

/********* NAV BAR *********/
#navbar li.select a {color: #43d4ee;} /* OPTIONAL NAV SELECTED FONT COLOR */

/* HIDE TOGGLE BAR */
.toggleout a{background: #0e0e0e url(../../Images/Platinum/detail_bg.gif) repeat-x top;border-bottom: #595959 solid 1px;}/* BORDER/BG COLOR OPTION */

/* Network LISTING DROP DOWN */

#networknm{background: #0e0e0e url(../../Images/Platinum/listing_bg.jpg) repeat;} /*BORDER/BG COLOR OPTION */
#networknm li {border-right: #595959 solid 1px;border-bottom: #595959 solid 1px;overflow: hidden;background-color: #0e0e0e;}/* BORDER/BG COLOR OPTION */

/* CHANNEL LISTING DROP DOWN */
/*#channelnm{background: #0e0e0e url(../../Images/Platinum/listing_bg.jpg) 100% 100% repeat-x;}*/
#channelnm{background: #0e0e0e url(../../Images/Platinum/listing_bg.jpg) repeat;} /*BORDER/BG COLOR OPTION */
#channelnm li {border-right: #595959 solid 1px;border-bottom: #595959 solid 1px;overflow: hidden;background-color: #0e0e0e;}/* BORDER/BG COLOR OPTION */

/* PLAYLIST LISTING DROP DOWN */
#playlstingnm{background: #0e0e0e url(../../Images/Platinum/listing_bg.jpg) 100% 100% repeat-x;}
#playlstingnm li {border-right: #595959 solid 1px;border-bottom: #595959 solid 1px;background-color: #0e0e0e;overflow: hidden;}

/********* MEDIA LEVEL *********/
.detailsPod h1{ color:#fff;font-family:"Georgia, Times, serif"; font-size:23px;letter-spacing: 1px;}
/* MEDIA TITLE */
#mediatitle {/*border-bottom: 5px solid #333; BORDER COLOR OPTION */}
  
/* HORIZONTAL AD -OPTIONAL- */

/* MEDIA CONTAINER */

/** LEFT FLOAT **/
/* MEDIA PLAYER */ 
/* #movie {border: solid 1px #363636; background-color: #595959;}*//* BORDER/BG COLOR OPTION */ 

#movie {padding: 8px;float: left; height:432px; width:575px; border-width:1px; border-color:#363636;border-style:solid; background-color: #595959;}

/** RIGHT FLOAT **/
/* MEDIA DESCRIPTION */
#detail {border-width:1px; border-color:#595959;border-style:solid;background-color:#0e0e0e;float: right; display: inline; padding: 8px; height: 432px; width: 170px;}/* BORDER/BG COLOR OPTION */

/********* MEDIA LEVEL *********/

/** LEFT FLOAT **/
/* PLAYLIST HDR */

/* PLAYLIST LISTING CONTAINER */



/* PLAYLIST PAGINATION */

/* PLAYLIST FTR */

/** RIGHT FLOAT **/
/* ABOUT CHANNEL HDR */

/* ABOUT CHANNEL DESCRIPTION */

/* DYNAMIC RELATED */

/** LEFT FLOAT **/
/* RECOMMENDED HDR */

/* TOPICS HDR */

/* RECOMMENDED LISTINGS */

/* TOPICS LISTINGS */

/* LISTINGS */
#selections li a {border-bottom: #fff 1px dotted;/* LINK-UNDERLINE COLOR OPTION */}

/********* FOOTER *********/


/********* PAGINATION *********/
.pagination a, .pagination a:visited, .pagination a:active{
color: #fff;
}

.pagination a:hover{
color: #F98506; /*#000;*/
}

.pagination a.currentpage{ /*Style for currently selected page link*/
color: #00dbd7 !important;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
color: #fff;
}

.searchempty
{
height:52px;
padding:1em 5px 1em 0;
position:relative;
width:455px;
float:left
}

/* Ajax Pagination */

.pagination{
padding: 2px;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
font: 1em Georgia, Times, serif;letter-spacing: 1px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li a{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li a{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
text-decoration: none; 
}

.pagination a:hover{
}

.pagination a.currentpage{ /*Style for currently selected page link*/
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
cursor: default;
border-color: transparent;
}

.pagination a.prevnext{ /*Style for previous and next link*/
}

/* New css*/
.listWrapper{ width:300px; float:left;}
.tabWrapper{background:transparent!important;}/*background:#292929*/
.tabsection{}
.tabs{background:transparent!important;height:34px; line-height:34px;} /*background:#bababa; */
.tabsection{ padding-left:4px; background:transparent!important; margin-left: 0 !important; padding:0px !important} /*margin:0px !important; */
.tabs li {float:left; width:140px; height:34px; line-height:34px;  text-align:center; font-size:18px; padding-left:0px;border-top:1px solid #3f3e3e; border-bottom: 1px solid #3f3e3e; margin-left :10px;}
.tabs li a{ text-decoration:none; outline:none; color:#ffffff;}
.tabs li.active{ background:#292929; color:#c6c6c6;} /*width:160px; height:34px;border-top:1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;*/
.tabs li.active a{text-decoration:none;color:#ffffff}
.tabs li.active a h3{text-decoration:none;color:#ffffff}

.pod{ height:290px; overflow:hidden; width:335px;background:transparent; margin-left:10px;}/* Back ground added by ritesh */

.tabheight{ height:310px;}
.urlList { margin:10px 24px; float:left}
.urlList li{ padding:6px 0px 6px; border-bottom:1px solid #3f3e3e; float:left; width:250px;height:60px;color:#7f7f7f;cursor :pointer}
.urlList li a{ color:#7f7f7f;}
.urlList li div.img{ float:left; padding-right:10px}
.urlList h3{ font-size:14px;}
.urlList h3 a{  color:#7f7f7f; text-decoration:none}

/*.urlList ul.topics  { margin:0px 24px}
.urlList ul li.topics { padding:6px 0px 6px; border-bottom:1px solid #3f3e3e;width:270px;}
.urlList ul li a.topics{}*/

.urlList li.topic {padding-left: 1em; width :250px;height:20px;} 

/*end*/

