/*[fmt]1A90-1A0A-1*/
/*### GENERAL ###*/
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}
HTML, BODY {
	font-family: Arial;
	font-size: 12px;
	color: #8C806E;
}
INPUT, SELECT, TEXTAREA {
	font-family: Arial;
	font-size: 12px;
	color: #8C806E;
}
BODY {
	background: #F2F2F2;
}
IMG {
	border: 0px solid #000000;
}
A {
	text-decoration: none;
	color: inherit;
}
/*### INPUT-like els ###*/
.inputwrapper:hover, INPUT:hover {
	cursor: pointer;
}
/*### SELF-LOCATION to deaden links ###*/
 #index  .linkBox [href^=index\.cfm] 
,#about .linkBox [href^=about\.cfm] 
,#index  .linkBox .hrefindex 
,#about .linkBox .hrefabout 
,#index .stripNav [href^=index\.cfm]
,#overview .stripNav [href^=overview\.cfm]
,#media .stripNav [href^=media\.cfm]
,#credits .footNav [href^=credits\.cfm] 
,#about .footNav [href^=about\.cfm] 
{
	pointer-events: none;
	cursor: default;
}

/*### GLOBAL CLASSES ###*/
.clear {
	clear: both;
}
.clrflt {
	clear: both;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}
.fltlft {
	float: left;
}
.fltrt {
	float: right;
}
/*### WRAPPER ###*/
#wrapper {
	position: relative;
	display: block;
	width: 100%;
	min-height: 100%;
}
/*### MAIN CONTAINER ###*/
#mainCntr {
	margin: 0 auto;
	width: 960px;
	background: url(../images/common/body-bg.gif) repeat-x;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}
