/*
Style Name: CushyCMS
Theme URI: http://cushycms.com
Description: Master stylesheet for CushyCMS 2.0
Version: 2.0
Author: Jesse Dodds
*/

/* @group Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {line-height: 1; background:#2f2924;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after {content: ""; content: none;}
q:before, q:after {content: ""; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
.imgRight {float:right; margin:10px 0 0 40px;}
.left {float:left;}
.right {float:right;}
/* @end */

/* @group Grid */

.container_16 {font-size: 106%;  margin-left: auto; margin-right: auto; width: 960px;}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-right: 20px;
	}

.container_16 .grid_4 {width: 200px; margin-right: 40px; margin-left: 0px;}

.container_16 .grid_8 {width: 460px; }
.container_16 .grid_12 {width: 700px;}
.container_16 .grid_16 {width: 950px;}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

.container_16 .grid_1 {width: 40px;}
.container_16 .grid_2 {width: 100px;}
.container_16 .grid_3 {width: 160px;}
.container_16 .grid_5 {width: 280px;}
.container_16 .grid_6 {width: 340px;}
.container_16 .grid_7 {width: 400px;}
.container_16 .grid_9 {width: 520px;}
.container_16 .grid_10 {width: 580px;}
.container_16 .grid_11 {width: 640px;}
.container_16 .grid_13 {width: 760px;}
.container_16 .grid_14 {width: 820px;}
.container_16 .grid_15 {width: 880px;}

.container_16 .prefix_4 {padding-left: 240px;}
.container_16 .prefix_8 {padding-left: 480px;}
.container_16 .prefix_12 {padding-left: 720px;}

.container_16 .prefix_1 {padding-left: 60px;}
.container_16 .prefix_2 {padding-left: 120px;}
.container_16 .prefix_3 {padding-left: 180px;}
.container_16 .prefix_5 {padding-left: 300px;}
.container_16 .prefix_6 {padding-left: 360px;}
.container_16 .prefix_7 {padding-left: 420px;}
.container_16 .prefix_9 {padding-left: 540px;}
.container_16 .prefix_10 {padding-left: 600px;}
.container_16 .prefix_11 {padding-left: 660px;}
.container_16 .prefix_13 {padding-left: 780px;}
.container_16 .prefix_14 {padding-left: 840px;}
.container_16 .prefix_15 {padding-left: 900px;}

.container_16 .suffix_4 {padding-right: 240px;}
.container_16 .suffix_8 {padding-right: 480px;}
.container_16 .suffix_12 {padding-right: 720px;}

.container_16 .suffix_1 {padding-right: 60px;}
.container_16 .suffix_2 {padding-right: 120px;}
.container_16 .suffix_3 {padding-right: 180px;}
.container_16 .suffix_5 {padding-right: 300px;}
.container_16 .suffix_6 {padding-right: 360px;}
.container_16 .suffix_7 {padding-right: 420px;}
.container_16 .suffix_9 {padding-right: 540px;}
.container_16 .suffix_10 {padding-right: 600px;}
.container_16 .suffix_11 {padding-right: 660px;}
.container_16 .suffix_13 {padding-right: 780px;}
.container_16 .suffix_14 {padding-right: 840px;}
.container_16 .suffix_15 {padding-right: 900px;}

.container_16 .push_4 {left: 240px;}
.container_16 .push_8 {left: 480px;}
.container_16 .push_12 {left: 720px;}

.container_16 .push_1 {left: 60px;}
.container_16 .push_2 {left: 120px;}
.container_16 .push_3 {left: 180px;}
.container_16 .push_5 {left: 300px;}
.container_16 .push_6 {left: 360px;}
.container_16 .push_7 {left: 420px;}
.container_16 .push_9 {left: 540px;}
.container_16 .push_10 {left: 600px;}
.container_16 .push_11 {left: 660px;}
.container_16 .push_13 {left: 780px;}
.container_16 .push_14 {left: 840px;}
.container_16 .push_15 {left: 900px;}

.container_16 .pull_4 {left: -240px;}
.container_16 .pull_8 {left: -480px;}
.container_16 .pull_12 {left: -720px;}

.container_16 .pull_1 {left: -60px;}
.container_16 .pull_2 {left: -120px;}
.container_16 .pull_3 {left: -180px;}
.container_16 .pull_5 {left: -300px;}
.container_16 .pull_6 {left: -360px;}
.container_16 .pull_7 {left: -420px;}
.container_16 .pull_9 {left: -540px;}
.container_16 .pull_10 {left: -600px;}
.container_16 .pull_11 {left: -660px;}
.container_16 .pull_13 {left: -780px;}
.container_16 .pull_14 {left: -840px;}
.container_16 .pull_15 {left: -900px;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.clearfix:after {clear: both; content: " "; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}

* html .clearfix, *:first-child+html .clearfix {zoom: 1;}

/* @end */


/* TYPOGRAPHY
--------------------------------------------- */

html, body {
	color: #474747;
	/* background-color: #3c342d; */
	}

body {
	font: 13px/1.5 "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	}

dl, hr, h2, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom: 20px;}

p {text-shadow: 0 0 1px rgba(0, 0, 0, 0.01); margin-bottom:10px;}

a {
	color: #88a92d;
	text-decoration: none;
	-webkit-transition: background 0.2s ease-in-out;
	font-weight: bold;
	}

a:hover {
	color: #618bc8;
	text-decoration: none;
	}

a:focus {
	outline: none;
	}

hr {
	border: 0 #cccccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
	}


h1 {font-size: 23px; line-height:13px; margin-bottom:13px; color:#5e534b; }
h2 {font-size: 26px; line-height:25px; margin-bottom: 8px;}
h3 {font-size: 18px; line-height:22px; color:#95877C; }
h4 {font-size: 21px; margin-bottom: 10px; }
h5 {font-size: 19px;}
h6 {font-size: 17px; margin-bottom:5px;}

ol {list-style: decimal;}
ul {list-style: disc;}
li {margin-left: 25px;}

ul li {list-style-type: disc;
	margin-bottom:5px; }

label {
	font-weight: bold;
	display: inline-block;
	}

legend {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 3px;
	font-weight: bold;
	color: #666666;
	display: block;
	}

pre {
 background-color:#29231E;
 border:1px dashed #FFFFFF;
 color:#FFFFFF;
 display:block;
 font-family:"Courier New",Courier,monospace;
 font-size:12px;
 margin-left: 20px;
 overflow:auto;
 padding:2px 7px;
}

pre span {
 color:#DDF54E;
}

input.text, #site_url, #ftp_host, #ftp_user, #ftp_password, #ftp_path, #user_name, #user_email, #page_url, #page_name, #page_path,
#user_current_password, #user_password, #user_password_confirmation, #designer_company, #designer_subdomain, #designer_logo,
#ftp_upload_path, #editor_custom_class, #user_coupon_code, .edit_user #languageSelect, body.payments.new input, body.subscriptions.edit input {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	color: #666666;
	padding: 5px;
	width: 290px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d5d5), to(white));
	background: -moz-linear-gradient(top, #f2f1f0, white);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999;
	-webkit-transition: background 0.2s ease-in-out;
	}

label {
	margin-bottom:2px;
}

input#ftp_host {
  display: inline-block;
  position: relative;
  top: 1px;
}

