/* UI ===================================== */

/* Manage Button */

.wysiwyg {position:relative;}
h1 + a.manage-button {
	top: 0;
	right: 10px;
}
a.manage-button {
	position: absolute;
	z-index: 900;
	top: -20px;
	right: -10px;
	padding: 1px 3px 0 3px;
	background: #333;
	border-bottom: 1px solid #666;
	color: #fff !important;
	font-size: 11px;
	text-transform: capitalize;
	text-decoration: none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
a.manage-button:hover {
	background: #333 !important;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
a.manage-button:active, a.manage-button:focus {
}
#section-nav a.manage-button {
	position: absolute !important;
	top: -15px;
}
.slideshow-wrap > .manage-button:first-child {
	top: -40px;
}

@media only screen and (max-width : 960px){
	a.manage-button {
		right: 0;
	}
	.home .slideshow-wrap a.manage-button {
		top: -10px;
	}
}

/* Navigation ===================================== */

#cmsMenu {
	background: #dcdcdc;
	border-bottom: 1px solid #666;
	display: block;
	height: 40px;
	padding: 5px 30px;
}
#cmsMenu h1 {
	color: #666;
	float: left;
	font: 18px Helvetica Neue, Arial, Sans-Serif;
	line-height: 40px;
}
#cmsMenu ul {
	float: right;
}
#cmsMenu ul li {
	float: left;
	margin: 0;
	padding: 6px;
	position: relative;
}
#cmsMenu ul li.drop a {
	background-image:url(/assets/images/nav-bg.png);
	background-repeat: no-repeat;
	background-position: 96% 20%;
	padding-right: 20px;
}
#cmsMenu li:hover,
#cmsMenu li.hover {
	background: #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#cmsMenu ul li a {
	background: #fff;
	border: 0 none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: capitalize;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#cmsMenu ul.item {
	display:none;
}
#cmsMenu li:hover ul,
#cmsMenu li.hover ul {
	display: block;
	padding: 4px;
	position: absolute;
	top: 34px;
	left: 0px;
	text-align: left;
	z-index: 100;
}
#cmsMenu ul.item {
	background: #333;
	border-bottom: 1px solid #666;
	padding-bottom: 4px;
	width: 150px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}
#cmsMenu ul.item.tools {
	width: 200px;
}
#cmsMenu ul.item li {
	float: none;
	margin: 2px 2px 4px 2px;
	padding: 0;
}
#cmsMenu ul.item li a {
	background: #fff;
	color: #444;
}
#cmsMenu ul.item li a:hover,
#cmsMenu li:hover a:hover,
#cmsMenu li.hover a:hover {
	background-color: #888;
	color: #fff;
}

/* Form Cleanup, accompanying cmsFormCleanup.js ===================================== */
/* Added by Eric - Nov 15 2011 */

body.popup{padding: 20px;}

body.popup .formWrapper {
	padding: 0 10px;
	background: #E0E0E0;
	overflow: auto;
}

body.popup table.form{
	position:relative;
	padding: 0px;
}

body.popup table.form{
	position:relative;
	padding: 0px;
}

body.popup table.form th {
	background: #C2C2C2;
}

body.popup td{
	font-size: 12px;
}

body.popup td.formHeader{
	padding: 10px;
	font: bold 24px/1.3 helvetica,arial,sans-serif;
	background: #A2A2A2;
	border:none;
	border-bottom: 3px solid white;
}

body.popup h1, body.popup h2, body.popup h3, body.popup h4{font-family: 'Helvetiva Nueue', 'Helvetica', sans-serif;}

div#h1-fix{font-size: 22px; color: #000; padding: 10px 10px 0 10px; border-bottom: 3px solid #F7F7F7; background-color: #A2A2A2; border-bottom: 3px solid #F7F7F7; display: block;}


div#content-form div.group{padding: 16px 36px;}

div#content-form div.actions{padding: 10px 36px; background-color: #FFFEB7;}

div#content-form div.basic.url div.options{
	width: 215px;
	position: absolute;
	margin-left: 422px;
	margin-top: -70px;
}

div#content-form span.label{font-weight: bold; text-transform: uppercase; font-size: 10px;}

body.popup input[type="text"].active{font-style:normal; color:#000;}


div#content-form div.basic.file div.options{margin-top: 12px;}
div#content-form div.basic.file div.options p{display:inline-block;}
div#content-form div.basic.file div.options span.label{width: 78px;}

.text-editor{display: block; width: 100%; height: 330px; background-color: #FFF; border: 1px solid #FDFDFD; margin-top: 10px;}

div#content-form div.basic span.label{width: 70px; display: inline-block;}

span.label{color:#333;}
span.label.comments,
span.label.featured{padding-left: 0px;}

div#content-form div.related{border-top: 1px solid #F7f7f7; border-bottom: 1px solid #F7f7f7;}

div#content-form div.col{display: inline-block;}

div#content-form div.related div.col select{width: 208px;}
div#content-form div.related div.col{width: 314px; width:311px\9;}

div#content-form div.basic-meta div.col select{width: 184px;}
div#content-form div.basic-meta div.col{margin-right: 38px; margin-right:34px\9;}

div#content-form div.basic-meta div.col.last,
div#content-form div.related div.col.last{margin-right: 0px;}

div#content-form div.basic-meta{margin-bottom: 20px;}

div#content-form div.advanced{padding-top: 0px;}
div#content-form div.options div.col{display:inline-block; width: 50%; vertical-align: top;}

div#content-form div.options span{width: 100px; text-align: right; display:inline-block; margin-right: 6px;}

body.popup h4{
	height: 13px;
	margin: 10px 0;
	padding: 6px 10px 8px;
	font-size: 12px;
	background-color: #B7B7B7;
	cursor: pointer;
}
body.popup h4:hover{
	color: #FFF;
	background-color: #939393;
}

div.group a{font-size: 12px;}
p.beta-link{

	font-family: 'Lucida Sans', sans-serif;

	position: absolute;
	left: 698px;
	top: 41px;
	top: 77px\9;
	z-index:10;

	width: 116px; height: 13px;
	font-size: 10px; font-weight: normal; text-transform: uppercase;
	margin-top: 24px;
	cursor:pointer;
	color: #fff;
	padding: 4px 0px 2px 0px;
	text-align: center;

	-moz-border-radius: 4px;
	border-radius: 4px;

	background: #ffb76b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
}

body.popup p.beta-link.classic{left: 614px;}
p.beta-link.classic{background:transparent; background-color: #bcbcbc; width: 115px; left: 558px; top: 51px}
p.beta-link{ left: 596px; top: 36px}

div#status{width: 12px; height: 12px; margin-bottom: -27px; position: relative; z-index: 12; margin-left: 7px;}
div#status.closed{background:url(../images/arrow-closed.png) no-repeat;}
div#status.opened{background:url(../images/arrow-opened.png) no-repeat; margin-left: 6px;}

#formHelpIcon {
	position:absolute;
	display: block;
	margin: 0;
	padding: 0;
	top:14px;
	right:14px;
	height: 22px;
	width: 22px;
	background: url(/shared/images/icons/help_sprite.png) no-repeat;
}

#formHelpIcon:hover {
	background: url(/shared/images/icons/help_sprite.png) no-repeat 0 -27px;
}

#formHelpIcon img {
	margin: 0;
	padding: 0;
}

img.help-icon{margin-top: -33px; float: right; cursor: pointer;}

.hide{display:none;}

tr.section td {
	padding-top: 10px;
	border-top: 1px solid white;
}

body.popup td.highlight {
	background: #A2A2A2;
	line-height: inherit;
	padding: 2px 5px;
}

body.popup input.large {
	font-size: 20px;
}

body.popup input.primary {
	width: 98%;
	padding: 5px;
}

#categoryForm input[type='text'] {
	width: 560px;
}
#categoryForm #featured_until_homepage {
	width: 105px;
}
#siteTemplateCategoryForm input[type='text'],
#siteTemplateCategoryForm select {
	width: 200px;
}

body.popup .formfieldGroup {
	clear: both;
	overflow: auto;
	padding: 20px 0 10px;
	border-top: 1px solid white;
}

body.popup .formfield {
	float: left;
	margin: 5px 40px 5px 0;
}

body.popup .formfield label {
	display: block;
}

body.popup .formfieldCol {
	float: left;
	margin-right: 40px;
}

body.popup .formfieldCol .formfield {
	float: none;
}

body.popup .formfield.horizontal {
	width: 270px;
	margin: 5px 0;
}

body.popup .formfield.horizontal label {
	display: inline-block;
	width: 100px;
	padding-right: 10px;
	text-align: right;
}

body.popup .formfield.horizontal input {
	width: 80px;
}

body.popup .icon {
	vertical-align: text-bottom;
}

body.popup #advancedOptions {
	display: none;
}

body.popup #advancedOptions > .formfieldGroup:first-child {
	padding-top: 0;
	border: none;
}

body.popup div.inline {
	position: relative;
}
body.popup div.inline label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 5px 5px;
}
body.popup div.inline label.large {
	font-size: 20px;
}

/* IE Hacks */
input.content_name{font-size: 20px\9; padding: 4px\9; margin-bottom: 6px\9;}
input.summary_text{font-size: 12px\9; font-style: italic\9; padding: 4px\9; color: #9a9a9a\9; height: 24px\9;}
div#content-form div.col, div#content-form div.advanced-meta div.col{display:inline !important\9}
div#content-form div.advanced-meta div.col{width: 45% !important\9}
body.popup div#content-form div.basic.group input.active{font-style:normal !important\9; color:#000 !important\9;}
body.popup p.classic.beta-link{margin-top: 46px\9; left: 580px !important\9}
div.closed{top: 6px !important\9;}