/*### HEADER CONTAINER ###*/
#headerCntr {
	position: relative;
	width: 960px;
	height: 101px;
}
#headerCntr H1 {
	position: absolute;
	font-weight: bold;
	top: 58px;
	left: 10px;
}
#headerCntr H1 A {
	display: block;
	height: 38px;
	line-height: 38px;
	color: #494949;
	text-decoration: none;
	font-size: 40px;
}
#headerCntr H1 A {
/*tbmerged*/
	font-family: Arial;
	font-size: 40px;
	letter-spacing: -2px;
}
.textBox H2.first {
/*tbmerged*/
	font-family: Arial;
	font-size: 38px;
}
/*### LINK BOX ###*/
.linkBox {
	width: 960px;
}
.linkBox UL {
	list-style: none;
}
.linkBox LI {
	ZZpadding-right: 2px;
	float: left;
	background: url(../images/common/link-div.png) no-repeat right top;
}
.linkBox LI A {
	padding: 9px 0px 25px 10px;
	display: block;
	width: 113px;
	text-decoration: none;
	font-size: 12px;
	color: #808080;
	-moz-transition: all 512ms ease-out;
	-webkit-transition: all 512ms ease-out;
}
.linkBox LI:hover A
, .linkBox LI.selected A
, #index .linkBox LI.hrefindex
, #about .linkBox LI.hrefabout {
	color: #505050;
	background-color: #FFE1DE !important;
	background-color: #DFE1FF !important;
}
.linkBox LI.last {
	padding-left: 2px;
	float: right;
	background: url(../images/common/link-div.png) no-repeat left top;
}
.linkBox LI.last {
/*make room for 2-line login*/
	overflow: hidden;
	height: 49px;
}
	/*### PROGRESS ###*/
	.linkBox li.last.progbar {
		width: 30px;
		background: none;
	}
	.linkBox li.last.progbar.spinner-spin {
		background: url(../images/common/progbar/hand-wait-pulse.gif?4) no-repeat 0 4px;
	}
	.linkBox li.last.progbar.spinner-spin.outro-up { 
		background: url(../images/common/progbar/hand-wait-pulse.gif?4) no-repeat -30px 4px;
	}
	.linkBox li.last.progbar.spinner-spin.outro-down { 
		background: url(../images/common/progbar/hand-wait-pulse.gif?4) no-repeat -60px 4px;
	}
	/*### LOGIN ###*/
	.linkBox li.last { /* tbmerged */
		overflow: visible;
		position: relative;
		z-index: 1000;
	}
	.linkBox li.last * {
 		-moz-transition: all 512ms ease-out;
 		-webkit-transition: all 512ms ease-out;
	}	
	.linkBox LI.last A {
		display: block;
		background-image: url(/images/blue/spritely/cellur28x50.png);
		background-repeat: no-repeat;
		background-position: 100% -42px;
		-moz-transition: background-color 512ms ease-out;
		-webkit-transition: background-color 512ms ease-out;
	}
	.linkBox LI.last A.Log.In {
		background-position: 100% 9px;
	}
	.linkBox li.last FORM {
		position: absolute;
	}
	.linkBox LI.last FORM, .linkBox li.last FORM.sending.sending {
		display: none;
		opacity: 0;    
	}
	.linkBox LI.last:hover FORM {    
		display:block;
		opacity: 1;
	}
	.linkBox LI.last INPUT {
		border-left: 1px solid #969696;
		border-right: 1px solid #969696;
		border-top: 1px solid #969696;
		border-bottom: 1px solid #969696;
		padding: 4px;
		width: 116px;
		left: -2px;
		height: 26px;
        line-height: 30px;		
		position:relative;
		color: #969696;
	}
	.linkBox LI.last A ~ FORM INPUT[type=image] {
		width: 116px;
		height: 70px ;
		padding: 0;
		border: 0;
		float: right;
		background-image: url(/images/blue/spritely/stalks70.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		-moz-transition: none;
		-webkit-transition: none;
		z-index: 1001;
	}
	
	.linkBox LI.last A ~ FORM .inputwrapper 				{ display: none;	}
	.linkBox LI.last A ~ FORM .inputwrapper.image.logout 	{ display: block; }

	.linkBox LI.last A.Log.In ~ FORM .inputwrapper 				{ display: block; }
	.linkBox LI.last A.Log.In ~ FORM .inputwrapper.image.logout {	display: none;	}
	
	.linkBox LI.last A ~ FORM INPUT[type=image][name=submitter_login] 			{  		
		left: 56px;
		top: -45px;
		background-position: 0 0; 
	}
	.linkBox LI.last A ~ FORM INPUT[type=image][name=submitter_login]:hover 	{  background-position: -116px 0; }
	.linkBox LI.last A ~ FORM INPUT[type=image][name=submitter_logout] 			{  
		left: 66px;
		top: -34px;
		background-position: 0 -70px; 
	}
	.linkBox LI.last A ~ FORM INPUT[type=image][name=submitter_logout]:hover 	{  background-position: -116px -70px; }
	.linkBox LI.last INPUT[type=password] {
    	border-top: none;
		letter-spacing: 2px;
	}
	.linkBox LI.last .inputwrapper[data-wrapped-value=default] INPUT { 			background-color: #696969; }
	.linkBox LI.last .inputwrapper[data-wrapped-value=default]:hover INPUT  { 	background-color: #ffe6c9; }
	.linkBox li.last .inputwrapper[data-wrapped-value=default]:after {
		font-style: italic;
		ZZwidth: 132px;
		ZZleft:-20px;
		display:block;
		height: 26px;
		line-height: 26px;
		padding: 2px 2px 2px 6px;
		position:relative;
		margin-top: -30px;
		opacity: 1;
		color: white;
	}
	.linkBox li.last .inputwrapper.username[data-wrapped-value=default]:after { content: "username"; }
	.linkBox li.last .inputwrapper.password[data-wrapped-value=default]:after { content: "password"; }
	.linkBox li.last .inputwrapper[data-wrapped-value=default]:hover:after
	,.linkBox li.last .inputwrapper[data-wrapped-value=default].firedkeyup:after {
		/* must move this p-e out of the way to "uncover" input completely */
		left: -2000px; 
		visibility:hidden;
	}
	
/*### CAPNAME BOX ###*/
.capNameBox {
	height: 49px;
	background: #FF4C11; background: #6699FF;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}
.capNameBox H3 {
	padding: 0 0 0 10px;
	/* width: 418px; */ /* out after tabs moved float: r */
	letter-spacing: -2px;
	float: left;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
}
	.capNameBox H3.tendslong {
		font-size: 32px;
		line-height: 48px;
	}
/*### MENU CONTAINER ###*/
#menuCntr {
	position: absolute;
	top: 180px;
	left: 0px;
	width: 960px;
	height: 20px;
}
/*### TEXT BOX ###*/
.textBox {
	overflow: hidden;
	width: 960px;
	position: relative;
}
.textBox H2 {
	padding: 4px 0 4px 10px;
	letter-spacing: -2px;
	color: #FF4C11; color: #6699FF;
	font-size: 40px;
	font-weight: bold;
}
.textBox H2.first {
	background: url(../images/common/sep-b.gif) repeat-x center bottom;
}
.textBox .left {
	padding: 19px 0 23px 10px;
	width: 637px;
	float: left;
}
.textBox .left {
	color: #494949;
	letter-spacing: -1.2px;
	line-height: 30px;
	font-size: 25px;
	font-weight: bold;
}
	.textBox .left A {
		color: #FF4C11; color: #6699FF;
		text-decoration: none;
	}
	.textBox .left A:hover {
		text-decoration: underline;
	}
.textBox .right {
	padding: 20px 4px 0 0;
	width: 265px;
	float: right;
}
	.textBox .right P {
		color: #808080;
		font: italic 13px/20px Georgia, "Times New Roman", Times, serif;
	}
	.textBox .right P A {
		border-bottom: 1px dotted #808080;
	}
		.textBox .right P A:hover {
			border-bottom-style: solid;
		}
.pagenav {
	float: right;
	height: 48px;
	border-left: 1px solid #CDCDCD;
}
.pagenav A {
	height: 48px;
	width: 58px;
	display: block;
	background: url(../images/btn_next_prev.png) no-repeat 0 0;
	text-indent: -999em;
	border-left: 1px solid #FFF;
	float: left;
}
.pagenav A.btn_prev {
	background-position: 0 0;
	border-right: 1px solid #CDCDCD;
}
.pagenav A.btn_next {
	background-position: -60px 0;
}
.pagenav A.prev_disable {
	background-position: 0 -48px;
}
.pagenav A.next_disable {
	background-position: -60px -48px;
}

/*### BOOKMARKS BOX ###*/
.bookmarksBox {
	height: 25px;
	background: url(../images/common/library-bg.jpg) repeat-x;
}
.bookmarksBox UL {
	list-style: none;
}
.bookmarksBox LI {
	padding: 5px 10px;
	width: 282px;
	float: left;
	background: url(../images/common/generous-line.gif) repeat-y;
}
.bookmarksBox LI.first {
	background: none;
}
.bookmarksBox LI SPAN {
	text-decoration: none;
	color: #494949;
	font-size: 10px;
	text-transform: uppercase;
}
.bookmarksBox LI.mid {
	width: 229px;
}
/*### LIBRARY BOX ###*/
.libraryBox {
	height: 25px;
	background: url(../images/common/library-bg.jpg) repeat-x;
}
.libraryBox UL {
	list-style: none;
}
.libraryBox LI {
	padding: 5px 10px;
	width: 159px;
	float: left;
	background: url(../images/common/generous-line.gif) repeat-y;
}
.libraryBox LI.first {
	background: none;
}
.libraryBox LI.last {
	width: 508px;
}
.libraryBox LI SPAN {
	color: #494949;
	text-transform: uppercase;
	font-size: 10px;
}	
.libraryBox LI SPAN.colheader {
	text-decoration: none;
	float: left;
}
.libraryBox LI SPAN.colfilter {
	cursor: pointer;
	color: rgb(128,128,128);
	float: right;
	height:12px;
	padding-right: 16px;
	margin-left: 12px;
	background: transparent url(../images/blue/indiv/filter-disc-off-na.png) no-repeat right -1px;
}
.libraryBox LI SPAN.colfilter:hover { 	
	color: #494949;
	background-image: url(../images/blue/indiv/filter-disc-off-mo.png); 
}
.libraryBox LI SPAN.colfilter.on { 	
	color: #494949;
	background-image: url(../images/blue/indiv/filter-x.png); 
	background-position: right -2px;
}
.libraryBox LI.mid {
	width: 229px;
}
/*### CONTENT CONTAINER ###*/
#contentCntr {
	overflow: hidden;
	width: 960px;
}
/*### LEFT CONTAINER ###*/
#leftCntr {
	float: left;
	width: 178px;
}
/*### LEFT SIDE ###*/
#leftSide {
	width: 428px;
	float: left;
}
#leftSide .left {
	width: 179px;
	float: left;
	border-right: 1px dotted #333;
	min-height: 925px;
}
#leftSide .left.verticals {
	position: relative; /* right column is abs to here */
}
#leftSide .left UL {
	list-style: none;
}
#leftSide .left LI {
	padding: 0 1px 2px 0;
	line-height: 49px;
	height: 49px;
	background: url(../images/common/border.gif) repeat-x left bottom;
}
#leftSide .left LI A {
	padding-left: 10px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #494949;
	-webkit-transition: background-color 384ms ease-out, color 128ms ease-out;
	-moz-transition: background-color 384ms ease-out, color 128ms ease-out;
}
#leftSide .left UL.libraries > LI > A {
	background: transparent url(../images/blue/indiv/arrow.png) no-repeat 160px center;
	cursor: pointer;
}

 #leftSide LI:hover > A
,#leftSide LI.firehover > A
,#leftSide LI.holdhover > A
{ 
	background-color: #DFE1FF !important;
	-webkit-transition: background-color 192ms ease-in, color 96ms ease-in;
	-moz-transition: background-color 192ms ease-in, color 96ms ease-in;
}
#leftSide LI.firehover > A
{ 
	color: #6699FF !important;
	cursor: default !important;
	font-weight: bold !important;
}
/*
#leftSide .left LI.zebra0 > A {
	background: #F9F9F9 url(../images/blue/indiv/arrow.png) no-repeat 160px center;
}
*/
#leftSide .left LI.last {
	background: none;
}


#leftSide .left UL.libraries:hover LI.firehover .right
{
	/* display: none; */ /* suspend backwalked hover when over the library column */
}
/* #leftSide .left UL.libraries LI:hover .right */ /* out for switch to click */
#leftSide .left UL.libraries LI.firehover .right 
/* ,#leftSide .left UL.libraries:hover LI.firehover:hover .right */ /* out for switch to click */
{
	display: block;
}

