/*
 * Jumpchart V2 CSS
 */
body {
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	background: #9B9B9B url('../images/2/body-bkg.png') top repeat-x;
	color: #444;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
}

a img { border: 0;}

a {
	color: #127103;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.break { clear: both;}
.noborder { border: none; }

form {
	margin: 0;
	padding: 0;
	border: 0;
}

textarea { width: 40%; }
textarea.big, #pageContent textarea.big { width: 100%; }
* html textarea.big { width: 98%; }
* html #pageContent textarea.big { width: 98%;}

table {
	width: 100%;
	border-collapse: collapse;
}

table thead tr td { font-weight: bold;}

table tr td {
	padding: 5px;
	line-height: 1.5em;
	vertical-align: top;
}

.sliderTitle {
	font-size: 14px;
	color: #444;
}

.cancelLink {
	font-size: 10px;
}

ul.nobullets {
	list-style: none;
	margin: 0;
	padding: 0;
}

.metadata {
	color: #999;
	font-size: 11px;
}

dl {
	width: 100%;
}

dt, dd {
	float: left;
	margin: 0 0 5px 0;
	padding: 3px 0;
}

dt {
	width: 40%;
	clear: both;
}

dd {
	width: 60%;
}


/*
 * System Messages
 */
.ok {
	color: #5a5;
	padding: 10px 10px 10px 20px;
	background: url('../images/ok.png') left center no-repeat;	
}

.fail {
/*	color: #fad41e;*/
	color: #d81;
	padding: 10px 10px 10px 20px;
	background: url('../images/error.png') left center no-repeat;	
}

.fail a { color: #db3; }


#invalidLogin {
	color: #e30;
	font-weight: bold;
	margin: 10px 0;
}
/*
 * Headings
 */
h1, h2, h3 {
	line-height: 1.2em;
}

h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; font-style: italic;}


/*
 * Page Content
 */
#pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent h5, #pageContent h6 {
	color: #222;
	font-weight:normal;
	padding: 0;
	margin: 1.3em 0em .2em 0em;
}

#pageContent h1 {
	margin: 0px 0px .4em 0px;
	font-weight:bold;
}

#pageContent p {
	margin: 1.3em 0em 1.3em 0em;
	padding:0px;
	color:#333;
}

#pageContent ul, #pageContent ol {
	margin: 1.3em 1.3em 15px;
	padding:0px;
}

#pageContent ul li, #pageContent ol li  {
	margin:0px 0px .1em 0px;
	padding: 0px;
	list-style-position: inside;
}

.multipleColumns #pageContent-main, #pageContent-second {
	width: 305px;
	float: left;
}

.multipleColumns #pageContent-main {
	margin-right: 30px;
}

#pageTitle {
/*	padding: 40px 0 0 5px;*/
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#pageTitle h1 {
	color: #fff;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin: 0;
	line-height: 20px;
	font-weight: normal;
}

#pageTitle h1 a {
	color: #fff;
}

#pageTitle h1 a:hover {
	text-decoration: none;
}

.subtitle {
	color: #777;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.loadingRebuildPage {
	text-align: center; 
	width:100%;
	position:absolute; 
}

/*
 * Main containers
 */
#wrapper {
/*	width: 943px;*/
	width: 1000px;
	margin: 0 auto;
	background: url('../images/2/footer-shadow-bkg.jpg') bottom left no-repeat;
	padding-bottom: 35px;
	margin-bottom: 20px;
	position: relative;
/*	padding-right: 60px;*/
}

#outerWrapper {
	background: #5F5F5F url('../images/2/gradient-bkg.jpg') bottom repeat-x;
}

#companyLogo {
	position: absolute;
	top: 75px;
	left: 902px;
}

#mainWrapper {
	width: 886px;
	margin-left: 11px;
}


#loginWrapper {
	width: 940px;
	margin: 0 auto;
}
#loginWrapper h1 {
	font-size: 18px;
	font-weight: normal;
}

#main {
	width: 886px;
	margin: 0 0 0 0px;
	float: left;
	padding-bottom: 30px;
}

#content {
	float: left;
	width: 886px;
	background: #fff url('../images/2/main-content-bkg.jpg') bottom right no-repeat;
}

#contentSpacer {
	padding: 10px 40px 20px 40px;
	margin: 20px 0;
}

#contentSpacerSkinny {
	padding: 10px 40px 0 40px;
	margin: 20px 0 0 0;
}




/*
 * Footer
 */
#footer {
	width: 880px;
	padding-left: 15px;
	padding-right: 100px;

/*	padding-right: 25px;*/
	margin: 0 auto;
	font-size: 11px;
	padding-bottom: 40px;
	color: #666;
	clear: both;
}

#footer a { color: #666; }

#copyrightDisclaimer {
	float: left;
	width: 300px;
}

#copyrightDisclaimer img {
	float: left;
	display: block;
	padding-right: 5px;
}

#copyrightDisclaimer a {
	float: left;
	display: block;
	padding-top: 4px;
}


#footer #footerGlobalNav {
	float: right;
}

#footer #footerGlobalNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer #footerGlobalNav ul li {
	margin: 0;
	padding: 0;
	float: left;
	padding: 0 5px;
	border-left: 1px solid #888;
	line-height: 14px;
}
#footer #footerGlobalNav ul li.first {
	border-left: none;
}



/*
 * Top nav
 */
#topnavWrapper {
	background: #434343;
	width: 100%;
	margin-top: 20px;
	line-height: 30px;
	height: 30px;
}

#topnav {
	font-size: 11px;
	color: #e4e4e4;
	width: 885px;
	padding-left: 20px;
	padding-right: 95px;
	margin: 0 auto;
}

#jumpchartLogo {
	float: left;
	padding-top: 6px;
	padding-right: 6px;
}


ul#pageSpecificTopNav {
	float: right;
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#topnav ul li {
	float: left;
}

#topnav ul li a { 
	display: block;
	color: #aaa;
	float: left;
	padding: 0 6px;
	border-left: 1px solid #555;
	line-height: 30px;
}
#topnav ul li.first a { border-left: none; }

#topnav ul#pageSpecificTopNav li a { color: #ccc;}

#topnav ul li#helpLink {
	float: right;
	padding-right: 240px;
	width: 80px;
}

#topnav ul li#helpLink a {
	border-left: none;
	float: right;
	color: #ccc;
}#topnav ul li#helpLink a:hover {color: #e4e4e4;}


/*
 * Global left nav
 */
#nav {
	width: 185px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 50px;
}

#nav .spacer {
	padding: 10px 0 20px 20px;
}

.jumpchartNav#nav {
	margin-top: 32px;
}

