/*
 * Jumpchart 3 CSS
 */
body {
	background-color: #9a9b9c;
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #333333;
	outline: none;
	font-size: 12px;
}

a {	
	text-decoration: none; 
	outline: none;
	color: #127103;
}
a img { border: none; }
a:hover { color: #189804; }

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

textarea { width: 40%; }
textarea.big { width: 98%; }

textarea, input.text {
/*	border: 1px solid #777;*/
/*	padding: 5px;*/
}

abbr { border: none; }

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

dl { width: 100%; }

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

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

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



/*
 * Helpers
 */
.hidden { 
	position: absolute;
	width: 1px;
	height: 1px;
	left: -9999px;
}
.break { clear: both; }
.cancelLink { font-size: 10px; }
.noBullets {
	margin: 0;
	padding: 0;
	list-style: none;
}

.loadingSpinner { margin-top: 3px; }

.mainSprite, .glassySprite {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.mainSprite { background-image: url('../images/sprite.png'); }
.glassySprite { background-image: url('../images/glassy-sprite.png'); height: 35px; }

p.tight { margin: 0; }

#preloader { display: none; }

/*
 * Main Layout
 */
#outerWrapper {
	background: #343639 url('../images/mainbg.png') bottom left repeat-x;
	width: 100%;
	padding-top: 19px;
}

#topnavWrapper {
/*	width: 100%;*/
	height: 32px;
	background-color: #292a2d;
/*	margin: 19px 0px 0px 0px;*/
/*	float: left;*/
}

#topnav {
	width: 960px;
/*	margin: 9px auto 0px auto;*/
	margin: 0 auto;
	padding-top: 9px;
	font-size: 12px;
}

#topnav a { color: #949596; }
#topnav a:hover { color: #fff; }

#jumpchartLogo {
	width: 23px;
	height: 17px;
	overflow: hidden;
	background: transparent url('../images/sprite.png') -334px 0px;
	float: left;
	margin: -2px 0 0 0;
	text-indent: -9999px;
}

ul#topNavAccount {
	margin: 0px;
	padding: 0px;
}

ul#topNavAccount li {
	list-style: none;
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px ;
	border-left: 1px #434343 solid;
}

ul#topNavAccount li.first {
	border: none;
	margin: 0px 0px 0px 5px;
}

ul#pageSpecificTopNav {
	margin: 0px;
	padding: 0px;
	float: right
}

ul#pageSpecificTopNav li {
	list-style: none;
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px ;
	border-left: 1px #434343 solid;
}

ul#pageSpecificTopNav li.first {
	border: none;
}

#wrapper {
	width: 960px;
/*	margin: 75px auto 0px auto;*/
	margin: 50px auto 0 auto;
}

#companyLogo {
	display: none;
}

#subHeader {
	width: 960px;
	height: 32px;
}

h1 a {
	font-size: 14px;
/*	font-weight: bold;*/
	margin: 0px;
	padding: 0px;
	color: #d6d7d7;
/*	float: left;*/
}

/*
 * Footer
 */
#footer {
	width: 960px;
	margin: 0px auto;
	padding: 40px 0 0 0;
	font-size: 10px;
	background: transparent url('../images/footer-shadow.png') no-repeat;
	height: 50px;
	clear: both;
}

#footer #copyrightDisclaimer {
	float: left;
	width: 400px;
	background: url('../images/sprite.png') -368px -57px no-repeat;
	height: 17px;
	line-height: 23px;
	padding-left: 10px;
	
}

#footer ul {
	margin: 4px 0 0 0;
	padding: 0px;
	float: right;
}

#footer ul li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer a {
	color: #D8D8D9;
	margin-left: 12px;
}
#footer a:hover { color: #eee; }

#rssFooterLink {
	background-position: -368px -39px;
	width: 26px;
	height: 14px;
}

/*
 * Page Actions nav
 */
#pageActionsNav {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 368px;
}

#pageActionsNav a {
	float: left;
	background-image: url('../images/sprite.png');
	background-repeat: no-repeat;
	width: 118px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}

#pageActionsNav li { float: left; }

#removePageLink { background-position: -208px -67px; }
#removePageLink:hover { background-position: -208px -99px; }

#addSubPageLink {
	background-position: -208px -167px;
	margin-left: 7px;
}
#addSubPageLink:hover, #addSubPageLink.current { background-position: -208px -135px; }

#addPageLink {
	background-position: -208px -32px;
	margin-left: 7px;
}
#addPageLink:hover, #addPageLink.current { background-position: -208px -0px; }

#addPageButton {
	width: 86px;
	background-position: -243px -310px;
	float: left;
}
#addPageButton:hover { background-position: -243px -346px; }

#newPageLoadingWrapper, #newSnippetLoadingWrapper {
	float: left;
	margin-top: 5px;
}
#newSnippetLoadingWrapper { text-align: center; }

.lotsOfPagesLink {
	float: left;
	margin: 10px 0 0 20px;
	color: #4D5E30;
	border-bottom: 1px solid #127103;
	text-shadow:0.05em 0.05em 0 #FFFFFF;
}

.lotsOfPagesLink:hover { color: #698142; }

#content {
	background: #fff;
	width: 960px;
	position: relative;
	min-height: 400px;
}
body.login #content { min-height: 0; }
body#people #content { position: static; }

#content.padded {
	width: 910px;
	padding: 25px;
}

body.site#view #content, body.page#view #content { background: #fff url('../images/page-bg.png') right bottom no-repeat; }
body.site#view #wrapper, body.page#view #wrapper { margin-top: 30px; }

#pageContent {
	background: url('../images/nav-sprite.png') -1000px repeat-y;
	min-height: 400px;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	position: relative;
}



/*
 * Pages nav
 */
