body {
  min-width:950px;
}
body.embedded {
  margin:0;
  position:fixed;
  top:0;
  left:0;
  bottom:0px;
  right:0px;
  overflow:hidden;
  background-color:transparent;

  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;} 


.share-icon {
  width:25px;
  height:25px;
  background-color:#333;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMxJREFUeNpiYCAR/P//nx+I1/9HgP0gMQYyDKr/jwn2k2PQfSwG/WchwQB/IBUAxAp4FQHxfCDuB2J9JHF9qNj7//jBe5DieCwSIM3nsYiDAjkfi8HxjGDTGBgE8PjqAhAvAGFGRsaPUJfKA6kEqPwGoPhFBjzORfEmIcCERw4UqB9Iic75BAJyPtQrILX20HSUj5EIoSkVZth7qJfssaSX9egxBbOAGNfG40qAMNdSI1ugZA0mIs3awEAtgMOL8eQYpI9mWD+yPECAAQD6jshl3zhTjgAAAABJRU5ErkJggg==);
  background-repeat:no-repeat;
  background-position:3px 5px;

  vertical-align:top;
  display:inline-block;
  *display:inline; /*for IEv8, at least*/
  zoom:1; /*for IEv7*/

  -moz-border-radius: 3px;  /* firefox */
  -webkit-border-radius:3px;/* safari */
  -khtml-border-radius:3px; /* safari? */
  border-radius: 3px;       /* opera, CSS3 */
}

.embed-icon {
  width:26px;
  height:24px;
  background-color:#333;
  background-image:url(../../jw/6.8/embed.png);
  background-repeat:no-repeat;
  background-position:3px 2px;  

  vertical-align:top;
  display:inline-block;
  *display:inline; /*for IEv8, at least*/
  zoom:1; /*for IEv7*/

  -moz-border-radius: 3px;  /* firefox */
  -webkit-border-radius:3px;/* safari */
  -khtml-border-radius:3px; /* safari? */
  border-radius: 3px;       /* opera, CSS3 */
}


p.aReviewEve, p.aReviewOdd {
  margin:3px; 
  padding:4px; 
  border:1px solid #ccc;
}


#footer {
  text-align:center;
}


/****************   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 */
}

body.top .intro {
  font-size:9pt;
  padding:7px;
  margin:0;
}

/****************   TOP PAGE www.archive.org   *************/





A:link {
	color: #00c;
}
A:visited  { 
	color: #009;
}
A:active {
	color: #f00;
}

.name_cell {
	font-weight: bold;
}







/* ------------ 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: white url(../../images/blendbar.jpg) repeat-y 0 0;
}
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; }
body.Software .level3Header { background-color: #F2EFF8; }
body.Projects .level3Header { background-color: #F2EFF8; }
body.Web      .level3Header { background-color: #e9e9e9; }


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 --------------- */







/* ------------- 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;
}







/* ------------- 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=email], 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;
}

/* Anand: customizations for borrow page. Adopted from Open Library. */

body.borrow #container {
  width: 920px;
  margin: 0 auto;
}

body.borrow .fixthis{background-color:pink!important;}

body.borrow .right {
  float: right;
}
body.borrow #contentHead {
  margin: 20px;
}
body.borrow #contentHead h1 {
  margin: 0px;
  padding: 0px;
}
body.borrow #contentBody {
  margin: 20px;
}

body.borrow .book-cover, #borrowTable .book-cover {
    float: left;
    max-width: 50px;
}

body.borrow .book-cover img, #borrowTable .book-cover img {
    max-width: 40px;
    max-height: 60px;
}

body.borrow .book-details {
    padding: 20px;
    float: left;
}

body.borrow .hidden {
    display: none;
}

body.borrow .icon {
    padding-right: 10px;
}

body.borrow .clearfix {
    clear: both;
}

body.borrow .gray, body.borrow .grey {
    color: #666 !important;
}

body.borrow .message {
  padding: 20px;
  background: #eee;
  border: 1px solid #ddd;
}

body.borrow .message h2 {
  font-size: 1.2em;
  margin-top: 0px;
}