#editor_custom_class {
  display: inline-block;
  width: 190px;
}

#upload_path {
  margin: 10px 0 0 100px;
}

#ftp_upload_path {
  display: inline-block;
  width: 162px;
}

select {
	display: inline-block;
	height: 30px;
	font-size: 14px;
	color: #666666;
	padding: 3px 5px 5px 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d5d5), to(white));
	background: -moz-linear-gradient(top, #f2f1f0, white);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999;
	-webkit-transition: background 0.2s ease-in-out;
	 margin-bottom: 10px;
	}

select#designer_theme {
 margin-bottom: 10px;
}

textarea#designer_email {
 margin-bottom: 10px;
 width: 99%;
}

input#designer_subdomain {
 display: inline;
 margin-left: 5px;
 margin-right: 5px;
}

.subdomainRecommendation {
 padding-bottom: 10px;
 display: block;
}

#ftp_tree_root_container ol, #ftp_tree_root ol {
 background-color: #fff;
 border: 1px dashed #C4C4C4;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 padding: 5px;
}

#ftp_tree_root_container ol ol, #ftp_tree_root_container ol ol ol, #ftp_tree_root_container ol ol ol ol,
#ftp_tree_root ol ol, #ftp_tree_root ol ol ol, #ftp_tree_root ol ol ol {
 background-color: #fff;
 border: none;
 padding: 0;
}

.serverLabel {
 display: block;
}

.siteUrlLabel, input#site_url {
 display: inline-block;
}

#ftp_tree_root ol li.folder {
	list-style-type: none;
	background: url("/assets/new_icons/folder-9834de9d.png") no-repeat 5px 7px;
	margin-left: 0;
	padding-left: 26px;
	}

#ftp_tree_root label {

}

#ftp_tree_root ol li.folder a {
	color: #666;
	}

#ftp_tree_root ol {
	margin-bottom: 0;
	}

#ftp_tree_root ol li {
	margin: 0;
	padding:0 0 0 17px;
	}

#ftp_tree_root ol li.folder.selected {
	background: url("/assets/new_icons/folder_selected-535f9d6d.png") no-repeat 5px 2px;
	}

#ftp_tree_root ol li.file {
        list-style-type: none;
        background: url("/assets/new_icons/page_small-75f6ff43.png") no-repeat 5px 5px;
        margin-left: 0;
        padding-left: 26px;
        }

#ftp_tree_root ol li.file:hover {
		text-decoration:underline;
        }

#ftp_tree_root ol li.file a {
        color: #666;
        }

#ftp_tree_root ol li.file.selected, #ftp_tree_root ol li.folder.selected  aa {
 background-color: #DFDFDF;
}

hr {
	border: none;
	border-top: 1px solid #dfdfdf;
	}

body.pages.new div.buttonRow {
 margin-top: 10px;
}

body.pages.create div.buttonRow {
  margin-top: 10px;
}

body.editables.edit div.contents.wysiwyg, body.editables.edit div.contents {
 padding: 10px;
 margin-bottom: 10px;
 border: 1px dashed #C4BFB8;
 background: #F7F7F7;
}

body.editables.edit textarea.content {
 margin: 0;
 padding: 0;
 width: 100%;
}

div.advanced_options a {
 cursor: pointer;
}

.advancedShow {
	background: url("/assets/new_icons/show-08f024df.png") no-repeat 0 1px;
	padding-left: 22px;
	}

.advancedHide {
	background: url("/assets/new_icons/hide-679973ed.png") no-repeat 0 1px;
	padding-left: 22px;
	}

.advanced {
	padding-left: 22px;
	margin-top: 10px;
	}

#mode {
	margin-bottom: 10px;
	}

#mode label, #upload_path_selector label {
 width: 90px;
 text-align: right;
 margin-right: 10px;
}

#toolbar { margin-top: 10px; }
#toolbar label:first-child { margin-bottom: 10px; }
#toolbar ul li {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
 }

#toolbar ul li label { font-weight: normal; }

#advanced_ftp_title {
 color:#666666;
 display:block;
 font-size:11px;
 font-weight:bold;
 letter-spacing:3px;
 text-transform:uppercase;
}

#advanced_editor_settings {
 margin-left: 25px;
}

.emailInfo {
 color: #b54425;
 font-style: italic;
 font-size: 11px;
 /* margin-top: -5px; */
 margin-bottom: 10px;
 background-image:url("/assets/icons/exclamation-f8892859.png");
 background-position:0 1px;
 background-repeat: no-repeat;
 padding-left: 20px;
	}

.emailInfo {
	color: #666;
	margin-bottom: 0;
	display: block;
	}

.adminPanel {
	position:relative;
	z-index:10;
}

#confirm_message { display: none; }

.editorButton img, button#add_site img, button.showLoadingStatus img, button.savePrefs img {
	float: left;
}

a.chooseButton {
	margin-bottom: 20px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 15px;
	display: inline-block;
	color: #fff;
	background-color: #909090;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	text-shadow: 0 -1px #666;
	-webkit-transition: 0.2s ease-in-out;
	}

a.chooseButton:hover {
	background-color: #658ecc;
	border-color: #3b5e8f;
	}


button, div#versions a.button {
	float: left;
	margin: 15px 5px 0 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 21px;
	padding: 5px 10px;
	width: 200px;
	display: block;
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #687d1d;
	text-shadow: 0 -1px #475818;
	background:url("/assets/navGradientBlue-56107651.jpg") #4e7bba repeat-x;
	text-shadow: 0 -1px #2D4B74;
	border:1px solid #3365B2;
	}

button:hover, div#versions a.button:hover {
	background-color: #88a92d;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#88a9dd), to(#4E7BBA));
	background: -moz-linear-gradient(top, #88a9dd, #4E7BBA);
	}


button:active {
	background:#4E7BBA;
	}

/* HEADER
--------------------------------------------- */

#header, #footer {
	background-color:#3B342D;
	background-image:url("/assets/bg-d8d9d4be.gif");
	width: 100%;
	color: white;
	}

#header {
  padding-top: 10px;
  box-shadow: inset 0 20px 10px -20px #000000;
  -webkit-box-shadow: inset 0 20px 10px -20px #000000;
  -moz-box-shadow: inset 0 20px 10px -20px #000000;
}

div#logo {
	float:left;
}

/* LANGUAGE SELECTION
--------------------------------------------- */

div#language {
  float: right;
  text-align: right;
  color: #a19186;
  text-shadow: 0 -1px #000;
  font-weight: bold;
  font-size: 12px;
  position: relative;
  top: 10px;
}

div#language label {
  float:left;
  margin:4px 4px 0 0;
}

div#language select {
  background-color: #F2F1F0;
  padding: 3px;
}

/* NAVIGATION
--------------------------------------------- */

#nav {float: left;}

#login {float: right;}

#login li {margin-right: 0 !important;}

#nav, #login {margin-top:10px;  margin-bottom: 0;}

#nav li, #login li {
	list-style-type: none;
	float: left;
	display: inline-block;
	margin-left: 0;
	margin-right: 3px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	}