#nav {
	width: 200px;
	float: left;
	padding-top: 15px;
	background: url('../images/nav-sprite.png') 0 0 no-repeat;
/*	background: #c30;*/
}

.currentOpenedPage, .currentOpenedPage .navPageLink {
	background-image: url('../images/nav-hilight-bg.png');
}

.currentOpenedPage .navPageLink { background-position: right; }

#nav a {
	color: #d6d7d7;
	font-size: 12px;
	text-shadow: 0.1em 0.1em 0.4em black;
}
#nav a:hover { color: #fff; }

.reorderHandle {
	display: none;
	float: left;
	padding: 5px 0px 0 0;
}

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

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

#sortHelper { 
	padding: 3px 0;
	margin-left: 12px;
	background: url('../images/nav-sprite.png') -800px repeat-y;
}

/*.reorderCurrentNesting { margin-left: 12px; }*/
.reorderCurrentNesting div {
	background: url('../images/nav-sprite.png') -600px repeat-y; 
/*	background: #eee;*/
}

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

#nav div div.break {
	background: url('../images/nav-sprite.png') -200px 0 no-repeat;
	height: 2px;
	width: 200px;
}

.navPageLink {
	display: block;
	color: #d6d7d7;
	font-size: 12px;
	text-shadow: 0.1em 0.1em 0.4em black;
}

/* This sets the color of an element that's being dragged */
#dragHelper a { 
	color: #fff;
	opacity: 0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
}

.treeExpander {
	float: left;
	margin-top: 6px;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 12px;
	background: url('../images/sprite.png') -334px -20px no-repeat;
}

.treeExpander.opened { background-position: -334px -29px; }
.isReorderingPages #reorderablePages .pageList { background-position: 17px 8px; }
#nav div div .reorderableSection { 
	background: url('../images/nav-sprite.png') -400px 0 repeat-y; 
}

/*#nav div div div .pageNameAndReorderHandle  { background: url('../images/nav-sprite.png') -400px 0 repeat-y; }*/

.navPageLink { 
	background: url('../images/nav-sprite.png') right repeat-y;
/*	background: #c30;*/
	padding: 5px 4px 5px 0;
}

#reorderablePages div .pageNameAndReorderHandle { padding-left: 20px; }

#reorderablePages div div .pageNameAndReorderHandle  { margin-left: -12px; padding-left: 32px; }
#reorderablePages div div div .pageNameAndReorderHandle { margin-left: -24px; padding-left: 44px; }
#reorderablePages div div div div .pageNameAndReorderHandle { margin-left: -36px; padding-left: 52px; }
#reorderablePages div div div div div .pageNameAndReorderHandle { margin-left: -48px; padding-left: 64px; }
#reorderablePages div div div div div div .pageNameAndReorderHandle { margin-left: -60px; padding-left: 76px; }
#reorderablePages div div div div div div div .pageNameAndReorderHandle { margin-left: -72px; padding-left: 88px; }
#reorderablePages div div div div div div div div .pageNameAndReorderHandle { margin-left: -84px; padding-left: 100px; }
#reorderablePages div div div div div div div div div .pageNameAndReorderHandle { margin-left: -96px; padding-left: 112px; }
#reorderablePages div div div div div div div div div div .pageNameAndReorderHandle { margin-left: -108px; padding-left: 124px; }
#reorderablePages div div div div div div div div div div div .pageNameAndReorderHandle { margin-left: -120px; padding-left: 136px; }
#reorderablePages div div div div div div div div div div div div .pageNameAndReorderHandle { margin-left: -132px; padding-left: 148px; }
#reorderablePages div div div div div div div div div div div div div .pageNameAndReorderHandle { margin-left: -144px; padding-left: 160px; }

#nav div div div div.break { margin-left: -12px; }
#nav div div div div div.break { margin-left: -24px; }
#nav div div div div div div.break { margin-left: -36px; }
#nav div div div div div div div.break { margin-left: -48px; }
#nav div div div div div div div div.break { margin-left: -60px; }
#nav div div div div div div div div div.break { margin-left: -72px; }
#nav div div div div div div div div div div.break { margin-left: -84px; }
#nav div div div div div div div div div div div.break { margin-left: -96px; }
#nav div div div div div div div div div div div div.break { margin-left: -108px; }
#nav div div div div div div div div div div div div div.break { margin-left: -120px; }
#nav div div div div div div div div div div div div div div.break { margin-left: -132px; }

#reorderablePages .treeExpander { margin-left: -12px; }
#reorderablePages div div div .treeExpander { margin-left: -24px; }
#reorderablePages div div div div .treeExpander { margin-left: -36px; }
#reorderablePages div div div div div .treeExpander { margin-left: -44px; }
#reorderablePages div div div div div div .treeExpander { margin-left: -56px; }
#reorderablePages div div div div div div div .treeExpander { margin-left: -67px; }
#reorderablePages div div div div div div div div .treeExpander { margin-left: -78px; }
#reorderablePages div div div div div div div div div .treeExpander { margin-left: -90px; }
#reorderablePages div div div div div div div div div div .treeExpander { margin-left: -102px; }
#reorderablePages div div div div div div div div div div div .treeExpander { margin-left: -113px; }
#reorderablePages div div div div div div div div div div div div .treeExpander { margin-left: -125px; }

#reorderablePages div span { padding-left: 12px; }

#reorderPageToggle, #reorderPageDone {
	width: 200px;
	background: transparent url('../images/sprite.png') no-repeat 0px -68px;
	height: 29px;
}

#reorderPagesLink {
	display: block;
	background-position: -356px -78px;
	text-indent: 0;
	height: 23px;
	float: left;
	padding: 6px 5px 0px 35px;
}

#reorderPageDone {
	display: block;
	padding-left: 20px;
	width: 180px;
	height: 29px;
	line-height: 29px;
	color: #fff;
	font-size: 11px;
}

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

