/*! Copyright (c)2025 Bad Math (http://www.badmath.com) */

@import url('fonts.9136f945.css');

html { height: 100%; }

body {
	margin: 0;
	height: auto !important;
	height: 100%;
	width: 100%;
	/*
	background-image: url('pageBG.bff966b8.png');
	background-repeat: repeat-x;
	background-color: #add6d6;
	*/

	background-color: #3a3a3a; /* HF 2.0 branding */
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 13px;
	/* font-size-adjust: 0.47; */
	/*
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	*/
	color: black;
}

h1 {
	font-family: Calibri, "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	font-size: 26px;
	/* font-size-adjust: 0.46; */
	text-transform: uppercase;
}

h2,
#header ul#tabs,
#header #logOut {
	font-family: Calibri, "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	/* font-size-adjust: 0.44; */
	text-transform: uppercase;
	line-height: 17px;
}

h3 {
	font-family: Calibri, "Arial Narrow", Arial, sans-serif;
	/*
	font-family: Arial, sans-serif;
	font-size: 13px;
	*/
	font-weight: bold;
	font-size: 14px;
	/* font-size-adjust: 0.5; */
}

h4,
.pane div.listHeader,
.pane div.sortListHeader table,
.pane .rangeLabel {
	font-family: Calibri, "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	/* font-size-adjust: 0.45; */
	text-transform: uppercase;
}

h5 {
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0;
}

a img { border: none; }

button img { vertical-align: middle; }

.error, .warning { color: red; }


input,
select,
textarea {
	/* font-family: Verdana, Arial, sans-serif; */
	/* font-size: 10px; */
	font-family: Consolas, "Courier New", monospace;
	font-size: 11px;
	font-size-adjust: 0.55;
}

input {
	vertical-align: top;
	margin: 0 3px;
	padding: 1px;
	/* font-family: Verdana, Arial, sans-serif; */
	/* font-size: 10px; */
}

	input[type='button'] { 
		font-family: Calibri, Verdana, Arial, sans-serif;
		padding: 0 6px;
		margin: .5em .4em .5em 0;
	}

select {
	vertical-align: top;
	margin: -1px 0;
	/* font-family: Arial, sans-serif; */
}

textarea { resize: none; }

code { color:#008800; }

.shadowBox,
.ui-dialog {
	box-shadow: 0 0 5px rgba(0,0,0,0.375);
}

	/* legacy */
	.shadowBox_T, .shadowBox_L, .shadowBox_R, .shadowBox_B,
	.shadowBox_TL, .shadowBox_TR, .shadowBox_BL, .shadowBox_BR {
		display: none;
	}


a.disabled,
img.disabled,
.pager-disabled {
	opacity: 0.5;
	/* filter: alpha(opacity=50); */
	cursor: default !important;
}

.noValue,
.missingField {
	color: #818181 !important;
	font-style: italic;
}

	.noValue.error { color: red !important; }

.offline {
	font-style: italic;
	color: grey;
}

.movedOffline,
.missingMedia,
.tapeIdMismatch {
	font-style: italic;
	color: rgba(142,123,15,0.8);
}

.resolution.hd {
	display: inline-block;
	line-height: 0.9em;
	color: white;
	background: rgb(67, 169, 255);
	font-weight: bold;
	font-style: italic;
	border-radius: 2px;
	padding: 1px 2px;
}

.yes { color: #005900; }
.no { color: #8e0000; }

.nowrap { white-space: nowrap; }

.resultCount {
	font-family: Consolas, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-size-adjust: 0.53;
}

.eip_container { position:relative; }

	.eip_editObjWrapper { margin-right: 38px; }

		.eip_editObj { width: 100%; }

	.eip_buttons {
		position: absolute;
		right: 0;
		top: 0;
	}
		.eip_saveButton,
		.eip_cancelButton {
			display: inline-block;
			width: 16px;
			height: 16px;
			cursor: pointer;
			margin-right: 2px;
		}

			.eip_saveButton { background: url('icons/accept.6446e207.png') left top no-repeat; }
			.eip_cancelButton { background: url('icons/cancel.79df717e.png') left top no-repeat; }

a.cancel,
a.okay,
a.abort,
a.info {
	display: block;
	width: 16px;
	height: 16px;
	background: left top no-repeat;
	cursor: pointer;
}
a.cancel { background-image: url('icons/delete.743ce0e0.png'); }
a.okay { background-image: url('icons/accept.6446e207.png'); }
a.abort { background-image: url('icons/cancel.79df717e.png'); }
a.info { background-image: url('icons/information.872047c0.png'); }

.splitH,
.splitV {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

}

	.splitH .btnShowData {
		position: absolute;
		top: 50%;
		z-index: 10;
		left: 50%;
		margin-left: -32px;
		margin-top: -10px;
	}

	.splitH.showData .btnShowData {
		display: none;
	}

	#statsContent .splitH .exportCSV {
		display: none;
	}

	#statsContent .splitH.showData .exportCSV {
		display: initial;
	}

.splitV {
	margin-right:12px;
	margin-bottom:12px;
}

	.splitH > .pane,
	.splitV > .pane {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin-right: 0px;
		margin-bottom: 0px;
	}


	.splitV > .pane { }
	.splitV > .splitH:first-child  > .pane { margin-right:12px; }
	.splitH:first-child > .splitV > .pane { margin-right:12px; }
	.splitH { width: 50%; }
	.splitH:first-child { right: auto; }
	.splitH:first-child + .splitH { left: auto; }
	.splitV { height: 50%; }
	.splitV:first-child { bottom: auto; }
	.splitV:first-child + .splitV { top: auto; }

	.paneSplitV > .pane { margin-bottom: 6px; }
	.paneSplitV > .paneSplitH > .pane { margin-bottom: 6px; }


table.textLog {
	width: 100%;
	overflow: hidden;
	border-spacing: 0;
}

	table.textLog tr.even { background-color: #ededed; }
	table.textLog tr.selected { background-color: #f5ead4; font-weight: bold; }
	table.textLog tr.subSelect { background-color: #cbe596; }
	table.textLog tr.subSelect.even { background-color: #aed65b; }
	table.textLog tr.subSelect.selected { background-color: #b49f44; }
	table.textLog tr.discontinuous { background-color: red; }
	table.textLog tr.discontinuous.even { background-color: darkred; }
	table.textLog tr.outOfBounds { background-color: #f1a29b; }
	table.textLog tr.outOfBounds.even { background-color: #e96f65; }

	table.textLog tr:hover {
		color: white;
		background-color: #7ba4a4 !important;
	}

		/* table.textLog td.timecode:hover + td.desc { background: url('icons/control_play.439d9929.png') left 3px no-repeat; } */
		/* table.textLog tr:hover td.desc { background: url('icons/control_play.439d9929.png') left 3px no-repeat; } */

	table.textLog td {
		padding: 3px 5px;
		vertical-align: top;
		font-size: 14px;
	}

		table.textLog td.timecode {
			/* width: 45px; */
			width: 50px;
			/* cursor: pointer; */
			padding-right: 0;
			white-space: nowrap;
		}

		table.textLog td.controls {
			width: 32px;
			padding-left: 0;
			padding-right: 0;
			text-align: center;
		}

			table.textLog a.videoPlay {
				display: inline-block;
				width: 16px;
				height: 16px;
				background: url('icons/control_play.439d9929.png') left top no-repeat;
				cursor: pointer;
			}

			table.textLog a.lockedLog {
				display: inline-block;
				width: 16px;
				height: 16px;
				background: url('icons/lock.d70d04b3.png') left top no-repeat;
				cursor: not-allowed;
				visibility: hidden;
			}
				table.textLog tr:hover a.lockedLog { visibility: visible; }

			table.textLog a.videoIn,
			table.textLog a.videoOut {
				display: inline-block;
				width: 8px;
				height: 8px;
				cursor: pointer;
				padding: 4px;
				visibility: hidden;
			}

				table.textLog a.videoIn { background: url('icons/control_in.ee0824cc.png') 5px center no-repeat; }
				table.textLog a.videoOut { background: url('icons/control_out.abfee33e.png') 3px center no-repeat; }

				table.textLog tr:hover a.videoIn,
				table.textLog tr:hover a.videoOut { visibility: visible; }

		/* view mode uses "table.textLog td.desc", and edit mode uses "table.textLog td.logDescription"; left that way to avoid breakage */

		table.textLog td.desc,
		table.textLog td.logDescription {
			padding-left: 0;
		}

			table.textLog td.desc div {
				vertical-align: top;
				word-wrap: break-word;
				overflow: hidden;
			}

			table.textLog td.desc div.logMusic,
			table.textLog td.logDescription div.logMusic {
				padding-left: 20px;
				background: url('icons/music.297570ef.png') top left no-repeat;
				font-style: italic;
			}

				table.textLog td.desc div.logMusic .artist,
				table.textLog td.logDescription div.logMusic .artist {
				}

				table.textLog td.desc div.logMusic .title,
				table.textLog td.logDescription div.logMusic .title {
				}

		table.textLog td.logDescription .eip_editObjWrapper {
			margin-right: 44px;
		}

		table.textLog td.logDescription textarea {
			font-family: Calibri, Verdana, Arial, sans-serif;
			/* font-size: 13px; */
			font-size: 14px;
			font-size-adjust: none;
			/* height: 182px; */
			height: 204px;
			margin: 0 -3px;
		}

		table.textLog td.logDescription div.musicForm input {
			margin-right: -41px;
			width: 180px;
		}

		table.textLog td.timecode input {
			margin: 0 -3px;
			font-family: Calibri, Verdana, Arial, sans-serif;
			/* font-size: 13px; */
			font-size: 14px;
			font-size-adjust: none;
		}

		.editTab table.textLog td.logSplit {
			width: 16px;
		}

		.editTab table.textLog td.timecode .eip_buttons {
			position:relative;
		}

		.editTab table.textLog td.timecode .eip_editObjWrapper {
			margin-right:0px;
		}

		.editTab table.textLog td.deleteLog {
			width: 16px;
		}



	#clip em {
		color: black;
		background-color: yellow;
		cursor: pointer;
	}



#header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 63px;
	z-index: 2;
	color: #333;
}

	#hfLogo {
		position: absolute;
		top: 7px;
		/* left: 9px; */

		/* HF 2.0 branding */
		left: 27px;
		width: 150px;		
	}

	#header ul#tabs {
		list-style: none;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 205px;
		top: 0;
		height: 64px;
		right: 5px;
		overflow: hidden;
		text-transform: uppercase;
		line-height: 42px;
		vertical-align: middle;
	}

		#header ul#tabs li {
			float: left;
			margin: 20px 10px 0;
			height: 100%;
			padding-right: 13px;
			background: url('inactiveTab-R.5ff68049.png') no-repeat right top;
			margin-left: 40px;
			cursor: pointer;
			position: relative;
		}

			#header ul#tabs li.right {
				float: right;
				margin-right: 15px;
			}

			#header ul#tabs li.disabled {
				opacity: 0.5;
				/* filter: alpha(opacity=50); */
				cursor: default;
			}

			#header ul#tabs li.active {
				background-image: url('activeTab-R.b3e8be6e.png');
				cursor: default;
			}

			#header ul#tabs li:hover { color: black; }
			#header ul#tabs li.disabled:hover { color: inherit; }
			#header ul#tabs li.active:hover { color: inherit; }

			#header ul#tabs li img {
				vertical-align: bottom;
				margin-left: -40px;
				margin-right: 3px;
				padding: 8px 1px 3px 7px;
				background: url('inactiveTab-L.1005963c.png') no-repeat left top;
			}

				#header ul#tabs li.active img { background-image: url('activeTab-L.ce2d1abc.png'); }

			#header ul#tabs li.hanging {
				margin-top: 0px;
				margin-left: 29px;
				padding-right: 13px;
				height: 35px;
				background: url('hangingTab-R.79fe3676.png') no-repeat right bottom;
				line-height: 13px;
				font-size: 13px;
			}

				#header ul#tabs li.hanging img {
					vertical-align: top;
					float: left;
					margin-left: -29px;
					margin-right: 0;
					background: url('hangingTab-L.824e1e30.png') no-repeat left bottom;
					padding: 6px 3px 13px 10px;
					cursor: pointer;
				}

				#header ul#tabs li.hanging .button {
					float: right;
					margin: 6px -3px 0 5px;
				}

				#header ul#tabs li.hanging .status {
					padding-top: 2px;
					display: block;
					float: left;
					white-space: nowrap;
					line-height: 23px;
				}

					#header ul#tabs li.hanging .status.twoLine {
						line-height: 13px;
					}

				#header ul#tabs li.hanging input { margin-top: 4px; }

				#header ul#tabs #logOut {
					margin-right: 0;
					font-size: 16px;
				}

				#header ul#tabs .researcherName,
				#header ul#tabs .lineTwo {
					font-size: 10px;
					line-height: 12px;
				}

				#header ul#tabs #logOut #btnLogout:hover { color: white; }

				#header ul#tabs li.notice { color: #c00; }

			#header ul#tabs li .tabMore {
				float: right;
				padding: 8px 0 0 5px;
			}

				#header ul#tabs li .tabMore .jobId,
				#header ul#tabs li .tabMore .clientsTitle {
					display: block;
					line-height: 18px;
				}

				#header ul#tabs li .tabMore .jobName,
				#header ul#tabs li .tabMore .numRequests {
					display: block;
					font-size: 13px;
					/* font-size-adjust: 0.45; */
					line-height: 10px;
				}

			@media screen and (max-width: 1360px) {
				#header ul#tabs {
					font-size: 14px;
					left: 199px;
				}
				#header ul#tabs li {
					margin-left: 30px;
					margin-right: 8px;
				}
					#header ul#tabs li:first-child { margin-left: 32px; }
				#header ul#tabs li .tabMore .jobName,
				#header ul#tabs li .tabMore .numRequests { font-size: 12px; }
				#header ul#tabs li img {
					width: 24px;
					height: 24px;
					margin-left: -32px;
					padding: 12px 1px 7px 7px;
				}
				#header ul#tabs li.hanging { margin-left: 27px; }
				#header ul#tabs li.hanging img {
					width: 16px;
					height: 16px;
					margin-left: -29px;
					padding: 6px 3px 13px 10px;
				}
				#header ul#tabs li.right { margin-right: 9px; }
			}

#header ul#tabs li .myRequests {
	position: absolute;
	top: -5px;
	right: -5px;
	display: block;
	line-height: 1;
	border-radius: 50%;
	background-color: #c00;
	color: #f7d360;
	width: 1em;
	height: 1em;
	text-align: center;
	padding: 3px;
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
	font-size: 14px;
}



#tabPlate {
	position: absolute;
	top: 63px;
	left: 10px;
	right: 10px;
	bottom: 11px;
	/* background-color: #d9d1bf; */
	background-color: #a4a4a4; /* HF 2.0 branding */
	padding: 4px;
	min-height: 640px;
	min-width: 963px;
	min-width: 1170px;
}

	#tabPlate > .notice {
		text-align: center;
		font-style: italic;
	}

#sideBar {
	position: absolute;
	top: 5px;
	bottom: 4px;
	left: 4px;
	width: 300px;
}

	#sideBar .pane {
		padding: 1px 0;
	}

		#sideBar .pane textarea {
			width: 273px;
			height: 30px; /* 2 lines */
			/* height: 45px; */ /* 3 lines */
			margin: 0 0 3px 5px;
			padding: 2px;
			font-size: 12px;
			font-size-adjust: 0.5;
		}

		#sideBar .pane > h2 {
			margin-right: 22px;
		}

	#cms.pane {
		background-color: #dae6e6;
		text-align: center;
	}

		#cms.pane button { margin: 3px 0; }


	/*	#sideBar .pane.minimized { height: 20px !important; }

			#sideBar .pane.minimized .paneContents { display: none; } */