#nav ul {
	margin: 0;
	padding: 5px 0px 5px 5px;
	list-style: none;
}

#nav ul li {
	padding: 5px 0px 0px 5px;	
	
}

#nav ul li a {
	font-size: 14px;
	text-decoration: none;
}

#nav ul li a:hover {
	background: #000;
	color: #fff;
}



/*
 * Entrance page (also lots of shared elements from 'Snippets' page)
 */
#loadingArchive {
	padding: 10px 40px 0 40px;
}

body#entrance h2, .jumpchart, .snippet, body#snippets h2, .generalToolsContainer {
	padding: 0 40px;
}

body#entrance h2, body#snippets h2, body#people h2 {
	color: #bbb;
	border-bottom: 1px solid #e5e5e5;
	font-size: 12px;
	font-weight: normal;
	padding: 20px 40px 5px 40px;
	margin: 0;
/*	background: #fff;*/
}

.jumpchart {
	border-bottom: 1px solid #e5e5e5;	
}

.jumpchart .spacer, .snippet, .generalToolsContainer {
	padding-top: 10px;
	padding-bottom: 10px;
}

.snippet, .generalToolsContainer {
	border-bottom:1px solid #E5E5E5;	
}

.jumpchartName, .snippetName, .generalToolsName {
	width: 655px;
	float: left;
}

.jumpchartName a, .snippetName a, .generalToolsName a, .generalToolsName {
	color: #222;
	font-size: 22px;
}

.jumpchartTools, .snippetTools, .generalTools {
	float: left;
	text-align: right;
	width: 150px;
	color: #ccc;
	font-size: 11px;
	padding-top: 6px;
}

.jumpchartTools a, .snippetTools a, .generalTools a {
	color: #aaa;
}

.jumpchartTools a:hover, .snippetTools a:hover, .generalTools a:hover {
	color: #888;
	text-decoration: none;
}

#myArchivedJumpcharts, #invitedArchivedJumpcharts {
	background: #eee;
}

.jumpchartEditContainer, .snippetEditContainer {
	background: #eee;
}

.jumpchartEditContainer input.text, .snippetEditContainer input.text {
	width: 100%;
}

.jumpchartEditInnerContainer, .snippetEditInnerContainer {
	padding: 10px;
}

#firstLogin {
	font-weight: normal;
	padding: 30px 40px 0 40px;
	margin: 0;
	font-size: 20px;
	color: #5A811B;
}

#betaQuicklinks {
	padding: 10px 0;
}

#betaQuicklinks h1 {
	font-size: 12px;
	padding-left: 20px;
}

body#snippets #contentSpacer {
	margin-bottom: -25px;
	padding: 0;
}

/*
 * Jumpchart navigation menu
 */
ul#jumpchartNav li a, ul#jumpchartNav li {
	font-size: 11px;
}

ul#jumpchartNav {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

ul#jumpchartNav ul {
	margin: 0;
	padding: 0;
}

ul#jumpchartNav li {
	margin: 0;
	padding: 0;
}

ul#jumpchartNav li { margin: 0 0 10px 0; }
ul#jumpchartNav li ul li { margin: 0; padding: 0; }

ul#jumpchartNav li a, ul#jumpchartNav li {
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

ul#jumpchartNav li ul li a, ul#jumpchartNav li ul li {
	font-weight: normal;
	font-size: 11px;
}

ul#jumpchartNav li ul {
	list-style-position: inside;
}

ul#jumpchartNav li ul li ul, ul#jumpchartNav li ul.dummyUL li ul {
	padding-left: 10px;	
	list-style-type: circle;
}
ul#jumpchartNav li ul li ul li, ul#jumpchartNav li ul li ul li a { color: #777; font-size: 10px; }

ul#jumpchartNav li ul li ul li ul, ul#jumpchartNav li ul.dummyUL li ul li ul {	list-style-type: disc; }
ul#jumpchartNav li ul li ul li ul li, ul#jumpchartNav li ul li ul li ul li a { color: #888;}

ul#jumpchartNav li ul li ul li ul li ul, ul#jumpchartNav li ul.dummyUL li ul li ul li ul { list-style-type: square; }
ul#jumpchartNav li ul li ul li ul li ul li, ul#jumpchartNav li ul li ul li ul li ul li a { color: #999;}

ul#jumpchartNav li ul li ul li ul li ul li ul, ul#jumpchartNav li ul.dummyUL li ul li ul li ul li ul { list-style-type: circle; }
ul#jumpchartNav li ul li ul li ul li ul li ul li, ul#jumpchartNav li ul li ul li ul li ul li ul li a { color: #aaa;}

.reorderItem { cursor: pointer; }
.clickedReorderItem {
	background: #eee;
}

ul.dummyUL li.dummyLI { list-style: none; }

ul#jumpchartNav li.reorderItem { margin: 0 0 6px 0; }
/*ul.dummyUL li { height: 4px; }*/
ul.dummyUL li { 
/*	height: 8px; */
}


ul.dummyULNotAnymore li { height: auto; }


/* IE hacks */
ul.dummyUL li {
	*height: auto;
}

ul#jumpchartNav li ul {
	*list-style-position: outside;
}

ul#jumpchartNav li ul li ul li {
	*margin-left: 10px;
}

ul.isReordering#jumpchartNav {
	padding: 0;
	margin: 0;
}

ul.isReordering#jumpchartNav li {
	list-style-type: none;
}

ul.isReordering#jumpchartNav li ul {
	list-style-position: outside;
}

/*
 * Page display
 */
#middleContent {
	width: 701px;
	float: left;
}

#pageContent {
	background: url('../images/2/sidebar-bkg.png') left repeat-y;
	width: 100%;
	position: relative;
}

#minHeightHack {
	height: 320px;
	float: left;
	width: 0.0000001em;
}

.snippetsContainer, #myJumpchartsContainer, #invitedJumpchartsContainer, #peopleContainer {
	float: left;
	width: 885px;
}
.snippetsContainer { margin-bottom: 40px; }

#pageRenameLink { font-size: 10px; }

#pageTitleWrapper { margin-top: 15px; }

form#formEditPage-title div { display: inline; }

#rightPageActionsNav ul li#archivedProject { background: #333; }

#rightPageActionsNav ul li#archivedProject a { color: #fff; }

#rightPageActionsNav ul li#archivedProject a:hover { text-decoration: none; }

/*
 * Files container
 */
#pageContentBottomTools {
	margin: 10px 0 0 0;
	background: #fff url('../images/2/sidebar-bkg.png') left repeat-y;
	width: 886px;
}