#leftSide .right {
	width: 248px;
	float: left;
	position:absolute;
	top: 0;
	left: 180px;
	display: none;
	height: 916px; /* to make sure hover is preserved from left */
	z-index: 10;
	overflow-x: hidden;
	overflow-y: auto;
	-ms-overflow-x: scroll; /* ie must have one visibile scrollbar for scrollwheel */
	-ms-overflow-y: scroll;
	width: 264px;
	clip:rect(auto,248px,auto,auto);
}
#leftSide .right UL {
	list-style: none;
}
	#leftSide .right LI {
		cursor: pointer;
	}

#leftSide .right LI A {
	padding: 0 20px 0 10px;
	height: 49px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height: 49px;
	font-weight: normal;
	display: block;
	text-decoration: none;
	color: #808080;
	background: transparent none no-repeat 220px center;
}
#leftSide .right LI.reco A
, #leftSide .right LI.book A {
	padding: 0 26px 0 10px; /* room for b-i in t-r */
}	
#leftSide .right LI A.ellipsed:hover { /* scroll to show overflow */
    text-indent: -30%;
    text-overflow: inherit;
    -moz-transition: text-indent 2600ms ease-out;
    -webkit-transition: text-indent 2600ms ease-out;
    text-align: right;
}
#leftSide .right LI.bundle A { background-image: url(../images/blue/indiv/bundle-color.png);}
#leftSide .right LI.reco A { background-image: url(../images/blue/indiv/star-reco.png);}
#leftSide .right LI.book A { background-image: url(../images/blue/indiv/star-book.png);}
/* `starred only` */
#leftSide.filterStar .right LI { display: none; }
#leftSide.filterStar .right LI.book, #leftSide.filterStar .right LI.reco { display: block; }

#leftSide .right LI A SPAN.capsulenameinname { /* highlight current capsule name if found */
	font-style: italic;
}
#leftSide .right LI:nth-child(18), #leftSide .right LI:nth-child(18):hover { /* known to be the last one in view, signal scroll */
	/* background: url(../images/common/border.gif) repeat-x left bottom, transparent url(../images/blue/indiv/scroll-hint.png) no-repeat center bottom; */
}
	

/*
#leftSide .right LI SPAN {
	width: 14px;
	height: 13px;
	margin: 18px 13px 0 0;
	display: block;
	text-indent: -9999px;
	float: right;
	background: url(../images/blue/indiv/star-gray.png) no-repeat;
}
#leftSide .right LI SPAN.highlight, #leftSide .right LI SPAN:hover {
	background: url(../images/blue/indiv/star-book.png) no-repeat;
}
*/
#leftSide .right LI.arrow A {
	background: none;
}
#leftSide .right LI.last {
	background: none;
}
/*
#leftSide .right LI.bg-color A {
	background: #F9F9F9;
}
*/
/*### BACK BOX ###*/
.backBox {
	background: url(../images/common/inbox-bg.gif) repeat-x left bottom;
}
.backBox:hover {
	background: #FFE1DE url(../images/common/inbox-bg.gif) repeat-x left bottom;
	background: #DFE1FF url(../images/common/inbox-bg.gif) repeat-x left bottom;
}
.backBox P {
	padding: 16px 0 19px 13px;
	color: #494949;
}
.backBox A {
	text-decoration: none;
	color: #FF4C11; color: #6699FF;
}
.backBox A:hover {
	text-decoration: underline;
	}
/*### CENTER CONTAINER ###*/
#leftCntr + #centerCntr { /* 3col */
	width: 389px;
	background: url(../images/common/generous-line.gif) repeat-y;
}
#centerCntr {
	min-height: 690px;
	float: left;
	width: 567px; /* this is used when there's 2col w/no left cntr */
}
	#credits #centerCntr * {
		border-right: none; /* credits only uses left and center, so suppress bords */
	}
/*### GENEROUS BOX ###*/
.generousBox {
	padding-bottom: 18px;
	background: url(../images/common/generous-bottom.gif) repeat-x left bottom;
	border-right: 1px dotted #333;
}
	.generousBox.translogoYES {
		padding-bottom: 4px;
	}
		.generousBox IMG {
			padding: 13px 40px 0 0;
			float: right;
		}
		.generousBox.translogoYES IMG {
			display: none;
		}
	.generousBox H4 {
		padding: 13px 0 0 14px;
		color: #666;
		font-size: 10px;
		font-weight: normal;
		text-transform: uppercase;
	}
		.generousBox.translogoYES H4 {
			background-color: #6699FF;
			color: #F2F2F2;
			/*
			padding: 9px 30px 9px 14px;
			*/
			padding: 9px 0 9px 14px;
			/* text-align: right; */			
			/* Ft #375 */
			/*
			padding: 9px 0 9px 0;
			text-align: center;
			*/
		}
		.generousBox.translogoYES H4 STRONG {
			/* letter-spacing: 1px; */
			color: white;
		}
		.generousBox H4 .creditlabel {
			color: gray;
			margin-right: 3px;
		}
/*### SUMMARY BOX ###*/
.summaryBox {
	padding: 6px 0 8px 14px;
	background: white url(../images/common/inbox-bg.gif) repeat-x left bottom;
	border-right: 1px dotted #333;
	margin-left: 1px;
}
.summaryBox H3 {
	color: #494949;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
}
/*### FILTER BOX ###*/
.filterBox {
	width: 960px;
	height: 52px;
	background: url(../images/common/filter-bg.gif) repeat-x;
}
.filterBox FIELDSET {
	border: 0px solid #000000;
}
.filterBox UL {
	list-style: none;
	width: 100%;
}
.filterBox > UL {
	padding-top: 2px;
}
.filterBox .filterType {
	padding: 0px 5px 0 0;
	position: relative;
	height: 47px;
	float: left;
	background: url(../images/common/filter-div.gif) no-repeat right top;
}
.filterBox .filterType:hover {
	background-color: #FFE1DE;
	background-color: #DFE1FF;
}
.filterBox .filterType A {
	ZZpadding: 8px 18px 29px 10px;
	padding: 8px 18px 5px 10px;
	margin-right: 15px;
	display: block;
	text-decoration: none;
	color: #808080;
}
.filterBox .filterType A + INPUT[type=submit] {
	border: none;
	ZZpadding: 0 0 5px 10px;
	ZZwidth: 100%;
	padding: 0 14px 5px 10px; /* room for b-i */
	text-align: left;
	background: transparent;
	background-repeat: no-repeat;
	background-position: right top;
}
	.filterBox .filterType A + INPUT[type=submit] { 
		background-image: url(/images/blue/indiv/filter-x.png); 
		white-space: nowrap;
	}
	.filterBox .filterType A + INPUT.activeclearall[type=submit] { 
		text-transform: uppercase;
		font-size: 10px;
		background-image: url(/images/blue/indiv/filter-xall.png); 
		background-position: left -1px;
		padding: 0 6px 5px 19px;
	}
	.filterBox .filterType A + INPUT[type=submit][value=" "] { 
		background-image: none; 
	}
	.filterBox .filterType > A[href] {
		background: url(../images/blue/indiv/filter-droparrow.gif) no-repeat right 12px;
	}