#mainArea {
	position: absolute;
	top: 5px;
	bottom: 4px;
	left: 304px;
	right: 4px;
}

.editContainer {
	bottom:12px;
	left:12px;
	position:absolute;
	right:12px;
	top:12px;
}

.pane {

	min-height: 20px;
	position: relative;
	color: black;
}

	.pane h2 {
		margin: 0 7px;
		padding: 1px 0;
		text-align: left;
		color: #404040;
		height: 17px;
		overflow: hidden;
		cursor: default;
	}

	.pane h3,
	.ui-dialog h3 {
		padding: 1px 0;
		display: inline;
		margin: 0 0 0 7px;
	}

	.pane button {
		font-size: 11px;
		font-size-adjust: none;
	}

	.pane a.minMax {
		display: block;
		position: absolute;
		width: 16px;
		height: 16px;
		background-image: url('minMaxButton.d3c6ec91.png');
		top: 3px;
		right: 4px;
		background-position: left top;
	}

		.pane a.minMax:hover {
			background-position: -16px top;
			cursor: pointer;
		}

		.pane.minimized a.minMax { background-position: left -16px; }
		.pane.minimized a.minMax:hover { background-position: -16px -16px; }

	.pane a.addNew {
		display: block;
		position: absolute;
		width: 16px;
		height: 16px;
		background: url('icons/add.ae92c441.png') left top no-repeat;
		top: 3px;
		right: 4px;
		cursor: pointer;
	}

	.pane a.import {
		position: absolute;
		top: 3px;
		right: 48px;
		width: 16px;
		height: 16px;
		background: url('icons/basket_put.12adb1f2.png') left top no-repeat;
		cursor: pointer;
	}

		.pane#clipBin a.import {
			right: 68px;
		}

	.pane button + button {
		margin-left: 5px;
	}

	.pane button.disabled {
		opacity: 0.5;
		cursor: default !important;
	}

	.pane a.add,
	.pane button.copy {
		width: 16px;
		height: 16px;
		background: url('icons/add.ae92c441.png') left top no-repeat;
		cursor: pointer;
	}

	.pane a.add { display: block; }
	.pane button.copy { 
		color: transparent; 
		border: 0;
		white-space: nowrap;
		overflow: hidden;
	}

	.pane a.delete,
	.dialog a.delete,
	.pane button.delete {
		width: 16px;
		height: 16px;
		background: url('icons/delete.743ce0e0.png') left top no-repeat;
		cursor: pointer;
	}

	.pane a.outputClip {
		width: 16px;
		height: 16px;
		background: url('icons/film_go.6b254e2e.png') left top no-repeat;
		cursor: pointer;
	}

	.pane a.delete { display: block; }
	.pane button.delete { 
		color: transparent; 
		border: 0;
		white-space: nowrap;
		overflow: hidden;
	}

	.pane button.email {
		width: 16px;
		height: 16px;
		background: url('icons/email.b6af2951.png') left 1px no-repeat;
		cursor: pointer;
		color: transparent; 
		border: 0;
		white-space: nowrap;
		overflow: hidden;
	}

	.pane button.replace {
		width: 16px;
		height: 16px;
		background: url('icons/inbox_upload.89cf1e64.png') left top no-repeat;
		cursor: pointer;
		color: transparent; 
		border: 0;
		white-space: nowrap;
		overflow: hidden;
	}

	.pane button.edit {
		width: 16px;
		height: 16px;
		background: url('icons/pencil.b219c63f.png') left top no-repeat;
		cursor: pointer;
		color: transparent; 
		border: 0;
		white-space: nowrap;
		overflow: hidden;
	}

	.pane button.clientVisible {
		width: 16px;
		height: 16px;
		background: url('icons/invisible.937c3120.png') left top no-repeat;
		cursor: pointer;
		color: transparent; 
		border: 0;
		white-space: nowrap;
		overflow: hidden;
	}

			.pane button.clientVisible.on { background-image: url('icons/condition.a9befc4d.png'); }
			.pane button.clientVisible[disabled] { display: none; }

	.pane a.bookmark {
		display: block;
		width: 16px;
		height: 16px;
		background: url('icons/star.25c2d343.png') left top no-repeat;
		cursor: pointer;
	}

	.pane a.recent {
		display: block;
		width: 16px;
		height: 16px;
		background: url('icons/time.4d67fe4b.png') left top no-repeat;
		cursor: pointer;
	}

	.pane a.help {
		display: block;
		width: 16px;
		height: 16px;
		background: url('icons/help.291c6d49.png') left top no-repeat;
		cursor: pointer;
	}

	.pane div.listTable {
		margin: 4px 8px 8px;
		position: relative;
	}

		.pane div.listTable div.listShadowBox {
			position: relative;
		}

		.pane div.listTable table {
			border-spacing: 0 2px;
			width: 100%;
		}

		.pane div.listTable.sortable table {
			border-spacing: 0;
		}

			.pane div.listTable col.number { width: 36px; }
			.pane div.listTable col.date { width: 78px; }
			.pane div.listTable td.date {
				text-align: right;
				white-space: nowrap;
				font-size: 12px;
				font-size-adjust: 0.48;
			}

			.pane div.listTable col.time { width: 50px; }

		.pane div.listHeader {
			margin: 0 1px;
			background: url('listHeaderBG.7fe06238.png') repeat-x #ced8d8;
			text-align: center;
			height: 19px;
			line-height: 19px;
		}

			.pane div.listHeader img {
				vertical-align: bottom;
				margin: 0 3px 1px 0;
			}

		.pane div.sortListHeader {
			padding-right: 16px;
			margin: 0 1px 0 0;
			background: url('listHeaderBG.7fe06238.png') repeat-x #ced8d8;
		}

			.pane div.sortListHeader img {
				vertical-align: bottom;
				margin: 1px 3px 0 0;
			}

			.pane div.sortListHeader th .hd {
				background: rgb(67, 169, 255);
				border-radius: 2px;
				color: white;
				font-style: italic;
				padding: 0 2px;
			}

		.pane div.sortListSubHeader {
			padding-right: 16px;
			margin: 0 1px 0 0;
			background-color: #ddd;
			border: 1px inset #999;
			text-transform: uppercase;
			font-style: italic;
			font-weight: bold;
		}
			.pane .listTable div.sortListSubHeader table td { cursor: default; }

		.pane div.sortListHeader a.filterClearButton {
			display: block;
			position: absolute;
			width: 17px;
			height: 17px;
			background: url('filterClearButton.9c9ec5eb.png') center center no-repeat;
			top: 1px;
			right: 0;
			cursor: pointer;
		}

			.pane div.sortListHeader table,
			.pane div.sortListSubHeader table {
				height: 19px;
				position: relative;
			}

				.pane div.sortListHeader table th {
					background: url('listHeaderSort.86c62298.png') no-repeat right top;
					text-align: left;
					padding: 0 15px 0 4px;
					cursor: pointer;
				}
				.pane div.sortListHeader table th:hover { color: #555; }
				.pane div.sortListHeader table th.desc { background-position: right -19px; }
				.pane div.sortListHeader table th.asc { background-position: right -38px; }

		.pane div.listTable.sortable div.listBox {
			overflow-y: scroll;
		}

			.pane div.listTable.sortable table tr.odd { background-color: #f2f2f2; }

		.pane div.listTable div.listBox table tr:hover { color: white; background-color: #7ba4a4 !important; }
		.pane div.listTable div.listBox table tr.selected { background-color: #f5ead4; }

		.pane div.listTable table td {
			line-height: 18px;
			cursor: pointer;

			vertical-align: top;
			padding: 6px 4px;
			font-size: 12px;
			/* font-size-adjust: 0.48; */
		}

			.pane div.listTable.sortable table td {
				line-height: 13px;
			}

			.pane div.listTable table td img {
				vertical-align: middle;
				margin: 1px auto;
				display: block;
			}

	.pane .groupBox {
		/* height: 16px; */
		border: 1px inset #999;
		background-color: #d3dddd;
		margin: 2px 8px 8px;
		padding: 3px 3px;
		clear: left;
	}

		.pane + .groupBox { margin-top: 4px; }

		.pane .groupBox img { vertical-align: top; }

		.pane .groupBox button img { vertical-align: middle; }

		.pane .groupBox h4 {
			display: inline;
			margin: 0 0 0 2px;
			line-height: 16px;
		}

	.pane .checkBox {
		margin: 4px 0 2px 8px;
		float: left;
		line-height: 16px;
	}

		.pane .checkBox input {
			height: 13px;
			margin: 0 3px 1px 0;
			vertical-align: middle;
		}


	.pane .listBox {
		border: 1px inset #999;
		overflow-y: scroll;
		overflow-x: hidden;
		background-color: white;
		padding: 0;
		margin: 0;

		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

		.pane .listTable.sortable .listBox {
			top: 19px;
		}

		.pane .listTable.footed .listBox {
			bottom: 20px;
		}

	.pane ul.listBox {
		list-style: none;
		font-size: 12px;
		font-size-adjust: 0.48;
	}

		.pane ul.listBox li {
			position: relative;
			/* padding: 4px 2px 4px 58px;
			min-height: 36px; */
			padding: 4px 2px 4px 74px;
			min-height: 48px;
			cursor: pointer;
		}

			.pane ul.listBox li.odd { background-color: #ecf2f2; }
			/* .pane ul.listBox li:nth-child(2n) { background-color: #ecf2f2; } *//* above done for old IE; this conflicts with it while a clip is       */
			                                                                      /* being dragged around (as ".odd" and "nth-child(2n)" are no longer   */
			                                                                      /* necessarily the same thing while an <li> is temporarily pulled from */
			                                                                      /* the list                                                            */

			.pane ul.listBox li:hover { background-color: #e6e6e6 !important; }
			.pane ul.listBox li.selected { background-color: #f5ead4; }

			.pane ul.listBox li h5 .resolution { display: none; }
			.pane ul.listBox li h5 .resolution.hd {
				display: inline-block;
				margin-left: 3px;
			}

		.pane .listBox .totalTime {
			margin-left: 5px;
			color: #555;
		}

		.pane .listBox .smallThumb {
			position: absolute;
			/*
			width: 48px;
			height: 36px;
			*/
			width: 64px !important;
			height: auto !important;
			top: 4px;
			left: 5px;
		}

	.pane .listFooter {
		position: absolute;
		height: 20px;
		left: 0;
		right: 0;
		bottom: 0;
		border: 1px inset #999;
		line-height: 20px;
		font-size: 11px;
		font-family: Arial, sans-serif;
		/* font-size-adjust: 0.47; */
		padding: 0 5px;
		background: url('listFooterBG.eb770712.png') repeat-x #e6e6e6;
		overflow: hidden;
	}

		.pane.alert .listFooter { background-image: url('listFooterBG-red.89205968.png'); }

		.pane .listFooter .pagination {
			/* float: right; */
			position: absolute;
			top: 0;
			/* right: 5px; */ /* moved to make room for CSV export button */
			right: 40px;
			height: 20px;
		}

			.pane #resultsList .listFooter .pagination {
				float: right;
                position: static;
                top: auto;
                right: auto;

			}

			.pane .listFooter .pagination .current {
				font-weight: bold;
				text-decoration: underline;
			}

			.pane .listFooter .pagination img {
				vertical-align: middle;
				margin: 0 2px;
				cursor: pointer;
			}

				.pane .listFooter .pagination .pager-disabled img { cursor: default; }

	#search.pane {
		background-color: #dae6e6;
		/* height: 98px; */
		text-align: right;
		padding-right: 5px !important;
		width: 283px !important;
	}

		#search.pane #txtSearch {
			/* border-width: 1px; */
		}

		#search.pane a.help {
			position: absolute;
			left: 6px;
			bottom: 6px;
		}

		#search.pane #includeKeywords {
			margin-bottom: 1px;
			height: 13px;
			vertical-align: middle;
		}

		#search.pane #includeKeywords + label { margin-right: 10px; }

		#search.pane button {
			margin-bottom: 4px;
		}


	#sideBar .searchFilters.pane {
		background-color: #e9e7d2;
		/* height: 391px; */
		/* height: 461px; */
		height: auto;
	}

		#sideBar .searchFilters.pane div.listTable {
			float: left;
			margin-right: 0;
			margin-bottom: 6px;
		}

		#sideBar .searchFilters.pane div.listTable table td {
			padding: 0 2px;
			vertical-align: middle;
		}

		#sideBar .searchFilters.pane div.listTable.sortable {
			height: 73px; /* 86px; */ /* includes 21px in header + borders; there's 13px per line in the list */
		}

		#sideBar .searchFilters.pane div.listTable .listBox td {
			font-family: Consolas, Verdana, Arial, sans-serif;
			font-size: 11px;
			font-size-adjust: 0.53;
			text-transform: uppercase;
		}

			#sideBar .searchFilters.pane div.listTable .listBox td .unit { text-transform: none; margin-left: 0.5em; }
			#sideBar .searchFilters.pane div.listTable .listBox td.resolution { text-transform: none; text-align: right; padding-right: 0.5em; }

			#sideBar .searchFilters.pane #keywords.listTable .listBox td { text-transform: none; }

			#sideBar .searchFilters.pane div.listTable .listBox td dfn {
				text-transform: none;
				font-style: italic;
				color: #666;
			}

				#sideBar .searchFilters.pane div.listTable .listBox tr:hover td dfn { color: #ddd; }

		#sideBar .searchFilters.pane div.listTable table td.facetCount,
		#sideBar .searchFilters.pane div.listTable table td:first-child + td { /* 2nd td in each row; for stuff that can't be done in a "col" style */
			text-align: right;                                    /* see: http://ln.hixie.ch/?start=1070385285&count=1 */
		}

		#sideBar .searchFilters.pane .checkBox { margin-top: 1px; }
		#sideBar .searchFilters.pane .checkBox:last-of-type { margin-bottom: 6px; }

		#sideBar .searchFilters.pane #library.listTable { width: 126px; }
		#sideBar .searchFilters.pane #genre.listTable { width: 194px; height: 83px}
		#sideBar .searchFilters.pane #format.listTable { width: 139px; }
		#sideBar .searchFilters.pane #tags.listTable { width: 192px; }
		#sideBar .searchFilters.pane #QCStates.listTable { width: 135px; margin-bottom: 0; }
		#sideBar .searchFilters.pane #keywords.listTable { width: 272px; }
		#sideBar .searchFilters.pane #masterBitrate.listTable { width: 272px; }

		#sideBar .searchFilters.pane #masterBitrate.listTable col:nth-child(2) { width: 110px; }
		#sideBar .searchFilters.pane #masterBitrate.listTable td.value { padding-right: 0.5em; }

		#sideBar .searchFilters.pane #year h4, #sideBar .searchFilters.pane #dateEntered h4 { margin: 0 10px 0 5px; }
		#sideBar .searchFilters.pane #year input {
			width: 40px;
			margin: 0 10px 0 3px;
		}

		#sideBar .searchFilters.pane #dateEntered h4 { margin: 0 0 0 5px; }
		#sideBar .searchFilters.pane #dateEntered h4 { margin: 0 0 0 2px; }
		#sideBar .searchFilters.pane #dateEntered input {
			width: 62px;
			margin: 0 3px 0 3px;
		}

		#sideBar .searchFilters.pane #condition { margin-bottom: 4px; }
		#sideBar .searchFilters.pane #condition #rangeSelectcondition_sort { width: 170px; }
		#sideBar .searchFilters.pane #condition h4 { margin: 0 0 0 5px; }

		#sideBar .searchFilters.pane #logged.listTable { width: 73px;  }
			/* #sideBar .searchFilters.pane #logged.listTable .listBox { padding-bottom:10px; } */
		#sideBar .searchFilters.pane #logged.listTable .listBox { position: relative; overflow-y: auto }
		#sideBar .searchFilters.pane #color.listTable { width: 71px; }
		#sideBar .searchFilters.pane #color.listTable .listBox { position: relative; overflow-y: auto; }
		#sideBar .searchFilters.pane #color.listTable td:first-child { text-align: center; }


	#searchHistory.pane {
		background-color: #e6e6e6;
		height: 20px;
	/*	left: 0; */
	/*	right: 0; */
		/* display: none; */
	/*	position: absolute; */
		height: auto;
		/* top: 502px; */
	/*	top: 572px; */
	/*	bottom: -6px; */

	/*	top: 0; */
	/*	bottom: 50%; */
		/*margin-bottom: 6px;*/
	}

		/* TEMP for collapsing panes */
		#searchHistory.pane.minimized { bottom: auto; }
		#stretchBox.clipBinMinimized #searchHistory.pane { bottom: 34px; }
		html #stretchBox.noClipBin #searchHistory.pane { bottom: 0; }

		/*
		#searchHistory.pane a.bookmark {
			position: absolute;
			right: 44px;
			top: 3px;
		}

		#searchHistory.pane a.recent {
			position: absolute;
			right: 64px;
			top: 3px;
		}
		#searchHistory.pane a.bookmark ,
		#searchHistory.pane a.recent {
			display: inline-block;
		}
		*/

		#searchHistory.pane #searchHistory_recent,
		#searchHistory.pane #searchHistory_bookmarks {
			position: absolute;
			top: 20px;
			top: 40px;
			left: 0;
			right: 0;
			bottom: 0;
		}

			#searchHistory.pane.bookmarks #searchHistory_recent { display: none; }
			#searchHistory.pane.recent #searchHistory_bookmarks { display: none; }

			#searchHistory.pane .listBox li {
				padding-left: 4px;
				min-height: auto;
			}

				#searchHistory.pane .listBox h5 {
					float: left;
				}

				#searchHistory.pane .listBox .time {
					text-align: right;
				}

				#searchHistory.pane .listBox li .filters {
					font-size: 11px;
					font-size-adjust: none;
					font-style: italic;
					text-transform: uppercase;
					margin-top: 3px;
				}


			#searchHistory.pane #searchHistory_bookmarks col.searchName { width: auto; }

			#searchHistory.pane #searchHistory_bookmarks table tr:nth-child(2n) { background-color: #f0f5f5; }
			#searchHistory.pane #searchHistory_bookmarks table tr.selected { background-color: #dad985; }

				#searchHistory.pane #searchHistory_bookmarks table td.searchName {
					font-weight: bold;
					text-transform: uppercase;
					padding-right: 25px;
				}

					#searchHistory.pane #searchHistory_bookmarks table td.searchName a.delete {
						float:right;
						margin: 5px -21px 0 0;
						visibility: hidden;
					}

						#searchHistory.pane #searchHistory_bookmarks table tr:hover td.searchName a.delete { visibility: visible; }

				#searchHistory.pane #searchHistory_bookmarks table td .filters {
					font-size: 11px;
					text-transform: uppercase;
				}

		#searchHistory.pane .utils {
			position: absolute;
			left: 8px;
			top: 24px;
			height: 16px;
		}

			#searchHistory.pane .utils img {
				margin-right: 3px;
				cursor: pointer;
				vertical-align: top;
			}

		#searchHistory.pane .dayToggle {
			position: absolute;
			right: 8px;
			top: 24px;
			text-align: right;
			font-family: Arial, sans-serif;
			font-size: 11px;
			font-size-adjust: none;
		}
			#searchHistory.pane.bookmarks .dayToggle { display: none; }


	#stretchBox { /* TEMP for collapsing panes */
		position: absolute;
		top: 572px;
		left: 0;
		right: 0;
		bottom: 0;
	}

		#searchFilters.minimized + #stretchBox { top: 131px; } /* TEMP for collapsing panes */

	#clipBin.pane {
		background-color: #f7f7f7;
		/* height: 209px;
		position: absolute;
		top: 572px;
		bottom: -6px;
		left: 0;
		right: 0;

		top: 50%;
		bottom: 0;
		margin-bottom: 6px; */
	}

		#clipBin.pane.minimized { top: auto; } /* TEMP for collapsing panes */

		#searchHistory.minimized + #clipBin.pane { top: 34px; } /* TEMP for collapsing panes */


		#clipBin.pane .binSelect {
			position: absolute;
			top: 22px;
			left: 7px;
			right: 7px;
			height: 21px;
		}

			#clipBin.pane .binSelect button.selected { color: red; }
			#clipBin.pane .binSelect button.job.selected { color: green; }

			#clipBin.pane .binSelect .job { float: right; }
			#clipBin.pane .binSelect img.job { margin: 2px 2px 0 0; cursor: pointer; }

		#clipBin.pane .listBox {
			position: absolute;
			top: 22px;
			left: 8px;
			right: 8px;
			bottom: 25px;
			border-color: green;
		}

			#clipBin.pane .binSelect + .listBox { top: 47px; }

			#clipBin.pane .listBox.userTemp { border-color: red; }

			#clipBin.pane .listBox li { padding-right: 25px; }

				#clipBin.pane .listBox li a.delete {
					position: absolute;
					right: 4px;
					top: 50%;
					margin-top: -8px;
				}

				#clipBin.pane .listBox li a.outputClip {
					position: absolute;
					right: 4px;
					top: 10%;
					margin-top: -8px;
				}

				#clipBin.pane .listBox li.offline a.outputClip {
					display:none;
				}

		#clipBin.pane .utils {
			position: absolute;
			left: 8px;
			bottom: 2px;
		}

			#clipBin.pane .utils img {
				margin-right: 3px;
				cursor: pointer;
			}

		#clipBin.pane .binTotal {
			position: absolute;
			right: 8px;
			bottom: 6px;
			text-align: right;
			font-family: Arial, sans-serif;
			font-size: 11px;
			font-size-adjust: none;
		}

		#clipBin.pane .ui-sortable-placeholder { min-height: 63px; } /* to account for now-taller boxes, with the .clipNote stuff in them */

		#clipBin.pane .clipNote .eip_editObjWrapper {
			margin: 0 41px 0 0;
		}

			#clipBin.pane .clipNote .eip_editObj {
				font-family: Calibri,Verdana,Arial,sans-serif;
				font-size: 12px;
				font-size-adjust: 0.48;
				margin: 0;
				padding: 0;
				width: 100%;
			}


	#results.pane {
	}

		#results.pane #resultsList{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: 0;
		}

		#results.pane #resultsList div.sortListHeader {
			background-image: url("mainListHeaderBG.d7eec26c.png");
		}

		#results.pane #resultsList div.listBox { background-color: #fafafa; }

			.pane div.listBox > .noValue {
				text-align: center;
				margin-top: 5px;
				display: block;
			}

		#results.pane #resultsList div.listBox,
		#results.pane #resultsList div.listFooter {
			border-left: 0;
			border-right: 0;
		}

		#results.pane #resultsList div.listFooter div.utils {
			float: right;
		}

			#results.pane #resultsList div.listFooter div.utils img {
				margin: 3px 0 1px 5px;
				cursor: pointer;
			}

		#results.pane #resultsList div.listFooter div.totals {
			margin: auto;
			width: 625px;
		}

			#results.pane #resultsList col { min-width: 38px; }

			#results.pane #resultsList col.rank { width: 38px; }
			#results.pane #resultsList col.file { width: 9%; }
			#results.pane #resultsList col.hd { width: 38px; }
			#results.pane #resultsList col.logged { width: 38px; }
			#results.pane #resultsList col.digitized { width: 38px; }
			#results.pane #resultsList col.title { width: 18%; }
			#results.pane #resultsList col.genre { width: 14%; }
			#results.pane #resultsList col.length { width: 62px; }
			#results.pane #resultsList col.year { width: 8%; }
			#results.pane #resultsList col.color { width: 43px; }
			#results.pane #resultsList col.condition { width: 38px; }
			#results.pane #resultsList col.source { width: 11%; }
			#results.pane #resultsList col.dateEntered { width: 75px; }

			#results.pane #resultsList table tr.odd { background-color: #f2f2f2; }

			#results.pane #resultsList table tr.selected {
				background-color: #f9eedc;
				font-weight: bold;
			}

				

				#results.pane #resultsList table th { color: #3f3f3f; }

				#results.pane #resultsList table td {
					line-height: 16px;
					padding: 2px 15px 2px 4px;
				}

					#results.pane div.listTable table td img {
						vertical-align: bottom;
						margin: 0;
					}

	#activeJob.pane {
		background-color: #dae6e6;
		/*padding-right: 5px !important; */
		padding-top: 40px;
		line-height: 19px;
		vertical-align: top;
		height: 252px;
	}

		#activeJob.pane.noValue {
			font-style: normal;
		}

		#activeJob.pane #activeJobTop {
			background: url("activeJobTop.f89bc53c.png") no-repeat;
			position: absolute;
			padding-top: 6px;
			top: -6px;
			left: -6px;
			height: 40px;
			width: 300px;
		}

			#activeJob.pane #activeJobTop #newProject {
				float: left;
				margin: -3px 25px 0;
				cursor: pointer;
			}


			#activeJob.pane #activeJobTop #newProject.partnered,
			#activeJob.pane #activeJobTop #assignRequest {
				float: left;
				margin: -3px 4px 0;
				cursor: pointer;
			}

			#activeJob.pane #activeJobTop a.delete {
				position: absolute;
				left: 120px;
				top: 17px;
			}

			#activeJob.pane #activeJobTop h1 {
				margin: 8px 15px;
				float: right;
				width: 175px;
				text-align: right;
			}

		#activeJob.pane h2 {
			font-size: 18px;
			font-size-adjust: 0.43;
			color: black;
			margin-bottom: 4px;
			overflow: visible;
			padding-top: 40px;
			white-space: nowrap;
		}

			#activeJob.pane.noValue h2 {
				color: inherit;
				font-style: italic;
			}

			#activeJob.pane h2 select {
				/*
				font-family: Calibri,"Arial Narrow",Arial,sans-serif;
				font-size: 18px;
				font-size-adjust: 0.43;
				height: 19px;
				margin: -3px 0 0 -4px;
				*/
				text-transform: uppercase;
				font-weight: bold;
				width: 275px;
				padding: 0;
			}

			#activeJob.pane div.job_name {
				height: 19px;
				overflow-y: hidden;
				margin-right: 4px;
			}

			#activeJob.pane div.job_name img {
				vertical-align: middle;
				margin-left: 5px;
				cursor: pointer;
			}

			#activeJob.isWritable.pane span.job_contact,
			#activeJob.isWritable.pane span#job_title,
			#activeJob.isWritable.pane span.job_researcher,
			#activeJob.isWritable.pane #job_notes {
				cursor: pointer;
			}

			#activeJob.pane #job_number .eip_container {
				display: inline-block;
			}

				#activeJob.pane #job_number .eip_container .eip_textbox {
					font-family: Calibri,"Arial Narrow",Arial,sans-serif;
					font-size: 26px;
					/* font-size-adjust: 0.46; */
					font-size-adjust: none;
					font-weight: bold;
					height: 22px;
					margin: 0;
					padding: 0;
					text-transform: uppercase;
					width: 50px;
				}

				#activeJob.pane #job_number .eip_container .eip_editObjWrapper {
					margin:0 41px 0 5px;
				}

			#activeJob.pane #eipContainer-job_title {
				display: inline-block;
				width: 200px;
				margin-left: -5px;
			}
			/*
			#activeJob.pane #eipContainer-job_title .eip_textbox {
				font-family: Calibri,"Arial Narrow",Arial,sans-serif;
				font-size: 18px;
				font-size-adjust: 0.43;
				font-weight: bold;
				height: 19px;
				margin: 0;
				padding: 0;
				text-transform: uppercase;
			}
			*/

			#activeJob.pane #eipContainer-job_title .eip_editObjWrapper {
				margin: 0 41px 0 0;
			}

		#activeJob.pane select {
			margin-top: 2px;
			background-color: #edf3f3;
			border: none;
			font-family: Calibri, Verdana, Arial, sans-serif;
			font-size: 13px;
			font-size-adjust: 0.45;
		}

		#activeJob.pane select option:first-child { display: none; }
		#activeJob.pane #job_client { width: 233px; }
		#activeJob.pane #job_researcher { width: 200px; }

	#jobs.pane {
		background-color: #e9e7d2;
		/*position: absolute;
		top: 233px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 6px 6px;*/
	}

		#jobs.pane #jobFilters {
			line-height: 21px;
			vertical-align: top;
			padding-top: 1px;
		}

			#jobs.pane #jobFilters input,
			#jobs.pane #jobFilters select,
			#jobs.pane #jobFilters img {
				margin-top: 3px;
			}

			#jobs.pane #jobFilters button { line-height: normal; }

			#jobs.pane #jobFilters img { cursor: pointer; }

			#jobs.pane #jobFilters label.radio {
				margin-right: 10px;
			}

			#jobs.pane #jobFilters #jobFilter_client { width: 180px; }

			#jobs.pane #jobFilters #jobFilter_yearStart,
			#jobs.pane #jobFilters #jobFilter_yearEnd {
				width: 65px;
				margin-left: 4px;
			}


			#jobs.pane #jobFilters #jobFilter_yearStart { 
				margin-left: 3.5em; 
				margin-bottom: 0.75em; 
			}

			#jobs.pane #jobFilters #jobFilter_yearStartPicker,
			#jobs.pane #jobFilters #jobFilter_yearEndPicker {
				margin-right: 4px;
			}

			#jobs.pane #jobFilters #jobFilter_txtSearch {
				width: 70px;
				margin-right: 10px;
			}

		#jobs.pane #jobList {
			position: absolute;
			top: 127px;
			left: 0;
			right: 0;
			bottom: 0;
		}

			#jobs.pane #jobList col.jobNum { width: 60px; }
			#jobs.pane #jobList col.jobName { width: auto; }

			#jobs.pane #jobList table tr:nth-child(2n) { background-color: #f0f5f5; }
			#jobs.pane #jobList table tr.selected { background-color: #dad985; }

				#jobs.pane #jobList table td .jobNum {
					font-weight: bold;
					text-transform: uppercase;
					white-space: nowrap;
				}

				#jobs.pane #jobList table td .binTotal {
					white-space: nowrap;
				}

				#jobs.pane #jobList table td .jobName {
					text-transform: uppercase;
				}

				#jobs.pane #jobList table td .clientName {
					font-weight: bold;
				}


	#mainArea .splitV:first-child { height: auto; bottom: 472px; }
	#mainArea .splitV:first-child + .splitV { height: 472px; }

	#mainArea .splitH:first-child { width: 32%; }
	#mainArea .splitH:first-child + .splitH { width: 68%; }


	#clipBins.pane {
		background-color: #f7f7f7;
	}

		#clipBins.pane .delete {
			position: absolute;
			top: 3px;
			right: 24px;
		}

		#clipBins.pane .utils {
			position: absolute;
			top: 3px;
			left: 105px;
			right: 45px;
			text-align: center;
		}

			#clipBins.pane .utils img {
				cursor: pointer;
				margin-right: 3px;
				vertical-align: top;
			}

			#clipBins.pane .utils input {
				margin: 0;
			}

		#clipBins.pane #binList {
			position: absolute;
			top: 19px;
			left: 0;
			right: 0;
			bottom: 0;
		}

			#clipBins.pane #binList table tr:nth-child(2n) { background-color: #f0f5f5; }
			#clipBins.pane #binList table tr.selected { background-color: #e6e6e6; }

			#clipBins.pane #binList table tr.userTemp td,
			#clipBins.pane #binList table tr.jobTemp td {
				border-width: 1px 0;
				border-style: dashed;
			}

				#clipBins.pane #binList table tr.userTemp td:first-child,
				#clipBins.pane #binList table tr.jobTemp td:first-child { border-left-width: 1px; }
				#clipBins.pane #binList table tr.userTemp td:last-child,
				#clipBins.pane #binList table tr.jobTemp td:last-child { border-right-width: 1px; }

				#clipBins.pane #binList table tr.userTemp td {
					color: red;
					border-color: red;
				}

				#clipBins.pane #binList table tr.jobTemp {
					color: blue;
					border-color: blue;
				}

			#clipBins.pane #binList table td .binName {
				font-weight: bold;
				text-transform: uppercase;
			}

	#binContents.pane {
		background-color: #e6e6e6;
	}

		#clientClips.cp_collapsed { height: 33px !important; }

		#binContents.pane .utils {
			float: right;
			height: 27px;
			margin-bottom: 1px;
		}

			#binContents.pane .minMax + .utils { margin-right: 32px !important; }

			#binContents.pane .utils img {
				margin: 3px 3px 0;
				cursor: pointer;
			}

			#binContents.pane .utils #deleteBin { padding: 4px; }

		#binContents.pane h2 {
			font-size: 18px;
			font-size-adjust: 0.43;
			margin: 1px 0 8px 5px;
			line-height: 24px;
			color: black;
		}

			#binContents.pane h2 img {
				vertical-align: bottom;
				margin: 0 3px;
			}

			#binContents .title .eip_container {
				margin: 3px 210px 3px 0;
				position: relative;
			}

				#binContents.pane .title input {
					font-family: Calibri, "Arial Narrow", Arial, sans-serif;
					font-weight: bold;
					font-size: 18px;
					font-size-adjust: 0.43;
					height: 19px;
					padding: 0;
					margin: 0;
					text-transform: uppercase;
				}

		#binContents.pane > p {
			position: relative;
			margin: 0 5px;
			font-size: 12px;
			font-size-adjust: 0.48;
			height: 28px;
			overflow-y: scroll;
			overflow-x: hidden;
			display: block;
			width: auto;
			clear: right;
		}

		#binContents.pane .eip_editObjWrapper {
			margin: 0 41px 0 3px;
		}

			#binContents.pane textarea {
				font-family: Calibri, Verdana, Arial, sans-serif;
				font-size: 12px;
				font-size-adjust: 0.48;
				padding: 0;
				margin: -1px 0 0 0;
				height: 29px;
			}

		#binContents.pane .listTable {
			position: absolute;
			top: 60px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: 0;
		}

			#binContents.pane .listTable .listBox {	background-color: #f3f3f3; }

			#binContents.pane .listTable .listBox,
			#binContents.pane .listTable .listFooter {
				border-left: none;
				border-right: none;
			}

			#binContents.pane .listTable .listBox li {
				padding-right: 160px;
				overflow: auto; /* for float clearing (div.clipInfo) */
			}

			#binContents.pane .listTable .listBox li:nth-child(2n-1) { background-color: #f7f7f7; }
			#binContents.pane .listTable .listBox li:nth-child(2n) { background-color: #eee; }
			#binContents.pane .listTable .listBox li:hover { background-color: #e6e6e6 !important; }
			/* #binContents.pane .listTable .listBox li.selected { background-color: #dbe7e7; } */
			#binContents.pane .listTable .listBox li.selected { background-color: #cbe596 !important; }

			#binContents.pane .listTable .listBox li .includeLog { /* DELETE THIS ONCE THE CHECKBOX IS GONE */
				margin-top: -6px;
				position: absolute;
				right: 24px;
				top: 50%;
			}

			#binContents.pane .listTable .listBox li a.clipTrimmed,
			#binContents.pane .listTable .listBox li a.outputClip,
			#binContents.pane .listTable .listBox li a.includeLog,
			#binContents.pane .listTable .listBox li a.sound,
			#binContents.pane .listTable .listBox li a.outputPadding,
			#binContents.pane .listTable .listBox li a.youtubeClip,
			#binContents.pane .listTable .listBox li a.facebook {
				position: absolute;
				top: 50%;
				margin-top: -8px;
				width: 16px;
				height: 16px;
				cursor: pointer;
				display: block;
			}

			#binContents li a.youtubeClip {
				background: url("icons/buttonYouTube.4a8eb091.png") no-repeat left top;
				right: 124px;
			}

			#binContents li a.facebook {
				background: url("icons/buttonFacebook.50749d07.png") no-repeat left top;
				right: 104px;
			}

			#binContents li a.clipTrimmed {
				background: url("icons/information.872047c0.png") no-repeat left top;
				right: 144px;
			}

			#binContents.pane .listTable .listBox li a.outputClip {
				background: url("icons/film_go.6b254e2e.png") no-repeat left top;
				right: 84px;
			}

			#binContents.pane .listTable .listBox li a.includeLog {
				right: 64px;
				background: url("icons/logged.569bb371.png") no-repeat left top;
			}

				#binContents.pane .listTable .listBox li a.includeLog.off { background-image: url("icons/log_off.748074db.png"); }

			#binContents.pane .listTable .listBox li a.outputPadding {
				right: 44px;
				background: url("icons/videoHandles_on.51bd95a3.png") no-repeat left top;
			}

				#binContents.pane .listTable .listBox li a.outputPadding.off { background-image: url("icons/videoHandles_off.cc169de7.png"); }

			#binContents.pane .listTable .listBox li a.sound {
				right: 24px;
				background: url("icons/sound.3b7d8a0d.png") no-repeat left top;
			}

				#binContents.pane .listTable .listBox li a.sound.off { background-image: url("icons/sound_mute.3fa2e0f1.png"); }

			#binContents.pane .listTable .listBox li a.delete {
				position: absolute;
				right: 4px;
				top: 50%;
				margin-top: -8px;
			}

			#binContents.pane .listTable .listBox div.clipInfo {
				width: 200px;
				margin-right: 20px;
				float: left;
			}

			#binContents.pane .listTable .listBox div.clipNote {
				padding-left: 220px;
			}

				#binContents.pane .listTable .listBox .specialNote,
				#clipBin.pane .listBox .specialNote {
					font-style: italic;
					color: #818181;
					padding-left: 16px;
					background: url('icons/bullet_arrow_right.a6a45192.png') transparent no-repeat left -1px;
					min-height: 11px;
					position: relative;
				}

					#binContents.pane .listTable .listBox .specialNote.select,
					#clipBin.pane .listBox .specialNote.select { display: block; }

					#binContents.pane .listTable .listBox .specialNote select,
					#clipBin.pane .listBox .specialNote select {
						overflow: hidden;
						font-family: Calibri, Verdana, Arial, sans-serif;
						font-size: 12px;
						font-style: italic;
						font-size-adjust: 0.48;
						padding: 0;
					}

					#binContents.pane .listTable .listBox .specialNote select {
						/* width: 220px; */
						max-width: 100%;
					}

					#clipBin.pane .listBox .specialNote select {
						width:100%;
					}




			#binContents.pane .listFooter .binDates {
				float: right;
				height: 20px;
				color: #888;
				margin-left: 10px;
			}

	#createBinDialog #txtBinName { width: 250px; }


	.clip.pane {
		background-color: #d6d6d6;
	}

		.ui-widget #clip { font-size: 13px; }

		#templateLibrary.pane div.clipTitleBar,
		.clip.pane div.clipTitleBar,
		.tapeDetails.pane div.clipTitleBar,
		#editOrderDetails.pane div.clipTitleBar,
		.ui-dialog-titlebar div.clipTitleBar,
		div.cmsTitleBar {
			background-color: #dae6e6;
			position: relative;
			border-bottom: 1px solid #919191;
			color: black;
			text-transform: uppercase;
			padding: 0 5px;
			vertical-align: bottom;
			font-family: Calibri, "Arial Narrow", Arial, sans-serif;
			font-weight: bold;
			font-size-adjust: 0.43;
			font-size: 18px;
			height: 33px;
			line-height: 33px;
			overflow: hidden;
		}

		div.clipTitleBar span.linebreaks {
			font-size: 12px;
			font-weight: normal;
			vertical-align: top;
		}

			div.clipTitleBar span.linebreaks * { vertical-align: baseline !important; }

		div.clipTitleBar span.linebreaks.hidden {
			display:none;
		}

			.ui-dialog-titlebar div.clipTitleBar {
				border-bottom: none;
				padding: 0;
			}

			#templateLibrary.pane div.clipTitleBar .resolution.hd,
			.clip.pane div.clipTitleBar .resolution.hd,
			.tapeDetails.pane div.clipTitleBar .resolution.hd,
			#editOrderDetails.pane div.clipTitleBar .resolution.hd,
			div.cmsTitleBar .resolution.hd {
				padding: 0 3px;
				margin-right: 2px;
			}

			.clip.pane div.clipTitleBar h1,
			.tapeDetails.pane div.clipTitleBar h1,
			#editOrderDetails.pane div.clipTitleBar h1,
			.ui-dialog-titlebar div.clipTitleBar h1{
				margin: 0;
				display: inline;
			}

			.clip.pane div.clipTitleBar a.addToBin {
				display: inline-block;
				width: 28px;
				height: 28px;
				background: url("addToBinButton.483de0d9.png") left top no-repeat;
				cursor: pointer;
				margin: 2px 1px 2px -2px;
				vertical-align: top;
			}

				.clip.pane div.clipTitleBar a.addToBin:hover { background-position: -28px top; }

			.clip.pane div.clipTitleBar img.copyFields,
			.clip.pane div.clipTitleBar img.ingest {
				display: inline-block;
				width: 24px;
				height: 24px;
				padding: 2px;
				cursor: pointer;
				margin: 2px 1px 2px -2px;
				vertical-align: top;
			}

			.clip.pane div.clipTitleBar .center {
				margin-right: 50px;
				display: inline-block;
				margin-right: 50px;
				min-width: 1px;
			}
			#templateLibrary.pane .utils,
			.clip.pane div.clipTitleBar .utils,
			.tapeDetails.pane div.clipTitleBar .utils,
			#editOrderDetails.pane div.clipTitleBar .utils {
				float: right;
				height: 24px;
				padding: 4px 0 5px;
				margin-right: 20px;
			}

				#editOrderDetails.pane div.clipTitleBar .utils {
					margin-right: 0px;
				}

				.clip.pane div.clipTitleBar .utils img,
				.tapeDetails.pane div.clipTitleBar .utils img,
				#editOrderDetails.pane div.clipTitleBar .utils img {
					margin: 0 2px;
					cursor: pointer;
				}


		.toggleLogTC {
			text-transform: none;
			font-weight: normal;
			font-size: 14px;
			vertical-align: top;
			margin-right: 1em;
			display: inline-block;
			line-height: 24px;
		}

			.toggleLogTC .warning {
				font-weight: bold;
				text-transform: uppercase;
				cursor: pointer;
			}

			.toggleLogTC .warning img {
				vertical-align: middle;
			}

			.toggleLogTC label {
				margin-left: 0.25em;
			}

				.toggleLogTC input {
					vertical-align: middle;
				}


		.clip.pane div.tab {
			width: 480px;
			text-align: center;
			position: absolute;
			left: 0;
			padding: 0 5px;
			/* visibility: hidden; */ /* huh? */
			height: 16px;
			font-weight: bold;
			text-transform: uppercase;
			cursor: pointer;
			z-index: 2;
		}

			/* OLD - from previous up/down design

			.clip.pane div.tab:hover {
				text-decoration: underline;
			}

			.clip.pane div.tab img {
				vertical-align: middle;
				margin: 0 5px;
			}

			.clip.pane.details div.tab.details { visibility: visible; bottom: 0; }
			.clip.pane.video div.tab.video { visibility: visible; top: 34px; }
			.clip.pane.thumbgrid div.tab.thumbgrid { visibility: visible; bottom: 0; }

			*/

			.clip.pane div.tab a {
				margin: 0 10px;
				display: inline-block;
				height: 16px;
				padding: 0 10px;
				cursor: pointer;
			}

				.clip.pane div.tab a:hover {
					text-decoration: underline;
				}

				.clip.pane div.tab a.selected {
					background-color: #eee;
				}

		.clip.pane div.videoPlayer {
			position: absolute;
			/* width: 490px; */
			width: 480px;
			top: 47px;
			visibility: hidden;
		}
			.clip.pane.video div.videoPlayer { visibility: visible; }

		.clip.pane div.thumbStrip {
			position: absolute;
			/* top: 50px; */
			bottom: 0;
			width: 485px;
			height: 48px;
			left: 0;
			padding: 5px 0 5px 6px;
			overflow: hidden;
			visibility: hidden;
			cursor: pointer;
		}

			.clip.pane.aspect5625 div.thumbStrip { height: 36px; }
			.clip.pane.aspect6864 div.thumbStrip { height: 44px; }
			.clip.pane.aspect6666 div.thumbStrip { height: 43px; }
			.clip.pane.aspect7272 div.thumbStrip { height: 47px; }

			.clip.pane.details div.thumbStrip { visibility: visible; }

			.clip.pane div.thumbStrip img {
				display: inline-block;
				margin: 0 0 0 5px;
				width: 64px !important;
				height: auto !important;
			}
			.clip.pane div.thumbStrip img:first-child { margin-left: 0; }

			.clip.pane div.thumbStrip img:hover {
				margin: -2px -2px -2px 3px;
				border: 1px solid black;
				padding: 1px;
				background-color: white;
			}
			.clip.pane div.thumbStrip img:first-child:hover  { margin-left: -2px; }

		.clip.pane div.clipDetails {
			background-color: #e8e5de;
			overflow-x: hidden;
			overflow-y: scroll;
			position: absolute;
			top: 50px;
			width: 466px;
			bottom: 5px;
			left: 5px;
			border: 2px inset #999;
			padding: 5px;
			font-size: 14px;
			/* font-size-adjust: 0.49; */
			line-height: 20px;
			visibility: hidden;
		}

			.clip.pane.details div.clipDetails { visibility: visible; }

			/* .clip.pane div.thumbStrip + div.clipDetails { top: 96px; } */
			.clip.pane div.thumbStrip + div.clipDetails { bottom: 58px; }
				.clip.pane.aspect5625 div.thumbStrip + div.clipDetails { bottom: 46px; }
				.clip.pane.aspect6864 div.thumbStrip + div.clipDetails { bottom: 54px; }
				.clip.pane.aspect6666 div.thumbStrip + div.clipDetails { bottom: 53px; }
				.clip.pane.aspect7272 div.thumbStrip + div.clipDetails { bottom: 57px; }

			.clip.pane div.tab + div.clipDetails { top: 39px; }

			.ingestTab .clip.pane div.tab + div.clipDetails { top: 50px; }

			.ingestTab .clip.pane .original {
				display:  none;
			}

			.ingestTab .clip.pane.original .original {
				display: initial;
			}

			.ingestTab .clip.pane.original .new {
				display:  none;
			}

			.clip.pane div.clipDetails a.edit {
				display: block;
				float: right;
				margin: 0 0 5px 5px;
				width: 32px;
				height: 32px;
				background: url('icons/page_white_edit.55f52e06.png') no-repeat;
				cursor: pointer;
			}

			.clip.pane div.clipDetails h3 {
				margin: 0 0 0 20px;
				padding: 0;
			}

				.clip.pane div.clipDetails h3:first-child,
				.clip.pane div.clipDetails a + h3,
				.clip.pane div.clipDetails br + h3,
				.clip.pane div.clipDetails div.deleted + h3,
				.clip.pane div.clipDetails span.movedOffline + h3 { margin-left: 0; }
				.clip.pane div.clipDetails span.missingMedia + h3 { margin-left: 0; }

			.clip.pane div.clipDetails img {
				vertical-align: middle;
				margin-top: -2px;
			}

			.clip.pane div.clipDetails .newTc { color: #c00; }

			.clip.pane div.clipDetails p {
				margin: 0;
				line-height: normal;
			}

			.clip.pane div.clipDetails .movedOffline {
				display: block;
				background-color: rgba(142, 123, 15, 0.2);
				padding: 0 5px;
				margin-bottom: 1em;
				color: black;
				font-style: normal;
			}

			.clip.pane div.clipDetails .missingMedia,
			.clip.pane div.clipDetails .tapeIdMismatch {
				display: block;
				background-color: rgba(255, 0, 0, 0.125);
				padding: 0 5px;
				margin-bottom: 1em;
				color: #c00;
				font-style: italic;
			}

			.clip.pane div.clipDetails .removed,
			.clip.pane div.clipDetails .deleted {
				display: block;
				background-color: rgba(142, 15, 15, 0.2);
				padding: 0 5px;
				margin-bottom: 1em;
				color: black;
				font-style: normal;
			}

			.clip.pane div.clipDetails .deleted {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

				.clip.pane div.clipDetails .deleted button {
					margin: 0.25em;
				}

			.clip.pane div.clipDetails .oldTermsValue::after {
				content: ' <- needs updating!';
				font-style: italic;
				color: red;
			}

			.clip.pane div.clipDetails .images {
				display: flex;
				flex-wrap: wrap;
			}	

			.clip.pane div.clipDetails .images .thumbnail { padding: 5px; }

			.clip.pane div.clipDetails .images .thumbnail img {
				max-width: 120px;
				max-height: 120px;
				margin: 0;
			}


		.clip.pane div.thumbGrid {
			position: absolute;
			top: 50px;
			width: 471px;
			bottom: 5px;
			left: 5px;
			border: 2px inset #999;
			padding: 5px 0 0 5px;
			overflow-x: hidden;
			overflow-y: scroll;
			visibility: hidden;
			background-color: #e8e5de;
			text-align: center;
		}

			.clip.pane.cp_collapsed div.thumbGrid { display: none; }

			.clip.pane.thumbgrid div.thumbGrid { visibility: visible; }

			.clip.pane div.thumbGrid img {
				display: inline-block;
				/* margin: 0 3px 3px 0;
				width: 48px;
				height: 36px; */
				margin: 0 5px 3px 0;
				width: 64px !important;
				height: auto !important;
				cursor: pointer;
			}

				.clip.pane div.thumbGrid img:hover {
					margin: -2px 3px 1px -2px;
					border: 1px solid black;
					padding: 1px;
					background-color: white;
				}

		.clip.pane div.textLog {
			position: absolute;
			top: 34px;
			bottom: 0;
			left: 490px;
			right: 0;
			overflow-x: hidden;
			overflow-y: scroll;
			border-left: 1px solid #919191;
			background: url('textLogShadow.cfa9ff63.png') white repeat-y left top;
		}

			.clip.pane div.textLog > .noValue {
				text-align: center;
				margin-top: 5px;
				display: block;
			}

			.clip.pane div.textLog table.textLog tr:hover td:first-child,
			.clip.pane div.textLog table.textLog tr.even td:first-child,
			.clip.pane div.textLog table.textLog tr.subSelect td:first-child {
				background-image: url('textLogShadow.cfa9ff63.png');
				background-repeat: repeat-y;
				background-position: left top;
			}

	#requests.pane {
		background-color: #e6e6e6;
		/*
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 550px;
		*/

	}

		#requests.pane.cp_expanded { min-height: 205px; }

		#requests.pane h2 .notice { color: #c00; }

		#requests.pane #requestFilters {
			line-height: 21px;
			vertical-align: top;
			padding-top: 1px;
		}

			#requests.pane #requestFilters input,
			#requests.pane #requestFilters select,
			#requests.pane #requestFilters img {
				margin-top: 3px;
			}

			#requests.pane #requestFilters button { line-height: normal; }

			#requests.pane #requestFilters img { cursor: pointer; }

			#requests.pane #requestFilters label.radio {
				margin-right: 10px;
			}

			#requests.pane #requestFilters #requestFilter_request { width: 180px; }

			#requests.pane #requestFilters #requestFilter_yearStart,
			#requests.pane #requestFilters #requestFilter_yearEnd {
				width: 65px;
				margin-left: 4px;
			}

			#requests.pane #requestFilters #requestFilter_yearStartPicker,
			#requests.pane #requestFilters #requestFilter_yearEndPicker {
				margin-right: 4px;
			}

			#requests.pane #requestFilters #requestFilter_txtSearch {
				width: 70px;
				margin-right: 10px;
			}

		#requests.pane #requestList {
			position: absolute;
			top: 118px;
			left: 0;
			right: 0;
			bottom: 0;
		}

			#requests.pane #requestList col.status { width: 60px; }
			#requests.pane #requestList col.clientName { width: auto; }

			#requests.pane #requestList table tr:nth-child(2n) { background-color: #f0f5f5; }
			#requests.pane #requestList table tr.selected { background-color: #dad985; }
			#requests.pane #requestList table tr.alert { color: #c00; }

			/* #requests.pane #requestList table { border-collapse: collapse; } */ /* causes erroneous borders in Firefox when borders are toggled on and off */
			#requests.pane #requestList table tr.unread td {
				border-width: 2px 0;
				border-style: dashed;
				border-color: red;
			}
			#requests.pane #requestList table tr.unread td:first-child { border-left-width: 2px; }
			#requests.pane #requestList table tr.unread td:last-child { border-right-width: 2px; }

			#requests.pane #requestList table tr.ignore {
				font-style: italic;
				color: #818181;
			}

				#requests.pane #requestList table td .status {
					font-weight: bold;
					text-transform: uppercase;
					white-space: nowrap;
				}

				#requests.pane #requestList table td .binTotal {
					white-space: nowrap;
				}

				#requests.pane #requestList table td .companyName,
				#requests.pane #requestList table td .clientName,
				#requests.pane #requestList table td .subject {
					/* to prevent table breakage on long, unwrappable strings */
					/* width: 107px; */
					width: 187px;
					overflow: hidden;
				}

				#requests.pane #requestList table td .companyName {
					text-transform: uppercase;
				}

				#requests.pane #requestList table td .clientName {
					font-weight: bold;
				}

				#requests.pane #requestList table td .subject {
					font-style: italic;
				}

			#requests.pane #requestList table tr.mine td:first-child::after {
				content: '';
				display: block;
				width: 16px;
				height: 16px;
				background-image: url('icons/star.25c2d343.png');
				background-position: center;
				background-repeat: no-repeat;
				background-color: #505050;
				margin: 4px;
				border-radius: 50%;
				padding: 2px;
			}	
			#requests.pane #requestList table tr.mine.alert td:first-child::after {	
				background-color: #c00;				
			}

	.clients.pane {
		background-color: #e9e7d2;
		/*
		position: absolute;
		top: 562px;
		left: 0;
		right: 0;
		bottom: 0;
		*/
	}

		.clients.pane.cp_expanded { min-height: 163px; }

		.clients.pane h2 .notice { color: #c00; }

		.clients.pane .newClient {  right: 25px; }

		.clients.pane .clientFilters {
			line-height: 21px;
			vertical-align: top;
			padding-top: 1px;
		}

			.clients.pane .clientFilters input,
			.clients.pane .clientFilters select,
			.clients.pane .clientFilters img {
				margin-top: 3px;
			}

			.clients.pane .clientFilters button { line-height: normal; }

			.clients.pane .clientFilters img { cursor: pointer; }

			.clients.pane .clientFilters label.radio {
				margin-right: 10px;
			}

			.clients.pane .clientFilters .clientFilter_client { width: 180px; }

			.clients.pane .clientFilters .clientFilter_yearStart,
			.clients.pane .clientFilters .clientFilter_yearEnd {
				width: 65px;
				margin-left: 4px;
			}

			.clients.pane .clientFilters .clientFilter_yearStartPicker,
			.clients.pane .clientFilters .clientFilter_yearEndPicker {
				margin-right: 4px;
			}

			.clients.pane .clientFilters .clientFilter_txtSearch {
				width: 70px;
				margin-right: 10px;
			}

		.clients.pane .clientList {
			position: absolute;
			top: 76px;
			left: 0;
			right: 0;
			bottom: 0;
		}

			.clients.pane .clientList col.clientName { width: 86px; }
			.clients.pane .clientList col.clientName { width: 126px; }
			.clients.pane .clientList col.companyName { width: auto; }
			.clients.pane .clientList col.numJobs { width: 32px; }

			.clients.pane .clientList table tr:nth-child(2n) { background-color: #f0f5f5; }
			.clients.pane .clientList table tr.selected { background-color: #dad985; }

				.clients.pane .clientList table td .companyName { text-transform: uppercase; }
				.clients.pane .clientList table td .companyName .missingField { text-transform: none; }

				.clients.pane .clientList table td .clientName {
					font-weight: bold;
				}



	#clientTopV.cp_expanded { min-height: 105px; }

	#clientDetails.pane {
		background-color: #d6d6d6;
		padding-top: 1px;
	}

		#clientDetails.pane div.clientDetails {
			background-color: #e8e5de;
			overflow-x: hidden;
			overflow-y: scroll;
			position: absolute;
			top: 19px;
			left: 0;
			right: 0;
			/* bottom: 45px; */
			bottom: 65px;
			margin: 4px 8px 0;
			border: 1px inset #999;
			padding: 5px;
			font-size: 14px;
			/* font-size-adjust: 0.49; */
			line-height: 20px;
		}

			#clientDetails.pane div.clientDetails h3 {
				margin: 0 0 0 20px;
				padding: 0;
			}

				#clientDetails.pane div.clientDetails h3:first-child,
				#clientDetails.pane div.clientDetails a + h3,
				#clientDetails.pane div.clientDetails div.inactiveAccount + h3,
				#clientDetails.pane div.clientDetails div.lockOutStatus + h3,
				#clientDetails.pane div.clientDetails span.contactClients + h3,
				#clientDetails.pane div.clientDetails br + h3 { margin-left: 0; }

			#clientDetails.pane div.clientDetails div.inactiveAccount,
			#clientDetails.pane div.clientDetails div.lockOutStatus {
				font-style: italic;
				color: #818181;
				text-align: right;
			}

			#clientDetails.pane div.clientDetails div.lockOutStatus {
				color: red;
			}

				#clientDetails.pane div.clientDetails div.inactiveAccount button,
				#clientDetails.pane div.clientDetails div.lockOutStatus button { margin-left: 15px; }

			#clientDetails.pane div.clientDetails p {
				margin: 0 0 0 10px;
				line-height: normal;
			}

				#clientDetails.pane div.clientDetails p.note {
					font-style: italic;
				}

			#clientDetails.pane div.clientDetails #eipContainer-companyName {
				display: inline-block;
				width: 95%;
				/* IE7: */
				zoom:1;
				*display: inline;
			}

			#clientDetails.pane div.clientDetails div.projectInfo { margin: 0 0 0 10px; }

		#clientDetails.pane #proStatus {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			/* height: 21px; */
			height: 42px;
			margin: 8px;
			line-height: 21px;
		}

			#clientDetails.pane #proStatus label { display: inline-block; }

			#clientDetails.pane #proStatus .canPurchaseMore { margin-top: 3px; }

			#clientDetails.pane #proStatus #editProStatus { float: right; }


	#newClientDialog table td:first-child { text-align: right; }
	#newClientDialog table td.heading {
		text-align: center;
		padding-top: 10px;
	}
	#newClientDialog table td:first-child table td { text-align: left; }
	#newClientDialog table td:first-child table td:first-child { text-align: right; }
	#newClientDialog table tr.required td:first-child { font-weight: bold; }

	#newClientDialog table td.errorMessage {
		padding-top: 10px;
		text-align: center;
		color: red;
	}

	#newClientDialog table input[type=text] {
		margin: 0;
		width: 200px;
	}

	#newClientDialog table input#extension { width: 50px; }


	#clientMaterials.pane {
		background-color: #f7f7f7;
		background-color: #e6e6e6;
		padding-top: 2px;
		line-height: 19px;
	}

		#clientMaterials.pane .content > h2 {
			display: inline;
			color: #818181;
			margin-left: 0;
		}

			#clientMaterials.pane .content > h2:hover,
			#clientMaterials.pane .content > h2.active { color: #404040; }

			#clientMaterials.pane .content > h2 label { cursor: pointer; }
			#clientMaterials.pane .content > h2.active label { cursor: default; }

		#clientMaterials.pane .content > input {
			margin: 2px 3px 0 8px;
		}

		#clientMaterials.pane .listTable {
			position: absolute;
			top: 19px;
			left: 0;
			right: 0;
			bottom: 0;
		}

			#clientMaterials.pane .listTable table tr:nth-child(2n) { background-color: #f0f5f5; }
			/* #clientMaterials.pane .listTable table tr.selected { background-color: #e6e6e6; } */
			#clientMaterials.pane .listTable table tr.selected { background-color: #cbe596; }
			#clientMaterials.pane .listTable table tr.alert { color: #c00; }

			#clientMaterials.pane .listTable col.status { width: 60px; }
			#clientMaterials.pane .listTable col.clientName { width: auto; }
			#clientMaterials.pane .listTable col.orderNum { width: auto; }
			#clientMaterials.pane .listTable col.orderStatus { width: 24px; }
			#clientMaterials.pane .listTable col.jobNum { width: 60px; }
			#clientMaterials.pane .listTable col.date { width: 78px; }

				#clientMaterials.pane .listTable td.status {
					background-position: 4px 4px;
					background-repeat: no-repeat;
					width: 16px;
				}

					#clientMaterials.pane .listTable tr.new td.status { background-image: url('icons/pencil.b219c63f.png'); }
					#clientMaterials.pane .listTable tr.sent td.status { background-image: url('icons/paper_airplane.png'); }
					#clientMaterials.pane .listTable tr.sent td.status { background-image: url('icons/email.b6af2951.png'); }
					#clientMaterials.pane .listTable tr.paid td.status { background-image: url('icons/accept.6446e207.png'); }
					#clientMaterials.pane .listTable tr.delivered td.status { background-image: url('icons/delivered.37620a5a.png'); }
					#clientMaterials.pane .listTable tr.closed td.status { background-image: url('icons/closed.7ea7dad4.png'); }
					#clientMaterials.pane .listTable tr.cancelled td.status { background-image: url('icons/cancel-gray.e9457f92.png'); }

					#clientMaterials.pane .listTable tr.new td,
					#clientMaterials.pane .listTable tr.paid td {
						font-weight: bold;
					}

					#clientMaterials.pane .listTable tr.paid td {
						color: #c00;
					}

					#clientMaterials.pane .listTable tr.cancelled td {
						cursor: default;
						font-style: italic;
						color: #818181;
						text-decoration: line-through;
					}

			#clientMaterials.pane .listTable table td .binName {
				font-weight: bold;
				text-transform: uppercase;
			}

			#clientMaterials.pane .listTable table td .status {
				font-weight: bold;
				text-transform: uppercase;
				white-space: nowrap;
			}

			#clientMaterials.pane .listTable table td .companyName {
				text-transform: uppercase;
			}

			#clientMaterials.pane .listTable table td .clientName {
				font-weight: bold;
			}

			#clientMaterials.pane .listTable table td .subject {
				font-style: italic;
			}



			#clientMaterials.pane .listTable table tr.mine td .subject::before {
				content: '';
				display: inline-block;
				width: 16px;
				height: 16px;
				background-image: url('icons/star.25c2d343.png');
				background-position: center;
				background-repeat: no-repeat;
				background-color: #505050;
				margin-right: 5px;
				border-radius: 50%;
				padding: 2px;
				vertical-align: middle;
			}	
			#clientMaterials.pane .listTable table tr.mine.alert td .subject::before {	
				background-color: #c00;				
			}

	#requestDetails.pane {
		background-color: #d6d6d6;
		padding-top: 1px;
	}

		#requestDetails.pane .utils {
			float: right;
			height: 27px;
			margin-bottom: 1px;
		}

			#requestDetails.pane .utils img {
				margin: 3px 3px 0;
				cursor: pointer;
				vertical-align: middle;
			}

		#requestDetails.pane h2 {
			margin: 1px 0 2px 5px;
			color: black;
		}
			#requestDetails.pane h2 a {
				text-decoration: underline;
				cursor: pointer;
			}

		#requestDetails.pane .content > p {
			/* position: relative; */
			margin: 0 5px;
			font-size: 12px;
			font-size-adjust: 0.48;
			display: block;
			width: auto;
		}

		#requestDetails.pane .listTable {
			position: absolute;
			top: 40px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: 0;
		}

			#requestDetails.pane .listFooter {
				border-left: none;
				border-right: none;
			}

				#requestDetails.pane .listFooter .listDate,
				#requestDetails.pane .listFooter .binDates {
					float: right;
					height: 20px;
					margin-left: 10px;
				}

				#requestDetails.pane .listFooter .binDates {
					color: #888;
				}

		#requestDetails.pane.prominutes .standardContent {
			display: none;
		}

		#requestDetails.pane.prominutes .prominutesContent {
			display: block;
		}

		#requestDetails.pane.standard .standardContent {
			display: block;
		}

		#requestDetails.pane.standard .prominutesContent {
			display: none;
		}


		#requestDetails.pane .utils {
			height: 27px;
			margin: 4px;

			/* these two, so that .pendingAgreements's ::before element can have a negative z-index */
			position: relative;
			z-index: 1;
		}

			#requestDetails.pane .utils .pendingAgreements {
				vertical-align: top;
				color: white;
				margin: 0 4px;
				position: relative;
				display: inline-block;
				margin-right: 7em;

				background-color: #c00;
				border-radius: 50%;
				padding: 0 4px;
				line-height: 1.25em;
			}

				#requestDetails.pane .utils .pendingAgreements::before {
					content: '';
					width: 24px;
					height: 24px;
					position: absolute;
					left: 6px;
					top: 4px;
					background-image: url('icons/script_stamp.65f64416.png');
					background-repeat: no-repeat;
					background-size: 24px 24px;
					z-index: -1;
				}

		#requestDetails.pane div.requestDetails {
			background-color: #e8e5de;
			background-color: #eee;
			overflow-x: hidden;
			overflow-y: scroll;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			/* margin: 4px 8px 8px; */
			/* border: 1px inset #999; */
			border-left: none;
			border-right: none;
			border-top: 1px inset #999;
			border-bottom: 1px inset #999;
			padding: 5px;
			font-size: 14px;
			/* font-size-adjust: 0.49; */
			line-height: 20px;
		}

			#requestDetails.pane div.requestDetails .agreements { margin: 0 20px 5px 20px; }

			#requestDetails.pane div.requestDetails .agreements .agreement { 
				padding: 4px; 
				margin: 2px 0;
				line-height: 16px;
			}
			#requestDetails.pane div.requestDetails .agreements .agreement::after {
				content: '';
				display: table;
				clear: both;
			}

			#editOrderDetails #agreementList { 
				list-style-type: none; 
				padding: 0;
			}
			#editOrderDetails #agreementList li { padding-left: 1em; }
			#editOrderDetails #agreementList li a.agreementLink { 
				color: black; 
				text-decoration: none; 
				font-style: italic;
			}

			#requestDetails.pane div.requestDetails .agreements .agreement:hover,
			#editOrderDetails #agreementList li:hover { background-color: rgba(255,255,255,0.8) !important; }

			#requestDetails.pane div.requestDetails .agreements .agreement:nth-child(even),
			#editOrderDetails #agreementList li:nth-child(even) { background-color: rgba(0,0,0,0.05); }

			#requestDetails.pane div.requestDetails .agreements .agreement.pending .agreementLink { color: #c00; cursor: pointer; }
			#requestDetails.pane div.requestDetails .agreements .agreement.agreed .agreementLink { color: #008000; }

			#requestDetails.pane div.requestDetails .agreements .agreement.isFile .agreementLink.hasFile::after,
			.agreementHistoryDialog li a.downloadLink::after,
			#editOrderDetails #agreementList li a.agreementLink.hasFile::after { 
				content: '';
				width: 16px;
				height: 16px;
				background-image: url('icons/file_extension_doc.3d2a75c7.png');
				display: inline-block;
				vertical-align: middle;
				margin-left: 3px;
			}

			.agreementHistoryDialog .note { 
				font-style: italic; 
				padding: 0.25em;
			}

			#requestDetails.pane div.requestDetails .addAgreement { 
				text-align: center;
				margin-bottom: 20px;
			}

			#requestDetails.pane div.requestDetails .addAgreement select { vertical-align: middle; }

			#uploadAgreement_dialog .notesContainer { margin-top: 1em; }
			#uploadAgreement_dialog .notesContainer textarea {
				width: 100%;
				box-sizing: border-box;
			}

			#requestDetails.pane div.requestDetails .agreements .agreement .agreementLink.hasFile.pdf::after,
			.agreementHistoryDialog li a.downloadLink.pdf::after,
			#editOrderDetails #agreementList li a.agreementLink.hasFile.pdf::after { background-image: url('icons/file_extension_pdf.0d1685f0.png'); }

			.agreementHistoryDialog ul { 
				padding: 0;
				margin: 0;
				list-style-type: none;
			}
			.agreementHistoryDialog li { margin: 0.5em 0 1.5em; }
			.agreementHistoryDialog li:last-child { margin-bottom: 0.5em; }
			.agreementHistoryDialog li a { text-decoration: none; }
			.agreementHistoryDialog li a:hover { text-decoration: underline; }

			#requestDetails.pane div.requestDetails .agreements .agreement a { 
				text-decoration: none;
				color: black;
			}
			#requestDetails.pane div.requestDetails .agreements .agreement a:hover { text-decoration: underline; }

			#requestDetails.pane div.requestDetails .agreements .agreement button { float: right; }
			#requestDetails.pane div.requestDetails .agreements .agreement button.agree { 
				float: none;
				margin: 0 5px;
			}

			#requestDetails.pane div.requestDetails .agreements .agreement button + button { margin: 0 5px 0 0; }

			#requestDetails.pane div.requestDetails a.showAgreement {
				text-decoration: underline;
				cursor: pointer;
			}

			#requestDetails.pane div.requestDetails h2 {
				margin: 10px auto;
				text-align: center;
			}

			#requestDetails.pane div.requestDetails h3 {
				margin: 0 0 0 20px;
				padding: 0;
				white-space: nowrap;
			}

				#requestDetails.pane div.requestDetails > h3:first-child,
				#requestDetails.pane div.requestDetails .prominutesContent > h3:first-child,
				#requestDetails.pane div.requestDetails h2 + h3,
				#requestDetails.pane div.requestDetails a + h3,
				#requestDetails.pane div.requestDetails p + h3,
				#requestDetails.pane div.requestDetails table + h3,
				#requestDetails.pane div.requestDetails br + h3,
				#requestDetails.pane div.requestDetails hr + h3 { margin-left: 0; }

			#requestDetails.pane div.requestDetails p {
				line-height: normal;
				margin: 5px 0 10px;
			}
			#requestDetails.pane div.requestDetails h3 + p { margin: 0 0 0 10px; }

				#requestDetails.pane div.requestDetails p.note {
					font-style: italic;
				}

				#requestDetails.pane div.requestDetails p.paymentInfo {
					margin: 0 0 0 10px;
					font-size: 12px;
					font-size-adjust: 0.48;
					color: #818181;
				}

			#requestDetails.pane div.requestDetails table.invoice,
			#requestDetails.pane div.requestDetails table.royalties {
				border: 1px solid #aaa;
				background-color: #e6e6e6;
				border-collapse: collapse;
				margin: 10px auto;
				width: 97%;
			}

				#requestDetails.pane div.requestDetails table.invoice th,
				#requestDetails.pane div.requestDetails table.royalties th {
					border-bottom: 1px solid black;
					background-color: #dbdbdb;
				}

				#requestDetails.pane div.requestDetails table.invoice tfoot td {
					font-weight: bold;
					text-transform: uppercase;
					border-top: 1px solid black;
					background-color: #dbdbdb;
				}
					#requestDetails.pane div.requestDetails table.invoice thead tr:hover,
					#requestDetails.pane div.requestDetails table.invoice tfoot tr:hover,
					#requestDetails.pane div.requestDetails table.royalties thead tr:hover { color: inherit; }

				#requestDetails.pane div.requestDetails table.invoice col.item { width: auto; }
				#requestDetails.pane div.requestDetails table.invoice col.quantity { width: 31px; }
				#requestDetails.pane div.requestDetails table.invoice col.rate { width: 80px; }
				#requestDetails.pane div.requestDetails table.invoice col.amount { width: 80px; }

				#requestDetails.pane div.requestDetails table.invoice th,
				#requestDetails.pane div.requestDetails table.invoice td,
				#requestDetails.pane div.requestDetails table.royalties th,
				#requestDetails.pane div.requestDetails table.royalties td {
					cursor: default !important;
					padding: 2px 3px;
					line-height: normal;
				}

				#requestDetails.pane div.requestDetails table.invoice th,
				#requestDetails.pane div.requestDetails table.invoice td { text-align: right; }

				#requestDetails.pane div.requestDetails table.invoice th:first-child,
				#requestDetails.pane div.requestDetails table.invoice td:first-child { text-align: left; }

				#requestDetails.pane div.requestDetails table.invoice th:first-child + th,
				#requestDetails.pane div.requestDetails table.invoice td:first-child + td { text-align: center; }

				#requestDetails.pane div.requestDetails table.invoice td:first-child + td + td + td { font-weight: bold; }

				#requestDetails.pane div.requestDetails table.invoice tfoot td:first-child + td + td + td { text-decoration: underline; }


				#requestDetails.pane div.requestDetails table.royalties th { vertical-align: bottom; }
				#requestDetails.pane div.requestDetails table.royalties td { text-align: center; }
				#requestDetails.pane div.requestDetails table.royalties td.royaltyInfo { text-align: left; }
				#requestDetails.pane div.requestDetails table.royalties tfoot td { text-align: center; }


	#tabPlate.clientTab #mainArea .splitV:first-child { height: 50%; bottom: auto; }
	#tabPlate.clientTab #mainArea .splitV { height: 50%; }

	#tabPlate.clientTab #mainArea .splitH:first-child { width: 33%; }
	#tabPlate.clientTab #mainArea .splitH { width: 67%; }

	#tabPlate.clientTab #binContents h2 {
		color: #404040;
		padding-top: 4px;
	}

	#tabPlate.clientTab #binContents .listTable {
		top: 34px;
	}

	#tabPlate.clientTab #binContents .utils {
		height: 24px;
		margin: 2px 4px;
	}