#nav li a, #login li a {
	display: block;
	padding: 10px 20px;
	margin: 0;
	color: white;
	background-color: #88a92d;
  background:url("/assets/navGradient-56ac4a31.jpg") #89AA2D repeat-x;
	border-radius: 9px 9px 0px 0px;
	text-shadow: 0 -1px #7a9222;
	-webkit-transition: background 0.2s ease-in-out;
  background-image: -webkit-linear-gradient(#a1d04d,#5f8d20);
  background-image: -moz-linear-gradient(top, #a1d04d,#5f8d20);
  -webkit-box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 1px 1px 0px rgba(255, 255, 255, 0.2);
	}

#nav li a:hover, #login li a:hover {
	text-decoration: none;
	background-color: #a6cb3e;
	background-image: -webkit-linear-gradient(#b1dd61,#5f8d20);
  background-image: -moz-linear-gradient(top, #b1dd61,#5f8d20);
	}

#nav li a:active, #login li a:active {
	text-decoration: none;
	background-color: #a6cb3e;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f8d20), to(#b1dd61));
	background: -moz-linear-gradient(top, #5f8d20, #b1dd61);
	}

#nav li a.signUp, #login li a.signUp {
	background:url("/assets/navGradientBlue-56107651.jpg") #4e7bba repeat-x;
	text-shadow: 0 -1px #3365b2;
	-webkit-transition: background 0.2s ease-in-out;
	}

#nav li a.signUp:hover, #login li a.signUp:hover {
	background-color: #6089c1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9abdee), to(#4e7bba));
	background: -moz-linear-gradient(top, #9abdee, #4e7bba);
	}

#nav li a.signUp:active, #login li a.signUp:active {
	background-color: #6089c1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6089c1), to(#88a9dd));
	background: -moz-linear-gradient(top, #6089c1, #88a9dd);
	}

#nav li.current a, #login li.current a, #nav li.current a.signUp {
	background-color: white;
	background: white;
	text-shadow: none !important;
	color: #80776f;
	-webkit-transition: background 0.2s ease-in-out;
	}

/* LOGIN BUTTON
--------------------------------------------- */

#login li a:hover {
	background-color: #a6cb3e;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1dd61), to(#5f8d20));
	background: -moz-linear-gradient(top, #b1dd61, #5f8d20);
	}

#login li a:active {
	background-color: #a6cb3e;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1dd61), to(#5f8d20));
	background: -moz-linear-gradient(top, #b1dd61, #5f8d20);
	}

#login span {
	background: url("/assets/drop_down-1cb50495.png") no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	margin-right: -5px;
	}

#login span.toggle {background-position: 0 0;}

#login span.toggle_flip {background-position: 0 -16px;}


/* LOGIN PANEL
--------------------------------------------- */

.loginPanel {
	z-index: 999;
	position: absolute;
	margin-left: 740px;
	width: 200px;
	background-color: #5f8d20;
	padding: 10px;
	font-weight: bold;
	font-size: 14px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	text-shadow: 0 -1px #7a9222;
	}

.loginPanel label {display: block;}

.loginPanel input#user_email,
.loginPanel input#user_password,
.loginPanel input.text {
	display: block;
	border: none;
	font-size: 14px;
	margin-bottom: 10px;
	color: #666666;
	padding: 5px;
	width: 190px;
  background-color: #FFFFFF;
	font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d5d5), to(white));
	background: -moz-linear-gradient(top, #f2f1f0, white);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #687d1d;
	-webkit-transition: background 0.2s ease-in-out;
	}

.loginPanel input#rememberMe {display: inline-block;}

.loginPanel label.rememberMe {font-size: 12px;}

.loginPanel fieldset {
	display: block;
	margin: 0;
	}

.loginPanel fieldset a.forgotPassword {
	font-size: 12px;
	color: white !important;
	}

.loginPanel button.loginButton {
	margin-top: 10px;
	float:none !important;
	margin-bottom: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 21px;
	padding: 5px 10px;
	width: 200px;
	display: block;
	color: #fff;
	background:url("/assets/navGradientBlue-56107651.jpg") #4e7bba repeat-x;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #4E7BBA;
	text-shadow: 0 -1px #475818;
	-webkit-transition: background 0.2s ease-in-out;
	}

.loginPanel button.loginButton:hover {
	background-color: #88a92d;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#88a9dd), to(#4E7BBA));
	background: -moz-linear-gradient(top, #88a9dd, #4E7BBA);
	}

.loginPanel button.loginButton:active {
	background:#4E7BBA;
	}

ul.options {
 list-style: none inside none;
}

ul.options li {
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
}

.loginPanel a {
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background-color:#9fba57;
 color:#FFFFFF;
 display:block;
 font-size:10px;
 line-height:1.8em;
 list-style-type: none;
 margin-top:5px;
 padding:0 10px;
 text-align:center;
}

.loginPanel a:hover {
 background-color:#b7cb81;
 text-shadow: none;
 color: #FFFFFF;
}

span.alternatives a {
	color: #FFFFFF;
	display: block;
	padding: 0 10px;
	margin-top: 5px;
	font-size: 10px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.2);
	line-height: 1.6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

span.alternatives a:hover {
	background-color: rgba(255, 255, 255, 0.4);
	}

div.buttonRow span.alternatives a {
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cecece), to(#b6b6b6));
 background: -moz-linear-gradient(top, #cecece, #b6b6b6);
 border: 1px solid #666666;
 color: #575757;
 top: 25px;
 position:relative;
 display:inline;
 text-shadow: 0 1px #FFFFFF;
}

div.buttonRow span.alternatives a:hover {
 background-color: #575757;
 color: #2b2b2b;
 text-shadow: 0 1px #FFFFFF;
}

/* CONTENT
--------------------------------------------- */
#major {
	margin: 0;
	padding: 0;
        background-color: #FFFFFF;
	}

.message { display: none }

.issue {
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
	color:#766633;
	}

#ftp_tree_root.issue {
 background:-moz-linear-gradient(center top , #d44651, #a92d31) repeat scroll 0 0 transparent;
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d44651), to(#a92d31));
 border:1px solid #a92d31;
 border-radius: 4px;
 -moz-border-radius: 4px;
 color: white;
 font-weight: bold;
 padding: 5px 0 5px 10px;
 position: relative;
 text-shadow: 0 1px #000000;
 width: auto;
 background:#d44651;
 text-align:center;
 margin-left: auto;
 margin-right: auto;
 left:0;
}

#ftp_tree_root.issue a { color: white; text-decoration: underline }

#showcase, #buttonRow, #reviews, #quickTips, #gallery, #talkAboutTown, #featureList, #compare, #infoContent, #panelContent, #pageContent {
	background-color: #fff;
	padding-top: 30px;
	border-bottom: 1px solid #cecece;
	}

#featureList {
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #cecece;
	}

#pageContent {
	font-size:110%;
	padding-bottom: 30px;
	border:none;
background:url("/assets/quickTipsGradient-e18b3c11.jpg") #fff repeat-x;
	}

#pageContent.min-height {
	min-height:600px;
}

#pageContent h2 {
	margin-bottom: 0px;
	}

.panel {
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom: 1px #DFDFDF dashed;
}

