|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/tankfarmvendor1/stylesheets/ |
Upload File : |
body {
min-width:950px;
}
body.mw0 {
min-width:0px;
}
BODY {
margin-top: 0px;
}
BODY, TABLE {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
span.serif {
font-family: times new roman, times, serif;
}
.topinblock {
vertical-align:top;
display:inline-block;
*display:inline; /*for IEv8, at least*/
zoom:1; /*for IEv7*/
}
.superscript {font-size:xx-small; vertical-align:top;}
.subscript {font-size:xx-small; vertical-align:bottom;}
p.aReviewEve, p.aReviewOdd {
margin:3px;
padding:4px;
border:1px solid #ccc;
}
/**************** TOP PAGE www.archive.org *************/
body.top a {
text-decoration: none;
}
body.top a:hover {
text-decoration: underline;
}
body.top a.level2Header {
visibility:hidden;
}
body.top div.wplinks {
padding:5px;
font-size:12px;
}
body.top .ro1,
body.top .ro2 {
text-align:center;
min-width:980px;
}
body.top .ro1 div.box,
body.top .ro2 div.box {
margin-left:5px !important;
margin-right:5px !important;
}
body.top h1 a,
body.top h2 a {
text-decoration:underline !important;
}
body.top .ro1 div.box { min-height:100px; }
body.top .ro2 div.box { min-height:300px; }
body.top .ro2 div.box {
width:22%;
/* breakup url titles w/o whitespace in curator choice or recent reviews */
overflow-x:hidden !important;
word-wrap: break-word !important; /* this wraps long urls in IE */
}
/**************** TOP PAGE www.archive.org *************/
A:link {
color: #00c;
}
A:visited {
color: #009;
}
A:active {
color: #f00;
}
.name_cell {
font-weight: bold;
}
/* ------------ UNIFIED (u suffix ;-) archive.org HEADER ------------- */
#navu {
background-color: #002b36; /*darkest blue*/
height:30px;
font:12px Helvetica, Arial;
color:#eee8d5;
text-align:left;
position:relative;
min-width:1000px;
}
#navu img {
padding:5px 30px 0px 10px;
}
#navlinksu {
position:absolute;
top:10px;
}
#navlinksu a {
padding-left:4px;
padding-right:4px;
}
#navlinksu a:link { text-decoration: none !important; }
#navlinksu a:visited { text-decoration: none !important; }
#navlinksu a:hover { text-decoration: underline !important; }
#navlinksu a:active { text-decoration: none !important; }
#useru {
position: absolute;
top:10px;
right:10px;
}
#navu a { color: #00AEF0 !important; }
#navuColImg {
height:48px;
min-width:128px;
vertical-align:middle;
text-align:center;
}
#navuColImg #TRimg {
max-height:48px;
max-width:240px;
-moz-border-radius: 3px; /* firefox */
-webkit-border-radius: 3px;/* safari */
-khtml-border-radius: 3px; /* safari? */
border-radius: 3px; /* opera, CSS3 */
}
#navuColImg2 #TRimg {
max-height:48px;
max-width:240px;
-moz-border-radius: 3px; /* firefox */
-webkit-border-radius: 3px;/* safari */
-khtml-border-radius: 3px; /* safari? */
border-radius: 3px; /* opera, CSS3 */
}
/* ------------ UNIFIED (u suffix ;-) archive.org HEADER ------------- */
/* ------------ NAV HEADER 1 ------------- */
td#logo {
vertical-align:middle;
width:106px;
height:79px;
background-color:black;
}
td#logo img {
border:0;
padding-left:2;
width:79px;
height:79px;
vertical-align:middle;
}
td#navbg {
background-image:url(img/blendbar.jpg);
background-position:0px 0px;
background-repeat:repeat;
}
img#TRimg, img#TRimg2 {
margin:0;
border:0;
vertical-align:middle;
max-height:75px;
max-width:320px;
}
#nunuh1 {
background-color: white;
}
#nunuh1 tr, .level1Header {
font-weight: bold;
vertical-align: bottom;
}
.level1Header a, .level1Header div.tab, .level1Header div.tabsel {
white-space: nowrap;
vertical-align: bottom;
}
.level1Header div.tab,
.level1Header div.tab a { color: #777 !important; }
.level1Header div.tabsel,
.level1Header div.tabsel a { color: white !important; }
.level1Header div.tab, .level1Header div.tabsel {
display:inline;
padding:4px 4px 7px 5px;
margin-bottom:0px;
}
.level1Header div.tabsel a {
text-decoration:none !important;
}
.level1Header div.tabsel {
-moz-border-radius-topleft: 4px;/* firefox */
-moz-border-radius-topright: 4px;/* firefox */
-webkit-border-top-left-radius :4px;/* safari */
-webkit-border-top-right-radius:4px;/* safari */
-khtml-border-radius-topleft: 4px;/* safari?*/
-khtml-border-radius-topright: 4px;/* safari?*/
border-radius-top: 4px;/* opera, CSS3 */
}
/* ------------ NAV HEADER 2 ------------- */
TD.level2HeaderLeft{
padding-top: 2px;
padding-bottom: 3px;
padding-left: 26px;
}
TD.level2Header {
padding-top: 2px;
padding-bottom: 3px;
padding-left: 51px;
}
.level2Header a { white-space: nowrap; color: #ffffff !important; }
.level2Header { color: #FFFFFF; }
/* ------------ NAV HEADER 3 ------------- */
.level3Header {
padding-top: 2px;
padding-bottom: 3px;
background-color: #D8DEDE;
}
body.Home .level3Header {
background-color: #F2EFF8;
}
a.level3Header {
background-color: transparent;
}
.level3Header, a.level3Header {
color: rgb(9,68,83);
}
td.level3HeaderUser {
vertical-align:bottom;
padding-bottom:0px;
padding-top:0px;
padding-left:10px;
}
td.level3HeaderUser2 {
padding-bottom:0px;
padding-top:0px;
padding-left:10px;
}
td.level3HeaderLeft {
padding-left: 86px;
}
td.level3HeaderRight {
text-align: right;
}
.level3HeaderColorBar {
height: 4px;
}
.level3HeaderSearch {
font-size: 10px;
vertical-align: middle;
}
/* ------------ NAV LINKS ------------- */
.level1Header a:link, .level2Header a:link,.level3Header a:link
{ text-decoration: none; }
.level1Header a:visited, .level2Header a:visited,.level3Header a:visited
{ text-decoration: none; }
.level1Header a:hover, .level2Header a:hover,.level3Header a:hover
{ text-decoration: underline; }
.level1Header a:active, .level2Header a:active,.level3Header a:active
{ text-decoration: none; }
div.breadcrumbs {
font-size: 100%;
margin-left:10px;
padding-left: 1px;
padding-top: 8px;
padding-bottom: 8px;
}
/* ----------------- EDUCATION SECTION --------------- */
.browseTitle {
font-weight: bold;
font-size: 105%;
padding-top: 0px;
white-space: nowrap;
}
.browseDescription {
font-size: 85%;
margin-top: 2px;
margin-left: 7px;
padding-bottom: 0px;
margin-bottom: 5px;
color: #333333;
}
.browseResult {
padding: 0px;
}
.browseResult a {
text-decoration: none;
}
.browseNavigation {
vertical-align: bottom;
padding-top: 12px;
padding-right:4px;
padding-bottom: 0px;
width:100%;
text-align: right;
}
.lastPage, .firstPage, .nextPage, .previousPage, .pageCount {
padding-right: 5px;
padding-left: 5px;
}
/* ----------------- EDUCATION SECTION --------------- */
/* ------------- Contribution Stuff ------------------ */
OL.uploadInfo LI {
font-size:24px;font-weight:bold;margin-bottom:50px;
}
OL.uploadInfo LI P {
font-size:10pt; font-weight:normal;
}
P.statusMessage {
background-color:#f0f0f0;
padding:3px 6px;
margin:10px 50px;
border:1px solid #ccc;
}
/* ------------- Details pages ------------------ */
table.fileFormats {
border-collapse:collapse;
width: 100%;
}
table.fileFormats td {
padding: 2px 3px 2px 3px;
border: 1px solid #AAAAAA;
text-align:center;
}
table.fileFormats td.ttlHeader {
text-align:left;
font-weight:bold;
}
table.fileFormats td.ttl {
text-align:left;
}
table.fileFormats tr.odd {
background-color:#f0f0f0;
}
table.fileFormats tr.eve {
background-color:#f9f9f9;
}
table.fileFormats tr.odd:hover, table.fileFormats tr.eve:hover {
background-color:white;
}
TABLE.headerTable {
width:100%;
}
TABLE.headerTable TD {
background-color:rgb(9,68,83);
color:#FFFFFF;
font-weight:bold;
padding:5px;
}
TABLE.subHeaderTable {
width:100%;
}
TABLE.subHeaderTable TD {
background-color:#657b83;
color:#FFFFFF;
font-weight:bold;
padding:5px;
}
.infoHeader TD {
background-color:#c0c0c0;
color: rgb(9,68,83);
font-weight:bold;
}
TD.rightAlign {
text-align:right;
width:300px;
}
.authText, .authText A, .authText A:visited {
color:#00AA00;
}
/* ------------- Forums ------------------ */
table.forumTable {
text-align: left;
}
table.forumTable tr.forumRowHead {
padding: 0 5 1 5;
}
table.forumTable tr.forumRowHead td {
font-weight:bold;
font-size:10pt;
border-bottom:1px solid rgb(9,68,83);
}
table.forumTable tr.forumRow { padding: 0 5 1 5; background-color: #fff; }
table.forumTable td { color:#000; font-size:9pt; }
table.forumTable tr.odd { background-color:#fff; }
table.forumTable tr.eve { background-color:#f7f7f7; }
/* Anand: customizations for account forms. Adopted from Open Library. */
.formElement {
margin: 10px 0px;
}
.formElement label {
font-weight: bold;
}
form.iaform .formElement label {
font-size: 12pt;
}
form.iaform .formElement input[type=text], form.iaform .formElement input[type=password], form.iaform .formElement textarea {
width: 475px;
padding: 3px;
font-size: 12pt;
}
.formElement .lighter {
color: #666;
}
.formElement .regular {
font-weight: normal !important;
font-size: 10pt !important;
}
.formElement .smaller {
font-size: 0.8em; !important;
font-weight: normal!important;
}
/* ------------- Search results ------------------ */
TABLE.searchResults {
font-family: Arial;
width:100%;
}
TABLE.searchResults TD {
padding:5px;
}
TABLE.searchResults TABLE.resultsTable {
width:100%;
}
TABLE.searchResults TD.resultsCell {
vertical-align:top;
}
TABLE.searchResults TR.hitRow TD {
padding-top:20px;
}
TABLE.searchResults TD.hitCell {
border-bottom: 1px solid #c0c0c0;
vertical-align:top;
}
TABLE.searchResults TD.thumbCell {
border-bottom: 1px solid #c0c0c0;
vertical-align:top;
width:80px;
text-align:right;
}
TABLE.searchResults TD.numberCell {
padding-left:20px;
vertical-align:top;
}
TABLE.searchResults TD.headerRow {
font-size: 18pt;
font-weight: bold;
margin: 0px;
padding-bottom:0px;
}
TABLE.searchResults TD.infoCell {
font-size: 8pt;
padding-left:10px;
padding-top:0px;
}
TABLE.searchResults A.titleLink {
font-weight:bold;
}
TABLE.searchResults TD.pageRow {
text-align:center;
padding-top:20px;
font-size:12pt;
font-weight:bold;
}
TABLE.searchResults TD.pageRow A {
text-decoration:none;
}
TABLE.searchResults TD.relatedInfoCell {
padding-top:20px;
vertical-align:top;
width:200px;
padding-left:20px;
}
TABLE.searchResults TD.relatedInfoCell TABLE {
border:#c0c0c0 solid 1px;
width:100%;
margin-bottom: 10px;
}
TABLE.searchResults TD.searchBox {
vertical-align:bottom;
text-align:center;
padding-left:20px;
}
TABLE.searchResults TR.groupBy TD {
padding-top:20px;
font-weight:bold;
}
TR.moreGroupBy TD {
text-align:right;
padding-top:20px;
font-style:italic;
}
.minorHeader {
font-weight:bold;
}
.searchTerm {
font-weight:bold;
padding:1px;
background-color: #ccccff;
}
#iafoot {
width:100%;
text-align:center;
font:Arial;
font-size:7pt;
}
/* ------------- Catalog table ---------------------*/
table.cat tr td { white-space: nowrap !important; }
/* default colors if wait_admin not an int further below */
table.cat tr th { background-color:wheat; }
table.cat tr { background-color:#c4aa66; }
table.cat tr.odd0 { background-color:#c0f0c0; }
table.cat tr.even0 { background-color:#d0f0d0; }
table.cat tr.odd1 { background-color:#c0c0f0; }
table.cat tr.even1 { background-color:#d0d0f0; }
table.cat tr.odd2 { background-color:#f08080; }
table.cat tr.even2 { background-color:#f06060; }
/* historical rows are special */
table.cat tr.oddH { background-color:#e0c0e0; }
table.cat tr.evenH { background-color:#d0b0d0; }
/* prior gray colors used for checkedout rows: #f0f0f0, #e0e0e0 */
table.cat tr:hover { border-color:black; }
table.cat tr.odd0:hover, table.cat tr.even0:hover { background-color:#00ee00; }
table.cat tr.odd1:hover, table.cat tr.even1:hover { background-color:#8080ff; }
table.cat tr.odd2:hover, table.cat tr.even2:hover { background-color:#ff0000; }
table.cat tr.oddH:hover, table.cat tr.evenH:hover { background-color:#ffc0ff; }
table.cat .off {
background-color:yellow !important;
}
#proforma #poppy {
display:none;
position:absolute;
top:100px;
left:50px;
color:gray;
background-color:white;
z-index:6;
}
table.json a {
font-size:10pt;
line-height:12pt;
padding-right:10px;
}
table.json tbody tr td {
border-color:#666;
}
/* ------------- Mediatype/keyword browsing ---------*/
table#browse a:link { text-decoration: none; }
table#browse a:visited{ text-decoration: none; }
table#browse a:hover { text-decoration: underline; }
table#browse a:active { text-decoration: none; }
/* ------------- Form Constructor ------------------ */
TABLE.formConstructor TH {
text-align:left;
padding:3px;
padding-bottom:15px;
}
TABLE.formConstructor TD {
padding:3px;
}
TABLE.formConstructor TD.requiredField {
font-weight:bold;
vertical-align:top;
padding-right:20px;
}
TABLE.formConstructor TD.optionalField {
vertical-align:top;
padding-right:20px;
}
TABLE.formConstructor TD.errorField {
font-weight:bold;
vertical-align:top;
padding-right:20px;
color:#ff0000;
}
TABLE.formConstructor TD.errorDescription {
font-size:8pt;
font-style:italic;
padding-bottom:20px;
text-align:left;
color:#ff0000;
}
TABLE.formConstructor TD.descriptionCell {
font-size:8pt;
vertical-align:top;
width:200px;
padding-right:20px;
}
/* ****************************************************************** */
/* */
/* LAYOUT COMPONENTS for Layout class (in ../../common/Layout.inc) */
/* */
/* ****************************************************************** */
/* note if you add new mediatype/class here update mediatypeToCSS() in:
../../common/setup.php
*/
div.box {
-moz-border-radius: 4px; /* firefox */
-webkit-border-radius:4px;/* safari */
-khtml-border-radius:4px; /* safari? */
border-radius: 4px; /* opera, CSS3 */
}
form .button,
.linkbutton,
.roundbox, .roundbox10 {
-moz-border-radius: 10px; /* firefox */
-webkit-border-radius:10px;/* safari */
-khtml-border-radius:10px; /* safari? */
border-radius: 10px; /* opera, CSS3 */
}
.roundbox5 {
-moz-border-radius: 5px; /* firefox */
-webkit-border-radius: 5px;/* safari */
-khtml-border-radius: 5px; /* safari? */
border-radius: 5px; /* opera, CSS3 */
}
.roundbox2 {
-moz-border-radius: 2px; /* firefox */
-webkit-border-radius: 2px;/* safari */
-khtml-border-radius: 2px; /* safari? */
border-radius: 2px; /* opera, CSS3 */
}
.roundbox20 {
-moz-border-radius: 20px; /* firefox */
-webkit-border-radius:20px;/* safari */
-khtml-border-radius:20px; /* safari? */
border-radius: 20px; /* opera, CSS3 */
}
.roundbox10bottom {
-moz-border-radius-bottomleft: 10px; /* firefox */
-moz-border-radius-bottomright: 10px; /* firefox */
-webkit-border-bottom-left-radius:10px;/* safari */
-webkit-border-bottom-right-radius:10px;/* safari */
-khtml-border-radius-bottomleft:10px; /* safari? */
-khtml-border-radius-bottomright:10px; /* safari? */
border-bottom-right-radius: 10px; /* opera, CSS3 */
border-bottom-left-radius: 10px; /* opera, CSS3 */
}
div.box {
text-align: left;
border: 1px solid #85AFCC;
padding-left: 5px; padding-right: 5px;
padding-bottom:5px;
margin:10px;
background-color:#ffffff;
}
div.box h1 {
text-align: left;
margin-left:-5px; margin-right:-5px; margin-top:0px; margin-bottom:5px;
padding:5px;
font-size:14px;
font-weight: bold;
background-color: #E4E9ED;
border-top-right-radius: 4px; /*mostly just for firefox v13+*/
border-top-left-radius: 4px; /*mostly just for firefox v13+*/
-moz-border-radius: 4px 4px 0 0; /* firefox */
-webkit-border-top-left-radius: 4px; /* safari */
-webkit-border-top-right-radius: 4px;/* safari */
-khtml-border-radius-topleft: 4px; /* safari?*/
-khtml-border-radius-topright: 4px; /* safari?*/
border-radius-top: 4px; /* opera, CSS3 */
}
div.box h2 {
font-size: 12px;
font-weight: bold;
text-align: left;
margin-left:-5px; margin-right:-5px; margin-top:5px; margin-bottom:5px;
padding:5px;
background-color: #e9e9e9;
}
div.box img.stretch {
/* make it so images "expand" to fill "box" properly */
margin-left:-5px; margin-right:-5px;
}
div.box .box-content {
/* Give padding for box contents */
padding: 10px 20px;
}
/************* mediatype-based color switching **********/
body.Unity {
margin-top:0px;
margin-left:0px;
margin-right:0px;
}
body.Unity .box,
.stdBorderColor {
border-color: rgb(9,68,83) !important;
}
body.Home .headerAt{color:#CCCC99 !important}
body.Texts .headerAt{color:#C33C36 !important}
body.Audio .headerAt,
body.Movies .headerAt,
body.Unity .headerAt{color:#657b83 !important}
body.Home .level2Header { background-color: #999966;}
body.Texts .level2Header { background-color: #93092D;}
body.Audio .level2Header,
body.Movies .level2Header,
body.Unity .level2Header { background-color: rgb(9,68,83);} /* #073642 = rgb(7,54,66) = TV bg. so 1.25x each to lighten! */
body.Home .level3HeaderColorBar { background-color: #CCCC99;}
body.Texts .level3HeaderColorBar { background-color: #C33C36;}
body.Audio .level3HeaderColorBar,
body.Movies .level3HeaderColorBar,
body.Unity .level3HeaderColorBar { background-color: #657b83;}
body.Home .level3Header, body.Home a.level3Header { color: #999966;}
body.Texts .level3Header, body.Texts a.level3Header { color: #93092D;}
body.Audio .level3Header, body.Audio a.level3Header,
body.Movies .level3Header, body.Movies a.level3Header,
body.Unity .level3Header, body.Unity a.level3Header { color: rgb(9,68,83);}
body.Home .backColor1 { background-color: #999966; }
body.Texts .backColor1 { background-color: #93092D; }
body.Audio .backColor1,
body.Movies .backColor1,
body.Unity .backColor1 { background-color: rgb(9,68,83); }
body.Home .backColor2 { background-color: #CCCC99; }
body.Texts .backColor2 { background-color: #C33C36; }
body.Audio .backColor2,
body.Movies .backColor2,
body.Unity .backColor2 { background-color: #657b83; }
.level1Header div.tab a { color: white !important; }
.level3Header, a.level3Header { color: #999966; }
table.forumTable tr.forumRowHead td {
color:#fff;
border-bottom:0px;
}
div.box {
border: 1px solid #999966;
}
div.box h1 {
background-color: #999966;
}
div.box h2 {
background-color: #cccc99;
}
div.box h1, div.box h1 a, div.box h2, div.box h2 a { color:#fff; }
.linkbutton {
color: black !important;
}
form.button, linkbutton { background-color: wheat; }
form.button:hover, linkbutton:hover { background-color: white; }
body.Texts div.box { border-color: #93092D; }
body.Audio div.box,
body.Movies div.box,
body.Unity div.box { border-color: rgb(9,68,83); }
body.Texts div.box h1 { background-color: #93092D; }
body.Audio div.box h1,
body.Movies div.box h1,
body.Unity div.box h1 { background-color: rgb(9,68,83); }
body.Texts div.box h2 { background-color: #C33C36; }
body.Audio div.box h2,
body.Movies div.box h2,
body.Unity div.box h2 { background-color: rgb(14,108,132); } /* #073642 = rgb(7,54,66) = TV bg. so 2x each to lighten! */
body.admin {
background: #eee;
}
body.ui2 div.box {
margin: 20px auto;
margin-top: 3px; /* 17px is aleady provided by #begPgSpcr */
padding: 20px;
background: #FFFFFF;
border: 1px solid #ddd;
border-radius: 0px;
}
body.ui2 .ro1 div.box {
padding:5px;
}
body.ui2 .ro2 div.box {
padding:10px;
margin-left:2px !important;
margin-right:2px !important;
}
body[class~="ui2"][class~="top"] div.box h1,
body[class~="ui2"][class~="top"] div.box h1 {
font-size:20px;
}
body[class~="ui2"][class~="top"] div.box h2,
body[class~="ui2"][class~="top"] div.box h2 {
font-size:15px;
}
body.ui2b div.box {
width: 920px; /* 960 - 2 * 20px padding */
clear: both;
}
body.ui2 div.box h1 a, body.ui2 div.box h2 a{
color: inherit;
}
body.ui2 h1 {
margin: 0px 0px 20px 0px !important;
font-size: 1.875em;
}
body.ui2 h2 {
margin: 0px 0px 10px 0px !important;
font-size: 1.375em;
}
body.ui2 input[type="submit"] {
font-size: 1.125em !important;
}
body.ui2 .box-half {
float: left;
}
body.ui2 .box-onethird {
float: left;
}
.contentSpacer {
float: left;
height: 2px;
width: 19px;
}
.row {
margin-left: -20px;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
margin-left: 20px;
}
[class*="span"] input {
font-size: 10pt !important;
}
/*
* Total size: 960px.
* row-size: 960-20 margin-right = 940px
* span = 940/12 = 78.33px
*
* span_i = 78.33 * i - 20
*/
.span6 {
width: 450px;
}
.span5 {
width: 372px;
}
.span4 {
width: 293px;
}
.span3 {
width: 215px;
}
.span2 {
width: 137px;
}
div.section {
padding-left: 10px;
border-left: 3px solid #eee;
}
div.section + div.section {
margin-top: 40px;
}
/************* mediatype-based color switching **********/
/* Simple one, two, and three column page setup elements */
/* Always use id="col2" for center, and use col1 and col3 as desired! */
/* Output div with id="col3" FIRST as it floats right */
div#col1 {
width: 200px;
float: left;
margin-left:10px;
/* this clips long urls in mozilla */
overflow: hidden;
/* this wraps long urls in IE */
word-wrap: break-word;
}
div#col2 {
margin-left: 210px;
margin-right:210px;
}
div#col3 {
width: 200px;
float: right;
margin-right: 10px;
/* this clips long urls in mozilla */
overflow: hidden;
/* this wraps long urls in IE */
word-wrap: break-word;
}
div#col23 {
margin-left: 210px;
}
body.ui2 #col1 div.box, body.ui2 #col3 div.box {
width:180px;
padding:7px 5px;
}
body.ui2 #col1 div.box h1, body.ui2 #col3 div.box h1 {
margin-bottom:10px !important;
font-size:150%;
}
body.ui2 #col23 div.box,
body.ui2 #midcol div.box,
body.ui2 #col2 div.box {
width:90%;
}
body.ui2 .box,
body.ui2 .stdBorderColor {
border-color: #ddd !important;
border-right-color: #eee !important;
border-bottom-color:#eee !important;
}
body.ui2 div.box {
border:0px;
}
body.ui2 div.box h1, body.ui2 div.box h2{
background: inherit;
border: none;
padding: 0px;
border-radius:0px;
}
body.ui2 div.box h1,
body.ui2 div.box h2{
/*color:#094453;*/
color:#006666;
}
body.ui2 div.box h1{
border-bottom:2px solid #aaa !important;
}
body.ui2 div.box h2{
border-bottom:2px solid #bbb !important;
}
body.ui2 p.aReviewEve {
border:0px;
background-color:#F7F7F7;
}
body.ui2 p.aReviewOdd {
border:0px;
}
body.ui2 table.forumTable tr.forumRowHead td {
color:black;
}
body.ui2 .backColor2 {
background-color:#f1f1f1;
}
/* note if you add new mediatype/class here update mediatypeToCSS() in:
../../common/setup.php
*/
/* ****************************************************************** */
/* */
/* LAYOUT COMPONENTS for Layout class (in ../../common/Layout.inc) */
/* */
/* ****************************************************************** */
.iamsg {
margin-left:20px;
margin-right:20px;
text-align:center;
font:bold 9pt Arial, Helvetica, sans-serif;
}
.greencol { color: #859900;}
.redcol { color: #dc322f;}
.white1col { color: #fdf6e3;}
.white2col { color: #eee8d5;}
.beta {
padding:3px;
font-size:75%;
background-color:yellow;
color:red;
display:inline;
-moz-border-radius: 7px; /* firefox */
-webkit-border-radius:7px;/* safari */
-khtml-border-radius:7px; /* safari? */
border-radius: 7px; /* opera, CSS3 */
}
.urge {
font-size: 8pt;
font-weight: bold;
color: red;
padding-left: 3px;
padding-right: 3px;
}
/* even more urging than urge (background + border) */
.urge2 {
font-size: 8pt;
font-weight: bold;
color: red;
background-color:yellow;
border:1px solid;
margin:10px;
padding:5px;
}
.sticker, div.sticker {
text-align:center;
font-size:125%;
margin:200px;
padding:25px;
word-wrap: break-word;
}
.rect {
font-style:normal;
font-weight:bold;
border: 1px solid;
padding: 2px;
}
/* bookmarks stuff */
a.userLink {
color:#7777ff;
background-color:#ffff33;
}
a.userLinkLight {
color:#7777ff;
background-color:#ffff77;
}
a.userLinkLight2 {
color:#7777ff;
background-color:#ffff99;
}
a.userLink:hover {
background-color:#aaaaff;
}
a.userLinkLight:hover {
background-color:#aaaaff;
}
a.userLinkLight2:hover {
background-color:#aaaaff;
}
/* ------- hover (typically for help blocks) stuff by tracey -------- */
.showOnHover
{ display:none; }
span.hoverShower:hover .showOnHover
{ display:inline; z-index:100; position:absolute; width:500px; }
.catHidden, .catHidden
{ display:none; }
span.catHover:hover .catHidden
{ display:inline; z-index:100; position:absolute; width:500px; margin-left:-508px; padding:2px; color:black !important; background-color:white; border: 2px solid black; letter-spacing:-0.15em; white-space: normal; }
span.catHover2:hover .catHidden
{ display:inline; z-index:100; position:absolute; width:125px; padding:2px; color:black !important; background-color:white; border: 2px solid black; white-space: normal; }
/* ------- hover (typically for help blocks) stuff by tracey -------- */
table.sleek {
font-size: 8pt;
background-color:#ffffff;
margin:0px;
border-collapse: collapse;
border: 2px solid #666;
}
table.sleek td {
padding-left:2px; padding-right:2px; color:black;
border-color: #ccc;
}
body.Unity table.tablesorter th {
color:white;
}
form .button {
border-width: 1px 2px 2px 1px;
border-color: gray #000 #000 gray;
padding:1px 1px 1px 1px;
border-style: solid;
font-family: arial;
font-size: 9pt;
}
form .button:hover {
border-width: 2px 1px 1px 2px;
border-color: #222 gray gray #222;
padding:0px 2px 2px 0px;
color: #777;
}
.linkbutton {
border-width: 1px 2px 2px 1px;
border-color: gray #000 #000 gray;
padding:2px 10px 2px 10px !important;
border-style: solid;
text-decoration: none !important;
font-family: arial;
font-size: 9pt;
}
.linkbutton:hover {
border-width: 2px 1px 1px 2px;
border-color: #222 gray gray #222;
padding:0px 2px 2px 0px;
color: #777 !important;
}
.opake {
-moz-opacity: 1.0;
opacity:.99;
filter: alpha(opacity=100);
}
.closer10 img {
background: url(http://index.asp/images/closerB-on.png) top left no-repeat;
width:10px;
height:10px;
border:0px !important;
}
a.closer10:hover img {
background: url(http://index.asp/images/closerB-off.png) top left no-repeat;
cursor:pointer;
}
.closerB img {
background: url(http://index.asp/images/closerB-on.png) top left no-repeat;
width:10px;
height:10px;
border:0px !important;
}
.closerB a:hover img {
background: url(http://index.asp/images/closerB-off.png) top left no-repeat;
cursor:pointer;
}
.closerC img {
background: url(http://index.asp/images/closerC-on.png) top left no-repeat;
width:20px;
height:20px;
border:0px !important;
}
.closerC a:hover img {
background: url(http://index.asp/images/closerC-off.png) top left no-repeat;
cursor:pointer;
}
.closerJ img {
background: url(http://index.asp/images/redx20.png) 5px 5px no-repeat;
width:30px;
height:30px;
border:0px !important;
}
.closerJ a:hover img {
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
cursor:pointer;
}
.closerJ14 img {
background: url(http://index.asp/images/redx20.png) -3px -3px no-repeat;
width:14px;
height:14px;
border:0px !important;
}
.closerJ14 a:hover img {
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
cursor:pointer;
}
/* eg: <div class="stamped">Internal Use Only</div> */
div.stamped {
font-size:12px;
border:2px solid #eee8d5;
color: #eee8d5;
font-weight: bold;
padding:5px;
position:absolute;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
/*http://www.w3schools.com/cssref/trycss3_transform-origin_inuse.htm*/
/*rotate 30 degrees CCW*/
transform: rotate(-30deg);
-ms-transform: rotate(-30deg); /* IE 9 */
-webkit-transform: rotate(-30deg); /* Safari and Chrome */
-moz-transform: rotate(-30deg); /* Firefox */
-o-transform: rotate(-30deg); /* Opera */
/*move down and right a bit*/
transform-origin:0px -200px;
-ms-transform-origin:0px -200px; /* IE 9 */
-webkit-transform-origin:0px -200px; /* Safari and Chrome */
-moz-transform-origin:0px -200px; /* Firefox */
-o-transform-origin:0px -200px; /* Opera */
-moz-border-radius: 5px; /* firefox */
-webkit-border-radius:5px;/* safari */
-khtml-border-radius:5px; /* safari? */
border-radius: 5px; /* opera, CSS3 */
}
/******************* HTTP UPLOADER STUFF *********************/
#createhelp {
width:600px;
margin:auto;
}
body#editbody table.info tr td {
padding:15px;
}
div#sharer {
width:158px;
height:26px;
margin:10px 3px 0px 3px;
padding:0;
overflow-y:hidden;
background-color:#6dbfd4;
}
div#addmore {
display:none;
z-index:10000;
font-size:90%;
padding: 10px 0px 0px 10px;
}
.buttonB {
text-align:center;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6dbfd4), color-stop(1, #4385b5) );
background:-moz-linear-gradient( center top, #6dbfd4 5%, #4385b5 100% );
background-color:#6dbfd4;
display:inline-block;
color:#fff;
font-family: "helvetica", "arial";
font-size:12px;
padding:6px 24px;
text-decoration:none !important;
margin: 5px;
}
.buttonB:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4385b5), color-stop(1, #6dbfd4) );
background:-moz-linear-gradient( center top, #4385b5 5%, #6dbfd4 100% );
background-color:#4385b5;
}
.buttonG {
text-align:center;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6dd4bf), color-stop(1, #43b585) );
background:-moz-linear-gradient( center top, #6dd4bf 5%, #43b585 100% );
background-color:#6dd4bf;
display:inline-block;
color:#ffffff;
font-family: "helvetica", "arial";
font-size:12px;
padding:6px 24px;
text-decoration:none !important;
margin: 5px;
}
.buttonG:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #43b585), color-stop(1, #6dd4bf) );
background:-moz-linear-gradient( center top, #43b585 5%, #6dd4bf 100% );
background-color:#43b585;
}
.buttonB:link, .buttonG:link {
color:#ffffff;
}
#createhelp .buttonG {
width:220px;
font-size:24px;
}
#createhelp .buttonB {
width:110px;
color:#eee;
}
body#editbody div.entinfo {
padding:3 3 10 3;
background-color:#EEFFEE;
margin:0 2 20 2;
border:1px solid gray;
}
body#editbody div.pnl1 {
-moz-user-select: none;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius :10px;
-webkit-border-top-right-radius:10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-radius-topright: 10px;
border-radius-top: 10px;
}
body#editbody div.pnl2 {
padding-top:20px;
padding-bottom:15px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius :10px;
-webkit-border-bottom-right-radius:10px;
-khtml-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomright: 10px;
border-radius-bottom: 10px;
}
body#editbody .req { color:red; padding:3px; }
body#editbody p.note {font-size:9pt;font-style:italic;padding:0 50 0 30;}
body#editbody p.note:first-letter{margin-left:-10px; font-size:120%;}
body#editbody input.gobutton { font-size:16px !important; }
body#editbody input.gobutton:hover {
-moz-opacity: 0.85;
opacity:.85;
filter: alpha(opacity=85);
cursor:pointer !important;
}
body#editbody div#overlay {
position:absolute;
top:0;
left:0;
width:100px;
height:100px;
z-index:1000;
background-color:#000;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
body#editbody div#overlay[id] {
position:fixed;
}
body#editbody div#waiting {
position:absolute;
z-index:2000;
top:50%;
left:50%;
width:350px;
height:80px;
margin:-40px 0 0 -175px;
background-color:#000044;
border:2px solid #000000;
color:#ffffff;
font-size:14pt;
font-weight:bold;
padding:10px;
text-align:center;
}
body#editbody table.slick {
margin:0px;
border-collapse: collapse;
}
body#editbody td.slick {
padding:10px;
vertical-align:top;
}
/* pinched from petabox/www/sfupload/ext/resources/css/ext-all.css */
input.x-panel-header {
overflow:hidden;
zoom:1;
color:#15428b;
font:bold 11px tahoma,arial,verdana,sans-serif;
padding:5px 3px 4px 5px;
border:1px solid #99bbe8;
line-height: 15px;
background: transparent url(http://index.asp/upload/ext/resources/images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
}
#content #noflash {
width:350px;
}
/******************* HTTP UPLOADER STUFF *********************/
/******************* DETAILS(.JS) STUFF *********************/
img { border:0px; }
/* used to wrap content and space it away from its container */
p.content { margin:0; padding: 0.1em; }
div#col1 { font-size: 90%; }
/* floats right each download option filesize */
p#dl span {
width:45pt;
}
p#dl span, span.rightmost {
float:right;
text-align:right;
}
td.key {
vertical-align: text-top;
}
span.key {
font-weight: bold;
white-space: nowrap;
}
/******************* AV PLAYER STUFF *********************/
div#avplaydiv {
margin-left :auto;
margin-right:auto;
}
div#avplaydiv div#jw6 {
text-align:left;
}
div.audio div#avplaycontainer {
text-align:center;
float:right;
width:350px;
}
div.movies div#avplaycontainer {
text-align:center;
}
div.movies div#avplaydiv { width:400px; }/*ht:400 after all new!*/
div.audio div#avplaydiv { width:350px; }/*ht:400 after all new!*/
div.maudio { width:350px; position:relative; }
div.movies #jw6 { width:400px; }
body.tv #jw6 { width:640px; height:480px; }
body.clipstream #jw6 { width:320px; height:240px; }
div.maudio #jw6 { width:323px; height:30px; }
body.tvtop #jw6 { width:320px; height:180px; }
body .maudioEmbed {
max-width:800px;
margin:auto;
position:relative;
}
#jw6 li.item span.title {
font-size:11px !important;
}
#jw6 li.item span.title .tn {
display:inline-block;
width:15px;
text-align:right;
padding-right:5px;
border-right:1px solid gray;
}
#jw6 .closer img {
width:20px;
height:20px;
border:0px !important;
}
#jw6 a#closer img,
#jw6 a#closer2 img, {
background: url(http://index.asp/images/911-close-window-icon-on.png) top left no-repeat;
}
#jw6 a#closer:hover img,
#jw6 a#closer2:hover img {
background: url(http://index.asp/images/911-close-window-icon-off.png) top left no-repeat;
}
/** JW v6 */
#avhelp {
font-size:11px;
color:#009;
background: #eee;
padding:3px;
border:1px solid #ccc;
margin:auto;
margin-bottom:10px;
position:relative;
}
#avhelp a {
text-decoration:none !important;
}
#avhelp a:hover {
color:#00f;
}
#avhelpPop {
text-align:left;
color:black;
font-size:14px;
padding:10px;
display:none;
position:absolute;
top:20px;
z-index:666666;
background: #eee;
border:1px solid #ccc;
width:800px;
box-shadow: 1px 1px 15px #666;
-moz-box-shadow: 1px 1px 15px #666;
-webkit-box-shadow: 1px 1px 15px #666;
}
div.audio #avhelpPop {
right:0px;
}
div.movies #avhelpPop {
right:-120px;
}
#avhelpPop a {
text-decoration:underline !important;
}
.iajwBG { /*NOTE: only for audio*/
visibility:hidden;
width:100%;
height:26px;
position:absolute;
top:4px;
background: transparent left top repeat-x url(http://index.asp/jw/6/barbg.png);
border-radius:3px;
}
.iajw {
background: url(http://index.asp/jw/6/iajw.png) 0px 0px no-repeat;
visibility:hidden;
position:absolute;
top:4px;
right:0px;
width:30px;
height:30px;
z-index:1;
}
.iajw img {
width:30px;
height:26px;
}
.iajw:hover {
background: url(http://index.asp/jw/6/iajwOn.png) 0px 0px no-repeat;
}
.jwlist {
overflow-y:auto;
background-color: rgb(31,31,31);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAeCAQAAAA8sevsAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAASwAAAAeABeKTC8AAAFtSURBVHja7dsxbsJAEIXht4tx0qRMR0VFkSJVbsSpuFFOkIqKUxg8k8LrtQN0Ywmh/B8FEgVy8fQ8O5j0kbVd7ddtoywgxnTRuesPOqbPt/Td7lo1Wj36qvD0el3Uqfvxr2ad0+ZVL1rTWAgznZXlG89NUrLx4/To68JT8/KeTGpcktcXEDElqSFWWM6UpNpYxo0QYXYbLJdFvxX/3k1jGbHCAqx0ltSYEjMWFjIb3l1DzkysGxDjJUklWF6DBcRYzdLsVEhjIcZvT4WmzJSFMJ+G92HGorEQ5yVJ5VSouh4lWIjwMrrXGcvYu2MR46nw6kdoIMbvDe+0FmJ8PrybUikwYoUo/7sg9dJZQIzVnWhdN/B0A+J8WjeMM1biVoiwqwUpZ0Is484TpAQLcbNgjadCboWIm50Khz/t0FhYgpc0DY2Vh76isRBVGiu7mt508p2pJ1gIc5l69SdZes9pm/a5pbMQVVbtnR/8+Au63vctcE28LQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMS0xMS0zMFQwMDozNToxOSswMDowMKq3M50AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTEtMTEtMzBUMDA6MzU6MTkrMDA6MDDb6oshAAAAAElFTkSuQmCC);
background-size: 100% 100%;
background-repeat: repeat-x;
}
.jwrow {
font-family: Helvetica, Arial, sans-serif; font-size:12px;
padding:3px 5px 3px 5px;
color:#ccc;
text-align:left;
}
div[class~="jwrow"][class~="playing"] { color:#00ADEF; }
.jwrow, .jwpop {
background-color: rgb(31,31,31);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAeCAQAAAA8sevsAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAASwAAAAeABeKTC8AAAFtSURBVHja7dsxbsJAEIXht4tx0qRMR0VFkSJVbsSpuFFOkIqKUxg8k8LrtQN0Ywmh/B8FEgVy8fQ8O5j0kbVd7ddtoywgxnTRuesPOqbPt/Td7lo1Wj36qvD0el3Uqfvxr2ad0+ZVL1rTWAgznZXlG89NUrLx4/To68JT8/KeTGpcktcXEDElqSFWWM6UpNpYxo0QYXYbLJdFvxX/3k1jGbHCAqx0ltSYEjMWFjIb3l1DzkysGxDjJUklWF6DBcRYzdLsVEhjIcZvT4WmzJSFMJ+G92HGorEQ5yVJ5VSouh4lWIjwMrrXGcvYu2MR46nw6kdoIMbvDe+0FmJ8PrybUikwYoUo/7sg9dJZQIzVnWhdN/B0A+J8WjeMM1biVoiwqwUpZ0Is484TpAQLcbNgjadCboWIm50Khz/t0FhYgpc0DY2Vh76isRBVGiu7mt508p2pJ1gIc5l69SdZes9pm/a5pbMQVVbtnR/8+Au63vctcE28LQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMS0xMS0zMFQwMDozNToxOSswMDowMKq3M50AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTEtMTEtMzBUMDA6MzU6MTkrMDA6MDDb6oshAAAAAElFTkSuQmCC);
background-size: 100% 100%;
background-repeat: repeat-x;
}
.jwrow:hover {
cursor:pointer;
color:white;
background-image:none;
}
.jwrow .n {
width:25px;
text-align:right;
border-right:1px solid gray;
padding-right:5px;
margin-right:5px;
font-weight:bold;
}
.jwrow .ttl {
text-align:left;
width:65%; /*starting width; adjust with JS*/
overflow-x:hidden !important;
/* word-wrap: break-word !important;*/ /* this wraps long urls in IE */
}
.jwrow .tm {
float:right;
text-align:left;
font-weight:bold;
}
.jwrow .n, .jwrow .ttl, .jwrow .tm {
vertical-align:top;
display:inline-block;
*display:inline; /*for IEv8, at least*/
zoom:1; /*for IEv7*/
}
.jwpop {
position:absolute;
margin:0px 3px 0x 3px;
z-index:9999;
color:white;
border-radius:4px;
text-align:center;
height:75px;
}
/** JW v6 */
.avnote {
text-align:center;
color: #ccc;
box-shadow: 0 0 5px #999;
background: #333;
font: 10px Arial;
}
.avnote a {
color:lightblue !important;
}
#thumbar {
display: none;
position: relative;
cursor: pointer;
color: #ccc;
box-shadow: 0 0 5px #999;
background: #333;
height: 40px;
font: 12px/40px Arial;
}
#thumbpop {
display: none;
box-shadow: 0 0 5px #000;
position: absolute;
text-align: center;
font: 12px/15px Arial;
background-color: #000;
color: #ccc;
}
/******************* AV PLAYER STUFF *********************/
/******************* PDFS STUFF *********************/
div#pdfs { padding-left:20px; }
div#pdfs img { padding-left:3px; padding-right:5px; border:0px; }
div#pdfs div.pages { padding-left:75px; word-wrap:break-word; }
div#pdfs a { text-decoration:none; }
div#pdfs div.pages a {
text-decoration:underline;
font-size:10pt; font-weight:normal;
padding-right:10px;
}
div#pdfs div.mo,
div#pdfs div.pages { display:none; }
div#pdfs div.day { padding-left:30px; margin-top:-2px; }
/******************* EAD STUFF *********************/
div.c01 { display:none; }
div.c02 { display:none; }
a.c02 { padding-left:30px; }
a.c02_link { padding-left:60px; }
/***************** SEGMENT DATA STUFF ********************/
form.segments table { border-collapse: collapse; }
form.segments tr.odd { background-color:#a6e7f3; }
form.segments tr.eve { background-color:#79dbed; }
form.segments td { padding:2px 8px 2px 8px; white-space: nowrap; }
form.segments td.first { padding-top:7px; }
form.segments td.last { padding-bottom:7px; }
form.segments input.optional { background-color: #cccccc; }
form.segments span.fixed_data { background-color: #cccccc; }
/****** ARCHIVE EXTRACTOR (zipview.php, etc.) STUFF ******/
table.archext { border-collapse: collapse; }
table.archext caption {
color: white;
background-color: #666;
font-size: 120%;
font-weight: bold;
}
table.archext tr { border-top: thin solid #ccc; }
table.archext th { white-space: nowrap; }
table.archext td { padding: 2px 15px; white-space: nowrap; }
table.archext td#jpg { text-align: center; }
table.archext td#size { text-align: right; }
table.archext a:link { text-decoration: none; }
/**************** Column 1 "nav" STUFF ************************/
div.c1nav a { display:block; padding-bottom:7px; }
div.c1nav h1 a { display:inline; padding:0; }
/***************** ZOTERO ITEMS STUFF ********************/
table.zotero {
width:100%;
border:2px solid #aaa;
border-collapse:collapse;
}
table.zotero tr {
border-bottom:2px solid #aaa;
}
table.zotero tr td {
vertical-align:top;
padding:4px;
}
table.zotero tr.av {
display:none;
}
table.zotero tr.gray {
background-color:#ddd;
}
table.zotero th {
text-align:left;
}
table.zotero th a, table.zotero td a {
text-decoration: none;
}
/***************** ZOTERO ITEMS STUFF ********************/
/***************** Styles for TV individual items details pages *****************/
body.tvd #navu {
position:fixed;
z-index:2;
}
body.tvd #navlinks { display:none; }
body.tvd .tvdet {
/*margin-top:70px;*/
position:relative;
top:90px;
}
body.tvd #shoverview {
background-color:black;
padding:2px;
border-top:10px solid #073642;
}
body.tvd span.key { display:block; }
body.tvd span.value { padding-left:20px; }
body.tvd #tvadmO { width:955px; }
body.tvd #tvadm br { display:none; }
body.tvd #tvadm a { padding-right:6px; }
body.tvd #briefformats {
border:1px solid #93a1a1;
color:#93a1a1;
border-collapse:collapse;
}
body.tvd #briefformats tr td {
padding:10px 3px 7px 8px;
border:1px solid #93a1a1;
}
body.tv #programComments { padding-top: 20px; color: #93a1a1; }
body.tv #programComments img { margin-right: 5px; }
body.tvd #programComments {
width:640px;
background-color:#073642;
border:1px solid black;
padding-top:0px;
-moz-opacity: 0.9;
opacity:.90;
filter: alpha(opacity=90);
}
body.tvd #comments .content { width:440px !important; }
body.tvd span.sz { font-size:80%; color:#93A1A1; }
body.tv ::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #93a1a1;
-webkit-border-radius: 1ex;
}
body.tv ::-webkit-scrollbar-thumb {
background: #268bd2;
-webkit-border-radius: 1ex;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
body.tv ::-webkit-scrollbar-corner {
background: #1A1A1A;
}
.tvdet {
width:960px;
}
.tvdet a {
color:rgb(2,206,255) !important;
text-decoration: none;
}
.tvdet .xtext {
display:none;
color:#D0D011; /*~yellow*/
}
.tvdet div.key2 {
display:inline-block;
width:125px;
overflow:hidden;
text-align:right;
font-size:100%;
padding-left:15px;
}
.tvdet div.key2 a {
text-decoration: none !important;
}
.tvdet div.bar {
display:inline-block;
background-color:#D0D011; /*~yellow*/
height:3px;
margin: 0 5 0 5;
}
.tvdet div.cnt {
display:inline-block;
width:25px;
color:#D0D011; /*~yellow*/
font-size:100%;
}
body.tvd #cct {
width:955px;
}
body.tvd #cct > div {
border-bottom: 1px solid #002B36;
position:relative;
}
body.tvd #cct div {
color:#eee;
}
body.tvd #cct div.at img {
width:160px;
height:110px;
}
body.tvd #cct div.at {
text-align:left;
font-size:125%;
font-weight:bold;
width:160px;
margin-top:5px;
}
body.tvd #cct div.at div {
background-color:black;
padding-left:7px;
}
body.tvd #cct div.lines {
font-family: courier, fixed;
overflow-x:hidden;
width: 768px;
max-width:768px;
/* this clips long urls in mozilla */
overflow: hidden;
/* this wraps long urls in IE */
word-wrap: break-word;
}
body.tvd #cct div.caps {
font-size:16px;
padding:10px;
}
body.tvd #cct .caphi {
border:1px solid #586e75 !important;
background-color:black;
/*background-color:#002b36;*/
}
body.tvd #cct div.ci {
position:absolute;
right:-40px;
top:65px;
}
body.tvd #cct div.ci img {
width:21px;
height:18px;
}
body.tvd #cct a.txthi {
color:#d33682 !important;
}
body.tv table { color: #93a1a1; }
body.tv .tvdet span.hi a {
color:#D0D011 !important; /*~yellow*/
font-size:120%;
}
.tvdet div.thumb {
display:inline-block;
/* width:164px; height:114px; */
width:82px; height:57px;
padding:1px;
background-color:black;
}
.tvdet div.thumb img {
border:0px;
width:80px; height:55px;
}
.tvdet table.fileFormats tr td {
padding:5px;
}
.tvdet table.fileFormats tr {
background-color:#073642;
}
.tvdet table.fileFormats tr.odd:hover, .tvdet table.fileFormats tr.eve:hover {
background-color:#002b36;
}
.tvdet #dlc {
text-align:center;
margin-top:10px;
}
/***************** Styles for TV individual items details pages *****************/
/******************** TV ********************/
body.tv2 #navu {
margin-bottom:0px !important;
}
body.tv2 #splash, body.tv2 #descrip, body.tv2 #colls {
width:700px;
margin:auto;
}
body.tv2 #splash, body.tv2 #descrip {
margin:20px auto;
}
body.tv2 #splash {
margin-top:40px;
font: bold 32px tahoma,arial,verdana,sans-serif;
text-align:center;
}
body.tv2 .coll1, body.tv2 .coll2 {
width:320px;
}
body.tv2 .coll1 {
margin-right:60px;
}
body.tv2 .coll1 h3 {
font: bold 16px tahoma,arial,verdana,sans-serif;
width:200px;
text-align:center;
margin:auto;
}
body.tv2 #navu div a.stealth, body.tv2 a.stealth {
color:black !important;
text-decoration:none;
cursor:pointer;
}
body.tv2 #navu div a.stealth:hover, body.tv2 a.stealth:hover {
color:#222 !important;
}
body.tv2 .hms {
color:white;
background-color:black;
padding:4px 2px;
/* from class topinblock */
vertical-align:top;
display:inline-block;
*display:inline; /*for IEv8, at least*/
zoom:1; /*for IEv7*/
}
body.tv2 .ghost {
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
body.tv2 .ghost:hover {
-moz-opacity: 0.9;
opacity:.90;
filter: alpha(opacity=90);
}
/* body.clipstream hijacking */
body.tv2 #bluscrn {
background-color:white !important;
}
body.tv2 #cols {
top:195px !important;
}
body.tv2 .colxttl {
color:black !important;
background-color:white !important;
height:40px;
}
body.tv2 .colxttl h3 {
margin-top:5px;
}
body.tv2 .colttl h3, body.tv2 .colxttl h3 {
text-align:center;
}
body.tv2 .colttl h4, body.tv2 .colxttl h4 {
text-align:center;
}
body.tv2 #iafootdiv { display:none; }
body.tv2 .bluepill {
padding:10px;
background-color:rgb(194,235,252);
font-size:14px;
font-weight:normal;
}
body.tv2 .tvseg {
position:absolute;
height:75px;
border:3px solid black;
background-color:#bbb;
}
body.tv2 .ancptr {
position:absolute;
height:25px;
width:10px;
background-color:#d33682;
}
body.tv2 #streamsummary {
display:none;
}
/* body.clipstream hijacking */
.tvback body.tv iframe, .tvBG {
background-color:#073642 !important;
}
body.tv .box { color:black; }
body.tv {
background-color:#073642 !important;
color: #ddd;
padding-left:40px;
}
body.tv #navu {
margin-left:-40px;
}
body.oneday #navu {
margin-left:0px;
}
body.tv1k {
width:1000px; /*1040 wide total, w/ left padding*/
}
body.tv a { text-decoration: none; }
body.tv a:hover { text-decoration: underline; }
body.tv a:link, body.tv a:visited, body.tv a:active {
color: #00aef0 !important;
}
/*TV navigation*/
body.tv #nav {
color:white;
margin-left:25px;
margin-right:20px;
height:60px;
background-color:#002b36;
border-top:1px solid black;
}
body.tv #nav .logo {
border:0;
padding:5px 0px 0px 8px;
width:172px;
height:50px;
}
body.tv #nav .ttl {
display:inline-block;
font-size:32px;
vertical-align:top;
font: times new roman, times;
padding:15px 0px 0px 5px;
}
body.tv .tvhelp {
width:300px;
margin:auto;
display:none;
z-index:100000;
padding:20px;
background-color:#255460;
position:absolute;
}
body.clipstream #navlinks {
display:none;
}
body.tv #navlinks {
font-size:12px;
text-align:right;
padding-right:40px;
margin-top:-20px;
}
body.tv #navlinks a {
padding-left:2px;
padding-right:2px;
}
body.tv #navlinks img {
width:16px;
height:16px;
padding:0px;
}
body.tv .gobutton, body.tv .gobutton10 {
background-color:rgb(2,206,255);
font-weight:bold;
font-size:13px;
padding:2px 5px;
color:white;
border:none;
-moz-border-radius: 3px; /* firefox */
-webkit-border-radius:3px;/* safari */
-khtml-border-radius:3px; /* safari? */
border-radius:3px; /* opera, CSS3 */
margin-right:5px;
}
body.tv .gobutton10 {
font-size:10px;
}
body.tv #sortby {
font-size:10px;
color:#eee8d5;
padding-top:3px;
padding-left:12px;
display:none;
}
body.clipstream #sortby {
display:inline-block;
}
body.tv #search {
position:absolute;
left:25px;
top:35px;
height:475px;
padding-left:15px;
}
body.tv #search a {
text-decoration:none !important;
}
body.tv #moresearch {
position:absolute;
top:5px;
left:195px;
width:260px;
padding-bottom:5px;
}
body.clipstream #moresearch {
top:5px;
left:195px;
width:260px;
}
body.tv #moresearch #searchform {
margin:0;
}
body.tv #moresearch .q {
font-size:8pt;
width:171px;
}
body.tv #moresearch .qempty {
color:#aaa;
font-style:italic;
font-weight:normal;
}
body.tv .moreshowing, #ozyopt {
width:440px;
background-color:rgb(37,84,96);/* TV bg, rgb( 7,54,66) +30 for each */
z-index:6666;
box-shadow: 1px 1px 10px #999;
-moz-box-shadow: 1px 1px 10px #999;
-webkit-box-shadow: 1px 1px 10px #999;
-moz-border-radius: 10px; /* firefox */
-webkit-border-radius:10px;/* safari */
-khtml-border-radius:10px; /* safari? */
border-radius: 10px; /* opera, CSS3 */
}
body.clipstream .moreshowing, body.showpage .moreshowing {
width:990px;
}
body.showpage #timegraf {
display:none;
}
body.tv #advSEad {
text-align:right;
padding-right:5px;
}
body.clipstream #advSEad {
text-align:left;
padding-right:2px;
display:inline-block;
}
body.tv #advSEa {
padding-right:5px;
}
body.tv #advSE {
display:none;
padding:10px;
width:220px;
}
body.tv #advSE .advSEtxt {
width:200px;
}
body.tv #advSE .advSEsel {
width:200px;
}
body.tv .searchsel {
color:#EEE8D5;
background-color:#073642;
width:100px;
}
body.tvtop .searchsel {
margin-top:15px;
}
body.tv #advsearch {
text-align:right;
width:450px;
margin-left:-210px;
}
body.tv #dpShortcuts {
position:absolute;
z-index:6667;
font-size:12px;
padding:5px;
border:1px solid #EEE8D5;
font-size:12px;
left:5px;
background-color:rgb(37,84,96);/* TV bg, rgb( 7,54,66) +30 for each */
box-shadow: 1px 1px 10px #999;
-moz-box-shadow: 1px 1px 10px #999;
-webkit-box-shadow: 1px 1px 10px #999;
-moz-border-radius: 10px; /* firefox */
-webkit-border-radius:10px;/* safari */
-khtml-border-radius:10px; /* safari? */
border-radius: 10px; /* opera, CSS3 */
}
body.tv #iafootdiv {
display:none;
}
body.tv #iafoot {
margin-top:20px;
}
body.tvd #iafoot {
display:none; /*FF,iOS cosmetic issues*/
}
/*TV navigation*/
body.tv .tvlabel {
background-color:#002B36;
color:#EEE8D5;
font-size:24px;
padding:2px 0px 2px 10px;
margin-top:10px;
margin-bottom:10px;
margin-right:20px;
font-weight:normal;
}
body.tv h2.tvlabel {
font-size:16px;
}
body.tv h3.tvlabel {
font-size:14px;
}
body.tv .tvlabel a, body.tv .tvlabel a:hover,
body.tv #navu .tvlabel a, body.tv #navu .tvlabel a:hover {
color:#EEE8D5 !important;
}
body.tv .tvlabel a:hover { text-decoration:none !important; }
body.tv #timegraf {
position:relative;
}
body.tv div.clod { margin:auto; position:relative; }
body.tv div.clod span.amp {
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
font-size:50%;
}
@font-face {
font-family: 'Yanone Kaffeesatz';
src: url('http://index.asp/includes/fonts/YanoneKaffeesatz-Regular.eot');
src: url('http://index.asp/includes/fonts/YanoneKaffeesatz-Regular.eot#iefix') format('embedded-opentype'),
url('http://index.asp/includes/fonts/YanoneKaffeesatz-Regular.woff') format('woff'),
url('http://index.asp/includes/fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'),
url('http://index.asp/includes/fonts/YanoneKaffeesatz-Regular.svg#YanoneKaffeesatzRegular') format('svg');
}
body.tv div.clod a {
font-family: "Yanone Kaffeesatz";
position: absolute;
text-decoration: none;
display: block;
}
/* colorful range! */
body.tv div.clod a.c0{color: #ff8939 !important;}
body.tv div.clod a.c0:hover{color: #EECFA1 !important; text-decoration:none !important;}
body.tv div.clod a.c1{color: #d33682 !important;}
body.tv div.clod a.c1:hover{color: #a50096 !important; text-decoration:none !important;}
body.tv div.clod a.c2{color: #e85f4d !important;}
body.tv div.clod a.c2:hover{color: #ff6854 !important; text-decoration:none !important;}
body.tv div.clod a.c3{color: #ffc051 !important;}
body.tv div.clod a.c3:hover{color: #EECFA1 !important; text-decoration:none !important;}
body.tv div.clod a.c4{color: #ff385b !important;}
body.tv div.clod a.c4:hover{color: #b52841 !important; text-decoration:none !important;}
/* gray range */
body.tvd div.clod a.c0{color: #93A1A1 !important;}
body.tvd div.clod a.c0:hover{color: #EEE8D5 !important; text-decoration:none !important;}
body.tvd div.clod a.c1{color: #839496 !important;}
body.tvd div.clod a.c1:hover{color: #EEE8D5 !important; text-decoration:none !important;}
body.tvd div.clod a.c2{color: #657b83 !important;}
body.tvd div.clod a.c2:hover{color: #EEE8D5 !important; text-decoration:none !important;}
body.tvd div.clod a.c3{color: #586e75 !important;}
body.tvd div.clod a.c3:hover{color: #EEE8D5 !important; text-decoration:none !important;}
body.tvd div.clod a.c4{color: #586e75 !important;}
body.tvd div.clod a.c4:hover{color: #EEE8D5 !important; text-decoration:none !important;}
body.tv #wall {
margin-top:20px;
margin-left:40px;
margin-bottom:100px;
padding-left:2px;
background-color:black;
}
body.tv #wall img, body.tv #wall a div.x {
width:108px; /*VW*/
height:80px; /*VH*/
}
body.tv #wall a:hover { text-decoration: none !important; }
body.tv #wall a div.x {
position:relative;
border:2px solid transparent;
/* from class topinblock */
vertical-align:top;
display:inline-block;
*display:inline; /*for IEv8, at least*/
zoom:1; /*for IEv7*/
}
body.tv #wall a div.playing {
border-color:#dc322f;
}
body.tv #wall div.info {
width:102px; /*VW-6*/
position:absolute;
top:80px; /*VH*/
left:-2px;
display:none;
background-color:#dc322f; /*~red*/
color:#fdf6e3;
min-height:50px;
padding:3px;
border:2px solid #dc322f;
z-index:101 !important;
overflow:hidden;
}
body.tv #wall span.time {
font-size:70%;
}
/* map and pins */
body.tv a.tvpin, body.tv #mapall a.tvpin {
color:#999 !important;
text-decoration:none !important;
}
body.tv a.tvpin div span {
padding:1px 3px;
}
body.tv .ghost {
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
body.tv a.tvpin .lit {
color:white;
background-color:#DC322F;
-moz-opacity: 1.0;
opacity:1.00;
filter: alpha(opacity=100);
}
body.tv .tvpinR {
font-weight:bold;
}
body.tv .tvpinB {
font-weight:bold;
position:absolute;
top:12px;
}
body.tv .tvpinL {
font-weight:bold;
position:absolute;
left:-120px;
text-align:right;
width:120px;
}
body.tv .tvpinL div {
text-align:right;
margin-left:auto;
}
/* map and pins */
body.tv .dotlink {
border-bottom: 1px dotted #00AEF0;
}
body.tv .dotlink:hover {
text-decoration: none;
}
body.tv #comtime, body.tv .comtime {
font-size:80%;
background-color:#dc322f;
padding:2px 5px;
color:#fdf6e3;
font-weight:bold;
margin:0px 6px 0px 10px;
-moz-border-radius: 2px; /* firefox */
-webkit-border-radius: 2px;/* safari */
-khtml-border-radius: 2px; /* safari? */
border-radius: 2px; /* opera, CSS3 */
}
body.tv .comtime a {
color: #fdf6e3 !important;
}
body.tv .comtime a:hover {
text-decoration: none;
color: #fdf6e3 !important;
}
body.tv .comtime:hover {
background-color: #00aef0 !important;
}
body.tv .comment {
padding:2px;
font-family:italic;
}
.tvhid {
display:none;
}
.tvhidv {
visibility:hidden;
}
body.tv #admins { /*for 1Day (only)*/
position:fixed;
top:30px;
right:2px;
}
body.tv #thumbs div.thumb {
width:80px;
height:55px;
padding:0px;/*xxxx 2px?*/
}
body.tv #thumbs div.thumb img {
border:0px;
width:80px;
height:55px;
}
body.tv #welcome {
position:absolute;
left:20px;
top:30px;
z-index:666;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
color: #fdf6e3;
background-color: #002b36;
padding-top:10px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
text-align: left;
}
body.tv #collectionName {font-size:1.5em; font-weight:bold; line-height: 1.5em;text-shadow: 1px 1px 1px #000;}
body.tv #collectionDesc {font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 1.25em;text-shadow: 1px 1px 1px #000;}
/*from glo*/
body.tv #header { background-color: #073642; padding: 5px; }
body.tv #contentArea {width: 960px; margin-left: auto; margin-right: auto; }
body.tv .goBack { font-size: 1em; color: #2aa198; padding-top: 10px; padding-bottom: 10px;}
body.tv #program { }
body.tv #avrap { width:640px; height:480px; }
body.tv .programMeta {width:300px; height:480px; margin-left:20px; color: #93a1a1; position:relative; }
body.tv h1.programName { font-size: 1.5em; color: #fdf6e3 }
body.tv .programDescription { color: #93a1a1; font-size: 1.25em;}
body.tv .programDetails { margin-top: 10px; font-size: 1em; color: #657b83; }
body.tv .programMap { height:300px; width:300px; margin-top: 20px; position:absolute; bottom:0px; }
body.tv .programMap #map {width:300px;}
body.tv .comtime { width: 60px; color: #fdf6e3; font-weight: bold; font-size: 0.75em; padding: 4px; background-color: #dc322f; margin-right: 10px; text-align: right; }
body.tv .comtime a { color: #fdf6e3; text-decoration: none; }
body.tv .comtimeAdd { color: #fdf6e3; font-weight: bold; font-size: 0.75em; padding: 4px; background-color: #859900; margin-right: 10px; }
body.tv .comtimeAdd a { color: #fdf6e3; text-decoration: none; }
body.tv #addComment { background-color: #002b36; padding: 10px; margin-bottom: 10px; }
body.tv #clipthis { width: 300px; margin-left:0px; margin-right:0px; }
body.tv #clipthis textarea { width: 500px; height: 60px; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif}
body.tv a.cancel { color: #dc322f !important; font-size: 0.75em; text-decoration: underline }
body.tv .comment { padding: 10px; font-family: Helvetica, Arial, sans-serif}
body.tv .comment .comtime { background-color: #002b36; padding: 4px; margin-right: 10px; }
body.tv .who { font-size: 1em; color: #657b83; }
body.tvtop .who { overflow-x: hidden; }
body.tv .adminOnly { float: right; }
body.tv .adminOnly a { font-size: 0.75em; color: #dc322f; }
body.tv #comments .content { font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; line-height: 1.5em; width:800px; }
body.tvtop #comments .content, body.tvtop #comments .who { width:500px; }
body.tv #morePrograms { padding-bottom: 20px; }
body.tv #morePrograms h2 { color: #dc322f; font-weight: bold; font-size: 1.25em; }
body.tv #morePrograms .program { color: #93a1a1; margin-left: 10px; width:300px; }
body.tv #morePrograms .program .map { width: 300px; height: 100px; margin-bottom: 10px; }
body.tv #morePrograms .program .meta {}
body.tv #footer { border-top: 1px dashed #002b36; padding: 10px; margin-bottom: 50px; margin-top: 20px; }
body.tv #footer #playall {width: 30%; margin-right: 20px;font-size: 1.25em; line-height: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; line-height: 1.25em; }
body.tv #footer #credits {font-size: 1em; text-align: center; width: 45%}
body.tv #footer #credits #creditstitle { color: #dc322f; font-weight: bold; font-size: 1em; }
body.tv #footer #partners { font-size: 1em; width:20%; text-align: center; }
/*from glo*/
body.tv #addComment img, body.tv #comments img { width:21px; height:18px; }
body.tv span.topP, body.tv a.topP { /* TOP phrase -- Person */
text-decoration:none !important;
color:rgb(246,132,64) !important;
}
body.tv span.topL, body.tv a.topL { /* TOP phrase -- Location */
text-decoration:none !important;
color:rgb(237,0,140) !important;
}
body.tv span.topO, body.tv a.topO { /* TOP phrase -- Organization */
text-decoration:none !important;
color:rgb(133,211,109) !important;
}
body.tv span.topT, body.tv a.topT { /* TOP phrase -- Tag Trends */
text-decoration:none !important;
color:#999 !important;
}
/** TV top page **/
body.tv div.topicscol { width:200px; }
.trendsT {
color:rgb(190,54,122);
font-size:16px;
font-weight:bold;
text-align:left;
}
.trendsK {
width:150px;
vertical-align:bottom !important;
padding-bottom:15px;
text-align:left;
color:#00AEF0;
font-weight:bold;
font-family: Helvetica, "Lucida Grande", Verdana, Geneva, Arial, sans-serif!important;
font-size:18px;
}
.trendsK .trendsG {
height:50px;
}
/** TV top page **/
/** TV calendar pages **/
body.tv ul.cal li { font-size: 15pt; }
#tvcal div.tab, #tvcal div.tab7 {
width:150px;
text-align:center;
height:30px;
padding-top:20px;}
#tvcal div.tab a, #tvcal div.tab7 a {
text-decoration:none !important;
}
#tvcal div.tab7 {
width:100px;
}
#toptop {
width:300px; height:400px;
padding:10px;
font-size:125%;
}
#toptop a {
text-decoration:none !important;
}
div.tvmo div.thumb {
width:160px; margin:4px;
height:160px;
float:left;
text-align:center;
}
div.tvmo div.thumb a {
text-decoration:none !important;
}
div.tvmo div.thumb img {
padding:0px;
width:160px;
height:120px;
}
/** TV calendar pages **/
/* TV clipstream */
body.clipstream { background-color:white !important; }
body.clipstream #navu,
body.clipstream #timegraf { position:fixed !important; }
body.clipstream #timegraf { top:31px; left:500px; }
/* the #timegraf 1st label is too wide on the left and negative space goes over/blocks other elements! fix: */
body.clipstream #tvcanvas .tickLabel:first-child {left:0 !important; text-align:left !important;}
body.clipstream #tvcanvas2 .tickLabel:first-child {left:0 !important; text-align:left !important;}
body.clipstream #navu { width:100%; }
body.clipstream #nav { background-color:#073642; }
body.clipstream #nav .white2col { display:none; }
body.clipstream #bluscrn { position:fixed; top:0px; left:0px; z-index:-1; width:100%; height:381px; background-color:#002b36; }
body.clipstream #cols {
position:absolute;
top:95px;
}
body.clipstream .col { width:160px; margin-left:10px; margin-right:10px; }
body.clipstream .col b { color:#268bd2; font-weight:normal; }
body.clipstream .col em {
background-color:#222;
color:#fdf6e3 !important; /*white1*/
padding:2px;
-moz-border-radius: 2px; /* firefox */
-webkit-border-radius: 2px;/* safari */
-khtml-border-radius: 2px; /* safari? */
border-radius: 2px; /* opera, CSS3 */
font-style:normal;
}
body.clipstream .col .snippet {
background-color:white;
color:gray;
font-size:16px;
font-family:Georgia;
overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;
font-weight:normal !important;
margin-top:5px;
}
body.clipstream .col img:hover {
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
cursor: pointer;
}
body.clipstream .col img.th {
width:160px;
height:110px;
}
body.clipstream .col img.ext {
float:right;
width:12px;
height:12px;
}
body.clipstream .col img.tm {
float:right;
width:16px;
height:16px;
}
body.clipstream .colx img.tm {
float:none;
margin-top:-4px;
}
body.clipstream .col .snippet, body.clipstream .col img.th, body.clipstream .col .snipbrk {
position:relative;
top:171px;
}
body.clipstream .colx {
width:320px !important;
margin-left:10px;
margin-right:10px;
margin-top:5px;
box-shadow: 1px 1px 10px #999;
-moz-box-shadow: 1px 1px 10px #999;
-webkit-box-shadow: 1px 1px 10px #999;
font-weight:normal !important;
}
body.clipstream .colx .snippet { color:black; font-size:24px; top:0px; padding:2px; }
body.clipstream .colx .snippet em { color:white; background-color:black; }
body.clipstream .colx img.th {
top:0px;
width:320px;
height:240px;/*stretch slightly. nicer*/
}
body.clipstream .collabel { position:absolute; width:166px; text-align:center; color:gray; font-size:75%; }
body.clipstream .colttl { padding-top:120px; position:absolute; width:150px; overflow:hidden; font-size:12px; }
body.clipstream .colttl a:hover,
body.clipstream .colxttl a:hover {
text-decoration: none !important;
}
body.clipstream .colxttl { display:none; font-size:16px; background-color:black; color:white; padding-left:5px; padding-right:5px; text-align:justify; width:310px; overflow:hidden; }
body.clipstream .colx .colttl { display:none; }
body.clipstream .colx .colxttl { display:block; }
body.clipstream .colx .snipbrk { display:none; }
body.clipstream .colx .snipin { padding-left:10px; padding-right:10px; }
body.clipstream .snipbrk {
width:600px;
height:1px;
z-index:1;
border-top:1px solid rgb(0,21,27); /*mathematically in between #002b36 and #000000 white to "bridge"*/
background: transparent top left repeat-x url(http://index.asp/images/tab-base-middle-white.gif);
/*xxxx i fail! should be like hulu video playing transition from video to text bottom part
box-shadow:0px 3px 10px red;
-moz-box-shadow:0px 3px 10px red;
-webkit-box-shadow:0px 3px 10px red;
*/
}
body.clipstream #iafoot { display:none; }
.clkimg:hover {
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
cursor: pointer;
}
body.tv #clips {
height:480px;
width:640px;
}
body.tv #clipsettings {
position:absolute; /*this is relative to #moresearch!*/
top:0px;
left:280px;
width:500px;
visibility:hidden;
overflow-x:hidden;
overflow-y:scroll;
}
body.tv #clipsettings h4, body.tv #clipsettings .faux4 {
color:rgb(208,208,17);
font-size:10pt;
}
body.tv .tvonly {
width:60px;
height:30px;
}
body.tv .tvonly:hover {
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
cursor:pointer;
}
body.tv .borrow a, body.tv .playbtn a, body.tv #playholder .playbtn a { color:black !important; box-shadow: 2px 2px 10px #999; -moz-box-shadow: 2px 2px 10px #999; -webkit-box-shadow: 2px 2px 10px # 999; }
body.tv .playbtn a:hover, body.tv .playbtn:hover,
body.tv .borrow a:hover, body.tv .borrow:hover { cursor:pointer; color:#002b36 !important; }
body.tv .playbtn a { font-size:16px; }
body.tv .borrow a:hover, body.tv .playbtn a:hover { text-decoration: none; }
body.clipstream #cols .borrow { float:right; }
body.tv #searchlinks {
font-size: 10pt;
font-weight: normal;
padding-left:15px;
float:right;
padding-right:100px;
padding-top:5px;
text-align:right;
}
table.tvhits {
width:720px;
margin:0px;
border-collapse: collapse;
}
table.tvhits th {
text-align:left;
padding-left:6px;
padding-right:6px;
background-color:transparent !important;
}
table.tvhits tr td a {
text-decoration:none !important;
}
table.tvhits tr td {
padding-left:10px;
padding-right:10px;
color: #ddd;
}
table.tvhits tr td.ctr {
text-align:center;
}
table.tvhits tr td.time {
font-family:monospace;
font-size:90%;
text-align:right;
}
table.tvhits tr td.hi {
font-size:90%;
font-style:italic;
color:#999;
max-width:250px;
overflow-x:hidden;
overflow:hidden; padding-right:3px;/*for firefox broken overflow-x + max-width (eg: http://archive.org/details/tv?q=malia+obama&time=200908 )*/
}
table.tvhits tr td.hi em {
color:#D0D011; /*~yellow*/
font-size:110%;
}
table.tvhits tr td.thumb, table.tvhits tr td.thumb img {
width:80px;
height:55px;
}
table.tvhits tr.dupe {
display:none;
}
/* TV clipstream */
/* TV facets */
body.tv .fq {
padding:1px 3px 1px 3px;
border:1px solid gray;
margin-right:5px;
margin-bottom:3px;
-moz-border-radius: 5px; /* firefox */
-webkit-border-radius: 5px;/* safari */
-khtml-border-radius: 5px; /* safari? */
border-radius: 5px; /* opera, CSS3 */
}
body.tv .fqover {
color: #dc322f; /*~red*/
cursor: pointer;
}
body.tv .facet .fttl {
color:#D0D011; /*~yellow*/
font-size:120%;
margin-top:10px;
}
body.tv .facet .term {
color:#bbb;
}
body.tv .facet .cnt {
color:#999;
}
/* TV facets */
/* clipstream date range slider/picker */
body.tv #ui-datepicker-div,
body.tv2 #ui-datepicker-div { display:none; }
body.tv #slider,
body.tv2 #slider { width: 200px; z-index: 0; }
body.tv #datepicker,
body.tv2 #datepicker { z-index: 1; }
body.tv #slider .ui-slider-range {
top:-87px !important;
height:87px !important;
}
body.tvtop #slider .ui-slider-range,
body.tv2 #slider .ui-slider-range {
top:-50px !important;
height:50px !important;
}
body.tv #slider .ptrL,
body.tv #slider .ptrR,
body.tv2 #slider .ptrL,
body.tv2 #slider .ptrR {
width:0.8em;
height:0.8em;
-moz-border-radius: 3px; /* firefox */
-webkit-border-radius: 3px;/* safari */
-khtml-border-radius: 3px; /* safari? */
border-radius: 3px; /* opera, CSS3 */
}
body.tv #slider .ptrL,
body.tv2 #slider .ptrL {
background: #073642 center center no-repeat url(http://index.asp/images/tvTriPtrL6.png) !important;
border:1px solid gray !important;
margin-left:-8px;
}
body.tv #slider .ptrR,
body.tv2 #slider .ptrR {
background: #073642 center center no-repeat url(http://index.asp/images/tvTriPtrR6.png) !important;
border:1px solid gray !important;
margin-left:0px;
}
body.tv #slider .ptrL:hover,
body.tv #slider .ptrR:hover,
body.tv2 #slider .ptrL:hover,
body.tv2 #slider .ptrR:hover {
border-color: #fdf6e3 !important;
cursor:pointer;
}
body.tv #slider .ui-widget-header,
body.tv2 #slider .ui-widget-header {
background-image: none !important;
background-color: transparent;
border-left:2px solid white;
border-right:2px solid white;
}
body.tv #slider,
body.tv2 #slider {
background: transparent !important;
border: 0px;
}
body.tv .tvdateLR,
body.tv2 .tvdateLR {
display:none;
position:absolute;
}
body.tv #from, body.tv #to { top:110px; }
body.tv2 #from, body.tv2 #to { top:50px; }
body.clipstream #from, body.clipstream #to { top:23px; }
body.tv #slidelen,
body.tv2 #slidelen {
width:244px;
height:15px;
background: transparent !important;
border: 0px;
margin-left:7px;
}
body.tv #slidelen .ui-widget-content .ui-state-hover,
body.tv #slidelen .ui-state-focus,
body.tv #slidelen .ui-widget-content .ui-state-focus,
body.tv2 #slidelen .ui-widget-content .ui-state-hover,
body.tv2 #slidelen .ui-state-focus,
body.tv2 #slidelen .ui-widget-content .ui-state-focus {
background: #d0e5f5 url(http://index.asp/images/pointer.png) !important;
}
body.tv #slidelen .ui-state-default,
body.tv #slidelen .ui-widget-content .ui-state-default,
body.tv2 #slidelen .ui-state-default,
body.tv2 #slidelen .ui-widget-content .ui-state-default {
background: #d0e5f5 url(http://index.asp/images/pointer.png) !important;
}
/* clipstream date range slider/picker */
#opscreen1, #opscreen2 {
/* convert -size 1x1 xc:none -draw "fill #073642 fill-opacity 0.7 rectangle 0,0 1,1" tvop70.png */
background-image:url(http://index.asp/images/tvop70.png);
background-repeat:repeat;
display:none;
position:fixed;
top:0px;
left:0px;
}
#opscreen1 {
z-index:100;
}
#opscreen2 {
z-index:200;
}
body.tvd #opscreen1 {
background-image:url(http://index.asp/images/tvop80.png);
}
body.tv #reviews { margin:auto; text-align:left; }
body.tv div.kv { margin-bottom:10px; }
/******************** TV ********************/