.filterBox .filterType.last {
	float: right;
	padding: 0 0 0 0;
	margin: 0;
	background: none;
}
.filterBox .filterType.last A.accessFull {
	background: url(../images/larson/dot_orange.png) no-repeat 0 10px;
	padding: 8px 0 0 15px;
	color: #EB4E1D;
}
.filterScroll, .filterScroll * {
	transition: margin-top 800ms ease-in, opacity 256ms ease-out;
	-moz-transition: margin-top 800ms ease-in, opacity 256ms ease-out;
	-webkit-transition: margin-top 800ms ease-in, opacity 256ms ease-out;
}
.filterScroll
,.filterBox.sending .filterType:hover .filterScroll /* normal plus temp-suspend state */ { 
	opacity: 0;
	visibility: hidden;
	display: block; 
	min-width: 155px; 
	overflow: hidden;
	text-overflow: ellipsis;
	background:white;
	border: 4px solid white;
	position: relative;
	z-index: 10;
}
 .filterScroll.toComes1
,.filterScroll.toComes2
,.filterScroll.toComes3
,.filterScroll.toComes4
,.filterScroll.toComes5
,.filterScroll.toComes6  {
	min-width: 130px !important;
}
	
.filterType:hover .filterScroll { 
	opacity: 1;
	visibility:visible;
}
/* use real clicks on ios */
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)
, all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { 
  .filterType:hover .filterScroll { 
	opacity: 0;
	visibility: hidden;
}
  .filterType.firehover .filterScroll { 
	opacity: 1;
	visibility: visible;
}
}
	.filterScrollList {
	height: 300px; /* 6-block chunks by default */
	min-width: 130px; 
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	z-index: 20;
	}
	/* exceptions when no scroll needed */
	.filterScroll.toComes1 .filterScrollList { height: 50px !important; }
	.filterScroll.toComes2 .filterScrollList { height: 100px !important; }
	.filterScroll.toComes3 .filterScrollList { height: 150px !important; }
	.filterScroll.toComes4 .filterScrollList { height: 200px !important; }
	.filterScroll.toComes5 .filterScrollList { height: 250px !important; }
	 .filterScroll.toComes1  .scroll-arrow
	,.filterScroll.toComes2  .scroll-arrow
	,.filterScroll.toComes3  .scroll-arrow
	,.filterScroll.toComes4  .scroll-arrow
	,.filterScroll.toComes5  .scroll-arrow
	,.filterScroll.toComes6  .scroll-arrow { display: none !important; }
	.filterScroll .scroll-arrow {
		border: 1px solid transparent;
		cursor:pointer;
		width:99%;
		height: 10px;
		position:relative;
		z-index:30;
		opacity: 1;
		background-color: white;
		background-image: url(../images/blue/spritely/filter-list.png);	
		background-repeat: no-repeat;
		transition: opacity 400ms ease-in, margin-top 400ms ease-in;
		-moz-transition: opacity 400ms ease-in, margin-top 400ms ease-in;
		-webkit-transition: opacity 400ms ease-in, margin-top 400ms ease-in;
	}
	.filterScroll .scroll-arrow.up, .filterScroll .scroll-arrow.down {
		border: 1px solid silver;
	}
	.filterScroll .scroll-arrow.hidden {
		/*
		margin-top: -12px;
		opacity: 0;
		*/
	}
	.filterScroll .scroll-arrow.up{ background-position: 50% 0; }
	.filterScroll .scroll-arrow.up:hover{ background-position: 50% -10px; }
	.filterScroll .scroll-arrow.down{ background-position: 50% -20px; }
	.filterScroll .scroll-arrow.down:hover{ background-position: 50% -30px; }
	
	.filterScroll .scroll-arrow.nonevent {
		z-index: 0;
		height: 15px;
		margin-top: -17px;
	}
	.filterScroll .scroll-arrow.nonevent.totop {
		z-index: 30;
	}
	.filterScroll .link-block {
		height: 50px;
		position: relative;
		z-index: 0;
		background-color: white;
	}
	.filterScroll .link-block:nth-child(2n+2) {
		background-color: lightgray;
	}
	.filterScroll .link-block INPUT[type=submit] { /* can also be As */
		border: none; /* turn off ua def bevel */
		text-align: left; /* turn off ua def centered */
		width: 100%;
		padding: 8px 18px 29px 10px;
		background-color: transparent;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.filterScroll .link-block INPUT[type=submit]:active { /* button push NOT necesary in IE, disabled there */
		padding: 9px 17px 28px 11px;
	}

/*### CREDIT BOXES ###*/
.anchorCreditBox {
	padding: 0 40px 18px 14px;
	border-right: 1px dotted #333;
	background: url(../images/common/generous-bottom-wtrans.gif) repeat-x left bottom;
}
.assetCreditBox {
	padding: 10px 12px 8px 12px;
	border-bottom: 1px dotted #828282;
}
	.anchorCreditBox P, .assetCreditBox P {
		color: #494949;
		font-size: 14px;
	}
	.anchorCreditBox A, .assetCreditBox A {
		text-decoration: none;
		color: #FF4C11; color: #6699FF;
	}
	.anchorCreditBox A:hover, .assetCreditBox A:hover {
		text-decoration: underline;
	}
	.assetCreditBox:last-child {
		border-bottom: none;
	}

	
/*### TEXT2 BOX ###*/
.text2Box {
	padding: 10px 0 55px 14px;
	min-height: 800px; /* larson was 400 */
	border-right: 1px dotted #333;
}
.text2Box P {
	padding: 0 14px 19px 0;
	line-height: 21px;
	color: #494949;
	font-size: 13px;
}
.text2Box SPAN {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	letter-spacing: -0.9px;
}
.text2Box .personpunch, .text2Box .capsulepunch {
	color: #69F;
	font: 13px/21px Arial, Helvetica, sans-serif;
}
.text2Box .capsulepunch {
	font-style: italic;
}
.text2Box .credits.essay {
	text-align: right;
	padding: 2px 8px 0 0 !important;
}
	
/*### IMAGE BOX ###*/
.imageBox {
	width: 980px;
	min-height: 980px;
	overflow: hidden;
	border-bottom: 1px solid #808080;
}
.imageBox UL {
	list-style: none;
}
.imageBox LI {
	position: relative;
	display: inline-block;
	width: 238px;
	height: 298px;
	color: #FFF;
	float: left;
	background: transparent url(../images/blue/bg/oblique_stripe_color.png);
	border: 1px solid #F2F2F2;
	cursor: pointer;
	outline: 20px solid rgba(255,255,255,0);
	outline-offset: 1px;
	transition: outline-color 200ms ease-in, z-index 200ms ease-in; /* z-i not axe wkg */
	-moz-transition: outline-color 200ms ease-in, z-index 200ms ease-in; /* z-i not axe wkg */
	-webkit-transition: outline-color 200ms ease-in, z-index 200ms ease-in;
}
.imageBox LI.useravailnone {
	background: transparent url(../images/blue/bg/oblique_stripe_black.png);
}
.imageBox LI.empty {
	background: #FFF;
}
.imageBox LI.flashfirst {
	outline: 20px solid #6699FF;
	outline: 20px solid rgba(242, 242, 242, .8);
	z-index: 1000;
}
.imageBox LI A {
	text-decoration: none;
}
 .imageBox LI:hover A IMG {
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.imageBox LI IMG {
	position: absolute;
	left: 0;
	display: block;
	top: 0;
	z-index: 1;
	width: 238px;
	height: 298px;
}
.imageBox LI SPAN {
	position: absolute;
	left: 9px;
	top: 14px;
	font: bold 20px/24px Arial, Helvetica, sans-serif;
	z-index: 2;
	display: inline-block;
}
.imageBox LI.flashfirst SPAN:first-letter {
	text-decoration: underline;
}
.imageBox LI IMG + SPAN {
	color: #FFF;
	text-shadow: 1px 1px 0 #000;
}
.imageBox LI IMG.tendslight1 + SPAN {
	color: #404040;
	text-shadow: 1px 1px 0 #DDD;
}
.imageBox LI A:hover IMG.tendslight1 + SPAN {	
	text-shadow: 1px 1px 0 #DDD;
}
 .imageBox LI:after {
	height: 298px;
	width: 238px;
	position: relative;
	z-index: 3;
	content: url(../images/blue/fg/fp_thumbnail_trans.gif);
}
 .imageBox LI.useravailall:after {	content: url(../images/blue/fg/fp_thumbnail_availall_enabled.png); }
 .imageBox LI.useravailsome:after { content: url(../images/blue/fg/fp_thumbnail_availsome_enabled.png); }
 .imageBox LI.useravailnone:after { content: url(../images/blue/fg/fp_thumbnail_availnone_enabled.png); }

 .imageBox LI:hover:after { content: url(../images/blue/fg/fp_thumbnail_availpublic_active.png); }
 .imageBox LI.useravailall:hover:after { content: url(../images/blue/fg/fp_thumbnail_availall_active.png); }
 .imageBox LI.useravailsome:hover:after  { content: url(../images/blue/fg/fp_thumbnail_availsome_active.png); }
 .imageBox LI.useravailnone:hover:after  { content: url(../images/blue/fg/fp_thumbnail_availnone_active.png); }

.imageBox LI CITE.fullaccess {
	width: 15px;
	height: 15px;
	background: url(../images/larson/dot_orange_big.png) no-repeat 0 0;
	position: absolute;
	top: 22px;
	right: 12px;
	z-index: 2;
}
.imageBox:hover LI {
   /* -webkit-animation: slipin 3200ms ease-out 100ms; */
}

/*### RIGHT CONTAINER ###*/
#rightCntr {
	float: right;
	width: 393px;
}
/*### RIGHT SIDE ###*/
#rightSide {
	padding: 10px 0px 0px 1px;
	min-height: 916px;
	width: 531px;
	float: right;
	background: url(../images/common/generous-line.gif) repeat-y;
}
#rightSide P, .assetCreditBox P  {
	color: #666666;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	font-family: Georgia;
}
	#rightSide P {
		padding: 0 12px 8px 12px;
		min-height: 88px;
	}
	#rightSide P .credits {
		/* refactored to common CREDITS AND LABELS */
	}