.panel h3 {
 margin-top: 10px;
 /*margin-bottom: 10px;*/
}

.panel h3 span {
 color:#95877C;
 font-size: 16px;
 font-weight:bold;
 text-decoration:none;
}

.contents p {
 margin-bottom: 5px;
 margin-top: 5px;
}

.tagCodeViewer p {
 background-color:#F2F1F0;
 color:#29231E;
 font-family:arial;
 font-size:12px;
 line-height:135%;
 margin-left: 20px;
 margin-top: 0;
 padding:5px 10px;
}

.tagCodeViewer pre {
 margin-bottom: 0;
}

div#instructions .tagCodeViewer pre, div#instructions .tagCodeViewer p, body.versions.show pre {
 margin-left: 0;
}

/* SHOWCASE
--------------------------------------------- */

#showcase {
	padding-top: 30px;
	padding-bottom: 20px;
	background:url("/assets/showcaseGradient-077758a3.jpg") #d5d5d5 repeat-x;
	}

#showcase .showcaseText {
	display: inline-block;
  margin-top: 15px;
	}

#showcase h2 {
	font-size: 27px;
	font-weight: bold;
	color: #88a92d;
	margin:5px 0 15px 0;
	text-shadow: 0 1px #fff;
	}

#showcase h3 {
	color:#767676;
	text-shadow: 0 1px #fff;
	font-size: 18px;
	line-height:22px;
	}

#showcase ul {
	margin-top: 20px;
	}

#showcase ul li {
	font-weight: bold;
	font-size: 15px;
	color: #767676;
	text-shadow: 0 1px #fff;
	list-style:none;
	margin:10px 3px 3px 10px;
	padding-left:31px;
	background:url("/assets/bluetick-d0d9b388.png") no-repeat;
	}

#showcase #view {
	display: inline-block;
}


/* QUICKTIPS
--------------------------------------------- */

#quickTips {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #cecece;
	padding-bottom: 10px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f1f0), to(#fff));
	background: -moz-linear-gradient(top, #f2f1f0, #fff);
	background:url("/assets/quickTipsGradient-e18b3c11.jpg") #fff repeat-x;
	}

#quickTips h4 {
	color: #5e534b;
	margin-bottom: 0;
	font-size: 23px;
	line-height:26px;
	margin-bottom:8px;
	letter-spacing:-1px;
	}


/* BUTTON ROW
--------------------------------------------- */

#buttonRow {
	padding: 25px 0;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px solid #cecece;
	background:url("/assets/buttonRowGradient-f2abd558.jpg") #d2d2d2 repeat-x;
	}

#buttonRow h2 {
	font-size: 21px;
	text-align: center;
	margin-bottom: 0;
	}

#buttonRow h2 span.green {
	color: #88a92d;
	}

#buttonRow h3 {
	color:#767676;
	text-shadow: 0 1px #fff;
}

#buttonRow a, #buttonRow p {
	margin: 0;
	padding: 0;
	}

.grid_16 .coupon {
  padding-left: 5px;
  margin-top: 10px;
}

.note .coupon img {
  width: 248px;
}

.goPro {
	padding: 13px 10px 16px 10px;
	-webkit-border-radius: 16px !important;
	-moz-border-radius: 13px !important;
	border-radius: 13px !important;
	background-color: #cfcfcf !important;
	float: left;
	text-align:center;
	color: #5d5047 !important;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	}

#buttonRow span.goPro a:hover {color: #618bc8;}

#buttonRow a.signUp, #buttonRow a.takeTour {
	color: white;
	padding: 5px 20px;
	display: inline-block;
	text-transform: uppercase;
	}

#buttonRow a.takeTour {
	background-color: #88a92d;
  background-image: -webkit-linear-gradient(#a1d04d,#5f8d20);
  background-image: -moz-linear-gradient(top, #a1d04d,#5f8d20);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:6px;
	border: 1px solid #5f8d20;
	text-shadow: 0 -1px #7a9222;
	-webkit-transition: background 0.2s ease-in-out;
	}

#buttonRow a.takeTour:hover {
	text-decoration: none;
	color:#fff !important;
	background-color: #a6cb3e;
	background-image: -webkit-linear-gradient(#b1dd61,#5f8d20);
  background-image: -moz-linear-gradient(top, #b1dd61,#5f8d20);
	}

#buttonRow a.signUp {
	background-color: #4e7bba;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#749bd7), to(#4e7bba));
	background: -moz-linear-gradient(top, #749bd7, #4e7bba);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom:6px;
	border-radius: 6px;
	border: 1px solid #3365b2;
	text-shadow: 0 -1px #3365b2;
	-webkit-transition: background 0.2s ease-in-out;
	}

#buttonRow a.signUp:hover {
	text-decoration: none;
	color:#fff !important;
	background-color: #6089c1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#88a9dd), to(#4e7bba));
	background: -moz-linear-gradient(top, #88a9dd, #4e7bba);
	}


/* GALLERY
--------------------------------------------- */

#gallery {
	padding-bottom: 30px;
}

#gallery .grid_4, .grid_4 {
	width: 200px;
	margin: 8px 30px 10px 0;
}

#gallery img, .grid_4 img {
	display: block;
	width: 200px;
	height: 141px;
	}



#gallery img:hover {border-color: #a19186;}

#gallery a {
	font-weight: bold;
	font-size: 14px;
	}


/* TALK-ABOUT-TOWN
--------------------------------------------- */

#talkAboutTown {
	padding-bottom:30px;
	background:#f4f4f4;
}

blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom:5px;
	text-align: left;
	}

small {
	color:#999;
}

small, small a {
	font-size:12px !important;
}

/* TESTIMONIALS
--------------------------------------------- */

p.testimonials {
  float: right;
  margin: 10px 45px 0 0;
}

#testimonials h1 {
	margin-bottom:30px;
}

#testimonials blockquote {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom:5px;
	padding-top:10px;
	text-align: left;
	border-top:1px solid #efefef;
}

#testimonials blockquote.feature {
	font-style: italic;
	font-size: 20px;
	margin-top: 5px;
	margin-bottom:505px;
	padding:20px;
	text-align: left;
	background:#efefef;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#testimonials blockquote.feature span {
	font-family:georgia;
	font-style: italic;
	font-weight:bold;
	font-size: 30px;
	color:#88A92D;
	line-height:10px;
}

#testimonials blockquote.feature small {
	margin-top:10px;
	display:block;
}

/* FEATURE LIST
--------------------------------------------- */

#featureList h3 {text-align: center;}

#featureList img {padding-left: 15px;}

#featureList h6 {
	margin-bottom: 5px;
	color: #88a92d;
}


/* COMPARE
--------------------------------------------- */

#compare {
	background:url("/assets/quickTipsGradient-e18b3c11.jpg") #fff repeat-x;
}

#compare h3.pro {
	text-align: center;
	color: #FFF;
	width: 99%;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	line-height: 60px;
	display: inline-block;
	background:#FF8400;
	margin:0;
	}

#compare h3.free {
	text-align: center;
	color: #FFF;
	width: 99%;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	line-height: 60px;
	display: inline-block;
	background:#517DBC;

	margin:0;
	}