.editTape {
/*	bottom: 429px;
	top: 5px;
	left: 4px;
	right: 4px;
	height: auto; */
}
	.editTape h1 em {
		text-transform: none;
	}

	.editTape label { cursor: pointer; }

	.editTape .tapeFields {
		overflow-y: scroll;
		bottom: 0;
		top: 35px;
		right: 0;
		left: 0;
		position:absolute;
		background-color: #e8e5de;
		padding-bottom: 10px;
	}

	.editTape .tapeDetails .column {
		float: left;
		width: 31.5%; /* anything more confuses IE (b/c of the scrollbar) */
		margin-right: 20px;
		margin-top: 10px;
	}
		.editTape .tapeDetails .column:last-child { margin-right: 0; }

		.editTape .tapeDetails .column h3 { display: inline-block; margin-top: 10px; }
		.editTape .tapeDetails .column .collectionInfo { margin-top: 10px; }
		.editTape .tapeDetails .column .collectionInfo h3 { margin-top: 0; }
		.editTape .tapeDetails .column h3:first-child { margin-top: 0; }
		.editTape .tapeDetails .column .groupBox h3 { margin-top: 0; }

		.editTape .tapeDetails .column table { width: 100%; }

			.editTape .tapeDetails .column .fieldsTable { border-spacing: 1px; }

				.editTape .tapeDetails .column .fieldsTable td:first-child { text-align: right; vertical-align:top;}
					.editTape .tapeDetails .column .fieldsTable h3 { display: inline; margin-top: 0; }
					.editTape .tapeDetails .column .fieldsTable td:first-child h3 { margin-left: 5px; }

				.editTape .tapeDetails .column .fieldsTable td:last-child label { margin-right: 2px; }
				.editTape .tapeDetails .column .fieldsTable td:last-child span { padding: 2px; white-space: nowrap; display: inline-block; }
				.editTape .tapeDetails .column .fieldsTable td:last-child span.tapeIdMismatch { color: red; white-space: normal; }
					.editTape .tapeDetails .column .fieldsTable td:last-child span.selected {
						color: white;
						background-color: #7ba4a4;
					}

			.editTape .tapeDetails .column .fieldsTable img {
				margin-top: -2px;
				vertical-align: middle;
			}


	.editTape .tapeDetails .column textarea,
	.editTape .tapeDetails .column input[type=text],
	.editTape .tapeDetails .column select#genreId,
	.editTape .tapeDetails .column select#genreId_unsaved {
		width: 100%;
	}

	.editTape .tapeDetails .column textarea#description,
	.editTape .tapeDetails .column textarea#description_unsaved {
		height: 200px;
	}

	.editTape .tapeDetails .column textarea#addcomment,
	.editTape .tapeDetails .column textarea#addcomment_unsaved {
		height: 88px;
	}

	.editTape .tapeDetails .column input[type=radio],
	.editTape .tapeDetails .column input[type=checkbox] {
		margin-top: 1px;
		margin-left: 1px;
		vertical-align: top;
	}

		.editTape .tapeDetails .column input.number {
			width: 50px;
		}

		.editTape .tapeDetails .column #formats td,
		.editTape .tapeDetails .column #formats_unsaved td {
			cursor: pointer;
			padding: 0 3px;
		}
			.editTape .tapeDetails .column #formats td.selected,
			.editTape .tapeDetails .column #formats_unsaved td.selected {
				color: white;
				background-color: #7ba4a4;
			}

		.pane .column h3,
		.pane .column input {
			margin: 0;
		}

		.editTape .tapeDetails  #visibleDiv {
			clear: both;
			width: 200px;
			margin-top: 10px;
		}

		.editTape .tapeDetails  #boxNum {
			width: 75px;
			vertical-align: middle;
		}


	.editTape .offlineNote {
		margin-left: 30px;
	}

	.editTape .images { padding-bottom: 1em; }

	.editTape .images .thumbnails {
		display: flex;
		flex-wrap: wrap;
	}	

	.editTape .images .thumbnails img {
		max-width:120px;
		max-height:120px;
	}

	.editTape .images .thumbnails .image {
		position: relative;
		display: inline-block;
		padding:5px;
	}

	.editTape .images .thumbnails .image .delete {
		position: absolute;
		top: 0;
		right: 0;
	}

	.editTape .tapeFields #tapeLocationId,
	.editTape .tapeFields #tapeLocationId_unsaved {
		vertical-align: baseline;
	}

	.editTab .changed,
	.changed label,
	li.changed,
	label.changed {
		color:green;
	}

		.selected.changed label {
			color: white;
			animation: none !important;
		}

	.changed .textLog tr {
		color: black;
	}
	.changed .textLog tr.deleted {
		color: red;
	}
	.changed .textLog tr.changed,
	.changed .textLog tr.new {
		color:green;
	}

		.editTab input.changedValue[type="text"],
		.editTab textarea.changedValue,
		.editTab select.changedValue {
			background-color: rgb(226, 233, 224);
			color: rgb(0, 78, 0);
			border: 1px inset rgb(227, 227, 227);
			/* outline: 1px solid rgb(127, 165, 125); */
		}

		.editTab input.changed[type="text"],
		.editTab textarea.changed,
		.editTab select.changed {
			background-color: rgb(226, 233, 224);
			color: rgb(0, 78, 0);
			border: 1px solid rgb(127, 165, 125);
		}

		.editTab input.changed[type="checkbox"],
		.editTab input.changedValue[type="checkbox"] {
			outline: 1px solid green;
		}

		.editTape .tapeDetails .column #formats td.changed,
		.editTape .tapeDetails .column #formats td.changedValue,
		.editTape .tapeDetails .column #formats_unsaved td.changed,
		.editTape .fieldsTable td:nth-child(2) span.changed {
			outline: 1px dashed green;
		}

		.editTape .tapeDetails .column #formats td.changed.selected,
		.editTape .tapeDetails .column #formats td.changedValue.selected,
		.editTape .tapeDetails .column #formats_unsaved td.changed.selected,
		.editTape .fieldsTable td:nth-child(2) span.changed.selected {
			outline: 1px solid green;
		}

	.editTab .changed.error {
		color:red;
	}

	.editTab #unsavedChanges .changed,
	#unsavedChanges .changed label,
	#unsavedChanges li.changed,
	#unsavedChanges label.changed {
		animation: changedPulse 1s infinite;
	}

		.editTab #unsavedChanges input.changed[type="text"],
		.editTab #unsavedChanges textarea.changed,
		.editTab #unsavedChanges select.changed {
			animation: changedBoxPulse 1s infinite;
		}

		.editTab #unsavedChanges input.changed[type="checkbox"],
		#unsavedChanges .editTape .tapeDetails .column #formats td.changed,
		#unsavedChanges .editTape .tapeDetails .column #formats_unsaved td.changed,
		#unsavedChanges .editTape .fieldsTable td:nth-child(2) span.changed {
			animation: changedStatePulse 1s infinite;
		}

	@keyframes changedPulse {
		0% { color: rgb(0,96,0); }
		50% { color: rgb(0,160,0); }
		100 { color: rgb(0,96,0); }
	}

	@keyframes changedBoxPulse {
		0% { background-color: rgb(226, 233, 224); }
		50% { background-color: rgb(233, 238, 232); }
		100 { background-color: rgb(226, 233, 224); }
	}

	@keyframes changedStatePulse {
		0% { outline-color: rgb(0,96,0); }
		50% { outline-color: rgb(0,192,0); }
		100 { outline-color: rgb(0,96,0); }
	}


