body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body {
	background: #ffffff url("/wb/img/wb/top_tile.gif") repeat-x;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
}
	body#page-upload {
		background-image: none;
	}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

ul {
	margin: 0 0 1em 1em;
}
	ul li {
		list-style-type: disc;
		margin-left: 1em;
	}

h1 {
	margin: 0 0 1em;
}
	.whitespace h1 {
		font-size: 180%;
		color: #00ccbe;
		margin: 0 0 0.5em;
	}

h3 {
	padding: 0.5em 0;
	border-bottom: 1px solid #eee;
	font-size: 150%;
	font-weight: normal;
	color: #0ba89d;
}

p {
	margin: 0 0 1em;
}

a {
	color: #5d5974;
	text-decoration: underline;
}

a:hover {
	color: #51449f;
}

.clear {
	clear: both;
}

.req {
	color: red;
	font-size: 110%;
	padding: 0 0 0 0.1em;
}

#wrapper {
	width: 970px;
	margin: 0 15px;
}

#header {
	width: 740px;
}
	#logo {
		float: left;
		margin-top: 15px;
		height: 45px;
		color: #fff;
	}
		#logo h1 {
			font-size: 200%;
			margin: 0;
			padding: 0;
		}
			#logo h1 span {
				position: relative;
				top: -15px;
				left: 5px;
				font-size: 12px;
				font-weight: bold;
				color: #b0fbf6;
			}
	#quick {
		float: right;
		padding: 0.5em;
		background-color: #02c3b6;
		color: #fff;
	}
		#quick a {
			color: #cdf8f5;
		}
		#quick a:hover {
			color: #fff;
		}
	#menu {
		clear: both;
		height: 30px;
	}
		#menu ul {
			margin: 0;
		}
		#menu ul li {
			display: block;
			float: left;
			list-style-type: none;
			margin: 0;
		}
		#menu ul li a {
			display: block;
			padding: 7px 10px;
			margin: 0 2px 0 0;
			background-color: #71e2db;
			color: #0b6a69;
			font-size: 120%;
			text-decoration: none;
		}
		#menu ul li a:hover {
			color: #0b6a69;
			background-color: #7cede6;
		}
		
		#page-dashboard #menu ul li	a#menu-dashboard,#page-dashboard #menu ul li a:hover#menu-dashboard,
		#page-content #menu ul li a#menu-content,#page-content #menu ul li a:hover#menu-content,
		#page-template #menu ul li a#menu-template,#page-template #menu ul li a:hover#menu-template,
		#page-settings #menu ul li a#menu-settings,#page-settings #menu ul li a:hover#menu-settings,
		#page-partners #menu ul li a#menu-partners,#page-partners #menu ul li a:hover#menu-partners {
			background-color: #5d5974;
			color: #fff;
		}
	
	#sub-menu {
		clear: both;
		height: 35px;
		background-color: #5d5974;
	}
		#sub-menu ul {
			margin: 0;
		}
		#sub-menu ul li {
			display: block;
			float: left;
			list-style-type: none;
			margin: 0;
		}
		#sub-menu ul li a {
			display: block;
			padding: 2px 0;
			margin: 9px 25px 0 15px;
			color: #e5e1ff;
			font-size: 100%;
			text-decoration: none;
		}
		#sub-menu ul li a:hover {
			color: #fff;
		}

#main {
	clear: both;
	float: left;
	width: 710px;
	padding: 15px;
	background-color: #f4f3da;
}
	ol#steps li {
		display: block;
		float: left;
		margin: 0 20px 1em 0;
		height: 20px;
	}
	ol#steps li a {
		display: block;
		height: 20px;
	}
	ol#steps li span { display: none; }
	ol#steps li.step-1 { width: 115px; background: transparent url("/wb/img/wb/1_name.gif") no-repeat 0px -20px; }
	ol#steps li.step-2 { width: 105px; background: transparent url("/wb/img/wb/2_configuration.gif") no-repeat 0px -20px; }
	ol#steps li.step-3 { width: 134px; background: transparent url("/wb/img/wb/3_template.gif") no-repeat 0px -20px; }
	
	ol#steps li.current {
		background-position: 0px 0px;
	}
	
	h1.step-1,h1.step-2,h1.step-3 { height: 41px; }
	h1.step-1 span,h1.step-2 span,h1.step-3 span { display: none; }
	h1.step-1 { width: 254px; background: transparent url("/wb/img/wb/1_name_big.gif") no-repeat; }
	h1.step-2 { width: 239px; background: transparent url("/wb/img/wb/2_configuration_big.gif") no-repeat; }
	h1.step-3 { width: 304px; background: transparent url("/wb/img/wb/3_template_big.gif") no-repeat; }
	
	.whitespace {
		height: 1%;
		clear: both;
		margin: 10px 0;
		padding: 15px;
		background: #fff url("/wb/img/wb/whitespace_corners.gif") no-repeat top;
	}