#rightSide #previewnav {
	height: 28px;
	background: url(../images/common/preview-bg.gif) repeat-x;
}
#rightSide #previewnav FORM {
	display: inline;
}
  #rightSide #previewnav A
, #rightSide #previewnav SPAN
, #rightSide #previewnav INPUT {
	padding: 9px 0 0 9px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #494949;
}
#rightSide #previewnav .right {
	ZZpadding: 3px 0px 0 0;
	float: right;
}
#rightSide #previewnav .right INPUT {
	float:right;
	padding: 5px 25px 4px 9px;
	display: inline;
	margin-top: 4px;
	border: none;
	border-left: 1px dotted #818181;
	background: transparent none no-repeat 0 0;
}
#rightSide #previewnav .right INPUT.book {
	background-image: url(../images/blue/indiv/star-gray.png);
	background-position: 95% 4px;
}
#rightSide #previewnav .right INPUT.book.unset {
	background-image: url(../images/blue/indiv/star-book.png);
	background-position: 95% 4px;
}
#rightSide #previewnav .right INPUT.download {
	background-image: url(../images/blue/indiv/download-color.png);
	background-position: 95% 3px;
}
#rightSide #previewnav .right INPUT.stream {
	background-image: url(../images/blue/indiv/stream-video-color.png);
	background-position: 95% 3px;
}
#rightSide #previewnav .right INPUT.stream.audio {
	background-image: url(../images/blue/indiv/stream-audio-color.png);
	background-position: 95% 3px;
}
/*
#rightSide #previewnav .right A.book {
	padding: 7px 9px 4px 25px;
	display: inline-block;
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	background: url(../images/larson/star.png) no-repeat 5px 6px;
}
#rightSide #previewnav .right A.full {
	padding: 7px 13px 4px 30px;
	display: inline-block;
	background: url(../images/larson/full-bg.png) no-repeat 10px 6px;
}
#rightSide #previewnav .right A.full:hover {
	background: #FFE1DE url(../images/larson/full-bg.png) no-repeat 10px 6px;
}
#rightSide #previewnav .right A.book:hover, #rightSide #previewnav .right A.selected {
	background: #FFE1DE url(../images/larson/star-hover.png) no-repeat 5px 6px;
}
*/
/*### SLIDE BOX ###*/
.slideBox {
	position: relative;
	background: url(../images/common/generous-bottom.gif) repeat-x left bottom;
}
.slideBox IMG {
	display: block;
	height: 200px;
}
/*
.slideBox OL {
	list-style: none;
}
.slideBox OL LI {
	margin-top: 3px;
	padding: 0 2px 0 0;
	float: left;
	background: #F2F2F2 url(../images/common/slide-div.gif) repeat-y right top;
	width: 40px;
	text-align: center;
}
.slideBox OL LI A {
	padding: 5px 17px 30px 11px;
	display: block;
	text-decoration: none;
	color: #808080;
	font-size: 11px;
}
.slideBox OL LI.last {
	background: none;
}
.slideBox UL LI SPAN {
	padding: 5px 0 0;
	position: absolute;
	top: 263px;
	left: 225px;
	display: block;
	font-style: italic;
	font-family: Georgia;
	color: #A6A6A6;
	font-size: 12px;
}
.slideBox OL LI A:hover, .slideBox OL LI.current A {
	color: #FF3000;
	background: #FFE1DE;
}
.slideBox SPAN#controls {
	top: 262px;
	position: absolute;
	left: 1px;
	z-index: 9;
}
#slider UL, #slider LI {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: block;
}
#slider LI {
	width: 395px;
	height: 316px;
	overflow: hidden;
}
#slider {
	width: 395px;
	z-index: 1;
}
#slider LI {
	list-style: none;
}
*/
/*### FOOTER CONTAINER ###*/
#footerCntr {
	overflow: hidden;
	width: 960px;
	background: url(../images/common/foot-bg.gif) repeat-x;
	margin: 1px 0 0;
	border-top: 1px solid #808080;
	background: #F2F2F2;
}
#footerCntr DIV {
	float: left;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-right: 1px solid #CDCDCD;
	display: block;
	height: 40px;
}
#footerCntr .social {
	padding: 8px 15px 0;
	width: 149px;
}
	#footerCntr .social.f-like {
		background: url(../images/common/f-like.png) no-repeat center center;
	}
