/*
	Copyright (c) 2006, Canto FZ-LLC
	Cumulus styles for general use in the web application
*/
/*
	3D effect colors:
		dark shadow: #808080;
		light shadow: #FFFFFF;
		face: #d4d0c8;
*/
* {
	font-size: 12px;
	font-family: Verdana, Tahoma, sans-serif;
}
div.smallHeader {
	font-size: 1.1em;
	text-align: center;
}
div.tableRow {
/* see nonie.css  */
	cursor: default;
	clear: right;
}
div.tableRow span.tableLeftColumn {
/* see nonie.css  */
	float: left;
	width: 25%;
	text-align: right;
}
#signUpContainer div.tableRow span.tableLeftColumn {
	width: 45%;
}
#changePasswordDialogBody div.tableRow span.tableLeftColumn {
	width: 45%;
}
#signUpLinkContainer,
	#signUpLinkContainer a {
	margin-top: 10px;
	font-size: smaller;
	font-style: italic;
}
.indexErrorContainer {
	margin-top: 10px;
	font-size: smaller;
	font-style: italic;
	color: red;
}
div.tableRow span.tableRightColumn {
/* see nonie.css  */
	float: right;
	width: 50%;
	text-align: left;
	margin-left: 1em;
}
div.tableRow span.tableRightColumn input[type="text"],
	div.tableRow span.tableRightColumn input[type="password"] {
	width: 190px;
}
div.tableRow #submit {
	margin-top: 1em;
}
.errorMessage {
	margin: 20px;
}
.errorLeftColumn {
/* see nonie.css  */
	float: left;
	width: 30%;
	text-align: right;
}
.errorRightColumn {
/* see nonie.css  */
	float: right;
	width: 67%;
	text-align: left;
	margin-left: 1em;
}
form {
	display: inline;
}
input[type="text"], input[type="password"], textarea, select {
/*font-size: 0.9em;*/
	line-height: 1.3em;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd; /*background:#fff url(/images/fieldbg.gif) repeat-x top;*/
}
iframe {
	border:none;
	overflow:visible;
	width: 100%;
	height: 100%;
}
.button {
	cursor: default;
	border: 1px solid transparent;
	/*background-color: #d4d0c8;*/
	/*border-top: 1px solid #FFFFFF;*/
	/*border-right: 1px solid #808080;*/
	/*border-bottom: 1px solid #808080;*/
	/*border-left: 1px solid #FFFFFF;*/
}
.buttonDisabled {
	cursor: default;
	border: 1px solid transparent;
}
.button:hover {
	background-color: #FFC566 !important;
	border: 1px solid darkslategray;
}
.button:active {
	background-color: #FFC566 !important;
	border: 1px solid darkslategray;
	/*border-top: 1px solid #808080;*/
	/*border-right: 1px solid #FFFFFF;*/
	/*border-bottom: 1px solid #FFFFFF;*/
	/*border-left: 1px solid #808080;*/
}
.buttonPressed {
	background-color: #D8924B !important;
	border: 1px solid darkslategray;
	/*border-top: 1px solid #808080;*/
	/*border-right: 1px solid #FFFFFF;*/
	/*border-bottom: 1px solid #FFFFFF;*/
	/*border-left: 1px solid #808080;*/
}
.horizontalSeparator {
	vertical-align: middle;
	width: 0px;
	border: 1px solid;
	border-color: transparent #FFFFFF transparent #808080 ;
	margin: 2px;
}
#menubar {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	background-color: lightgray;
	white-space: nowrap;
	z-index: 201;
}
.pageNavigationContainer {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 0.9em;
}
.pageNavigationContainer input {
	font-size: 0.9em;
}
.pageInput,
	.pageInputDisabled {
	width: 3em;
	text-align: right;
}
#categoryView {
/* do not delete: filled later with valid width / height values */
}
#categoryView img {
	vertical-align: middle;
}
.clearFloat {
	clear: both;
}
.categoryContainer {
	white-space: nowrap;
}
.smartCategoryContainer {
	white-space: nowrap;
}
.unselectable {
	cursor: default;
	user-select: none; /* disallow selections CSS3 */
	-moz-user-select: none; /* disallow selections mozilla */
	-khtml-user-select: none; /* disallow selections safari */
}
.categoryChildContainer {
	margin-left: 20px;
}
.viewHeaders {
	background-color: #d4d0c8;
	border: 1px solid #FFFFFF;
	border-right-color: #808080;
	border-bottom-color: #808080;
	padding: 2px;
}
.viewHeaderFunctions {
	float: right;
}
.viewHeaderFunctionItem {
	vertical-align: middle;
}
.viewHeaderFunctions select,
	.viewHeaderFunctions img {
	margin-left: 2px;
}
.viewHeaderLabels {
	float: left;
}
.viewContent {
	position: absolute;
}
#recordView {
/* do not delete: filled later with valid width / height values */
}
#loginDialogFrame {
	position: absolute;
	width: 500px;
	height:80%;
	max-height: 80%;
	top: 150px;
	left: 50%;
	/*  - (width / 2) to center the frame on screen */
	margin-left: -250px;
	z-index: 1001;
}
#errorFrame {
	position: absolute;
	width: 500px;
	height:80%;
	max-height: 80%;
	top: 150px;
	left: 50%;
	/*  - (width / 2) to center the frame on screen */
	margin-left: -250px;
	z-index: 1001;
	text-align: center;
}
#errorFrame div.popupBody div {
	padding-top: 10px;
}
#configureChangePasswordContainer {
	position: absolute;
	width: 500px;
	height:80%;
	max-height: 80%;
	top: 150px;
	left: 50%;
	/*  - (width / 2) to center the frame on screen */
	margin-left: -250px;
	z-index: 1001;
}
#popupDialogFrame {
	position: absolute;
	width: 500px;
	height:80%;
	max-height: 80%;
	top: 150px;
	left: 50%;
	/*  - (width / 2) to center the frame on screen */
	margin-left: -250px;
	z-index: 1001;
}
.widePopupFrame {
	width: 80% !important;
	/*  - (width / 2) to center the frame on screen */
	margin-left: -40% !important;
}
#collectionBasketFrame {
	position: absolute;
	height:80%;
	max-height: 80%;
	top: 150px;
	width: 80%;
	left: 50%;
	/*  - (width / 2) to center the frame on screen */
	margin-left: -40%;
	z-index: 1001;
}
.popupContainer {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1000;
	background-image: url( ../images/popup.png );
}
.invisible {
	display: none;
}
.widePopupToolbar {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
.widePopupStaticHeight {
	/*width: 80%;*/
	height: 80%;
	overflow: auto;
	padding: 5px;
}
.popupBody {
	background-color: #fff;
	border-top: 0px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
#popupDialogBody {
	position:absolute;
	width:100%;
	overflow: auto;
	text-align: left;
	max-height: 90%;
}
.configurationDialog {
	padding: 5px;
	cursor: default;
}
.configurationDialog .firstline {
	margin: 0px;
}
.configurationDialog .line {
	margin-top: 5px;
	/* FF bugfix to see a caret within input fields */
	overflow: auto;
}
.configurationDialog .line .line {
	margin-left: 30px;
}
.configurationDialog .maxHeightLine {
	height: 400px;
	overflow: auto;
}
.configurationDialog .lastline {
	margin-bottom: 5px;
}
.dialogButtons {
	margin: 10px;
	text-align: center;
}
.titleBar {
	background-color: #486c9e;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	overflow: hidden;
}
.titleContent {
	font-size: 1.1em;
	float: left;
}
.popupFunctions {
	float: right;
}
.popupFunctions img.functionsIcon {
	margin-left: 4px;
}
#loginContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
#loginDialogBody {
	padding: 10px;
}
#loginDialogBody img {
	float:left;
}
#selectCatalogContainer {
	position: absolute;
	width: 400px;
	top: 150px;
	left: 50%;
	/*  - (width / 2) to center the frame on screen */
	margin-left: -200px;
	text-align: center;
}
#selectCatalogBodyForm {
	padding: 10px;
}
#selectCollectionBodyForm {
	padding: 10px;
}
#changePasswordDialogBody img {
	float: left;
	padding-bottom: 50px;
}
html, body {
	width: 100%; /* make the body expand to fill the visible window */
	height: 100%;
	background: #777;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}
.contextMenu {
	cursor: default;
	position: absolute;
	color: #000000;
	background-color: #d4d0c8;
	border: 1px solid;
	border-color: #FFFFFF #808080 #808080 #FFFFFF;
	z-index: 300;
}
.contextMenuSeparator {
	overflow: hidden;
	height: 0px;
	border: 1px solid;
	border-color: #808080 transparent #FFFFFF transparent;
	margin: 2px 0px;
}
.contextMenuItem {
	margin: 1px 1px 1px 1px;
	padding: 2px 7px 2px 7px;
	border: 1px solid;
	border-color: #d4d0c8;
	font-size: 10px;
}
.contextMenuItem:hover {
	color: #FFFFFF;
	background-color: #0A246A;
}
.selection {
	color: #FFFFFF !important; /* override defaults from cvs/rvs css */
	background-color: #0A246A !important;
}
.collectionBasketRecord {
	float: left;
	border: 1px solid black;
	margin: 0px 5px 5px 0px;
	padding: 2px;
	overflow: hidden;
	white-space: nowrap;
}
#selectedFileContainer {
	margin: 0px;
}
#selectedFileContainer div {
	white-space: nowrap;
}
.findOptionsImage {
	padding: 2px;
}
.findOptions {
	margin-top: 3em;
}
.recordURLInput {
	width: 100%;
}
.catalogOrCollectionList {
	width: 100%;
}
.assetreference {
	overflow: auto;
	padding: 5px;
}
.mandatoryFieldLabel {
	color: red;
	font-weight: bold;
}
.disabledItem {
	color: #7d796f !important;
	background-color: #d4d0c8 !important;
}
#versionHistoryInfoTableContainer {
	max-height: 400px;
	overflow: auto;
	margin-top: 1em;
}
#versionHistoryInfoTable {
	width: 95%;
}
#versionChooserContainer {
	overflow:auto;
	width:100%;
	height:100%;
}
#versionChooserTable {
	width: 95%;
	margin: 5px;
}
#versionChooserTable tbody tr {
	cursor:pointer;
}
#versionHistoryInfoTable .button {
	float: right;
}
.visualTable {
	border-spacing:0;
	width: 100%;
	table-layout: fixed;
}
.visualTable thead  {
	border-spacing:1px;
	white-space: nowrap;
}
.visualTable thead th {
	background-color: #d4d0c8;
	border: 1px solid #FFFFFF;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}
.visualTable tbody td:first-child {
	border-left: 1px solid #e0e0e0;
}
.visualTable tbody td, th {
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	vertical-align: top;
	text-align: left;
}
.visualTable tbody tr:hover {
	/*background: #ffffcc !important;*/
}
.almostFullscreenDialogSizer {
	position: absolute;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
}
#categoryInformationViewPane {
	background-color: white;
	width: 100%;
	height: 100%;
	overflow: auto;
}
#calendarViewPane {
	background-color: white;
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: center;
}
#recordDndUI {
	display: none;
	position: absolute;
	z-index: 1000;
}
.dropSelection {
	border-left-width: 5px !important;
	border-left-color: black !important;
	border-left-style: solid !important;
}
#bulkEditorContainer th {
	border: 0px;
	padding: 0em;
}
.previewContainer {
	background-image:url(../images/working.gif);
	background-position:center;
	background-repeat:no-repeat;
	min-width:20px;
	min-height:20px;
}
.sliderContainer {
	position: relative;
	vertical-align: middle;
	height: 2px;
}
.sliderContainer img {
	vertical-align: middle;
}
.sliderKnob {
	position: absolute;
	top: 2px;
}
#quickSearchContainer {
	padding: 1px;
	border: darkgray 1px solid;
	background-color: #fff;
	display: inline-block;
}
#quickSearchInput {
	border:none; width: 200px;
	outline: none;
}
.reportDataContent {
	border-spacing: 0px;
}
#brightnessContrastChooser {
	margin-bottom: 15px;
}
#imageCouchFunctionToolbar {
	float: right;
	height: 100%;
}
#imageCouchFunctionToolbar table tr td {
	vertical-align: middle;
}
#imageCouchFunctionToolbar table tr td input,
#imageCouchFunctionToolbar table tr td select {
	width: 100%;
}
#imageCouchContainerBody {
	position:absolute;
	width:100%;
}
#imageCouchImageWrapper {
	overflow: auto;
	position: absolute;
	top: 0;
	left:0;
	bottom: 0;
	right: 0;
}
#imageCouchImageTable {
	display: table;
	width: 100%;
	height: 100%;
}
#imageCouchImageWrapperSpan {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #d4d0c8;
	padding: 2px;
}
#imageCouchImageTable span img {
	border: 1px solid black;
}
#imageCouchImage {
	margin: auto;
}
#imageCouchThumbnailArea {
	width: 100%;
	margin: 5px 0 5px 0;
}
#imageCouchThumbnailWrapper {
	border: 1px inset;
	width: 128px;
	height: 128px;
	line-height: 128px;
	margin: 0 auto 0 auto;
}
#imageCouchThumbnailWrapper img {
	margin: auto;
	text-align: center;
	vertical-align: middle;
}
#imageCouchScale input {
	width: 5em;
	margin-left: 1em;
}
#filterBar {
	padding: 2px;
}
#filterConditionsBar div {
	clear: both;
}
.userFilterDisplayLabel {
	margin-left: 20px;
	vertical-align: middle;
}
.userFilterExistingValuesContainer {
	border: 1px solid darkgray;
	height: 180px;
	width: 380px;
	overflow: auto;
}
.userFilterExistingValuesRoot {
	margin-left: -20px;
}
.userFilterExistingValuesEntry {
	margin-left:20px;
	white-space: nowrap;
}
.userFilterExistingValuesEntry img,
	.userFilterExistingValuesEntry input {
	vertical-align:middle;
}
.activationMarker {
	vertical-align: middle;
}
.errorList {
	max-height: 200px;
	overflow: auto;
	margin-top: 10px;
}
.colResizerContainer {
	position:relative;
}
.colResizer {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
	height: 1.3em;
	width: 5px;
	cursor: col-resize;
	position: absolute;
}
.primarySortIndicator {
	padding-bottom: 1px;
	padding-left: 5px;
}
.secondarySortIndicator {
	padding-top: 1px;
	padding-left: 5px;
}
.infoGroupHeading {
	background-color: #808080;
	cursor: pointer;
}
.categoriesEditorContainer .jstabbedpage > div {
	padding:10px;
}
.categoriesEditorContainer .jstabbedpage > div > div {
	width: 100%;
}
.categoriesEditorContainer .jstabbedpage select {
	width: 100%;
}
.categoriesEditorDialogButtons {
	padding-top: 10px;
	text-align: right;
}
.categoriesEditorDialogButtons input {
	padding: 0 2px;
	margin-left:5px;
}
.toolbarIcon.disabledItem {
	display: none;
}