#sidebar {
	float: left;
	width: 200px;
	background: #edf6ff url("/wb/img/wb/help_corners.gif") no-repeat top;
	padding: 10px;
	margin: 20px 0 0 10px;
}
	#sidebar h3 {
		color: #628ab8;
		padding: 0 0 0.3em 0;
		margin: 0 0 0.3em 0;
		border-bottom: 1px solid #d0dfed;
	}
		#sidebar h3 a {
			text-decoration: none;
			color: #628ab8;
		}
	#sidebar ul {
		padding: 0;
		margin: 0;
	}
	#sidebar ul li {
		list-style-type: none;
		border-bottom: 1px solid #d0dfed;
		padding: 0 0 0.5em 0;
		margin: 0 0 0.5em 0;
		font-size: 90%;
	}
	#sidebar ul li.tip {
		background: transparent url("/wb/img/help.gif") no-repeat 0 0;
		padding-left: 22px;
	}	
	#sidebar ul li.warning {
		background: transparent url("/wb/img/error.gif") no-repeat 0 0;
		padding-left: 22px;
	}
	#sidebar div.links {
		font-size: 90%;
	}

.create {
	padding-left: 58px;
}
p#message {
	padding: 0.5em 12px 0.5em 28px;
}
p.updated {
	background: #eaffe7 url("/wb/img/accept.gif") no-repeat 5px 50%;
	border: 1px solid #a1ea97;
}
p.errors {
	background: #ffe7e7 url("/wb/img/exclamation.gif") no-repeat 5px 50%;
	border: 1px solid #ea9797;
}
.field {
	clear: left;
	margin: 0;
	padding: 1em 0;
	border-top: 1px solid #eee;
	height: 1%;
}
.form .either {
	margin: 0.5em 0;
	padding: 0 0.5em;
	background: #fcfcfc;
	border: 1px solid #eee;
}
label.label {
	font-weight: bold;
	margin: 0 0 0.5em;
	display: block;
	padding: 2px 0 0;
}
.form .field input, .form .field textarea, .form .field select {
	padding: 0.1em;
	margin: 0 2px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}
.form .field p {
	margin: 2px;
	font-size: 90%;
}
	p.error {
		background: transparent url("/wb/img/error.gif") no-repeat 0 50%;
		padding: 2px 0 0 20px;
		margin: 0.5em 0;
		color: #df5757;
	}
	
.form .field textarea#body {
	width: 670px;
	height: 400px;
}
/* TinyMCE */
span.mceEditorContainer table.mceEditor td.mceToolbarTop select {
	background-color: #fff;
	margin: 0.5em;
}

.template {
	float: left;
	width: 152px;
	padding: 10px;
	margin: 1em 1em 1em 0;
	border: 1px solid #eee;
}
	.template img {
		border: 1px solid #e0e0c4;
	}
.template-radio {
	padding: 0.5em;
	margin: 1px 0 0 0;
	background-color: #f4f3da;
	border: 1px solid #e0e0c4;
	font-size: 90%;
	color: #92927a;
}
	.template-radio select {
		margin: 0.5em 0 0 1em;
	}

#preview {
	background-color: #ffffff;
}
	#previewframe {
		width: 675px;
		height: 400px;
	}

	
table.manage {
	border: 1px solid #eee;
}
.manage th {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.manage td, .manage th {
	padding: 0.3em;
}
.manage tr.odd td {
	background-color: #f3f3f3;
}
.manage td.buttons {
	border-top: 1px solid #ccc;
}

.manage tr.partner-deleted td { background-color: #ffe5e5; }
.manage tr.partner-accepted td { background-color: #eaffe5; }
.manage tr.partner-pending td { background-color: #e5f7ff; }

.manage-image {
	float: left;
	height: 1%;
	margin: 0 1em 1em 0;
	border: 1px solid #eee;
	padding: 10px;
}
	.manage-image div {
		margin: 0 0 0.5em;
		font-size: 90%;
	}

#uploadframe {
	width: 675px;
	height: 300px;
	border: 1px solid #eee;
}

#upload-menu {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	color: #000;
}
	#upload-menu ul {
		margin: 0;
	}
	#upload-menu ul li {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
	}
	#upload-menu ul li a {
		display: block;
		padding: 3px 5px;
		margin: 5px;
		color: #000;
		text-decoration: none;
		border: 1px solid #eee;
	}
	#upload-menu ul li a:hover {
		background-color: #b6bdd2;
		border: 1px solid #0a246a;
	}
	
#upload-wrapper {
	padding: 1em;
}
.upload-image {
	float: left;
	margin: 0 1em 1em 0;
}
	.upload-image a {
		display: block;
		padding: 10px 10px 5px;
		background-color: #fff;
		border: 1px solid #eee;
		text-decoration: none;
	}
	.upload-image a:hover {
		background-color: #f6f6f6;
		border: 1px solid #ddd;
	}
	.upload-image a span {
		display: block;
		font-size: 11px;
	}

#upload-space {
	margin: 0 0 1em;
}
#upload-space p {
	font-size: 90%;
}
#upload-used {
	border: 1px solid #ccc;
}
	#upload-used div {
		height: 10px;
		background-color: #f94c4c;
		border-right: 1px solid #c93a3a;
		border-bottom: 1px solid #c93a3a;
	}

.colorSwatch {
	height: 16px;
	width: 16px;
	display: block;
}
.colorSwatchContainer {
	border: 1px solid #ccc;
	padding: 2px;
	height: 16px;
	width: 16px;
	float: left;
	margin: 0 5px 0 0;
}