#compare a.freeButton, #compare a.proButton {
	color: white;
	padding: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-size: 28px;
	text-align: center;
	line-height: 30px;
	width:100%;
	margin:0;
	-webkit-transition: background 0.2s ease-in-out;
	}

#compare a.freeButton {
	background:url("/assets/navGradientBlue-56107651.jpg") #4e7bba repeat-x;
	text-shadow: 0 -1px #2D4B74;
	border:1px solid #3365B2;
	-webkit-transition: background 0.2s ease-in-out;
	}

#compare a.freeButton:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#88a9dd), to(#4E7BBA));
	background: -moz-linear-gradient(top, #88a9dd, #4E7BBA);
}

#compare a.proButton {
	background:url("/assets/navGradientOrange-2b26d71a.jpg") #FD5800 repeat-x;
	text-shadow: 0 -1px #627A16;
	border:1px solid #FF4C00;
	-webkit-transition: background 0.2s ease-in-out;
	}

#compare a.proButton:hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9E53), to(#FF4C00));
	background: -moz-linear-gradient(top, #FF9E53, #FF4C00);
}

#compare span.dollar {
	font-size: 16px;
	display: inline-block;
	margin-top: -5px !important;
	}

#compare span.aMonth {
	font-size: 11px;
	line-height: 14px;
}

span.tick {
	display:block;
	height:40px;
	width:100%;
	text-indent:-9999px;
	background:url("/assets/orangetick-856cbdf0.png") center center no-repeat;
}

span.cross {
	display:block;
	height:40px;
	width:100%;
	text-indent:-9999px;
	background:url("/assets/bluecross-8b3b3601.png") center center no-repeat;
}

#compare table {
	width:100%;
	margin-bottom:50px;
}

#compare table .new {
	background:url("/assets/newSash-8b757842.png") left center no-repeat;
}

#compare table th:first-child {
	font-size:20px;
	text-align:left;
	color:#95877C
}

#compare table tr {
	border-bottom:1px dashed #dddddd;
}

#compare table td {
	font-size:14px;
	padding:10px 10px 10px 27px;
}

#compare table .subheading td {
	font-weight:bold;
	font-size:20px;
	background:#fff;
	color:#95877C;
	padding-left:0px;
}

#compare table td.freeCol {
	width:100px;
	text-align:center;
	background:#E9F3FF;
	padding:0 10px;
}

#compare table td.proCol {
	width:100px;
	text-align:center;
	background:#FFF8EB;
	padding:10pxpisdf 10px;
}


/* SITES STUFF
--------------------------------------------- */

.sitesTitle {
	background: url("/assets/new_icons/sites-1acbaf6c.png") no-repeat;
	padding-left: 36px;
	color: #474747;
	}

.editorsTitle {
	background: url("/assets/new_icons/editors-c040a9b3.png") no-repeat;
	padding-left: 36px;
	color: #474747;
	margin-top: 20px;
	}

ul.host.actions, ul.editors {
	display: block;
	margin: 0;
	background: url("/assets/tableHeaderGradient-4486048b.jpg") repeat-x;
	padding:12px 10px;
	border: 1px solid #cecdcd;
	text-shadow: 0 1px 0 #fff !important;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;
	}

ul.host.actions li, ul.editors li { display: inline; width:auto; }

.note {
	font-size:13px;
	padding:10px 10px 5px 10px;
	background:#f2f2f2;
	border:1px solid #dddddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;
	margin-bottom:10px;
}

.note h3 {
	color:#575757;
	line-height:26px;
}

.note ul {
        margin-top: 10px;
}

.note li {
        margin-left: 17px;
}

.sites #publishQueue {
  h3 {
    color:#575757;
    line-height:26px;
    margin-bottom: 5px;
  }
  ul {
    li {
      margin: 0;
      list-style-type: none;
    }
  }
  div.queued, div.complete, div.error, div.processing {
    text-align: left;
    padding-left: 25px;
  }
  div.queued {
    background: url("/assets/ftp_queued-2e4359d1.png") 0 19px no-repeat;
  }
  div.error {
    background: url("/assets/ftp_error-f7fd5e6a.png") 0 19px no-repeat;
  }
  div.complete {
    background: url("/assets/ftp_complete-93721e88.png") 0 19px no-repeat;
  }
  div.processing {
    background: url("/assets/ftp_processing-54d141a6.png") 0 19px no-repeat;
  }
  font-size:13px;
  padding: 10px;
  margin-bottom: 10px;
  background:#f2f2f2;
  border:1px solid #dddddd;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -moz-box-shadow: 2px 2px 2px #eaeaea;
  -webkit-box-shadow: 2px 2px 2px #eaeaea;
  box-shadow: 2px 2px 2px #eaeaea;
  .noty_bar ul { margin: 5px 0 }
  .noty_bar ul li { list-style-type: none }
  .noty_text {
    .created_at {
      display: block;
      font-weight: bold;
      font-size: 80%;
      font-style: italic;
      text-align: right;
      margin-top: -5px;
    }
    span.page_name {
      font-weight: bold;
    }
    span.file_name {
      font-weight: normal;
    }
    span.error {
      display: block;
      font-weight: normal;
    }
    span.file_name:before { content: ' ('; }
    span.file_name:after  { content: ')'; }
    span.error:before { content: ' ['; }
    span.error:after  { content: ']'; }
  }
  word-wrap: break-word;
}

.warning {
	font-size:13px;
	padding:10px 10px 5px 10px;
	background:#fff6b6;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;
	margin-bottom:10px;
	border:1px solid #e7db8c;
}

.warning h3 {
	color:#575757;
	line-height:26px;
}

img.highlightIndicator {
 float: left;
}

.actions {
	margin-bottom: 20px;
	}

ul.editors {
	font-weight: bold;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;
	}


ul.pageListing {
	display: block;
	margin: 0;
	background-color: #f1f1f2;
	font-size:13px;
	line-height: 2.2;
	padding: 0 10px 0 10px;
	border: 1px solid #cecdcd;
	text-shadow: 0 1px 0 #fff !important;
	margin-bottom: 20px;
	border-top: none;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;
	}

ul.page_list_1 {
	background:#fdfdfd;
}

.togglePages {
	background:#EBEBEB;
	font-size:12px;
	text-align:left;
	margin-bottom:20px;
	padding:5px 12px;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border: 1px solid #cecdcd;
	border-top:none;
}

ul.editorDetails, .adminPanel {
	display: block;
	margin: 0;
	background-color: #f1f1f2;
	font-size:13px;
	line-height: 2.2;
	padding: 15px 10px 0 10px;
	border: 1px solid #cecdcd;
	text-shadow: 0 1px 0 #fff !important;
	margin-bottom: 20px;
	border-top: none;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	}

.adminPanelHeader {
	display: block;
	color: #474747;
	margin: 10px 0 0 0;
	background: url("/assets/tableHeaderGradient-4486048b.jpg") repeat-x;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #cecdcd;
	text-shadow: 0 1px 0 #fff !important;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-moz-box-shadow: 2px 2px 2px #eaeaea;
	-webkit-box-shadow: 2px 2px 2px #eaeaea;
	box-shadow: 2px 2px 2px #eaeaea;
}