/* Usaved Changes*/

#unsavedTabContainer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 12px;
}

	#unsavedTabContainer > p.error {
		position: absolute;
		right: 12px;
		left: 306px;
		text-align: center;
	}

	#unsavedHeader {
		margin: 0;
		list-style-type: none;
		padding: 12px 12px 0;
	}

		#unsavedHeader li.tabHeader {
			position: absolute; /* needed for clip */
			width: 120px;
			display: inline-block;
			padding: 6px 12px 8px;
			margin: 0 12px 0 0;
			background-color: rgb(204, 204, 204);
			height: 15px;
			cursor: pointer;
			border-radius: 10px 10px 0 0;
			box-shadow: 0 0 4px rgba(0,0,0,0.5);
			clip: rect(-4px, 148px, 29px, -4px); /* to trim off the bottom shadow */
			text-transform: uppercase;
			font-weight: bold;
			text-align: center;
		}

			#unsavedHeader li.tabHeader.showServerView { left: 170px; }
			#unsavedHeader li.tabHeader.showUnsavedChanges { left: 12px; }

			#unsavedHeader > li:hover { background-color: #e6e6e6; }

			#unsavedHeader li.tabHeader.active {
				background-color: #dae6e6;
				z-index: 2;
				cursor: default;
			}
				#unsavedHeader > li.tabHeader.active:hover { background-color: #dae6e6; }

			#unsavedHeader > li:active {
				box-shadow: 0 0 1px rgba(0,0,0,0.5);
				padding: 7px 11px 7px 13px;
			}

	#unsavedTabContainer .clipTitleBar .utils button {
		vertical-align: top;
		padding-top: 1px;
	}

		#unsavedTabContainer .clipTitleBar .utils button img { margin-top: -2px; }

	#unsavedTabContainer .tab {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
	}

		#unsavedTabContainer.active .tab { top: 29px; }


