
* { 
	margin: 0; 
	padding: 0; 
}

ol, ul, dl, blockquote {
	margin: 0;	
}

body {
	margin: 0;
	background: #fff url(/images/admin/background.png) top left repeat-x;
}

body.modal {
	margin: 20px;
	background-image: none;
}

body, input, p, td, th, tr, h2, h3, h4, select {
	font-family: Helvetica, Arial, sans-serif;
}

h2, h3, h4 {
	margin-top: 0;
	color: #666666;
	font-weight: normal;
}

h2 {
	font-size: 150%;	
}

h3 {
	font-size: 150%;	
}

h4 {
	font-size: 130%;	
}	

h2.section-title {
	width: 95%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 2px solid #bcbcbc;
	color: #0271ad;	
}

h3.section-title {
	width: 90%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 2px solid #eee;
	font-weight: bold;
}

h3.subtitle {
	color: #0271ad;		
}

h3.block-title {
	margin-bottom: 8px;
	background: #fff url(/images/admin/line-bg.gif) 0px 15px repeat-x;	
}

h3.block-title span {
	width: auto;
	height: auto;
	padding: 0px 8px 0px 0px;
	background-color: #fff;
}

h4.section-title {
	width: 90%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 2px solid #eee;	
}

a {
	border: 0;
	color: #0271ad;	
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;	
}

textarea, 
input,
select {
	border: 1px solid #AAAAAA;
	font-family: Helvetica, sans-serif;
}

input,
select,
button, 
input[type="file"],
input[type="reset"], 
input[type="submit"] {
	padding: 6px 2px 4px 2px;
}

input.submit,
button,
input[type=submit],
input[type=button],
input[type="file"] > input[type="button"] {
	color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#e6e6e6;
	border:1px solid #ccc;
	font-size:x-small;
	padding:4px 8px;
	vertical-align:top;
	cursor:pointer;
}

input.submit:hover,
button:hover,
input[type=submit]:hover,
input[type="file"] > input[type="button"]:hover {
	background-color:#d5d5d5;
}

.btn,
input[type=submit].btn,
input[type=button].btn {
	background:#ddd url(/images/admin/bg-input-btn.gif) repeat-x 0 0;
	font:11px/14px "Lucida Grande",Sans-serif;
	width:auto;
	margin:0;
	overflow:visible;
	padding:4px 8px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#ddd;
	border-bottom-color:#ccc;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#333;
	text-shadow:1px 1px 0 #fff;
}

.blue-btn,
input[type=submit].blue-btn,
input[type=button].blue-btn {
	background:#ddd url(/images/admin/bg-input-btn_blue.gif) repeat-x 0 0;	
}

.btn::-moz-focus-inner{
	padding:0;
	border:0;
}

.btn:hover,
.btn:focus,
input[type=submit].btn:hover,
input[type=submit].btn:focus,
button.btn:hover,
button.btn:focus {
	border-color:#999 #999 #888;
	background-position:0 -6px;
	color:#000;
}

.btn-m,
input[type=submit].btn-m,
input[type=button].btn-m {
	background-position: 0 -200px;
	font-size:15px;
	line-height:20px;
	padding:5px 15px 6px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.btn-l,
input[type=submit].btn-l,
input[type=button].btn-l {
	background-position:0 -400px;
	font-size:20px;
	line-height:26px;
	padding:7px 20px 9px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.btn-m:hover,
.btn-m:focus,
input[type=submit].btn-m:hover,
input[type=submit].btn-m:focus,
button.btn-m:hover,
button.btn-m:focus{
	background-position:0 -206px;
	}
	
.btn-l:hover,
.btn-l:focus,
input[type=submit].btn-l:hover,
input[type=submit].btn-l:focus,
button.btn-l:hover,
button.btn-l:focus{
	background-position:0 -406px;
}

button:active,
button.btn:active,
input[type=submit]:active,
button.btn-dark:active,
button.btn-light:active,
.btn:active,
.btn-red:active,
.btn-green:active{
	background-image:none!important;
	text-shadow:none!important;
	outline:none!important;
}

textarea {
	padding-top: 6px;	
}

table td,
table th {
	border-width: 0;
}

th {
	text-align: left;	
}

ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.round {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

.bold {
	font-weight: bold;	
}

.section-group {
	margin-bottom: 30px;	
}

.hidden { 
	display: none;
}
/* -------------------------------- Global -------------------------------- */

#feedbackTab { 
	z-index: 1000; 
	position: absolute; 
	top: 160px; 
	right: 0px; 
	padding: 4px 0px 0px 4px;
	border: 1px solid #0271ad;
}

#wb-wrap {
	height: auto;
	min-height: 100%;
	width: 100%;	
}

#wb-content {
	height:	100%;
	padding-bottom: 50px;	
}