#footerCntr .copyright {
	padding: 8px 15px 0;
	width: 357px;
	color: #808080;
}
#footerCntr .footNav {
	border-right: 1px solid #FFF;
	height: 48px;
}
#footerCntr .footNav A {
	padding: 8px 15px 0;
	width: 98px;
	color: #808080;
	text-decoration: none;
	height: 40px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #CDCDCD;
	display: inline-block;
}
#footerCntr .footNav A:hover
,#credits .footNav [href^=credits\.cfm] 
,#about .footNav [href^=about\.cfm] 
{
	background: #FFE1DE;
	background: #DFE1FF;
}
.slider-wrap {
	margin: 0;
	position: relative;
	width: 100%;
}
/*These 2 lines specify style applied while slider is loading*/
.csw {
	width: 100%;
	height: 460px;
	background: #FFF;
	overflow: scroll;
}
.csw .loading {
	margin: 200px 0 300px;
	text-align: center;
}
.stripViewer {
	position: relative;
	overflow: hidden;
	width: 960;
	height: auto;
	clear: both;
}
.stripViewer .panelContainer {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
}
.stripViewer .panelContainer .panel {
	float: left;
	height: 100%;
	position: relative;
	width: 960px;
}
.stripViewer .panelContainer .panel .wrapper {
	padding: 0;
}
.stripNav {
	float: right;
	font-weight: normal;
	background-image: url(../images/blue/bg/oblique_stripe_color.png);
}
.stripNav UL {
	list-style: none;
	float: left;
	/* border-right: 1px solid #515151; */
	overflow: hidden;
}
.stripNav LI {
	float: left;
	ZZborder-left: 1px solid #CECECE;
	width: 125px;
	background: #F2F2F2 url(../images/common/link-div.png) no-repeat left top
}
.stripNav LI A {
	padding: 5px 60px 29px 10px;
	color: #505050;
	display: block;
	text-decoration: none;
	-moz-transition: all 256ms ease-out;
	-webkit-transition: all 256ms ease-out;
}
 #index .stripNav LI [href^=index\.cfm]
,#overview .stripNav LI [href^=overview\.cfm]
,#media .stripNav LI [href^=media\.cfm]
,.stripNav LI A:hover {
	color: #494949;
	background: #FFE1DE none no-repeat left top;
	background: #DFE1FF none no-repeat left top;
}
 #index .stripNav LI + LI [href^=index\.cfm]
,#overview .stripNav LI + LI [href^=overview\.cfm]
,#media .stripNav LI + LI [href^=media\.cfm]
,.stripNav LI + LI A:hover {
	/* button-like only if not next to Merce blue */
	background: #FFE1DE url(../images/common/link-div.png) no-repeat left top;
	background: #DFE1FF url(../images/common/link-div.png) no-repeat left top;
}
.stripNav LI.tab3 A {
	padding: 5px 40px 30px 10px;
}
.stripNavL, .stripNavR {
	margin-top: 2px;
	border-left: 1px solid #CDCDCD;
	float: right;
}
.stripNavL {
	left: 839px;
}
.stripNavR {
	right: 0px;
}
.stripNavL A, .stripNavR A {
	height: 48px;
	width: 58px;
	display: block;
	background: url(../images/larson/btn_next_prev.png) no-repeat 0 0;
	text-indent: -999em;
	border-left: 1px solid #FFF;
	float: left;
}
.stripNavL A {
	background-position: 0 0;
}
.stripNavL A:hover {
	background: #FFE1DE url(../images/larson/btn_next_prev.png) no-repeat 0 0;
	background: #DFE1FF url(../images/larson/btn_next_prev.png) no-repeat 0 0;
	background-position: 0 0;
}
.stripNavR A {
	background-position: -60px 0;
}
.stripNavR A:hover {
	background: #FFE1DE url(../images/larson/btn_next_prev.png) no-repeat 0 0;
	background: #DFE1FF url(../images/larson/btn_next_prev.png) no-repeat 0 0;
	background-position: -60px 0;
}
.pagenav A.prev_disable {
	background-position: 0 -48px;
}
.pagenav A.next_disable {
	background-position: -60px -48px;
}
/*### Table ###*/
#table {
	font: 14px/20px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 960px;
	text-align: left;
	border-collapse: collapse;
	border-bottom: 1px solid #333;
	margin-left: -2px;
	background: #F9F9F9;
}
#table TH {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px;
	background: #233E96;
	border-bottom: 1px solid #CDCDCD;
	color: #FFF;
}
#table TD {
	border-left: 1px dotted #333;
	border-bottom: 1px solid #CDCDCD;
	color: #666;
	height: 50px;
	padding-left: 10px;
}
#table .odd {
	background: #F2F2F2;
}
#table TR:hover TD, #table TR:hover TD A {
	background: #FFE1DE;
	background: #DFE1FF;
	color: #FF4C11; color: #6699FF;
}
#table A {
	color: #757575;
	text-decoration: none;
}
#table UL {
	list-style: none;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
}
#table LI {
	padding: 0 1px 2px 0;
	line-height: 49px;
}
#table LI A {
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #808080;
}
#table LI SPAN {
	width: 14px;
	cursor: pointer;
	height: 13px;
	margin: 18px 13px 0 0;
	display: block;
	text-indent: -9999px;
	float: right;
	background: url(../images/larson/star.png) no-repeat;
}
#table LI SPAN.highlight, #table LI SPAN:hover {
	background: url(../images/larson/star-hover.png) no-repeat;
}
/*
@-webkit-keyframes slipin {
  from {
  }
  
  50% {
   	height: 0;
	ZZwidth: 0;
	ZZopacity: .25;
  }
  
  51% {
   	height: 0;
	ZZwidth: 0;
	ZZopacity: .25;
  }

  to {
  }
}
*/
/*### input for Costa Autocomplete ###*/
INPUT.ma[type=text] {
	background-color: #FFE6C9;
	border: none;
	border:	1px dotted #969696;
	padding: 4px;
	margin-top: 4px;
	width: 90px;
}
INPUT.ma[type=image] {
	background: transparent url(/images/blue/indiv/search.png) no-repeat top left;
	width: 16px;
	height: 16px;
	float: right;
	margin-top: 8px;
	margin-left: 3px;
	padding: 0;
	border: none;
	position:relative;
}
INPUT.ma[type=text]:hover, INPUT.ma[type=text]:focus {
	border:	1px solid #969696;
}
INPUT.ma, .ma-container LI {
	color: #8C806E;
}
.ma-container {
	border: 4px solid white;
	z-index: 999; /* critical for environment */
	height: 298px;
}
.ma-container .ma-hover {
	background-color: #FFE1DE !important;
	background-color: #DFE1FF !important;
	color: #505050;
}
/*### Fabio Costa's Meio Autocomplete ###*/
.ma-container{
    color: #000;
    /* border: 1px solid #333; */ /* shipping default */
    background-color: #fff;
    position: absolute;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}