#pageSettingsButton {
	width: 145px;
	float: left;
	padding: 10px 20px;
}

#pageSettingsButton a {
	background: url('../images/2/page-settings-button.png') 0 3px no-repeat;
	padding-left: 20px;
}

#pageFiles {
	width: 651px;
	float: left;
	padding: 7px 20px 5px 30px;	
}

#pageSettingsButton a {
	color: #666;
	font-size: 11px;
}

#allFiles { font-size: 11px; }
#allFiles a { color: #666; }

#addFile {
	font-size: 11px;
	float: left;
	display: block;
	padding-right: 5px;
	padding-top: 2px;
}

#addFileLink {
	display: block;
}


.filesInnerContainer {
/*	margin: 10px 5px;*/
/*	padding: 10px 5px;*/
	
}

#pageContent .filesInnerContainer p {
	padding: 0;
	margin: 0;
}

.pageFile, #addFileLink {
	float: left;
	font-size: 11px;
	width: 150px;
	padding: 3px 5px;
}

#addFileLink {
	padding: 3px 5px 3px 0;
}

.fileName {
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding-left: 28px;
	line-height: 1em;
	padding-bottom: 2px;
}

#allFiles .fileTools a {
	color:#999;
	font-size: 9px;
}

.editFileContainer { width: 100%; }
.editFileContainer input.text {
	width: 120px;
}

.editFileContainer p, .editFileContainer form, .editFileContainer div, .editFileContainer {
	padding: 0;
	margin: 0;
}

/* Which is on the breadcrumb now */
#pageName form, .editPageButtons {
	display: inline;
}


#editPage-title {
	float: left;
	padding: 19px 0 0 3px;
}

#pageContent .imageleft {
	float: left;
	margin-right: 15px;
}

#pageContent .imageright {
	float: right;
	margin-left: 15px;
}

#pageContent textarea {
	margin-top: 10px;
	line-height: 1.5em;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 12px;
	width: 70%;
}



/* Middle content inner container spaces */
#pageBreadcrumbs {
	margin-top: 6px;
	padding-bottom: 12px;
	font-size: 12px;
	color: #b1b1b1;
}

a.breadcrumbLink {
	color: #b1b1b1;
}

#middleContent .spacer {
	padding: 10px 30px 20px 30px;
}

.editPageLink a {
	font-size: 11px;
}

#pageBreadcrumbs .editPageLink a {
	font-size: 9px;
}



/*
 * Dashboard - Ajax stuff
 */
#linksAjaxContainer, #filesAjaxContainer {
	padding: 10px 20px;
	background: #f7f7f7;
}

#linksAjaxContainerTitle, #filesAjaxContainerTitle {
	font-size: 16px;
}



/*
 * Project name on colored header
 */

/*
 * Sub header (the colored stripe)
 */
#subHeader {
	height: 55px;
	position: relative;
}
* html #subHeader { height: 54px; }

/*
 * Actions on pages toolbar
 */
#pageActionsNav {
	position: absolute;
	bottom: 0px;
	right: 0;
}

#pageActionsNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pageActionsNav ul li {	
	float: left; 
	margin-left: 5px;
	background: url('../images/2/top-tab-middle.png') repeat-x;
	height: 25px;
	line-height: 25px;
}

#pageActionsNav a {
	background: url('../images/2/top-tab-right.png') right top no-repeat;
	padding-right: 20px;
}

#pageActionsNav span, #pageActionsNav a {
	display: block;
	float: left;
	color: #127103;
	line-height: 25px;
	height: 25px;
	font-size: 11px;
	text-align: center;
}

#pageActionsNav span {
	background: url('../images/2/top-tab-left.png') left top no-repeat;
	width: 20px;
}

#pageActionsNav ul li#removePageTopTab { 
	background: none;
	padding: 0;
}

#pageActionsNav ul li#removePageTopTab a {
	background: url('../images/2/top-tab-remove.png') top left no-repeat;
	width: 37px;
	text-indent: -9999px;
	padding: 0;
}

/*
 * Right Page Actions Menu
 */
#rightPageActionsNav, #main {
	float: left;
/*	position: relative;*/
}

/*
 * IE Fix for the syntax helper overlay
 * Found at: http://www.aplus.co.yu/lab/z-pos/index5.php
 */
#main { z-index: 2; }
#rightPageActionsNav { z-index: 1; }

#rightPageActionsNav {
	margin-top: 90px;
	float: left;
	font-size: 12px;
	width: 240px;
	display: none;
}

#rightPageActionsNav #companyLogo { margin: 0 0 20px 20px; }

#rightPageActionsNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#rightPageActionsNav ul li {
	padding: 5px 0;
	margin: 1px 0;
	border-bottom: 1px solid #b1b1b1;
	width: 240px;
}

#rightPageActionsNav ul li.fancyAction {
	padding: 0;
}

#rightPageActionsNav .fancyAction {
	border-bottom: none;
}

#rightPageActionsNav .fancyAction a {
	color: #fff;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
}

#rightPageActionsNav ul li.beforeFile {
	border-bottom: none;
}

#rightPageActionsNav ul li a {
	color: #626262;
	padding-left: 20px;
}


/*
 * Comments
 */
#comments, #ownComment, #newCommentContainer {
	background: url('../images/2/comments-container-bkg.png');
}

#comments {
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
}

#comments textarea {
	height: 100px;
	margin-bottom: 10px;
}

#comments p {
	margin: 0;
	padding: 5px 0;
}

.comment {
	padding: 10px 0;
	font-size: 11px;
	line-height: 1.3em;
	color: #666;
	border-bottom: 1px solid #B7B5B6;
	width: 100%;
}

#newCommentContainer {
	border-bottom: 1px solid #B7B5B6;
}

#ownComment {
	padding: 0;
	margin: 0;
/*	background: #C9C7C8;*/
	color: #666;
	width: 100%;
	border-bottom: 1px solid #B7B5B6;
}

#ownComment a {
	color: #127103;
}


#ownComment p {
	padding: 10px 0;
}


.commentAuthor {
	width: 195px;
	float: left;
	padding-left: 20px;
}

#comments #commentsList .commentAuthor p {
	padding: 0;
	margin: 0;
}

.commentTools {
	width: 10px;
	float: left;
}

.commentContent {
	float: left;
	width: 660px;
	color: #333;
}

p.commentMeta {
	margin-top: -10px;
	font-size: 10px;
	color: #999;
}

#commentInnerContainer { padding: 10px 20px; }

.commentTimesince {
	font-size: 9px;
	color: #999;
}

#commentSaveBox, #commentFileBox { width: 48%; }
#commentFileBox { 
	float: left; 
	font-size: 11px;
}