body.borrow table {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: gray;
}

form#borrowbook {
    margin: 40px auto;
    text-align: left;
}

form#borrowbook fieldset {
    border: none;
    border-top: 1px dotted #000;
    padding: 20px;
    width: 470px;
}

form#borrowbook fieldset input {
    display: none;
}

form#borrowbook legend {
    padding: 0 10px;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    background: white;
    display: block;
}

form#borrowbook fieldset div {
    float: left;
    width: 100%;
    text-align: center;
}

form#borrowbook fieldset table {
    margin: 0 auto;
}

form#borrowbook label {
    display: block;
    float: left;
    width: 170px;
    height: 50px;
    padding: 20px 0 0 50px;
    margin-bottom: 25px;
    background-color: #f2f0e7;
    font-size: .6875em;
    font-size: 0.8em;
    color: #666;
    cursor: pointer;
    background-position: 20px 20px;
    background-repeat: no-repeat;
    background-image: url("../../images/icon_download-borrow.png");
}

form#borrowbook label strong {
    display: block;
    font-size: 1.4em;
    color: #0082b9;
    text-decoration: underline;
}

form#borrowbook fieldset.online label {
    background-color: #E2DCC5;
    background-image: url("../../images/icon_read-borrow.png");
}

#borrowTable tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

#borrowTable th {
  border-bottom: 1px solid #c7c3b3;
  vertical-align: bottom;
  padding-bottom: 10px;

  text-align: center;
  text-transform: uppercase;
  color: #615132;
  font-weight: 600;
  font-size: 0.6875em;
  white-space: nowrap;
}

#borrowTable th.titles {
  text-align: left;
}

#borrowTable table td {
  border-bottom: 1px solid #c7c3b3;
  vertical-align: top;
}

#borrowTable table td.cover {
  padding: 10px 0 10px 10px;
}

#borrowTable table td.titles {
  padding: 15px;
}

#borrowTable table td.expires {
  text-align: center;
  padding: 15px;
  white-space: nowrap;
}

#borrowTable table td.actions {
  padding: 15px 0;
  font-size: .75em;
  text-align: center;
}

#borrowTable table div.date {
  font-size: .75em;
  color: #666;
}

/* ------------- Search results ------------------ */
.searchResults TD {
	padding:5px;
}

.searchResults table.resultsTable {
	width:100%;
}

.searchResults TD.resultsCell {
	vertical-align:top;
}

.searchResults TR.hitRow TD {
	padding-top:20px;
}

.searchResults TD.hitCell {
	border-bottom: 1px solid #c0c0c0;
	vertical-align:top;
}

.searchResults TD.thumbCell {
	border-bottom: 1px solid #c0c0c0;
	vertical-align:top;
	width:80px;
	text-align:right;
}

.searchResults TD.numberCell {
	padding-left:20px;
	vertical-align:top;
}

.searchResults TD.headerRow {
	font-size: 18pt; 
	font-weight: bold; 
	margin: 0px;
	padding-bottom:0px;
}

.searchResults TD.infoCell {
	font-size: 8pt;
	padding-left:10px;
	padding-top:0px;
}

.searchResults A.titleLink {
	font-weight:bold;
}

.searchResults TD.pageRow {
	text-align:center;
	padding-top:20px;
	font-size:12pt;
	font-weight:bold;
}

.searchResults TD.pageRow A {
	text-decoration:none;
}


.posrel {
  position:relative;
}

#col3b {
  position:absolute;
  top:50px;
  right:10px;
  width:200px;
  overflow:hidden;
  word-wrap:break-word;
}


body.ia-module .relatedInfoCell {
	vertical-align:top;
	width:200px;
}

body.ia-module .relatedInfoCell div.box {
  width:175px;
  overflow:hidden;
  word-wrap:break-word;
}

body.ia-module .relatedInfoCell h4 {
  margin-top:5px;
}
body.ia-module .relatedInfoCell h5 {
  margin-top:5px;
  margin-bottom:0px;
}


.searchResults TR.groupBy TD {
	padding-top:20px;
	font-weight:bold;
}