#leftcolumn {
	margin-right: 30px;	
}

#section-content {
	width: 90%;	
}

/* ---- tables ---- */

.edit { 
	margin: 10px 0px; 
	padding: 10px;
	border: 1px solid #ddd; 
	background: #FFFFF9 url(/images/40-yellow-fade.gif) top left repeat-x;  
}

.edit table { 
	width: 100%; 
}

.edit table th, 
.edit th { 
	padding: 4px;
	text-align: left;  
}

table.edit th,
table.edit td {
	border-width: 0;
}

.edit table.results th { 
	text-align: left; 
}

.button-box {
	margin: 8px 0px 0px 0px;	
}

.link-button {
	display: inline;
	width: 50px;
	margin: 5px 0px 0px 0px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ccc;              
}

.two-column .column1, 
.two-column .column2 { 
	width: 45%;
	}

.column1,
.column2,
.column3 {
	display: inline;
	float: left;
	margin: 0;	
}

.clear {
	clear: both;
}

.error-msg,
.warning-msg,
.success-msg {
	width: 90%;
	margin: 8px 0px 15px 0px;
	padding: 10px;
	border-width: 1px; 
	border-style: solid;
	color: #333333;
}

.error-msg {
	background-color: #FBE6F2;
	border-color: #D893A1;
}

.warning-msg {
	background-color: #ffffcc;
	border-color: #ffcc00;	
}

.error-msg h3,
.warning-msg h3,
.success-msg h3 {
	margin-top: 0px;	
	margin-bottom: 4px;	
}

.error-msg p,
.warning-msg p,
.success-msg p {
	margin: 0;
}

.success-msg {
	background-color: #EDF5FF;
	border-color: #6699FF;	
}

.update-msg {
	padding: 5px;  
	background-color: #6699ff; 
	color: #fff;	
}
	
.inner-sidebar {
	display: none;
	float: right;
	width: 281px;
	position: relative;
	clear: right;	
}

.has-right-sidebar .inner-sidebar {
	display: block;
}

.has-right-sidebar #post-body {
	float: left;
	width: 100%;
	margin: 10px -340px 0px 0px;
	clear: left;
}

.has-right-sidebar #post-body-content {
	margin-right: 350px;
}

/* ---- Form Elements ---- */

a.submit-button {
	display: block;	
	width: 142px;
	height: 27px;
	background: #fff url(/images/admin/button_empty.png) top left no-repeat;	
	color: #0271ad;
	font-size: 100%;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;	
}

a.submit-button:hover {
	background-position: bottom left;
	color: #fff;
	cursor: pointer;
}

input.submit-button {
	width: 142px;
	height: 37px;
	border-width: 0;
	background: #fff url(/images/admin/button_empty.png) top left no-repeat;	
	color: #0271ad;
	font-size: 100%;
}

input.submit-button:hover {
	background-position: bottom left;
	color: #fff;
	cursor: pointer;
}

#first-steps li { display: inline; padding: 0 10px 0 0; }

.question { background: url(/images/misc/question_mark.gif) no-repeat; padding: 0px 5px 1px 5px;}

/* -------------------------------- Header -------------------------------- */

#wb-head {
	height: 100px;
}

#wb-head h2 {
	display: inline;
	float: left;
	height: 70px;
	margin: 0px 60px 0px 30px;
	padding: 20px 0px 0px 45px;
	background: transparent url(/images/admin/logo.png) top left no-repeat;
	color: #B6D1E4;	
	font-size: 1.0em;		
}

#wb-head .visit {
	color: #fff;
	font-size: 1.6em;		
}

#wb-head h2 a {
	color: #B6D1E4;	
	text-decoration: none;	
}

#wb-head h1 {
	display: none;
	float: left;
	margin: 25px 0px 0px 0px;
	color: #fff;
}

#wb-head h1 a {
	color: #fff;
}

#test-website {
	display: inline;
	float: left;
	width: 550px;
	margin: 12px 0px 0px 50px;
}

