/* When displayed in cms we display at a lower z-index*/
body.insideCMS .cmsMainMenu {
	z-index: 100;
}

/* ============================== Main ============================== */
form {
	margin: 0px;	/* Needed because IE and Firefox doing things differently. */
}
body {
	font-family: tahoma;
	font-size: 0.8em;
	background-color: #F2EDDE;
	margin: 0px;
}
h1, h2 {
	font-weight: normal;
    font-family: tahoma;
    margin-top: 0px;
}
h1 {
    font-size: 1.8em;
    color: #D6050A;
}
h2 {
    font-size: 1.3em;
    color: gray;
}
input, select {
	font-size: .9em;
}
fieldset {
	margin: 8px;
}
img {
	border: 0;
}

.bodyArea {
	margin: 20px;
	padding: 20px;
	border: 1px solid gray;
	background-color: white;
	/*position: relative;*/
}

.commandButton {
	margin: 10px 3px 0 0;
}
.fieldArea {
	margin-bottom: 4px;
}
.fieldArea .field {
	width: 30em;
}
.fieldArea label {
	width: 10em;
	display: block;
	float: left;
}
.treeArea {
	border: 1px solid gray;
	overflow: auto;
	padding: 5px;
	height: 100%;
}
.rolesAreaFieldArea label {
	display: inline;
	float: none;
}
.roleOption {
	border: 1px dashed gray;
	margin: .5em;
	padding: .5em;
}
.hiddenButton {
	position:absolute;
	top:-9999px;
	left:-9999px;
	width: 1px;
}
/* ============================== Index ============================== */

#sitesForm table {
	border-collapse: collapse;
}
#sitesForm td {
	border: 0 solid gray;
	border-width: 1px 0;
}


/* ============================== Editor ============================== */
.WYSIWYG {
	width: 100%;
	height: 400px;
	margin-bottom: 10px;
}
.commitComment {
	width: 100%;
	height: 80px;
}

.area {
	background-color: #FCFBF5;
	margin-bottom: 10px;
	padding: 5px;
}




/* ============================== Tree Node ============================== */
.treeNode {
	padding-right: 5px;
}
.treeNode a {
	text-decoration: none;
	color: black;
}
.treeNode:hover a {
	text-decoration: underline;
}
.treeNode .selected, 
.selectedNode {
	background-color: #0A246A;
	color: white;
}
.treeNode .empty {
	color: gray;
}
.treeNode .icon {
	margin-top: 3px;
	margin-right: 3px;
	vertical-align: middle;
}

/* ============================== From file/resource managers ============================== */
#currentSelection .label {
	font-weight: bold;
}
.renameInputField {
	width: 250px;
}
.multiSlectArea {
	position:absolute;
	left:-9999px;
}


/* ============================== Menu editor ============================== */
.ghost {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity:.5;
}
.menuEditor .treeArea {
	float: left;
	width: 48%;
	height: 100%;
}
.menuEditor .editingArea {
	float: right;
	border: 1px solid gray;
	width: 48%;
	height: 100%;
	padding: 5px;
	overflow: auto;
}
	.menuEditor .editingArea .rich-tabpanel-content-position {
		/* Has relative on it which causes issues in IE7. Surrounding div .editingAra has overflow:auto and with
		relative positioning on this, this sticks out of .editingArea */
		position: static;
	}
.menuEditor label {
	width: 10em;
	display: block;
	float: left;
}
label.moveDescendentsLabel {
	display: inline;
	float: none;
}
.menuEditor input.textField {
	width: 20em;
}
.nodeEditingTabs {
	width: 100%;
}
.separator {
	border-top: 1px dashed gray;
}
.dr-tree-h-text:hover .separator {
	border-top: 2px dashed black;
}

.moveNodeConfirmList {
	font-size: 9pt;
}

/* ============================== Popup ============================== */

.popup {
	z-index: 10001;
	visibility: hidden;
	position: absolute;
	width: 350px;
	top: 250px;
	left: 50%;
	margin-left: -150px; /* Half of width */
	border: 0px solid gray;
	border-width: 1px 2px 2px 1px;
	background-color: #FCFBF5;
}
.popupContents {
	padding: 10px;
	text-align: left;
}
.popupContents form {
	float: none;
}
.popup h1 {
	text-align: center;
	text-transform: uppercase;
	background-color: gray;
	color: white;
	font-weight: bold;
    font-size: 14px;
    padding: 3px 10px;
}

.popupImage {
	float: left;
	margin-right: 10px;
}

.error {
	color: red;
	display: block;
	margin: 5px;
}

/* ============================== New Menu Node ============================== */
.newNodeId {
	width: 15em !important;
}

/* ============================== Menus / Toolbars / Sites Form ============================== */
.cmsMenu, #sitesForm td {
	padding: 10px;
	text-transform: uppercase;
	font-family: Tahoma;
	font-size: 11px;
	color: black;
}

.cmsMenu .mainMenuItem, .cmsMenu div.menuItem, #sitesForm div.menuItem {
	display: block;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.cmsMenu img {
	border: none;
}

.cmsMenuItemLabel {
	margin-top: 5px;
	text-align: center;
}

.disabled {
	filter: alpha(opacity = 40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}
.cmsMenu .disabled, #sitesForm .disabled {
	display: block;
}

/* ============================== Busy / Overlay ============================== */
#busy {
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 20000;
}

#overlay {
	z-index: 1000;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	filter: alpha(opacity = 30);
	opacity: 0.3;
	-moz-opacity: 0.3;
	background-color: gray;
}