TR.moreGroupBy TD {
	text-align:right;
	padding-top:20px;
	font-style:italic;
}

.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;
}
table.cat span.hilite    {
  background-color: lightyellow;
}


#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,
.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 */
}
.roundbox3 {
  -moz-border-radius: 3px;  /* firefox */
  -webkit-border-radius:3px;/* safari */
  -khtml-border-radius:3px; /* safari? */
  border-radius: 3px;       /* 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.tv {
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
}

.stdBorderColor { 
  border-color: rgb(9,68,83) !important; 
}





/* note body.Home is always === body.Software */
/* note body.Home is always === body.Projects */

/* note body.Audio is always === body.Movies */
/* note body.Audio is always === body.Patron */
/* note body.Audio is always === body.Admins */

body.Home       .headerAt {color:#CCCC99 !important}
body.Software   .headerAt {color:#CCCC99 !important}
body.Projects   .headerAt {color:#CCCC99 !important}
body.Web        .headerAt {color:#CCCC99 !important}
body.Texts      .headerAt {color:#C33C36 !important}
body.Audio      .headerAt {color:#657b83 !important}
body.Movies     .headerAt {color:#657b83 !important}
body.Patron     .headerAt {color:#657b83 !important}
body.Admins     .headerAt {color:#657b83 !important}

body.Home       .level2Header        { background-color: #999966;}
body.Software   .level2Header        { background-color: #999966;}
body.Projects   .level2Header        { background-color: #999966;}
body.Web        .level2Header        { background-color: #8c8c8c;}
body.Texts      .level2Header        { background-color: #93092D;}
body.Audio      .level2Header        { background-color: rgb(9,68,83);} /* #073642 = rgb(7,54,66) = TV bg.  so 1.25x each to lighten! */
body.Movies     .level2Header        { background-color: rgb(9,68,83);}
body.Patron     .level2Header        { background-color: rgb(9,68,83);}
body.Admins     .level2Header        { background-color: rgb(9,68,83);}

body.Home      .level3HeaderColorBar { background-color: #CCCC99;}
body.Software  .level3HeaderColorBar { background-color: #CCCC99;}
body.Projects  .level3HeaderColorBar { background-color: #CCCC99;}
body.Web       .level3HeaderColorBar { display:none; }
body.Texts     .level3HeaderColorBar { background-color: #C33C36;}
body.Audio     .level3HeaderColorBar { background-color: #657b83;}
body.Movies    .level3HeaderColorBar { background-color: #657b83;}
body.Patron    .level3HeaderColorBar { background-color: #657b83;}
body.Admins    .level3HeaderColorBar { background-color: #657b83;}

body.Home       .level3Header, body.Home       a.level3Header { color: #999966;}
body.Software   .level3Header, body.Software   a.level3Header { color: #999966;}
body.Projects   .level3Header, body.Projects   a.level3Header { color: #999966;}
body.Web        .level3Header, body.Web        a.level3Header { color:black !important; background-color: #e9e9e9 !important; }
body.Texts      .level3Header, body.Texts      a.level3Header { color: #93092D;}
body.Audio      .level3Header, body.Audio      a.level3Header { color: rgb(9,68,83);}
body.Movies     .level3Header, body.Movies     a.level3Header { color: rgb(9,68,83);}
body.Patron     .level3Header, body.Patron     a.level3Header { color: rgb(9,68,83);}
body.Admins     .level3Header, body.Admins     a.level3Header { color: rgb(9,68,83);}



body.Home      .backColor1 { background-color: #999966; }
body.Software  .backColor1 { background-color: #999966; }
body.Projects  .backColor1 { background-color: #999966; }
body.Web       .backColor1 { background-color: #8c8c8c; }
body.Texts     .backColor1 { background-color: #93092D; }
body.Audio     .backColor1 { background-color: rgb(9,68,83); }
body.Movies    .backColor1 { background-color: rgb(9,68,83); }
body.Patron    .backColor1 { background-color: rgb(9,68,83); }
body.Admins    .backColor1 { background-color: rgb(9,68,83); }

.foreColor1 { color:white; }
 

.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; }
form.button       {   background-color: wheat; }
form.button:hover {   background-color: white; }


body.Texts     div.box    { border-color: #93092D; }
body.Audio     div.box    { border-color: rgb(9,68,83); }
body.Movies    div.box    { border-color: rgb(9,68,83); }
body.Web       div.box    { border-color: #8c8c8c; }


body.Texts     div.box h1 { background-color: #93092D; }
body.Audio     div.box h1 { background-color: rgb(9,68,83); }
body.Movies    div.box h1 { background-color: rgb(9,68,83); }
body.Web       div.box h1 { background-color: #8c8c8c; }


body.Texts     div.box h2 { background-color: #C33C36; }
body.Audio     div.box h2 { background-color: rgb(14,108,132); }  /* #073642 = rgb(7,54,66) = TV bg.  so 2x each to lighten! */
body.Movies    div.box h2 { background-color: rgb(14,108,132); }
body.Web       div.box h2 { background-color: #aaa; }



body.Patron div.box,
body.Admins 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;
  width: 920px; /* 960 - 2 * 20px padding */
  clear: both;
}

body.Patron div.box h1 a, body.Patron div.box h2 a,
body.Admins div.box h1 a, body.Admins div.box h2 a{
  color: inherit;
}

body.Patron h1,
body.Admins h1 {
  margin: 0px 0px 20px 0px !important;
  font-size: 1.875em;
}

body.Patron h2,
body.Admins h2 {
  margin: 0px 0px 10px 0px !important;
  font-size: 1.375em;
}

body.Patron input[type="submit"],
body.Admins input[type="submit"] {
  font-size: 1.125em !important;
}

body.Patron .box-half,
body.Admins .box-half {
  float: left;
}

body.Patron .box-onethird,
body.Admins .box-onethird {
  float: left;
}

.contentSpacer {
  float: left;
  height: 2px;
  width: 19px;
}

.row4 {
  margin-left: -20px;
}

.row4: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.col-md-9 { float:inherit; } /*stop-gap for projects pages in Section.inc pre-UI3*/
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.Patron #col1 div.box, body.Patron #col3 div.box,
body.Admins #col1 div.box, body.Admins #col3 div.box {
  width:180px;
  padding:7px 5px;
}

body.Patron #col1 div.box h1, body.Patron #col3 div.box h1,
body.Admins #col1 div.box h1, body.Admins #col3 div.box h1 {
  margin-bottom:10px !important;
  font-size:150%;
}

body.Patron #col23 div.box, 
body.Patron #midcol div.box,
body.Patron #col2 div.box,
body.Admins #col23 div.box, 
body.Admins #midcol div.box,
body.Admins #col2 div.box {
  width:90%;
}

body.Patron .box, 
body.Patron .stdBorderColor,
body.Admins .box, 
body.Admins .stdBorderColor { 
  border-color: #ddd !important;
  border-right-color: #eee !important;
  border-bottom-color:#eee !important;
}

body.Patron div.box,
body.Admins div.box {
  border:0px;
}
body.Patron div.box h1, body.Patron div.box h2,
body.Admins div.box h1, body.Admins div.box h2{
  background: inherit;
  border: none;
  padding: 0px;
  border-radius:0px;
}
body.Patron div.box h1, 
body.Patron div.box h2,
body.Admins div.box h1, 
body.Admins div.box h2{
  /*color:#094453;*/
  color:#006666;
}
body.Patron div.box h1,
body.Admins div.box h1{
  border-bottom:2px solid #aaa !important;
}
body.Patron div.box h2,
body.Admins div.box h2{
  border-bottom:2px solid #bbb !important;
}




body.Patron table.forumTable tr.forumRowHead td,
body.Admins table.forumTable tr.forumRowHead td {
  color:black;
}




/* 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;
}

.white2col { color: #eee8d5;}



.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;
}

.charect {
  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;
}



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;
}




p.statusMessage {
  background-color:#f0f0f0;
  padding:3px 6px;
  margin:10px 50px;
  border:1px solid #ccc;
}


.opake {
  -moz-opacity: 1.0;
  opacity:.99;
  filter: alpha(opacity=100);
}


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

.closerJ img {
    background: url(../../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(../../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;
}

div.pickr { padding:25px; float:left; border:1px solid gray; background-color:#f0f0f0; }


/* eg: <div class="stamped">Internal Use Only</div> */
div.stamped {
  font-size:12px;
  border:1px solid #eee8d5;
  color: #eee8d5;
  font-weight: bold;
  padding:2px;

  position:absolute;

  /*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 */
}



/*******************    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.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 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(../../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:640px; }
div.audio   div#avplaydiv { width:350px; }/*ht:400 after all new!*/
div.maudio                { width:350px; position:relative; }

div.movies      #jw6      { width:640px; }
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; }

div.movies #avhelp { width:632px; /*640-8*/ } 
div.audio  #avhelp,
div.maudio #avhelp { width:342px; /*350-8*/ } 


.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;
}



/** 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:30px;
  position:absolute;
  background: transparent left top repeat-x url(../../jw/6.8/barbg_v-2.png); 
  border-radius:3px; 
}
.iajw { /*NOTE: only for audio*/
  background: url(../../jw/6.8/iajwOn_v-2.png) 0px 0px no-repeat;
  background-position: 0 -1px;
  visibility:hidden;
  position:absolute;
  right:0px;
  width:29px; 
  height:28px; 
  z-index:1;
  /* round right corners */
  -moz-border-radius:   0 3px 3px 0; /* firefox */
  -webkit-border-radius:0 3px 3px 0; /* safari */
  -khtml-border-radius: 0 3px 3px 0; /* safari? */
  border-radius:        0 3px 3px 0; /* opera, CSS3 */
  border-right:1px solid black;
  border-top:1px solid black;
  border-bottom:1px solid black;
}
.iajw img { /*NOTE: only for audio; it is blank.gif stretching for clicking*/
  width:30px;
  height:26px;
}
.iajw:hover { /*NOTE: only for audio*/
  background-image: url(../../jw/6.8/iajw_v-2.png);
}

.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 0 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;
  font-style:italic;
}
.avnote a {
  color:lightblue !important;
}

/*******************    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 .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.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 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.tv .box { color:black; }

body.tv {
  background-color:#073642 !important;
  color: #ddd;
  padding-left:40px;
}

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.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 .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 #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 {
  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('../../includes/fonts/YanoneKaffeesatz-Regular.eot');
    src: url('../../includes/fonts/YanoneKaffeesatz-Regular.eot#iefix') format('embedded-opentype'),
         url('../../includes/fonts/YanoneKaffeesatz-Regular.woff') format('woff'),
         url('../../includes/fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'),
         url('../../includes/fonts/YanoneKaffeesatz-Regular.svg') 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);
}
.ghost50 {
  -moz-opacity: 0.5;
  opacity:.50;
  filter: alpha(opacity=50);
}
.ghost50:hover {
  -moz-opacity: 0.9;
  opacity:.90;
  filter: alpha(opacity=90);
}



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 #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;
}

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 #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    #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 {}

#footer1 { border-top: 1px dashed #002b36; padding: 10px; margin-bottom: 50px; margin-top: 20px; }
#footer1 #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; }
#footer1 #credits {font-size: 1em; text-align: center; width: 45%}
#footer1 #credits #creditstitle { color: #dc322f; font-weight: bold; font-size: 1em; }
#footer1 #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; }

#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 #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 #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 .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(../../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 {
  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;
}

/* 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(../../images/tvTriPtrL6.png) !important;
  border:1px solid gray !important;
  margin-left:-8px;
}
body.tv  #slider .ptrR {
  background: #073642 center center no-repeat url(../../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;
}

/* 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(../../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(../../images/tvop80.png);
}


body.tv div.kv { margin-bottom:10px; }




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


/* pairs with optional additional include:  jquery.tablesorter.min.js */
table.tablesorter thead tr .header {
	background-image: url(../../includes/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
  padding-right: 15px;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../../includes/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../../includes/desc.gif);
}
/* pairs with optional additional include:  jquery.tablesorter.min.js */