#commentSaveBox {
	float: right;
	text-align: right;
}

#attachFileToComment { height: 22px; }

.commentAttachment {
	float: left;
	margin: 7px 10px 0 0;
}



/*
 * Reorder action
 */
#pageSecondToolbar {
	margin-top: 15px;
	float: left;
/*	padding-top: 10px;*/
/*	border-top: 1px solid #aaa;*/
}

#pageSecondToolbar a {
	font-size: 11px;
}

.fakeSubPageContainer {

}

/*
 * Main Ajax container
 */
#mainAjaxSlider {
}

#mainAjaxContainer, #bottomAjaxContainer {
	background: #ebebeb;
	color: #555;
	padding: 20px 0;
	text-align: center;
}

#mainAjaxContainer textarea, #bottomAjaxContainer textarea {
	width: 220px;
	height: 50px;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 11px;
}

#bottomAjaxContainer textarea {
	width: 300px;
	height: 50px;
}

#mainAjaxContainer input.text, #bottomAjaxContainer input.text { font-size: 20px; }

#mainAjaxContainer input.button, #bottomAjaxContainer input.button {
	font-size: 12px;
}

#bottomAjaxContainer input#metaDescription {
	font-size: 12px;
	width: 98%;
}

.ajaxContainerTitle, #bottomAjaxContainer h1 {
/*	color: #65905a;*/
	color: #666;
	font-size: 20px;
	padding-right: 5px;
	font-weight: normal;
	margin: 0;
}

.smallCentered.ajaxContainerTitle {
	font-size: 16px;
	padding-right: 0px;
}

#mainAjaxContainer p, #bottomAjaxContainer p {
	margin: 10px 0 0 0;
	padding: 0;
}

#mainAjaxContainer form {
	display: inline;
}

.sliderTip {
	margin-top: 10px;
	font-size: 10px;
}

.sliderTip .question {
	font-weight: bold;

}

.ajaxCol3 {
	width: 33%;
	float: left;
}

.saveButtonCol {
	margin-top: 10px;
}

.topAjaxContainerButtonsAligner {
/*	background: #c30;*/
/*	padding-top: 20px;*/
	position: absolute;
	margin-top: 6px;
	margin-left: 3px;
}


/*
 * Sub Ajax Container
 */
#subAjaxContainer {
	padding: 20px 0;
	background: #9FBFF8;
	text-align: center;
}

#ajaxSubContainerTitle {
	color: #3053B1;
	font-size: 16px;
}


/*
 * People
 */
.projectPerson p, .projectInactivePerson p {
	margin: 0;
	padding: 0;
}

.projectPerson, .projectInactivePerson {
	margin-bottom: 10px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.projectInactivePerson {
	background: #eee;
	color: #777;
}
.projectInactivePerson  p.personTools { background: #ddd; }

p.personTools {
	font-size: 11px;
	background: #f1f1f1;
	padding: 3px 6px;
	color: #aaa;
}

.editPersonContainer div {
	background: #f8f8f8;
	padding: 0 10px;
}

.editPersonContainer p {
	margin: 10px 0;
}

.editPersonContainer .basicInfo, .editPersonContainer .newPasswd {
	width: 200px;
	float: left;
}

#owner { background: #f1f1f1; }

#inviteUserMainContent { padding: 0 30px; }

.permissionContainer { background: #eee; }

.permissionContainer .spacer { padding: 5px 15px; }

#permissionSaveLink {
	padding-left: 10px;
	font-size: 12px;
}

/*
 * Change Log
 */
table#changeLogTable tr.odd td {
	background: #f7f7f7;
}

table#changeLogTable tbody tr td {
	font-size: 11px;
	border-bottom: 1px solid #ddd;
}

table#changeLogTable thead tr td {
	background: #eef;
	color: #559;
	border-bottom: 1px solid #cce;
}

/*
 * Settings
 */
#currentLogo img {
	padding: 5px;
	border: 1px solid #ddd;
	margin-top: 10px;
}

#settingsColorScheme {
	margin-top: 40px;
}

body#settings h2 {
	margin-bottom: 0;
	font-size: 18px;
}


ul.settingsExplanation {
	font-size: 10px;
	color: #777;
}

#settingsLogoImage {
	margin-top: 10px;

}

#settingsLogoImage img {
	border: 1px solid #ddd;
	padding: 5px;
}

.colorScheme {
	width: 100px;
	padding: 5px;
	margin: 5px;
	float: left;
	border: 1px solid #ddd;
}

.colorScheme h4 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	display: inline;
}

#colorSchemeSubmitter {
	clear: both;
	padding: 5px 0;
}

/*
 * Account page
 */
body#account #contentSpacer {
	padding: 10px 0 20px 0;
}

body#account h2 {
	border-bottom: 1px solid #e5e5e5;
	margin: 10px 0;
	padding-bottom: 10px;
	font-weight: normal;
	padding-left: 45px;
}

body#account .settingsMessage { padding: 0 45px;}

body#account h2 a {
	background: url('../images/2/account-pane-arrow-closed.png') 0 6px no-repeat;
	padding-left: 15px;
}

body#account h2.opened a { background: url('../images/2/account-pane-arrow-opened.png') 0 6px no-repeat; }

body#account p {
	margin: 0 0 15px 0;
	padding: 0;
}

body#account .accountPane { padding: 0 60px; }

body#account h2 a { color: #222; }

table#plansTable { border-collapse: separate; }


td.myPlan {
	background: #f1f1f1;
}

table#pricingTable {
	margin: 0;
	border-collapse: collapse;
	float: left;
}

table#pricingTable td {
	border: 1px solid #fff;
}

table#pricingTable thead tr td {
	background: #ccc;
	font-size: 14px;
	color: #555;
	padding: 7px 0;
	text-align: center;
}

table#pricingTable thead tr td.typeOfAccount {
	font-size: 10px;
	text-transform: uppercase;
	padding-left: 10px;
	text-align: left;
}

table#pricingTable tbody tr td {
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
}

table#pricingTable td.categoryCol {
	text-align: left;
	font-weight: normal;
	padding-left: 20px;
	font-size: 12px;
}

table#pricingTable tbody tr td {
	background: #eee;
}

table#pricingTable tbody tr#signupRow td.categoryCol {
	background: #eee;
}

table#pricingTable tbody tr#signupRow td {
	background: #bbb;
}

table#pricingTable tbody tr#signupRow td a {
	background: #bbb;
	color: #fff;
	font-weight: normal;
	display: block;
	padding: 5px;
	font-size: 12px;
}
table#pricingTable tbody tr#signupRow td a:hover {
	text-decoration: underline;
}