ul.pageListing { margin-bottom: 0; }

ul.editorDetails {
	padding: 10px;
    margin-bottom: 10px;
	}

ul.editorDetails li {
	float: none !important;
	line-height: 2;
	}

ul.host.actions li, ul.pageListing li, ul.editors li, ul.editorDetails li {
	list-style-type: none;
	margin: 0;
	}

ul.host.actions li.hostTitle {
	float:left;
	background: url("/assets/new_icons/site_small-b04bfc69.png") 0 5px no-repeat;
	padding-left: 22px;
	padding-top:1px;
	color: #474747;
	font-weight:bold;
    cursor: pointer;
	font-size:15px;
}

ul.editors li.editorName {
	background: url("/assets/icons/user_add-037f9239.png") no-repeat 0 5px;
	padding-left: 22px;
	float:left;
	padding-top:1px;
	color: #474747;
	}

ul.pageListing li { display: inline; }

ul.pageListing li a.page {
	background: url("/assets/new_icons/page_small-75f6ff43.png") no-repeat 0 0;
	padding-left: 22px;
	color: #474747;
	}

li.editorEmail a {
	padding-left: 24px;
	background: url("/assets/new_icons/editor_email-a3089b75.png") no-repeat 0 0;
	}

li.editorEditDate {
	padding-left: 24px;
	background: url("/assets/new_icons/editor_time-cff2ecda.png") no-repeat 0 4px;
	}

ul.host.actions li.deleteSite, ul.host.actions li.configureSite, ul.editors li.configureEditor, ul.editors li.deleteEditor {
	float: right;
	margin-left: 5px;
	}

.viewPage a, .clonePage a, .configurePage a, .deletePage a, .renamePage a {
	text-indent: -9999px;
	display:block;
	height: 18px;
	width: 18px;
	margin-top:5px;
	float:right;
}

#ck_config_styles, #ck_config_css {
	width: 400px;
}

#ck_config_css {
	height: 200px;
}

.viewPage a {
	background: url("/assets/new_icons/glyph_view-75317d2a.png") no-repeat;
	}

.clonePage a {
	background: url("/assets/new_icons/glyph_clone-2d8d03ad.png") no-repeat;
	}

.configurePage a {
	background: url("/assets/new_icons/glyph_configure-a90f0672.png") no-repeat;
	}

.deletePage a {
	background: url("/assets/new_icons/glyph_delete-db62e4cb.png") no-repeat;
	}

.renamePage a {
	background: url("/assets/new_icons/glyph_rename-2210361b.png") no-repeat;
	}

.pageListing .loadingImageSmall, .pageListing .edit_page img {
  margin-bottom: -4px;
}

.pageListing .edit_page input {
  margin-bottom: 0;
  font-size: 14px;
  color: #666666;
  padding: 2px;
  width: 290px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d5d5), to(white));
  background: -moz-linear-gradient(top, #f2f1f0, white);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999;
  -webkit-transition: background 0.2s ease-in-out;
}

ul.host.actions li.deleteSite a, ul.host.actions li.configureSite a, li.configureEditor a, li.deleteEditor a {
	border: solid 1px #9e9e9e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 10px;
	font-size: 11px;
	line-height:25px;
	color: #474747;
	background-color: #f5f5f5;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#EDEDED), color-stop(.5,#F5F5F5),color-stop(.5,#EDEDED));
	background: -moz-linear-gradient(0% 75% 90deg,#E9E9E9, #EDEDED, #F5F5F5 50%,#F9F9F9 100%);
	}

a.addEditorButton, div#sitesAndPages a.button {
	margin-bottom: 10px;
	min-width:100px;
	background-color: #4e7bba;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#749bd7), to(#4e7bba));
	background: -moz-linear-gradient(top, #749bd7, #4e7bba);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	padding: 1px 10px;
	border: 1px solid #3365b2;
	text-shadow: 0 -1px #3365b2;
	}

a.page.add {
  display: block;
  background: url("/assets/new_icons/page_small-75f6ff43.png") no-repeat 0 2px;
  padding-left: 24px;
  margin: 5px 0 0 11px;
}

li.folder div.inline p {
	margin-bottom: 0;
	}

li.folder ol li {
	list-style-type: none;
	background: url("/assets/new_icons/page_small-75f6ff43.png") no-repeat 0 2px;
	padding-left: 24px;
	margin-left: 3px;
	}

ul#minorPageMenu {
 float: right;
 display: inline;
 margin-bottom: 0;
 position: relative;
}

ul#minorPageMenu li {
  display:inline;
  text-align: center;
  list-style:none;
}

li#viewPage, li#revisionHistory {
 margin-left: 0;
 background-repeat: no-repeat;
 background-position: 0 0;
}

#versions table {
  background-color: #e3e3e3;
  border: 1px solid #c4c4c4;
  text-shadow: 0 1px 0 #fff !important;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-spacing: 3px;
}

#versions thead {
  height: 30px;
  border-bottom: 1px solid #c4c4c4;
}

#versions th {
 vertical-align: middle;
 text-align: left;
 padding-left: 10px;
}

#versions tr {
  border-bottom: 1px dotted #c4c4c4;
}

#versions td {
  background-color:#F1F1F2;
  height: 40px;
  width: 175px;
  text-align: left;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

#versions ul {
  margin: 0;
}

#versions ul li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#versions thead tr th:first-child, #versions tbody tr td:first-child {
  width: 60px !important;
}

#versions tbody tr td:first-child {
  text-align: center;
  padding-left: 0;
}

ul#minorPageMenu li#revisionHistory a {
 background-image:url("/assets/icons/date_edit-9054f917.png");
 background-repeat: no-repeat;
 background-position: 0 0;
 margin-left: 10px;
 padding-left: 20px;
}

ul#minorPageMenu li#viewPage a {
 background-image:url("/assets/icons/magnifier-5de5f59c.png");
 background-position:0 0;
 background-repeat:no-repeat;
 padding-left:20px;
}

div#versions a.button {
 text-align: center;
}

div#versions a.button img {
 position: relative;
 top: 2px;
}

div#pageMenu ul li a {
 background-image:url("/assets/icons/page_white-fc7651ca.png");
 background-position:4px 9px;
 background-repeat:no-repeat;
 border-top:1px dotted #908B84;
 color:#88A92D;
 display:block;
 font-size:14px;
 font-weight: normal;
 padding:7px 7px 7px 25px;
 text-decoration:none;
}

div#pageMenu ul li a:hover {
 background-image: url("/assets/icons/page_white_edit-ad98f96d.png");
 color: #29231E;
}

div#pageMenu ul {
 border-bottom:1px dotted #908B84;
}

div#pageMenu ul li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

div#sitesAndPages {
 margin-bottom: 20px;
 border-bottom: 1px dashed #C4C4C4;
}

div#sitesAndPages a.button, a.addEditorButton {
 vertical-align: middle;
 padding: 3px 5px;
}

div#sitesAndPages a.button img, a.addEditorButton img {
 vertical-align: text-bottom;
 padding-right: 3px;
}

img.highlightIndicator {
 margin-top:6px;
 margin-left: -27px;
}
.button img.highlightIndicator {
 margin-top:0;
 margin-left: -25px;
}

