/*
	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%;
}
#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;
}
div.errorContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: white;
}
.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;
	background-color: #d4d0c8;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #FFFFFF;
}
.button:active {
	border-top: 1px solid #808080;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #808080;
}
.buttonPressed {
	border-top: 1px solid #808080;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #808080;
}
#menubar {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	background-color: lightgray;
	white-space: nowrap;
	z-index: 201;
}
#pageInput,
	#pageInputDisabled {
	width: 4em;
	text-align: right;
	padding-left: 3px;
	padding-right: 3px;
}
#categoryView {
/* do not delete: filled later with valid width / height values */
}
.clearFloat {
	clear: both;
}
.categoryContainer {
	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-top: 1px solid #FFFFFF;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #FFFFFF;
	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 */
}
.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;	
}
.staticPopup {
	width: 400px;
	padding: 5px;
}
.dynamicPopupToolbar {
	width: 80%;
	margin: 0px auto;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
.dynamicPopupStaticHeight {
	width: 80%;
	height: 400px;
	overflow: auto;
	padding: 5px;
}
.dynamicPopupDynamicHeight {
	width: 80%;
	max-height: 80%;
	overflow: auto;
	padding: 5px;
}
.popupBody {
	margin: 0px auto;
	background-color: #fff;
	border-top: 0px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
#popupDialogBody {
	text-align: left;
}
.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 .lastline {
	margin-bottom: 5px;
}
.dialogButtons {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 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;
}
.titleBarPopup {
	margin: 100px auto 0px;
}
.titleContent {
	font-size: 1.1em;
	float: left;
}
.popupFunctions {
	float: right;
}
#loginContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
#selectCatalogContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
#loginDialogBody img {
	float: left;
}
#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;
}
.selection {
	color: #FFFFFF !important; /* override defaults from cvs/rvs css */
	background-color: #0A246A !important;
}
.contextMenuItemSelected {
	border-color: white;
}
.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;
}
#showRecordURLInput {
	width: 100%;
}
.catalogOrCollectionList {
	width: 100%;
}
.assetreference {
	overflow: auto;
	padding-bottom: 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-collapse: collapse;
	border: 2px solid #b8b8b8;
	color: #000;
}
.visualTable td, th {
	border: 1px solid #e0e0e0;
	padding: 0.5em;
}
.visualTable thead th {
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	background: #486c9e;
	color: white;
}
.visualTable tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}
.visualTable tbody tr:hover {
	/*background: #ffffcc !important;*/
}
#showOriginalDialogSizer {
	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;
}