.editContainer .deleted {
	color: red;
	text-decoration: line-through;
}


#copyFields div,
#exportFieldsDialog div {
	width: 47%;
	float: left;
}
	#copyFields div:first-child { margin-right: 6%; }

	#copyFields input {
		vertical-align: middle;
	}

	#copyFields .copyFieldValue {
		border: 1px solid #919191;
		padding: 2px;
		display: block;
		font-size: 11px;
		margin-left: 25px;
		margin: 0 0 5px 25px;
		background-color: #ededed;
		max-height: 78px;
		overflow-y: auto;
	}


	ul.tags {
		list-style: none;
		padding: 1px;
		margin: 5px 0;
		width: 100%;
		font-style: italic;
		font-family: Consolas,"Courier New",monospace;
		font-size: 11px;
		font-size-adjust: 0.55;
		text-transform: uppercase;
	}

		ul.tags .tag {
			height: 18px;
			line-height: 18px;
			padding: 0 23px 0 2px;
			position: relative;
			display: inline-block;
		}

			ul.tags .tag:hover {
				color: white;
				background-color: #7ba4a4;
				cursor: default;
			}

			ul.tags .tag .delete {
				position: absolute;
				display: inline-block;
				right: 1px;
				top: 1px;
			}

		ul.tags .noValue {
			text-transform: none;
			padding-left: 2px;
		}

	#tagBox,
	#tagBox_unsaved {
		position: relative;
		display: inline-block;
	}

		#tagBox #tag,
		#tagBox_unsaved #tag_unsaved {
			width: 250px;
			text-transform: uppercase;
		}

		#tagSuggestions {
			position:absolute;
			top: 15px;
			width: 250px;
			padding: 1px;
			border: 1px inset #999;
			z-index: 2;
			background-color: white;
			text-transform: uppercase;
			font-style: italic;
			font-family: Consolas,"Courier New",monospace;
			font-size: 11px;
			font-size-adjust: 0.55;
		}
			.tagSuggestion {
				cursor: pointer;
			}

			.tagSuggestion.hover {
				color: white;
				background-color: #7ba4a4;
			}

	#specs.pane,
	#specs_unsaved.pane {
		background-color: #e9e7d2;
	}

		#specs.pane .media,
		#specs_unsaved.pane .media {
			position: relative;
			line-height: 20px;
			padding-right: 36px;

			margin-top: 4px;
			width: 50%;
			box-sizing: border-box;
			float: left;
		}
			#specs.pane .media .missingMedia,
			#specs_unsaved.pane .media .missingMedia {
				color: red;
				font-weight: bold;
				line-height: 1.2;
				display: inline-block;
				margin: 0.25em;
			}		
			#specs.pane .media .item,
			#specs_unsaved.pane .media .item {
				white-space: nowrap;
			}
				#specs.pane .media img,
				#specs_unsaved.pane .media img {
					margin-left: 5px;
					vertical-align: middle;
				}
			#specs.pane .media .delete,
			#specs_unsaved.pane .media .delete {
				position: absolute;
				/* right: 6px; */
				right: -128px;
				top: -10px;
				cursor: pointer;
			}

		#specs.pane input,
		#specs_unsaved.pane input {
			width: 80px;
		}

		#specs.pane .mediaThumb,
		#specs_unsaved.pane .mediaThumb {
			margin-top: 24px;
			width: 50%;
			float: right;
			box-sizing: border-box;
			padding-right: 4px;
		}

		#specs.pane .youTubeInfo .youtube,
		#specs_unsaved.pane .youTubeInfo .youtube {
			float: left;
			margin:-top: 3px;
			margin-right: 3px;
		}

		#youtubeUploadTape { margin-top: 4px; }