p#logged-in-area {
	display: inline;
	float: right;
	margin: 25px 20px 0px 0px;
	color: #B6D1E4;	
}

p#logged-in-area a {
	text-decoration: none;
}

#wb-head p#logged-in-area a {
	color: #fff;
}

#wb-body {
	margin: 0;
	clear: both;	
}

/* -------------------------------- Menu -------------------------------- */

#main-menu {
	display: inline;
	float: left;
	width: 150px;
	margin: 0px 30px 15px 10px;
	padding: 0;
}

p#menu-home {
	display: inline;
	float: left;
	width: 142px;
	height: 42px;
	background: transparent url(/images/admin/home_button.png) top left no-repeat;		
}

p#menu-home a {
	display: block;
	width: 106px;
	height: 27px;
	padding: 12px 0px 0px 40px;
	text-decoration: none;
	color: #0271ad;	
}

#main-menu ul,
#main-menu li {
	display: inline;
	float: left;	
}

#main-menu li {
	width: 142px;	
	overflow: hidden;
}

#main-menu ul a {
	display: block;
	width: 100px;
	height: 22px;
	padding: 10px 0px 0px 40px;
	text-decoration: none;
	color: #0271ad;
	outline: none;
}

ul.submenu li {
	height: 28px;
	background-image: url(/images/admin/menu_sub.png); 
	background-position: top left; 
	background-repeat: no-repeat;	
}	
	
ul.submenu li.selected {
	background-position: bottom left;	
}

#main-menu ul ul.submenu a {
	width: 98px;
	padding: 6px 0px 0px 25px;
}

#main-menu a.top-section-selected {
	color: #fff;	
}

#main-menu ul ul.submenu li.selected a {
	color: #0271ad;
}

ul#content-menu-options {
	margin: 0px 0px 15px 0px;	
}

#content-menu-options li.selected-top-li,
#account-menu-options li.selected-top-li {
	background-position: 0px -32px;
}

#content-menu-options #menu-pages.selected {
	background-position: 0px -35px;	
}

#content-menu-options #menu-comments.selected {
	background-position: 0px -35px;	
}

#account-menu-options #menu-presentation.selected {
	background-position: 0px -35px;	
}

#account-menu-options #menu-settings.selected {
	background-position: 0px -35px;	
}

li.menu-topsection {
	background-position: top left;
	background-repeat: no-repeat;
}	

li#menu-pages {
	background-image: url(/images/admin/menu_pages.png);	
}

li#menu-images {
	background-image: url(/images/admin/menu_images.png);	
}

li#menu-links {
	background-image: url(/images/admin/menu_links.png);	
}

li#menu-comments {
	height: 35px;
	background-image: url(/images/admin/menu_footer.png);	
}
li.comments-pending {
	height: 35px;
	background-image: url(/images/admin/menu_comments_pending.png) !important;
}
li#menu-comments a {
	height: 23px;
	padding-top: 8px;
}

li#menu-images > a,
li#menu-links > a,
li#menu-prints > a,
li#menu-stats > a,
li#menu-help > a, {
	padding-top: 8px;
}	
	
span#comment-count {
	margin: 0px 0px 0px -25px; 
}	
	
span#comments-title {
	margin: 0px 0px 0px 14px; 
}

ul#account-menu-options {
	border-top: 2px solid #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
	padding: 15px 0px 15px 0px;	
}

li#menu-presentation {
	background-image: url(/images/admin/menu_presentation.png);
}

li#menu-prints {
	background-image: url(/images/admin/menu_prints.png);
}

li#menu-stats {
	background-image: url(/images/admin/menu_stats.png);
}

li#menu-help {
	background-image: url(/images/admin/menu_help.png);
}

li#menu-settings {
	height: 35px;
	background-image: url(/images/admin/menu_settings.png);
}

li#menu-settings a {
	padding-top: 8px;	
}

/* -------------------------------- Completeness -------------------------------- */

#completeness-status {
	display: inline;
	float: left;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 30px;
	border: 1px solid #3CA3D0;
	background-color: #ffffcc;
	border-color: #ffcc00;
}

#home-column1 #completeness-status {
	width: 380px;
	padding: 10px;
}

#completeness-status h3.block-title {
	margin-bottom: 8px;
	background: #ffffcc url(/images/admin/line-bg.gif) 0px 15px repeat-x;	
}

