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(../images/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 */
}
.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://zeta.fota.co.uk/images/closerB-on.png) top left no-repeat;
    width:10px;
    height:10px;
    border:0px !important;
}
a.closer10:hover img {
    background: url(http://zeta.fota.co.uk/images/closerB-off.png) top left no-repeat;
    cursor:pointer;
}


.closerB img {
    background: url(http://zeta.fota.co.uk/images/closerB-on.png) top left no-repeat;
    width:10px;
    height:10px;
    border:0px !important;
}
.closerB a:hover img {
    background: url(http://zeta.fota.co.uk/images/closerB-off.png) top left no-repeat;
    cursor:pointer;
}
.closerC img {
    background: url(http://zeta.fota.co.uk/images/closerC-on.png) top left no-repeat;
    width:20px;
    height:20px;
    border:0px !important;
}
.closerC a:hover img {
    background: url(http://zeta.fota.co.uk/images/closerC-off.png) top left no-repeat;
    cursor:pointer;
}

.closerJ img {
    background: url(http://zeta.fota.co.uk/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://zeta.fota.co.uk/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://zeta.fota.co.uk/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://zeta.fota.co.uk/images/911-close-window-icon-on.png) top left no-repeat;
}
#jw6      a#closer:hover  img, 
#jw6      a#closer2:hover img {
    background: url(http://zeta.fota.co.uk/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://zeta.fota.co.uk/jw/6/barbg.png); 
  border-radius:3px; 
}
.iajw {
  background: url(http://zeta.fota.co.uk/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://zeta.fota.co.uk/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   ********************/

.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://zeta.fota.co.uk/includes/fonts/YanoneKaffeesatz-Regular.eot');
    src: url('http://zeta.fota.co.uk/includes/fonts/YanoneKaffeesatz-Regular.eot#iefix') format('embedded-opentype'),
         url('http://zeta.fota.co.uk/includes/fonts/YanoneKaffeesatz-Regular.woff') format('woff'),
         url('http://zeta.fota.co.uk/includes/fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'),
         url('http://zeta.fota.co.uk/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://zeta.fota.co.uk/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 { display:none; }
body.tv #slider { width: 200px; z-index: 0; }
body.tv #datepicker { z-index: 1; }

body.tv #slider .ui-slider-range { 
    top:-87px !important;
    height:87px !important;
}
body.tvtop #slider .ui-slider-range { 
    top:-50px !important;
    height:50px !important;
}

body.tv #slider .ptrL, body.tv #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 {
    background: #073642 center center no-repeat url(http://zeta.fota.co.uk/images/tvTriPtrL6.png) !important;
    border:1px solid gray !important;
    margin-left:-8px;
}
body.tv #slider .ptrR {
    background: #073642 center center no-repeat url(http://zeta.fota.co.uk/images/tvTriPtrR6.png) !important;
    border:1px solid gray !important;
    margin-left:0px;
}
body.tv #slider .ptrL:hover, 
body.tv #slider .ptrR:hover {
    border-color: #fdf6e3 !important;
    cursor:pointer;
}



body.tv #slider .ui-widget-header {
    background-image: none !important;
    background-color: transparent;
    border-left:2px solid white;
    border-right:2px solid white;
}

body.tv #slider {
    background: transparent !important;
    border: 0px;
}



body.tv .tvdateLR {
    display:none;
    position:absolute;
}

body.tv         #from, body.tv         #to { top:110px; } 
body.clipstream #from, body.clipstream #to { top:23px;  }



body.tv #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 { 
    background: #d0e5f5 url(http://zeta.fota.co.uk/images/pointer.png) !important;
}

body.tv #slidelen .ui-state-default, 
body.tv #slidelen .ui-widget-content .ui-state-default { 
    background: #d0e5f5 url(http://zeta.fota.co.uk/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://zeta.fota.co.uk/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://zeta.fota.co.uk/images/tvop80.png);
}


body.tv #reviews { margin:auto; text-align:left; }
body.tv div.kv { margin-bottom:10px; }


/********************   TV   ********************/