.editLog {


	/* top: auto;
	left: 4px;
	right: 4px;
	bottom: 4px; */
}

	.editLog .splitH.leftCol { width: 300px; }
	.editLog .splitH.rightCol { left: 300px; width: auto; }

	.editLog .clip.pane .clipTitleBar {
		position: absolute;
		top: 0;
		left: 490px;
		right: 0;
		background-image: url('textLogShadow.cfa9ff63.png');
		background-repeat: repeat-y;
		background-position: left top;
		border-left: 1px solid #919191;
	}

.editLog div.textLog {

}

#shiftDialog h3 { margin-left: 0; }


#keywordDialog h2 {
	margin: 0 5px;
	color: black;
}

	#keywordDialog .disabled h2 { color: #666; }

	#keywords.disabled div#keywordList,
	#suggestionsContainer.disabled div#suggestions,
	#searchBox.disabled #searchStr {
		background-color: #ddd;
		color: #444;
	}

#keywords,
#suggestionsContainer {
	height: 150px;
	position: relative;
	margin-bottom: 10px;
}

	#suggestionsContainer {
		width: 300px;
		float: right;
		display: none;
	}

	#keywordDialog.showSuggestions #keywords {
		width: 500px;
	}

	#keywordDialog.showSuggestions #suggestionsContainer {
		display: block;
	}

	#keywords div#keywordList,
	#suggestionsContainer div#suggestions {
		overflow: auto;
		padding: 5px 0;
		position: absolute;
		top: 20px;
		bottom: 0;
		left: 0;
		right: 0;
		border: 1px inset #999;
		background: url('marginBG.49786c71.png') white left top repeat-y;
	}

		#keywordDialog input[type=text] {
			width: 100%;
			border: 1px inset #999;
			margin: 0 0 10px 0;
			/* text-transform: uppercase; */
		}

		#keywordDialog .keyword {
			font-weight: bold;
			/* text-transform: uppercase; */
			padding: 1px 5px;
			line-height: 14px;
			margin: 2px 0;
			position: relative;
		}

			#keywords #keywordList .keyword,
			#suggestionsContainer div#suggestions .keyword {
				padding-left: 35px;
				text-indent: -10px;
			}

			#keywords #keywordList .keyword { cursor: pointer; }

			#keywords #keywordList .keyword .delete,
			#suggestionsContainer #suggestions .keyword .add {
				display: none;
				position: absolute;
				left: 2px;
				top: 0;
			}

				#keywords #keywordList .keyword.hover .delete,
				#keywords #keywordList .keyword:hover .delete,
				#suggestionsContainer #suggestions .keyword.hover .add,
				#suggestionsContainer #suggestions .keyword:hover .add {
					display: inline-block;
				}

			#keywordDialog .keyword:hover {
				background-color: #7ba4a4 !important;
				color: white;
			}

			#keywordDialog .keyword.selected {
				background-color: #dad985;
			}

			#keywordDialog .keyword dfn {
				font-weight: normal;
				font-style: italic;
				font-size: 12px;
				text-transform: none;
			}