table#pricingTable tr td.myPlan, table#pricingTable tbody tr#signupRow td.myPlan {
	background: #888;
	color: #fff;
}

#personalizedUrlSwitchContainer {
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px;
}

#personalizedUrlSwitchContainer .button {
	margin-left: 10px;
}

#personalizedUrlSwitchContainer p {
	margin: 0;
}

#personalizedUrlValueContainer div {
	padding-top: 10px;
}

#personalizedUrlValueContainer em {
	font-size: 11px;
	color: #777;
}

#sslExplanation p {
	color: #777777;
	font-size: 11px;
	margin-bottom: 20px;
}

/*
 * Support page
 */
body#support .subtitle {
	
}

ul#waysToGetSupport {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#waysToGetSupport li {
	margin: 0;
	padding: 0;
	clear: both;
}

.supportWayNumber {
	width: 40px;
	font-size: 50px;
	color: #d9d9d9;
	float: left;
}

.supportWayDescription {
	float: left;
	width: 580px;
	padding-top: 5px;
	padding-bottom: 20px;
}

.supportWayDescription h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.supportWayDescription p {
	margin: 0 0 10px 0;
	padding: 0;
}

.supportWayDescription p.plugLink a {
	font-size: 14px;
}

.supportWayDescription p.content {

}

/*
 * Help pages
 */
#helpTitle {
	font-size: 36px;
	float: left;
}

#helpSubtitle {
	float: left;
	font-size: 11px;
	padding: 20px 0 0 10px;
}

#helpSubtitle, #helpHomeBottomSupportEmailPlug {
	color: #777;
	margin: 0;
}

#helpHomeBottomSupportEmailPlug { font-size: 12px; }
#helpHomeBottomSupportEmailPlug a { color: #94ACC8; }
#helpHomeBottomSupportEmailPlug a:hover { color: #3F75AB; }

#searchBox {
	background: #E5E5E5;
	padding: 35px 50px;
/*	margin: 10px -50px 20px -50px;*/
	margin: 5px -40px 0 -40px;
}

#searchString {
	font-size: 18px;
	padding: 10px;
	height: 22px;
	border: none;
	background: #fff;
	color: #999;
	width: 640px;
	float: left;
}

#searchLink {
	background: #127103;
	color: #fff;
	padding: 0 30px;
	height: 42px;
	line-height: 42px;
	display: block;
	font-size: 14px;
	margin-top: 0px;
	float: right;
}


body.help h2, body.helpArticle h2, body.helpCategory h2, body.helpSearch h2 {
	margin: 0px;
	font-weight: normal;
}

body.help p, body.help ul, body.help ol { margin: 0 0 20px 0; }


body.help h2,body.help h3, body.help h4 {
	margin: 0 0 5px 0;
}

#homeHelpCol1, #homeHelpCol2 {
	float: left;
	width: 370px;
	margin-top: 20px;
}

#homeHelpCol1 {
	margin-right: 50px;
}

#popularOnes, #featuredOnes {
	float: left;
	margin: 0px 0 20px 0;
}

body#help #content ul#helpCategories {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

body#help #content ul#helpCategories ul {
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	font-size: 11px;
}

#helpCategories h3 {
	margin: 0;
	font-weight: normal;
	font-size: 13px;
}

#featuredOnes ul {
	list-style: none;
	padding: 0;
/*	width: 600px;*/
	margin: 0;
	padding: 0;
}

#featuredOnes ul li {
	margin-bottom: 20px;
}

#featuredOnes h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
}

#featuredOnes p {
	margin: 0;
	padding: 0;
	color: #666;
}


body#help #content ul {
	padding: 0;
}

body.helpCategory h3, body.helpSearch h3 {
	font-weight: normal;
	font-size: 16px;
	margin: 20px 0 3px 0;
}

body.helpCategory h3 a, body.helpSearch h3 a {
	color: #444;
}

body.helpArticle h4 {
	color: #555;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

body.help #rightPageActionsNav h2, body.helpArticle #rightPageActionsNav h2,  
body.helpCategory #rightPageActionsNav h2, body.helpSearch #rightPageActionsNav h2 {
	font-size: 16px;
	padding-left: 20px;
	margin: 10px 0;
	font-weight: bold;
}

ol.topList { color: #666; }

ol.topList li {
	padding: 3px 0;
	margin: 0;
}

#helpCol1 {
	width: 510px;
	float: left;
}


#helpCol1 p { color: #666; }
#helpCol1 .articleContent { line-height: 1.5em; }
#helpCol1 table td { border: 1px solid #ccc; }

body.helpArticle #content h2 {
	margin-bottom: 10px;
	font-weight: bold;
	color: #444;
}

body.help#article #content #helpCol2 h2 {
	font-size: 14px;
	margin: 5px 0 10px 0;
}

#helpCol2 {
	width: 260px;
	margin-left: 30px;
	float: left;
	font-size: 11px;
}


#helpCol2 ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: disc;
}

.helpExcerpt {
	color: #666;
	font-size: 11px;
}

.helpExcerpt p {
	margin: 0 0 5px 0;
	padding: 0;
}

#searchBox {
	clear: both;
	margin-bottom: 20px;
}

#searchBox .header {
	float: left;
	width: 120px;

}

#searchBox .box {
	float: left;
	width: 400px;
	padding-top: 5px;
}

.code {
	font-family: Courier;
	font-weight: bold;
}

.helpNote {
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px 20px;
	font-size: 11px;
	line-height: 1.2em;
	margin: 0 0 20px 0;
}

/*
 * Syntax help overlay
 */
#syntaxHelpOverlay {
	background: #000;
	position: absolute;
	top: 75px;
	left: 700px;
	z-index: 1000;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#syntaxHelpContent {
	color: #ddd;
	padding: 20px;
}

#syntaxHelpAvailableFiles {
	margin-top: 20px;
}

.syntaxHelpTitle {
	font-weight: normal;
	font-size: 16px;
}

.readMoreLink {
	font-size: 10px;
}

#syntaxHelpContent ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 5px 20px;
}

#syntaxHelpContent ul li {
	padding: 3px 0;
}

.optionalSyntax { 
	color: #666;
	font-size: 11px;
}


/*
 * Floating edit link
 */
.editLink {
	position: absolute;
	padding: 10px 0;
	z-index: 10000;
	*padding: 20px 0;
}

#editLink-main {
	left: 175px;
}

#editLink-second {
	left: 510px;
}

.editLink a {
	display: block;
	width: 53px;
	margin-top: 10px;
	background: url('../images/2/edit-button.png') top center no-repeat;
	text-indent: -9999px;
	height: 37px;
	line-height: 37px;
}

