/* 
Styles governing CMS Buttons 

There are up to three buttons: 
edit
approve
reject

For image nodes, the edit button reads "edit image"

For content nodes, the buttons are divs, for other nodes they are spans.

*/
div.cnode-content,
span.cnode-label,
span.cnode-image {
	position: relative;
}

span.cnode-button-edit,
span.cnode-button-approve,
span.cnode-button-reject {
	display: block;
}

/* edit button dimensions and location */
.cnode-button-edit {
	width: 30px;
	height: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
}
span.cnode-image span.cnode-button-edit {
	width: 38px;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* approve button dimensions and location*/
.cnode-button-approve {
	width: 55px;
	height: 15px;
	position: absolute;
	top: 0px;
	left: 40px;
}

/* reject button dimensions and location*/
.cnode-button-reject {
	width: 45px;
	height: 15px;
	position: absolute;
	top: 0px;
	left: 105px;
}

div.cnode-content .cnode-button-edit a,
div.cnode-content .cnode-button-approve a,
div.cnode-content .cnode-button-reject a,
span.cnode-label .cnode-button-edit a,
span.cnode-label .cnode-button-approve a,
span.cnode-label .cnode-button-reject a,
span.cnode-image .cnode-button-edit a,
span.cnode-image .cnode-button-approve a,
span.cnode-image .cnode-button-reject a {
	/* begin by resetting commonly-set attributes */
	margin: 0px;
	padding: 0px;
	float: none;
	font-style:normal;
	font-weight:normal;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 3px;
	padding-left: 3px;
	background-color: #FFFFCC;
	font-size: 9px;
	color: #666666;
	text-transform: uppercase;
	border: 1px solid black;
}


div.cnode-content .cnode-button-edit a:hover,
div.cnode-content .cnode-button-approve a:hover,
div.cnode-content .cnode-button-reject a:hover,
span.cnode-label .cnode-button-edit a:hover,
span.cnode-label .cnode-button-approve a:hover,
span.cnode-label .cnode-button-reject a:hover,
span.cnode-image .cnode-button-edit a:hover,
span.cnode-image .cnode-button-approve a:hover,
span.cnode-image .cnode-button-reject a:hover {
	background-color:#cccccc;
	color: #666666;
}

/* Styles which govern how content nodes appear when revealed */
/* These may need to be customized depending on the site design */
div.cnode-content-over {
	/* Content nodes */
	background-color: Yellow;
}

span.cnode-label-over {
	/* Label nodes */
	background-color: Yellow;
}

span.cnode-image-over {
	/* Image nodes */
	
}

/* Here there be styles governing individual editors */

/* Begin by resetting commonly styled items */

div.layout-editor div.container textarea,
div.layout-editor div.container input,
div.layout-editor div.container select {
	border: 1px solid black;
	color: #000;
	background-color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	

/* Individual Editor Syles */

div.layout-editor {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	top: 0px;
	left: 30%;
	width: 500px;
	display: none;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
div.layout-editor div.container {
	background-image: url(../images/editor-body-head.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}
div.layout-editor div.editor-footer {
	background-image: url(../images/editor-body-footer.gif);
	background-repeat: no-repeat;
	height: 23px;
	position: relative;
}
div.layout-editor div.container p {
	margin: 0px;
	padding: 0px;
	position: relative;
}
div.layout-editor div.container p.button {
	padding-top: 10px;
	position: relative;
}
div.layout-editor div.container a img {
	border-width: 0px;
	position: relative;
}
div.layout-editor div.container label {
	display: block;
	font-weight: bold;
	margin-top: 1.5em;
}
div.layout-editor div.container textarea,
div.layout-editor div.container input {
	width: 400px;
}
div.layout-editor div.container textarea {
	height: 120px;
}
div.editor-metatag div.container h1,
div.editor-label div.container h1,
div.editor-image div.container h1 {
	margin: 0;
	padding: 0;
	padding-bottom: .5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
div.editor-content div.container h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
div.editor-metatag div.container,
div.editor-label div.container,
div.editor-image div.container, 
div.editor-content div.container {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
}
div.editor-metatag div.container div,
div.editor-label div.container div,
div.editor-image div.container div,
div.editor-content div.container div {
	padding-left: 25px;
	padding-right: 25px;
	position: relative;
}

div.editor-content div.container textarea {
	height: 400px;
}
div.editor-metatag div.container textarea {
	height: 100px;
}

div.layout-editor div.container div.container-fieldset-last {
	padding-left: 12px;
	padding-top: 1.5em;
	padding-bottom: 0.5em;
	width: 430px;
	overflow: hidden;
}
div.layout-editor div.container div.container-fieldset-last fieldset {
	width: 430px;
	overflow: hidden;
	padding-bottom: 20px;
}
div.layout-editor div.container div.container-fieldset-last div {
	padding-left: 10px;
}
.bold {
	font-weight: bold
}
div.layout-editor div.container div.container-fieldset-last p,
div.layout-editor div.container div.container-fieldset-last label {
	margin-top: 0.5em;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
	line-height: 1px;
}
div.clear {
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}