#keywordDialog #searchControls {
	position: relative;
}

	#keywordDialog #searchControls #searchBox {
		position: relative;
		width: 300px;
	}

		#searchSuggestions {
			position: absolute;
			top: 17px;
			width: 300px;
			border: 1px solid #999;
			background-color: white;
			max-height: 200px;
			overflow-y: auto;
		}

		#searchSuggestions > div {
			padding: 0 2px;
			cursor: pointer;
		}

			#searchSuggestions .spelling { color: green; }

				#searchSuggestions .spelling.hover {
					background-color: green;
					color: white;
				}

			#searchSuggestions .keyword { color: blue; }

				#searchSuggestions .keyword.hover {
					background-color: blue;
					color: white;
				}

		#keywordDialog #searchControls .select {
			border: 1px inset #999;
		}

		#keywordDialog #searchControls .select .option.selected {
			background-color: #dad985;
			color: white;
		}

#keywordDialog #definitions,
#keywordDialog #synonyms {
	margin-bottom: 10px;
}

	#keywordDialog #synonyms,
	#keywordDialog #newDefinition {
		float: right;
		display: none;
	}

	#keywordDialog #synonyms { width: 300px; }
	#keywordDialog.showSynonyms #definitions { width: 500px; }

	#keywordDialog #newDefinition { width: 400px; }
	#keywordDialog.showNewDefinition #definitions { width: 400px; }

	#keywordDialog.showSynonyms #synonyms,
	#keywordDialog.showNewDefinition #newDefinition {
		display: block;
	}

		#keywordDialog #synonyms #synonymList {
			background-color: white;
			overflow: auto;
			padding: 2px 0;
			border: 1px inset #999;
			height: 71px;
		}

		#keywordDialog #synonyms #synonymList .keyword { cursor: pointer; }

		#keywordDialog #synonyms #synonymList .keyword.selected { background-color: #f9eedc; }

		#keywordDialog #searchControls #definitions select {
			border: 1px inset #999;
			width: 100%;
			font-style: italic;
			font-size: 12px;
			font-family: Calibri,Verdana,Arial,sans-serif;
		}

			#keywordDialog #searchControls #definitions select option:last-child {
				font-weight: bold;
			}

		#keywordDialog #newDefinition #pos {
			font-style: italic;
		}

		#keywordDialog #newDefinition #txtDefinition { width: 285px; }