#reorderingTools { 
	float: left;
	height: 29px;
	width: 100px;
	margin-left: 15px;
}


/*
 * Sliders (new page, invite people, etc.)
 */
#mainAjaxSlider {
	background: url('../images/project-option-bkg.png') 0 0 repeat-x;
	height: 121px;
	text-align: center;
}

#innerContainer { 
	padding: 10px 0; 
	width: 680px;
	margin: 0 auto;
}

#innerContainer.subPageAddition { width: 730px; }

#mainAjaxSlider input.text {
	padding: 0 3px;
	font-size: 24px;
/*	float: left;*/
}

/* Export slider */
.exportSlider #innerContainer {
	width: 960px;
	text-align: left;
}

.exportPaneTitle, .exportPaneDescription, .exportPaneButtons {
	float: left;
	padding: 35px 0;
}

.exportPaneTitle {
	width: 210px;
	padding-left: 20px;
}

.exportPaneDescription { width: 380px; }
.exportPaneButtons { width: 320px; }

#exportPaneXHTML .exportPaneDescription { padding-top: 40px; }
#exportPaneXHTML .exportPaneButtons { padding-top: 30px; }
#exportPaneWP    .exportPaneTitle { padding-top: 25px; }
#exportPaneWP    .exportPaneDescription { padding-top: 35px; }
#exportPaneWP    .exportPaneButtons { padding-top: 15px; }
#exportPaneWP    .exportPaneDescription.big { padding-top: 27px; width: 680px; }

#exportPaneWP .exportPaneTitle, #exportPaneWP .exportPaneDescription, #exportPaneWP .exportPaneButtons { padding-bottom: 0px; }

#exportPageButton {
	background-position: -353px -84px;
	height: 34px;
	width: 97px;
	float: right;
	margin-right: 7px;
}
#exportPageButton:hover { background-position: -353px -118px; }

#exportSiteButton, #exprotToWordressButton {
	background-position: -335px -163px;
	height: 34px;
	width: 97px;
	float: right;
}
#exportSiteButton:hover, #exprotToWordressButton:hover { background-position: -335px -197px; }

#mainAjaxSlider.exportSlider {
	background: url('../images/export-slider-bkg.png') 0 0 repeat-x;
	height: 203px;
}

.exportSlider #mainAjaxContainer { padding: 0; }

#mainAjaxContainer #wpExportURL {
	font-size: 12px;
	float: left;
	margin-top: 8px;
	width: 200px;
	color: #777;
}


/*
 * Main Ajax container
 */
#mainAjaxContainer, #bottomAjaxContainer {
/*	background: #ebebeb;*/
/*	color: #555;*/
	padding: 35px 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;
}

.ajaxContainerTitle, #bottomAjaxContainer h1, .exportPaneTitle {
	font-size: 20px;
	padding-right: 5px;
	font-weight: normal;
	margin: 0;
	text-shadow: 0.05em 0.05em 0.0em #fff;
	float: left;
}

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

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

.topAjaxContainerButtonsAligner {
	margin-top: -3px;
	float: left;
}

#mainAjaxContainer form {
/*	float: left;*/
}

.sliderTip {
	padding-top: 10px;
	font-size: 10px;
	clear: both;
	*padding-top: 0px;
}

/*#addPageForm {float: left;}*/
/*.topAjaxContainerButtonsAligner { background: #06f; }
#newpageTitle { background: #000; }
.ajaxContainerTitle { background: #0a0; }
*/
.sliderTip .question { font-weight: bold; }

#newpageTitle {
	float: left;
	margin-right: 10px;
}


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

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

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

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

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

.multipleColumns .pageContent {
	width: 331px;
	float: left;
}

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

#pageTitle {
	margin: 5px 0 0 0;
	float: left;
}

#pageTitle h1 {
	color: #fff;
	font-size: 14px;
	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; 
}

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

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



/*
 * Breadcrumbs
 */
#pageBreadcrumbs {
	width: 700px;
	margin: 10px 30px 0 31px;
	color: #ccc;
}

#pageBreadcrumbs a {
	font-size: 10px;
	color: #999;
}

#pageBreadcrumbs a:hover { color: #777; }



/*
 * 
 */
#middleContent {
	float: left;
	width: 760px;
	color: #333333;
	margin: 15px 0 30px 0;
}

#middleContent h1 {
	float: left;
	font-size: 18px;
	font-weight: bold;
}

#actualPageContent {
	width: 700px;
	margin: 0px 30px;
}

#actualPageContent h1 {
	display: block;
	float: none;
}

#bottomAreaWrapper {
	width: 960px;
/*	background: transparent url('../images/footer-bg.png') repeat-y;*/
	background: url('../images/footer-bkgs-sprite.png') -960px 0 repeat-y;
/*	background: #0c3;*/
	color: #999;
}

#bottomArea {
	background: url('../images/footer-bkgs-sprite.png') 0 0 no-repeat;
}

#bottomNav {
	list-style: none;
	margin: 30px 0px 0px 0px ;
	padding: 0px;
	width: 200px;
	float: left;
	min-height: 150px;
/*	background: transparent url('../images/footer-nev-div-line.png') no-repeat top left;*/
	background: url('../images/sprite.png') 0 -480px no-repeat;
}

.bottomNavItem.active {
	background: url('../images/sprite.png') no-repeat 0px -68px;
	height: 27px;
	width: 200px;
}


#bottomNav li {
/*	background: transparent url('../images/footer-nev-div-line.png') no-repeat bottom left;*/
	background: url('../images/sprite.png') 0 -455px no-repeat;
	padding: 0px;
	margin: 0px;
	float: left;
}

.bottomNavLink {
	color: #ababad;
	font-size: 12px;
	text-shadow: 0.1em 0.1em 0.4em black;
	display: block;
	width: 165px;
	height: 20px;
	padding: 7px 15px 0px 20px;
}