* html .editLink a {background: url('../images/2/edit-button-8bit.png') top center no-repeat;}

.loading#editLink {
	text-align: center;
	width: 53px;
}

.loading#editLink a {
	background: none;
}

/*#editLink a:hover {
	background-position: 0px 32px;
	color: #fff;
	text-decoration: underline;
}*/

#editLink a span {
/*	padding-left: 10px;*/
}

/*
 * Back to project bar
 */
#backToProjectBar a {
	color: #fff;
	font-size: 10px;
	background: #000;
	padding: 3px 8px;
}


/*
 * System Notices
 */
#content .systemNotice strong, #content .systemNotice a { color: #5A811B; }
#content .systemNotice a:hover { color: #6F9F21; }

.systemNotice h1, .systemNotice h2, .systemNotice h3 { margin: 0 0 5px 0; }
.systemNotice p, .systemNotice p, .systemNotice p { margin: 0 0 15px 0; }

#content .systemNotice {
	background: #ddd;
	margin: 40px 0 20px 0;
	font-size: 11px;
}
#content #isFirstLoginNotice .systemNotice { margin-top: 20px; }

#content .systemNotice .spacer { padding: 20px 40px 10px 40px; }
/*body#snippets .systemNotice .spacer { padding-top: 15px; }*/

#content .systemNotice a {
	color: #555;
	text-decoration: underline;
}

#content .systemNotice a:hover {
	color: #222;
}

#content .systemNotice h2, #content .systemNotice h3 { 
	color: #222; 
	font-weight: normal;
}

#content .systemNotice h2 {
	font-size: 24px;
	color: #222;
	border: none;
	padding: 0;
	background: none;
}

#content .systemNotice a.bigButton {
	display: block;
	margin: 20px 0 0 0;
	padding: 10px 20px;
	font-size: 22px;
	color: #000;
	text-align: center;
	text-decoration: none;
}

#content .systemNotice a:hover.bigButton { text-decoration: underline; }

/*
 * Entrance message / warning system
 */
#entranceMessage {
	background: #eee;
	color: #555;
}

#entranceMessage p {
	font-size: 11px;
	margin: 0;
}

#entranceMessage .spacer {
	padding: 20px 40px 0 40px;
}

body#entrance #entranceMessage h2 {
	font-size: 16px;
	background: none;
	padding: 0;
	margin: 0;
	border-bottom: none;
	color: #555;
}

.dontShowAgainBar {
	text-align: right;
	padding: 5px 40px 20px 0;
}

.dontShowAgainBar a {
	font-size: 11px;
	color: #555;
}

.dontShowAgainBar a:hover {
	color: #999;
}

/*
 * Quick Textile Reference
 */
body#dedicatedTextileReference {
	background: #fff;
	margin: 10px 20px;
}

body#dedicatedTextileReference pre {
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
}

body#dedicatedTextileReference h1 {
	font-size: 20px;
}

/*
 * Login page
 */
body.login #wrapper {
	background-position: center bottom;
	width: 943px;
	margin: 0 auto;
}

body.login #footer {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

body.login #content {
	margin-top: 60px;
	padding: 50px 50px 50px 50px;
	width: 786px;
}

#loginTools {
	font-size: 11px;
	line-height: 1.5em;
}

#betaDisclosure {
	color: #666;
	font-size: 11px;
}

#bigJcLogo {
	width: 300px;
	float: left;
	text-align: center;
	margin-right: 60px;
	padding-top: 80px;
}
body#passwordReset #bigJcLogo { padding-top: 50px; }

#loginElements {
	width: 330px;
	padding-left: 90px;
	border-left: 1px solid #ddd;
	float: left;
}

body.login #pageActionsNav ul li a {
/*	font-size: 14px;*/
	color: #ed6f2a;
}
body.login #pageActionsNav ul li a:hover { text-decoration: none;}

body.login {
	font-size: 16px;
	color: #666;
}

body.login input{
	font-size: 20px;
}

body#passwordReset h1 {
	color: #333;
	font-size: 24px;
}

body#passwordReset {
	font-size: 12px;
}

a.loginButton {
	background: #888;
	padding: 7px 0;
	display: block;
	width: 70px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	float: left;
}

a.forgotPassword {
	color: #999;
	font-size: 11px;
	display: block;
	float: left;
	padding: 12px 0 0 10px;
	text-transform: lowercase;
}

.loginByEmail {
	font-weight: bold;
}

#loginByEmailWarning {
	font-size: 12px;
	background: #eee;
	border: 1px dashed #ccc;
	padding: 5px 10px;
}

/*
 * Snippets page
 */
#newSnippetForm textarea {
	width: 60%;
	height: 140px;
}

.snippetEditForm textarea {
	height: 140px;
}


/*
 * Keyboard reorder
 */
.keyboardReorderSelected {
	background: #E4FB93;
}


/*
 * Warning for flagged users
 */
.flaggedUserWarning {
	background: #ffd;
	padding: 5px;
	color: #725413;
}

.flaggedUserWarning .title {
	font-size: 18px;
	font-weight: bold;
}

.flaggedUserWarning p {
	margin: 0;
}

.flaggedUserWarning a { color: #CF7D26; }
.flaggedUserWarning a:hover { color: #FB9730; }

/*
 * Sitemap View
 */
body#sitemap #wrapper {
	width: 100%;
	background: none;
}

body#sitemap #footer {
	width: 95%;
	margin: 0 auto;
}

body#sitemap #topnav {
/*	padding-left: 30px;*/
	padding-right: 30px;
	color: #ddd;
	width: 90%;
}

body#sitemap #topnav a { color: #fff; }

body#sitemap #topnav a:hover {
	color: #158904;
	text-decoration: none;
}

#makeSitemapPublic p { margin: 0; }

#makeSitemapPublic {
	float: left;
	line-height: 30px;
}

#makeSitemapPublic input {
	display: block;
	float: left;
	margin-top: 7px;
}

#sitemapToolbar {
	background: #222;
	color: #ddd;
	height: 25px;
	line-height: 25px;
	width: 100%;
	font-size: 11px;
}

#sitemapToolbar p {
	padding: 0 30px;
	margin: 0;
}

#sitemapToolbar a {
	color: #eee;
	border: none;
}

#sitemapToolbar a:hover { color: #ccc; }

#sitemapContainer {
	font-size: 11px;
	overflow:hidden;
	padding: 20px 30px;
	margin-top: 5px;
	margin-bottom: 15px;
	background: #fff;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

#sitemapContainer a.regular, #sitemapContainer {
	color: #555;
}

