/* BYU TV CSS declarations - Home CSS styles */
/* [=] Global Elements
------------------------------------------------ */
#feature {position: relative;overflow: hidden;background: url("/images/home/bg-feature.png") no-repeat 0 0;}
.advertisement {width: 300px;height: 250px;display: block;margin-bottom: 20px;}
.advertisement img {display: block;}
.ir {display: block;width: 300px;height: 20px;text-indent: -9999px;background: url("/images/home/sprite-headers.png") no-repeat 0 0;}
.button.watch-live {margin-top: 5px;}
.now {float: left;display: block;margin-top: 2px;margin-left: -50px;width: 27px;height: 12px;text-indent: -9999px;overflow: hidden;position: relative;background: url("/images/schedule/icon-now.png") no-repeat 0 0;}
#featuredTrailer {z-index:0;}

/* [=] Hero
------------------------------------------------ */ 
.divBannerItem {position:relative;top:0px;left:0px;height:390px;width:620px;}
#divJSText {position:absolute;bottom:11px;left:0px;width:600px;height:97px;background:black;opacity:.7;filter:alpha(opacity=70);z-index:100;}
imageBanner{z-index:1;border:none;}
#bannerCaptionText {position:absolute;left:19px;top:290px;width:560px;height:auto;min-height:23px;z-index:1000;color: White;font-size: 21px;font-family: Arial,Helvetica,sans-serif;}
#bannerDescriptionText {position:absolute;left:19px;top:325px;width:560px;height:auto;z-index:1000;color: White;font-size:13px;font-family: Arial,Helvetica,sans-serif;}
#bannerLink {right: 42px;position:absolute;top:293px;z-index:1000;width: 87px;height: 28px;}
.slideshowButton {cursor:pointer;float:right;height:28px;width:68px;background:transparent url(../images/slideshow/buttons/Go_Sprite.png) no-repeat 0 0;}
.slideshowWatchButton {width:88px;background: transparent url(../images/slideshow/buttons/Watch_Sprite.png) no-repeat 0 0;}
#heroNavigation a {font-size:0px !important;}
#heroNavigation  {z-index:1000; position:absolute;top:280px;left:20px;height:8px;width:100px;}
#heroNavigation .paging {width:12px; height:12px; background:transparent url(../images/slideshow/buttons/slideshowBtnInactive.png) no-repeat; cursor: pointer; float:left;}
#heroNavigation a:focus {outline:medium none;}
#heroNavigation .activeSlide .paging{width:12px; height:12px; background:transparent url(../images/slideshow/buttons/slideshowBtn.png) no-repeat;}
#hero {margin-right: 20px;float: left;width: 620px;height: 390px;}
#heroSidebar {float: left;width: 300px;}
#heroSidebar h3 {margin-bottom: 2px;}
#liveBroadcast h2 {margin-top: -2px;background-position: 0 -55px;}
#todayOnBYU {position: relative;text-align: center;margin-top: 10px;}
#todayOnBYU h2 {background-position: 0 -28px;}
#todayOnBYU .time {color: #666;font-size: 11px;}
#todayOnBYU .actionlink {margin-top: 12px;}
#todayOnBYU ul {border: solid #b1c8e4;border-width: 1px 0;height: 180px;overflow: auto;text-align: left;margin-top: 8px;}
.js-enabled #todayOnBYU ul {overflow: hidden;}
#todayOnBYU li {padding: 8px 0;min-height: 34px;border-bottom: 1px solid #d7e3f1;}
#todayOnBYU .scroller {margin: 0;padding: 0;position: absolute;top: 0;right: 0;border: 0;height: auto;}
#todayOnBYU .scroller li {margin: 0;padding: 0;min-height: 0;border: 0;float: left;}
#todayOnBYU .scroller a {display: block;width: 17px;height: 17px;text-indent: -9999px;background: url("/images/home/scroller/sprite-buttons.png") no-repeat 0 0;}
#todayOnBYU .scroller .up a:hover {background-position: 0 -17px;}
#todayOnBYU .scroller .down {margin-left: 3px;}
#todayOnBYU .scroller .down a {background-position: -20px 0;}
#todayOnBYU .scroller .down a:hover {background-position: -20px -17px;}
#todayOnBYU .scrollerWrap {position: relative;margin-top: 8px;border-bottom: 1px solid #b1c8e4;height: 130px;overflow: hidden;}
#todayOnBYU .scrollerWrap ul {border-bottom-color: #fff;margin: 0;position: relative;height: auto;overflow: visible;}

/* [=] Featured Shows
------------------------------------------------ */ 
.ad {margin-right: 20px;width: 300px;float: right;}
#featuredShows .categories {float:left !important;}

/* [=] My Bookmarks
------------------------------------------------ */
#myBookmarks .grid {float: none;width: 100%;}

/* [=] My Schedule
------------------------------------------------ */
#mySchedule.grid {padding-top: 50px;float: none;width: 100%;}
#mySchedule table .toggle td:first-child {font-weight: bold;padding-left: 30px;background-image: url("/images/home/discussions/icon-tr-inactive.png");background-repeat: no-repeat;background-position: 15px center;}
#mySchedule table .toggle.open td:first-child {background-image: url("/images/home/discussions/icon-tr-active.png");background-position: 13px center;}
#mySchedule table .toggle th {background-image: none;}
#mySchedule .metadataHeader {margin: 5px 0 10px;float: right;}
#mySchedule .metadataHeader > * {float: left;}
#mySchedule .metadataHeader span {margin-right: 7px;padding-right: 9px;border-right: 1px solid #d8e3f1;font-weight: bold;}
#mySchedule .metadata {color: #333;clear: both;}
#mySchedule .metadata .airtime {margin-top: 10px;font-weight: bold;}
#mySchedule .metadata .original {display: block;color: #999;font-size: 11px;margin-bottom: 10px;}
#mySchedule .metadata form {float: none;width: auto;margin-top: 20px;}
#mySchedule .additionalInfo {margin: 10px 0;}
#mySchedule .additionalInfo li {padding: 0 10px;display: inline;border-left: 1px solid #d8e3f1;}
#mySchedule .additionalInfo li:first-child {padding-left: 0;border-left: 0;}