.bottomNavLink.active { background: url('../images/sprite.png') no-repeat 0px -68px; }
.bottomNavLink:hover { color: #fff; }

.bottomAreaPane {
	float: left;
	margin-top: 30px;
	width: 760px;
}

#bottomAreaPane-comments { 
	margin-bottom: 10px; 
	padding-bottom: 10px;
}

.commentAuthor {
	float: left;
	width: 120px;
	min-height: 30px;
	margin: 0px 10px 10px 30px;
	font-weight: bold;
	font-size: 12px;
	color: #9d9e9f;
}

.commentMeta {
	font-size: 10px;
	font-weight: normal;
}

.comment, .pageVersion, .pageSetting {
	background: url('../images/sprite.png') 0 -730px no-repeat;
	width: 760px;
	padding: 12px 0 10px 0;
}

#commentsListWrapper {
	background: url('../images/sprite.png') 0 -730px no-repeat;
	padding-top: 10px;
	min-height: 2px;
}

#ownComment, .comment.first, .pageVersion.first, .pageSetting.first { background: none; }

#ownComment { padding-bottom: 0px; }

.commentContent {
	width: 450px;
	float: left;
}

.commentTools {
	width: 140px;
	float: right;
}
.removeComment, #ownCommentSave {
	float: right;
	margin-right: 20px;
}

.commentContent {
	font-size: 11px;
	line-height: 1.4em;
	color: #c5c6c7;
}

.commentContent p { margin: 0 0 15px 0; }


#ownCommentAddWrapper {
	width: 600px;
	float: left;
}

#ownCommentAdd, #ownCommentSave {
	display: block;
	background: transparent url('../images/sprite.png') no-repeat 0px -194px;
	width: 120px;
	height: 21px;
	text-indent: -9999px;
}

#commentTextarea {
	width: 98%;
	height: 100px;
}

#ownCommentAdd:hover, #ownCommentSave:hover { background-position: 0px -215px; }

.removeComment {
	display: block;
	background: transparent url('../images/sprite.png') no-repeat 0px -242px;
	width: 80px;
	height: 21px;
	text-indent: -9999px;
}

.removeComment:hover { background-position: 0px -263px; }

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

/* Files tab  */
.pageFile, #addFileForm {
/*	background: transparent url('../images/footer-div-line-tiler.png') bottom left repeat-x;*/
	background: url('../images/sprite.png') 0 -730px no-repeat;
	float: left;
	width: 760px;
	padding: 17px 0 15px 0;
	font-size: 12px;
}
.pageFile.first { background: none; }

#addFileForm { 
	background-position: 0 -678px;
	padding-bottom: 10px;
	padding-top: 12px;
}

/* Webkit hack to show the file field text in white */
@media screen and (-webkit-min-device-pixel-ratio:0) { #file_file { color: #fff; } }

.pageFile a { color: #999; }
.pageFile a:hover { color: #fff; }

.fileIcon, .fileName, .fileDescription, .fileTools {
	float: left;
	margin-top: 5px;
}

.fileIcon {
	margin-top: 0px;
	width: 30px;
	margin-left: 30px;
}

.fileName { width: 230px; }
.fileDescription { width: 270px; }
.editFileForm { margin-top: -2px; }

.fileTools a.removeFile {
	display: block;
	background: transparent url('../images/sprite.png') no-repeat 0px -242px;
	width: 80px;
	height: 21px;
	text-indent: -9999px;
	float: left;
	margin-left: 10px;
}

a:hover.removeFile { background-position: 0px -263px; }

.fileTools a.editName {
	display: block;
	background: transparent url('../images/sprite.png') no-repeat -82px -242px;
	width: 80px;
	height: 21px;
	text-indent: -9999px;
	float: left;
}

a:hover.editName { background-position: -82px -263px; }

#addFileTools, #addFileDescription { margin-top: 20px; }
#addFileField { 
	margin: 20px 30px 10px 30px; 
	*margin: 20px 45px 10px 15px;
}
/*#addFileField { margin-left: 15px;margin-right: 45px; }*/
#addFileIcon { display: none; }
#addFileForm #addFileField, #addFileForm #addFileTools, #addFileForm #addFileDescription { margin-top: 0px; }

#file_description { width: 80%; }

#addFile {
	display: block;
	text-indent: -9999px;
	width: 81px;
	height: 21px;
	background: transparent url('../images/sprite.png') no-repeat -165px -242px;
	float: left;
	margin-right: 10px;
}
#addFile:hover { background-position: -165px -263px; }

#addFileTools .loadingSpinner { margin-top: 1px; }

#bottomAreaPane-files { padding-bottom: 20px; }

/* Versions tab */
.pageVersion.first { padding-top: 0px; }

#bottomArea a {
	color: #ccc;
	text-shadow:0.1em 0.1em 0.4em #000;
}
#bottomArea a:hover { color: #fff; }

#bottomAreaPane-versions { 
	margin-bottom: 30px; 
	color: #ddd;
	text-shadow: 0.1em 0.1em 0.4em #000;
	padding-bottom: 10px;
}

#bottomAreaPane-versions .loadingSpinner { margin: 10px 0 0 30px; }

.versionCheck, .versionAuthor, .versionDate, .versionTools {
	float: left;
	padding: 10px 0;
}

.versionCheck {
	width: 56px;
	margin-left: 27px;
}
#noVersions { margin-left: 27px; }

.versionAuthor {
	width: 260px;
	font-size: 13px;
}

.versionDate {
	width: 250px;
	color: #aaa;
}
#currentVersionNotice { 
	padding-left: 2px;
}

.versionTools { width: 140px; }

.promoteToCurrent {
	background-position: 0 -87px;
	width: 140px;
	height: 23px;
}