#sitesAndPages .actions img.highlightIndicator {
 margin:5px 0 0 -30px;
 position:absolute;
}


/* FORM STUFF
--------------------------------------------- */

div.repeatablePanel div.repeatable {
  background: none repeat scroll 0 0 #EFEFEF;
  border: 1px solid #C4BFB8;
  margin-bottom: 20px;
  padding: 10px;
}

div.repeatablePanel div.repeatable div.repeatableControl span.repeatableControlMenu {
  float: right;
  position: relative;
}
div.repeatablePanel div.repeatable div.repeatableControl a {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin-left: 2px;
}

div.repeatablePanel span.repeatableHeading {
	font-size:14px;
  font-weight: bold;
	color: #5e534b;
}

div.repeatablePanel div.repeatable div.repeatableControl {
  margin-bottom: 5px;
}

div.repeatablePanel div.repeatable div.repeatableControl a span {
  display: none;
}

div.repeatablePanel div.repeatable div.repeatableControl a.repeatable_up {
  background-image: url("/assets/icons/arrow_up-0d3a65d5.png");
}
div.repeatablePanel div.repeatable div.repeatableControl a.repeatable_down {
  background-image: url("/assets/icons/arrow_down-86d9bb97.png");
}
div.repeatablePanel div.repeatable div.repeatableControl a.repeatable_add {
  background-image: url("/assets/icons/add-6086d87e.png");
}
div.repeatablePanel div.repeatable div.repeatableControl a.repeatable_trash {
  background-image: url("/assets/icons/bin-ff24454b.png");
}

/* div#allowMessages,
div#emailMessageNotifications,
div#newsletterSignup,
div#updatesSignup {
 margin-top: 3px;
} */

div#allowMessages label.emailCheckbox,
div#emailMessageNotifications label.emailCheckbox,
div#newsletterSignup label.emailCheckbox,
div#updatesSignup label.emailCheckbox {
 font-weight: normal;
 padding: 0px 0 0 2px;
 margin-top:-5px;
 text-align: left;
}

fieldset.allowedEditors {
 margin-top: 20px;
 margin-bottom: 0;
}

body.users.new input#user_allow_messages,
body.users.new input#user_email_message_notifications,
body.users.new input#user_updates,
body.users.new input#user_newsletter {
 margin-left: 4px;
}

input#user_allow_messages,
input#user_email_message_notifications,
input#user_updates,
input#user_newsletter,
input#terms {

 margin:0;
}

#adSpaceOne, #adSpaceTwo {
 float: left;
 width: 125px;
 height: 125px;
 overflow: hidden;
 border: 1px dashed #C4C4C4;
 background-color: #F1F1F2;
 display: inline-block;
}

#adSpaceTwo {
 margin-left: 16px;
}

#facebook {
 margin-top: 10px;
}

.upgradeQuestion, #survey {
	text-align: center;
	margin-bottom: 20px;
	background-color: #edf6c0;
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #8dad34;
	}

#survey {
	text-align: left;
	font-weight: bold;
	color: #657c26;
	}

#new_user label {
	/* display: block; */
	font-weight: bold;
	}

#new_user button {
	margin-top: 20px;
	}

.pro_signup_option {
	margin-top: 20px;
	width: 200px;
        display: inline-block;
        vertical-align: top;
	}

.pro_signup_option h3 {
	margin-bottom: 10px;
	}

div.imageUpload.contents {
  background:none repeat scroll 0 0 #F7F7F7;
  border:1px dashed #C4BFB8;
  margin-bottom:20px;
  padding:10px;
}

div.imageUpload.contents img {
  border: 1px solid #666;
  margin: 0 10px 0 0;
}

p#anonymous_element_1 a {
  color: #FFFFFF;
}

label.uploadPending, div.imageUpload.contents label {
  margin-right: 10px;
}

/* FOOTER
--------------------------------------------- */

#footer {
	padding-top: 30px;
	padding-bottom: 30px;
  box-shadow: inset 0 20px 10px -20px #000000;
  -webkit-box-shadow: inset 0 20px 10px -20px #000000;
  -moz-box-shadow: inset 0 20px 10px -20px #000000;
	}

#footer li {
	color: #a19186;
	list-style-type: disc;
	}

#footer a {
	-webkit-transition: background 0.2s ease-in-out;
	}

#footer a:hover {color: #b5d446;}

#footer .grid_4 img {
	width:auto;
	height:auto;
}

/* COPYRIGHT
--------------------------------------------- */

#copyright {
	padding:13px 0 5px 0;
	background:#2f2924;
	}

#copyright p {
	font-size:11px;
	color: #a19186;
	}

#copyright p a {
	color: #a19186;
	}

#copyright a:hover {
	color: #b5d446;
	}

/* WIDTH CHANGES FOR CONTROL PANEL HOME PAGE */

body.sites.index .container_16 .grid_10 {
 width: 640px;
 margin-right: 20px;
}

body.sites.index .container_16 .grid_6 {
 width: 270px;
}

body.sites.index #pageContent h2 {
 font-size: 22px;
}

/* END WIDTH CHANGES FOR CONTROL PANEL HOME PAGE */

/* OVERRIDE CHANGES FOR SITES NEW */

body.sites.new label, body.pages.new label, body.editors.edit label, body.editors.new label {
  display: inline-block;
  margin-right: 10px;
  width: 70px;
  text-align: right;
}

body.sites.new .advanced label {
	width: auto;
}

body.pages.new label {
  width: auto;
  margin-right: 0;
}

body.pages.new div.inline label {
  width: 500px;
  text-align: left;
}

body.pages.new div.inline input {
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
}

body.pages.new .inline.editor, body.pages.edit .inline.editor {
  margin-left: 20px;
}

body.sites.new input#ftp_user, body.sites.new input#ftp_password, body.sites.new input#ftp_path,
body.editors.edit input#user_name, body.editors.edit input#user_email,
body.editors.new input#user_name, body.editors.new input#user_email {
  display: inline-block;
}

body.pages.new legend, body.editors.new legend {
  margin-bottom: 10px;
}

body.editors.edit div#advanced_editor_settings label,
body.editors.new div#advanced_editor_settings label {
  width: 145px;
  text-align: left;
}

body.editors.edit div.inline label, body.editors.new div.inline label {
  width: auto;
}

body.editors.edit div.inline label, body.editors.new div.inline label {
  float: left;
}

body.editors.edit div#ftp_tree_root div.inline label, body.editors.new div#ftp_tree_root div.inline label {
  float: none;
}

body.static.index ul {
  margin-top: 10px;
  list-style-type: none;
}

body.static.index #pageContent li {
  list-style-type: square;
}

.coupon_tip {
  display: block;
  margin-top: -8px;
  font-style: italic;
  font-size: 80%;
}

.field_with_errors { display: inline }

#noty_bottom_layout_container li { margin: 0 }

/* MESSAGES INTERFACE
--------------------------------------------- */

body.messages .adminPanelHeader a {
  float: right;
  font-size: 70%;
}

body.messages ul.messages {
  list-style-image:url("/assets/icons/highlight_indicator-556b71e2.gif");
}

