body,h1,h2,h3,h4,h5,h6,ol,ul,p { padding:0; margin:0; } ul.nav li { list-style: none; float: left; } body { color: #231f20; background: #911c21 url(../images/bg.png) repeat-x 0 0; font: 100%/150% Arial, Helvetica, Sans-Serif; max-width: 1920px; } /* General Styles */ h1,h2,h3,h4,h5,h6 { line-height: 150%; font-family: Helvetica, Arial, Sans-Serif; } h1,h2,h3 { font-weight: bold; } h1 { font-size: 220%; } h2 { font-size: 160%; } h3 { font-size: 140%; } h4,h5,h6 { font-size: 110%; } a { text-decoration: none; cursor: pointer; } a:hover, a:focus { text-decoration: underline; } a:visited { } ul {} ol {} strong, b { font-weight: bold; } i,em {} .hide { display: none; } /*----------------------------------------------------------------------------------------------------------- Buttons Styles -----------------------------------------------------------------------------------------------------------*/ a.button { display: block; outline: none; cursor: pointer; background: url(../images/sprites.png) no-repeat; } a.button:hover, a.button:focus, a.button:active { text-decoration: none; outline: none; } a.play, a.print, a.expand, a.expanded, a.my-tcs, a.backRed, a.learnMore, a.freeTrialBlack { text-indent: -9999px; display: block; } a.freetrial { width: 101px; height: 24px; background: #360a15; color: #f0bfce; text-indent: 10px; text-transform: uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } a.freetrial:focus, a.freetrial:hover, a.freetrial:active { color: #fff; } a.print-w-text { -moz-border-radius:4px 4px 4px 4px; background:url("../images/tcs-icons.png") no-repeat scroll 2px -59px #420B18; line-height:19px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: right; padding: 0 5px; width:56px; } a.print-w-text:focus, a.print-w-text:hover, a.print-w-text:active { color: #F0BFCE; background: url("../images/tcs-icons.png") no-repeat scroll 2px -59px #420B18; } a.my-tcs { width: 66px; height: 19px; background-position: -158px -145px; } a.my-tcs:hover, a.my-tcs:focus, a.my-tcs:active { background-position: -158px -125px; } a.collapse, a.expand, a.expanded { width: 15px; height: 15px; } a.expand, a.expanded { background-position: -310px -145px; } a.collapse { background-position: -310px -129px; } a.panic { border:1px solid #111111; color:#FFFFFF; font-size:0.7em; font-weight:bold; height:auto; line-height:17px; text-align:center; text-indent:0; text-transform:uppercase; display: block; width: 66px; background: #D02233; background:-moz-linear-gradient(0% 20% 270deg, #D02233, #691224); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D02233), to(#691224)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFD02233', EndColorStr='#FF691224'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFD02233', EndColorStr='#FF691224')"; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } a.panic:hover, a.panic:focus, a.panic:active { color: #F0BFCE; background: #B42233; background: -moz-linear-gradient(0% 20% 270deg, #B42233, #500E1C); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B42233), to(#500E1C)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFB42233', EndColorStr='#FF500E1C'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFB42233', EndColorStr='#FF500E1C')"; } a.play { width: 17px; height: 17px; background-position: -292px -85px; } a.play:hover, a.play:focus, a.play:active { background-position: -292px -103px; } a.print{ width: 17px; height: 17px; background-position: -292px -121px; } a.print:hover, a.print:focus, a.print.active { background-position: -292px -139px; } a.back,a.backRed { background:url("../images/arrow-sprites.png") no-repeat 1px -147px #420b18; color:#FFFFFF; font-size:0.6em; font-weight:bold; line-height:19px; padding:0 5px; text-align:right; text-transform:uppercase; width:56px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } a.back:hover, a.back:focus, a.back:active { background: url("../images/arrow-sprites.png") no-repeat 1px -172px #420b18; color: #F0BFCE; } a.backRed { background-color: #D51920; } a.backRed:hover, a.backRed:focus, a.backRed:active { background: url("../images/arrow-sprites.png") no-repeat 1px -172px #D51920; color: #F0BFCE; } a.learnMore { width: 150px; height: 21px; background-position: -158px -154px; } a.learnMore:hover, a.learnMore:active, a.learnMore:focus { background-position: -158px -131px } a.freeTrial, a.freeTrialBlack, a.learnMore { width: 155px; color: #fff; font-size: 13px; line-height: 22px; font-weight: bold; text-transform: uppercase; text-indent: 5px; background: #d51920 url(../images/arrow-sprites.png) 140px -95px no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.freeTrial:hover, a.freeTrial:focus, a.freeTrialBlack:hover, a.freeTrialBlack:focus, a.learnMore:hover, a.learnMore:focus { color: #f0bfce; background: #ad2025 url(../images/arrow-sprites.png) 140px -120px no-repeat; } a.learnMore, a.learnMore:hover, a.learnMore:focus, a.freeTrialBlack, a.freeTrialBlack:hover, a.freeTrialBlack:focus { background-color: #000; } a.home { width: 74px; padding: 0 5px; text-align: right; background: #d51920 url(../images/arrow-sprites.png) 3px -146px no-repeat; color:#fff; font: bold 0.7em/22px arial, sans-serif; line-height:22px; padding:0 10px; text-transform:uppercase; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } a.home:hover, a.home:active, a.home:focus { color: #f0bfce; background: #ad2025 url(../images/arrow-sprites.png) 3px -171px no-repeat; } /*----------------------------------------------------------------------------------------------------------- Containers Styles -----------------------------------------------------------------------------------------------------------*/ #container { width: 100%; position: relative; display: block; overflow: hidden; background: url(../images/header-art.jpg) no-repeat center top; } #main-container { width: 946px; position: relative; z-index: 2; overflow: hidden; margin: 0 auto; } #decoration-container { width: 100%; position: absolute; left:0; top:0; z-index: 1; } #header, #content, #shows-nav { width: 100%; float: left; position: relative; } #header { height: 96px; z-index: 31; margin-bottom: 12px; } #content { z-index: 32; margin-top: 2px; background: url("../images/bar.png") no-repeat; position: relative; margin-bottom:15px; } /*----------------------------------------------------------------------------------------------------------- User Panel Styles #header > #user-panel -----------------------------------------------------------------------------------------------------------*/ #user-panel { width: 408px; height: 60px; display: block; position: relative; float: right; padding: 0 10px 10px; color: #fff; } #user-panel h5 { font-size: 0.9375em; line-height: 150%; font-weight: bold; margin-top: 3px; } #user-panel p.date { font-size: 0.6875em; line-height: 140%; color: #ccc; } #user-panel a.signin, #user-panel a.signout, #user-panel a.forgot-password, #user-panel input.signin{ font-size: 0.6875em; line-height: 170%; font-weight: bold; float: right; position: absolute; right: 10px; color: #a38294; } input.signin, a.signout { width: 75px; border: none; outline: none; } #user-panel input.signin, #user-panel a.signout { background: #d51920 url(../images/arrow-sprites.png) 61px -97px no-repeat; top:23px; height: 18px; padding: 0; margin: 0; font: bold 12px/18px Arial, Sans-Serif; text-align: left; text-indent: 5px; text-transform: uppercase; letter-spacing: -.02em; color: #fff; outline: none; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #user-panel input.signin:hover, #user-panel input.signin:focus, #user-panel input.signin:active, #user-panel a.signout:hover, #user-panel a.signout:focus { color: #f0bfce; background: #ad2025 url(../images/arrow-sprites.png) 61px -122px no-repeat; } #user-panel a.forgot-password { position: absolute; right: 10px; bottom: 4px; letter-spacing: -1px; } #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: 0.6875em; line-height: 160%; margin-right: 10px; margin-top: 1px; width: 55px; display: block; float: left; } #user-panel input { margin-bottom: 3px; font-size: 0.625em; float: left; } #user-panel #username, #user-panel #password { height: 12px; width: 125px; } #user-panel #rememberMe { top:24px; left:211px; margin:0; position:absolute; } #user-panel #rememberMe + label { top:22px; left:230px; position:absolute; width:auto; } #user-panel #loginForm p { float: left; clear: both; } /*----------------------------------------------------------------------------------------------------------- Main Navigation Styles #user-panel > ul#main-nav -----------------------------------------------------------------------------------------------------------*/ #main-nav { width: 100%; float: left; margin-bottom: 3px; } #main-nav li a { padding: 4px 5px; float: left; color: #cc94b3; margin: 0 9px; font: bold 0.7em/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-child, #main-nav li.last { float: right; } #main-nav li.last a { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 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 { width: 157px; display: block; margin-left: 2px; position: relative; } #network-nav li a { bottom: -2px; color:#8b6578; font-size:0.76em; letter-spacing:0.03em; line-height:22px; text-align:center; text-indent:0; font-weight: bold; background: #660000; background: -moz-linear-gradient(0% 0% 270deg,#660000, #130000); background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#660000), to(#130000)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF660000', EndColorStr='#FF130000'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF660000', EndColorStr='#FF130000')"; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #TCS #network-nav li.TCS a, #network-nav li a:hover, #network-nav li a:active, #network-nav li a:focus { outline: none; text-decoration: none; color :#fff; background: #D22233; background: -moz-linear-gradient(0% 0% 270deg,#D22233, #540e1c); background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#D22233), to(#540e1c)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFD22233', EndColorStr='#FF540e1c'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFD22233', EndColorStr='#FF540e1c')"; } /*----------------------------------------------------------------------------------------------------------- Decoration Styles -----------------------------------------------------------------------------------------------------------*/ .user-panel-bg, .user-panel-main-nav-bg { width: 426px; height: 70px; display: block; position: absolute; top: 0; right: 0; z-index: 9; background: #000; opacity: .70; filter: alpha(opacity=70); border-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .user-panel-main-nav-bg { height: 21px; opacity: .20; filter: alpha(opacity=20); z-index: 8; } /*=========================================================================================================== TCS Styles ===========================================================================================================*/ /*----------------------------------------------------------------------------------------------------------- The Complete Sheet Logo Styles #header > h1.DAlogo -----------------------------------------------------------------------------------------------------------*/ .TCSlogo { width: 364px; height: 84px; display: block; float: left; position: relative; margin-top: 8px; background: url(../images/sprites.png) no-repeat; } .TCSlogo a{ width: 364px; height: 84px; display: block; text-indent: -9999px; outline: none; position: absolute; z-index: 10; top: 0; left: 0; } #flash-logo { position: absolute; top: 15px; left: 0; z-index: 11; } /*----------------------------------------------------------------------------------------------------------- TCS Shows Navigation Styles #container > ul#shows-nav -----------------------------------------------------------------------------------------------------------*/ #shows-nav { height: 24px; overflow: hidden; margin-bottom: 1px; z-index: 40; } #shows-nav li a, #TCS.userGuide #guide .button { float: left; display: block; width: 187px; height: 24px; position: relative; bottom: 0; left: 0; margin-right: 2px; text-align: center; color: #fff; font: bold .8em/24px Stainless, Arial, Sans-Serif; text-decoration: none; background: #D02233; background: -moz-linear-gradient(0% 20% 270deg,#D02233, #691224); background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#D02233), to(#691224)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFD02233', EndColorStr='#FF691224'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFD02233', EndColorStr='#FF691224')"; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #shows-nav li:last-child a, #shows-nav li.last a { margin-right: 0; } #TCS #shows-nav li a:hover, #TCS #shows-nav li a:focus, #TCS #shows-nav li a:active { outline: none; color: #f0bfce; background: #B42233; background: -moz-linear-gradient(0% 20% 270deg,#B42233, #500E1C); background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#B42233), to(#500E1C)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFB42233', EndColorStr='#FF500E1C'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFB42233', EndColorStr='#FF500E1C')"; } .tcs-today #shows-nav li.tcs-today a, .my-tcs #shows-nav .my-tcs a, .kick-ass-word-version #shows-nav .kick-ass-word-version a, .simple-text-version #shows-nav li.simple-text-version a, .search #shows-nav .search-tcs-archive a { background: -moz-linear-gradient(0% 20% 270deg,#f52334, #931932); background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f52334), to(#931932)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFf52334', EndColorStr='#FF931932'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFf52334', EndColorStr='#FF931932')"; } /*----------------------------------------------------------------------------------------------------------- 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; display: none; } #content > .tools a.button { float: right; margin: 12px 21px 0 0; } #content > .tools a.back { margin: 15px 15px 0 0; } /*----------------------------------------------------------------------------------------------------------- TCS Quicklinks Styles #container > ul#quicklinks -----------------------------------------------------------------------------------------------------------*/ #TCS #quicklinks { float: left; width: 100%; } #TCS #quicklinks li { list-style: none; margin: 0; } #TCS #quicklinks li a { font: bold .8125em/100% Arial, Helvetica, Sans-Serif; position: relative; color: #fff; letter-spacing: 1px; padding: 5px 35px; margin-right: 5px; margin-left: 5px; } #TCS #quicklinks li a span { background:#d00; border:1px solid #900; font-size:0.7em; letter-spacing:0; line-height:1; padding:1px 4px; position:absolute; right:3px; top:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color: #fff; -moz-box-shadow:-1px 1px 1px rgba(0,0,0,.3); } #TCS #quicklinks li a.topTen { margin-left: 0; } #TCS #quicklinks li a:hover, #TCS #quicklinks li a:active, #TCS #quicklinks li a:focus { text-decoration: none; color: #f0bfce; } #TCS #quicklinks li a:hover span, #TCS #quicklinks li a:focus span { color: #fff; } /*----------------------------------------------------------------------------------------------------------- Archive Tabs Styles #content > ul#archive-tab -----------------------------------------------------------------------------------------------------------*/ #TCS #archive-tab { width: 100%; height: 30px; float: left; position: relative; } #TCS #archive-tab li a, #archive-tab li.date { float: left; display: block; padding: 0 20px; height: 30px; color: #fafafa; text-align: center; margin-right: 3px; text-transform: uppercase; font: bold 0.75em/30px Arial,Helvetica,Sans-Serif; background: #A61926; background: -moz-linear-gradient(0% 0% 270deg,#A61926, #430102); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A61926), to(#430102)); 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; } #TCS #archive-tab li:last-child a { margin-right: 0; } #TCS #archive-tab li a.active, #TCS #archive-tab li a:hover, #TCS #archive-tab li a:active, #TCS #archive-tab li a:focus, #TCS #archive-tab li.hover a{ color: #0d0d0d; background: #fff; text-decoration: none; } #TCS #archive-tab ul { display: none; width: 916px; height: 95px; background: #fff; position: absolute; top: 30px; left: 15px; right: 15px; z-index: 1; padding-top: 10px; border-bottom: 1px solid #ccc; } #TCS #archive-tab ul.active, #TCS #archive-tab li:hover ul { display: block; } #TCS #archive-tab li:hover ul { z-index: 2; } #TCS #archive-tab ul > li a, #TCS #archive-tab li.hover ul > li a { color: #fff; float: left; height: auto; width: 215px; font-size: .6825em; line-height: 125%; font-weight: bold; padding: 3px 5px 2px; margin: 2px; background: #d02233; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #TCS #archive-tab ul > li a:hover, #TCS #archive-tab ul > li a:active, #TCS #archive-tab ul > li a:focus, #TCS #archive-tab ul > li.selected a { text-decoration: none; background-color: #fff !important; color: #d02233 !important; } #TCS #archive-tab li.date { background: none; color: #a38294; } #TCS #search { position: absolute; width: 220px; right: 10px; top: 25px; overflow: hidden; z-index: 43; } #TCS #search #q { border: 1px solid #ccc; width: 185px; height: 15px; padding: 2px 5px; float: left; } #TCS #search #s { width: 23px; height: 21px; padding: 0; position: relative; border: none; outline: none; text-indent: -9999px; cursor: pointer; background: url(../images/sprites.png) no-repeat -310px -85px; float: left } #TCS #search #s:focus, #TCS #search #s:hover, #TCS #search #s:active { background-position: -310px -107px; } #TCS #shows { float: left; width: 936px; /* #main-container - 10px (left+right padding) */ color: #0d0d0d; background: #fff; position: relative; padding: 5px 5px 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } #labels > p.last, #labels p:last-child{ margin-right: 0; } #labels { width: 220px; position: absolute; top: -47px; right: 10px; overflow: hidden; } #labels .label { color: #b7717c; font-size: 9px; line-height: 150%; float: left; margin-right: 9px; } #labels .tickbox span, #labels .print span, #labels .play span { display: block; float: left; width: 13px; height: 13px; margin-right: 3px; position: relative; text-indent: -9999px; background: url(../images/sprites.png); } #labels .tickbox span { background-position: -292px -172px; height: 15px; top: -2px; } #labels .print span { background-position: -292px -188px; } #labels .play span { background-position: -292px -157px; } #TCS #shows > .content-wrap { float: left; width: 100%; margin-top: 101px; } #TCS.all-stories #shows > .content-wrap, #TCS.story #shows > .content-wrap { width: auto; display: block; overflow: hidden; margin: 107px 15px 0 5px; } #TCS.story #shows > .content-wrap { padding-bottom: 20px; } #TCS .shows-container { width: 100%; } #TCS.tcs-today .shows-container { width: 307px; padding: 3px 3px 3px 2px; float: left; display: block; } #TCS.tcs-today .shows-container > li { width: 307px; position: relative; margin: 0 4px 5px 0; float: left; list-style: none; background: #EAE9EF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS.tcs-today .shows-container li { list-style: none; } #TCS.tcs-today .shows-container .header h3 { font-size: 100%; float: left; font-weight: normal; } #TCS.tcs-today .shows-container .header a { color: #fff; margin-left: 7px; } #TCS.tcs-today .shows-container .header input { width: 20px; height: 20px; margin-top: 1px; margin-bottom: 0; float: left; } #TCS.tcs-today .shows-container .header .print { float: left; margin-left: 0; margin-top: 3px; } #TCS.tcs-today .shows-container .header { padding: 5px 5px 3px; display: block; overflow: hidden; text-transform: uppercase; font-weight: normal; font-size: 1em; line-height: 150%; color: #fff; background: #360a15; background: -moz-linear-gradient(0deg, rgba(54, 10, 21, 1), rgba(143, 22, 53, 1)); background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(rgba(54,10,21,1)), to(rgba(143,22,53,1))); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF8F1635'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF8F1635')"; 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; } #TCS.tcs-today .shows-container .shows { padding: 5px 5px 15px; overflow: hidden; } #TCS.tcs-today .shows-container .shows > li { margin-top: 5px; } #TCS.tcs-today .shows-container .shows li { list-style: none; float: left; } #TCS.tcs-today .shows-container .shows li > *, #TCS.tcs-today .shows-container .shows li div > * { float: left; } #TCS.tcs-today .shows-container .shows li div > * { margin-top: 10px; } #TCS.tcs-today .shows-container .shows li > input { position: relative; top: -2px; } #TCS.tcs-today .shows-container .shows li > input[type="checkbox"] { height: 20px; width: 20px; margin-bottom: 0; margin-top: 0; } #TCS.tcs-today .shows-container .shows li a.title { width: 240px; margin-left: 8px; padding: 0;margin-bottom: 5px; font-size: 0.75em; line-height: 135%; height: 40px; color: #0d0d0d; } #TCS.tcs-today .shows-container .shows > li a.subcategory { color: #790202; line-height: 1; margin-bottom: 5px; font-size: 1em; text-transform: uppercase; font-weight: bold; /* min-height IE6 Hack */ min-height: 40px; height: auto !important; height: 40px; } #TCS.tcs-today .shows-container .shows > li a.title:hover, #TCS .shows-container .shows > li > a.title:focus, #TCS.tcs-today .shows-container .shows > li a.title:active { text-decoration: underline; } #TCS.tcs-today .shows-container .shows ul { margin-bottom: 0; } #TCS.tcs-today .viewing-date { margin:5px 3px; text-align:right; position: relative; } #TCS.tcs-today .viewing-date:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #TCS.tcs-today .viewing-date p { color:#FFFFFF; padding:4px 5px; width: 297px; float: right; background: #000; font-size: .9em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #TCS.tcs-today .viewing-date #datepickTrigger { font-weight:bold; padding:4px 25px 4px 5px; background: url(../images/calendar.png) no-repeat 80px 1px; } #TCS.tcs-today .viewing-date #datepickTrigger:hover, #TCS.tcs-today .viewing-date #datepickTrigger:focus { background-color: #511; color: #efefef; text-decoration: none; } #TCS.tcs-today .viewing-date #datepicker { position: absolute; z-index: 41; right: 0; top: 100%; text-align: left; } #TCS.tcs-today .viewing-date #close { display: none; background:url("../images/close.png") no-repeat; bottom:-26px; height:22px; position:absolute; right:3px; text-indent:9999px; width:22px; z-index:1000; } #TCS.tcs-today .viewing-date #close:hover { background-position: 0 -22px; } #TCS.tcs-today .message { font-size:1em; margin:25px 5px; text-align:center; color: #333; } #TCS.tcs-today .message span { color: #000; } #TCS.all-stories #expand-all, #TCS.all-stories #collapse-all, #TCS.all-stories .print-all { border: none; outline: none; padding: 0; /* Resets */ color: #fff; background-color: #0d0d0d; float: left; text-transform: uppercase; padding: 3px 7px 2px; margin-left: 3px; font-size: .825em; line-height: 140%; font-weight: bold; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #TCS.all-stories #expand-all { display: none; } #TCS.all-stories #expand-all:focus, #TCS.all-stories #expand-all:hover, #TCS.all-stories #expand-all:active, #TCS.all-stories #collapse-all:hover, #TCS.all-stories #collapse-all:focus, #TCS.all-stories #collapse-all:active, #TCS.all-stories .print-all:hover, #TCS.all-stories #print-all:focus, #TCS.all-stories .print-all:active { text-decoration: none; } #TCS.all-stories a.panic, #TCS.all-stories a.back { float: right; margin-right: 3px; } #TCS.all-stories .shows-container { margin: 15px 5px 5px; float: left; } #TCS.all-stories .shows-container > li { list-style: none; margin-bottom: 15px; } #TCS.all-stories .shows-container .header { position: relative; } #TCS.all-stories .shows-container h2 { color: #790202; text-transform: uppercase; font: bold 1.5em/130% Arial, Helvetica, Sans-Serif; padding-left: 75px; margin: 25px 0 15px; } #TCS.all-stories .shows-container .header .action-box { width: 58px; height: 18px; display: block; padding: 4px 3px 2px; position: absolute; top: 6px; left: 0; overflow: hidden; } #TCS.all-stories .shows-container .header .action-box input { width: 16px; height: 16px; } #TCS.all-stories .shows-container .header .action-box a, #TCS.all-stories .shows-container .header .action-box input { float: right; margin: 0 2px 0 0; } #TCS.all-stories .shows > li { list-style: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } #TCS.all-stories .shows .header h3 { font-size: 1em; /* Reset */ padding-left: 75px; } #TCS.all-stories .shows .header h3 a { color: #0d0d0d; display: block; width: auto; height: auto; text-indent: 0; font: bold 1.125em/130% Arial, Helvetica, Sans-Serif; ; } #TCS.all-stories .shows .header h3 a:hover, #TCS.all-stories .shows .header h3 a:focus { text-decoration: none; color: #D02233; } #TCS.all-stories .shows .header .action-box { background: #d02233; top: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #TCS.all-stories .shows .content { width: 100%; } #TCS.all-stories .shows li > .expanded { display: block; } #TCS.all-stories .shows li > .collapse { display: none; } #TCS.all-stories .shows .content .content-wrap { display: block; margin: 20px 5px 0 75px; } .thumb-container { width: 100%; overflow: hidden; margin-top: 10px; } .thumb-container a { display: block; float: left; margin: 0 12px 12px 0; border: 1px solid #888; line-height: 0; border-top: 1px solid #dadada; border-left: 1px solid #dadada; } .thumb-container a:hover, .thumb-container a:focus, .thumb-container a:active { border: 1px solid #aaa; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; } #TCS #shows .da-bit { margin: 15px 10px 5px 0; display: block; overflow: hidden; } #TCS #shows .da-bit .header { width: 100%; display: block; float: left; position: relative; z-index: 40; } #TCS #shows .da-bit .header h4 { font-weight: normal; margin-bottom: 0; } #TCS #shows .da-bit .header h4 a { width: 100%; display: block; position: relative; overflow: hidden;background: #da2028; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS #shows .da-bit .header strong { padding: 4px 160px 4px 10px; display: block; font: bold 1em/120% Arial, Helvetica, Sans-Serif; letter-spacing: -1px; word-spacing: 2px; background: #e3e2e9; color: #3a3a3a; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #TCS #shows .da-bit .header a { text-decoration: none; } #TCS #shows .da-bit .header a.button, #TCS #shows .da-bit .header .player { position: absolute; right: 18px; bottom: 3px; width: auto !important; width:80px; min-width: 80px;line-height:1; } #TCS #shows .da-bit .header .player { top: 2px; } #TCS #shows .da-bit .header a.button { background:url("../images/arrow-sprites.png") no-repeat right -95px #D51920; color:#FFFFFF; font-size:12px; font-weight:bold; padding:5px 15px 5px 10px; text-transform:uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #TCS.story #shows .da-bit .header a.button { right: 14px; } #TCS #shows .da-bit .header .new { color: #ed0405; font-weight: bold; font-size: 70%; position: relative; top: -3px; margin-left: 10px; } #TCS #shows .da-bit .header h4 a:hover, #TCS #shows .da-bit .header h4 a:focus, #TCS #shows .da-bit .header h4 a:active { text-decoration: none; } #TCS #shows .da-bit .content { display: block; overflow: hidden; background: #fcfcfc; border: 6px solid #e3e2e9; border-top: 0; width: auto; position: relative; top: -1px; } #TCS #shows .da-bit .content > .content-wrap { display: block; position: relative; padding: 0px 10px 10px; margin-left: 0; margin-top: 10px; overflow: hidden; } #TCS #shows .da-bit .content a.download, #TCS #shows .da-bit .content a.freetrial { position: absolute; top: 0; right: 8px; text-decoration: none; background:url("../images/arrow-sprites.png") no-repeat 85px -95px #2a2a2a; color:#FFFFFF; font-size:12px; font-weight:bold; line-height:1; padding:5px 15px 5px 10px; text-transform:uppercase; width: auto !important; width:80px; min-width: 80px; text-indent: 0; height: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #TCS #shows .da-bit .content div.info { font-size: 0.9375em; line-height: 135%; margin: 0 180px 10px 0; } #TCS #shows .da-bit .content div.info a { color: #DA2028; } #TCS #shows .da-bit .content div.info a:hover, #TCS #shows .da-bit .content div.info a:focus, #TCS #shows .da-bit .content div.info a:active { color: #5D0000; } #TCS #shows .da-bit .content h5 { float: left; padding: 2px 10px; background: #e3e2e9; font-size: 0.75em; margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #TCS #shows .da-bit .content .meta-info { width: 100%; float: left; margin: 10px 0 0; padding: 0; } #TCS #shows .da-bit .content .categories > li, #TCS #shows .da-bit .content .meta-info > li { float: left; width: auto; list-style: none; } #TCS #shows .da-bit .content .categories > li { font-size: 0.75em; line-height: 120%; padding: 0 5px; border-right: 1px solid #c2c3c9; color: #505050; margin: 4px 0; } #TCS #shows .da-bit .content .categories > li:last-child, #TCS #shows .da-bit .content .categories > li.last { border: none; } #TCS #shows .da-bit .content .meta-info > li { margin-right: 5px; } #TCS #shows .da-bit .content .meta-info >li > div { padding: 3px 10px; margin-bottom: 1px; overflow: hidden; font-size: 0.6875em; line-height: 130%; text-align: right; background: #e3e2e9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #TCS #shows .da-bit .content .meta-info .length > div { text-align: center; width: 80px; } #TCS #shows .da-bit .content .meta-info .cue > div { text-align: left; width: 280px; } #TCS #shows .da-bit .content .meta-info .plays > div { width: 220px; } #TCS #shows .da-bit .content .meta-info .label { font-weight: bold; border-right: 1px solid #f1f0f4; display: block; float: left; margin-right: 20px; text-align: left; } #TCS #shows .da-bit .content .meta-info .length .label { margin-right: 0; border: none; text-align: center; width: 100%; } #TCS #shows .da-bit .content .meta-info .rating .label { margin-right: 10px; } #TCS #shows .da-bit .content .meta-info .cue .label { width: 64px; } #TCS #shows .da-bit .content .meta-info .plays .label { width: 90px; } #TCS #shows .da-bit .content .meta-info .rating .label { width: 100px; } #TCS.story #story-container { margin: 3px 5px; display: block; padding-top: 15px; float: left; color: #0d0d0d; font: 1em/130% Arial, Helvetica, Sans-Serif; } #TCS.story #shows a.button, #TCS.story #shows input { float: right; margin-right: 3px; font-size: .7em; } #TCS.story #shows #my-tcs { border: none; outline: none; padding: 0; margin: 0; margin-right: 3px; /* Reset */ width: 66px; height: 19px; text-indent: -9999px; cursor: pointer; background: url(../images/sprites.png) no-repeat -158px -145px; } #TCS.story #shows #my-tcs:hover, #TCS.story #shows #my-tcs:focus { background-position: -158px -125px; } #TCS.story #shows #my-tcs.isMyTcs { background-position: -225px -145px; } #TCS.story #shows #my-tcs.isMyTcs:hover, #TCS.story #shows #my-tcs.isMyTcs:focus { background-position: -225px -125px; } #TCS.all-stories .shows .content .content-wrap h1, #TCS.all-stories .shows .content .content-wrap h2, #TCS.all-stories .shows .content .content-wrap h3, #TCS.all-stories .shows .content .content-wrap h4, #TCS.all-stories .shows .content .content-wrap h5, #TCS.all-stories .shows .content .content-wrap h6, #TCS.story #story-container h1, #TCS.story #story-container h2, #TCS.story #story-container h3, #TCS.story #story-container h4, #TCS.story #story-container h5, #TCS.story #story-container h6 { font-family: Arial, Helvetica, Sans-Serif; margin-bottom: 5px; } #TCS.all-stories .shows .content .content-wrap p, #TCS.story #story-container p { padding-bottom: 0px; line-height: 110%; } #TCS.all-stories .shows .content .content-wrap ol, #TCS.all-stories .shows .content .content-wrap ul, #TCS.story #story-container ol, #TCS.story #story-container ul { padding-left: 35px; } #TCS.all-stories .shows .content .content-wrap a { text-decoration: underline; } #TCS.all-stories .shows .content .content-wrap a img, #story-container a img { border: none; } #TCS.announcement .content-wrap, #TCS.userGuide .content-wrap, #TCS.topTen .content-wrap { margin-top: 25px; padding: 10px 25px; background: #fff; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #TCS.userGuide .content-wrap { padding: 5px; } #TCS.topTen .content-wrap { padding: 5px; overflow: hidden; } #TCS.announcement h2, #TCS.userGuide h2, #TCS.topTen h2 { color: #620607; font: bold 125%/125% Arial; margin: 15px 0; } #TCS.announcement p { line-height: 115%; } #TCS #quicklinks li a.topTen { margin-left: 0; } #TCS.announcement #quicklinks li a.topTen:hover, #TCS.announcement #quicklinks li.active a.topTen { -moz-border-radius: 8px 5px 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 5px; border-radius: 8px 5px 0 0; } #TCS.announcement #quicklinks li a:hover, #TCS.announcement #quicklinks li.active a, #TCS.userGuide #quicklinks li a:hover, #TCS.userGuide #quicklinks li.active a, #TCS.topTen #quicklinks li a:hover, #TCS.topTen #quicklinks li.active a { color: #620607; background: #fff; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #TCS.userGuide #guide, #TCS.userGuide #preferences { overflow: hidden; background: #E3E2E9; padding:10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS.userGuide #preferences { position: relative; } #TCS.userGuide #guide { margin-bottom: 5px; } #TCS.userGuide #guide p { font-size:1.125em; line-height:125%; padding-bottom:40px; word-spacing:2px; } #TCS.userGuide #guide .myTcs, #TCS.userGuide #guide .kickAss { position: relative; width: 47%; height: 80px; word-spacing: 1px; } #TCS.userGuide #guide .myTcs { float: left; } #TCS.userGuide #guide .kickAss { float: right; } #TCS.userGuide #guide .button { font-size: .7em; left: auto; position: absolute; right: 0; bottom: 10px; margin-bottom: 10px; } #TCS.userGuide #preferences form div { float: left; margin-right: 25px; } #TCS.userGuide #preferences form div.last { margin-right: 0; } #TCS.userGuide #preferences label { font-size:1.125em; line-height:125%; margin:0 25px 0 5px; vertical-align:middle; } #TCS.userGuide #preferences label.last { margin-right: 0; } #TCS.userGuide #preferences input[type=checkbox] { vertical-align: middle; } #TCS.userGuide #preferences input[type=submit] { width: 167px; display: block; float: right; border: 0; outline: 0; margin: 0; cursor: pointer; height: 22px; color:#FFFFFF; font: bold 0.75em/22px arial,sans-serif; padding:1px 0; text-align:left; text-indent:5px; background: #D51920 url("../images/arrow-sprites.png") no-repeat 151px -95px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #TCS.userGuide #preferences input[type=submit]:hover, #TCS.userGuide #preferences input[type=submit]:active { color: #f0bfce; background: #ad2025 url("../images/arrow-sprites.png") no-repeat 151px -120px; } #TCS.topTen .panel { background: #E3E2E9; padding:0 2%; width:45.7%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS.topTen #topPopular { float: left; } #TCS.topTen #topStaffPick { float: right; } #TCS.topTen .panel li { list-style: none; overflow: hidden; margin-bottom: 15px; } #TCS.topTen .panel li > * { float: left; } #TCS.topTen .panel li input { position: relative; margin-right: 6px; top: -2px; width: 20px; height: 20px; margin-top: 0; margin-bottom: 0; } #TCS.topTen .panel li .title { position: relative; top: -2px; line-height: 125%; color: #0d0d0d; display: block; width: 365px; margin-left: 10px; height: 50px; } #TCS.myTcs #content { width: 944px; height: 450px; margin-top: 0; background: url(../images/TCSContentArt.jpg) no-repeat center -1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: px; } #TCS.myTcs #content { height: 420px; padding: 30px 20px 0; width: 904px; margin-top: 0; } #TCS.myTcs #content .content-wrap > * { float: left; } #TCS.myTcs #content .content-wrap p { color: #fff; float: left; font: 1.125em/125% Helvetica, Arial, Sans-Serif; } #TCS.myTcs #content .content-wrap > .button { width: 215px; margin-left: 40px; color:#FFFFFF; background: #D51920 url(../images/arrow-sprites.png) 198px -95px no-repeat; font-size:0.8em; font-weight:bold; line-height:22px; text-indent:6px; text-transform:uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #TCS.myTcs #content .content-wrap > .button:hover, #TCS.myTcs #content .content-wrap > .button:focus { color: #f0bfce; background: #ad2025 url(../images/arrow-sprites.png) 198px -120px no-repeat; } #TCS.error h2 { width: 71px; height: 19px; text-indent: -9999px; margin: 10px 20px; background: url(../images/sprites.png) no-repeat -158px -224px; } #TCS.error .content-wrap, #TCS.suggestion .content-wrap { width: 906px; height: 450px; padding: 30px 20px 0; background: url(../images/TCSContentArt.jpg) no-repeat center -1px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #TCS.error .content-wrap p, #TCS.suggestion .content-wrap p { color: #fff; position: relative; font: 1.245em/125% Helvetica, Arial, Sans-Serif; word-spacing: 2px; } #TCS.error .content-wrap .button,#TCS.suggestion .content-wrap .button { position: absolute; right: 0; bottom: -30px; } #TCS.suggestion h2 { width: 150px; height: 19px; text-indent: -9999px; margin: 10px 20px; background: url(../images/sprites.png) no-repeat -158px -205px; } #TCS.search #searchArchive p .button:hover, #TCS.search #searchArchive p .button:focus { color: #f0bfce; background: #ad2025 url(../images/arrow-sprites.png) 158px -120px no-repeat; } #TCS.search #searchArchive #datepicker { position: absolute; z-index: 41; right: 10px; top: 45px; } #TCS.search #searchArchive #close { display: none; background:url("../images/close.png") no-repeat; bottom:18px; height:22px; position:absolute; right:14px; text-indent:9999px; width:22px; z-index:1000; } #TCS.search #searchArchive #close:hover { background-position: 0 -22px; } #TCS.suggestion #content form label { display: none; } #TCS.suggestion #content form input[type=text] { width: 35%; height: 25px; margin-right: 1.33%; padding: 0 15px; font-size: 1.125em; line-height: 125%; } #TCS.suggestion #content form textarea { width: 96%; height: 280px; margin-top: 28px; padding: 15px; font: 1.125em/125% Arial, Helvetica, Sans-Serif; } #TCS.suggestion #content form { position: relative; height: 100%; } #TCS.suggestion #content form .submit { position: absolute; bottom: 15px; right: 5px; } #TCS.suggestion #content form .submit > * { float: right; } #TCS.suggestion #content form .submit p { color: #fff; font-size: 1.125em; line-height: 125%; } #TCS.suggestion #content form .submit input { display: block; width: 82px; height: 20px; border: none; outline: none; padding: 0; margin-left: 10px;cursor: pointer; background:url("../images/arrow-sprites.png") no-repeat scroll 68px -95px #D51920; color:#FFFFFF; font-weight: bold; font-size:12px; line-height:20px; text-align:left; text-indent:4px; text-transform:uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #TCS.suggestion #content form .submit input:hover, #TCS.suggestion #content form .submit input:focus, #TCS.suggestion #content form .submit input:active { color: #f0bfce; background: #ad2025 url(../images/arrow-sprites.png) 68px -120px no-repeat; } #TCS.suggestion #content #nameCard { width: 308px; height: 174px; display: block; position: absolute; bottom: 70px; right: 20px; background: url(../images/name-card.png) no-repeat; } #TCS.suggestion #content #nameCard .person { font-size: .675em; margin: 60px 20px 0; } #TCS.suggestion #content #nameCard .person a { color: #fff; margin-right: 14px; } #TCS.suggestion #content #nameCard .person a:hover { color: #efbfce; text-decoration: none; } #TCS.suggestion #content #nameCard .network { font-size:0.75em; font-weight:bold; line-height: 125%; margin: 33px 20px 30px 54px; } #TCS.suggestion #content #nameCard .network a { color: #fff; } #TCS.suggestion #content #nameCard .network a:hover { color: #efbfce; text-decoration: none; } #TCS.search #content .content-wrap { padding: 5px; background: #fff; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS.search #searchArchive { margin-bottom: 5px; background:#E3E2E9; min-height:80px; float: left; width: 100%; position: relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; } #TCS.search #searchArchive h3 { background: #360A15; background:-moz-linear-gradient(0deg, #360A15, #8F1635); background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#360A15), to(#8F1635)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF8F1635'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF8F1635')"; color:#FFFFFF; font:.9245em/125% Arial,Sans-serif; padding:7px 10px 3px; margin-bottom: 5px; text-transform:uppercase; border-bottom: 1px solid #eee; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #TCS.search #searchArchive ul { float: left; width: 60%; } #TCS.search #searchArchive li { float: left; display:block; font-size:.95em; margin:15px 15px 15px 10px; } #TCS.search #searchArchive li a { color: #1c1c1c; } #TCS.search #searchArchive li a:hover { color: #8F1635; text-decoration: none; } #TCS.search #searchArchive p { float:right; margin:15px 0; width:33.5%; position: relative; font-size: .95em; } #TCS.search #searchArchive p .button { width: 174px; padding: 1px 0; float: right; margin-right: 10px; color:#FFFFFF; background: #D51920 url("../images/arrow-sprites.png") no-repeat 158px -95px; font-size:0.9em; font-weight: bold; letter-spacing: -.05em; text-transform: uppercase; line-height:20px; text-indent:5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #TCS.search #searchArchive p .button:hover, #TCS.search #searchArchive p .button:focus { color: #f0bfce; background: #ad2025 url(../images/arrow-sprites.png) 158px -120px no-repeat; } #TCS.search form { float: left; width: 100%; } #TCS.search #criteria { overflow: hidden; background: #e3e2e9; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS.search #criteria .field { float: left; width: 33.33%; } #TCS.search #criteria .field label { padding: 7px 0 3px; } #TCS.search #criteria .query label { padding-left: 10px; } #TCS.search #criteria .query label { background: #360A15; background:-moz-linear-gradient(0deg, #360A15, #520E1F) repeat scroll 0 0 transparent; background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#360A15), to(#520E1F)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF520E1F'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF520E1F')"; border-bottom: 1px solid #eee; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } #TCS.search #criteria .searchScope label { background: #360A15; background:-moz-linear-gradient(0deg, #520E1F, #75132C) repeat scroll 0 0 transparent; background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#520E1F), to(#75132C)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF520E1F', EndColorStr='#FF75132C'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF520E1F', EndColorStr='#FF75132C')"; } #TCS.search #criteria .dateScope label { background: #360A15; background:-moz-linear-gradient(0deg, #75132C, #8F1635) repeat scroll 0 0 transparent; background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#75132C), to(#8f1635)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF75132C', EndColorStr='#FF8F1635'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF75132C', EndColorStr='#FF8F1635')"; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } #TCS.search #criteria .dateScope { width: 33.34%; } #TCS.search #criteria .field label { display: block; color: #fff; text-transform: uppercase; font: .9245em/125% Arial,Sans-serif; } #TCS.search #criteria .field input, #TCS.search #criteria .field select { margin: 20px 0 12px; font-size: .75em; } #TCS.search #criteria .field select { font-size: .85em; position: relative; top: -1px; } #TCS.search #criteria .query input { width: 80%; height: 20px; position: relative; top: -4px; margin-left: 10px; border: #ccc 1px solid; padding: 2px; } #TCS.search #criteria input, #TCS.search #criteria select { width: 90%; } #TCS.search #filter { background: #e3e2e9; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS.search #filter h3 { color:#FFFFFF; font:.9245em/125% Arial,Sans-serif; padding:7px 10px 3px; text-transform:uppercase; margin-bottom: 10px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #360A15; background:-moz-linear-gradient(0deg, #360A15, #8F1635) repeat scroll 0 0 transparent; background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#360a15), to(#8f1635)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF8F1635'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF8F1635')"; } #TCS.search #filter h3 small { text-transform: none; margin-left: 15.5%; } #TCS.search #filter ul { overflow: hidden; margin: 0 10px 5px; } #TCS.search #filter li { float: left; list-style: none; width: 33.33%; } #TCS.search #filter li label { position: relative; top: 2px; } #TCS.search #submit { width: 174px; display: block; border: none; outline: none; float: right; margin: 15px 10px 10px 0; padding: 1px 0; color: #fff; font: bold 14px/22px Arial, Sans-Serif; text-align: left; text-transform: uppercase; text-indent: 5px; letter-spacing: -.05em; background: #D51920 url("../images/arrow-sprites.png") no-repeat 158px -95px; -moz-border-radius: 4px; } #TCS.search #submit:focus, #TCS.search #submit:active, #TCS.search #submit:hover { color: #f0bfce; background: #ad2025 url(../images/arrow-sprites.png) 158px -120px no-repeat; } #TCS.search #searchResults { margin-top: 5px; background: #e3e2e9; width: 100%; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS.search #searchResults h3 { color:#FFFFFF; font:.9245em/125% Arial,Sans-serif; padding:7px 10px 3px; text-transform:uppercase; margin-bottom: 10px; display: block; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #360A15; background:-moz-linear-gradient(0deg, #360A15, #8F1635) repeat scroll 0 0 transparent; background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#360a15), to(#8f1635)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF8F1635'); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FF360A15', EndColorStr='#FF8F1635')"; } #TCS.search #searchResults table { margin: 5px 10px 15px; width: 916px; } #TCS.search #searchResults th { color: #790202; text-transform: uppercase; border-bottom: 2px solid #790202; text-align: left; font-size: .9245em; } #TCS.search #searchResults th.tcsSearchResultDate #TCS.search #searchResults .spacer { height: 15px; border: none; } #TCS.search #searchResults td { vertical-align: top; color: #444; font-size: .875em; padding: 5px 1% 5px 0; border-bottom: 1px solid #ccc; } #TCS.search #searchResults td.tcsSearchResultDate { text-align: right; } #TCS.search #searchResults td a { font-weight: bold; border-bottom: 1px dotted #d0d0d0; color: #000; } #TCS.search #tcsSearchResultsTbl th { cursor: pointer; } #TCS.search #paging { margin-top: -5px; padding: 0 10px 10px; } #TCS.search #paging a, #TCS.search #paging .currentStep, #TCS.search #paging .step { color:#333333; font-size:0.813em; font-weight:bold; margin-right:5px; padding:5px 8px; } #TCS.search #paging a { border: 2px solid #ccc; background: #eaeaea; } #TCS.search #paging a:hover, #TCS.search #paging .currentStep { border: 2px solid #d02233; background: #d02233; color: #fff; text-decoration: none; } #TCS.home #content { background: url(../images/TCSHomeArt.jpg) no-repeat center -95px; margin-top: 0; height: 520px; width: 943px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #TCS.home #content .content-wrap { padding:160px 35px; } #TCS.home #content .content-wrap .button { margin-bottom: 6px; } .archiveMsg { padding:5px 10px; text-align:right; } .archiveMsg time { font-weight:bold; background: #ffeeee;}