#compareThese {
	width: 140px;
	height: 23px;
	background-position: -141px -87px;
}

#compareThese, #stopComparing {
	margin: 23px 0 0 27px;
	float: left;
}

#stopComparing {
	background-position: -466px -322px;
	width: 120px;
	height: 20px;
}
#stopComparing:hover { background-position: -466px -345px; }

#versionsCancel {
	float: left;
	margin: 29px 0 0 7px;
}

#compareThese.disabled {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

#loadingbottomAreaPane-versions { margin-left: 27px; }

#noVersions {
	margin: 35px 30px 0 30px;
	text-shadow: none;
	font-size: 12px;
}

#noVersions a {
	margin-top: 20px;
	display: block;
}

.promoteToCurrent {
	height: 21px;
	width: 135px;
	background-position: -249px -242px;	
}
.promoteToCurrent:hover { background-position: -249px -263px; }

#compareThese {
	height: 21px;
	width: 125px;
	background-position: -388px -242px;
}
#compareThese:hover { background-position: -388px -263px; }

#versionsCancel {
	float: right;
	margin-right: 40px;
}
#versionsCancel:hover { color: #fff; }


/* Settings tab */
#bottomAreaPane-settings { 
	text-shadow: 0.1em 0.1em 0.4em #000; 
	padding-bottom: 35px;
}

.settingTitle {
	width: 350px;
	float: left;
	margin: 5px 0 0 30px;
	line-height: 1em;
}

#metaDescription, #metaTitle {
	font-size: 12px;
 	width: 300px;
}

#saveSettingsButton {
	background-position: 0 -335px;
	width: 102px;
	height: 21px;
}
#saveSettingsButton:hover { background-position: 0 -356px; }



/*
 * Edit Mode
 */
#pageEditTools {
	color: #767676;
	margin-top: 20px;
}

#newVersionWrapper {
	float: left;
	margin: 7px 0 0 10px;
}

#cancelEditButton {
	color: #767676;
	border-bottom: 1px solid #767676;
	font-weight: bold;
	float: right;
	margin: 7px 4px 0 0;
}

#editContentButton, #saveContentButton, #pageSaveLoading {
	width: 151px;
	background-position: 0 0px;
	margin-top: 30px;
}

#editContentButton:hover { background-position: 0 -35px; }

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

#saveContentButton, #pageSaveLoading { 
	background-position: 0 -84px; 
	float: left;
	margin-top: 0px;
}
#saveContentButton:hover { background-position: 0 -119px; }

 #pageSaveLoading { 
	margin-top: 5px;
	text-align: center;
	height: 25px;
}


/* The XHTML for this uses this hack: http://stackoverflow.com/questions/2933320/textareas-scroll-by-themselves-on-ie8-every-time-you-type-one-character */
.pageEditTextarea {
	width: 98%;
	height: 350px;
}

#pageNameInput {
	width: 98%;
	font-size: 18px;
	font-weight: bold;
}

#pageEditContent p {
	margin: 0 0 20px 0;
}

#syntaxHelperBar {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	background-color: #292a2d;
}

#syntaxHelperBar li {
	width: 200px;
	border-bottom: 1px solid #3f4042;
/*	height: 27px;*/
}

#syntaxHelperBar a {
	display: block;
	padding: 4px 10px 4px 25px;
	font-size: 12px;
	color: #d4d4d5;
}

#syntaxHelperBar .navigationRow {
	padding: 4px 10px 4px 25px;
	width: auto;
	color: #d4d4d5;
}

#syntaxHelperBar .navigationRow a {
	display: inline;
	padding: 0;
}

/*#syntaxHelperBar .navigationRow .prevPaneButton { padding-left: 0px;}
#syntaxHelperBar .navigationRow .nextPaneButton { padding-right: 0px; }*/
/*#syntaxHelperBar .navigationRow .prevPaneButton { float: left; }*/
/*#syntaxHelperBar .navigationRow .nextPaneButton { float: right; }*/

#syntaxHelperBar a:hover { color: #fff; }

.syntaxOption {
	background-image: url('../images/formatting-sprites.png');
	background-repeat: no-repeat;
}

.heading      { background-position: -381px -580px; }
.bold         { background-position: -325px -496px; }
.italic       { background-position: -352px -539px; }
.bullet       { background-position: -129px -201px; }
.externalLink { background-position: -75px -118px; }
.internalLink { background-position: -187px -286px; }
.mailLink     { background-position: 7px 9px; }
.file         { background-position: -269px -412px; }
.input        { background-position: -214px -328px; }
.radio        { background-position: -21px -33px; }
.checkbox     { background-position: -47px -75px; }
.submit       { background-position: -159px -242px; }
.select       { background-position: -242px -369px; }
.snippet      { background-position: -104px -158px; }
.symbols      { background-position: -410px -624px; }

/*
 * Entrance page
 */
/*body#entrance #wrapper { margin-top: 105px; }*/
body#entrance #invitedJumpchartsContainer h2 { padding-top: 40px; }

.entranceSectionHeading, .pageTitle, .snippetsTitle {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #7F7F7F;
	padding-top: 20px;
	padding-bottom: 20px;
}

.entranceSectionHeading, .jumpchartName a, .pageTitle, .snippetName,  .snippetsTitle, .userName  {
	padding-left: 20px;
	padding-right: 20px;
}
#content.padded .pageTitle { padding-left: 0px; }
body#changePlan .pageTitle { padding-bottom: 0px; }

