div#footer, div#header {
	width: 74%;
	float: left; clear: both;
	background-color: #0d3d6a;
	color: #fff;
	text-align: center;
	font-size: 0.9em;
	-moz-border-radius: 8px;
	padding: 10px 1%;
	margin: 1% 0;
}

div#header {
	width: 98%;
	height: 40px;
	padding: 0 1%;
	margin-top: 0;
}

div#header img {
	float: right;
	margin: 8px 0 0 8px;
}

div#header div {
	text-align: left;
	float: left;
	width: 33%;
	margin: 0.5em 0 0 0.5em;
	font-size: 1.2em;
}

div#header div img {
	float: left;
	margin: 0;
	vertical-align: middle;
}

/* Workspace */
div#workspace {
	float: left; clear: both;
	width: 76%;
}

div.full {
	width: 99% !important;	
}

div#workspace div#layout {
	float: left; clear: both;
	width: 99%;
	margin: 1% 0 0 1%;
}

div#workspace div#staging {
	position: absolute;
	top: 65px;
	right: 0.75%;
	width: 23%;
}

div#workspace div#layout div.section_container {
	width: 97%;
	padding: 1.5% 1% 1% 1%;
	margin-bottom: 2%;
	border: 1px solid #0d3d6a;
	background-color: #e7e7e7;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-bottomleft: 16px;
}

div#workspace div#layout div.section_container img {
	float: left; clear: both;
	margin: 3px 12px 10px 0;
}

div#workspace div#layout div.section_panel {
	float: left; clear: both;
	width: 9.5%;
	margin-right: 1%;
}

div#workspace div#layout div.section_panel img {
	clear: none !important;
	margin: 3px !important;
	cursor: pointer;
}

div#workspace div#layout div.section_panel img.section_logo {
	margin-bottom: 7px !important;
	cursor: default !important;
}

div#workspace div#layout div.section_panel img.sort {
	clear: both !important;
}

div#workspace div#layout div.section_item_container {
	float: left; clear: none;
	width: 87%;
	padding: 0.5%;
	background-color: #fff;
	min-height: 48px;
	margin-bottom: 1%;
	-moz-border-radius: 12px;
}

div#workspace div.layout_item {
	float: left; clear: both;
	width: 96%;
	margin: 2px;
	padding: 0.5% 1%;
	border: 1px solid #fff;
	-moz-border-radius: 8px;
}

div#workspace div.layout_item:hover {
	border-color: #ccc;
	/* background-color: #ffd; */
}

div#workspace div#staging div.staging_item, div#workspace div#staging div.restore, 
	div#workspace div#staging div.staging_collapse {
	float: left; clear: both;
	border-width: 0;
	padding: 0;
	margin: 5px 0 1px 3px !important;
	width: 99%;
	cursor: pointer;
	font-size: 0.9em;
}

div#workspace div#staging div.section_container {
	margin-bottom: 10px;
}

div#workspace div#staging div.section_container img {
	float: left; clear: both;
	margin: 2px;
}

div#workspace div#staging div.section_item_container {
	float: left; clear: none;
	width: 95%;
	padding: 1%;
	margin: -5px 1% 10px 1%;
	min-height: 25px;
}

div#workspace div#layout div.section_item_container {
	margin-bottom: 2%;
}

br.clr {
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}

h4 {
	background: url('/images/base/bg_blue.gif') repeat-x;
	color: #fff;
	padding: 4px;
	margin: 0 1%;
	font-size: 0.9em;
	font-weight: normal;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

h4 a {
	color: #fff;
	text-decoration: none;
}

h4 img {
	float: left;
	margin-right: 5px !important;
}

div#workspace div#layout div.panel {
	float: right; clear: none;
	width: 60px;
}

div#workspace div.panel img {
	float: left !important; clear: none !important;
	margin: 6px !important;
	cursor: pointer;
}

div.item_data div {
	float: left !important; clear: none !important;
	width: 80%;
	cursor: pointer;
	margin: 1px;
	padding: 0;
	font-size: 1em !important;
}

div.editable img {
	float: left !important; clear: none !important;
	cursor: pointer;
}

div.editable input, div.editable textarea {
	float: left !important; clear: both !important;
	width: 80%;
	padding: 4px;
	font-size: 1em;
	margin: 2px 10px 2px 0;
	font-family: Calibri, 'Trebuchet MS', Helvetica, "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
}

div.editable textarea {
	margin-bottom: 10px;
	height: 200px;
}

img.loading {
	margin-left: 5px !important;
}

img.sort {
	cursor: move !important;
}

div.editable {
	padding: 2px;
	-moz-border-radius: 2px;
}

div.editable label {
	font-weight: bold;
	font-style: normal !important;
}

div.editable img.button {
	float: left; clear: none !important;
	margin-bottom: 0;
}

div.contains_editing {
	padding: 5px 0 0 10px !important;
	margin-bottom: 3px !important;
	background-color: #ddd;
}

div.contains_editing:hover {
	background-image: none !important;
}

p.loading_text {
	color: #255680 !important;
}

div.heading_applied p.loading_text, div.template_applied p.loading_text {
	font-size: 12px !important;
	margin: 0 0 3px 9px !important;
}

div.layout_item p.loading_text {
	font-size: 16px !important;
	margin: 9px 0 0 12px !important;
}

div.restoring {
	float: left; clear: none;
	width: 50%;
	margin-left: 5px;
	color: #999;
}

.hidden {
	display: none !important;
}

div.pending_delete {
	border: 3px solid #cd3030 !important;
	background-color: #ffd;
}

div.collapse {
	height: 73px;
	overflow: hidden;
}

div.collapse div.layout_item {
	display: none;
}

div.section_edit div.editable {
	font-size: 1em !important;
}

div.section_name {
	float: left; clear: none;
	width: 78%;
	margin: -0.5% 0 1% 0;
	padding: 1% 1% 1% 2%;
	cursor: pointer;
	font-size: 1.1em !important;
	-moz-border-radius: 8px;
	min-height: 26px;
	background-color: #0d3d6a;
	color: #fff;
}

div.section_name:hover {
	font-weight: normal !important;
}

div.section_name {
	padding-bottom: 5px !important;
}

div.default img {
	float: none !important;
	vertical-align: bottom !important;
	margin: 0 3px !important;
}

div.default:hover {
	border-color: #fff !important;
}