#completeness-status h3.block-title span { 
	background: #ffffcc; 
}

p#completeness-amount,
p#completeness-next-step {
	margin-left: 4px;
}

p#completeness-next-step {
	color: #666;
}

.complete-10 { color: #E8011F; }
.complete-20,
.complete-30 { color: #F89B33; }
.complete-40,
.complete-50,
.complete-60 { color: #3CA3D0; }
.complete-70,
.complete-80,
.complete-90 { color: #78B830; }

p#completeness-bar a {
	display: block;
	width: 147px;
	height: 31px;
	text-indent: -4000px;
	background: transparent url(/images/admin/completeness_bar.png) no-repeat 10px 20px;
}

p#completeness-bar a.percent-10 { background-position: 0px -6px; }
p#completeness-bar a.percent-20 { background-position: 0px -44px; }
p#completeness-bar a.percent-30 { background-position: 0px -78px; }
p#completeness-bar a.percent-40 { background-position: 0px -112px; }
p#completeness-bar a.percent-50 { background-position: 0px -146px; }
p#completeness-bar a.percent-60 { background-position: 0px -179px; }
p#completeness-bar a.percent-70 { background-position: 0px -213px; }
p#completeness-bar a.percent-80 { background-position: 0px -247px; }
p#completeness-bar a.percent-90 { background-position: 0px -281px; }
p#completeness-bar a.percent-100 { background-position: 0px -315px; }

/* ---- modal ---- */

p#step-action-buttons {
	margin-top: 20px;
}

/* -------------------------------- Content -------------------------------- */

#wb-body-content {
	display: inline;
	float: left;
	width: 80%;
	margin-top: 5px;	
	overflow: hidden;
}

/* -------------------------------- Home -------------------------------- */

#home-column1 {
	width: 400px;
	margin: 10px 40px 0px 0px;	
}

#home-column2 {
	width: 400px;	
	margin-top: 10px;
}

.home-block {
	display: inline;
	float: left;
	width: 400px;
	margin-bottom: 20px;
	overflow: hidden;	
}

ul#getting-started-menu li {
	display: inline;
	float: left;
	width: 150px;	
	margin: 0px 20px 8px 10px;
}

ul#getting-started-menu li a {
	display: block;	
	width: 115px;
	height: 26px;
	padding: 9px 0px 0px 40px;
	color: #0271AD;
	text-decoration: none;	
}

ul#getting-started-menu li,
ul#getting-started-menu li a {
	background-position: top left;
	background-repeat: no-repeat;	
}

ul#getting-started-menu li a:hover {
	color: #fff;
	background-position: bottom left;	
}

li#add-new-page,
li#add-new-page a {
	background-image: url(/images/admin/button_plusdoc.png);	
}

li#change-theme,
li#change-theme a {
	background-image: url(/images/admin/button_palette.png);	
}

li#upload-image,
li#upload-image a {
	background-image: url(/images/admin/button_arrow.png);	
}

li#update-profile,
li#update-profile a {
	background-image: url(/images/admin/button_human.png);	
}

div#improve-steps {
	width: 400px;
	background: transparent url(/images/admin/box_400_top.png) top left no-repeat;	
}

#welcome p {
	margin-bottom: 8px;
}

#welcome ul li {
	list-style-position: inside;
	margin-bottom: 6px;
	list-style-type: circle;
}

div#welcome-points {
	width: 370px;
}

div#improve-steps ul {
	width: 380px;
	margin: 0;
	padding: 16px 8px 8px 8px;
	background: transparent url(/images/admin/box_400_bottom.png) bottom left no-repeat;	
}

div#improve-steps ul li {
	margin: 0px 0px 10px 8px;	
}

#user-messages div.table,
#top-image-views div.table,
#recent-forum-posts div.table {
	width: 400px;
	background: transparent url(/images/admin/box_400_top.png) top left no-repeat;	
}

#user-messages table,
#top-image-views table,
#recent-forum-posts table {
	width: 400px;
	margin: 0;
	padding: 8px;
	background: transparent url(/images/admin/box_400_bottom.png) bottom left no-repeat;	
}

#user-messages thead th,
#recent-forum-posts thead th {
	border-bottom: 1px solid #9f9f9f;
}

#user-messages tbody td,
#recent-forum-posts tbody td {
	border-top: 1px solid #9f9f9f;	
}