.jumpchartName a, .snippetName a, .userName {
	font-size: 24px;
	color: #333;
	width: 700px;
	display: block;
	float: left;
}
.jumpchartName a:hover, .snippetName a:hover { color: #777; }

.jumpchartName .loadingSpinner, .snippetName .loadingSpinner { 
	margin-top: 8px; 
	float: left;
}

.jumpchart, .snippet, .user { width: 960px; }

.jumpchart .spacer, .snippet .spacer, .user .spacer {
	padding-top: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#invitedJumpchartsContainer .entranceSectionHeading { border-bottom: 1px solid #ccc; }

.greyStripe {
	height: 69px;
	background: url('../images/entrance-new-project-stripe-bkg.png');
}

.jumpchartOptionButton, .snippetOptionButton, .userOptionButton, .accountOptionButton {
	background-position: -291px -294px;
	width: 157px;
	height: 27px;
	float: right;
	margin: 5px 20px -5px 0;
}
.jumpchartOptionButton:hover, .jumpchartOptionButton.active, .snippetOptionButton:hover, .snippetOptionButton.active,
.userOptionButton:hover, .userOptionButton.active, .accountOptionButton:hover, .accountOptionButton.active { background-position: -291px -321px; }
.archives .jumpchartOptionButton { background-position: -292px -349px; }
.archives .jumpchartOptionButton:hover, .archives .jumpchartOptionButton.active { background-position: -291px -377px; }

.jumpchartOptions, .userOptions {
	background: url('../images/project-option-bkg.png') top repeat-x;
	height: 121px;
}

.jumpchartTools, .userTools {
	width: 320px;
	padding-left: 37px;
	float: right;
	height: 119px;
	background:  url('../images/project-option-separator.png') top left no-repeat;
}

.userTools {
	width: 150px;
}

#invitedJumpcharts .jumpchartTools { 
	background: none; 
	width: 194px;
	margin-right: 23px;
}

.jumpchartOptions .glassySprite, .snippetOptions .glassySprite, .userOptions .glassySprite {
	width: 86px;
	height: 36px;
	float: left;
	margin-top: 43px;
	margin-left: 11px;
}

.jumpchartRename, #newProjectForm, .userPermissions {
	width: 570px;
	float: left;
	margin-top: 42px;
	margin-left: 20px;
}

.jumpchartRename .loadingSpinner {
	float: left;
	margin: 8px 0 0 10px;
	*margin-left: 5px;
}

#newProjectForm { 
	margin-top: 17px; 
	width: 760px;
}
.greyStripe input.text, .tallGreyStripe input.text, .tallGreyStripe textarea { 
	width: 720px; 
	color: #aaa;
	font-size: 18px;
	padding: 5px 7px;
}

#newProjectButton, #newInviteeButton {
	float: right;
	margin: 17px 23px 0 0;
	width: 152px;
	background-position: -157px 0;
}
#newProjectButton:hover { background-position: -157px -35px; }

.jumpchartOptions .saveButton, .snippetOptions .saveButton, .userOptions .saveButton {
	float: left;
	margin-left: 15px;
	margin-top: 0px;
}

.jumpchartRenameField, .bigText {
	width: 420px;
	font-size: 24px;
	float: left;
	color: #4C4C4C;
}

.saveButton { background-position: -90px -163px; }
.saveButton:hover { background-position: -90px -199px; }
.duplicateButton { background-position: 0 -163px; }
.duplicateButton:hover { background-position: 0 -200px; }
.archiveButton { background-position: -264px -84px; }
.archiveButton:hover { background-position: -264px -121px; }
.deleteButton { background-position: -159px -84px; }
.deleteButton:hover { background-position: -159px -120px; }

body#entrance .greyStripe .loadingSpinner {
	float: right;
	margin: 30px 95px 0 0;
}

/* Archives */
.archives { 
	background: #eee; 
	width: 960px;
}
.archives .archiveButton { background-position: -154px -310px; margin-left: 115px; }
.archives .archiveButton:hover { background-position: -154px -346px; }
#invitedJumpchartsContainer .archives .deleteButton { margin-left: 212px; }

#archivesLink {
	width: 110px; 
	text-align: right;
/*	*width: 130px;*/
}

#archivesLink a {
	*float: right;
}

#archivesLink .loadingSpinner {
	float: left;
	margin: 0 0 0 8px;
	
}

/* Status bar */
#statusBar {
	background: url('../images/status-bar-bkg.jpg') 0 0 no-repeat;
	height: 76px;
	color: #aaa;
}

#globalRSSButton {
	width: 120px;
	height: 20px;
	background-position: -163px -294px;
}
#globalRSSButton:hover { background-position: -163px -314px; }

#commentsRSSButton {
	width: 162px;
	height: 20px;
	background-position: 0 -294px;
}

#commentsRSSButton, #globalRSSButton {
	float: left;
	margin: 30px 0 0 20px;
}
#commentsRSSButton:hover { background-position: 0 -314px; }

#currentPlanLimits {
	font-size: 11px;
	float: right;
	text-align: right;
	width: 400px;
	margin: 32px 25px 0 0;
}

#statusBar .spacer {
	margin: 32px 0 0 25px;
	float: left;
}

#statusBar a {
	color: #bbb;
	border-bottom: 1px solid #bbb;
}
#statusBar a:hover {
	color: #ccc;
	border-bottom: 1px solid #ccc;
}

#statusBar a.mainSprite { border: none; }

/* System Notices */
#systemNotice {
	background: #E4EFF7 url('../images/system-notice-bkg.png') 830px 10px no-repeat;
	width: 960px;
	color: #797979;
	font-size: 14px;
}

#systemNotice .spacer {
	padding: 15px 150px 15px 25px;
	min-height: 70px;
}

#systemNotice h2, #systemNotice h3 {
	font-weight: normal;
	font-size: 26px;
	color: #575757;
	margin: 0 0 5px 0;
}

#systemNotice h3 {
	font-size: 16px;
}

#systemNotice p { margin: 0 0 15px 0; }
body#entrance #systemNotice p { margin: 0; }

#systemNotice strong { color: #66803F; }



