/* SVN File $Id: layout.css 37 2010-08-10 11:09:21Z SerialGraphics $ */

body {
	background: #CDC2AE url('../img/body_background.png') scroll repeat-x 0 -30px;
}
#page-wrapper {
	margin: 0 auto;
	width: 800px;
}
body.admin #page-wrapper {
	width: 980px;
}

/* HEADER */
#header {
	height: 150px;
}
#app-logo {
	background: transparent url('../img/header_logo.png') scroll no-repeat 0 5px;
	float: left;
	height: 150px;
	width: 220px;
}
#app-logo a {
	display: block;
	height: 150px;
	width: 220px;
}
#app-logo a span {
	display: none;
}
#app-title {
	background: transparent url('../img/header_app_title.png') scroll no-repeat 0 20px;
	float: left;
	height: 90px;
	width: 500px;
}
#app-title h1 {
	display: none;
}
#app-title-sub {
	float: left;
	width: 500px;
}
#app-title-sub h2 {
	color: #4C4C4C;
	font-size: 1.6em;
}

/* CONTENT */
#content-wrapper {
	background-color: #F3EEE6;
	border: 2px solid #A69E8E;
}
#content-wrapper-inner {
	padding: 1em 2em;
}
#content-wrapper-inner {
	padding: 1em 0;
}
#content-inner {
	padding: 0 1em;
}
body.admin #sidebar-left {
	float: left;
	width: 200px;
}
body.admin #sidebar-left-inner {
	padding: 1em;
}
body.admin #content {
	float: left;
	width: 770px;
}

/* Footer */
#footer {
	font-size: .9em;
	padding-top: .5em;
	text-align: right;
}
#footer-inner, #footer-inner a {
	color: #4C4C4C;
}
#footer-inner a:hover {
	color: #C32424;
}

/* Menu */
#menu {
	background-color: #FF8E20;
	border: 2px solid #E06500;
}
#menu-inner {
	padding: 1em;
}
#menu ul, #menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu li {
	padding: 0 0 1em 0;
}
#menu li.last {
	padding: 0 0 0 0;
}
#menu li.seperator {
	border-top: 1px solid #E06500;
	padding-top: 1em;
}
#menu a {
	color: #4C4C4C;
	font-weight: bold;
	text-decoration: none;
}
#menu li.active a,
#menu a:hover {
	color: #fff;
}


/* FORMS */
/* Fix groups */
#group_name-label, #group_address-label, #group_remarks-label, 
#group_skipper-label, #group_contact-label, #group_what-label,
#group_payment-label {
	display: none;
}
#group_name-element, #group_address-element, #group_remarks-element,
#group_skipper-element, #group_contact-element, #group_what-element,
#group_payment-element {
	width: 740px;
}
#address_street-element,
#address_number-label, #address_number-element, 
#address_bus-label, #address_bus-element,
#address_zip-element, 
#address_city-label, #address_city-element {
	width: auto;
	clear: none;
}
#address_number-label label, #address_bus-label label, #address_city-label label {
	padding: 0 1em;
}  


#add-extra {
	padding-bottom: 1em;
}
#step-next {
	padding-top: 1em;
}