#user-messages tbody tr.first-row td,
#recent-forum-posts tbody tr.first-row td {
	border-width: 0px;
}

p#view-all-messages {
	margin: 5px 0px 0px 5px;
}

div.blog-post {
	width: 400px;
	background: transparent url(/images/admin/box_400_top.png) top left no-repeat;	
}

div.blog-post p.blog-post-title {
	padding: 15px 15px 0px 15px;
	font-size: 121%;
}

div.blog-post p.blog-post-title .blogPostDate { 
	font-size: 90%; font-weight: bold; display: block; 
}

div.blog-post p.blog-post-preview {
	margin: 0;
	padding: 0px 15px 15px 15px;
	color: #444;
	background: transparent url(/images/admin/box_400_bottom.png) bottom left no-repeat;
}

/* -------------------------------- Messages -------------------------------- */

div.message-preview {
	width: 80%;
	margin: 0px 0px 15px 0px;
	padding: 8px;
	border: 1px solid #ccc;
}

h4.message-body {
	width: 80%;
	margin: 25px 0px 15px 0px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

div.messages-actions {
	margin-top: 25px;
}

/* -------------------------------- Invites -------------------------------- */


tr.total td {
	text-align: right;
	}

tr.total #total {
	text-align: left;
	font-weight: bold;
}

tr.credit-used {
		background:url(/images/admin/credit-used.png) #eee;
		color: #aaa;
}

tr.credit-used a 
{
	color: #8FABB0;
}

/* -------------------------------- Pages -------------------------------- */


/* ---- Create New Page ---- */

ul#select-page-type {
	display: inline;
	float: left;
	margin: 30px 0px 0px 30px;	
}

ul#select-page-type li {
	display: inline;
	float: left;
	width: 200px;
	margin-right: 100px;	
}

.page-preview {
	height: 170px;		
}

p.page-type-desc {
	height: 50px;
	margin-bottom: 20px;
	padding-left: 8px;
}

.page-preview a img {
	border: 0;
}

.select-page-button {
	text-align: center;	
}

/* ---- Browse Pages ---- */

table#pages-list {
	width: 90%;
	border: 1px solid #9f9f9f;
}

table#pages-list thead {
	background-color: #f0f0f0;	
}

table#pages-list th,
table#pages-list td {
	border-width: 0;	
}

table#pages-list tbody th,
table#pages-list tbody td {
	border-top: 2px solid #cfcfcf;
}

table#pages-list tbody tr {
	height: 80px;
}

table#pages-list tbody td,
table#pages-list tbody th {
	vertical-align: top;	
}

td.page-title h3 {
	margin: 0px 0px 8px 0px;	
}

tr.edit-page-row {
	background-color: #f0f0f0;	
}

table#pages-list tr.edit-image-row td {
	border-top: 2px dotted #cfcfcf;	
}

tr.edit-page-row h3 {
	margin-top: 0;
}

tr.edit-page-row form {
	margin: 0px 0px 10px 0px;	
}

/* ---- edit individual page ---- */

#side-info-column {
	margin-top: 10px;	
}

#publish-block {
	width: 215px;
	border: 1px solid #9f9f9f;
	margin-bottom: 15px;
	padding: 8px;		
}

#publish-block p {
	text-align: center;	
}

#publish-block p#publish-button {
	padding: 10px 0px 0px 0px;
	border-top: 2px dotted #cfcfcf;
}

#publish-block p#page-status {
	margin-bottom: 0;
	text-align: left;
}

#publish-block p#page-type {
	margin: 6px 0px 2px 0px;
	text-align: left;
}

h2#pages-title {
	width: 95%;
}

input#page-title {
	width: 100%;	
}

#page-content textarea {
	width: 100%;	
}

p#page-content-text {
	margin: 0;	
	padding-right: 2px;
}

p#last-update {
	padding: 5px;
	border-bottom: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	background-color: #f0f0f0;	
	text-align: right;
}

#page-images {
	margin-bottom: 15px;
	border: 1px solid #9f9f9f;	
}

#page-images-header {
	display: inline;
	float: left;	
	width: 100%;
	border-bottom: 2px solid #cfcfcf;
}

#add-images-link {
	display: inline;
	float: left;	
	margin: 5px 0px 5px 5px;
}

#add-images-link a {	
	text-decoration: none;
}

