/* 
Title:		Sumac UK .NET CMS Admin Stylesheet
Author: 	Sumac UK - Alex Bobin
Created:	07/02/06
*/
/* ======================================
			IMPORTS
====================================== */
@import url("screen_master.css");
@import url("screen_admin_skin.css");

/* =====================================
			GLOBAL STYLES
====================================== */
body
{
	line-height: 1.6em;	
	padding: 0;
	margin: 0;
	text-align: center;
}
#pageview
{
	padding: 30px 0 0 0 !important;	
}
/* [ headings ]---------------------------------------- */
h1
{
	font-size: 2.5em;	
}
h2
{
	font-size: 1.7em;
	font-family: Arial, Sans-Serif;
	margin: 0 0 1em 0;	
}
h3
{
	font-size: 1.3em;	
}
h4
{}
h5
{}
h6
{}
/* [ other ]---------------------------------------- */
fieldset
{
	border: 1px solid #AAA;	
}
legend
{
	padding: 0 0.5em;
	font-weight: bold;	
}
input, textarea
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
}
/* ======================================
			ADMIN-BAR
====================================== */
#admin-bar
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	padding: 0;
	background-color: #0486A9;
	border-bottom: 1px solid #FFF;
	overflow: hidden;
	color: #FFF;
	z-index: 1;
	float: left;
	display: block;
}
#admin-bar h2
{
	display: none;
}
#admin-bar ul
{
	margin: 5px 0 0 1em;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#admin-bar ul li
{
	margin: 0 1.5em 0 0;
	float: left;
}
#admin-bar a
{
	border: none;
	text-decoration: none;
}
#admin-bar a:link, #admin-bar a:visited
{
	color: #FFF;
}
#admin-bar a:hover
{
	color: #DDD;	
	background-color: transparent;
}
#admin-bar hr
{
	display: none;	
}
/* ======================================
			ADMIN-VIEW
====================================== */
#admin-view
{
	margin: 0 auto 10px auto;
	text-align: left;
}
/* ======================================
			DIVCONTENT
====================================== */
#divContent
{
	margin: 0 10px;	
}
#divError
{
	margin: 0 10px;	
}
/* ==========================================================
	PAGE-LIST
========================================================== */
#pagelist ul
{
	margin: 1em 10px;
	padding: 0;
	list-style-type: none;	
	position: relative;
	width: 710px;
	overflow: hidden;
}
#pagelist ul ul
{
	margin: 0 0 0 20px;
	list-style-image: url(../image/pagelist_ul_ul_li_bg.gif);
	width: 690px;	
}
#pagelist ul ul ul {width: 670px;}
#pagelist ul ul ul ul {width: 650px;}
#pagelist ul ul ul ul ul {width: 630px;}
#pagelist ul ul ul ul ul ul {width: 610px;}
#pagelist ul li
{
	margin: 0;
}
#pagelist ul li div.page
{
	margin: 0.5em 0 0 0;
	position: relative !important;
	background-image: url(../image/icon/no-move.gif) !important;
	background-position: 0 2px !important;
	background-repeat: no-repeat !important;
	border-bottom: 1px dotted #CCC !important;
	padding: 0 0 5px 0 !important;
	text-align: left !important;
	width: auto !important;
}
#pagelist ul li span.page-links
{
	position: absolute;
	left: 45px;
	top: 0;
}
#pagelist ul li img
{
	border: none;
}
#pagelist a.show-children
{
	cursor: pointer;
	color: #05B0DE;
}
#pagelist a.move-page-down
{
	position: absolute;
	left: 0;
	top: 2px;
}
#pagelist a.move-page-up
{
	position: absolute;
	left: 20px;
	top: 2px;
}
#pagelist a.edit-page
{
	position: absolute;
	right: 40px;
	top: 2px;
}
#pagelist a.delete-page
{
	position: absolute;
	right: 20px;
	top: 2px;
}
#pagelist a.add-page
{
	position: absolute;
	right: 0;
	top: 2px;
}
#pagelist .sub {display:none;}
/* ==========================================================
	CATEGORY-LIST
========================================================== */
#categorylist div
{
	margin-bottom: 1.5em;	
}
#categorylist h3
{
	margin: 0.5em 0;	
}
#categorylist a.add-category
{
	border: none;
	padding: 0 0 0 20px;
	background: transparent url(../image/icon/add_child.gif) no-repeat left center;
}
#categorylist ul
{
	margin: 1em 0 0 0;
	padding: 0;
	list-style-type: none;	
	position: relative;
}
#categorylist ul li
{
	margin-top: 0.5em;
	position: relative;
	background-image: url(../image/icon/no-move.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#categorylist ul li img
{
	border: none;
}
#categorylist span.category-name
{
	position: relative;
	left: 45px;
	top: 0;
}
#categorylist a.move-category-down
{
	position: absolute;
	left: 0;
	top: 0;
}
#categorylist a.move-category-up
{
	position: absolute;
	left: 20px;
	top: 0;
}
#categorylist a.edit-category
{
	position: absolute;
	right: 60px;
	top: 0;
}
#categorylist a.delete-category
{
	position: absolute;
	right: 40px;
	top: 0;
}
/* ======================================
			SITE
====================================== */
div.site
{
	border-top: 1px solid #DDD;	
	padding: 1em 0 0 0;
	margin: 0;
}
/* ======================================
			ADD-ELEMENT
====================================== */
div.add-element
{
	border: 1px solid #DDD;
	background-color: #EEE;
	padding: 5px 0 0 0;
	clear: both;
}
div.add-element a
{
	border: 0 !important;
	margin: 5px 0 5px 5px !important;	
	padding: 0 !important;
}
div.add-element img
{
	border: 0 !important;
	padding: 0 !important;	
	margin: 0 !important;
}
/* ======================================
			ADD-ITEM
====================================== */
div.add-item
{
	margin: 5px 0;	
}
div.add-item a
{
	border: 0 !important;
	margin: 0 !important;	
	padding: 0 !important;
}
div.add-item img
{
	border: 0 !important;
	padding: 0 !important;	
	margin: 0 !important;
}
/* ======================================
			ELEMENT
====================================== */
div.element
{
	margin: 0 0 1.5em 0;
}
div.element img
{
	margin: 1em 0;	
	border: 1px solid #666;
}
div.edit-element
{
	border-top: 1px dashed #DDD;
	margin: 0;
	padding: 0.5em 0;	
	background-color: #FFF;
}
div.edit-element a, div.edit-element a:link, div.edit-element a:visited, div.edit-element a:hover
{
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
div.edit-element img
{
	border: none;
	margin: 0 0.5em 0 0;
	padding: 0;
}
div.edit-element span
{
	display: none;	
}
#show-hide-html
{}
/* ======================================
			ITEM
====================================== */
div.item
{
	margin: 0 0 0 0;
	/* to combat strange bug in ie */
	border-top: 1px solid #FFF;
}
div.portfolio-edit
{
	float: left;
	margin: 0 10px 10px 0;
}
div.invisible
{
	color: #999;	
}
div.invisible img
{
	border-color: #EEE;	
}
div.edit-item span
{
	display: none;	
}
div.item div.edit-item
{
	margin: 0 0 1em 0;
	padding: 0.5em 0 0 0;
	clear: both;
}
div.edit-item a:link, div.edit-item a:visited, div.edit-item a:hover
{
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
div.edit-item img
{
	border: none;
	margin: 0;
	padding: 0;
}
div.invisible div.edit-item
{
	border-top: 1px dashed #DDD;
	margin: 0;
	padding: 0.5em 0;	
}
div.invisible a:link, div.invisible a:visited
{
	color: #999;	
}
/* ======================================
			.ERROR
====================================== */
.error, .error h2, .error h3, .error h4, .error h5, .error h6, .error li, .error p
{
	color: #C33;	
}

/* ======================================
			FIELD-GROUP
====================================== */
div.field-group
{
	padding-bottom: 1em;
}
/* ======================================
			FORM.ELEMENTEDIT, FORM.PAGEEDIT
====================================== */
#elementedit fieldset, #pageedit fieldset, #itemedit fieldset, #categoryedit fieldset, #reportedit fieldset
{
	padding: 1em;	
}
#elementedit label, #elementedit span.label, #pageedit label, #itemedit label, #itemedit span.label, #categoryedit span.label, #reportedit span.label, #reportedit label
{
	display: block;
	float: left;
	width: 11em;
	margin: 0.5em 0 0 0;
	clear: left;
}
#elementedit p.prompt, #pageedit p.prompt, #itemedit p.prompt, #reportedit p.prompt
{
	width: 30em;
	margin: 0.5em 0 0 11em;
}
#elementedit span.value, #reportedit span.value
{
	margin: 0.5em 0 0 0;
	float: left;
	width: 30em;
}
#elementedit input, #elementedit select, #pageedit input, #pageedit select, #itemedit input, #pageedit textarea, #categoryedit input, #reportedit input, #reportedit select
{
	margin: 0.5em 0 0 0;
	width: 30em;
}
#elementedit textarea, #elementedit textarea
{
	margin: 1em 0;
	width: 30em;	
}
#elementedit textarea.rich-text, #itemedit textarea.rich-text
{
	margin: 1em 0;
	width: 500px;	
}
#itemedit div
{
	width: 100%;
	overflow: auto;	
}
#itemedit span.checkbox input, #elementedit span.checkbox input
{
	width: auto;
}
#pageedit textarea
{
	height: 5em;	
}
#pageedit ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#pageedit ul li
{
	margin: 0.5em 0 0 0;	
}
#pageedit label.checkbox
{
	clear: none;
	float: none;
	display: inline;
}
#pageedit span.checkbox input
{
	width: auto; 
}
#itemedit br, #elementedit br
{
	clear: both;	
}
#itemedit a.uploaded-document
{
	display: block;
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0;
	width: 30em;
	float: left;
	clear: right;
}
#elementedit input.button, #pageedit input.button, #itemedit input.button, #categoryedit input.button, #reportedit input.button
{
	margin: 1em 0 0 0;
	width: auto;
}
#elementedit div.rteDiv select, #elementedit div.rteDiv input
{
	width: auto;
}
#elementedit img.uploaded-image, #itemedit img.uploaded-image
{
	border: 1px solid #DDD;
	padding: 0.5em;	
	margin: 0.5em 0 0 0;
}
#itemedit span.radio input, #itemedit span.category input
{
	width: 2em;
	margin: 0.5em 0 0 0;
	float: left;
	display: block;
}
#itemedit label.radio
{
	width: 2em;
	clear: none;
	margin: 0.5em 1em 0 0;
}
#itemedit label.checkbox
{
	width: auto;
	clear: none;
	margin: 0.5em 1em 0 0;
}
#itemedit span.category-label
{
	display: block;
	float: left;
	width: 100%;
}
#itemedit span.category label
{
	float: none;
	/* width: none; */
	display: inline;
}
#itemedit span.category input
{
	float: none;
	width: auto;
	display: inline;
	margin: 0;
}
#itemedit span.category
{
	float: left;
	width: auto;
	margin: 0 1em 0.5em 0;
	width: 13em;
}
#itemedit div.buttons
{
	clear: both;	
}
#pageedit fieldset h3
{
	font-size: 1em;	
	
	margin: 0 0 0.5em 0;
}
#pageedit fieldset h3 a
{
	display: block;
	color: #333;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
	cursor: pointer;
	border-bottom: 1px solid #333;
}
#pageedit fieldset h3 a.down
{
	background-image: url(../image/setting_down_bg.gif);
}
#pageedit fieldset h3 a.down:hover
{
	background-image: url(../image/setting_up_bg_hover.gif);	
}
#pageedit fieldset h3 a.up
{
	background-image: url(../image/setting_up_bg.gif);	
}
#pageedit fieldset h3 a.up:hover
{
	background-image: url(../image/setting_down_bg_hover.gif);	
}
#pageedit fieldset #basic
{
	margin: 0 0 1em 0;
}
/* ======================================
			RTE
====================================== */
img.rteImage 
{
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	cursor: pointer;
}
img.rteImageRaised, img.rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
	cursor: pointer;
}
img.rteImageLowered, img.rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
	cursor: pointer;
}
img.rteVertSep {
	margin: 0 4px 0 4px;
	border: 0;
}
table.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}
table.rteBack tbody tr td, table.rteBack tr td {
	background: #D3D3D3;
	padding: 0;
}
div.rteDiv {
	display: block;
	position: relative;
}
/* ======================================
			FOOTER
====================================== */
#admin-footer
{
	border-top: 1px dotted #EEE;
	margin: 1em 10px 0 10px;
	padding: 0.5em 0 0 0;
	color: #BBB;
	text-align: right;	
}
#admin-footer a:link, #admin-footer a:visited
{
	color: #BBB;	
}
#admin-footer a:hover
{
	color: #3D4C09;	
}
/* ======================================
			LOGIN
====================================== */
#login
{
	text-align: center;
	margin: 0;
	padding: 0 !important;
	background-color: #FFF;
}
#login input
{
	margin: 0 0 0.5em 0;	
}
#login fieldset
{
	padding: 0 1em 1em 1em !important;
	margin: 0 !important;
	border: 1px solid #DDD;
}
#login fieldset div
{
	padding: 1em 0 0 0;	
}
#login label
{
	padding: 0;
}
#login legend
{
	padding: 0.2em 0.5em;
	margin: 0;
	border: 1px solid #DDD;
}
#login #login-footer
{
	color: #BBB;
	text-align: right;	
}
#login #login-footer a:link, #login #login-footer a:visited
{
	color: #BBB;	
}
#login #login-footer a:hover
{
	color: #3D4C09;	
}
/* ======================================
			DIVLOADING
====================================== */
p.loud
{
	color: #05B0DE;	
	font-weight: bold;
	margin-bottom: 0;
}
#divComplete
{
	clear: both;	
}
#generate-messages 
{
	position: relative;	
}
#generate-messages p
{
	margin: 0;
}
#generate-messages p.loud
{
	margin: 1em 0 0 0;
}
#generate-messages #spinner
{
	position: absolute;
	top: 1em;
	left: 400px;
}