* { margin:0; padding:0; background:white; } img { border:0; margin:0; padding:0; background:transparent; } body { color:#036; background:#fff; font:1em/1.1 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } #page { clear:both; width:950px; margin:5px auto; padding:0; } /*----------------- HEADER ---------------- */ #header { clear:both; float:left; height:115px; margin:0 0 2px 0; padding:0; width:950px; } #tag { float:left; margin:0 0 5px 25px; padding:0; text-align:center; width:500px; } #tag h2 { border:0; color:#0076c0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:95%; margin:15px 0 0 0; padding:0; } #tag h3 { color:#036; font-size:90%; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:4px 0; padding:0; } dl#welcome-user { float:left; width:400px; margin:0; padding:0; } dl#welcome-user dt { float:left; display:block; margin:0; padding:0; font-size:1em; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; color:#0076c0; background:#fff; } dl#welcome-user dd#page-title { clear:none; float:left; display:block; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; color:#0076c0; background:#fff; font-style:italic; } .page-title h1 { display:none; } /* simple layout header */ #header #logo { float:right; margin-right:100px; margin-top:15px; } #header #rbm-logo { float:left; margin-top:15px; width:170px; } #header #searchbox { clear:left; float:left; } /* utility-nav */ ul#utility-nav { clear:none; display:inline; float:right; margin:0; padding:0; list-style:none; font-size:11px; } ul#utility-nav li { float:left; margin:0 1px 0 0; padding:1px 5px; list-style:none; color:#036; background:white; border-right:1px solid #fc0; } ul#utility-nav a { color:#036; } ul#utility-nav a:hover { color:#900; background:transparent; text-decoration:underline; } ul#utility-nav li .num-new, ul#utility-nav li .num-total { color:#f60; background:white; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:700; } ul#utility-nav li .num-total { color:#0076c0; background:white; } ul#utility-nav li .title-new { color:#900; background:transparent; padding-left:0; } ul#utility-nav li.last { border:0; } ul#utility-nav li#settings, ul#utility-nav li#help, ul#utility-nav li#admin, ul#utility-nav li#log-out { padding-top:2px; } /* banner - logos and message area */ #banner { clear:both; float:left; width:950px; margin:5px 0 0 0; padding:0; } #banner #rbm-logo { float:left; width:160px; height:105px; margin:0; padding:0; } #banner #messages-container { float:left; width:590px; margin:0; padding:0; height:75px; background:#fff; color:#f00; } #banner #logo { clear:right; float:right; width:200px; height:80px; margin:10px 0 0 0; padding:0; overflow:hidden; } #banner #searchbox { clear:left; float:left; display:block; width:200px; height:27px; margin:3px 5px 3px 0; padding:0; } #banner #search-form { float:left; margin:0; padding:0; } #banner #search-form input { float:left; width:150px; background:#fff; color:#036; font-size:11px; vertical-align:middle; margin-right:3px; } #banner #search-form .go { float:right; display:inline; width:38px; height:20px; } #banner #confirmation { float:left; width:468px; margin:3px 50px; padding:0; background:transparent; text-align:center; } /* messages styles in separate css */ /*-------------------- MAIN CONTENT AREA ----------------------*/ #article { clear:both; float:left; width:950px; margin:5px auto; padding:0; } /* bookmarks area */ #bookmarkspg { float:left; width:725px; margin:0; padding:0; background:#c8d4e6; border:1px solid #ccc; } #bookmarkspg a, #bookmarkspg a:visited { color:#06c; background:transparent; text-decoration:none; } #bookmarkspg a:hover { background:transparent; color:#900; text-decoration:underline; } #bookmarkspg a:active { background:transparent; color:#009; text-decoration:underline; } #bookmarkspg a.deact, #article #bookmarkspg a:visited.deact { background:transparent; color:#999; } #bookmarkspg a:hover.deact { background:transparent; color:#900; } #bookmarkspg a:active.deact { background:transparent; color:#009; } /* bookmarks controls */ #controls-top { background:transparent; clear:both; color:#036; float:left; display:inline; line-height:90%; margin:0; padding:0 0 5px 0; width:725px; } #controls-btm { clear:both; float:left; width:725px; display:inline; margin:0; padding:0; color:#036; background:transparent; line-height:90%; } /* select all none new */ #controls-select-top { float:left; margin:0; padding:5px; background:#c8d4e6; } #controls-select-btm { float:left; margin:5px 0 0 0; padding:5px 5px 0 0; background:#c8d4e6; } #controls-select-top ul, #controls-select-btm ul { float:left; list-style:none; margin:0; padding:0 0 0 5px; background:#c8d4e6; font-size:.8em; } #controls-select-top ul li, #controls-select-btm ul li { float:left; background:#c8d4e6; } #controls-select-top ul li a, #controls-select-btm ul li a { float:left; padding:1px 5px; border-right:1px solid #036; background:transparent; } /* actions */ #top-actions, #btm-actions { float:left; margin:0; padding:0; background:#c8d4e6; } #top-actions ul, #btm-actions ul { float:left; list-style:none; padding:0 0 0 15px; margin:0 0 0 15px; text-transform:uppercase; font-size:12px; line-height:80%; background:#c8d4e6; } #top-actions ul li, #btm-actions ul li { float:left; display:block; font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; margin:0; padding:0 15px 0 0; background:#c8d4e6 url(/images/slant.gif) top right no-repeat; } #top-actions ul li a, #btm-actions ul li a { float:left; display:block; font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif; } #top-actions ul li a:hover, #btm-actions ul li a:hover { text-decoration:none; } #top-actions ul li.last, #btm-actions ul li.last { background-image:none; } #top-actions ul li a.play, #btm-actions ul li a.play { background:transparent url(/images/btn-play-link.gif) left center no-repeat; padding:5px 5px 5px 15px; } #top-actions ul li a.pause, #btm-actions ul li a.pause { background:transparent url(/images/btn-pause-link.gif) left center no-repeat; padding:5px 5px 5px 17px; } #top-actions ul li a.share, #btm-actions ul li a.share { background:transparent url(/images/btn-share-link.gif) left center no-repeat; padding:5px 5px 5px 20px; } #top-actions ul li a.delete, #btm-actions ul li a.delete { background:transparent url(/images/btn-delete-link.gif) left center no-repeat; padding:5px 5px 5px 20px; } #top-actions ul li a.trash, #btm-actions ul li a.trash { padding:3px; } #top-actions ul li a:hover.play, #btm-actions ul li a:hover.play { background:transparent url(/images/btn-play-hover.gif) left center no-repeat; } #top-actions ul li a:hover.pause, #btm-actions ul li a:hover.pause { background:transparent url(/images/btn-pause-hover.gif) left center no-repeat; } #top-actions ul li a:hover.share, #btm-actions ul li a:hover.share { background:transparent url(/images/btn-share-hover.gif) left center no-repeat; } #top-actions ul li a:hover.delete, #btm-actions ul li a:hover.delete { background:transparent url(/images/btn-delete-hover.gif) left center no-repeat; } #top-actions ul li a:hover.trash, #btm-actions ul li a:hover.trash { } #top-actions ul li a:active.play, #btm-actions ul li a:active.play { background:transparent url(/images/btn-play-active.gif) left center no-repeat; } #top-actions ul li a:active.pause, #btm-actions ul li a:active.pause { background:transparent url(/images/btn-pause-active.gif) left center no-repeat; } #top-actions ul li a:active.share, #btm-actions ul li a:active.share { background:transparent url(/images/btn-share-active.gif) left center no-repeat; } #top-actions ul li a:active.delete, #btm-actions ul li a:active.delete { background:transparent url(/images/btn-delete-active.gif) left center no-repeat; } #top-actions ul li a:active.trash, #btm-actions ul li a:active.trash { } #top-actions ul li a.play.deact, #btm-actions ul li a.play.deact { background:transparent url(/images/btn-play-deact.gif) left center no-repeat; } #top-actions ul li a.pause.deact, #btm-actions ul li a.pause.deact { background:transparent url(/images/btn-pause-deact.gif) left center no-repeat; } #top-actions ul li a.share.deact, #btm-actions ul li a.share.deact { background:transparent url(/images/btn-share-deact.gif) left center no-repeat; } #top-actions ul li a.delete.deact, #btm-actions ul li a.delete.deact { background:transparent url(/images/btn-delete-deact.gif) left center no-repeat; } #top-actions ul li a.trash.deact, #btm-actions ul li a.trash.deact { } #top-actions a:hover.deact, #btm-actions a:hover.deact, #top-actions a:visited.deact, #btm-actions a:visited.deact, #top-actions a:active.deact, #btm-actions a:active.deact { color:#999; } /* selected text within controls */ #top-actions li a span.selected, #btm-actions li a span.selected, #top-actions a span.selected, #btm-actions a span.selected { background:transparent; color:#06c; display:block; font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif; font-size:xx-small; } #top-actions li a:hover span.selected, #btm-actions li a:hover span.selected, #top-actions a:hover span.selected, #btm-actions a:hover span.selected { background:transparent; color:#900; } #top-actions li a:active span.selected, #btm-actions li a:active span.selected, #top-actions a:active span.selected, #btm-actions a:active span.selected { background:transparent; color:#009; } #top-actions li a.play.deact span.selected, #btm-actions li a.play.deact span.selected, #top-actions li a.share.deact span.selected, #btm-actions li a.share.deact span.selected,#top-actions li a.delete.deact span.selected, #btm-actions li a.delete.deact span.selected { background:transparent; color:#999; } /* page selection */ #controls-page-top { float:right; text-align:right; display:inline; margin:0; padding:5px; background:#c8d4e6; font-size:.8em; } #controls-page-btm { float:right; text-align:right; display:inline; margin:5px 0 0 0; padding:5px 5px 0 0; background:#c8d4e6; font-size:.8em; } #controls-page-top img, #controls-page-btm img { padding:0 2px; background:#c8d4e6; } #controls-page-top strong, #controls-page-btm strong { background:#c8d4e6; } /* individual bookmarks area */ #bookmarks { clear:both; float:left; width:725px; margin:0; padding:0 0 5px 0; background:#c8d4e6; font-size:.8em; } /* bookmarks header area */ #bookmarks-header { clear:both; float:left; width:100%; height:1em; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; margin:0; padding:0; background:#c8d4e6; font-size:12px; } #bookmarks-header dt.head-bookmarks { float:left; margin:0; padding:0 0 0 35px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; width:320px; } #bookmarks-header .head-length { float:left; width:80px; } #bookmarks-header .head-program { float:left; width:130px; } #bookmarks-header .head-provider { float:left; } /* individual bookmarks */ #bookmarks dl { float:left; width:716px; margin:0 3px 3px 3px; padding:1px 1px 5px 1px; line-height:90%; } #bookmarks dl input { margin:0; padding:0; } #bookmarks dl dt { clear:both; float:left; padding:0 0 2px 0; margin:0 5px 0 0; font-family:Georgia, "Times New Roman", Times, serif; line-height:100%; width:350px; letter-spacing:normal; font-size:95%; background:transparent; overflow:hidden; } #bookmarks dl dt a, #bookmarks dl dt a:visited { padding-left:2px; letter-spacing:normal; background:transparent; } #bookmarks dl dt a.favorite-y { background:transparent url(/images/fav-y-read.gif) left center no-repeat; } #bookmarks dl dt a.favorite-n { background:transparent url(/images/fav-n-read.gif) left center no-repeat; } #bookmarks a.favorite { background:transparent; width:20px; height:20px; margin:1px; padding:0; display:block;} #bookmarks dl dt.segment-new { font-weight:bold; color:#900; background:transparent; } #bookmarks dl dt.segment-read { font-weight:normal; color:#666; background:transparent; } #bookmarks dl dt.segment-selected { color:#039; background:transparent; } #bookmarks dl dd { float:left; display:block; overflow:hidden; margin:0 2px; padding:0 0 1em 0; height:1%; font-size:.85em; background:transparent; } #bookmarks dl dd a, #bookmarks dl dd a:visited { color:#06c; text-decoration:none; background:transparent; } #bookmarks dl dd a:hover, #bookmarks dl dd a:active { background:transparent; color:#900; text-decoration:underline; } .segment-new { font-weight:bold; font-size:110%; background:transparent; } .segment-link { background:transparent; } #bookmarks dl.bookmark-read, #bookmarks dl.bookmark-new { background:#eee url(/images/bkgd_diagline.gif) top left repeat; border:1px solid #aaa; border-top:#fff; border-left:#fff; } #bookmarks dl.bookmark-readfav, #bookmarks dl.bookmark-newfav { background:#eee url(/images/bkgd_diagline.gif) top left repeat; border:1px solid #aaa; border-top:#fff; border-left:#fff; } #bookmarks dl.bookmark-selected { background:#fc6; border:1px solid #f60; border-top:#fff; border-left:#fff; } #bookmarks dl.bookmark-selectedfav { background:#fc6; border:1px solid #f60; border-top:#fff; border-left:#fff; } #bookmarks dl dd.length, #bookmarks dl dd.program, #bookmarks dl dd.provider, #bookmarks dl dd.bkmk-provider-logo { float:left; text-decoration:none; background:transparent; color:#036; margin:2px 5px 0 0; vertical-align:middle; } #bookmarks dl dd.length { width:80px; } #bookmarks dl dd.program { width:128px; } #bookmarks dl dd.provider { width:135px; padding-top:3px; } #bookmarks dl dd.bkmk-provider-logo { float:left; width:110px; height:25px; padding-bottom:0; overflow:hidden; } /* time and station selector */ #bookmarks dl dd.bookmark-time-selector, #bookmarks dl dd.station-selector { float:left; display:inline; margin:0; padding:0; height:1%; } #bookmarks dl dd.bookmark-time-selector { clear:left; margin:0; width:355px; } #bookmarks dl dd.station-selector { width:336px; } #bookmarks dl dd.bookmark-time-selector a, #bookmarks dl dd.bookmark-time-selector a:visited, #bookmarks dl dd.station-selector a, #bookmarks dl dd.station-selector a:visited { float:left; width:98%; margin:0; padding:0; text-decoration:none; } #bookmarks dl dd.bookmark-time-selector a:hover#bookmarks dl dd.station-selector a:hover { background:transparent; color:#900; } #bookmarks dl dd.bookmark-time-selector a:active, #bookmarks dl dd.station-selector a:active { background:transparent; color:#009; } .modify, a:visited .modify { float:left; background:transparent url(/images/updown-link.gif) left center no-repeat; padding-left:8px; cursor:pointer; margin:0 20px 0 47px; text-transform:uppercase; font-size:.9em; } .change, a:visited .change { float:left; background:transparent url(/images/updown-link.gif) left center no-repeat; padding-left:8px; cursor:pointer; margin:0 17px 0 0; width:60px; text-transform:uppercase; font-size:.9em; } #bookmarks dl dd.bookmark-time-selector a:hover .modify, #bookmarks dl dd.station-selector a:hover .change { background:transparent url(/images/updown-hover.gif) left center no-repeat; } #bookmarks dl dd.bookmark-time-selector a:active .modify, #bookmarks dl dd.station-selector a:active .change { background:transparent url(/images/updown-active.gif) left center no-repeat; } /* POP-UPS */ #bookmarks .segment-time, #bookmarks .segment-station { clear:left; float:left; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:11px; position:absolute; border:1px solid #0076c0; border-top:1px solid #eee; border-left:1px solid #eee; background:#c8d4e6; line-height:110%; overflow:hidden; list-style:none; width:300px; background-image:none; text-transform:none; margin:0; padding:5px 2px; } #bookmarks ul.segment-time { left:55px; } #bookmarks ul.segment-station { left:400px; } #bookmarks ul.segment-station li, #bookmarks ul.segment-time li { clear:both; display:inline; background-image:none; margin:0; padding:0; } #bookmarks ul.segment-station li a, #bookmarks ul.segment-time li a, #bookmarks ul.segment-station li a:visited, #bookmarks ul.segment-time li a:visited { clear:both; display:block; background:#d6e1f2; color:#039; text-decoration:none; border:1px solid #0076c0; border-left:1px solid #fff; border-top:1px solid #fff; vertical-align:middle; overflow:hidden; background-image:none; width:290px; margin:1px; padding:2px; } #bookmarks ul.segment-time li a:hover, #bookmarks ul.segment-station li a:hover { background:#900; color:#fff; border:1px solid #fff; border-left:1px solid #0076c0; border-top:1px solid #0076c0; text-decoration:none; background-image:none; } #bookmarks ul.segment-time li a:active, #bookmarks ul.segment-station li a:active { background:#f60; color:#009; text-decoration:none; background-image:none; } #bookmarks ul li span.popup_indent { padding-left:65px; display:block; background:transparent; } /*--------------------- SEARCH RESULTS ---------------------*/ /* search-results bookmarks content */ #search-results #bookmarkspg { clear:both; float:left; width:725px; margin:0; padding:0; background:#c8d4e6; border:1px solid #ccc; } #search-results #bookmarkspg #bookmarks a { background:transparent; color:#06c; text-decoration:none; } #search-results #bookmarkspg #bookmarks a:visited { background:transparent; color:#06c; text-decoration:none; } #search-results #bookmarkspg #bookmarks a:hover { background:transparent; color:#900; text-decoration:underline; } #search-results #bookmarkspg #bookmarks a:active { background:transparent; color:#009; text-decoration:underline; } #search-results #bookmarkspg #bookmarks a.deact, #search-results #bookmarkspg #bookmarks a:visited.deact { background:transparent; color:#999; } #search-results #bookmarkspg #bookmarks a:hover.deact { background:transparent; color:#900; } #search-results #bookmarkspg #bookmarks a:active.deact { background:transparent; color:#009; } /* search-results bookmarks controls */ #search-results #controls-top, #search-results #controls-btm { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-weight:bold; color:#036; line-height:90%; clear:both; float:left; width:723px; display:inline; margin:0; padding:0; } #search-results #controls-top { padding:0 0 5px 0; } #search-results #controls-page-top { float:right; text-align:right; display:inline; margin:0; padding:5px; } #search-results #controls-page-btm { float:right; text-align:right; display:inline; margin:5px 0 0 0; padding:5px 5px 0 0; } #search-results #controls-page-top img, #search-results #controls-page-btm img { padding:0 2px; } div#controls-page-top div.pagination { float:right; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:.8em; } /* search-results bookmarks listing area */ #search-results #bookmarks { background:#c8d4e6; color:#036; clear:both; float:left; height:1%; margin:0; padding:0 0 5px 0; width:725px; } /* search-results bookmarks header */ #search-results #bookmarks #bookmarks-header { background:transparent; clear:both; float:left; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:.9em; font-weight:normal; margin:0 0 1em 0; padding:0; text-transform:uppercase; width:100%; } #search-results #bookmarks #bookmarks-header dt.head-bookmarks { float:left; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0 0 0 35px; text-transform:uppercase; width:270px; } #search-results #bookmarks #bookmarks-header .head-length { float:left; font-size:1em; width:90px; } #search-results #bookmarks #bookmarks-header .head-program { float:left; font-size:1em; width:175px; } #search-results #bookmarks #bookmarks-header .head-provider { float:left; font-size:1em; } /* search-results bookmarks search list */ #search-results #bookmarks ul { background:transparent; color:#036; font-family:Georgia, "Times New Roman", Times, serif; color:#06c; font-weight:bold; list-style:none; margin:0; padding:0; } #search-results #bookmarks ul li { background:transparent; clear:both; color:#036; margin:-1px 5px 1px 0; padding:0; } /* search-results individual bookmarks */ #search-results #bookmarks ul li dl { background:#eee url(/images/bkgd_diagline.gif) top left repeat; border:1px solid #aaa; border-top:#fff; border-left:#fff; float:right; line-height:90%; margin:-8px 1px 12px 0; padding:1px 1px 5px 1px; width:705px; } /* search-results individual bookmarks dt */ #search-results #bookmarks ul li dl dt { clear:both; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:.95em; letter-spacing:normal; line-height:100%; margin:0 2px 0 0; overflow:hidden; padding:0 0 2px 0; width:290px; } #search-results #bookmarks ul li dl dt a { letter-spacing:normal; padding-left:2px; } #search-results #bookmarks ul li dl dt a.add2bkmks { margin:0 3px 1px 2px; padding:0; } /* search-results individual bookmarks dd */ #search-results #bookmarks ul li dl dd { display:block; float:left; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:.85em; font-weight:normal; height:1%; margin:0 1px; overflow:hidden; padding:5px 0 .5em 0; } #search-results #bookmarks ul li dl dd a, #search-results #bookmarks ul li dl dd a:visited { background:transparent; color:#06c; text-decoration:none; } #search-results #bookmarks ul li dl dd a:hover, #search-results #bookmarks ul li dl dd a:active { background:transparent; color:#900; text-decoration:underline; } /* search-results individual bookmark dd by type */ #search-results #bookmarks ul li dl dd.length, #search-results #bookmarks ul li dl dd.program, #search-results #bookmarks ul li dl dd.provider { float:left; text-decoration:none; background:transparent; color:#036; vertical-align:middle; } #search-results #bookmarks ul li dl dd.length { width:90px; } #search-results #bookmarks ul li dl dd.program { overflow:hidden; width:176px; } #search-results #bookmarks ul li dl dd.provider { float:right; margin-right:10px; overflow:hidden; width:120px; } #search-results #bookmarks ul li dl dd.bkmk-provider-logo { float:right; height:25px; margin-right:10px; overflow:hidden; width:120px; } /* search-results time and station selector */ #search-results #bookmarks ul li dl dd.bookmark-time-selector, #search-results #bookmarks ul li dl dd.station-selector { float:left; display:inline; margin:0; padding:1px 0; height:1%; } #search-results #bookmarks ul li dl dd.bookmark-time-selector { clear:left; margin:0; margin-right:2px; padding-left:25px; width:265px; } #search-results #bookmarks ul li dl dd.station-selector { display:inline; width:260px; } #search-results #bookmarks ul li dl dd.bookmark-time-selector a, #search-results #bookmarks ul li dl dd.bookmark-time-selector a:visited, #search-results #bookmarks ul li dl dd.station-selector a, #search-results #bookmarks ul li dl dd.station-selector a:visited { float:left; width:98%; margin:0; padding:0; text-decoration:none; } #search-results #bookmarks ul li dl dd.bookmark-time-selector a:hover#search-results #bookmarks ul li dl dd.station-selector a:hover { background:transparent; color:#900; } #search-results #bookmarks ul li dl dd.bookmark-time-selector a:active, #search-results #bookmarks ul li dl dd.station-selector a:active { background:transparent; color:#009; } /*--------------------------- RESTORE PAGE ---------------------------*/ #bookmarkspg #restore-page { clear:both; float:left; width:725px; margin:0; padding:0; background:#c8d4e6; border:1px solid #ccc; } #bookmarkspg #restore-page h2 { text-align:center; color:#06c; background:transparent; font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px; margin-bottom:10px; } #top-actions, #bookmarkspg #restore-page #btm-actions { float:left; margin-left:25px; } #bookmarkspg #restore-page #bookmarks dl { float:left; width:716px; margin:0 3px 3px 3px; padding:1px 1px 5px 1px; line-height:90%; background:#ffc url(/images/bkgd_diagline.gif) top left repeat; border:1px solid #aaa; border-top:#fff; border-left:#fff; } #bookmarkspg #restore-page #bookmarks dl dt { width:325px; margin:0; padding:0; background:transparent; } #bookmarkspg #restore-page #bookmarks dl dt .bookmark_title { display:block; background:transparent; margin-top:2px; padding-top:2px; } #bookmarkspg #restore-page #bookmarks dl dt .restore a { float:left; display:block; margin:1px; padding:3px 5px 10px 25px; background:transparent url(../images/btn-restore-link.gif) 0 0 no-repeat; font-family:"Arial Black", Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:.8em; } #bookmarkspg #restore-page #bookmarks dl dt .restore a:hover { background:transparent url(../images/btn-restore-hover.gif) 0 0 no-repeat; } #bookmarkspg #restore-page #bookmarks dl dt .restore a:active { background:transparent url(../images/btn-restore-active.gif) 0 0 no-repeat; } #bookmarkspg #restore-page #bookmarks dl dd { display:block; min-height:21px; padding:1px 0; margin:2px 2px 0 0; vertical-align:middle; } #bookmarkspg #restore-page #bookmarks dl dd.bookmark-time-selector { width:270px; margin:0 0 1px 85px; padding:0; min-height:10px; } #bookmarkspg #restore-page #bookmarks dl dd.station-selector { float:left; margin-left:80px; width:100px; min-height:10px; } #bookmarkspg #restore-page #bookmarks dl dd.length { width:110px; } #bookmarkspg #restore-page #bookmarks dl dd.program { width:150px; } #bookmarkspg #restore-page #bookmarks dl dd.provider { width:115px; } #bookmarkspg #restore-page #bookmarks dl dd.bkmk-provider-logo { float:left; width:110px; } #bookmarkspg #restore-page .restore { background:transparent; } /*--------------------------- ASIDE ---------------------------*/ #aside { background:white; color:#666; float:right; font-size:.9em; margin:0; padding:0; width:199px; } #aside a { text-decoration:none; background:transparent; } #aside a:visited { background:transparent; color:#666; } #aside a:hover { background:transparent; color:#900; } #aside a:active { background:transparent; color:#009; text-decoration:underline; } #aside dl { clear:both; float:left; display:block; width:197px; border:1px solid #ccc; background:#ffc; margin:0 0 25px 0; padding:0 0 5px 0; } #aside dl dt { float:left; display:block; margin:0; padding:2px 0; width:197px; background:#fc0; color:#036; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; border-bottom:#fdb913 1px solid; } #aside dl dd { display:block; width:99%; margin:5px 1px; padding:0 2px; line-height:120%; background:transparent; font-size:.9em; } #aside dl dd ul { clear:both; float:left; display:block; list-style:none; width:100%; margin:0; padding:0; } #aside dl dd ul li { display:block; margin:0 0 4px 0; padding:0 0 0 15px; background:transparent url(/images/bullet-aside-list.gif) top left no-repeat; } #aside dl dd a { display:block; background:transparent; color:#0076c0; margin:0; padding:3px 3px 8px 3px; border-bottom:1px solid #eec; } #aside dl dd a:visited { background:transparent; color:#036; } #aside dl dd a:hover { background:transparent; color:#900; border-bottom:1px solid #dd0; } #aside dl dd a:active { background:transparent; color:#009; text-decoration:underline; } #reports #aside {padding: 0 0 20px 0;} /* --- search results aside ---*/ #search-results #aside { float:right; width:199px; margin:0; padding:0; color:#036; background:transparent; font-family:Georgia, "Times New Roman", Times, serif; font-size:.9em; font-weight:normal; } #search-results #aside a { background:#fff; color:#06c; text-decoration:none; } #search-results #aside a:visited { background:#fff; color:#666; text-decoration:none; } #search-results #aside a:hover { background:transparent; color:#900; } #search-results #aside a:active { background:transparent; color:#009; text-decoration:underline; } #search-results #aside dl { clear:both; float:left; display:block; width:198px; border:1px solid #c8d4e6; background:#fff; margin:0 0 25px 0; padding:0 0 5px 0; } #search-results #aside dl dt { float:left; display:block; margin:0 0 10px 0; padding:4px 0; width:198px; background:#0076c0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; border-bottom:#036 1px solid; } #search-results #aside dl dd { display:block; width:194px; margin:5px 1px; padding:5px 1px 0 4px; line-height:120%; background:transparent; color:#06c; background:transparent; } #search-results #aside dl dd ul { clear:both; float:left; display:block; list-style:none; width:100%; margin:2px 0; padding:0; background:none; background:transparent; } #search-results #aside dl dd ul li { background:none; background:transparent; color:#036; display:block; margin:0 0 .1em 0; padding:0 0 0 .1em; } #search-results #aside dl dd a { background:#fff; border:0; text-decoration:none; } #search-results #aside dl dd a:visited { background:#fff; color:#036; text-decoration:none; } #search-results #aside dl dd a:hover { background:transparent; color:#900; background:none; } #search-results #aside dl dd a:active { background:transparent; color:#009; text-decoration:underline; } #search-results #aside input { margin:2px; padding:2px; } #search-results #aside dl dd ul li a.little-btn { display:inline; width:10px; height:12px; margin:2px 2px 0 0; padding:1px; background:#fff url(/images/btn-delete-word-link.gif) center no-repeat; text-decoration:none; border:1px solid #fff; } #search-results #aside dl dd ul li a:hover.little-btn { background:transparent url(/images/btn-delete-word-hover.gif) center no-repeat; } #search-results #aside dl dd ul li a:active.little-btn { background:transparent url(/images/btn-delete-word-active.gif) center no-repeat; } #search-results #aside input { color:#036; font-size:11px; vertical-align:middle; } #search-results #aside dl dd ul li select { margin:0; padding:0; } #search-results #aside dl dd ul li select#date-dd, #search-results #aside dl dd ul li select#date-mm, #search-results #aside dl dd ul li select#date { font:11px/1 Arial, Helvetica, sans-serif; margin:1px 0 .5em 1px; } #search-results #aside dl dd ul li select#date-dd, #search-results #aside dl dd ul li select#date-mm { width:4.9em; } #search-results #aside dl dd ul li select#date { width:6em; } #search-results #aside dl dd ul li a#fd-but-date { clear:both; display:block; margin:1px; padding:0; width:23px; } /*--------------------------- SEARCH RESULTS DATEPICKER ---------------------------*/ /* The next & previous buttons */ div.datePicker th span { display:inline; padding:0; margin:0; color:#06c; text-align:center; line-height:1em; border:0; font-family:"Trebuchet MS", verdana, sans-serif; background:transparent; font-weight:bold; cursor:pointer; } div.datePicker th span.month-display, div.datePicker th span.year-display { text-transform:uppercase; font:700 .8em/1.1 verdana, sans-serif; cursor:default; background:transparent; color:#06c; } div.datePicker th span.prev-but, div.datePicker th span.next-but { font-size:1.8em; cursor:pointer !important; } div.datePicker th span.today-but { text-align:center; margin:0 auto; font:700 .8em/1.6 verdana, sans-serif; width:100%; text-decoration:none; text-transform:uppercase; cursor:pointer !important; } div.datePicker thead th span.fd-disabled { background:transparent; color:#aaa; cursor:default !important; } /* The table */ div.datePicker table { position:absolute; left:735px; top:475px; z-index:9999; margin:0; padding:0; border:1px solid #ccc; background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) 0 -20px repeat-x; text-align:center; width:200px; border-spacing:.1em; table-layout:fixed; border-collapse:separate; } /* Common TD & TH styling */ div.datePicker table td { border:1px solid #ccc; padding:0; text-align:center; vertical-align:middle; /* Opera requires a line-height bigger than 1em in order to redraw properly */ line-height:1em; cursor:pointer; background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) 0 -40px repeat-x; width:2em; height:2em !important; height:2.8em; outline:none; } div.datePicker table th { padding:0; line-height:1em; font-weight:bold; color:#06c; text-align:center; vertical-align:middle; } div.datePicker table td.date-picker-unused { background:#fff url(/images/datepicker/backstripes.gif); border-color:#dcdcdc; padding:0; cursor:default !important; } div.datePicker table thead th.date-picker-title { width:auto; height:auto; padding:0.4em 0; } /* The "mon tue wed etc" day header button styles */ div.datePicker table th.date-picker-day-header { text-transform:uppercase; height:1em; width:1.7em; } div.datePicker table th.date-picker-day-header span { display:block; } /* The "todays date" style */ div.datePicker table td.date-picker-today { background:#fff url(/images/datepicker/bullet2.gif) 0 0 no-repeat; font-family:verdana, sans-serif; font-weight:bold; color:rgb(255,090,000) !important; } div.datePicker table td:hover { background:#0076c0; color:#fff; } div.datePicker table td:active { background:#009; color:#f60; } /*--------------------------- RETURN TO BOOKMARKS LINK ---------------------------*/ #search-results a.return, #restore-page a.return, #search-results a:visited.return, #restore-page a:visited.return { background:transparent url(../images/btn-returnto-link.gif) left center no-repeat; display:block; font-family:"Arial Black", Georgia, "Times New Roman", Times, serif; font-size:16px; padding:5px 25px; text-decoration:none; text-transform:uppercase; } #search-results a:hover.return, #restore-page a:hover.return { background:transparent url(/images/btn-returnto-hover.gif) left center no-repeat; color:#900; text-decoration:none; } #search-results a:active.return, #restore-page a:active.return { background:transparent url(/images/btn-returnto-active.gif) left center no-repeat; color:#009; } a.return span.selected, a:visited.return span.selected { font-size:x-small; line-height:1; margin-top:0; padding-top:0; } a:hover.return span.selected { background:transparent; color:#900; } a:active.return span.selected { background:transparent; color:#009; } /*--------------------------- WELCOME PAGE ---------------------------*/ #welcome { clear:both; width:700px; } #welcome h1, #welcome h2, #welcome p { margin:0 10px 5px 15px; line-height:1.3; } #welcome strong { color:#0076c0; background:transparent; } #welcome dl { clear:both; float:left; width:100%; margin:15px 0; display:block; padding-bottom:10px; min-height:150px; } #welcome dl.one { background:transparent url(/images/welcome1.gif) bottom left no-repeat; } #welcome dl.two { background:transparent url(/images/welcome2.gif) bottom left no-repeat; } #welcome dl.three { background:transparent url(/images/welcome3.gif) bottom left no-repeat; } #welcome dl.four { background:transparent url(/images/welcome4.gif) bottom left no-repeat; } #welcome dl.five { background:transparent url(/images/welcome5.gif) bottom left no-repeat; } #welcome dl.six { background:transparent url(/images/welcome6.gif) bottom left no-repeat; } #welcome dl.seven { background:transparent url(/images/welcome7.gif) bottom left no-repeat; } #welcome dl.eight { background:transparent url(/images/welcome8.gif) bottom left no-repeat; } #welcome dl.nine { background:transparent url(/images/welcome9.gif) bottom left no-repeat; } #welcome dl.ten { background:transparent url(/images/welcome10.gif) bottom left no-repeat; } #welcome dl dt { background:transparent url(/images/welcome-bkgd-dt.gif) top left no-repeat; margin-bottom:0; padding-bottom:0; color:#fff; } #welcome dl dd { margin:5px 25px 5px 100px; font-size:.9em; line-height:1.3; background:transparent; } #welcome dl.two dd { margin-left:115px; } #welcome dl.ten dd { margin-left:135px; } #welcome dl.seven dd { margin-left:85px; } #welcome dl.eight dd { margin-left:85px; } #welcome dl.nine dd { margin-left:80px; } #welcome .floatright { float:right; margin:5px 5px 10px 10px; } #welcome a, #welcome a:visited { background:transparent; } /*--------------------------- TYPOGRAPHY ---------------------------*/ table, tbody, tr, td { margin:0; padding:0; background:transparent; } table tr td span, table tr td input { background:transparent; } dl { clear:both; float:left; display:block; margin:5px 0 15px 0; } dl dt { font-weight:normal; margin-bottom:3px; background:transparent; } dl dd { float:left; } dl dd ul { list-style:none; float:left; } dl dd ul li, dl dd ul li a { display:block; padding:3px 15px; background:transparent url(/images/bullet-aside-list.gif) left center no-repeat; } h1, h2, h3, h4 { clear:both; font-family:Georgia, "Times New Roman", Times, serif; } h1 { font-size:1.2em; color:#036; padding:5px 0; } h2 { font-size:1.1em; padding:3px 0; } p { margin:0; padding:0 0 8px 0; } a, a:visited { background:transparent; color:#06c; text-decoration:none; } a:hover { background:transparent; color:#900; text-decoration:underline; } a:active { background:transparent; color:#f60; text-decoration:underline; } input { margin:2px 0; padding:0; background:transparent; color:#036; } /* unique classes */ .last { border-right:0; } .module { width:270px; margin-right:15px; float:left; } .module-wide { width:420px; margin-right:15px; float:left; } .module h2 { font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#06c; margin:12px 0 0 0; background:transparent url(/images/bullet-aside-list.gif) 0 .35em no-repeat; padding-left:15px; } .module p { font-size:.9em; line-height:160%; } .module-wide h2 { font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#06c; margin:12px 0 0 0; background:transparent url(/images/bullet-aside-list.gif) 0 .35em no-repeat; padding-left:15px; } .module-wide p { font-size:.9em; line-height:160%; } .module label { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:160%; } .module p.twobuttonsexplain { margin-top:45px; font-size:.9em; } .module .savechanges { font-weight:bold; float:right; margin-right:66px; margin-top:10px; } .savechanges input { float:left;} .savechanges a { padding-top:3px; margin-left:4px; float:left; font-size:80%;} .alignright { text-align:right; } .note { background:#3f9; clear:both; display:block; } /* errors and notices */ /*--------------------------- REMINDER PANEL ---------------------------*/ /* #reminder_panel_c {left:250px; top:200px;} */ /*this uses absolute position*/ #reminder_panel_position { margin-left:188px; } #reminder_panel .bd { background-color:#fc0; } /* .yui-skin-sam .yui-panel .hd {background-color:grey; background-image:none}*/ #dont_remind { font-size:80%; } #dont_remind a, #dont_remind a:visited { background:transparent; color:#f60; } #dont_remind a:hover { background:transparent; color:#000; } #dont_remind a:active { background:transparent; color:#fff; } #install_container { float:right; } .two-buttons { float:right; margin-right:100px;} .inline-img { margin:0 1px; padding:0; display:inline; } #errorExplanation, #errorExplanation h2, #errorExplanation p, #errorExplanation ul { clear:both; color:#f00; margin:0; padding:0; list-style:none; background-color:#fff; background-image:none; } #errorExplanation ul li { clear:both; color:#f00; margin:0; padding:0; line-height:200%; background-color:#fff; } #errorExplanation p { font-size:110%; } #install_player_nag { clear:both; display:block; float:left; width:190px; margin:0 0 16px 0; padding:5px; background:#fc0; color:#036; border:1px solid #f60; text-align:left; } #reminder_panel p, #install_player_nag p, #install_player_nag a, #install_player_nag a:hover { background:#fc0; } #errorExplanation, #errorExplanation h2, #errorExplanation p, #errorExplanation ul, #errorExplanation ul li { clear:both; background:#fff; color:#f00; margin:2px; background-image:none; list-style:none; } p.notice { margin:0; padding:0; display:inline; line-height:.9em; font-size:.75em; background:#ffc; color:#3c9; font-style:italic; } p.error { margin:0; padding:0; display:inline; line-height:.9em; font-size:.75em; background:#ffc; color:#009; font-style:italic; } /*-------------------------- STORE ---------------------------*/ div#header div#store-tag { background:#fff; color:#0076c0; float:left; font-size:.9em; font-weight:bold; width:420px; margin:40px 0 5px 50px; padding:0; text-align:center; } div#header #badge { clear:none; float:right; margin:0; padding:0; width:200px; } div#store h1 { clear:both; color:#036; display:block; float:left; margin:1em 0 1em 0; padding:0; text-align:center; } div#video-display { border:thin solid #ddd; float:right; height:226px; margin:5px; padding:0; width:401px; } div#video-display object, div#video-display embed { display:block; float:right; height:225px; margin:0; padding:0; width:400px; } dl#window-display { clear:none; float:left; margin:0 0 10px 35px; padding:0; width:325px; } dl#window-display dt { clear:both; float:left; margin:0; padding:0; width:325px; } dl#window-display dd.price { color:#0076c0; float:left; font-family:Verdana, Geneva, sans-serif; font-size:1.35em; font-weight:bold; margin:0; } dl#window-display dd.addtocart { clear:none; float:left; margin:0 0 5px 30px; } dl#window-display dd.free-with-membership a { clear:both; color:#666; float:left; font-size:.7em; width:350px; } /* jquery scroll */ ul#navigation { background:#fff; border-bottom:1px solid #c8d4e6; clear:both; float:left; list-style:none; margin:20px 0 0 15px; padding:0; width:940px; } ul#navigation li { display:block; float:left; margin:0 10px 0 0; padding:0; } ul#navigation li a { background:#ffc url(../images/store-nav-grad.gif) bottom left repeat-x; border:1px solid #c8d4e6; color:#06c; font-size:1em; font-weight:bolder; margin-bottom:15px; padding:2px 6px 5px 6px; text-decoration:none; } div#article ul#navigation li.highlight a { background:#fff; border-bottom:1px solid #fff; color:#0076c0; } ul#navigation li a#section1 { } ul#navigation li a#section2 { } ul#navigation li a#section3 { } ul#navigation li a#section4 { } ul#navigation a.scrolling { color:#933; } div#store-content { border-bottom:1px solid #eee; background:#fff; clear:both; float:left; font-size:1em; height:700px; margin:0; padding:0; overflow:hidden; position:relative; width:940px; } div#store-content ul { line-height:120%; list-style:disc; } div#store-content div.section { clear:both; float:left; margin:0 0 50px 0; overflow:hidden; padding:0 0 5px 0; position:relative; width:940px; } div#store-content div.section ul { list-style:disc; margin:5px; padding:0; } div#store-content div.section h2 { background:transparent; color:#0076c0; font-family:Verdana, Geneva, sans-serif; font-size:.9em; padding-top:10px; } div#store-content div.section h3 { color:#036; font-family:Verdana, Geneva, sans-serif; font-size:.8em; margin-top:.8em; } div#store-content div.section p { clear:both; font-size:.9em; line-height:130%; margin:2px 0; padding:3px 0; } div#store-content div.section a { background:#ffc; color:#06c; font-weight:bolder; text-decoration:underline; } div.section ul li.sub ul.list-descrip { list-style:none; } div.section ul li.sub ul.list-descrip li { font-size:.9em; margin:.6em 0; } li#section1, li#section2, li#section3, li#section4 { height:690px; overflow:hidden; width:100%; } li#section2 ul#sample-programs { float:left; list-style:none; margin:3px 25px; padding:0; width:300px; } li#section2 ul#sample-programs li { background:transparent url(/images/store-bullet.gif) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:.85em; margin:2px 0; padding:2px 0 2px 1.3em; text-align:left;} li#section2 div#station-select { float:right; margin-right:100px; width:300px; } li#section2 div#station-select p label { display:none; } li#section2 #schedule_area { background:#eee; border:1px solid #ddd; clear:right; color:#036; float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.85em; height:340px; margin:1px 100px 1px 1px; padding:0; overflow:auto; width:300px; } li#section2 #schedule_area div.schedule_days { display:block; float:left; margin:0; padding:5px; width:270px; } li#section2 #schedule_area div.schedule_days h2 { margin:0; padding:0; } li#section2 #schedule_area div.schedule_days ul { background:transparent; color:#036; list-style:none; margin:0; padding:0; } li#section2 #schedule_area div.schedule_days ul li { background:transparent; border-bottom:2px solid #eee; color:#036; margin:0; padding:1px 0; } li#section2 #schedule_area div.schedule_days ul.schedule_list li.supported { background:#ffc; font-weight:bold; padding:1px; } span.schedule_days_time_span { background:transparent; clear:both; display:block; font-size:.8em; } span.schedule_days_program { background:transparent; font-family:Georgia, "Times New Roman", Times, serif; font-size:.8em; } li#section3 blockquote { font-size:.9em; margin:10px 25px 20px 25px; padding:0; } li#section3 blockquote cite { font-family:Verdana, Geneva, sans-serif; font-size:.7em; font-style:normal; } ul.bulleted li, li#section4 ul li { background:transparent url(/images/store-bullet.gif) top left no-repeat; font-size:.9em; margin:2px 0; padding:2px 0 2px 1.3em; } dl#payment-types { clear:both; color:#666; float:left; font-size:.7em; margin:5px 0 0 0; padding:0; text-align:right; width:950px; } dl#payment-types dt, dl#payment-types dd { clear:both; float:right; margin:0; padding:0; } div#order-contact { clear:both; margin-bottom:30px; width:100%; } div#order-contact h2 { background:#fff; clear:both; color:#06c; display:block; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:.9em; margin-left:1em; } div#store-complete div#order-contact p { clear:both; display:block; line-height:1; margin-bottom:2px; margin-left:1.5em; padding-bottom:0; } div#order-contact ul { background:none; list-style:none; margin-bottom:1em; margin-left:2.5em; width:100%; } div#order-contact ul li { background:none; display:block; margin:2px 0; } div#store-cancel, div#store-complete { margin:15px 0 30px 0; padding:0; width:600px; } div#store-cancel p, div#store-complete p { line-height:1.5; margin-bottom:.5em; } a.back-button { background:#fff url(../images/back-button.gif) top left no-repeat; clear:both; color:#0076c0; display:block; float:left; font-size:.9em; margin:5px 0 15px 0; padding:3px 3px 3px 25px; } a:hover.back-button { background:#fff url(../images/back-button-hover.gif) top left no-repeat; color:#900; } a:active.back-button { background:#fff url(../images/back-button-active.gif) top left no-repeat; color:#f90; } /*--------------------------- FOOTER ---------------------------*/ #footer { background:transparent; clear:both; color:#666; font-size:9px; font-weight:100; margin:2px auto; padding:0; width:950px; } #footer ul { float:left; list-style:none; width:100%; margin:0; padding:0; } #footer ul li { float:left; display:block; margin:0; padding:0 5px; border-right:1px solid #c8d4e6; } #footer ul li a { float:left; font-weight:100; } #footer a, #footer a:visited { text-decoration:none; } #footer a:hover { background:transparent; color:#900; text-decoration:underline; } #footer a:active { background:transparent; color:#f60; text-decoration:underline; } #footer .copyright { border-right:none; } #bkmks_ftr #footer { padding-bottom:15px; }