* {
	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,
.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,
.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;
}
.warning-msg .close{
	display: block;
	float: right;
	font-weight: bold;
	color: #f00;
	position: relative;
	top: -8px;
	right: -4px;
}

.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 input[type=button] { margin-left: 5px; }

#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 .site-title {
	color: #fff;
	font-size: 1.6em;
}

#wb-head h2 a:hover.site-title { background: #fff; color: #000; }

#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;
}


/* --------------------------------User Popup Menu ---------------------- */
#logged-in-area-menu {
  min-width: 175px;
  display: block;
  right: 40px;
  top: 28px;
  background: none repeat scroll 0% 0% rgb(255, 255, 255);
  position: absolute;
  margin: 0pt 1em;
  border: 1px solid #91B2CD;
  /* Stay on top of feedback widget */
  z-index: 1001;
  box-shadow: 2px 2px 4px #666666;
  -webkit-box-shadow: 2px 2px 4px #666666;
  -moz-box-shadow: 2px 2px 4px #666666;
  -o-box-shadow: 2px 2px 4px #666666;
  -ms-box-shadow: 2px 2px 4px #666666;
}
#logged-in-area-menu li {
  padding: 1em;
  text-align: left;
  color: #444;
}
ul li.link { border-bottom: 1px dashed #ccc }
ul li.info { background: #EEE;  }
ul li.info span { display: block; }
div ul#logged-in-area-menu li a { color: #0271AD }


/* -------------------------------- 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;
}

#home-column1 #completeness-next-step {
font-size: 1.6em;
font-weight: bold;
color: #000;
}

.complete-10 { color: #E8011F; }
.complete-20,
.complete-30 { color: #F89B33; }
.complete-40,
.complete-50,
.complete-60 { color: #3CA3D0; }
.complete-70,
.complete-75,
.complete-80,
.complete-85,
.complete-90,
.complete-95 { 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-75 { 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-95 { 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 -------------------------------- */


#invite-buttons {
height: 100px;
}
.social-bar li {
	float:left;
}

.social-bar li, #invite-buttons li a {
	display: block;
	width: 60px;
	height: 40px;
}

