/*
============================================
CONSTRUCTION TAPE HEADER AND FOOTER STYLES
============================================
*/

body{
	margin:0;
}


.mceEditorContainer,
.mceEditor,
.mceEditorIframe{
	z-index:999 !important;
	position:relative !important;
}

.editableTopShim{
	width:100%;
	height:20px;
}
.editableBotttomShim{
	width:100%;
	height:43px;
}


.editableHeader,
.editableFooter{
	z-index:10;
	width:100%;
	position:fixed;	
	left:0;
}
.editableHeader{
	top:0;
	height:20px;
	background:url(images/logging/construction_tape.png) 0 0 repeat-x;
	z-index:99999;
}
.editableFooter{
	bottom:0;
	height:43px;
	background:url(images/logging/footer_bg.png) 0 0 repeat-x;
	z-index:99999;
}

.editableFooterLogo,
.editableFooterLogout,
.editableFooterMessage{
	position:absolute;
	border:none;
}

.editableFooterLogo{
	left:10px;
	bottom:4px;
}

.editableFooterMessage{
	right:0;
	bottom:4px !important;
	*bottom:3px;
}

.editableFooterLogout{
	right:8px;
	bottom:4px;
}


/*
============================================
EDITABLE CONTENT STYLES
(Use a custom CSS file to override these, 
rather than changing this file)
============================================
*/

.editable{
	border:2px dotted #FFCC00;
	cursor: url(images/pencil.png) 0 11, url(/editable/styles/images/pencil.cur) 0 0, auto;
	*cursor:url(/editable/styles/images/pencil.cur);
}

.editable:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
* html .editable {
	height:1%;
}
.editable {
	display:block;
}



.noedit{
	cursor:not-allowed !important;
}

.editableHover{
	background-color:#FFFF99;
}


.editableSavingMsg{
	background:url(images/spinner.gif) left top no-repeat #fff;
	padding-left:25px;
	height:20px;
}


.editableSave,
.editableCancel,
.editableSave img,
.editableCancel img{
	border:none;
	z-index:999;
	position:relative;
}


.editableSave{
}
.editableCancel{
}
/*
============================================
EDITABLE LOGIN SCREEN
============================================
*/


body.editableLoginPage{
	background-color:#fff;
	text-align:center;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

.editableLoginPage .content h1{
	text-align:center;
	margin-top:40px;
}

.editableLoginPage .loginBox{
	width:302px;
	height:251px;
	margin:90px auto 100px auto;
	background: url(images/logging/login_div_bg.png) 0 0 no-repeat;
	position:relative;
}
		
	.editableLoginPage .textField{
		width:225px;
		border:1px solid #ccc;
		position:absolute;
		left:36px;
	}
	.editableLoginPage .userField{
		top:100px;
	}
	.editableLoginPage .passwordField{
		top:160px;
	}
	.editableLoginPage .submitBtn{
		position:absolute;
		top:200px;
		left: 195px;
	}

/*
============================================
EDITABLE LOGIN SCREEN MESSAGING
============================================
*/

.editableMsgDiv {
	padding: 10px 10px 10px 40px;
	margin:0;
	background-position: top left;
	background-repeat: no-repeat;
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	position:relative;	
}

	.editableMsgDiv img{
		position:relative;
		bottom: -3px;
		left: -3px;
	}

	.editableMsgTitle{
		font-size:13px;
	}
	.editableMsgDiv ul {
		list-style-position:inside;	
	}
	
	.editableMsgDiv li{
		list-style-position:inside;
		list-style-image:url(images/messaging/msg_white_arrow.gif);
	}

	
.editableBadMsg {
	background-color: #c00;
	border-top: 2px solid #900;	
	border-bottom: 2px solid #900;	
}
.editableGoodMsg {
	background-color: #090;
	border-top: 2px solid #060;	
	border-bottom: 2px solid #060;	
}