/*
 * Login page
 */
#loginLogo, #customLoginLogo {
	width: 365px;
	border-right: 1px solid #ccc;
	float: left;
	text-align: center;
	padding: 95px 0;
}

#customLoginLogo {
	background-position: center center;
	background-repeat: no-repeat;
	height: 280px;
	padding: 0;
}

#loginElements {
	margin: 40px 0 0 75px;
	float: left;
	width: 400px;
}
#loginElements.invalidLogin { margin-top: 20px; }

#loginElements input.text { font-size: 24px;  width: 320px;}

#loginButton {
	width: 152px;
	background-position: -180px -163px;
}
#loginButton:hover { background-position: -180px -198px; }

body.login p { margin: 0 0 20px 0; }
body.login p.field { font-weight: bold; }

#forgotPassword, #contactSupport, #learnMore {
	float: left;
}

#learnMore {
	width: 201px;
	height: 17px;
	background-position: -452px -294px;
	margin: 30px 0 0 25px;
}

#forgotPassword, #contactSupport {
	width: 126px;
	height: 20px;
	margin-top: 28px;
}
#forgotPassword { background-position: -524px -242px; margin-left: 242px; }
#contactSupport { background-position: -658px -242px; margin-left: 25px; }
#forgotPassword:hover { background-position: -524px -262px; }
#contactSupport:hover { background-position: -658px -262px; }

#invalidLogin {
	color: #d30;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
}

body#passwordReset #loginElements { margin-top: 50px; }
#resetButton {
	width: 152px;
	background-position: 0 -238px;
}
#resetButton:hover { background-position: 0 -273px; }

body#passwordReset #status { font-size: 11px; }
body#passwordReset #contactSupport { margin-left: 242px; }


/*
 * Help pages
 */
#searchBox { margin-bottom: 20px; }

#searchButton {
	width: 152px;
	background-position: -153px -238px;
	float: left;
	margin-left: 23px;
}
#searchButton:hover { background-position: -153px -273px; }

#searchString { float: left; }
#searchHelpForm { padding: 17px 20px 0 20px; }

#homeHelpCol1, #homeHelpCol2 {
	float: left;
	width: 350px;
	padding: 0 20px;
}
#homeHelpCol1 { margin-right: 50px; }
#homeHelpCol2 { width: 450px; }

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

body.help h2, body.helpCategory h2, body.help#search h2 {
	margin: 0px;
	font-weight: normal;
}
body.help#article #helpCol1 h2 { font-weight: bold; }

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


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 0 2px 0;
	font-weight: normal;
	font-size: 13px;
}

#featuredOnes ul {
	list-style: none;
	padding: 0;
	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.help#search h3 {
	font-weight: normal;
	font-size: 16px;
	margin: 20px 0 3px 0;
}


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

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

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

#helpCol1 .articleContent { line-height: 1.5em; }
#helpCol1 table td { border: 1px solid #ccc; }
body#article table { margin: 0 0 15px 0; }

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

.code {
	font-family: "Courier New", 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;
}

body.help#search .helpExcerpt, body.help#search #content h2 {
	border-bottom: 1px solid #ccc;
	margin: 0 -25px;
	padding: 0 25px;
}
body.help#search .helpExcerpt.last { border-bottom: none; }
body.help#search #content h2 { padding-bottom: 20px; }

/*
 * Snippets page
 */
.tallGreyStripe {
	background: url('../images/grey-stripe-tall-bkg.png');
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 40px;
	color: #555;
}

.tallGreyStripe input.text, .tallGreyStripe textarea { 
	width: 880px; 
	color: #999;
}
.tallGreyStripe textarea { font-size: 12px; }

#newSnippetButton {
	width: 152px;
	background-position: 0 -310px;
	float: left;
}
#newSnippetButton:hover { background-position: 0 -345px; }

#globalSnippetContainer {
	display: block;
	float: left;
	margin: 8px 0 0 10px;
}

.snippetOptions {
	width: 960px;
	padding: 0;
}

.snippetEditForm { padding: 20px; }
.snippetOptions .glassySprite { margin-top: 0px; }
.snippetsTitle { 
	border: none;
/*	width: 920px;*/
	padding: 0;
}
.snippetsTitle span.spacer { 
	padding: 20px;
	display: block; 
	border-bottom: 1px solid #ccc;
}

body#snippets #systemNotice { background-position: 25px 20px; }
body#snippets #systemNotice .spacer {
	margin-top: -40px; 
	padding: 15px 15px 15px 120px; 
}

/*
 * People pages
 */
body#people .tallGreyStripe { 
	padding: 17px 20px; 
	margin-bottom: 0px;
}

#emailInvitationStatus {
	margin-top: 17px;
	color: #555;
}
#emailInvitationStatus p { margin: 0; }

#untakenInvitationsHeading {
	padding-top: 40px;
	border-bottom: 1px solid #ccc;
}

.userName small { font-size: 12px; }

.userPermissionsOptions {
	float: left;
	margin: 8px 0 0 0;
}

#newInviteeField { width: 625px; }

#newInviteeViewOnlyBox {
	float: left;
	margin: 7px 0 0 15px;
	font-size: 13px;
}

#newInviteeViewOnlyBox label { 
	display: block;
	float: right;
	margin: 4px 0 0 3px;
	/* IE7 hacks */
	*float: none;
	*margin: 0;
	*display: inline;
}
#viewOnly {
	float: left;
	margin-top: 5px;
	margin-top: 2px\0/; /* This targets IE8; hack, but it's just for the adjustment of a few pixels */
	/* IE7 hacks */
	*float: none;
	*margin:0;
}

#newInviteeButton {
	width: 152px;
	background-position: 0 -382px;
	margin: 0;
}
#newInviteeButton:hover { background-position: 0 -417px; }