#image-count {
	display: inline;
	float: right;
	margin: 5px 5px 5px 5px;		
}

ul#attached-images {
	display: inline;
	float: left;	
	width: 100%;
}

li.image-preview {
	display: inline;
	float: left;
	width: 180px;
	height: 230px;
	margin: 0px 10px 0px 0px;	
}

ul#attached-images li.image-preview {
	margin: 10px;
}

ul#attached-images li.image-preview p {
	margin-bottom: 4px;
}

.image-preview-thumb-link {
	display: block;
	border: none;	
}

#advanced-options .column1,
#advanced-options .column2 {	
	margin: 0px 50px 0px 0px;
}

#meta-information {
	clear: left;
	padding: 20px 0;
}
/* --------------------------------------- Images ------------------------------------- */

.pagination { 
	font-size: 132%;
	margin: 10px 0;
	width: 90%;
       	text-align: right;
}

#sort-options {
	margin: 0px 0px 8px 0px;	
}

h3.image-title-link {
	margin-bottom: 6px;	
}

ul.image-attrs {
	margin-bottom: 6px;
}

table.results-list {
	width: 90%;
	border: 1px solid #9f9f9f;
}

table.results-list thead {
	background-color: #f0f0f0;	
}

table.results-list th,
table.results-list td {
	border-width: 0;	
}

table.results-list tbody th,
table.results-list tbody td {
	border-top: 2px solid #cfcfcf;
}

table.results-list tbody tr {
	height: 80px;
}

table.results-list tbody td,
table.results-list tbody th {
	vertical-align: top;	
}

tr.edit-image-row {
	background-color: #f0f0f0;	
}

table.results-list tr.edit-image-row td {
	border-top: 2px dotted #cfcfcf;	
}

tr.edit-image-row h3 {
	margin-top: 0;
}

tr.edit-image-row form {
	margin: 0px 0px 10px 0px;	
}

p.image-title-link {
	margin: 0;	
}

ul.image_attrs {
	margin: 0;
	list-style-type: none;	
}

ul.image_attrs li {
	display: inline;
	float: left;	
	margin-right: 10px;
}

.quick-edit-form .column1,
.quick-edit-form .column2,
.quick-edit-form .column3 {
	display: inline;
	float: left;
	margin-right: 50px;	
}

/* ---- Upload Image Form ---- */

#upload-image-form .block-title {
	width: 500px;	
}

#step-1 {
	margin-top: 30px;	
}

#MultiFile1_wrap_labels {
	display: block;
	width: 400px;	
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 5px 10px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;	
}

#MultiFile1_wrap_labels div {
	margin-bottom: 5px;	
}

.upload-step {
	margin-bottom: 30px;	
}

#image-submit {
	width: 150px;
	height: 34px;
	padding-left: 20px;
	border-width: 0;
	background: #fff url(/images/admin/button_arrow.png) top left no-repeat;	
	color: #0271ad;
	font-size: 100%;
}

#image-submit:hover {
	background-position: bottom left;
	color: #fff;
	cursor: pointer;
}

/* ---- Modal Upload Form ---- */
ul#upload-images li {
	display: inline;
	float: left;
	margin: 0px 20px 40px 0px;
}

img.processing {
      	background: url(/images/admin/spin_light_processing.gif) no-repeat center;
}

/* ---- Edit Image Form ---- */

#edit-image-form .column1 {
	margin-right: 30px;
}

#edit-image-preview {
	display: inline;
	float: left;
	margin: 0px 0px 0px 30px;	
}

#edit-image-rotate {
	margin: 0px 0px 30px 0px;	
}

#edit-image-rotate ul,
#edit-image-rotate li { 
	display: inline;  
}

#edit-image-rotate li a img { 
	border: 0;  
}

/* -------------------------------- Comments -------------------------------- */
/* comments */
#menu-comments .comments-pending {
	font-weight: bold;
	padding-left: 1px;
	color: #fff;
}

.results-list .comment_form textarea, .results-list .reply_form textarea {
width: 100%;
}

.results-list .moderate_comment {
	border-top: 1px solid #eee;
	padding-top: 10px;
	text-align: right;
	position: relative;
}

.results-list tr.pending {
	background-color: #ffffcc;
}

.results-list a.approve, .results-list a.approved {
	color: #78B830;
}

.results-list a.pending {
	color: #FF8040;
}