body.messages ul.contacts, body.messages ul.contacts li {
  list-style-type: none;
  margin-left: 0;
  margin-right: 10px;
}

body.messages ul.messages a.chooseButton {
  margin-right: 15px;
}

body.messages ul.contacts a.chooseButton {
  margin-bottom: 0;
  margin-right: 10px;
}

body.messages.new .buttonRow {
  margin-bottom: 20px;
}

body.messages.new form.new_message label {
  vertical-align: top;
  width: 100%;
}

body.messages.new textarea {
  width: 480px;
  height: 240px;
  margin-top: 8px;
}

.backToTop {
  float: right;
  font-size: 70%;
  background-image:url("/assets/icons/arrow_up-0d3a65d5.png");
  background-repeat: no-repeat;
  background-position: 0 10px;
  padding-left: 20px;
}

body.messages .empty, body.messages .disabled {
  margin-bottom: 15px;
  font-weight: bold;
}

body.messages #send_message img {
  margin-right: 5px;
  margin-bottom: -4px;
}

/* DELETE ACCOUNT INTERFACE
--------------------------------------------- */

body.delete button, body.delete span.alternatives a {
  display: inline-block;
  float: none;
  top: 0;
  margin-bottom: 10px;
}

body.delete .emailInfo {
  font-weight: bold;
  font-size: 12px;
  background-position: 0 1px;
}

p.removeAccount, p.subscriptionInfo {
  background-repeat: no-repeat;
  background-position: 0 6px;
  padding-left: 22px;
  margin-bottom: 0;
}

p.removeAccount { background-image:url("/assets/icons/user_delete-856a2e57.png"); }
p.subscriptionInfo { background-image:url("/assets/icons/book_edit-3abea262.png"); }

body.delete h4 {
  color: #95877C;
  margin: 20px 0 0 0;
  font-size: 16px;
}

#preview_loading { text-align: center }

.noty_message {
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  padding: 8px 10px 9px;
  width: auto;
  position: relative;

/* This is an IE 9-8-7 CSS-only hack */

  padding-top: 0 \9 !important;
  *padding-top: 0;
  _padding-top: 0;

   padding-bottom: 0 \9 !important;
  *padding-bottom: 0;
  _padding-bottom: 0;

   margin-bottom: 5px \9 !important;
  *margin-bottom: 5px !important;
  _margin-bottom: 5px !important;

/* End IE 9-8-7 hack */

}

#noty_bottom_layout_container, #noty_bottom_layout_container li { list-style-type: none }

/* Payments styling */

body.payments.new label, body.subscriptions.edit label { width: 185px; }
body.payments.new label.short, body.subscriptions.edit label.short { width: 50px; }

body.payments.new input, body.subscriptions.edit input { display: inline-block; }
body.payments.new input#address-postcode, body.subscriptions.edit input#address-postcode { width: 50px; }
body.payments.new input#cc-expiry-month, body.payments.new input#cc-expiry-year, body.payments.new input#cc-cvc,
body.subscriptions.edit input#cc-expiry-month, body.subscriptions.edit input#cc-expiry-year,
body.subscriptions.edit input#cc-cvc { width: 30px; }
body.payments.new input#cc-name, body.payments.new input#cc-number,
body.subscriptions.edit input#cc-name, body.subscriptions.edit input#cc-number { width: 200px; }
body.payments.new input#cc-expiry-year, body.subscriptions.edit input#cc-expiry-year { margin-left: -40px; }

body.payments.new button.submit, body.subscriptions.edit button.submit { 
  width: 240px;
  margin: 5px 0 0 0 !important;
  background-image: url("/assets/icons/key_go-25e11ecc.png");
  background-position: 7px 7px;
  background-repeat: no-repeat;
  padding-left: 25px; 
}

body.payments.new button.submit:hover, body.subscriptions.edit button.submit:hover {
  background-color: #7194cb !important;
  background-image: url("/assets/icons/key_go-25e11ecc.png");
  background-position: 7px 7px;
  background-repeat: no-repeat;
}

body.payments.new fieldset, body.subscriptions.edit fieldset { border: 1px solid #9d9d9d; padding: 5px 12px 10px 12px; }
body.payments.new legend, body.subscriptions.edit legend { border: 1px dashed #cecece; padding: 0 3px; }
body.payments.new p strong, body.subscriptions.edit p strong { display: block; margin-top: -5px; }
div.cardsOne, div.cardsTwo { display: inline-block; margin-bottom: 10px; }
div.cardsTwo { margin: -20px 0 0 5px; vertical-align: middle; }

body.payments.new div.errors ul, body.subscriptions.edit div.errors ul {
  border-bottom: 1px dashed #9d9d9d;
  margin-bottom: 15px;
}

body.payments.new div.errors h3, body.subscriptions.edit div.errors h3 {
  margin-bottom: 5px;
  border-bottom: 1px dashed #9d9d9d;
  color: #c01f2f;
  padding-left: 24px;
  background-image: url("/assets/icons/exclamation-f8892859.png");
  background-repeat: no-repeat;
  background-position: 3px 3px;
}

body.payments.new div.inline, body.subscriptions.edit div.inline { display: inline-block; }

p.small {
  clear: left;
  font-size: 11px;
  margin-top: 55px;
}

p.required {
  margin-top: -18px;
  font: italic 11px/14px "Arial";
}

img.cvc {
  margin: 0 0 -6px 3px;
}

body.payments.new label.required:after  { content: '*'; }

table#payments {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #cecdcd;
  font-size: 0.9em;
  color: #000;
  background-color: #ebebeb;
  width: 100%;
}

table#payments caption {
  caption-side: bottom;
  font-size: 0.9em;
  font-style: italic;
  text-align: right;
  padding: 0.5em 0;
}

table#payments th, table#payments td {
  border: 1px dotted #cecdcd;
  padding: 0.5em;
  text-align: left;
  color: #474747;
}

table#payments td { color: #95877C; }

table#payments tr:hover td {
  background-color: #FFF;
  color: #666;
}

table#payments td.invoice { text-align: center; }

td.invoice a {
	font-weight: bold;
	font-size: 11px;
	padding: 0px 15px;
	display: inline-block;
	color: #fff;
	background-color: #909090;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	text-shadow: 0 -1px #666;
}

td.invoice a:hover {
	background-color: #658ecc;
	border-color: #3b5e8f;
}

.invoiceWrapper { padding: 10px; background-color: white; }
.invoiceLogo { background-color: #3B342D; display: inline-block; padding: 10px; }
.invoiceDetails { display: inline-block; height: 100px; vertical-align: top; }
.invoiceTo { display: inline-block; height: 100px; vertical-align: top; float: right; }
.invoicePrint { margin-top: 15px; }
h1.invoiceHeader { margin-top: 15px; }

body.admin.users.show li.site form input {
  display: none;
}

#per_page {
  label { font-weight: normal }
}

ul.site_pagination {
  li.current { font-weight: bold; }
  li {
    list-style: none;
    display: inline-block;
  }
}

.cookies_warning form {
  display: inline;
}

.cookies_warning button {
  display: inline;
  float: none;
  margin: 0 0 0 20px;
  width: 5em;
}

div.cke_notification_warning { display: none; }