#personalMessageCheckboxWrapper { margin: 5px 0 0 0; }

#personalMessage {
	width: 920px;
	float: left;
}

#personalMessage textarea { 
	margin-top: 15px; 
	width: 904px;
	color: #555;
}

/* Auto completer */
#previouslyInvitedEmailsList {
	margin: 0px;  
	padding: 0px;  
	width: 275px;
	background: #fff;
	border: 1px solid #ccc;
	position: absolute;
	text-align: left;
}

#previouslyInvitedEmailsList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#previouslyInvitedEmailsList .selected { background-color: #ddd; }

#previouslyInvitedEmailsList li {
	margin: 0;
	padding: 2px;
	display: block;
	list-style-type: none;
	cursor: pointer;
}


/*
 * Modal boxes
 */
#modalWrapper {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.modal {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 880px;
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.modalTop {
/*	height: 300px;*/
	padding: 20px;
	background: #fff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.modalBottom {
/*	height: 100px;*/
	padding: 20px;
	background: #E5E5E5;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	line-height: 1.8em;
}

.modalCloseButton {
	float: right;
	font-size: 13px;
	color: #7F8F63;
	border-bottom: 1px solid #7F8F63;
	margin-top: 8px;
}

.modalBottomContent {
	float: left;
	margin: 0;
} 

.modal .loadingSpinner { margin-top: 0px; }

#addPagesButton {
	width: 152px;
	background-position: -241px -382px;
	float: left;
}
#addPagesButton:hover { background-position: -241px -417px; }

.modalTitle {
	font-size: 14px;
	margin: 0;
}

#multiPagesTextarea {
	width: 820px;
	height: 200px;
	padding: 10px;
}
#multiPagesTextarea.defaultContent {
	color: #999;
}

.modalTools { margin: 20px 0 0 0; }

#multiPagesLoading {
	float: left;
	margin: 10px 0 0 10px;
}

#keyboardShortcutsModal .shortcut { font-weight: bold; }
#keyboardShortcutsModal td { padding: 5px 0; }
#keyboardShortcutsModal h1.modalTitle { margin-bottom: 10px; }
#keyboardShortcutsModal .modalCloseButton { margin-top: 0px; }

/*
 * Account page
 */
body#account .pageTitle { border-bottom: 1px solid #ccc; }

.accountOption {
	border-bottom: 1px solid #ccc;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 15px 20px;
}

.settingsMessage div {
	background: #E4EFF7;	
	color: #234659;
	padding: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.settingsMessage div.fail {
	background: #FFF2CE;	
	color: #A36D00;
}

/* For the rare occasion of a system message inside the page/view area (like when the user tries to remove the last page in a project) */
#middleContent .settingsMessage div {
	margin: 20px 0;
	border-top: 1px solid #ccc;
}


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

.accountPane .spacer { padding: 20px 40px; }

.accountOptionLink { 
	color: #222; 
	width: 70%;
	float: left;
}
.accountOptionLink:hover { color: #555; }

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

#settingsReceipts ul {
	color: #999;
	padding: 0;
	margin: 0 0 0 15px; 
}

#saveNewInformationButton {
	width: 152px;
	background-position: -308px -239px;
}
#saveNewInformationButton:hover { background-position: -308px -274px; }

/*
 * Versioning
 */
#editPageButtons-content { line-height: 2em; }
#versionCompareBox del { 
	background: #ef8875;
	text-decoration: none;
	font-weight: normal;
}

/* Bottom pane colors */
#newerVersionLegend, #olderVersionLegend {
	width: 13px;
	height: 13px;
	float: left;
	margin: 2px 10px 0 0;
}

#newerVersionLegend { background: #c2da8a; }
#olderVersionLegend { background: #ef8875; }

#versionCompareBox ins {
	text-decoration: none;
	background: #c2da8a;
}

.multiCol #versionCompareMain, .multiCol #versionCompareSecond {
	width: 46%;
	float: left;
}
.multiCol #versionCompareMain { float: left; }
.multiCol #versionCompareSecond { float: right; }



/*
 * 
 */
.tooltip {
	background: #415B28;
	font-size: 11px;
	width: 150px;
	padding: 5px 10px;
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*
 * Sitemap View
 */
body#sitemap #wrapper { margin-top: 0px; }
body#sitemap #wrapper, body#sitemap #footer, body#sitemap #topnav { width: 95%; }
body#sitemap #footer { background: none; }

#sitemapTitle { margin: 40px 0; }

#sitemapTitle, #sitemapTitle a {
	color: #fff;
	font-weight: normal;
	font-size: 18px;
}

#makeSitemapPublic {
	float: left;
	font-size: 11px;
	color: #fff;
	margin: -3px 0 0 10px;
}

#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 {
	overflow:hidden;
	padding: 0 30px 150px 0;
	margin-top: 5px;
	padding-bottom: 150px;
}

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

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

#sitemapContainer li {
	background-color: #B5B5B5;
	margin: 0 0 -0.1em;
	min-height: 1em;
	padding: .7em .7em .7em .7em;
	position: relative;
	width: 10em;
}

#sitemapContainer ul li { margin: 0 0 15px 0; }
#sitemapContainer ul ul { 
	margin-top:-1.95em; 
	margin-bottom: -0.7em;
}

#sitemapContainer ul ul li {
	border-top:1em solid #343639 !important;
	border-left:1em solid #979797;
	left:10.7em;
	margin: 0;
}

.sitemapExpander {
	display: block;
	text-indent: -9999px;
	background: url('../images/sprite.png') -334px -59px no-repeat;
	width: 13px;
	height: 13px;
	float: left;
	margin: 1px 5px 0 0;
}
.sitemapExpander.closed { background-position: -334px -45px; }

#sitemapContainer .regular, #sitemapContainer li {
	font-weight: bold;
}

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