.results-list a.delete, .results-list a.deleted, .results-list a.spam {
	color: #D893A1;
}

.results-list .ip-address, .results-list .type, .results-list .author-email, .results-list .update-date {
	font-size: 87%;
	color: #aaa;
}

/* -------------------------------- Trial Upgrade -------------------------------- */


#boxset {
float: left;
margin: 10px 20px 20px 0;
}

#upgrade-form table {
font-size: 1.2em;
}

#upgrade-form .saving {
color: #669900;
font-size: 90%;
}

#discount-code {
clear: left;
}

#paypal input {
border: 0;
}

/* -------------------------------- Help -------------------------------- */

#faq-section iframe {
	border: 1px solid #ccc;
}

/* -------------------------------- Settings -------------------------------- */

#my-details {
	margin-bottom: 20px;	
}

#artistweb-details {
	width: 400px;
	margin-bottom: 30px;
}

#account-payment input { 
	border: 0; 
}

#account-payment form { 
	margin: 0 0 20px 0;
}

#account-payment .column1,
#account-payment .column2 {
	padding-right: 20px;
} 

/* -------------------------------- Presentation -------------------------------- */

table#sortable-tbl {
	border: 1px solid #ccc;
}

table#sortable-tbl thead th {
	background-color: #F2F9FD;
	border-bottom: 1px solid #999;
}

table#sortable-tbl tbody tr.odd-row td {
	background-color: #f1f1f1;	
}

table#sortable-tbl tbody tr.drag-class td {
	background-color: #ccff00;
}

/* -------------------------------- Shipping/Postage Details -------------------------------- */

#new-postage-form {
	margin-bottom: 40px;	
}

ul.newShippingOptions {
	margin: 0px 25px 15px 0px;	
}

#page-postage-form {
	margin-bottom: 40px;	
}

#shippingItems {
	margin-top: 4px;
}

.shippingItem {
	width: 90%;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #ccc;	
}

.shippingItem ul {
	margin-bottom: 15px;
}
	
.shippingOptions {
	margin: 8px 0px 0px 4px;
	padding-left: 8px;
	border-left: 2px solid #ccc;	
}

.shippingOptions li {
	margin-bottom: 4px;	
}

.shippingOptionPrice {
	margin: 0px 0px 8px 0px;	
}

#newShipping {
	margin-top: 20px;	
}

#main-content #newShipping .column1,
#main-content #newShipping .column2 {
	margin-top: 0px;	
}

/* -------------------------------- Style Editor -------------------------------- */	
	
body#style-editor {
	background-image: none;	
}

#current-selection {
	background-color: #f1f1f1;	
}

/* ---- Header ---- */

#style-editor-header {
	background-color: #2a6faa;	
}

#title-details {
	display: inline;
	float: left;
	width: 500px;
	margin: 5px 0px 0px 15px;	
}

#style-editor-header h1 {
	color: #fff;
	margin: 10px 0px 10px 0px;
}

#style-selection {
	color: #fff;	
}

div#logged-in-area {
	display: inline;
	float: right;
	width: 200px;	
	margin: 10px 0px 10px 0px;
	color: #B6D1E4;
}

div#logged-in-area a {
	color: #fff;
}

div#logged-in-area a#exit-style-editor {
	color: #000;	
}

iframe#website-preview {
	margin: 8px 0px 0px 8px;	
	width: 95%;
	height: 350px;
}

/* ---- Template Selection ---- */

#select-template {
	display: inline;
	float: left;
	width: 95%;	
	margin: 0px 0px 0px 15px;		
}


#template-intro {
	display: inline;
	float: left;
	width: 100%;
	margin-top: 15px;
}

#select-template-area {
	display: inline;
	float: left;
	width: 90%;
	height: 260px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #ccc;
	overflow-x: scroll;	
}

ul#template-options {
	display: inline;
	float: left;
	width: 1970px;
	margin-bottom: 4px;		
}

ul#template-options .selected {
	background-color: #ccffff;	
}

ul#template-options li {
	display: inline;
	float: left;
	margin: 8px 15px 0px 0px;	
	padding: 5px;
}


ul#template-options li a img {
	border: 1px solid #AAAAAA;
}		

#next-step {
	display: inline;
	float: left;
	width: 400px;	
}

/* ---- Style Selection ---- */

#style-area {
	margin: 15px 0px 0px 20px;	
}

