body,h1,h2,h3,h4,h5,ol,ul,p { padding:0; margin:0; } ul.nav li, ol.nav li { list-style: none; float: left; } body { color: #231f20; background: #030303 url(Main/Images/header-bg.jpg?v=1.1) repeat-x 0 0; font: 62.5%/140% Arial, Helvetica, Sans-Serif; } /* General Styles */ h1,h2,h3,h4,h5,h6 { line-height: 150%; font-family: Arial, Helvetica, Sans-Serif; } h1,h2,h3 { font-weight: bold; } h1 { font-size: 250%; } h2 { font-size: 180%; } h3 { font-size: 150%; } h4,h5,h6 { font-size: 120%; } a { color: #a38294; text-decoration: none; } a:hover, a:active, a:focus { color: #fff; text-decoration: underline; } a:visited { color: #a38294; } ul {} ol {} strong, b { font-weight: bold; } i,em {} .hide { display: none; } /*----------------------------------------------------------------------------------------------------------- Buttons Styles -----------------------------------------------------------------------------------------------------------*/ a.button { display: block; background: #d51920; outline: none; background: url(Main/Images/sprites.png) no-repeat; } a.button:hover, a.button:focus, a.button:active { text-decoration: none; outline: none; } a.expand, a.collapse, a.download-small, a.play-video { padding: 3px 25px 3px 3px; background: none; display: block; font-size: 1.2em; line-height: 19px; font-weight: bold; text-transform: uppercase; color: #A38294; text-decoration: none; position: relative; } a#expand-all, a#collapse-all, a.expand, a.collapse { color: #ededed; } a.expand:hover, a.collapse:hover, a.download-small:hover, a.play-video:hover, a.expand:focus, a.collapse:focus, a.download-small:focus, a.play-video:focus, a.expand:active, a.collapse:active, a.download-small:active, a.play-video:active { color: #ededed; } a.expand .icon, a.collapse .icon { width: 19px; height: 19px; position: absolute; top:3px; right: 0; margin-left: 5px; float: right; background: url(Main/Images/sprites.png) no-repeat -483px -128px; } a.download-small { width: 17px; height: 17px; display: block; margin-right: 5px; float: left; background: url(Main/Images/sprites.png) no-repeat -642px -94px; } a.play-video .icon { width: 17px; height: 17px; display: block; margin-right: 5px; float: left; background: url(Main/Images/sprites.png) no-repeat -588px -94px; } a.play-video .icon:hover { background-position: -570px -94px; } a.expand.checked .icon, a.collapse.checked .icon { background-position: -502px -128px; } a.listen, a.download, a.back, a.signin, a.signout, a.learnMore, a.freetrialBlack, a.learnMoreRed, a.freetrial, a.backRed, a.freeTrial, a.home { text-indent: -9999px; display: block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 1px; } a.listen { width: 101px; height: 23px; background-position: -107px -369px; } a.listen:hover, a.listen:focus, a.listen:active { background-position: -107px -394px; } a.download { width: 101px; height: 22px; background-position: -5px -394px; } a.download:hover, a.download:focus, a.download:active { background-position: -5px -369px; } a.back { width: 66px; height: 19px; background-position: -5px -349px; } a.back:hover, a.back:focus, a.back:active { background-position: -5px -329px; } a.signin { width: 75px; height: 18px; background-position: -416px -349px; } a.signin:hover, a.signin:focus, a.signin:active { background-position: -416px -329px; } a.signout { width: 75px; height: 18px; background-position: -340px -349px; } a.signout:hover, a.signout:focus, a.signout:active { background-position: -340px -329px; } a.learnMore { width: 150px; height: 21px; background-position: -765px -441px; } a.learnMore:hover, a.learnMore:active, a.learnMore:focus { background-position: -765px -419px } a.learnMoreRed { width: 150px; height: 21px; background-position: -614px -441px; } a.learnMoreRed:hover, a.learnMoreRed:active, a.learnMoreRed:focus { background-position: -614px -419px } a.freetrialBlack { width: 149px; height: 21px; background-position: -612px -394px; } a.freetrialBlack:hover, a.freetrialBlack:active, a.freetrialBlack:focus { background-position: -612px -369px; } a.downloadAsWord, a.downloadAsPdf { width: 216px; height: 22px; background-position: -222px -440px; text-indent: -9999px; } a.downloadAsWord:hover, a.downloadAsWord:active, a.downloadAsWord:focus { background-position: -222px -418px; } a.downloadAsPdf { background-position: -5px -440px; } a.downloadAsPdf:hover, a.downloadAsPdf:active, a.downloadAsPdf:focus { background-position: -5px -418px; } a.freeTrial, a.freeTrialBlack { width: 149px; height: 21px; background-position: -461px -394px; } a.freeTrialBlack { background-position: -612px -394px; } a.freeTrial:hover, a.freeTrial:active, a.freeTrial:focus { background-position: -461px -369px; } a.freeTrialBlack:hover, a.freeTrialBlack:active, a.freeTrialBlack:focus { background-position: -612px -369px; } a.home { width: 83px; height: 21px; background-position: -377px -394px; } a.home:hover, a.home:active, a.home:focus { background-position: -377px -369px; } /*----------------------------------------------------------------------------------------------------------- Containers Styles -----------------------------------------------------------------------------------------------------------*/ #container { width: 100%; position: relative; display: block; overflow: hidden; background: url(Main/Images/header-art.jpg) no-repeat center top; } #main-container { width: 946px; position: relative; z-index: 10; overflow: hidden; margin: 0 auto 80px; } #decoration-container { width: 100%; position: absolute; left:0; top:0; z-index: 5; } #header, #content, #shows-nav { width: 946px; float: left; position: relative; } #header { height: 96px; z-index: 31; margin-bottom: 12px; } #content { z-index: 32; margin-top: 2px; background: url(Main/Images/sprites.png) -4px -522px; } /*----------------------------------------------------------------------------------------------------------- User Panel Styles #header > #user-panel -----------------------------------------------------------------------------------------------------------*/ #user-panel { width: 408px; height: 58px; display: block; position: relative; float: right; padding: 0 10px 10px; color: #fff; } #user-panel h5 { font-size: 1.65em; line-height: 1.5; font-weight: bold; } #user-panel p.date { font-size: 1.1em; line-height: 1.5; color: #ccc; } #user-panel a.signin, #user-panel a.signout, #user-panel a.forgot-password { font-size: 1.1em; font-weight: bold; position: absolute; bottom: 6px; right: 10px; letter-spacing: -1px; } #user-panel a.signin, #user-panel a.signout { top: 21px; } #user-panel a.forgot-password:hover, #user-panel a.forgot-password:focus, #user-panel a.forgot-password:active { color: #fff; text-decoration: none; } #user-panel form { float: left; } #user-panel label { font-weight: bold; font-size: 1.1em; line-height: 160%; margin-right: 10px; width: 55px; display: block; float: left; } #user-panel input { margin-bottom: 3px; font-size: 1.1em; } #user-panel input.password, #user-panel input.username { height: 13px; width: 125px; } #user-panel .rememberMe input { margin: 0px; left: 211px; top: 24px; position: absolute; } #user-panel .rememberMe input + label { width: auto; top: 22px; left: 230px; position: absolute; } /*----------------------------------------------------------------------------------------------------------- Main Navigation Styles #user-panel > ul#main-nav -----------------------------------------------------------------------------------------------------------*/ #main-nav { width: 100%; float: left; margin-bottom: 1px; } #main-nav li a { padding: 4px 5px; float: left; color: #cc94b3; margin: 0 8px; font: 600 1.1em/100% Arial, Helvetica, Sans-Serif; } #main-nav li a:hover, #main-nav li a:focus, #main-nav li a:active { text-decoration: none; color: #fff; } #main-nav li:first-child a, #main-nav li.first a { margin-left: 0; padding-left: 0; } #main-nav li.last { float: right; } #main-nav li.last a { margin-right: 0; padding-right: 0; margin-left: 0; } /*----------------------------------------------------------------------------------------------------------- Wise Brother Media Network Application Network Navigation #header > ul#network-nav -----------------------------------------------------------------------------------------------------------*/ #network-nav { position: absolute; bottom: 0; right: 0; width: 479px; height: 23px; } #network-nav li { position: relative; } #network-nav li a, #network-nav li .shadow { width: 157px; height: 23px; display: block; margin-left: 2px; text-indent: -9999px; position: relative; bottom: -1px; background: url(Main/Images/sprites.png) no-repeat; } #network-nav li a:hover, #network-nav li a:active, #network-nav li a:focus { outline: none; } #network-nav li.TCS a { background-position: -5px -90px; } #TCS #network-nav li.TCS a, #network-nav li.TCS a:hover, #network-nav li.TCS a:active, #network-nav li.TCS a:focus { background-position: -5px -113px; } #network-nav li.DA a { background-position: -165px -90px; } #DA #network-nav li.DA a, #network-nav li.DA a:hover, #network-nav li.DA a:active, #network-nav li.DA a:focus { background-position: -165px -113px; } #network-nav li.STT a { background-position: -325px -90px; } #STT #network-nav li.STT a, #network-nav li.STT a:hover, #network-nav li.STT a:active, #network-nav li.STT a:focus { background-position: -325px -113px; } #network-nav li .shadow { position: absolute; bottom: -23px; right: 0; } #network-nav li.TCS .shadow { background-position: -5px -136px; } #network-nav li.DA .shadow { background-position: -165px -136px; } #network-nav li.STT .shadow { background-position: -325px -136px; } /*----------------------------------------------------------------------------------------------------------- Rate Box Styles -----------------------------------------------------------------------------------------------------------*/ .ratebox { width: 80px; height: 15px; display: block; float: left; background: url(Main/Images/sprites.png) no-repeat -796px -106px; position: relative; z-index: 40; } .ratebox > a, ratebox > .current, .ratebox > .ratebar { height: 15px; display: block; position: absolute; left: 0; } .ratebox > a:hover, .ratebox > .current, .ratebox > .ratebar { background: url(Main/Images/sprites.png) no-repeat -796px -90px; } .overall > a:hover, .overall > .current, .overall > .ratebar { background-position: -796px -122px; } .ratebox > a.r1, .ratebox > .r1 { width: 16px; z-index: 50; } .ratebox > a.r2, .ratebox > .r2 { width: 32px; z-index: 49; } .ratebox > a.r3, .ratebox > .r3 { width: 48px; z-index: 48; } .ratebox > a.r4, .ratebox > .r4 { width: 64px; z-index: 47; } .ratebox > a.r5, .ratebox > .r5, .ratebox > a.r6, .ratebox > .r6, .ratebox > a.r7, .ratebox > .r7, .ratebox > a.r8, .ratebox > .r8, .ratebox > a.r9, .ratebox > .r9, .ratebox > a.r10, .ratebox > .r10 { width: 80px; z-index: 46; } .ratebox:hover > .current { width: 0; } /*----------------------------------------------------------------------------------------------------------- Decoration Styles -----------------------------------------------------------------------------------------------------------*/ .user-panel-bg, .user-panel-main-nav-bg { width: 426px; height: 68px; display: block; position: absolute; top: 0; right: 0; z-index: 9; background: #000; opacity: .70; filter: alpha(opacity=70); } .user-panel-main-nav-bg { height: 21px; opacity: .20; filter: alpha(opacity=20); z-index: 8 } /*=========================================================================================================== DA Styles ===========================================================================================================*/ /*----------------------------------------------------------------------------------------------------------- Delicious Audio Logo Styles #header > h1.DAlogo -----------------------------------------------------------------------------------------------------------*/ .DAlogo { width: 297px; height: 83px; display: block; float: left; position: relative; margin-top: 8px; background: url(Main/Images/sprites.png) no-repeat -5px -5px; } .DAlogo a{ width: 297px; height: 83px; display: block; text-indent: -9999px; outline: none; position: absolute; z-index: 32; top: 0; left: 0; } .DAlogo #flash-logo { position: absolute; top: 16px; left: 0; z-index: 31; } /*----------------------------------------------------------------------------------------------------------- DA Shows Navigation Styles #container > ul#shows-nav -----------------------------------------------------------------------------------------------------------*/ #shows-nav { height: 24px; overflow: hidden; margin-bottom: 1px; position: relative; z-index: 32; } #shows-nav li a { float: left; display: block; width: 155px; height: 24px; position: relative; bottom: 0; left: 0; margin-right: 3px; text-indent: -9999px; background: url(Main/Images/sprites.png) no-repeat; } #shows-nav li.last a { margin-right: -1px; } #shows-nav li a:hover, #shows-nav li a:focus, #shows-nav li a:active { outline: none; } #shows-nav li.todays-da a { background-position: -5px -208px; } #shows-nav li.simple-view a { background-position: -161px -208px; } #shows-nav li.printable-view a { background-position: -317px -208px; } #shows-nav li.top-bits a { background-position: -473px -208px; } #shows-nav li.celebrity-guests a { background-position: -629px -208px; } #shows-nav li.search-archive a { background-position: -785px -208px; } #DA.todays-da li.todays-da a, #shows-nav li.todays-da a:hover, #shows-nav li.todays-da a:focus, #shows-nav li.todays-da a:active { background-position: -5px -183px; } #DA.simple-view .simple-view a, #shows-nav li.simple-view a:hover, #shows-nav li.simple-view a:focus, #shows-nav li.simple-view a:active { background-position: -161px -183px; } #DA.printable-view .printable-view a, #shows-nav li.printable-view a:hover, #shows-nav li.printable-view a:focus, #shows-nav li.printable-view a:active { background-position: -317px -183px; } #DA.top-bits li.top-bits a, #shows-nav li.top-bits a:hover, #shows-nav li.top-bits a:focus, #shows-nav li.top-bits a:active { background-position: -473px -183px; } #DA.celebrity-guests .celebrity-guests a, #shows-nav li.celebrity-guests a:hover, #shows-nav li.celebrity-guests a:focus, #shows-nav li.celebrity-guests a:active { background-position: -629px -183px; } #DA.search-archive .search-archive a, #shows-nav li.search-archive a:hover, #shows-nav li.search-archive a:focus, #shows-nav li.search-archive a:active { background-position: -785px -183px; } /*----------------------------------------------------------------------------------------------------------- Tools Styles #content > .tools May need to refine this styles -----------------------------------------------------------------------------------------------------------*/ #content > .tools { width: 100%; height: 42px; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 29; } #content > .tools a.button { float: right; margin: 15px 21px 0 0; } #content > .tools a.back { margin: 18px 10px 0 0; } /*----------------------------------------------------------------------------------------------------------- Archive Tabs Styles #content > ul#archive-tab -----------------------------------------------------------------------------------------------------------*/ #archive-tab { width: 600px; height: 30px; float: left; position: relative; z-index: 30; margin-top: 20px; } #archive-tab li a, #archive-tab li.date { float: left; display: block; padding: 0 20px; height: 30px; color: #DAdada; text-align: center; margin-right: 3px; font: bold 1.1em/30px Arial, Helvetica, Sans-Serif; background: url(Main/Images/tab-inactive-bg.png) repeat-x; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #archive-tab li:last-child a { margin-right: 0; } #archive-tab li a.active, #archive-tab li a:hover, #archive-tab li a:active, #archive-tab li a:focus { color: #0d0d0d; background: #fff; text-decoration: none; } #archive-tab li.date { background: none; color: #ededed; font-size: 1.1em; word-spacing: .25em; } /*----------------------------------------------------------------------------------------------------------- DA Styles #DA .content-wrap -----------------------------------------------------------------------------------------------------------*/ #DA .content-wrap { background: #fff; width: 100%; float: left; position: relative; padding: 8px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius-topleft: 0; border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; } /* #content > ul#channels */ #DA #channels.detail-view { padding: 0; margin: 0 6px; overflow: hidden; display:block; position: relative; } #DA #channels.detail-view > li { list-style: none; margin-bottom: 5px; float: left; width: 100%; } #DA #channels.detail-view .channel { /* width: 100%; height: 53px; display: block; */ position: relative; float:left; overflow: hidden; width: 100%; } #DA #channels.detail-view > .expanded .shows, #DA #channels.detail-view .shows > .expanded .content { display: block; } #DA #channels.detail-view .show h4 span.icon, #DA #channels.detail-view .shows > .expanded h4 span.icon, #DA #channels.detail-view h3 span.icon, #DA #channels.detail-view > .expanded h3 span.icon { width: 15px; height: 15px; display: block; position: absolute; top: 40%; left: 10px; background: url(Main/Images/sprites.png) no-repeat -499px -95px; } #DA #channels.detail-view > .collapse .shows, #DA #channels.detail-view .shows > .collapse .content { display: none; } #DA #channels.detail-view .shows > .collapse h4 span.icon, #DA #channels.detail-view > .collapse h3 span.icon { width: 15px; height: 15px; display: block; position: absolute; top: 40%; left: 10px; background: url(Main/Images/sprites.png) no-repeat -483px -95px; } #DA #channels.detail-view .show h4 span.icon, #DA #channels.detail-view .shows > .expanded h4 span.icon, #DA #channels.detail-view .shows > .collapse h4 span.icon { top: 35%; } #DA #channels.detail-view h3 { font-weight: normal; overflow: hidden; } #DA #channels.detail-view h3 a { width: 100%; height: auto; display: block; cursor: pointer; background: #DA2028; float: left; color: #fff; text-decoration: none; background: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(218, 32, 40, 1)), to(rgba(93, 0, 0, 1))); background: -moz-linear-gradient(-90deg, rgba(218, 32, 40,1), rgba(93, 0, 0, 1)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFda2028', EndColorStr='#FF5d0000'); -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFda2028', EndColorStr='#FF5d0000')"; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #DA #channels.detail-view h3 a:hover { text-decoration: none; outline: none; } #DA #channels.detail-view h3 strong { width: 670px; max-height: 62; display: block; float: right; padding: 13px 210px 13px 20px; font: normal normal 1.5em/1.15 Arial, Helvetica, Sans-Serif; text-transform: uppercase; vertical-align: middle; background: #230000; background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#230000), to(#460000)); background: -moz-linear-gradient(0% 0% 0deg,#230000, #460000); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF230000', EndColorStr='#FF460000'); -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF230000', EndColorStr='#FF460000')"; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; } #DA #channels.detail-view .tools { position: absolute; bottom: 12px; right: 15px; display: block; } #DA #channels.detail-view .tools .button { float: right; margin-left: 10px; } /* ===== Shows Styles ===== */ /* ul.shows */ #DA #channels.detail-view .shows { float: left; width: 100%; display: block; } /* li.show */ #DA #channels.detail-view .show { width: 100%; display: block; float: left; margin-bottom: 5px; } #DA #channels.detail-view .shows > li:first-child { margin-top: 5px; } #DA #channels.detail-view .shows > li:last-child { margin-bottom: 0; } /* li.show > .header */ #DA #channels.detail-view .header { width: 100%; display: block; float: left; position: relative; z-index: 40; } #DA #channels.detail-view .header h4 { font-weight: normal; } #DA #channels.detail-view .header h4 a { width: 100%; display: block; position: relative; overflow: hidden; background: #DA2028; cursor: pointer; background: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(218, 32, 40, 1)), to(rgba(93, 0, 0, 1))); background: -moz-linear-gradient(-90deg, rgba(218, 32, 40,1), rgba(93, 0, 0, 1)); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFda2028', EndColorStr='#FF5d0000'); -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFda2028', EndColorStr='#FF5d0000')"; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #DA #channels.detail-view .header h4 a:hover, #DA #channels.detail-view .header h4 a:focus, #DA #channels.detail-view .header h4 a:active { text-decoration: none; } #DA #channels.detail-view .header strong { width: 700px; float: right; padding: 5px 180px 6px 20px; font: bold 1.6em/120% Arial, Helvetica, Sans-Serif; letter-spacing: -1px; word-spacing: 2px; background: #e3e2e9; color: #3a3a3a; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; } #DA #channels.detail-view .header .audioplayer { display: block; width: 101px; height: 23px; position: absolute; right: 15px; bottom: 5px; } #DA #channels.detail-view .header .audioplayer a.button { float: right; } #DA #channels.detail-view .header .new { color: #ed0405; font-weight: bold; font-size: 70%; position: relative; top: -7px; margin-left: 7px; } /* li.show > .content */ #DA #channels.detail-view .content { float: left; width: 922px; background: #fcfcfc; border: 6px solid #e3e2e9; border-top: 0; position: relative; top: -1px; z-index: 39; } #DA #channels.detail-view .content > .content-wrap { width: 875px; /* 922 - (6px border left + 47px left) */ float: right; position: relative; padding: 15px 10px 10px 0; } #DA #channels.detail-view .content a.download { position: absolute; top: 10px; right: 10px; } #DA #channels.detail-view .content p.info { font-size: 1.5em; line-height: 135%; margin: 0 170px 10px 0; } #DA #channels.detail-view .content p.info a { color: #DA2028; } #DA #channels.detail-view .content p.info a:hover, #DA #channels.detail-view .content p.info a:focus, #DA #channels.detail-view .content p.info a:active { color: #5D0000; } #DA #channels.detail-view .content h5 { float: left; padding: 2px 10px; background: #e3e2e9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #DA #channels.detail-view .content .meta-info { width: 100%; float: left; margin: 10px 0 0; } #DA #channels.detail-view .content .categories > li, #DA #channels.detail-view .content .meta-info > li { float: left; width: auto; list-style: none; } #DA #channels.detail-view .content .categories > li { font-size: 1.2em; line-height: 120%; padding: 0 5px; border-right: 1px solid #c2c3c9; color: #505050; margin: 4px 0; } #DA #channels.detail-view .content .categories > li:last-child, #DA #channels.detail-view .content .categories > li.last { border: none; } #DA #channels.detail-view .content .meta-info > li { margin-right: 7px; } #DA #channels.detail-view .content .meta-info > li.last { float: right; margin-right: 0; } #DA #channels.detail-view .content .meta-info >li > div { padding: 3px 10px; margin-bottom: 1px; overflow: hidden; font-size: 1.1em; line-height: 130%; text-align: right; background: #e3e2e9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #DA #channels.detail-view .content .meta-info .length > div { text-align: center; width: 80px; } #DA #channels.detail-view .content .meta-info .cue > div { text-align: left; width: 280px; } #DA #channels.detail-view .content .meta-info .plays > div { width: 220px; } #DA #channels.detail-view .content .meta-info .label { font-weight: bold; border-right: 1px solid #f1f0f4; display: block; float: left; margin-right: 20px; text-align: left; } #DA #channels.detail-view .content .meta-info .length .label { margin-right: 0; border: none; text-align: center; width: 100%; } #DA #channels.detail-view .content .meta-info .rating .label { margin-right: 10px; } #DA #channels.detail-view .content .meta-info .cue .label { width: 64px; } #DA #channels.detail-view .content .meta-info .plays .label { width: 90px; } #DA #channels.detail-view .content .meta-info .rating .label { width: 100px; } /*----------------------------------------------------------------------------------------------------------- DA Simple View Styles #DA .content-wrap -----------------------------------------------------------------------------------------------------------*/ #DA.simple-view #content h2 { float: left; width: 139px; height: 18px; text-indent: -9999px; margin: 12px; background: url(Main/Images/sprites.png) no-repeat -5px -664px; } #DA.simple-view #content h2 + p.date { float: left; font-size: 1.3em; line-height: 130%; color: #fafafa; position: relative; top: 15px; } #DA.simple-view .content-wrap { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #DA.simple-view .inner-wrap { padding: 15px; margin: 0 5px; background: #e3e2e9; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #DA.simple-view #channels ul.simple-view { float:left; margin:0 33px 0 0; overflow:hidden; width:280px; } #DA.simple-view #channels ul.last { margin-right: 0; } #DA.simple-view #channels ul > li { width: 280px; margin: 0 31px 25px 0; float: left; list-style: none; } #DA.simple-view #channels ul > li.cut-the-hands { margin-right: 0; } #DA.simple-view #channels .show { list-style: none; margin-bottom: 15px; } #DA.simple-view #channels h3 { color: #790202; text-transform: uppercase; margin-bottom: 15px; font: bold 1.5em/120% Arial, Helvetica, Sans-Serif; letter-spacing: -.01em; } #DA.simple-view #channels h4 { float: right; width: 235px; display: block; color: #3a3a3a; position: relative; top: -1px; padding-top: 2px; font: normal 1.2em/130% Arial, Helvetica, Sans-Serif; } #DA.simple-view #channels h4 a { } #DA.simple-view #channels h4 a:hover { text-decoration: none; color: #A38294 } #DA.simple-view #channels a.download-small, #DA.simple-view #channels a.play-video { z-index: 3; cursor: pointer; float: left; padding: 0; position: relative; display: block; width: 17px; height: 17px; margin-right: 3px; } #DA.simple-view #channels a.download-small { background-position: -642px -94px; } #DA.simple-view #channels a.play-video .playing { background-position: -678px -94px; } #DA.simple-view #channels a.play-video .playing:hover { background-position: -660px -94px; } #DA.simple-view #backToStart { position: absolute; bottom: -9px; left: 0; width: 10px; height: 10px; background: url("Main/Images/sprites.png") no-repeat -592px -114px; } #DA.simple-view #backToStart:hover { background-position: -581px -114px; } #DA.simple-view #content .tools .label { padding: 0; margin-right: 15px; color: #a38294; float: right; position: relative; top: 18px; font-size: 1.1em; line-height: 140%; font-weight: bold; } #DA.simple-view #content .tools .label > * { float: left } #DA.simple-view #content .tools .label span { width: 17px; height: 17px; display: block; margin-right: 5px; background: url(Main/Images/sprites.png) no-repeat; } #DA.simple-view #content .tools .download span { background-position: -642px -94px; } #DA.simple-view #content .tools .play span { width: 18px; background-position: -588px -94px; } #DA.home #content, #DA.suggestion #content, #DA.error #content { height: 500px; position: relative; background: url(Main/Images/DAContainerArt.jpg) no-repeat center -180px; font: 1.75em/125% Arial, Helvetica, Sans-Serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #DA.home #content { height: 360px; padding-top: 150px; } #DA.suggestion #content { height: 480px; background: url(Main/Images/DASuggestionArt.jpg) no-repeat center -130px; } #DA.home #content a.button { margin: 0 25px 7px; } #DA.suggestion #content > p, #DA.error #content > p { color: #fff; position: relative; padding: 10px 200px 10px 20px; } #DA.suggestion #content .home, #DA.error #content .home { position: absolute; right: 20px; top: 10px; } #DA.error #content .learnMoreRed { position:absolute; right:20px; top:90px; } #DA.error #content .freeTrial { position:absolute; right:21px; top:113px; } #DA.suggestion .header, #DA.error .header, #DA.celebrity-guests .header { width: 945px; height: 33px; display: block; position: relative; padding: 10px 20px; background: url(Main/Images/sprites.png) no-repeat -5px -522px; } #DA.suggestion h2, #DA.error h2, #DA.celebrity-guests h2 { height: 19px; text-indent: -9999px; margin: 0; background: url(Main/Images/sprites.png) no-repeat 0 0; } #DA.suggestion h2 { width: 218px; background-position: -282px -684px; } #DA.error h2 { width: 71px; background-position: -210px -684px; } #DA.celebrity-guests h2 { width: 204px; background-position: -5px -684px; } #DA.error .buttonsPanel { position: absolute; top: 150px; right: 20px; } #DA.error #content .buttonsPanel .button { position: static; margin-bottom: 5px; } #DA.suggestion #content .field { margin-left: 20px; margin-top: 10px; } #DA.suggestion #content label { display: none; } #DA.suggestion #content input[type=text] { width: 35%; height: 25px; margin-right: 10px; padding: 0 15px; font-size: 1em; line-height: 125%; } #DA.suggestion #content textarea { width: 876px; height: 200px; margin-top: 10px; padding: 15px; font: 1em/125% Arial, Helvetica, Sans-Serif; } #DA.suggestion #content .submit { position: absolute; bottom: 50px; right: 20px; } #DA.suggestion #content .submit > * { float: right; } #DA.suggestion #content .submit p { color: #fff; font-size: 1em; line-height: 100%; } #DA.suggestion #content .submit a { display: block; width: 82px; height: 19px; border: none; outline: none; padding: 0; margin-left: 10px; text-indent: -9999px; cursor: pointer; background: url(Main/Images/sprites.png) no-repeat -734px -349px; } #DA.suggestion #content .submit input:hover, #TCS.suggestion #content form .submit input:focus, #DA.suggestion #content .submit input:active { background-position: -734px -329px; } #DA.suggestion #content #nameCard { width: 308px; height: 174px; display: block; position: absolute; bottom: 70px; right: 20px; background: url(Main/Images/sprites.png) no-repeat -642px -642px; } #DA.suggestion #content #nameCard .person { font-size: .675em; margin: 53px 20px 0; } #DA.suggestion #content #nameCard .person a { color: #fff; margin-right: 14px; letter-spacing: -1px; font-weight: bold; } #DA.suggestion #content #nameCard .person a:hover { color: #efbfce; text-decoration: none; } #DA.suggestion #content #nameCard .network { font-size:0.75em; font-weight:bold; line-height: 125%; margin: 33px 20px 30px 48px; letter-spacing: -1px; } #DA.suggestion #content #nameCard .network a { color: #fff; } #DA.suggestion #content #nameCard .network a:hover { color: #efbfce; text-decoration: none; } #DA.celebrity-guests .header { height: 20px; } #DA.celebrity-guests .header .host { bottom:5px; color:#FFFFFF; font-size:1.2em; font-weight:bold; position:absolute; right:50px; } #DA.celebrity-guests .header .host strong { margin-left: 10px; font-size: 1.2em; } #DA.celebrity-guests .header .host a { color: #ae222a; } #DA.celebrity-guests .header .host a:hover, #DA.celebrity-guests .header .host a:active, #DA.celebrity-guests .header .host a:focus { text-decoration: none; } #DA.celebrity-guests #content > .content-wrap { background: #fff; padding: 10px 0 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } #DA.celebrity-guests #celebrities { margin: 0 10px; } #DA.celebrity-guests #celebrities > li { list-style: none; margin-bottom: 10px; padding-left: 96px; position: relative; } #DA.celebrity-guests #celebrities .photo { height: 108px; width: 86px ; left: 0; top: 0; position: absolute; } #DA.celebrity-guests #celebrities .info { background: #e3e2e9; min-height: 108px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #DA.celebrity-guests #celebrities .info .name { overflow: hidden; padding: 2px 10px 0; background: #881a1e; background: #871a1d; background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#871a1d), to(#bf272d)); background: -moz-linear-gradient(0% 0% 0deg,#871a1d, #bf272d); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF871a1d', EndColorStr='#FFbf272d'); -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF871a1d', EndColorStr='#Ffbf272d')"; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #DA.celebrity-guests #celebrities .info h3 { color: #fff; display: inline; float: left; margin-right: 20px; text-transform: uppercase; line-height: 1; padding: 5px 0; } #DA.celebrity-guests #celebrities .info h3 small { text-transform: none; } #DA.celebrity-guests #celebrities .details { background: #e3e2e9; padding: 10px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } #DA.celebrity-guests #celebrities .details p { font-size: 1.2em; line-height: 125%; margin-bottom: 5px; } #DA.celebrity-guests #celebrities .details ul { overflow: hidden; } #DA.celebrity-guests #celebrities .details li { float: left; font-size: 1.2em; width: 49.5%; list-style: none; } #DA.celebrity-guests #celebrities .details li.even { float: right; } #DA.celebrity-guests #celebrities li .details span { background: #fff; display: block; font-weight: bold; line-height: 125%; margin-bottom: 5px; padding: 3px 10px; text-transform: uppercase; width: auto; } #DA.celebrity-guests #celebrities li b, #DA.celebrity-guests #celebrities li strong { padding: 0 10px; } #DA.celebrity-guests #celebrities li a { font-weight: bold; color: #ad2025; } #DA.search-archive #content { padding: 10px 10px 0; background: #fff; width: 926px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #DA.search-archive #content .criteria, #DA.search-archive #content .filter { background: #e3e2e9; overflow: hidden; padding-bottom: 20px; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #DA.search-archive #content .criteria > div { float: left; width: 32.999%; } #DA.search-archive #content .criteria .search { width: 34%; } #DA.search-archive #content .criteria label { background: #000; color: #fff; padding: 4px 10px 2px; text-transform: uppercase; } #DA.search-archive #content > div > h3, #DA.search-archive #content .criteria label { background: #000; color: #fff; padding: 5px 10px; text-transform: uppercase; margin-bottom: 20px; font: bold 1.3em/1em Arial, Helvetica, Sans-Serif; } #DA.search-archive #content .criteria label { display: block;} #DA.search-archive #content > div > h3 { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #DA.search-archive #content .criteria .search label { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-top-left-radius: 5px; } #DA.search-archive #content .criteria .date label { border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-top-right-radius: 5px; } #DA.search-archive #content input[type="text"], #DA.search-archive #content select { margin: 0 0 0 10px; width: 90%; } #DA.search-archive #content .filter table { font-size: 1.5em; line-height: 125%; margin: 0 10px; width: 906px; } #DA.search-archive #content .filter input[type="checkbox"], #DA.search-archive #content .filter label { vertical-align: middle; margin-right: 7px; } #DA.search-archive #content .filter a { width: 169px; height: 19px; text-indent: -9999px; float: right; margin: 15px 10px 0 0; cursor: pointer; border: none; outline: none; background: url(Main/Images/sprites.png) no-repeat -763px -394px; } #DA.search-archive #content .filter a:focus, #DA.search-archive #content .filter a:active, #DA.search-archive #content .filter a:hover { background-position: -763px -369px; } #DA.search-archive #noResult { font-size:1.8em; font-weight:bold; padding:0 0 20px; text-align:center; } #DA.search-archive .paging { border:2px solid #E2E1E8; display:block; font-size:1.3em; font-weight:bold; margin-bottom:10px; padding:15px 10px; } #DA.search-archive .paging a, #DA.search-archive .paging span { padding: 5px 8px; background: #E2E1E8; color: #333; margin-right: 5px; } #DA.search-archive .paging a:hover, #DA.search-archive .paging span { color: #fff; background: #D02233; text-decoration: none; } #DA.search-archive #searchResults > li { border: 2px solid #e2e1e8; border-top: 2px solid #dad9de; border-bottom: 1px solid #efeef6; list-style: none; position: relative; } #DA.search-archive #searchResults h3 { background: #e3e2e9; padding: 7px 250px 7px 0; overflow: hidden; line-height: 125%; } #DA.search-archive #searchResults h3 span { font-size: 120%; padding: 0 10px; float: left; } #DA.search-archive #searchResults h3 strong { float: left; width: 590px; border-left: 2px solid #AAAAAA; padding-left: 15px; font-size: 120%; } #DA.search-archive #searchResults h3 strong { border: none; padding-left: 10px; } #DA.search-archive #searchResults .audioplayer, #DA.search-archive #searchResults .download { position: absolute; } #DA.search-archive #searchResults .audioplayer { right: 120px; top: 4px; } #DA.search-archive #searchResults .download { right: 10px; top: 5px; } #DA.search-archive #searchResults .content { font-size: 1.3em; line-height: 125%; padding: 10px; } #DA.search-archive #searchResults .content p { padding-bottom: 10px; } #DA.search-archive #searchResults h5 { padding: 3px 5px; margin-right: 5px; font-size: .975em; line-height: 100%; float: left; border: 1px solid #e3e2e9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #DA.search-archive #searchResults .categories { overflow: hidden; } #DA.search-archive #searchResults .categories li { float: left; margin: 2px 5px 2px 0; border-right: 1px solid #aaa; list-style: none; padding-right:5px; } #DA.search-archive #searchResults .categories li.last, #DA.search-archive #searchResults .categories li:last-child { border: none; margin-right: 0; clear: right; } #DA.search-archive #searchResults .meta-info { clear: both; display: block; overflow: hidden; margin-top: 15px; padding: 3px 5px; border: 1px solid #e3e2e9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #DA.search-archive #searchResults .meta-info li { float: left; width: 39%; list-style: none; padding-right: 1%; } #DA.search-archive #searchResults .meta-info li .label { font-weight: bold; margin-right: 15px; } #DA.search-archive #searchResults .meta-info .label:after { content: ':'; } #DA.search-archive #searchResults .meta-info li.length { text-align: right; width: 19%; } #DA.printable-view #content > .content-wrap { padding: 10px 0; } #DA.printable-view #shows { margin: 0 10px; } #DA.printable-view li { list-style: none; overflow: hidden; } #DA.printable-view li h3 { background: #dd2234; color: #fff; padding: 10px 15px; text-transform: uppercase; font-size: 1.7em; line-height: 1; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #DA.printable-view li .header { position: relative; } #DA.printable-view li h4 { background: #e1e2e8; padding: 6px; overflow: hidden; font-size: 140%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #DA.printable-view li h4 span { padding: 4px 10px 4px 9px; float: left; border-right: 1px solid #fff; } #DA.printable-view li h4 strong { padding: 4px 9px 4px 10px; border-left: 1px solid #d1d2d8; float: left; width: 770px; } #DA.printable-view li .audioplayer { position: absolute; top: 8px; right: 10px; } #DA.printable-view li .content-wrap { padding: 10px; width: auto; position: relative; } #DA.printable-view li .content-wrap p { font-size: 1.3em; line-height: 1.35; padding-right: 250px; } #DA.printable-view li .content-wrap p a { color: #FF0000; text-decoration: underline; } #DA.printable-view li .content-wrap p a:hover, #DA.printable-view li .content-wrap p a:active { color: #fff; background: #fff; } #DA.printable-view li .content-wrap p a:active { position: relative; top: 1px; } .announcementLink { clear: both; color: #fff; display: block; font-weight: bold; font-size: 1.15em; margin-left: 10px; padding: 3px; position: absolute; width: 115px; z-index: 30; } .announcementLink:hover, .announcementLink:focus { text-decoration: none; } .announcementLink span { color: #f33; font-size: .75em; position: absolute; top: 0; right: 0; } #DA.announcement #content h2 { float: left; width: 200px; height: 18px; text-indent: -9999px; margin: 12px; background: url(Main/Images/sprites.png) no-repeat -368px -664px; } #DA.announcement .content-wrap { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } #DA.announcement .inner-wrap { padding: 15px; margin: 0 5px; height: auto; min-height: 400px !important; height: 400px; } .announcementStory { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 1.2em; } .announcementStory .announcementDate { color: #555; font-size: .9em; padding: 3px 0; }