.ma-container ul{
    list-style: none;
    overflow: hidden;
    width: 100%;
}
.ma-container li{
    padding: 2px 5px;
    line-height: 16px;
    cursor: pointer;
    float: left;
    width: 100%;
    overflow: hidden;
}
.ma-container .ma-hover {
    /* color: #fff; */ /* shipping */
    /* background-color: #921506 !important; */ /* shipping default */
}
.ma-container .ma-odd{
}
.ma-container .ma-even{
    background-color: lightgray;
}
.ma-loading{
    background-color: #fafba4;
}
.ma-selected{
    background-color: #ccfda8;
}
img:-moz-broken,
img:-moz-user-disabled {
	-moz-force-broken-image-icon: 0;
}
/*### FP thumbnail image ###*/
IMG.preview {
	background: transparent url(../images/progbar/thumb_spinner.gif) no-repeat center center;
	width: 533px;
}
/*### LIBSUMMARIES ###*/
.libsummary UL, .libsummary LI {
	display: block;
	clear: left;
}
	.libsummary LI {
		border-color: #818181;
		border-style: solid;
		border-width: 1px 0 1px 0;
		position: relative; /* input comment is abs */
		-moz-transition: background-color 256ms ease-out;
		-webkit-transition: background-color 256ms ease-out;
	}
	.libsummary LI + LI {
		border-top-width: 0;
	}
	.libsummary LI:hover {
		background-color: #DFE1FF;
	}
	.libsummary.protected LI:hover, .libsummary LI.protected:hover {
		/* all libs or individual lib can be protected */
		background-color: transparent;
	}
	.libsummary.protected *:hover, .libsummary LI.protected *:hover {
		/* all libs or individual lib can be protected */
		cursor: default;
	}
	.libsummary LI INPUT[type=submit] {
		border: none;
		padding: 0 0 0 13px;
		width: 100%;
		height: 49px;
		text-align: left;
		color: #494949;
		display: block;
		font-weight: bold;
		position: relative;
		z-index: 20;
	}
		.libsummary LI INPUT[type=submit] {
			background: transparent url(../images/blue/indiv/arrow.png) no-repeat 90% center;
		}			
		.libsummary LI INPUT[type=submit].mail {
			background: transparent url(../images/blue/indiv/mail.png) no-repeat 90% center;
		}			
		.libsummary.public LI INPUT[type=submit].download {
			background: transparent url(../images/blue/indiv/download-color.png) no-repeat 91% center;
		}
		.libsummary.public LI INPUT[type=submit].stream {
			background: transparent url(../images/blue/indiv/stream-video-color.png) no-repeat 91% center;
		}
		.libsummary.public LI INPUT[type=submit].stream.audio {
			background: transparent url(../images/blue/indiv/stream-audio-color.png) no-repeat 91% center;
		}
		.libsummary.protected LI INPUT[type=submit], .libsummary LI.protected INPUT[type=submit] {
			/* all libs or individual lib can be protected */
			background: transparent url(../images/blue/indiv/library-protected-color.png) no-repeat 91% center;
		}			

		
	.libsummary LI SPAN.inputcomment { 
		line-height: 49px;
		font-family: Georgia;
		font-style: italic;
		z-index; 10; /* no pointer events */
	}
		.libsummary LI SPAN.inputcomment.absindent { /* parenthetical count, to be omitted from form post */
			position: absolute;
			top: 0;		
			left: 40%;		
		}
	
DIV + DIV.pane	{
	margin-top: 5px;
	border-top: 3px double #818181;
}
DIV.pane + DIV.pane {
	margin-top: -1px;
}
DIV.pane {
	margin-top: -2px;
}
	DIV.pane SPAN.paneheader {
		float: left;
		color: #494949;
		font-size: 10px;
		text-transform: uppercase;
		padding: 9px 0 5px 13px;
		width: 100%;
		background-color: white;
	}
	DIV.pane SPAN.paneheader.empty {
		background-color: transparent;
	}
	DIV.pane SPAN.paneheader SPAN {
		text-transform: none;
		letter-spacing: 1px;
	}
	DIV + DIV.pane SPAN.paneheader {
		padding: 7px 0 7px 14px;
	}
	#leftCntr.scroll_hint .paneheader {
			background-image: url(/images/progbar/scroll_hint_na.png);
			background-repeat: no-repeat;
			background-position: 90% center;
	}
	#leftCntr.scroll_hint:hover .paneheader {
			background-image: url(/images/progbar/scroll_hint_mo.gif);
	}
	#player DIV.pane INPUT[type=submit]
	,  #player DIV.pane INPUT[type=button] {
		height: 49px;
		text-align: left;
		float: left;
		border: none;
		margin: 0;
		padding: 0 35px 0 13px;
		background: transparent none no-repeat 90% center;
		border-right: 1px dotted #818181;
	}
	#player DIV.pane INPUT.setstartmark {
		background-image: url(/images/blue/indiv/player-startmark.png);
	}
	#player DIV.pane INPUT.setstopmark {
		background-image: url(/images/blue/indiv/player-stopmark.png);
	}
	#player DIV.pane INPUT.loop {
		background-image: url(/images/blue/indiv/player-loop.png);
	}
	#player DIV.pane INPUT.step {
		background-image: url(/images/blue/indiv/player-step.png);
	}
	#player DIV.pane INPUT:hover, #player DIV.pane INPUT.step.on {
		background-color: #FFE1DE;
		background-color: #DFE1FF;
		-webkit-transition: background-color 512ms ease-out;
	}
	#player DIV.pane DIV.formwrapper {
		clear: left;
		height: 49px;
		border-width: 1px 0;
		border-color: #818181;
		border-style: solid;
	}
/*### 3COL LEFT ###*/
#leftCntr .fakeFilterBox {
	clear: left;
	background: transparent url(../images/blue/indiv/filter-droparrow.gif) no-repeat 148px center;
	color: #808080;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 16px 0 19px 13px;
	border: none;
	border-top: 1px solid #818181;

}
	/*### LINK TO CONTEMPORANEOUS PIECES (DECADE CONTEXT) ###*/
	#contextualpieces UL, #contextualpieces LI {
		display: block;
		clear: left;
	}
		#contextualpieces LI {
			border-color: #818181;
			border-style: solid;
			border-width: 1px 0 1px 0;
			background: transparent url(../images/blue/indiv/arrow.png) no-repeat 151px center;
			-moz-transition: background-color 256ms ease-out;
			-webkit-transition: background-color 256ms ease-out;
		}
		#contextualpieces LI + LI {
			border-top-width: 0;
		}
		#contextualpieces LI A.slavesubmit {
			border: none;
			padding: 0 0 0 13px;
			width: 70%;
			height: 49px;
			line-height: 49px;
			text-align: left;
			color: #494949;
			display: block;
			position: relative;
			z-index: 20;
			overflow: hidden;
			text-indent: 0;
			text-overflow: ellipsis;
			white-space: nowrap;			
			-moz-transition: text-indent 1200ms ease;
			-webkit-transition: text-indent 1200ms ease;
		}
		#contextualpieces LI A.slavesubmit.ellipses.overlong {
			-moz-transition: text-indent 3600ms ease;
			-webkit-transition: text-indent 3600ms ease;
		}
			#contextualpieces LI A.slavesubmit.ellipsed:hover { /* scroll to show overflow */
				text-indent: -30%;
				text-overflow: inherit;
				-moz-transition: text-indent 2600ms ease-out;
				-webkit-transition: text-indent 2600ms ease-out;
				text-align: right;
			}
			#contextualpieces LI A.slavesubmit.ellipsed.overlong:hover { 
				text-indent: -170%;
				-moz-transition: text-indent 3600ms ease-out;
				-webkit-transition: text-indent 3600ms ease-out;
			}
		#contextualpieces LI SPAN.inputcomment {
			font-style: italic;
			font-family: Georgia;
			margin-left: 5px;
			font-weight: normal;
		}
		#contextualpieces LI:hover, #contextualpieces LI.currentcapYES {
			background-color: #DFE1FF;
			cursor: pointer;
		}
		#contextualpieces LI.currentcapYES {
			font-weight: bold;
		}
			#contextualpieces LI.currentcapYES A.slavesubmit {
				color: #6699FF;
			}