#style-select-buttons {
	display: inline;
	float: left;
	margin: 10px 30px 0px 0px;
}

#style-select-buttons p {
	margin-bottom: 25px;
}

#select-style {
	display: inline;
	float: left;
	width: 80%;
	height: 275px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #ccc;
	overflow-y: hidden;
	overflow-x: scroll;	
}

#select-style ul {
	margin: 0;
	width: 3000px;	
}

#select-style ul li {
	display: inline;
	float: left;
	margin: 10px 20px 0px 10px;
	padding: 0;
}

#select-style ul li p {
	margin-bottom: 4px;
}

#select-style .selected-style {
	background-color: #ccffff;	
}

/* ---- Customize - Global ---- */

#update-warning{
	display: none;
}

.colorwell {
	cursor: pointer;	
}

#left-side {
	display: inline;
	float: left;
	width: 180px;
	margin: 13px 0px 0px 10px;
}

#edit-style-elements {
	display: inline;
	float: left;
	width: 70%;
	margin: 15px 0px 20px 10px;
	padding: 10px 20px 20px 30px;
	border-left: 3px solid #ccc;
	background-color: #e7f2f5;
}

p#editor-mode-title {
	margin: 0px 0px 6px 0px;	
}

ul#editor-mode li {
	display: inline;
	float: left;	
	margin: 0px 0px 15px 0px;
	border: 2px solid #ccc; 
	margin-right: 8px; 
}

ul#editor-mode li span {
	display: block;
	width: 60px;
	margin: 0;
	padding: 6px;
	background-color: #2a6faa;
	color: #fff;
	text-align: center;
}

ul#editor-mode li a {
	display: block;
	width: 60px;
	margin: 0;
	padding: 6px;
	background-color: #f1f1f1;	
	text-align: center;	
}

ul#editor-mode li a:hover {
	background-color: #ccffff;
}

/* ---- Customize - Simple ---- */	

div#customize-elements {
	display: inline;
	float: left;
	width: 550px;
	overflow: hidden;
}

div.style-item {
	display: inline;
	float: left;
	margin: 0px 0px 10px 0px;	
}

div.style-item p.property-name {
	display: inline;
	float: left;
	width: 200px;
	margin: 5px 10px 0px 0px;
	text-align: right;
}

div.style-item p.property-value {
	display: inline;
	float: left;
	width: 300px;
	margin: 0px;
}

#simple-style-diagram {
	display: inline;
	float: left;
	width: 310px;
	margin-bottom: 10px;
	text-align: left;
}

#simple-style-diagram img {
	border: 1px solid #ccc;
}

p#simple-form-submit {
	margin-top: 10px;
}

/* ---- Customize - Advanced --- */

div.inputSlider { 
	float:left; 
	margin-top: 4px;
}

#element-select { 
	margin-bottom: 20px;
	font-weight: bold;
}


/* -------------------------------- Error Pages -------------------------------- */

.errorPage #header { 
	background: url(/images/misc/horizontal-wide-924-150.gif) no-repeat -500px 0;
	height: 150px;
	width: 100%;
}

.errorPage #content {
	clear: left;
	margin-left: 80px;
}

.errorPage #errorCat {
	float: left;
	margin: 0 20px 20px 0;
}

.errorPage #tryThis li
{ 
	font-size: 131%;
	list-style: inline disc;
}

.errorPage #techie{
	margin-top: 100px;
}

.errorPage .photo-credit {
	clear: both; 
}

/* -------------------------------- Tool Tip -------------------------------- */

.add-tooltip b { font-size: x-small; }

.tooltip {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
	padding: 10px;
	background-color: #f5f5b5;
	border: 1px solid #DECA7E;
	opacity: 0.85;
}
.tooltip h3, .tooltip div { 
	color: #333333;
	margin: 0; 
	font-style: normal;
	font-size: small;
}
/* -------------------------------- Webalizer -------------------------------- */
#webalizer td, #webalizer th { padding: 2px; margin: 0; }

#webalizer-header h1 {
	color: #fff;
	margin: 10px 0px 10px 0px;
}

#webalizer-questions {
text-align: right;
padding: 2px 8px;
}


#webalizer h2 {
	width: 95%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 2px solid #bcbcbc;
	color: #0271ad;	
}


.webalizer {
	margin: 15px;		
}

.webalizer hr { display: none; }