input.partId {
	width: 50px;
}


	#keywordDialog #senses .buttons { text-align: center; }



	#sources.pane {
		background-color: #dae6e6;
		text-align: center;
	}

		#sources.pane .encodingSource {
			margin: 5px 0;
		}

			/* #sources.pane .encodingSource.selected { background-color: #7ba4a4; } */
			#sources.pane .encodingSource.selected { background-color: #dad985; }

			#sources.pane .encodingSource button {
				margin: 5px 0;
				cursor: pointer;
			}

				#sources.pane .encodingSource.selected button { font-weight: bold; }


	#queue.pane {
		background-color: #e9e7d2;
		/*position: absolute;
		top: 225px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 6px 6px;*/
	}

		#queue.pane #queueList {
			position: absolute;
			top: 20px;
			left: 0;
			right: 0;
			bottom: 0;
		}

			#queue.pane #queueList col.status { width: 24px; }
			#queue.pane #queueList col.fileId { width: 65px; }
			#queue.pane #queueList col.user {  }
			#queue.pane #queueList col.date { width: 78px; }

			#queue.pane #queueList tr.running.odd { background-color: #aed65b; }
			#queue.pane #queueList tr.running { background-color: #cbe596; }

			#queue.pane #queueList td.status {
				padding-top: 4px;
				padding-bottom: 4px;
				width: 16px;
			}
			#queue.pane #queueList td.tapeId { font-weight: bold; }

				#queue.pane #queueList td.status {
					background-position: 4px 4px;
					background-repeat: no-repeat;
				}

					#queue.pane #queueList tr.completed td { cursor: default; }
					#queue.pane #queueList tr.completed td.status { background-image: url('icons/accept.6446e207.png'); }

					#queue.pane #queueList tr.pending td.status { background-image: url('icons/dot.b5262328.png'); }
					#queue.pane #queueList tr.pending:hover td.status { background-image: url('icons/cancel.79df717e.png'); }

					#queue.pane #queueList tr.pending td.date,
					#queue.pane #queueList tr.running td.date {
						font-style: italic;
						color: #818181;
					}

					#queue.pane #queueList tr.running td.status { background-image: url('icons/hourglass.20aaa35c.png'); }
					#queue.pane #queueList tr.running:hover td.status { background-image: url('icons/cancel.79df717e.png'); }

					#queue.pane #queueList tr.error td.status { background-image: url('icons/exclamation.13a319c2.png'); }

					#queue.pane #queueList tr.cancelled td {
						cursor: default;
						font-style: italic;
						color: #818181;
					}
					#queue.pane #queueList tr.cancelled td.status { background-image: url('icons/cancel.79df717e.png'); }


	#results.importList.pane {
	}

		#results.importList.pane #resultsList col.file { width: 12%; }
		#results.importList.pane #resultsList col.match { width: 9%; }
		#results.importList.pane #resultsList col.encoded { width: 141px; }
		#results.importList.pane #resultsList col.timecode { width: 143px; }
		#results.importList.pane #resultsList col.length { width: 76px; }
		#results.importList.pane #resultsList col.formats { width: auto; }
		#results.importList.pane #resultsList col.size { width: 70px; }

		#results.importList.pane #resultsList .listBox td img { display: inline; }

		#results.importList.pane #resultsList .listFooter .listDate {
			float: right;
			height: 20px;
			color: #888;
			margin-left: 10px;
		}
			#results.importList.pane #resultsList .listFooter .listDate img {
				vertical-align: middle;
				margin-left: 5px;
				cursor: pointer;
			}


#editOrderDetails {
	margin: 12px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

	#editOrderDetails h1 em {
		text-transform: none;
	}

	#editOrderDetails label { cursor: pointer; }

	#editOrderDetails .orderFields {
		overflow-y: scroll;
		bottom: 0;
		top: 35px;
		right: 0;
		left: 0;
		position:absolute;
		background-color: #e8e5de;
		padding-bottom: 10px;
	}

	#editOrderDetails .orderStatus {
		margin: 10px 20px;
		background-color: #dbdbdb;
		border: 1px solid #aaa;
	}

		#editOrderDetails .orderStatus .alert {	color: #CC0000 !important; }

	#editOrderDetails .column {
		float: left;
		width: 31.5%; /* anything more confuses IE (b/c of the scrollbar) */
		margin-right: 20px;
		margin-top: 10px;
	}
		#editOrderDetails .column:last-child { margin-right: 0; }
		#editOrderDetails .column.wide {
			width: 63%;
			margin-left: 20px;
		}

		#editOrderDetails .column h3 { display: inline-block; margin-top: 10px; }
		#editOrderDetails .column h3:first-child { margin-top: 0; }
		#editOrderDetails .column .groupBox h3 { margin-top: 0; }

		#editOrderDetails .column table.fieldsTable,
		#editOrderDetails .column table.addressTable { width: 100%; }

			#editOrderDetails .column .fieldsTable { border-spacing: 1px; }

				#editOrderDetails .column .fieldsTable td:first-child { text-align: right; vertical-align:top;}
					#editOrderDetails .column .fieldsTable h3 { display: inline; margin-top: 0; }
					#editOrderDetails .column .fieldsTable td:first-child h3 { margin-left: 5px; }

				#editOrderDetails .column .fieldsTable td:last-child label { margin-right: 2px; }
				#editOrderDetails .column .fieldsTable td:last-child span { padding: 2px; white-space: nowrap; display: inline-block; }
					#editOrderDetails .column .fieldsTable td:last-child span.selected {
						color: white;
						background-color: #7ba4a4;
					}

			#editOrderDetails .column .fieldsTable img {
				margin-top: -2px;
				vertical-align: middle;
			}

		#editOrderDetails .column textarea,
		#editOrderDetails .column input[type=text] {
			width: 100%;
		}

			#editOrderDetails .column label.deliveryFormatOther { font-style: italic; }
			#editOrderDetails .column input#deliveryFormatOther { width: 175px; }

			#editOrderDetails .column.wide textarea,
			#editOrderDetails .column.wide input[type=text],
			#editOrderDetails .column.full textarea,
			#editOrderDetails .column.full input[type=text] {
				width: auto;
			}

		#editOrderDetails .column input[type=radio],
		#editOrderDetails .column input[type=checkbox] {
			margin-top: 1px;
			margin-left: 1px;
			vertical-align: top;
		}

			#editOrderDetails .column input.number {
				width: 50px;
			}

		#editOrderDetails table.addressTable td:first-child {
			text-align: right;
		}

		#editOrderDetails .agreements {
			/* margin-left: 20px; */
		}

			#editOrderDetails .agreements ul {
				margin: 0 0 5px;
				padding-left: 20px;
			}

				#editOrderDetails .agreements li span {
					text-decoration: underline;
					cursor: pointer;
				}

			#editOrderDetails .agreements * {
				vertical-align: middle;
			}

		#editOrderDetails span.action {
			font-style: italic;
			color: #818181;
		}

		#editOrderDetails table.invoice,
		#editOrderDetails table.royalties {
			/*
			border-spacing: 3px 1px;
			border-collapse: separate;
			*/
			border-spacing: 0;
			border: 1px solid #aaa;
		}

		#editOrderDetails table.invoice col.item { width: 300px; }
		#editOrderDetails table.invoice col.quantity { width: 35px; }
		#editOrderDetails table.invoice col.rate { width: 83px; }
		#editOrderDetails table.invoice col.amount { width: 75px; }
		#editOrderDetails table.invoice col.taxable { width: 23px; }

		#editOrderDetails table.invoice th,
		#editOrderDetails table.invoice td {
			padding: 1px 3px;
		}

		#editOrderDetails table.invoice th,
		#editOrderDetails table.royalties th {
			border-bottom: 1px solid black;
			background-color: #dbdbdb;
		}

		#editOrderDetails table.invoice tfoot tr:last-child td {
			font-weight: bold;
			text-transform: uppercase;
			border-top: 1px solid black;
			background-color: #dbdbdb;
		}

		#editOrderDetails table.invoice td.description input { width: 294px !important; }
		#editOrderDetails table.invoice td.quantity input { width: 29px !important; }
		#editOrderDetails table.invoice td.rate input { width: 69px !important; }
		#editOrderDetails table.invoice td.taxRate input { width: 29px !important; }

		#editOrderDetails table.invoice #lineItemTemplate { min-width: 200px; }

		#editOrderDetails table.invoice td.taxRate { text-align: right; }
		#editOrderDetails table.invoice td.taxable { text-align: center; }

		#editOrderDetails table.invoice td.rate,
		#editOrderDetails table.invoice td.rate input,
		#editOrderDetails table.invoice td.taxRate input,
		#editOrderDetails table.invoice td.amount {
			text-align: right;
		}

		#editOrderDetails table.invoice td.amount {
			/*
			font-family: Consolas, "Courier New", monospace;
			font-size: 11px;
			font-size-adjust: 0.55;
			font-weight: bold#editOrderDetails table.royalties textarea { margin: 0; };
			*/
		}

		#editOrderDetails table.invoice tr.subTotal td.amount { border-top: 1px solid black; }
		#editOrderDetails table.invoice tr.total {
			font-weight: bold;
			text-transform: uppercase;
		}
		#editOrderDetails table.invoice tr.total td.amount {
			border-top: 1px solid black;
			border-bottom: 3px double black;
		}
		#editOrderDetails table.invoice tr.subTotal td:first-child,
		#editOrderDetails table.invoice tr.tax td:first-child,
		#editOrderDetails table.invoice tr.total td:first-child {
			text-align: right;
		}

		#editOrderDetails table.invoice td {
			white-space: nowrap;
			/* padding: 0; */
		}

		#editOrderDetails table.invoice select {
			margin: 0;
			vertical-align: baseline;
		}

		/* hide increment arrows on input[type=number] */
		#editOrderDetails table.invoice input::-webkit-outer-spin-button, /* Chrome, Safari, Edge, Opera */
		#editOrderDetails table.invoice input::-webkit-inner-spin-button {
		  -webkit-appearance: none;
		  margin: 0;
		}		
		#editOrderDetails table.invoice input[type=number] { /* Firefox */
		  -moz-appearance: textfield;
		}		

	#editOrderDetails .full {
		clear: left;
		margin: 0 20px;
		padding-top: 20px;
	}


                #editOrderDetails table.royalties col.collection { width: auto; }
                #editOrderDetails table.royalties col.source{ width: 131px; }
                #editOrderDetails table.royalties col.gross { width: 83px; }
                #editOrderDetails table.royalties col.due { width: auto; }
                #editOrderDetails table.royalties col.info { width: auto; }

		#editOrderDetails table.royalties input.source { width: 125px !important; }
		#editOrderDetails table.royalties input.grossFee {
			width: 69px !important;
			text-align: right;
		}
		#editOrderDetails table.royalties input.royaltyDueOther { width: 80px !important; }

		#editOrderDetails table.royalties select { margin: 0; }

		#editOrderDetails table.royalties textarea {
			margin: 0 0 5px;
			width: 250px !important;
			height: 34px;
		}

		#editOrderDetails table.royalties th,
		#editOrderDetails table.royalties td {
			padding: 1px 3px;
		}

		#editOrderDetails table.royalties td {
				white-space: nowrap;
				/* padding: 0; */
				vertical-align: top;
		}

		#editOrderDetails table.royalties tfoot td { text-align: center; }

#youtubeUploadDialog .youtubeUploadInfo {
	width:100%;
}

#youtubeUploadDialog td:first-child,
#facebookPostDialog td:first-child {
	font-weight: bold;
	width:20%;
	text-align: right;
	padding-right: 5px;
}

#youtubeUploadDialog select,
#facebookPostDialog select {
	width:100%;
}

#youtubeUploadDialog input.text,
#facebookPostDialog input.text {
	width:100%;
	margin:0;
}

#youtubeUploadDialog table,
#facebookPostDialog table {
	width: 100%;
}



#youtubeUploadDialog textarea,
#facebookPostDialog textarea {
	width:100%;
	height: 125px;
}

#facebookPostDialog textarea#facebookDescription {
	margin-left: 10px;
    float: left;
    width: 305px;
}
#facebookPostDialog td img.clipThumbnail {
	float:left;
	width: 160px;
}


#youtubeUploadDialog .progressBar {

	width:300px;
	padding: 3px;
	border: 1px solid black;
}

	#youtubeUploadDialog .progress {
		background-color: blue;
		width:0;
		height:20px;
	}

.illegal {
	background-color: #faa;
	display: inline-block;
	min-width: 10px;
	min-height: 17px;
	margin: 0 1px;
	vertical-align: bottom;
}

.ui-datepicker {
	display:none;
}

#results tr.result.qc_deactivated,
#results tr.result.deleted,
#clipBin li.qc_deactivated,
#binContents li.qc_deactivated {
	color: rgb(204, 0, 0);
	text-decoration: line-through;
}


#clip .removed {
	display: none;
}
#clip.qc_deactivated .removed {
	display: block;
}

#printOrderDialog.proMinutes .email{
	width:325px;
	left:10px;
	
}

#printOrderDialog .submitError{
	position: absolute;
	bottom:0;
}
#cancelOrderDialog #txtCancelMessage {
	width:100%;
}

.ui-dialog-titlebar button.print {
	width: 16px;
	height: 16px;
	background: url('icons/print.cec68d5f.png') no-repeat center transparent;
	border: none;
	position: absolute;
	right: 2.5em;
	top: 50%;
	margin-top: -8px;
	cursor: pointer;
}

#sendOrderDialog .agreementsList li.hiddenAgreement::after {
	content: ' [hidden]';
}



.dialog .clientListContainer {
	bottom: 0;
	position: absolute;
	top: 10px;
	width: 92%;
}

	#newProjectDialog.dialog .clientListContainer {
		bottom: 0;
		position: absolute;
		top: 70px;
		width: 92%;
	}


.dialog .clients {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}



.ui-dialog .toggleButton {
	margin: 0.25em 1em;
	display: inline-block;
	cursor: pointer;
}

.ui-dialog .toggleButton:hover {
	color: gray;
}

.list.jobs ul {
	padding: 0 0 0 2em;
	margin: 0;
}



#objectSearch {
	position: absolute;
	top: 12px;
	right: 12px;
	left: 12px;
	bottom: 12px;
	margin: 0;
	height: auto !important;
	display: flex;
	flex-direction: column;
}

	#objectSearchFilter {
		border: none;
		flex-shrink: 0;
		flex-grow: 0;
		margin: 0 0 8px;
	}

		#objectSearchFilter * {
			vertical-align: middle;
		}

	#objectSearch #objectSearchResultsList {
		flex-grow: 1;
		flex-shrink: 1;
		margin: 4px 0 0;
	}

		#objectSearch #objectSearchResultsList .listBox, 
		#objectSearch #objectSearchResultsList .listFooter {
			border-left: 0;
			border-right: 0;
		}


		#objectSearch #objectSearchResultsList #resultsListTable table td:nth-child(3) {
			font-size: 14px;
			line-height: 1.25em;
		}

		#objectSearch #objectSearchResultsList td a {
			text-decoration: none;
			display: block;
			height: 100%;
			width: 100%;
			color: inherit;
		}

		#objectSearch #objectSearchResultsList td em {
			background-color: yellow;
			color: black;
			font-style: inherit;
		}

		#objectSearchResultsList #resultsListTable td a > span.title {
			font-weight: bold;
		}

		#objectSearchResultsList #resultsListTable td a > span.job {
			font-style: italic;
		}

			#objectSearchResultsList #resultsListTable td a > span.job::before,
			#objectSearchResultsList #resultsListTable td a > span.job::after {
				content: '"';
			}

		#objectSearchResultsList #resultsListTable td a > span.description {
			font-style: italic;
		}

			#objectSearchResultsList #resultsListTable td a > span.description::before,
			#objectSearchResultsList #resultsListTable td a > span.description::after {
				content: '"';
			}

		#objectSearchResultsList #resultsListTable td a > span.notes {
			font-style: italic;
		}

			#objectSearchResultsList #resultsListTable td a > span.notes::before,
			#objectSearchResultsList #resultsListTable td a > span.notes::after {
				content: '"';
			}

		#objectSearchResultsList #resultsListTable td a > span.source {
			font-weight: bold;
			color: green;
		}


		#objectSearch #objectSearchResultsList col.rank { width:38px }
		#objectSearch #objectSearchResultsList col.type { width:8% }
		#objectSearch #objectSearchResultsList col.date { width:10% }

		#objectSearchResultsList #resultsListTable table tr.clip td.details { 
			padding: 0; 
			overflow: hidden;
		}
		#objectSearchResultsList #resultsListTable table tr.clip td.details a {
			position: relative;
			padding: 4px 2px 4px 74px;
			min-height: 48px;
			height: auto;
		}

		#objectSearchResultsList #resultsListTable td:nth-child(2), /* "Type" column */
		#objectSearchResultsList th:nth-child(2) {
			text-align: center;
		}
		#objectSearchResultsList #resultsListTable td:nth-child(2) img {
			width: 24px;
			height: 24px;
		}


#loggedOutDisplay p {
	text-align: center;
	margin-top: 50px;
	font-style: italic;
}

#frmLogin {
	margin: 25px auto;
	display: flex;
	justify-content: center;
}