#sitemapContainer ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sitemapContainer li {
/*	background-color:#ddd;*/
	background-color: #e4e4e4;
	margin:0 0 -0.1em;
	min-height:1em;
	padding:.2em .4em;
	position:relative;
	width:9em;
}

#sitemapContainer ul li {
	margin: 5px 0;
}

#sitemapContainer ul ul {
	margin-top:-1.4em;
}

#sitemapContainer ul ul li {
/*	border-top:0.5em solid #C6C6C6 !important;*/
	border-top:0.5em solid #fff !important;
	border-left:0.5em solid #333;
	left:9.4em;
	margin: 0;
}

#sitemapContainer ul ul ul li {
	border-color:#555;
}

#sitemapContainer ul ul ul ul li {
	border-color:#777;
}

#sitemapContainer ul ul ul ul ul li {
	border-color:#999;
}

/*
 * New Reorder, Nov 08
 */

#nav div div.break {
	border-top: 1px solid #D1D1D1;
	margin-left: -10px;
/*	margin-top: 2px;*/
/*	margin-bottom: 2px;*/
	height: 0.0000001em;
	width: 185px;
}

/* IE6 can't handle anything smaller than 1 pixel, so we need to take things… weirdly */
* html #nav div div.break {
	height: 1px;
	line-height: 1px;
	margin-bottom: -5px;
}

#nav a {
/*	padding: 2px 4px 2px 0;*/
	z-index: 2;
}

.reorderHandle {
	display: none;
	float: left;
	padding: 5px 0px 0 0;
}
* html .reorderHandle { position: relative; }

.cantReorder .reorderHandle { 
	visibility: hidden; 
	padding: 0;
}

/*#reorderablePages .currentOpenedPage { background-color: #c7c7c7;}*/
#reorderablePages .currentOpenedPage { background-color: #9B9B9B;}
* html #reorderablePages .currentOpenedPage { position:relative; }
#reorderablePages .currentOpenedPage a { color: #fff; }

.pageList {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	color: #666;
}

#sortHelper { 
	border: 1px dashed #ccc; 
/*	background: #c30;*/
/*	margin-left: -100px;*/
/*	display: block;*/
}
.reorderCurrentNesting { background-color: #eee; }

#reorderablePages div .reorderCurrentNesting { margin-left: 9px; }
#reorderablePages div div .reorderCurrentNesting { margin-left: 11px; }
#reorderablePages div div div .reorderCurrentNesting { margin-left: 6px; }
#reorderablePages div div div div .reorderCurrentNesting { margin-left: 0px; }
#reorderablePages div div div div div .reorderCurrentNesting { margin-left: -5px; }
#reorderablePages div div div div div div .reorderCurrentNesting { margin-left: -12px; }
#reorderablePages div div div div div div div .reorderCurrentNesting { margin-left: -18px; }
#reorderablePages div div div div div div div div .reorderCurrentNesting { margin-left: -20px; }
#reorderablePages div div div div div div div div div .reorderCurrentNesting { margin-left: -27px; }
#reorderablePages div div div div div div div div div div .reorderCurrentNesting { margin-left: -33px; }

.reorderHandle { cursor: move; }


#dragHelper { z-index: 10000; }

#reorderablePages { font-size: 11px; }

#nav a {
	color: #666;
}

.pageNameAndReorderHandle { padding: 2px 4px 2px 0; }

.isReorderingPages .pageNameAndReorderHandle, .isReorderingPages a.navPageLink { cursor: move; }


#reorderablePages div div { font-weight: bold; }
#reorderablePages div div div { font-weight: normal; }


.treeExpander { 
	float: left;
/*	margin-left: -25px;*/
	margin-top: 2px;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-image: url('../images/2/nesting-arrow.png');
}

.treeExpander.opened {
	background-position: 0 1px;
	background-image: url('../images/2/nesting-arrow-open.png');
}

.pageNameAndReorderHandle a { display: block; }
#nav a { padding: 0; }



.isReorderingPages #reorderablePages .pageList { background-position: 17px 8px; }

#reorderablePages .reorderableSection { 
	background-repeat: no-repeat;
	background-position: 10px 8px;
}

.reorderableSection {
/*	background: #c30;*/
}




#reorderablePages div div .treeExpander { margin-left: -18px; }
#reorderablePages div .pageNameAndReorderHandle { 
	margin-left: -20px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 30px 8px; 
}

/*#reorderablePages div div div .pageNameAndReorderHandle { 
	background-position: 30px 8px;
}
*/
#reorderablePages div div .pageNameAndReorderHandle  { background-image: url('../images/2/nesting-dot.png'); }
#reorderablePages div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot2.png'); }
#reorderablePages div div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot3.png'); }
#reorderablePages div div div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot4.png'); }
#reorderablePages div div div div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot5.png'); }
#reorderablePages div div div div div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot6.png'); }
#reorderablePages div div div div div div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot7.png'); }
#reorderablePages div div div div div div div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot8.png'); }
#reorderablePages div div div div div div div div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot9.png'); }
#reorderablePages div div div div div div div div div div div .pageNameAndReorderHandle { background-image: url('../images/2/nesting-dot10.png'); }

#reorderablePages div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot-dark.png'); }
#reorderablePages div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot2-dark.png'); }
#reorderablePages div div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot3-dark.png'); }
#reorderablePages div div div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot4-dark.png'); }
#reorderablePages div div div div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot5-dark.png'); }
#reorderablePages div div div div div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot6-dark.png'); }
#reorderablePages div div div div div div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot7-dark.png'); }
#reorderablePages div div div div div div div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot8-dark.png'); }
#reorderablePages div div div div div div div div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot9-dark.png'); }
#reorderablePages div div div div div div div div div div div .pageNameAndReorderHandle.currentOpenedPage { background-image: url('../images/2/nesting-dot10-dark.png'); }


#reorderablePages div div .pageNameAndReorderHandle  { margin-left: -32px; padding-left: 37px; }
#reorderablePages div div div .pageNameAndReorderHandle { margin-left: -44px; padding-left: 44px; }
#reorderablePages div div div div .pageNameAndReorderHandle { margin-left: -56px; padding-left: 52px; }
#reorderablePages div div div div div .pageNameAndReorderHandle { margin-left: -68px; padding-left: 58px; }
#reorderablePages div div div div div div .pageNameAndReorderHandle { margin-left: -80px; padding-left: 64px; }
#reorderablePages div div div div div div div .pageNameAndReorderHandle { margin-left: -92px; padding-left: 70px; }
#reorderablePages div div div div div div div div .pageNameAndReorderHandle { margin-left: -104px; padding-left: 76px; }
#reorderablePages div div div div div div div div div .pageNameAndReorderHandle { margin-left: -116px; padding-left: 82px; }
#reorderablePages div div div div div div div div div div .pageNameAndReorderHandle { margin-left: -128px; padding-left: 88px; }
#reorderablePages div div div div div div div div div div div .pageNameAndReorderHandle { margin-left: -140px; padding-left: 94px; }
#reorderablePages div div div div div div div div div div div div .pageNameAndReorderHandle { margin-left: -152px; padding-left: 100px; }
#reorderablePages div div div div div div div div div div div div div .pageNameAndReorderHandle { margin-left: -164px; padding-left: 102px; }