.fb-invite {
	background: url(http://wb-static.artweb.com/images/bookmarks/facebook.png) no-repeat;
 }
.twitter-invite {
	background: url(http://wb-static.artweb.com/images/bookmarks/twitter.png) no-repeat;
}
.delicious-invite {
	background: url(http://wb-static.artweb.com/images/bookmarks/delicious.png) no-repeat;
}
.stumbleupon-invite {
	background: url(http://wb-static.artweb.com/images/bookmarks/stumbleupon.png) no-repeat;
}

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;
}

/* -------------------------------- Questionaire -------------------------------- */

#questions h3.subtitle, #choose-images h3.subtitle {
margin-top: 20px;
}

/* -------------------------------- 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;
}
#upload-notes {
	float: right;
	width: 45%;
}

input.multiple_upload {
border: 0;
}

/* ---- 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;
}

#edit-image-form label.disabled {
  color: #AAA;
}

/* -------------------------------- 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, #user-messages tr.pending {
	background-color: #ffffcc;
}

.results-list a.approve, .results-list a.approved, .results-list a.undelete {
	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;
}


#free-account {
	margin-top: -10px;
float: right;
width: 400px;
background: transparent url(/images/admin/box_400_top.png) top left no-repeat;
}
#free-account h3 {
padding: 20px 20px 0px 20px;
}
#free-account div {
padding: 0 20px 20px 20px;
background: transparent url(/images/admin/box_400_bottom.png) bottom left no-repeat;
}


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

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

#discount-code {
}

#paypal input {
border: 0;
}

/* Package Comparison Table */

table.packageComparison { margin-top: 40px; }
table.packageComparison th { display: none; }
table.featureComparison th { display: block!important; text-align: right; font-weight: normal; color: #000; width: 200px; padding: 10px; text-transform: capitalize; }
table.featureComparison tr { border-bottom: 1px solid #ccc; }
table.packageComparison td { width: 200px; padding: 10px; vertical-align: top; text-align: center; }
table.featureComparison tr.allPackages th,table.featureComparison tr.allPackages td { padding: 5px 10px!important; border:0; margin; 0;}
table.packageComparison tr.packageStrapline td { font-family: georgia, times, serif; font-size: 1.4em; }
table.packageComparison tr.packageTitle th, table.packageComparison tr.packageTitle td { height: 45px; }
table.packageComparison tr.packageTitle td { border-bottom: 1px solid #333; }
table.packageComparison tr.images td, table.packageComparison tr.price td { font-size: 1.4em; }
table.packageComparison tr.price td { color: #000; }

tr.cell0a td, tr.cell0a th { background: #F5F2ED!important; }
tr.cell1a td, tr.cell1a th { background: #eeeeee; }

.sale { color: #f00; }
.strike-through { text-decoration: line-through; }


/* -------------------------------- 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;
}

/* -------------------------------- Bookmarks -------------------------------- */
#bookmarks {
	height: 60px;
}

#bookmarks a {
	display: block; width: 60px; height: 40px;
	background-position: 0px -31px !important;
	text-decoration: none;
	float: left;
}

#bookmarks a:hover {
        background-position: 0px -0px !important;
}

.bookmark-select, .sharing-select { height: 50px; width: 200px; display: block; float: left;  padding: 10px; border: 1px solid #fff; }
.bookmark-select input, .bookmark-select label { display: block; float: left; }
.bookmark-select label { padding-left: 70px; margin-left: 10px ;height: 40px; }
.bookmark-selected, .sharing-selected { background-color: #ffffcc; border-color: #ccc; }

#popular-bookmarks, #other-bookmarks { clear: both; padding-top: 20px; }
#popular-bookmarks h4, #other-bookmarks h4 { clear: both; margin-bottom: 10px; }
#show-bookmarks { clear: both; padding: 20px 0; }




/* -------------------------------- 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;
}

#slideshow-preview img {
	border: 1px solid #ccc;
}
/* -------------------------------- 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;
}

/* -------------------------------- Google Base -------------------------------- */
#google-base-help ol {
margin: 10px;
list-style: lower-alpha;
}
#google-base-help ol li {
padding: 10px;
margin: 10px;
}


/* -------------------------------- 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;
	text-align: right;
	float: right;
	width: 500px;
	margin: 10px 20px 10px 0px;
	color: #B6D1E4;
	padding-bottom: 5px;
}

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

div#logged-in-area a#save-exit-style-editor, 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 ul li p a {
	text-transform: capitalize;
}

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

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

#update-warning{
	display: none;
}

.colorwell {
	cursor: pointer;
}

#color-scheme {
	display: inline;
	float: right;
	width: 180px;
	margin: 13px 0px 0px 10px;
}

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


#edit-style-elements {
	display: inline;
	float: left;
	width: 78%;
	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;
}

td.valueCell {
width: 200px;
}


/* -------------------------------- 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; }

/* -------------------------------- Prints -------------------------------- */

#print-summary { margin: 10px 0; }
#print-summary li { display: inline; }
table.print-results tr td { vertical-align: top; }
table.print-results tr td div.status { font-weight: bold; text-align: right; position: absolute; z-index: 999; padding: 2px 4px; background: white; border: 1px solid: #eee;}
.problem { border: 1px solid #CC0000; background: #FFE0D2;  }
.uploaded { border: 1px solid #EEEEEE; background: #FAFAFA;  }
.ready { border: 1px solid #FCC364; background: #FCECD1;  }
.submitted { border: 1px solid #BFFF48; background: #EDFFCC;   }
.vetted { border: 1px solid #72FF43; background: #CFFFBC;  }
.sent { border: 1px solid #46CA00; background: #C0F9A2;  }
.accepted { border: 1px solid #006F0E; background: #92E983;  }

/*** Admin multiple file upload ***/
#upload-form legend
 { color: #666666; font-size:140%; }

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

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

#upload-form fieldset
 { border:none; }

#upload-form li input[type=text], #upload-form li textarea, #upload-form select
 { display:block; float:none; clear:both; width:100%; margin-top:5px; }

#upload-form input[type=checkbox]
 { margin-left:10px;  }

#upload-form input[type=radio]
 { margin-right:10px; margin-left:10px; }

#upload-form .optgroup
 { margin-top:10px; }

#upload-form #details, #upload-form #properties, #upload-form #description
 { display:block; float:left; width:30%; padding:10px;  }

#upload-form #details li, #upload-form #properties li, #upload-form #description li
 { margin-top:10px; }

#upload-form legend
 { display:none; }

#upload-form legend.block-title
 { display:block; }

#upload-form .upload-step
 { float:none; clear:both; display:block; width:100%;
   background-color:#EDEDED; border:1px solid #000000; width:96%; padding:14px; margin-top:0; }

#upload-form .actions li
 { float:left; margin-left:10px;  }

#upload-form .actions
 { display:block; width:100%; height:50px; }

#upload-form .no-float
 { float:none; clear:both; }

 /** progress bar **/

	#upload-form .progress-bar
	 { background-color:#FFFFFF; border:1px solid #000000; height:60px;
	   border-bottom:1px dotted #000000; width:96%; padding:14px; display:none; }

	#upload-form .progress-bar .image_ttt
	 { float:left; border: 1px solid #999; width: 50px; height:50px; margin-right: 10px; }

	#upload-form .progress-bar .file_name
	 { font-style:italic; }

	#upload-form .progress-bar .bar
	 { display:block; height:5px; /*float:none; clear:both;*/ width:92%; border:1px solid #000000; margin-top:10px;
	   margin-bottom:10px; margin-left: 57px;}

	#upload-form .progress-bar .fill
	 { display:block; background-color:#888888; width:40%; height:5px; }

 /** /progress bar **/

#upload-form #image_viewer
 { display:none; margin-top:20px;  }

/*** /Admin multiple file upload ***/


#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:red;}
#simplemodal-container a.modalCloseImg {width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;color:red;}
#simplemodal-container h3 {color:#84b8d9;}