body { background: #121212 url(http://www.sundancechannel.ca/themes/sundance/images/sd-full-page-bg.jpg) top left repeat-x; padding:0; margin:0; } #wrapper { margin: 0 auto; padding: 0; position: relative; display: block; width: 1018px; min-height: 997px; } #page-inner { float: left; display: block; background: #222222 url(http://www.sundancechannel.ca/themes/sundance/images/sd-full-page-inner-bg.jpg) top left no-repeat; position: relative; width:963px; margin: 0; padding:11px 28px 25px 27px; } a, img, input { outline: none; } /* Page header styles including the navigation */ #page-header { float: left; display: block; position: relative; margin: ; padding: 0; width: 963px; } #page-header #logo { float: left; position: relative; display: inline; width: 222px; height: 73px; margin: 17px 11px 0 0; } #page-header #logo a img { border: none; } #page-header #banner-top { float: left; display: inline; position: relative; width: 728px; height: 90px; padding: 0; margin: 0; } /* Top navigation styles */ #page-header #top-nav { float: left; display: inline; position: relative; width: 740px; height: 35px; margin: 14px 0 0 -2px; } #page-header #top-nav ul { float: left; position: relative; list-style: none; margin: 0; padding: 0; } #page-header #top-nav ul li { float: left; display: inline; margin: 0 1px; } #page-header #top-nav ul li a { float:left; display: block; height: 0; padding: 35px 0 0 0; overflow: hidden; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; text-align: center; } /* Buttons */ li a.button-home { width: 97px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-nav-buttons.jpg) 0 0 no-repeat; } li a.button-home:hover, li a.button-home.active { background-position: 0 -35px; } li a.button-schedule { width: 111px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-nav-buttons.jpg) -97px 0 no-repeat; } li a.button-schedule:hover, li a.button-schedule.active { background-position: -97px -35px; } li a.button-films { width: 163px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-nav-buttons.jpg) -208px 0 no-repeat; } li a.button-films:hover, li a.button-films.active { background-position: -208px -35px; } li a.button-video { width: 97px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-nav-buttons.jpg) -371px 0 no-repeat; } li a.button-video:hover, li a.button-video.active { background-position: -371px -35px; } li a.button-subscribe { width: 111px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-nav-buttons.jpg) -468px 0 no-repeat; } li a.button-subscribe:hover, li a.button-subscribe.active { background-position: -468px -35px; } li a.button-newsletter { width: 149px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-nav-buttons.jpg) -579px 0 no-repeat; } li a.button-newsletter:hover, li a.button-newsletter.active { background-position: -579px -35px; } /* Search box */ .search-box { float: left; position: relative; width: 207px; height: 28px; margin: 17px 0 0 16px; padding: 0; color: #6e6e6e; } .search-box .search { float: left; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-search-background.gif) top left no-repeat; width: 172px; height: 23px; margin: 0; border: 0; padding: 5px 0 0 5px; } .search-box .go { float:left; display: inline; cursor:pointer; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-button-search.gif) top left no-repeat; width: 30px; height: 28px; margin: 0; border: 0; } /* Feature rotator */ #feature-rotator { float: left; position: relative; margin: 0; padding: 0; width: 961px; height: 364px; } /* On Tonight Box */ #on-tonight-box { float: left; position: relative; width: 240px; margin: 0; padding: 0; } #on-tonight-box h3 { float: left; position: relative; width: 240px; height: 0; padding-top: 55px; margin: 1px 0 0 0; font: bold 14px Arial, Helvetica, sans-serif; color:#fff; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-section-titles.jpg) top left no-repeat; overflow: hidden; } #on-tonight-box ul { float: left; position: relative; width: 240px; margin: 0; padding: 0; list-style: none; background-color: #313131; } #on-tonight-box ul li { float: left; position: relative; width: 240px; height: 113px; padding: 0; margin: 0; } #on-tonight-box ul li a { float: left; display: block; width: 201px; text-transform: uppercase; font: bold 12px Arial, Helvetica, sans-serif; color: #818b8e; margin: 25px 16px 0 23px; text-decoration: none; } #on-tonight-box ul li a span { display: block; font: bold 14px Arial, Helvetica, sans-serif; color: #a9a9a9; } #on-tonight-box ul li#active { float: left; position: relative; width: 240px; height: 113px; padding: 0; margin: 0; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-on-tonight-active.jpg) top left repeat-y; } #on-tonight-box ul li#active a { float: left; display: block; width: 155px; text-transform: uppercase; font: bold 12px Arial, Helvetica, sans-serif; color: #a9a9a9; margin: 25px 16px 0 75px; text-decoration: none; } #on-tonight-box ul li#active a span { display: block; font: bold 14px Arial, Helvetica, sans-serif; color: #818b8e; } #on-tonight-box ul li:hover { float: left; position: relative; width: 240px; height: 113px; padding: 0; margin: 0; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-on-tonight-active.jpg) top left repeat-y; } #on-tonight-box ul li:hover a { float: left; display: block; width: 155px; text-transform: uppercase; font: bold 12px Arial, Helvetica, sans-serif; color: #a9a9a9; margin: 25px 16px 0 75px; text-decoration: none; } #on-tonight-box ul li:hover a span { display: block; font: bold 14px Arial, Helvetica, sans-serif; color: #818b8e; } #on-tonight-box a.button { float: right; display: block; width: 139px; height: 28px; margin: 0; padding: 0; } #on-tonight-box a.button img { border: none; } /* Section Boxes */ .section-box { float: left; position: relative; height: 395px; width: 240px; margin: 0; padding: 0; font: bold 14px Arial, Helvetica, sans-serif; color:#fff; } .section-box h3 { float: left; position: relative; height: 0; width: 240px; padding-top: 55px; margin: 1px 0 0 0; color: #a70c7c; overflow: hidden; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-section-titles.jpg) -240px 0 no-repeat; } h3.this-week { background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-section-titles.jpg) -240px 0 no-repeat; } h3.this-month { background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-section-titles.jpg) -481px 0 no-repeat; } h3.coming-soon { background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-section-titles.jpg) -721px 0 no-repeat; } .boxgrid { width: 240px; height: 340px; margin:0; float:left; background:#161613; overflow: hidden; position: relative; text-align: right; } .boxgrid img { position: absolute; top: 0; left: 0; border: 0; } .boxgrid p { padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; } .boxgrid h4 { font: bold 14px Arial, Helvetica, sans-serif; } .boxcaption { float: left; position: absolute; background: #000; height: 100%; padding: 0 5px 30px; width: 230px; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .captionfull .boxcaption { top: 260px; left: 0; } .caption .boxcaption { top: 290px; left: 0; } /* Social Media Box */ #social-media-box { float: left; display: inline; position: relative; width: 961px; height: 147px; background-color: #353434; margin: 15px 0; } #social-media-box #social-box-left { float: left; display: block; width: 517px; margin: 0; padding: 0;} #social-media-box #social-box-left img { float: left; margin: 40px 0 0 0; } #social-media-box #social-box-left a img, #social-media-box #social-box-right a img { border: none; } #social-media-box #social-box-left ul { float: left; list-style: none; margin: 0; padding: 0; } #social-media-box #social-box-left ul li { float: left; } #social-media-box #social-box-left ul li ul { float: left; display: inline; list-style:url(http://www.sundancechannel.ca/themes/sundance/images/sd-bullet.jpg); margin: 48px 20px 0 20px; } #social-media-box #social-box-left ul li ul li { float: none; margin: 3px 0; color: #fff; font: italic bold 12px Arial, Helvetica, sans-serif; } #social-media-box #social-box-right { float: left; display: block; width: 444px; height: 147px; margin: 0; padding: 0; background: #e2e1e1 url(http://www.sundancechannel.ca/themes/sundance/images/sd-social-box-bg.jpg) top left no-repeat; } #social-media-box #social-box-right ul#tweet-list { float: left; display: inline; list-style: none; margin: 25px 15px 0 0; } #social-media-box #social-box-right ul#tweet-list li span.tweet_text { font: bold italic 12pt Arial, Helvetica, sans-serif; color: #535353; } #social-media-box #social-box-right ul#tweet-list li span.tweet_text a { color: #39ACCB; } #social-media-box #social-box-right ul#tweet-list li a.tweet-link { font: bold italic 9pt Arial, Helvetica, sans-serif; color: #757575; } #social-media-box #social-box-right a.button { float: right; position: absolute; clear: both; top: 120px; left: 858px; } /* Footer */ #footer-outer { float: left; position: relative; width: 965px; margin: 30px 40px; padding:0; } .footer-inner { float: left; position: relative; display: inline; width: 460px; margin: 0; padding: 0; color: #9e9e9e; } .footer-inner img { float:left; position: relative; z-index: 1; } .footer-inner p { float: left; width: 100%; text-align: center; font: normal 11px Arial, Helvetica, sans-serif; } .footer-inner p sup { font-size: 6px; } .footer-inner.left { margin-right: 19px; } .footer-inner.left h3 { float: left; width: 100%; margin: 0 0 20px 0; height: 0; padding-top: 27px; overflow: hidden; font: bold 14pt Arial, Helvetica, sans-serif; color: #515151; background: transparent url(http://www.sundancechannel.ca/themes/sundance/images/sd-footer-h3.gif) top left no-repeat; } .footer-inner.left ul { float: left; display: inline; list-style: none; color: #515151; font: normal 11px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0; width: 420px; } .footer-inner.left ul li { float: left; display: inline; position: relative; margin-bottom: 10px; } .footer-inner.left ul li.link-title { float: left; width: 128px; margin: 0; } .footer-inner.left ul li.sub-links { float: left; margin: 0; padding: 0; width: 280px; } .footer-inner.left ul li.sub-links ul { float: left; width: 100%; display: block; } .footer-inner.left ul li.sub-links ul li { float:left; } .footer-inner.left ul li.sub-links ul li a { color: #9e9e9e; text-decoration: none; padding: 0 1px; } .footer-inner.left ul li.sub-links ul li a:hover { color: #45ccef; text-decoration: underline; padding: 0 1px; } .footer-inner-bottom { float: left; clear: both; position: relative; min-height: 200px; width: 899px; margin: 0 0 10px 0; padding: 10px 0; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-footer-bottom-bg.gif) top center no-repeat; } .footer-inner-bottom #left { float:left; width: 128px; margin-left: 115px; text-align: center; } .footer-inner-bottom #left h3 { color: #515151; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top: 0; } .footer-inner-bottom #right { float:left; display: inline; position: relative; padding-left: 20px; } .footer-inner-bottom #right ul { float: left; display: inline; list-style: none; color: #515151; font: normal 11px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0; clear: both; } .footer-inner-bottom #right ul li { float: left; display: inline; position: relative; margin: 0 10px 10px 0; } .footer-inner-bottom #right ul li.list-title { font-weight: bold; } .footer-inner-bottom #right ul li a { color: #9e9e9e; text-decoration: none; padding: 0 1px; } .footer-inner-bottom #right ul li a:hover { color: #45ccef; text-decoration: underline; padding: 0 1px; } .footer-inner a.button { position: relative; float: left; display: block; z-index: 4; background-image: url(http://www.sundancechannel.ca/themes/sundance/images/transparent.gif)/*This is a fix for the link too work in IE7/8 */; } .footer-inner a.button.corus { width: 113px; height: 67px; top: -121px; } .footer-inner a.button.mc { width: 53px; height: 30px; top: -106px; left: 22px; } .footer-inner a.button.ea { width: 82px; height: 27px; top: -106px; left: 28px; } .footer-inner a.button.dusk { width: 66px; height: 27px; top: -106px; left: 28px; } .footer-inner a.button.sd { width: 95px; height: 33px; top: -106px; left: 30px; } /* Sub-page(s) ______________________________________________________________*/ .sub-content-container { } .sub-content-container #left-col { float: left; position: relative; display: inline; min-height: 500px; width: 591px; margin: 0 45px 0 22px; padding: 0; } .sub-content-container #left-col h1 { display: block; width: 100%; margin: 46px 0 37px 84px; font: bold 28px Arial, Helvetica, sans-serif; color: #3f4749; padding:0; } .sub-content-container #left-col h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #373737; } .sub-content-container #left-col h3 { font: bold italic 14px Arial, Helvetica, sans-serif; color: #373737; margin-bottom: 0; } .sub-content-container #left-col p { font: normal 12px Arial, Helvetica, sans-serif; color: #373737; margin-top: 0; } .sub-content-container #left-col .search-box { left: 100px; width: 400px; } .sub-content-container #left-col .search-box a { float: left; margin-left: 10px; color: #b81c8d; font: normal 12px Arial, Helvetica, sans-serif; margin-top: 5px; text-decoration: underline; } .sub-content-container.error #left-col h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #373737; margin: 140px 0 25px 0; } .sub-content-container #right-col { float: left; position: relative; display: inline; width: 301px; margin-top: 8px; } /* "MISC." PAGE STYLES | built on the "sub-page" styles ______________________________________________________________*/ .sub-content-container.misc { float: left; position: relative; width: 959px; background: #f5f5f5 url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/page-header.gif) 0 0 no-repeat; border-top: 4px solid #b81c8d; } .sub-content-container.misc #left-col h1.terms { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 0 no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col h1.privacy { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 -26px no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col h1.faq { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 -52px no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col h1.about { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 -78px no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col h1.sitemap { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 -104px no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col h1.contact { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 -130px no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col h1.search-results { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 -156px no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col h1.advanced-search { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 -182px no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col h1.send-friend { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/misc-headers.gif) 0 -208px no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.misc #left-col a { color: #b81c8d; text-decoration: none; } .sub-content-container.misc #left-col a:hover { text-decoration: underline; } .sub-content-container.misc #left-col ul { float: left; display: inline; list-style:url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/list-bullet.jpg); margin: auto 0 auto 30px; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #373737; } .sub-content-container.misc #left-col ul li { padding-top: 2px; } .sub-content-container.misc #left-col dl { float: left; display: inline; margin: 40px 20px; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #373737; } .sub-content-container.misc #left-col dl dt { font: bold italic 14px Arial, Helvetica, sans-serif; color: #373737; margin-bottom: 0; text-transform: uppercase; } .sub-content-container.misc #left-col dl dd { display:list-item; list-style:url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/list-bullet.jpg); margin: 0 0 0 10px; } .sub-content-container.misc #left-col dl.search-result { float: left; display: inline; margin: 10px 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #373737; } .sub-content-container.misc #left-col dl.search-result dt { font: bold 14px Arial, Helvetica, sans-serif; color: #373737; margin: 0 0 5px 10px; display:list-item; list-style:url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/list-bullet.jpg); } .sub-content-container.misc #left-col dl.search-result dd { margin: 0 0 10px 10px; display:block; } .sub-content-container.misc #left-col dl.search-result dd span { background-color: #ffb5eb; } .sub-content-container.misc #left-col .results-footer { float: left; display: block; clear: both; padding-top: 4px; text-align: right; border-top: 1px solid #d2d2d2; width: 100%; } .sub-content-container.misc #left-col .results-footer p { font: normal 10px Arial, Helvetica, sans-serif; color: #6c6c6c; } .sub-content-container.misc #left-col .contact h2, #sub-content-container.misc #left-col .info h2 { font: normal 18px Arial, Helvetica, sans-serif; color: #a1a0a0; text-transform: uppercase; } .sub-content-container.misc #left-col .contact label { font: normal 14px Arial, Helvetica, sans-serif; color:#333333; clear:both; display: block; margin: 15px 0 5px 0; } .sub-content-container.misc #left-col .contact input, #sub-content-container.misc #left-col .contact select, #sub-content-container.misc #left-col .contact textarea { border: 1px solid #b9b9b9; padding: 2px; color:#9a9899; } .sub-content-container.misc #left-col .contact input { width: 320px; } .sub-content-container.misc #left-col .contact select { width: 250px; } .sub-content-container.misc #left-col .contact input.contact-button { position: relative; width: 103px; border: none; cursor:pointer; height: 27px; top: 10px; left: 394px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-button-send.jpg) top left no-repeat; } .sub-content-container.misc #left-col .contact #errorMsg ul { display: block; margin-bottom: 20px; } .sub-content-container.misc #left-col .contact-friend { float: left; position: relative; width: 100%; margin: 10px 0 60px 0; } .sub-content-container.misc #left-col .contact-friend h2, #sub-content-container.misc #left-col .info h2 { font: normal 18px Arial, Helvetica, sans-serif; color: #a1a0a0; text-transform: uppercase; } .sub-content-container.misc #left-col .contact-friend label { font: normal 14px Arial, Helvetica, sans-serif; color:#333333; clear:both; display: block; margin: 15px 0 5px 0; } .sub-content-container.misc #left-col .contact-friend input, #sub-content-container.misc #left-col .contact select, #sub-content-container.misc #left-col .contact textarea { border: 1px solid #b9b9b9; padding: 2px; color:#9a9899; } .sub-content-container.misc #left-col .contact-friend input { width: 320px; } .sub-content-container.misc #left-col .contact-friend select { width: 250px; } .sub-content-container.misc #left-col .contact-friend input.contact-button { float: right; position: relative; width: 103px; border: none; cursor:pointer; height: 27px; top: 10px; left: 0; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-button-send.jpg) top left no-repeat; } .sub-content-container.misc #left-col .contact-friend ul.friend { float: left; position: relative; list-style: none; margin-left: 78px; } .sub-content-container.misc #left-col .contact-friend p.error { float: left; position: relative; margin: 10px 0; background-color: #e9cae0; font: bold italic 14px Arial, Helvetica, sans-serif; width: 100%; } .sub-content-container.misc #left-col .contact-friend p.error span[style] { float: left !important; clear:both !important; color: #b71c8c !important; margin: 5px !important; } .sub-content-container.misc #left-col .info { float: left; display: inline; position: relative; width: 295px; margin-top: 20px; } .sub-content-container.misc #left-col .info ul { list-style: none; margin: 0; padding: 0; } .sub-content-container.misc #left-col p.sub-header { font: bold italic 16px Arial, Helvetica, sans-serif; color: #2d2d2d; } .sub-content-container.misc #left-col .search label { display: block; clear: both; font: normal 12px Arial, Helvetica, sans-serif; color: #2d2d2d; } .sub-content-container.misc #left-col .search label.title { font-weight: bold; } .sub-content-container.misc #left-col .search .CommonFormFieldDescription span { font: 12px Arial, Helvetica, sans-serif; color: #2d2d2d; } .sub-content-container.misc #left-col .search .button-submit { background: url(http://www.sundancechannel.ca/themes/sundance/images/misc-pages/button-submit.gif) 0 0 no-repeat; width: 103px; height: 27px; border: 0; cursor: pointer; } /* SUBSCRIBE PAGE STYLES ______________________________________________________________*/ .sub-content-container.subscribe { float: left; position: relative; width: 959px; background: #f5f5f5 url(http://www.sundancechannel.ca/themes/sundance/images/sd-subscribe/page-header.gif) top left no-repeat; border-top: 4px solid #94d6da; } .sub-content-container.subscribe #left-col h1 {height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-subscribe/sd-subscribe-h1.gif) 0 0 no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.subscribe #left-col a { color: #5cadbe; text-decoration: none; } .sub-content-container.subscribe #left-col a:hover { color: #0e8ca6; text-decoration: underline; } .sub-content-container.subscribe #left-col table { width: 100%; font: normal 12px Arial, Helvetica, sans-serif; color: #424242; background-color: #fff; } .sub-content-container.subscribe #left-col .even-row { background-color: #ececec; } .sub-content-container.subscribe #left-col table td { padding: 10px 5px; } /* FILM & SERIES STYLES ______________________________________________________________*/ .sub-content-container.film { float: left; position: relative; width: 959px; background: #f5f5f5 url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/page-header.gif) top left no-repeat; border-top: 4px solid #39accb; } .sub-content-container.film #left-col h1 { height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/sd-filmseries-h1.gif) 0 0 no-repeat; margin: 61px 0 26px 77px; } .sub-content-container.film #left-col h2 { float: left; position: relative; margin: 0 20px 0 0; font: bold 26px Georgia,"New Century Schoolbook","Nimbus Roman No9 L", serif; color: #929191; text-transform: lowercase; } .sub-content-container.film #left-col .search-box { float: left; width: 207px; margin: 0 20px; } .sub-content-container.film #left-col .search-box a { float: left; margin-left: 10px; color: #b81c8d; font: normal 12px Arial, Hel vetica, sans-serif; margin-top: 5px; text-decoration: underline; } .sub-content-container.film #left-col ul#alphabet-picker { float: left; clear: both; position: relative; list-style: none; width: 100%; margin: 20px 0; padding: 0; } .sub-content-container.film #left-col ul#alphabet-picker li { float: left; display: inline; font: normal 14px Arial, Helvetica, sans-serif; color: #ababab; } .sub-content-container.film #left-col ul#alphabet-picker li span { float: left; display: inline; font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ababab; padding: 4px; } .sub-content-container.film #left-col ul#alphabet-picker li a { text-decoration: none; padding: 4px; font: bold 14px Arial, Helvetica, sans-serif; color: #5b5b5b; display: block; } .sub-content-container.film #left-col ul#alphabet-picker li a:hover, .sub-content-container.film #left-col ul#alphabet-picker li a.active { background-color: #5b5b5b; color: #fff; } .sub-content-container.film #left-col ul.results { float: left; position: relative; margin: 10px 10px 40px 30px ; list-style: none; } .sub-content-container.film #left-col ul.results li { margin: 2px 0; font: bold 12px Arial, Helvetica, sans-serif; } .sub-content-container.film #left-col ul.results li a { display: block; padding: 5px; color: #5b5b5b; text-decoration: none; } .sub-content-container.film #left-col ul.results li a:hover, .sub-content-container.film #left-col ul.results li a.active { background-color: #3eb7da; color: #fff; } .sub-content-container.film #right-col .featured-items { float: left; position: relative; width: 301px; margin: 10px 0; background: #fefefe url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/sd-alsoplaying-bg.gif) top left no-repeat; } .sub-content-container.film #right-col .featured-items h2 { float: right; position: relative; font: bold 14px Arial, Helvetica, sans-serif; color: #424242; text-transform: uppercase; margin: 22px 46px 0 0; } .sub-content-container.film #right-col .featured-items ul { float: left; position: relative; list-style: none; padding-left: 5px; font: normal 11px Arial, Helvetica, sans-serif; } .sub-content-container.film #right-col .featured-items ul li { float: left; display: inline; width: 75px; margin: 10px; } .sub-content-container.film #right-col .featured-items ul li a { color: #5f605f; text-decoration: none; } .sub-content-container.film #right-col .featured-items ul li a img { border: 2px solid #bababa; } .sub-content-container.film #right-col .featured-items ul li a:hover { color: #515151; } .sub-content-container.film #right-col .featured-items ul li a img:hover { border-color: #515151; } /* FILM SYNOPSIS PAGE STYLES ______________________________________________________________*/ .sub-content-container.film-syn { float: left; position: relative; width: 959px; background: #f5f5f5 url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/page-header-synopsis.gif) 0 293px no-repeat; border-top: 4px solid #39accb; } .sub-content-container.film-syn #left-col { width: 613px; margin: 0 45px 0 0; } .sub-content-container.film-syn #left-col h1 { font: bold italic 22px Arial, Helvetica, sans-serif; text-transform: uppercase; } .sub-content-container.film-syn #left-col .search-box { float: left; width: 207px; margin: 0 20px; } .sub-content-container.film-syn #left-col .search-box a { float: left; margin-left: 10px; color: #b81c8d; font: normal 12px Arial, Helvetica, sans-serif; margin-top: 5px; text-decoration: underline; } .sub-content-container.film-syn #left-col ul#alphabet-picker { float: left; clear: both; position: relative; list-style: none; width: 100%; margin: 20px 0; padding: 0; } .sub-content-container.film-syn #left-col ul#alphabet-picker li { float: left; display: inline; font: normal 14px Arial, Helvetica, sans-serif; color: #ababab; } .sub-content-container.film-syn #left-col ul#alphabet-picker li span { float: left; display: inline; font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ababab; padding: 4px; } .sub-content-container.film-syn #left-col ul#alphabet-picker li a { text-decoration: none; padding: 4px; font: bold 14px Arial, Helvetica, sans-serif; color: #5b5b5b; display: block; } .sub-content-container.film-syn #left-col ul#alphabet-picker li a:hover, .sub-content-container.film #left-col ul#alphabet-picker li a.active { background-color: #5b5b5b; color: #fff; } .sub-content-container.film-syn #left-col ul.results { float: left; position: relative; margin: 10px 10px 40px 30px ; list-style: none; } .sub-content-container.film-syn #left-col ul.results li { margin: 2px 0; font: bold 12px Arial, Helvetica, sans-serif; } .sub-content-container.film-syn #left-col ul.results li a { display: block; padding: 5px; color: #5b5b5b; text-decoration: none; } .sub-content-container.film-syn #left-col ul.results li a:hover, .sub-content-container.film-syn #left-col ul.results li a.active { background-color: #3eb7da; color: #fff; } .sub-content-container.film-syn #left-col #about-movie { width: 100%; min-height: 500px; } .sub-content-container.film-syn #left-col #about-movie p { float: left; position: relative; display: inline; width: 360px; font: normal 12px Arial, Helvetica, sans-serif; color: #373737; margin: 0 30px 18px 23px; padding: 0; } .sub-content-container.film-syn #left-col #about-movie .column { float: right; clear: right; display: inline-block; position: relative; width: 200px; padding: 0; margin: 0; font: normal 12px Arial, Helvetica, sans-serif; color: #5a5a5a; } .sub-content-container.film-syn #left-col #about-movie .column h3 { float: left; width: 100%; margin: 0; font: bold 14px Arial, Helvetica, sans-serif; color: #43b0cf; } .sub-content-container.film-syn #left-col #about-movie .column #movie-starring, .sub-content-container.film-syn #left-col #about-movie .column #movie-director, .sub-content-container.film-syn #left-col #about-movie .column #movie-released, .sub-content-container.film-syn #left-col #about-movie .column #movie-duration { margin-bottom: 5px; } .sub-content-container.film-syn #right-col .featured-items { float: left; position: relative; width: 301px; margin: 10px 0; background: #fefefe url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/sd-alsoplaying-bg.gif) top left no-repeat; } .sub-content-container.film-syn #right-col .featured-items h2 { float: right; position: relative; font: bold 14px Arial, Helvetica, sans-serif; color: #424242; text-transform: uppercase; margin: 22px 46px 0 0; } .sub-content-container.film-syn #right-col .featured-items ul { float: left; position: relative; list-style: none; padding-left: 5px; font: normal 11px Arial, Helvetica, sans-serif; } .sub-content-container.film-syn #right-col .featured-items ul li { float: left; display: inline; width: 75px; margin: 10px; } .sub-content-container.film-syn #right-col .featured-items ul li a { color: #5f605f; text-decoration: none; } .sub-content-container.film-syn #right-col .featured-items ul li a img { border: 2px solid #bababa; } .sub-content-container.film-syn #right-col .featured-items ul li span:hover { color: #515151; text-decoration: underline; } .sub-content-container.film-syn #right-col .featured-items ul li a img:hover { border-color: #515151; } .sub-content-container.film-syn #right-col #showtimes { float: left; position: relative; width: 301px; margin: 10px 0; background: #fefefe url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/sd-alsoplaying-bg.gif) top left no-repeat; } .sub-content-container.film-syn #right-col #showtimes h2 { float: right; position: relative; font: bold 14px Arial, Helvetica, sans-serif; color: #424242; text-transform: uppercase; margin: 22px 46px 0 0; } .sub-content-container.film-syn #right-col #showtimes ul { float: left; list-style: none; margin: 10px; padding: 0; width: 271px; text-align: right; font: normal 12px Arial, Helvetica, sans-serif; color: #373737; } .sub-content-container.film-syn #right-col #showtimes ul li { margin: 10px 0; padding: 2px; } .sub-content-container.film-syn #right-col #showtimes ul li span { display: inline-block; margin-left: 28px; font-weight: bold; } /* VIDEO PAGE STYLES ______________________________________________________________*/ .sub-content-container.video { float: left; position: relative; width: 959px; background: #f5f5f5 url(http://www.sundancechannel.ca/themes/sundance/images/sd-video/page-header.gif) top left no-repeat; border-top: 4px solid #ffd900; } .sub-content-container.video h1 {height: 0; overflow: hidden; padding-top: 26px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-video/sd-video-h1.gif) 0 0 no-repeat; margin: 61px 0 26px 99px; } /* VIDEO PLAYER */ .holder { float: left; position: relative; width: 935px; height: 620px; top: 0px; left: 0px; background-color: #f5f5f5; padding: 0px; clear: both; margin-top: 0; margin-left: 23px; } .player { float: left; position: relative; top: 0px; left: 4px; z-index:3; } .clipInfo { float: left; position: relative; top: 0px; left: 0; } .categoryList { float: left; position: relative; display: inline; top: 0; left: 4px; width: 178px; height: 282px; z-index: 2; margin-right: 4px; } .navigation { float: right; position: relative; top: 0; left: 0; margin: 4px 8px 0 0; } .videosearch {float: left; position: relative; top: 0; left: 0; margin-top: 4px; } .releaselist { float: left; position: relative; top: 0; left: 0; z-index: 1; } /* Social media share bar */ #share-bar { float: left; position: relative; clear: both; width: 516px; background-color: #FFF; padding: 9px 0 6px 0; margin: 25px 0; } #share-bar p { float: left; display: inline; margin: 0 20px 0 23px; padding-top: 5px; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #484848; } #share-bar ul { float: left; display: inline; list-style: none; margin: 0; padding: 0; } #share-bar ul li { display: inline; margin: 0 5px; } #share-bar ul li a img { border: none; } /* SCHEDULE PAGE STYLES ______________________________________________________________*/ .sub-content-container.schedule { float: left; position: relative; width: 959px; background: #f5f5f5 url(http://www.sundancechannel.ca/themes/sundance/images/sd-schedule/page-header.gif) 0 0 no-repeat; border-top: 4px solid #9fc233; } .sub-content-container.schedule #left-col { width: 600px; margin: 0 45px 0 13px; } .sub-content-container.schedule #left-col h1.schedule { height: 0; overflow: hidden; padding-top: 26px; font: bold italic 22px Arial, Helvetica, sans-serif; text-transform: uppercase; background: transparent url(http://www.sundancechannel.ca/themes/sundance/images/sd-schedule/sd-schedule-h1.gif) 0 0 no-repeat; margin: 61px 0 26px 86px; } .sub-content-container.schedule #left-col h1.schedule-result { height: 0; overflow: hidden; padding-top: 26px; font: bold italic 22px Arial, Helvetica, sans-serif; text-transform: uppercase; background: transparent url(http://www.sundancechannel.ca/themes/sundance/images/sd-schedule/sd-schedule-h1.gif) 0 -26px no-repeat; margin: 61px 0 26px 86px; } .sub-content-container.schedule #left-col h2 { float: left; clear: left; display: inline; position: relative; font: bold 26px Arial, Helvetica, sans-serif; color: #95b72d; margin: 10px 0 0 0; } .sub-content-container.schedule #left-col h2 span { font: bold 18px Georgia,"Times New Roman", Times, serif; } .sub-content-container.schedule #left-col .search-box { float: right; clear: right; left: 0; width: 207px; } .sub-content-container.schedule #left-col #dates { float: right; clear: right; margin: 5px 0; } .sub-content-container.schedule #left-col #dates p { font: bold 12px Arial, Helvetica, sans-serif; color: #5b5b5b; text-transform: uppercase; } .sub-content-container.schedule #left-col #dates select { width: 75px; border: 2px solid #999999; font-size: 10px; } .sub-content-container.schedule #left-col #dates select option:hover { background: #9fc233; } .sub-content-container.schedule #left-col #GridCallback { clear: both; } .sub-content-container.schedule #left-col .ScheduleContainerDaily { clear: both; } .sub-content-container.schedule #left-col div.ScheduleRow { background-color: #fff; } .sub-content-container.schedule #left-col div.AltScheduleRow { background-color: #ececec; } .sub-content-container.schedule #left-col div.ScheduleRow, .sub-content-container.schedule #left-col div.AltScheduleRow { float: left; position: relative; display: inline; clear: both; margin: 0; padding: 15px 10px; width: 100%; font: normal 14px Arial, Helvetica, sans-serif; color: #5b5b5b; } .sub-content-container.schedule #left-col div.ScheduleRow .ShowTitle, .sub-content-container.schedule #left-col div.AltScheduleRow .ShowTitle { float: left; display: inline; color: #83a323; } .sub-content-container.schedule #left-col div.ScheduleRow .ShowTime a, .sub-content-container.schedule #left-col div.AltScheduleRow .ShowTime a { text-decoration: none; color: #5b5b5b; } .sub-content-container.schedule #left-col div.ScheduleRow .ShowTime a:hover, .sub-content-container.schedule #left-col div.AltScheduleRow .ShowTime a:hover { text-decoration: underline; } .sub-content-container.schedule #left-col div.ScheduleRow.active , .sub-content-container.schedule #left-col div.AltScheduleRow.active { font-weight: bold; border: 3px solid #9fc233; background: #fff url(http://www.sundancechannel.ca/themes/sundance/images/sd-schedule-now-playing-bg.jpg) 0px -15px no-repeat; padding: 12px 8px; } .sub-content-container.schedule #left-col div.ScheduleRow.active .ShowTitle , .sub-content-container.schedule #left-col div.AltScheduleRow.active .ShowTitle { margin: 0 10px 0 84px; } .sub-content-container.schedule #left-col .ScheduleRow.active img, .sub-content-container.schedule #left-col .AltScheduleRow.active img { flaot: left; display: inline; position: relative; margin-left: 3px; } /* SCHEDULE SEARCH RESULTS PAGE STYLES ______________________________________________________________*/ .sub-content-container.schedule #left-col p.timezone { float: left; clear: right; display: inline; width: auto; position: relative; font: bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color: #919191; margin-top: 23px; margin-bottom: 30px; } .sub-content-container.schedule #left-col p.timezone span { color: #141414; } .sub-content-container.schedule #left-col #search-results { float: left; clear: both; width: 100%; } .sub-content-container.schedule #left-col #search-results .title-item { clear: both; } .sub-content-container.schedule #left-col #search-results .title-item a { float: left; display: inline; font: bold 16px Arial, Helvetica, sans-serif; text-decoration: underline; color: #84a323; width: 100%; margin-bottom: 15px; } .sub-content-container.schedule #left-col #search-results .search-row-titles { clear: both display: block; font: bold 12px Arial, Helvetica, sans-serif; color: #333; } .sub-content-container.schedule #left-col #search-results .search-row-titles a { color: #84a323; } .sub-content-container.schedule #left-col #search-results .time-col, .sub-content-container.schedule #left-col #search-results .date-col { float: left; font: bold 12px Arial, Helvetica, sans-serif; color: #333; margin-bottom: 5px; } .sub-content-container.schedule #left-col #search-results .time-col { width: 150px; text-align: left; } .sub-content-container.schedule #left-col #search-results .clear { float: left; clear: both; } .sub-content-container.schedule #left-col #search-results .search-row { float: left; background-color: #fff; padding: 10px 0; width: 100%; } .sub-content-container.schedule #left-col #search-results .search-row .time-col, .sub-content-container.schedule #left-col #search-results .search-row .date-col { margin: 0; } .sub-content-container.schedule #left-col #search-results .search-row.odd-row { background-color: #ececec; } .sub-content-container.schedule #right-col .print-box { float: left; width: 260px; position: relative; background-color: #fefefe; padding: 10px; margin: 10px 0; } .sub-content-container.schedule #right-col .print-box label { font: bold 14px Arial, Helvetica, sans-serif; color: #5b5b5b; margin-right: 5px; } .sub-content-container.schedule #right-col .print-box select { font: 12px Arial, Helvetica, sans-serif; padding: 2px; margin-right: 5px; border: 2px solid #e2e2e2; } .sub-content-container.schedule #right-col .print-box .print-button { display: inline-block; position: relative; width: 27px; height: 20px; background: transparent url(http://www.sundancechannel.ca/themes/sundance/images/sd-schedule/button-go.jpg) top left no-repeat; border: 0; margin: 2px 0 0 0; padding: 0; } .sub-content-container.schedule #right-col .legend { float: left; display: inline; position: relative; width: 260px; background-color: #fefefe; padding: 10px; margin: 0 0 10px 0; } .sub-content-container.schedule #right-col .legend ul { float: left; display: inline; position: relative; margin: 0; padding: 0; list-style: none; } .sub-content-container.schedule #right-col .legend ul li { margin: 5px 0; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; color: #5b5b5b; } .sub-content-container.schedule #right-col .legend ul li img { margin: 2px 10px 0 0; } /* STUNT PAGE STYLES ______________________________________________________________*/ .sub-content-container.stunt { float: left; position: relative; width: 959px; background: #f5f5f5 url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/page-header.gif) top left no-repeat; border-top: 4px solid #39accb; padding-bottom: 20px; } .sub-content-container.stunt #left-col { width: 720px; margin: 0; } .sub-content-container.stunt h1.stunt { height: 0; font: bold 28px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #3f4749; margin: 54px 0 33px 103px; } .sub-content-container.stunt #left-col img { margin: 0; float: left; } .sub-content-container.stunt #left-col #main-image-text { float: left; width: 700px; height: 150px; margin: 0; padding: 10px; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/main-image-copy-bg.jpg) top right repeat-y; } .sub-content-container.stunt #left-col #main-image-text h2 { font: bold 18px Georgia,"Times New Roman", Times, serif; color: #1da0c7; width: 611px;} .sub-content-container.stunt #left-col #main-image-text p { font: 12px Arial, Helvetica, sans-serif; color: #333; width: 611px; } .sub-content-container.stunt #left-col #main-image-text p a { color: #1da0c7; text-decoration: underline; } .sub-content-container.stunt #left-col ul#three-movies { float: left; position: relative; overflow: hidden; width: 720px; list-style: none; padding: 0; margin: 0 0 10px 0; background: #fff url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/three-bg.jpg) 0 -1px repeat-y; } .sub-content-container.stunt #left-col ul#three-movies li { float: left; display: inline; position: relative; width: 239px; padding-bottom: 10px; } .sub-content-container.stunt #left-col ul#three-movies li#middle { margin: 0 1px; } .sub-content-container.stunt #left-col ul#three-movies li img { margin-bottom: 10px; } .sub-content-container.stunt #left-col ul#three-movies li a, .sub-content-container.stunt #left-col ul#three-movies li p { margin: 5px 10px; } .sub-content-container.stunt #left-col ul#three-movies li a { text-align: right; font: bold italic 14px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #39accb; display: block; } .sub-content-container.stunt #left-col ul#three-movies li a:hover { color: #2cc7f1; text-decoration: underline; } .sub-content-container.stunt #left-col #bottom-info-box { float: left; position: relative; margin: 5px 0; width: 720px; background: #fff url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/blue-bar-left.jpg) top left repeat-y; } .sub-content-container.stunt #left-col #bottom-info-box h2 { font: bold 18px Georgia,"Times New Roman", Times, serif; color: #1da0c7; margin-left: 55px; } .sub-content-container.stunt #left-col #bottom-info-box p { font: 12px Arial, Helvetica, sans-serif; color: #333; margin-left: 55px; } .sub-content-container.stunt #left-col #bottom-info-box p a { color: #1da0c7; text-decoration: underline; } .sub-content-container.stunt #left-col #share-bar { float: left; position: relative; clear: both; width: 516px; background-color: #FFF; padding: 9px 0 6px 0; margin: 25px 0; } .sub-content-container.stunt #left-col #share-bar p { float: left; display: inline; margin: 0 20px 0 23px; padding-top: 5px; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #484848; } .sub-content-container.stunt #left-col #share-bar ul { float: left; display: inline; list-style: none; margin: 0; padding: 0; } .sub-content-container.stunt #left-col #share-bar ul li { float: left; display: inline; margin: 0 10px; } .sub-content-container.stunt #left-col #share-bar ul li a img { border: none; } .sub-content-container.stunt #right-col { float: left; display: inline; position: relative; width: 239px; margin: 0; background: url(http://www.sundancechannel.ca/themes/sundance/images/sd-film-series/sd-alsoplaying-bg.gif) top right no-repeat; } .sub-content-container.stunt #right-col h2 { float: right; position: relative; font: bold 14px Arial, Helvetica, sans-serif; color: #424242; text-transform: uppercase; margin: 22px 46px 0 0; } .sub-content-container.stunt #right-col ul { float: left; position: relative; width: 100%; list-style: none; margin: 10px 0; padding: 0; text-align: right; } .sub-content-container.stunt #right-col ul li { margin: 10px 10px 10px 0; font: normal 12px Arial, Helvetica, sans-serif; } .sub-content-container.stunt #right-col ul li span { font: bold 12px Arial, Helvetica, sans-serif; color: #2ba5ca; } .sub-content-container.stunt #right-col ul li a { color: #333; text-decoration: none; } .sub-content-container.stunt #right-col ul li a:hover { color: #2ba5ca; text-decoration: underline; } .sub-content-container.stunt #right-col ul li img { display: inline; margin: 0 0 0 3px; padding-top: 2px; } /* Main Style Sheet for jQuery UI date picker ______________________________________________________________*/ #ui-datepicker-div, .ui-datepicker-inline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 7px; margin: 122px 0 0 0; background: #fff; width: 266px; } #ui-datepicker-div { display: none; border: 1px solid #777; z-index: 9999; /*must have*/ } .ui-datepicker-inline { float: left; display: block; border: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #ddd !important; } button.ui-datepicker-trigger { width: 25px; } img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; } .ui-datepicker-prompt { float: left; padding: 2px; background: #ddd; color: #000; } * html .ui-datepicker-prompt { width: 185px; } .ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; color: #fff; } .ui-datepicker-control { background: #400; padding: 2px 0px; } .ui-datepicker-links { position: relative; z-index: 99; background: transparent; padding: 2px 0px; } .ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%; } .ui-datepicker-links label { /* disabled links */ padding: 2px 5px; color: #888; } .ui-datepicker-clear, .ui-datepicker-prev { float: left; display: block; padding: 0; margin: 0; width: 24px; height: 24px; } .ui-datepicker-prev a, .ui-datepicker-next a { display: block; width: 24px; height: 24px; padding: 0; margin: 0; cursor: pointer; } .ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; } .ui-datepicker-current { float: left; width: 30%; text-align: center; visibility: hidden; } .ui-datepicker-close, .ui-datepicker-next { float: right; width: 24px; height: 24px; padding: 0; margin: 0;} .ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; } .ui-datepicker-header { position: relative; top: -20px; background: transparent; color: #5b5b5b; left: 0; text-align: center; font-weight: bold; height: 1.3em; } .ui-datepicker { background: #ccc; text-align: center; font-size: 100%; } .ui-datepicker a { display: block; width: 100%; } .ui-datepicker-title-row { background: #777; } .ui-datepicker-title-row td { padding: 2px; } .ui-datepicker-days-row { background: #eee; color: #666; } .ui-datepicker-week-col { background: #777; color: #fff; } .ui-datepicker-days-cell { color: #000; border: 1px solid #fff; padding: 6px; cursor: pointer;} .ui-datepicker-days-cell a { display: block; } .ui-datepicker-week-end-cell { background: #ddd; } .ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #777; } .ui-datepicker-days-cell-over { background: #5b5b5b; color: #fff; } .ui-datepicker-unselectable { color: #888; } .ui-datepicker-today { background: #5b5b5b !important; color: #9fc233; } .ui-datepicker-current-day { background: #9fc233 !important; color: #fff; border: none; } .ui-datepicker-status { background: #ddd; width: 100%; font-size: 80%; text-align: center; } /* ________ Datepicker Links _______ ** Reset link properties and then override them with !important */ /*#ui-datepicker-div a, .ui-datepicker-inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000; }*/ .ui-datepicker-title-row a { color: #eee !important; } .ui-datepicker-control a:hover { background: #fdd !important; color: #333 !important; } /*.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { background: #ddd !important; color: #333 !important; }*/ /* ___________ MULTIPLE MONTHS _________*/ .ui-datepicker-multi .ui-datepicker { border: 1px solid #777; } .ui-datepicker-one-month { float: left; width: 100%; } .ui-datepicker-new-row { clear: left; } /* ___________ IE6 IFRAME FIX ________ */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }