body { 
	background: #000 url(/images/admin/background/body.png) repeat 0 0;
/*	font-family: Arial,Helvetica,sans-serif;*/
	font-size: 1em;
}

.container {
	width: 966px;
}

#wrapper {
	background: transparent url(/images/admin/background/light.png) repeat-x 0 0;
}

#header {
	position: relative;
	padding-top: 20px;
}

#header h1 {
	margin-bottom: 0px;
}

#header h1 a {
	font-size: 0.5em;
	color: #f0f0f0;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	margin-left: 8px;
}

#search-bar {
	position: absolute;
	top: 15px;
	right: 0px;
}

#global-actions-bar {
	position: absolute;
	top: 70px;
	right: 8px;
	color: #8b8d9a;
	font-size: 0.7em;
	text-shadow: 1px 1px 1px #000;
}

#global-actions-bar a {
	color: #1F82BC;
	text-decoration: none;
}

#global-actions-bar a:hover { text-decoration: underline; }

#global-actions-bar span {
	font-size: 0.9em;
	color: #999;
	margin: 0 1px;
/*	text-shadow: 1px 1px 1px #000;*/
}

#content {
	background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
}

#content div.inner {
	margin: 0px 8px;
	padding: 10px 15px 20px 15px;
	background: white;
	min-height: 150px;
	position: relative;
}

#content div.inner h2 {
	padding-bottom: 10px;
	font-size: 1.3em;
	font-weight: bold;
	color: #1e1f26;
	border-bottom: 1px dotted #bbbbbd;
}

#content div.inner h2 a.editable { 
	padding: 2px 25px 2px 6px;
	text-decoration: none; 
	color: #1e1f26;
	outline: none;
}

#content div.inner h2 a.editable:hover {
	background: #fffbe5 url(/images/admin/form/pen.png) no-repeat right 5px;
	border-bottom: 1px dotted #efe4a5;
}

#content div.inner h3 {
	background: transparent url(/images/admin/list/item.png) no-repeat 0 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #1e1f26;
	padding: 7px 0 10px 20px;
}

#content div.inner p {
	color: #8b8d9a;
	font-size: 0.8em;
}

#content #local-actions-bar {
	position: absolute;
	top: 15px;
	right: 15px;
}

#content #local-actions-bar a {
	display: block;
	float: left;
	height: 20px;
	color: #8b8d9a;
	text-decoration: none;
	font-size: 0.7em;
	padding-left: 24px;
	margin-left: 10px;
	background: transparent url(/images/admin/buttons/action-left.png) no-repeat 0 0;
	outline: none;
}

#content #local-actions-bar a:hover span { text-decoration: underline; }

#content #local-actions-bar a span {
	display: inline-block;	
	height: 13px;
	background: transparent url(/images/admin/buttons/action-right.png) no-repeat right 0;
	padding: 1px 10px 8px 2px;
}

/* ___ footer ___ */

#footer {
	background: transparent url(/images/admin/background/footer.png) no-repeat 0 0;
}

#footer p {
	padding: 15px 8px 0 0;
	font-size: 0.6em;
	color: #444;
}

/* ___ Alignements ___ */

.tcenter { text-align: center; }
.tright { text-align: right; }
.tleft { text-align: left; }
.tjustify { text-align: justify; }
.fright { float: right; }

/* ___ Margins ___ */

.nomargin { margin: 0 !important; }
.mt30 { margin-top: 30px !important; }
.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.m20 { margin: 20px !important; }
.mt10 { margin-top: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.m10 { margin: 10px !important; }

/* ___ NoCoffee / Rails Tags ___ */

a#nocoffee { text-decoration: none; font-size: 1.1em; line-height: 20px; color: #505b64; padding-right: 20px; margin: 0 4px; background: transparent url(../../images/admin/nocoffee.gif) no-repeat right 0px; }
a#nocoffee em { color: #ef3f44; font-weight: normal; font-style: normal; }

a#powered-by { text-decoration: none; font-size: 1.1em; color: #666; }
a#powered-by:hover{ text-decoration: underline; color: #aaa; }




.toggleSwitch {
	position: relative;
	top: 3px;
}

div.toggleSwitch span.leftLabel{
	float: left;
}

div.toggleSwitch span.leftLabel, div.toggleSwitch span.rightLabel{
	line-height: 20px;
	padding: 0 5px;
	font-size: 0.8em;
	font-weight: bold;
}

div.toggleSwitch div.switchArea {
	float: left;
	background: transparent url("/images/admin/plugins/toggle_shadow-bg.png") top left no-repeat;
	width: 64px;
	height: 24px;
	cursor: pointer;
}

div.toggleSwitch span.switchHandle{
	display: block;
	background: #aaa;
	background: transparent url("/images/admin/plugins/toggle_handle-bg.png") top left no-repeat;
	width: 30px;
	height: 100%;
	cursor: pointer;
	cursor: hand;
	margin-left: 0;
}

div.toggleSwitch span.switchHandle.left{
	background-image: url("/images/admin/plugins/toggle_handle_left-bg.png");
}

div.toggleSwitch span.switchHandle.right{
	background-image: url("/images/admin/plugins/toggle_handle_right-bg.png");
}


/* ___ menu ___ */

ul#menu {
	list-style: none;
	margin: 20px 0 0 0px;
	padding: 0px;
	background: transparent url(/images/admin/menu/gray-border.png) no-repeat 0 bottom;
	height: 41px;
}

body.assets ul#menu { background-image: url(/images/admin/menu/green-border.png); }
body.settings ul#menu { background-image: url(/images/admin/menu/blue-border.png); }

ul#menu li {
	float: left;
	height: 40px;
}

ul#menu li a {
	display: inline-block;
	padding: 13px 55px 7px 5px;
	margin-left: 15px;
	text-decoration: none;
	color: #787a89;
	text-shadow: 1px 1px 1px #c5cfd1;
	font-size: 0.8em;
	outline: none;
	height: 19px;
}

ul#menu li a em { 
	display: inline-block;	
	width: 15px;
	height: 12px;
	position: relative;
	top: 2px;
	margin-right: 4px;
}


ul#menu li.contents { background: url(/images/admin/menu/top-left.png) no-repeat 0 -40px; padding-left: 13px; }
ul#menu li.contents a { background: url(/images/admin/menu/top.png) repeat-x 0 -40px; margin-left: 0px; padding-right: 5px; padding-left: 5px; }
ul#menu li.contents a em { background: transparent url(/images/admin/menu/icons/folder.png) no-repeat 0 0; }

body.contents ul#menu li.contents { background-position: 0 0px; }
body.contents ul#menu li.contents a { background-position: 0 0px; color: white; text-shadow: none; }
body.contents ul#menu li.contents a em { background-position: 0 -12px; }
body.settings ul#menu li.contents { background-position: 0 -80px; }
body.settings ul#menu li.contents a { background-position: 0 -80px; }

ul#menu li.assets { background: url(/images/admin/menu/left.png) no-repeat 0 -40px; padding-left: 35px; }
ul#menu li.assets a em { background: transparent url(/images/admin/menu/icons/settings.png) no-repeat 0 0; height: 14px; }
body.contents ul#menu li.assets { background-position: 0 0px; }
body.assets ul#menu li.assets { background-position: 0 -80px; }
body.assets ul#menu li.assets a { background-position: right -80px; color: white; text-shadow: none; }
body.assets ul#menu li.assets a em { background-position: 0 -15px; }

ul#menu li.assets { background: url(/images/admin/menu/left.png) no-repeat 0 -40px; padding-left: 35px; }
ul#menu li.assets a { background: url(/images/admin/menu/right.png) no-repeat right 0px;  }
body.contents ul#menu li.assets { background-position: 0 0px; }
body.settings ul#menu li.assets { background-position: 0 -200px; }
body.settings ul#menu li.assets a { background-position: right -400px; }

ul#menu li.settings { background: none; }
ul#menu li.settings a { background: url(/images/admin/menu/right.png) no-repeat right -40px; margin-left: 0px; }
ul#menu li.settings a em { background: transparent url(/images/admin/menu/icons/settings.png) no-repeat 0 0; height: 14px; }
body.settings ul#menu li.settings a { background-position: right -440px; color: white; text-shadow: none; }
body.settings ul#menu li.settings a em { background-position: 0 -30px; }
body.contents ul#menu li.settings { background-position: 0 0px; }
body.assets ul#menu li.settings a { background-position: right -120px; }


ul#menu li.clear { float: none; height: 1px; }

/* ___ submenu ___ */

#submenu {
	background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
	height: 60px;
	position: relative;
}

#submenu div.action {
	position: absolute;
	top: 18px;
	right: 22px;
}

#submenu div.action a {
	display: block;
	float: left;
	height: 20px;
	color: white;
	text-decoration: none;
	font-size: 0.7em;
	padding-left: 26px;
	background: transparent url(../../images/admin/buttons/add-left.png) no-repeat 0 0;
	outline: none;
}

#submenu div.action a:hover span { text-decoration: underline; }

#submenu div.action a span {
	display: inline-block;	
	height: 13px;
	background: transparent url(../../images/admin/buttons/add-right.png) no-repeat right 0;
	padding: 1px 12px 10px 0px;
	text-shadow: 1px 1px 1px #000;
}

#submenu > ul {
	width: 950px;
	height: 46px;
	list-style: none;
	margin: 0px 8px 0 8px;
	padding: 14px 0 0 0px;
	clear: both;
}

#submenu > ul > li {
	display: block;
	float: left;
	margin-left: 8px;
	position: relative;
	z-index: 999;
}

#submenu > ul > li > a {
	display: block;
	float: left;
	height: 31px;
	color: white;
	text-decoration: none;
	font-size: 0.8em;
	padding-left: 15px;
	background: transparent url(../../images/admin/buttons/emboss-left.png) no-repeat 0 0;
	outline: none;
}

#submenu > ul > li > a span {
	display: inline-block;	
	height: 17px;
	background: transparent url(../../images/admin/buttons/emboss-right.png) no-repeat right 0;
	padding: 4px 28px 10px 0px;
	text-shadow: 1px 1px 1px #000;
}

#submenu > ul > li.links a span em {
	display: inline-block;
	background: transparent url(/images/admin/menu/arrow.png) no-repeat 0 0;
	width: 16px;
	height: 9px;
	position: relative;
	top: 2px;
	left: 4px;
}

#submenu > ul > li.on a { background-position: 0 -31px; }
#submenu > ul > li.on a span { background-position: right -31px; }
#submenu > ul > li.on a span em { background-position: 0 -9px; }

#submenu > ul > li.hover > a { background-position: 0 -186px; color: #8b8d9a; }
#submenu > ul > li.hover > a span { background-position: right -186px; text-shadow: none; }
#submenu > ul > li.hover > a span em { background-position: 0 -18px; }


body.assets #submenu > ul > li > a { background-position: 0 -62px; }
body.assets #submenu > ul > li > a span { background-position: right -62px; }
body.assets #submenu > ul > li.on > a { background-position: 0 -93px; }
body.assets #submenu > ul > li.on > a span { background-position: right -93px; }

body.settings #submenu > ul > li > a { background-position: 0 -124px; }
body.settings #submenu > ul > li > a span { background-position: right -124px; }
body.settings #submenu > ul > li.on > a { background-position: 0 -155px; }
body.settings #submenu > ul > li.on > a span { background-position: right -155px; }

body.contents #submenu > ul { background: transparent url(/images/admin/menu/gray-bg.png) repeat-x 0 0; }
body.assets #submenu > ul { background: transparent url(/images/admin/menu/green-bg.png) repeat-x 0 0; }
body.settings #submenu > ul { background: transparent url(/images/admin/menu/blue-bg.png) repeat-x 0 0; }

/* ___ popup ___ */

#submenu .popup { 
	z-index: 998;
	position: absolute;
	top: 27px;
	margin-left: -4px;
	width: 305px; 
	background: transparent url(/images/admin/menu/popup-footer.png) no-repeat 0 bottom;
	padding-bottom: 25px;
}

#submenu .popup a { color: #1f82bc; text-decoration: none; }
#submenu .popup a:hover { text-decoration: underline; }

#submenu .popup .header {
	background: transparent url(/images/admin/menu/popup-header.png) no-repeat 0 0;
	width: 100%;	
}

#submenu .popup .header p { margin: 0px 15px; padding: 10px 0 0 0px; }
#submenu .popup .header p a {
	font-size: 0.8em;	
	background: transparent url(/images/admin/menu/icons/add.png) no-repeat left 4px;
	padding-left: 12px;
}

#submenu .popup .inner {
	background: transparent url(/images/admin/menu/popup-body.png) repeat-y 0 0;	
	padding: 6px 15px 0px 15px;
}

#submenu .popup .inner h2 {
	font-size: 0.7em;
	font-weight: bold;
	color: #1e1f26;
	border-top: 1px dotted #bbbbbd;
	padding-top: 6px;
	margin-bottom: 0px;
}

#submenu .popup .inner ul {
	list-style-image: url(/images/admin/menu/icons/bullet.png);
	margin: 0px 0px 0 15px;
}

#submenu .popup .inner ul li {
	position: relative;
}

#submenu .popup .inner ul li a {
	font-size: 0.7em;
}

#submenu .popup .inner ul li span {
	position: absolute;
	top: 6px;
	right: 15px;
	color: #8b8d9a;
	font-size: 0.7em;
}

.button {
	display: inline-block;
	background: transparent url(/images/admin/buttons/dark-gray-left.png) no-repeat 0 0;
	padding: 0px 0px 0px 2px;
	font-size: 0.9em;
	color: white;
	cursor: pointer;
	border: none;
	height: 31px;
	outline: none;
}

.button span {
	display: inline-block;
	background: transparent url(/images/admin/buttons/dark-gray-right.png) no-repeat right top;
	position: relative;
	top: -1px;
	padding: 3px 9px 9px 4px;
	line-height: 21px;
	text-shadow: 1px 1px 1px #000;
	outline: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.button { padding-left: 5px; }
	.button span { top: 0px; }
}

.button.light {
	background-image: url(/images/admin/buttons/light-gray-left.png);
	color: #787a89;
}

.button.light span {
	background-image: url(/images/admin/buttons/light-gray-right.png);
	text-shadow: 1px 1px 1px #fff;
}

.button.small {
	background: transparent url(/images/admin/buttons/action-left.png) no-repeat left -40px;
	color: #787a89;
	height: 20px;
	font-size: 0.7em;
	padding: 0px 0px 0px 12px;
	color: #8B8D9A !important;
	text-decoration: none;
}

.button.small span {
	background-image: url(/images/admin/buttons/action-right.png);
	text-shadow: 1px 1px 1px #fff;
	padding: 0px 12px 10px 0px;
	top: 0px;
	color: #8B8D9A;
}

.button.small.add {
	padding-left: 24px;
	background-position: 0 0;
}

.button.remove, .button.remove span {
	color: #ff092c !important;
	font-size: 1.1em;
}

.button.remove:hover span { text-decoration: underline; }

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/

form.formtastic legend {
	margin: 0;
	float: left;
	white-space: normal;
	*margin-left: -7px;
	position: relative;
}

form.formtastic legend span {
  display: block;
	width: 900px;
	height: 26px;
	background: transparent url(/images/admin/form/header.png) no-repeat 0 0px;	
	color: #1e1f26;
	font-size: 0.7em;
	padding: 4px 0 0 20px;
}

form.formtastic legend span small {
	position: absolute;
	top: 7px;
	right: 20px;
	color: #787a89;
	font-size: 0.8em;
	font-weight: normal;
}

/* ___ enabling fold/unfold ___ */

form.formtastic fieldset.foldable legend span { cursor: pointer;  }

form.formtastic fieldset.foldable legend span em {
	display: inline-block;
	width: 9px;
	height: 6px;
	position: relative;
	top: 8px;
	left: 10px;
	background: transparent url(/images/admin/form/folded-arrow-on.png) no-repeat 0 0px;
}

form.formtastic fieldset.foldable.folded legend span { background-image: url(/images/admin/form/folded.png); }
form.formtastic fieldset.foldable.folded legend span em {
	width: 6px;
	height: 9px;
	top: 6px;
	background-image: url(/images/admin/form/folded-arrow-off.png);
}

form.formtastic fieldset.foldable ol {
	clear: both;
	width: 100%;
	overflow: hidden;
}

form.formtastic fieldset.foldable.folded ol { display: none; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	form.formtastic fieldset.foldable legend span em { top: 0px; }
	form.formtastic fieldset.foldable.folded legend span em { top: 0px; }
}

/* ___ inputs ___ */

form.formtastic fieldset.inputs { min-height: 30px; width: 100%; margin-bottom: 20px; }

form.formtastic fieldset.inputs ol { 	
	clear: both;
	margin: 30px 0 0 0; 
	padding-top: 15px; 
	padding-bottom: 5px;
	background: #ebedf4 url(/images/admin/form/footer.png) no-repeat 0 bottom;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	form.formtastic fieldset.inputs ol {
		margin-top: 30px;
	}
}

form.formtastic fieldset ol li { width: 100%; position: relative; margin-bottom: 1.3em; }

form.formtastic fieldset ol li label { text-align: left; padding: 0.3em 2em 0 20px; font-size: 0.8em; color: #17171b; width: 15%; }

form.formtastic fieldset ol li.string input,
form.formtastic fieldset ol li.password input,
form.formtastic fieldset ol li.numeric input,
form.formtastic fieldset ol li.text textarea,
form.formtastic fieldset ol li code textarea,
form.formtastic fieldset ol li input[type=password] { 
	padding: 4px; 
	font-size: 0.9em; 
	width: 45%; 
	color: #787a89;
	background: white url(/images/admin/form/field.png) repeat-x 0 0;
	border: 1px solid #a6a8b8;
}

form.formtastic fieldset ol li p.inline-hints {	margin-left: 20%; }
form.formtastic fieldset ol li p.inline-hints a { color: #1f82bc; }

form.formtastic fieldset ol li code { display: block; border: 1px solid #a6a8b8; margin: 10px 20px 0 20px; }
form.formtastic fieldset ol li code.nude textarea {
	width: 870px;
	border: 0px;
}

/*form.formtastic fieldset ol li code.html iframe { width: 46% !important; }*/

form.formtastic fieldset ol li select { font-size: 0.9em; position: relative; top: 2px; color: #787a89; }

form.formtastic fieldset ol li.error input,
form.formtastic fieldset ol li.error textarea,
form.formtastic fieldset ol li.error code iframe { border: 2px solid #ec3f48 !important; }
form.formtastic fieldset ol li.error code { border: none; }
form.formtastic fieldset ol li p.inline-errors {
	display: none;
	position: absolute;
	top: 0px;
	left: 630px;
	width: 250px;
	margin: 0px;
	padding: 6px 5px 8px 25px; 
	background: #ec3f48 url(/images/admin/form/error-arrow.png) no-repeat 0 0; 
	color: #fff !important; 
	font-size: 0.7em !important;
}

form.formtastic fieldset ol li.more { text-align: right; width: auto; margin-right: 20px; line-height: 0.6em; }
form.formtastic fieldset ol li.more a { text-decoration: none; color: #787A89; font-size: 0.7em; }
form.formtastic fieldset ol li.more a:hover { text-decoration: underline; }


/*form.formtastic hr { border-top: 2px solid #ccc; }*/

/*form.formtastic fieldset.buttons { padding-left: 28%; padding-bottom: 20px; }*/

form.formtastic div.actions {
	position: relative;
	top: 27px;
	left: -15px;
	width: 950px;
	background: #8b8d9a;
}

form.formtastic div.actions p {
	padding: 15px;
	margin: 0px;
}

form.formtastic div.actions a {
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
	position: relative;
	top: 4px;
}

form.formtastic div.actions p a:hover { text-decoration: underline; }

form.formtastic div.actions .last p { text-align: right; }


/* ___ pages ___ */

form.formtastic fieldset ol li.path em {
	font-size: 0.8em;
}

form.formtastic fieldset ol li.path input {
	background: transparent;
	padding: 4px 4px 2px 4px;
	border: none;
	color: #787a89;
	border-bottom: 1px solid #b5b7c4;
	width: 30%;
}

form.formtastic fieldset ol li.path.error input {
	border: none !important;
	border-bottom: 2px solid #ff092c !important;
}

/* ___ sites ___ */

form.formtastic fieldset ol li.item {
	position: relative;
	background: transparent url(/images/admin/form/item.png) no-repeat 0 0;
	height: 25px;
	width: 861px;
	margin: 0px 0px 10px 20px;
	padding: 3px 10px;
}

form.formtastic fieldset ol li.item strong {
	font-size: 0.9em;
	font-weight: bold;
	color: #17171d;
}

form.formtastic fieldset ol li.item strong a {
	color: #17171d;
	text-decoration: none;
}

form.formtastic fieldset ol li.item strong a:hover { text-decoration: underline; }

form.formtastic fieldset ol li.item em {
	margin-left: 10px;
	font-size: 0.7em;
	color: #757575;
}

form.formtastic fieldset ol li.item span.actions {
	position: absolute;
	top: 7px;
	right: 10px;
	width: 16px;
	height: 16px;
}

/* ___ editable-list (content type fields and validations) ___ */

form.formtastic fieldset.editable-list ol { padding-left: 20px; padding-right: 20px; width: 880px; }

form.formtastic fieldset.editable-list ol li { margin-left: 0px !important; }

form.formtastic fieldset.editable-list ol li span.handle {
	cursor: move;
	position: relative;
	top: 1px;
}

form.formtastic fieldset.editable-list ol li.added span.actions a.remove {
	display: inline;
}

form.formtastic fieldset.editable-list ol li.added span.actions button {
	display: none;
}

form.formtastic fieldset.editable-list ol li.added select {
	display: none;
	position: relative;
	top: -1px;
}

form.formtastic fieldset.editable-list ol li.added em {
	color: #8b8d9a;
	font-size: 0.9em;
	font-style: italic;
	margin-left: 3px;
}
form.formtastic fieldset.editable-list ol li.added em { border: 1px solid transparent; padding: 2px 5px; }
form.formtastic fieldset.editable-list ol li.added em:hover {
	background: #fffbe5;
	border: 1px dotted #efe4a5;
	cursor: pointer;
	color: #17171D;
	font-weight: bold;
}

form.formtastic fieldset.editable-list ol li.added input {
	position: relative;
	top: -1px;
	background: transparent;
	border: 1px solid transparent;
	padding: 1px 5px 2px 5px;
	color: #17171D;
	font-size: 0.9em;
	font-weight: bold;
	cursor: normal;
}

form.formtastic fieldset.editable-list ol li.added input:hover {
	background: #fffbe5;
	border: 1px dotted #efe4a5;
	cursor: pointer;
}

form.formtastic fieldset.editable-list ol li.added input:focus {
	font-size: 0.9em;
	font-weight: normal;
	color: #787a89;
	background: white url(/images/admin/form/field.png) repeat-x 0 0;
	border: 1px solid #a6a8b8;
}

form.formtastic fieldset.editable-list ol li.added .inline-errors {
	position: relative;
	top: -1px;
	padding: 2px 3px; 
	background: #FFE5E5; 
	color: #CE2525; 
	font-size: 0.8em;	
}

form.formtastic fieldset.editable-list ol li.template {
	height: 42px;
	background-image: url(/images/admin/form/big_item.png);
	padding-top: 10px;
}

form.formtastic fieldset.editable-list ol li.template input {
	display: inline;
	margin-left: 10px;
	padding: 4px; 
	font-size: 0.9em; 
	width: 180px; 
	color: #787a89;
	background: white url(/images/admin/form/field.png) repeat-x 0 0;
	border: 1px solid #a6a8b8;
	position: relative;
	top: 1px;
}

form.formtastic fieldset.editable-list ol li.template select {
	display: inline;
}

form.formtastic fieldset.editable-list ol li.template span.handle {
	display: none;
}

form.formtastic fieldset.editable-list ol li.template span.actions {
	width: auto;
	top: 10px;
}

form.formtastic fieldset.editable-list ol li.template span.actions a.remove {
	display: none;
}

form.formtastic fieldset.editable-list ol li.template span.actions button {
	display: inline;
}

form.formtastic fieldset.editable-list ol li.template span.actions button span {
	font-size: 0.8em;
}

/* ___ editable-list (content type validations) ___ */

form.formtastic fieldset.validations ol li.added em.key {
	display: inline-block;
	position: relative;
	top: -1px;
	padding: 1px 5px 2px 5px;
	color: #17171D;
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
	margin-left: 5px;
	width: 180px;
}

/* ___ my account ___ */

form.formtastic fieldset.language li.full span {
	margin: 0 20px;
	font-size: 0.8em;
	font-weight: bold;
}

form.formtastic fieldset.language li.full span img { 
	position: relative;
	top: 6px;
}

form.formtastic fieldset.language li.full span input {
	margin-left: 5px;
}

/* ___ membership ___ */

form.formtastic fieldset.email li.full input {
	margin-left: 20px;
}

/* ___ assets ___ */

.selector {
	position: relative;
}

.selector span.alt {
	position: absolute;
	top: 7px;
	right: 20px;
	color: #787a89;
	font-size: 0.7em;
	text-decoration: none;
	cursor: pointer;
}


form.formtastic fieldset.file li.full input {
	margin-left: 20px;
}

form.formtastic fieldset.file li.full p.inline-errors { display: block !important; }


form.formtastic fieldset.preview { position: relative; }

form.formtastic fieldset.preview li { text-align: center; position: static; }

form.formtastic fieldset.preview li .image {
	width: 870px;
	margin: 10px 20px 0px 20px;
	border: 4px solid white;
	background: transparent url(/images/admin/list/empty.png) repeat 0 0;
	overflow: hidden;
}

form.formtastic fieldset.preview li .inside {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

form.formtastic fieldset.preview li img { }


/* ___ main error message ___ */

div.form-errors p {
	background: #FFE5E5;
	color: #CE2525;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	margin: 0px;
	text-align: center;
}

div.formError { 
	position: relative;
	top: -2px;
	display: inline;
	background: #CE2525 url(/images/admin/left_arrow_red.png) no-repeat 0px center;
	color: white;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 10px 3px 20px;
	margin-left: 10px;
}

div.fieldWithErrors { display: inline; }



/* ___ application messages ___ */

div.notice {
	background: transparent url(/images/admin/form/growl-notice.png) repeat-x 0 0;
	position: relative;
	width: 100%;
	height: 90px;
}

div.notice.error {
	background-image: url(/images/admin/form/growl-error.png);
}

div.notice p {
	position: relative;
	top: 35px;
	margin: 0px;
	text-align: center;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px #333;
	color: #fff;
}

/* ___ list ___ */

p.no-items {
	padding: 15px 0px;
	background: transparent url(/images/admin/list/none.png) no-repeat 0 0;
	text-align: center;
	color: #9d8963 !important;
	font-size: 1.1em !important;
}

p.no-items a { 
	color: #ff2900;
	text-decoration: none;
}

p.no-items a:hover {
	text-decoration: underline;
}

ul.list {
	list-style: none;
	margin: 0px 0 20px 0;
	background: white;
}

ul.list li {
	height: 31px;
	margin-bottom: 10px;	
	position: relative;
	clear: both;
	background: transparent url(/images/admin/list/item.png) no-repeat 0 0;
}

ul.list li em {
	display: block;
	float: left;
	background: transparent url(/images/admin/list/item-left.png) no-repeat left 0;
	height: 31px;
	width: 18px;
}

ul.list li strong a {
	position: relative;
	top: 2px;
	left: 15px;
	text-decoration: none;
	color: #1f82bc;
	font-size: 0.9em;
}

ul.list.sortable li strong a { left: 10px; }

ul.list li strong a:hover { text-decoration: underline; }

ul.list li div.more {
	position: absolute;
	top: 3px;
	right: 15px;
	font-size: 0.7em;
	color: #8b8d9a;
}

ul.list li div.more a {
	margin-left: 10px;
	position: relative;
	top: 4px;
}

ul.list li span.handle {
	position: relative;
	top: 5px;
	margin: 0 0 0 15px;
	cursor: move;
}

/* ___ assets ___ */

ul.assets {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.assets li.asset {
	position: relative;
	float: left;
	width: 139px;
	height: 140px;
	background: transparent url(/images/admin/list/thumb.png) no-repeat 0 0;
	margin: 0 17px 17px 0;
}

ul.assets li.asset.last {
	margin-right: 0px;
}

ul.assets li.asset h4 { margin: 0px; height: 30px; }

ul.assets li.asset h4 a {
	position: relative;
	top: 0px;
	left: 12px;
	font-weight: bold;
	font-size: 0.6em;
	color: #1f82bc;
	text-decoration: none;
}

ul.assets li.asset h4 a:hover { text-decoration: underline; }

ul.assets li.asset div.image {
	width: 80px;
	height: 80px;
	border: 4px solid #fff;
	margin: 10px 0 0 24px;
	background: transparent url(/images/admin/list/empty.png) repeat 0 0;
}

ul.assets li.asset div.image div.inside {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 80px;
	height: 80px;
}

ul.assets li.asset div.actions {
	position: absolute;
	top: 8px;
	right: 12px;
}

/* ___ asset collections ___ */

div#asset-uploader { display: inline-block; margin-left: 10px; }
div#asset-uploader span.spinner { position: relative; top: -3px; display: none; }
div#uploadAssetsInputQueue { display: none; }

/* ___ contents ___ */

#contents-list li { background: none; }

#contents-list.sortable li em {
	background-position: left -31px;
	cursor: move;
}

#contents-list li strong {
	margin-left: 18px;
	display: block;
	height: 31px;
	background: transparent url(/images/admin/list/item-right.png) no-repeat right 0;
}


/* ___ pages ___ */

#pages-list {
	list-style: none;
	margin: 0px 0 20px 0;
	background: white;
}

#pages-list ul { list-style: none; margin: 10px 0 10px 40px; padding: 0; }

#pages-list li {
	margin-bottom: 10px;	
	position: relative;
	clear: both;
}

#pages-list li em {
	display: block;
	float: left;
	background: transparent url(/images/admin/list/item-left.png) no-repeat left 0;
	height: 31px;
	width: 18px;
}

#pages-list ul.folder li em {
	background-position: left -31px;
	cursor: move;
}

#pages-list li .toggler { 
	position: absolute;
	top: 9px;
	left: -15px;
	cursor: pointer;
}

#pages-list li strong {
	margin-left: 18px;
	display: block;
	height: 31px;
	background: transparent url(/images/admin/list/item-right.png) no-repeat right 0;
}

#pages-list li strong a {
	position: relative;
	top: 3px;
	text-decoration: none;
	color: #1f82bc;
	font-size: 0.9em;
	padding-left: 6px;
}

#pages-list li strong a:hover { text-decoration: underline; }

#pages-list li.hidden strong a { font-style: italic; font-weight: normal; }

#pages-list li .more {
	position: absolute;
	top: 3px;
	right: 20px;
	font-size: 0.7em;
	color: #8b8d9a;
}

#pages-list li .more a {
	position: relative;
	top: 3px;
	margin-left: 10px;
	outline: none;
}

#pages-list li.not-found { border-top: 1px dotted #bbbbbd; padding-top: 10px; margin-left: 0px; }
#pages-list li.not-found .more { top: 16px; }

/* ___ Progress bar ___ */

#progressbar-wrapper { margin: 40px 0; height: 30px; }
#progressbar-wrapper #progressbar { height: 100%; }