/*### AVAILABILITY ICON KEY ###*/
.fpkey {
	position: absolute;
	bottom: 13px;
}
	.fpkey .useravail {
		height: 50px;
		line-height: 50px;
	}
	.useravail SPAN {
		padding: 15px 46px 13px 0;
		font-size: 10px;
		text-transform: uppercase;
	}
	.useravail SPAN + SPAN {
			margin-left: 12px;
	}
	.useravail SPAN.some {	background: transparent url(/images/blue/indiv/accesskey-some.png) no-repeat right -5px;	}
	.useravail SPAN.all { background: transparent url(/images/blue/indiv/accesskey-all.png) no-repeat right -5px; }
	
/* STARRED ASSET KEY */
.starkey {
	float: right;
	background: transparent none no-repeat right -1px;
	padding-right: 19px;
	margin-left: 12px;
	color: gray !important;
}
	.starkey.book {
		background-image: url(/images/blue/indiv/star-book.png);
	}
	.starkey.reco {
		background-image: url(/images/blue/indiv/star-reco.png);
	}
/*### / CREDITS AND LABELS \ ###*/
.credits {
	display: block; 
	font: italic normal 14px/22px Georgia;
	padding: 12px 0 0 0;
	color: #666;
}
	.credits.continuous, .credits .creditlabel {
		font: normal normal 10px/20px Arial;
		text-transform: uppercase;
	}
	.credits + .credits {
		padding: 0;
	}
	.credits .creditlabel {
		color: gray;
		padding: 0 5px 0 0;
		letter-spacing: normal;
	}
		.credits .creditlabel.import {
			background-color: #FF4C11;
			color: #F2F2F2;
			padding: 0 12px;
			vertical-align: bottom;
		}
	.credits.continuous {
		color: #606060;
		letter-spacing: 1px;
	}
	.credits.continuous .creditlabel {
		padding: 0 0 0 0;
	}
	.credits.substitute { /* hover-only credits */
		display: none;
		margin-top: -22px;
		background: #F2F2F2; /* to allow overlay */
		position:relative;
	}
	.credits.hassub:hover {
		cursor: pointer;
	}
	.credits.hassub:hover + .credits.substitute {
		display: block;
		pointer-events: none;
	}
/*### \ CREDITS AND LABELS / ###*/
/*### / TERMS OF USE \ ###*/
.terms {
	display: none;
	clear: both;
	position: absolute;
	box-shadow: 0 0 0 2000px rgba(0, 0, 0, .45);
	overflow: hidden;
	margin-top: -1px;
	background-color: #FFF;
	z-index: 9999;
}
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)
, all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	  .terms {
		ZZdisplay: none !important;
	}
	  .textBox {
		ZZoverflow: hidden !important;
	}
	  .fpkey {
		bottom: 13px !important;
	}
	  .textBox + * {
		ZZdisplay: none;
	}
}
  BODY.agreedtermsNO .terms
, BODY.reviewterms .terms {
	display: block;
}
  BODY.agreedtermsNO .textBox
, BODY.reviewterms .textBox {
	overflow: visible;
}
  BODY.agreedtermsNO .fpkey
, BODY.reviewterms .fpkey {
	bottom: 0;
}
  BODY.reviewterms .terms .termsintro
, BODY.reviewterms .terms INPUT.agree
, BODY.reviewterms .terms INPUT.disagree {
	display: none;
}
  BODY.reviewterms .terms INPUT.resume {
	display: block;
}
BODY.agreedtermsNO .textBox .left, BODY.agreedtermsNO .textBox .right {
	ZZvisibility: hidden;
}
	.terms * {
		position: relative;
		z-index: 2; /* all atop blackout */
	}
	.terms .blackout {
		position: fixed;
		background: transparent url(../images/blue/bg/oblique_stripe_blackout.png);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: .8;
		cursor: not-allowed;
	}
	  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)
	, all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) { 
	.terms {
		padding-bottom: 18px;
	}
	.terms .blackout {
		background: none;
	}
	}

	.terms .paneheader {
		float: none !important;
		display: block !important;
		width: auto !important;
		border-top: 1px solid gray;	
		border-bottom: 1px solid gray;
		text-align: center;	
	}
	.terms .termsintro {
		font: 14px/21px georgia;
		font-style: italic;
		padding: 6px 18px 0px 18px;
		background: #FFF;
		color: #818181;
		position: relative;
		z-index: 2;
	}
		.terms .termsintro .buttonname {
			font-style: normal;
		}
	.terms .termstext {
		background: white;
		padding: 6px 18px 18px 18px;	
	}
		BODY.reviewterms .terms .termstext {
			padding-top: 15px; /* more buffer without intro text */
		}
		.terms .termstext .termsscroll {
			background: beige;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			height: 260px; /* was 420px < 2014-04 */
			border: 1px solid gray;
		}
			.terms .termstext .termssection {
				text-decoration: underline;
			}
			.terms .termstext .termsscroll p {
				margin-top: 1em;
				padding: 6px 18px;
			}
				.terms .termsscroll blockquote {
					padding: 0 36px;
				}
					.terms .termsscroll blockquote UL {
						list-style-type: none;
					}
					.terms .termsscroll blockquote LI {
						margin-top: 1em;
					}

	.terms INPUT {
	    height: 49px;
		text-align: center;
		padding: 13px;
		background: #f2f2f2; 
		color: #494949;
	    border: 1px solid lightgray;
		-webkit-transition: background-color 192ms ease-in, color 96ms ease-in;
		-moz-transition: background-color 192ms ease-in, color 96ms ease-in;
		-webkit-appearance: none;
	}
	  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)
	, all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.terms INPUT {
		background: #69f; /* accent with blue on ios */
	}
	}
	.terms INPUT:hover {
		background-color: #DFE1FF !important;
	}		
		.terms INPUT[disabled]:hover {
			background-color: #f2f2f2 !important;
			cursor: not-allowed;
		}		
	.terms INPUT.resume {
		width: 100%;
	    border-width: 1px 0 1px 0;
		font-weight: bold !important;
		display: none;
	}
	.terms INPUT.agree {
	    width: 82%;
	    border-width: 1px 0 1px 0;
		font-weight: bold !important;
	}
		.terms INPUT.agree[disabled] {
			font-weight: normal !important;
		}
	.terms INPUT.disagree {
	    width: 18%;
	    border-width: 1px 0 1px 1px;
	}
	
/*### \ TERMS OF USE / ###*/

/*### / ANIMATED ALERTS \ ###*/
@-webkit-keyframes bgprogressbounce {
    from { background-position: right center; }
    50% { background-position: right bottom; }
    100% { background-position: right center; }
}
@keyframes bgprogressbounce {
    from { background-position: right center; }
    50% { background-position: right bottom; }
    100% { background-position: right center; }
}
#filterCreditAnyPersonhood.searching, .filterType > A.searching {
	-webkit-animation: bgprogressbounce 900ms 100ms ease-in infinite alternate;
	animation: bgprogressbounce 900ms 100ms ease-in infinite alternate;
	background-image: url(/images/orange/indiv/search.png?1) !important;

}
/*### \ ANIMATED ALERTS / ###*/