#nav div div div.break { margin-left: -20px; }
#nav div div div div.break { margin-left: -32px; }
#nav div div div div div.break { margin-left: -44px; }
#nav div div div div div div.break { margin-left: -56px; }
#nav div div div div div div div.break { margin-left: -68px; }
#nav div div div div div div div div.break { margin-left: -80px; }
#nav div div div div div div div div div.break { margin-left: -92px; }
#nav div div div div div div div div div div.break { margin-left: -104px; }
#nav div div div div div div div div div div div.break { margin-left: -116px; }
#nav div div div div div div div div div div div div.break { margin-left: -128px; }
#nav div div div div div div div div div div div div div.break { margin-left: -140px; }
#nav div div div div div div div div div div div div div div.break { margin-left: -152px; }


#reorderablePages .treeExpander { margin-left: -12px; }
#reorderablePages div div div .treeExpander { margin-left: -25px; }
#reorderablePages div div div div .treeExpander { margin-left: -32px; }
#reorderablePages div div div div div .treeExpander { margin-left: -40px; }
#reorderablePages div div div div div div .treeExpander { margin-left: -46px; }
#reorderablePages div div div div div div div .treeExpander { margin-left: -52px; }
#reorderablePages div div div div div div div div .treeExpander { margin-left: -58px; }
#reorderablePages div div div div div div div div div .treeExpander { margin-left: -64px; }
#reorderablePages div div div div div div div div div div .treeExpander { margin-left: -70px; }
#reorderablePages div div div div div div div div div div div .treeExpander { margin-left: -76px; }
#reorderablePages div div div div div div div div div div div div .treeExpander { margin-left: -82px; }



/*.isReorderingPages #reorderablePages div span { margin-left: -12px; }*/
#reorderablePages div span {
	padding-left: 12px;
}



#reorderPageToggle {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 11px;
}

#reorderPageStart, #reorderPageDone {
	display: block;
	padding: 0px 20px 0px 40px;
	width: 125px;
	height: 25px;
	line-height: 25px;
	background:  #C5C5C5 url('../images/reorder-button.png') 20px 7px no-repeat;
	color: #fff;
}

#reorderPageDone {
	background: #00743D;
	padding-left: 20px;
	padding-right: 0px;
	width: 165px;
	color: #B8D6C5;
}
#reorderPageDone a { color: #fff; }
#reorderPipe { color: #70AB8B; }

#reorderingLabel {
	width: 65px;
	float: left;
}

#reorderingTools { 
	float: right;
	padding-right: 16px;
	*width:85px;
	*padding-right: 10px;
}
.quickBreak { 
	clear: both;
	line-height: 0.0000000001em;
}





/*#reorderPageLink, #doneReorderPageLink {
	background: url('../images/2/page-settings-button.png') 0 3px no-repeat;
	padding-left: 15px;
}
*/
.syntaxHelperBar {
	background: url('../images/2/textile-overlay-arrow.png') center right no-repeat;
	padding-right: 16px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
		opacity: 0.8;
	width: 140px;
	position: absolute;
	top: 160px;
	left: 40px;
}

#syntaxHelperBarSpacer {
	background: #000;
}

.syntaxHelperBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	color: #bbb;
}

.syntaxHelperBar ul a {
	color: #bbb;
	font-size: 11px;
	padding: 2px 5px;
	display: block;
}

.syntaxHelperBar ul li {
	border-bottom: 1px solid #555;
}

.syntaxHelperBar ul li.backRow {
	border-bottom: none;
}

.syntaxHelperBar ul li.navigationRow a {
	display: inline;
}

.syntaxHelperBar .heading {
	font-family: Georgia;
	font-weight: bold;
	font-size: 13px;
}

.syntaxHelperBar .bold {
	font-weight: normal;
}

.syntaxHelperBar .italic {
	font-style: italic;
}


/*
 * People page - Email auto completer
 */
body#people div.autocomplete {
	margin: 0px;  
	padding: 0px;  
	width: 275px;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	text-align: left;
}

body#people div.autocomplete ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

body#people div.autocomplete ul li.selected { 
	background-color: #ddd;
}

body#people div.autocomplete ul li {
	margin: 0;
	padding: 2px;
	display: block;
	list-style-type: none;
	cursor: pointer;
}

/*
 * New Export pane
 */
.exportPane {
	border-top: 1px solid #aaa;
	width: 886px;
	padding: 20px 0;
	color: #777;
}

.exportPaneTitle, .exportPaneDescription, .exportPaneButtons { float: left; }
.exportPaneButtons,.exportPaneTitle { width: 20%; }
.exportPaneDescription { width: 60%; }

.exportPaneTitle { font-size: 18px; }

.exportPaneTitle { padding-top: 15px; }
.exportPaneDescription { 
	padding-top: 20px;
	font-size: 11px;
}

.exportPaneButtons { text-align: left; }

.exportPaneButtons a {
	background: #898989;
	display: block;
	width: 150px;
	color: #fff;
	text-align: center;
	margin: 5px 0;
	padding: 3px 0;
}

.exportPaneButtons a:hover {
	background: #999;
	text-decoration: none;
}

#exportPaneWP input.text {
	width: 145px;
	font-size: 12px;
}

#exportPaneWP .exportPaneButtons p { margin: 0; }
#exportPaneWP .exportPaneTitle {text-align: right;}
#exportPaneWP.exportPane { padding-bottom: 0px; }
#exportPaneWP .exportPaneDescription { padding-top: 17px; }

#exportPaneWP.noWPSupport .exportPaneDescription { padding-top: 0px; }
#exportPaneWP.noWPSupport .exportPaneTitle { padding-top: 2px; }

/*
 * Navbar expander
 */
#nav a.treeExpander {
	display: inline;
}

/*
 * New Receipts option on Account page
 */
#settingsReceipts ul {
	color: #999;
	padding: 0;
	margin: 0 0 0 15px; 
}