.placeholder, .text-box p.placeholder { color: red; }


/* @group Page */

#wrapper-header, #wrapper-content {
	width: 760px;
	margin: 0 auto;
}

#wrapper {
	overflow: hidden;
}

#wrapper-content img.content-bl {
	position: absolute;
	bottom: -1px;
	left: -1px;
}

#wrapper-content img.content-br {
	position: absolute;
	bottom: -1px;
	right:  -1px;
}

body {
	border: 0;
	margin: 0;
	background-color: #f9f9f9;
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}

/* @end */

/* @group Content */

#wrapper-content {
	border-right: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	padding-top: 20px;
	padding-bottom: 1em;
	background: #fff;
	position: relative;
	color: #575757;
	font: 13px/1.4em "Times New Roman", Times, serif;
}

table.videoTable a {
	position: relative;
}

table.videoTable a .badge {
	position: absolute;
	bottom: 3px;
	right: 1px;
}

#wrapper-content a {
	color: #2d72bf;
	text-decoration: none;
}

#wrapper-content a:hover {
	text-decoration: underline;
	color: #458ddd;
}

#icon-and-name {
	margin-right: auto;
	margin-left: auto;
	width: 349px;
	margin-bottom: 2em;
}

.backTo {
	font-size: smaller;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #575757;
	margin: 0 0 16px 25px;
	font-weight: normal;
	font-style: normal;
}

h1.logo, h1.scappleLogo {
	height: 57px;
	background: url(/gfx/scriv2logo-56.png) no-repeat right top;
	margin-right: 46px;
}

h1.scappleLogo {
	background: url(/gfx/scaplogo-56.png) no-repeat right top;
}

h1.midpage {
	margin-top: 1em;
	margin-bottom: 0.25em;
	line-height: 1.1em;
}

h1.midpage .subtitle {
	color: #999;
	font-size: 11pt;
	font-family: Futura, 'Gill Sans', Verdana, sanserif;
	font-weight: normal;
}

ul.nobullets {
	list-style-type: none;
}

div.videoPage br {
	clear: both;
}

a img {
	border: none;
}

.text-box .fineprint {
	font-size: smaller;
}

.buttonCaption {
	padding-left: 1em;
}

.redprint, .text-box p.redprint {
    color: #800000;
}

.minimal-rounded-rect li img.fileicon, .text-box img.fileicon {
	margin-top: 0;
	margin-bottom: 0;
}

br.clear {
	clear: both;
}

.pageBreak {
	margin-left: -1px;
}

/* @group Forms */

.standard-text-box input, .fullwidth-text-box input {
	border: 1px solid #575757;
}

.text-box *.formError {
	color: #a1225c;
}


/* @end */

.standard-text-box .footnote {
	font-size: smaller;
}

p.image-caption {
	font-size: 11px;
	margin-top: -1em;
}

img.image-left {
	float: left;
	display: block;
	margin-left: 0;
	margin-right: .5em;
	margin-top: 1em;
}

img.image-right {
	float: right;
	display: block;
	margin-right: 0;
	margin-left: 0.5em;
	margin-top: 1em;
}

/* Debugging only!
em, i {
	color: red;
}
*/

.standard-text-box {
	width: 66%;
}

.fullwidth-text-box {
	width: 100%;
}

.fullwidth-text-box li {
	width: 90%;
	margin-left: 2em;
}

#notice {
	background-color: #E5C5B8;
	padding: 5px;
	border: 1px dashed #c81c12;
	margin: 0 15px 2em 25px;
}

#notice p {
	margin: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#notice.soft {
	background-color: #C1E0BF;
	border-color: #9C6;
}

#notice.blackfriday {
	background-color: transparent;
	text-align: center;
	border: none;
	color: #fff;
	margin: 1em 20px;
	padding: 0px;
}
#notice.blackfriday a {
	color: #fff;
}
#notice.blackfriday a:hover {
	text-decoration: none;
}

#notice.ios-announce {
	text-align: center;
}

/* @group Two-Col Text Box */

.twocol-text-box .leftColumn, .twocol-text-box .rightColumn {
	float: left;
	width: 50%;
}



/* @end */

/* @group Text Box */

.text-box p, .text-box dl {
	padding: 0 25px;
	margin: 0 0 .6em 0;	
	color: #575757;
	font: 14px/1.5em "Times New Roman", Times, serif;
}

.text-box dl {
	margin-right: 1.6em;
}

.text-box dl ul {
	margin-left: 0;
	padding-left: 0;
	margin-right: -1.6em;
}

.text-box h2, .text-box h3, .text-box h4 {
	font: italic normal 21px Georgia, "Times New Roman", Times, serif;
	color: #575757;
	margin: 0 0 0 25px;
	padding-top: 24px;
}

.text-box h3 {
	font-size: 17px;
	padding-top: 10px;
}

.text-box h4 {
	font-size: 14px;
}

.text-box h2 {
	background: url(/gfx/score-heading.png) no-repeat left bottom;
	padding-bottom: 2px;
}

.text-box hr {
	clear: both;
	border: 1px solid #b2b2b2;
}


/* @end */

/* @group Sidebars */

/* @group Standard Sidebar (1/3) */

.standard-sidebar {
	width: 33%;
	margin: 0;
}

.standard-sidebar.right {
	float: right;
/*	margin-left: 1em;*/
}

.standard-sidebar p, .standard-sidebar a {
	font-size: 11px;
}

.standard-sidebar ul {
	padding-left: 26px;
}

.standard-sidebar img {
	margin: 2em 0 0.5em 0;
}


/* @end */



/* @end */

/* @group Rounded Rects */

.rect-internal *, .rect-internal p {
	color: #000;
	font: 14px;
	line-height: 1.5em;
	font-family: "Times New Roman", Times, serif;
}

.rect-internal .fineprint {
	font-style: italic;
	font-size: smaller;
}

dt {
	margin-top: 1em;
}

dd {
	margin-left: 3em;
}

/* @group Minimal Rounded Rect */

.minimal-rounded-rect .rect-internal *, .minimal-rounded-rect .rect-internal p {
	color: #000;
	font-size: 11px;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
}

.minimal-rounded-rect {
	background: url(/gfx/minimal-rounded-rect.png) no-repeat left top;
	padding: 0;
	margin: 1em;
}

.minimal-rounded-rect .rect-internal {
	background: url(/gfx/minimal-rounded-rect.png) left bottom;
	padding: 0;
	margin: 0;
}

.minimal-rounded-rect .body-area {
	background: url(/gfx/minimal-rounded-rect.png) no-repeat right bottom;
	margin: 0 0 0 16px;
	padding: 2px 26px 2px 0;
}

.minimal-rounded-rect h2 {
	font: normal 16px Helvetica, Arial, sans-serif;
/*	font-weight: bold; */
	color: #575757;
	margin: 0 0 0 16px;
	padding-top: 14px;
	background: url(/gfx/minimal-rounded-rect.png) no-repeat right top;
}

.minimal-rounded-rect h3 {
	font-weight: bold;
	margin: 1em 0 0 0;
}

.minimal-rounded-rect ul {
	margin-top: .25em;
}

.minimal-rounded-rect p {
	margin-top: .25em;
}

.minimal-rounded-rect img.image-left {
	margin-top: 0;
}

.minimal-rounded-rect li img {
	margin-top: -3px;
}


/* @end */

/* @group Standard Rounded Rect */

.standard-rounded-rect {
	background: url(/gfx/standard-rounded-rect.png) no-repeat left top;
	padding: 0;
	margin: 1em;
}

.standard-rounded-rect .rect-internal {
	background: url(/gfx/standard-rounded-rect.png) left bottom;
	padding: 0;
	margin: 0;
}

.standard-rounded-rect .body-area {
	background: url(/gfx/standard-rounded-rect.png) no-repeat right bottom;
	margin: 0 0 0 16px;
	padding: 2px 26px 2px 0;
}

.standard-rounded-rect h2 {
	font: normal 16px Helvetica, Arial, sans-serif;
/*	font-weight: bold; */
	color: #575757;
	margin: 0 0 0 16px;
	padding-top: 14px;
	background: url(/gfx/standard-rounded-rect.png) no-repeat right top;
}


/* @end */

/* @group Minimal Rounded Rect (White) */

.white.minimal-rounded-rect {
	background: url(/gfx/minimal_white-rounded-rect.png) no-repeat left top;
}

.white.minimal-rounded-rect .rect-internal {
	background: url(/gfx/minimal_white-rounded-rect.png) left bottom;
}

.white.minimal-rounded-rect .body-area {
	background: url(/gfx/minimal_white-rounded-rect.png) no-repeat right bottom;
}

.white.minimal-rounded-rect h2 {
	background: url(/gfx/minimal_white-rounded-rect.png) no-repeat right top;
}

/* @end */



/* @end */

/* @end */

/* @group Header */

#wrapper-header {
	margin-top: 65px;
	width: 762px;
	background: #AEAEAE url(/gfx/nav-bg.png) repeat-x left top;
}
#shadow-header {
	background: url(/gfx/nav-tr.png) no-repeat right top;
}

#wrapper-header ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	background: url(/gfx/nav-tl.png) no-repeat left top;
	position: relative;
	border-bottom: 1px solid #9b9b9b;
}

#wrapper-header img.nav-tr {
	position: absolute;
	top: 0;
	right: 0;
}

#wrapper-header li {
	margin: 0;
	display: inline;
	padding: 10px 19px;
	border-left: 1px solid #aeaeae;
}

#wrapper-header a {
	color: #4b4b4b;
	text-decoration: none;
	text-align: center;
	text-shadow: #e1e1e1 1px 1px 1px;
	font-size: 12pt;
}

@media screen and (max-device-width: 480px) {
	#wrapper-header a {
		font-size: 7pt;
	}
	#wrapper-header .nav-hovermenu ul.nav-products {
		top: 42px;
	}
	#wrapper-header .nav-hovermenu ul.nav-products a {
		font-size: 12pt;
	}
	#nav-bot {
		width: 750px;
		margin: 0 auto;
	}
}

#wrapper-header a:hover {
	color: #1f5c9f;
	background-color: transparent;
}

#wrapper-header li:first-child {
	padding-left: 24px;
	border-left: none;
}

#wrapper-header .nav-hovermenu ul.nav-products {
	display: none;
	position: absolute;
	top: 39px;
	left: 89px;
	z-index: 2;
	background: #bcbcbc;
	border-left: 1px solid #9b9b9b;
	border-right: 1px solid #9b9b9b;
	padding: 0;
	width: 106px;
}

#wrapper-header .nav-hovermenu:hover ul.nav-products {
	display: block;
}

#wrapper-header .nav-hovermenu:hover {
	border-bottom: 10px solid transparent;
}

#wrapper-header .nav-hovermenu ul.nav-products:hover {
	display: block;
}

#wrapper-header .nav-hovermenu ul.nav-products li:first-child {
	padding-left: 20px;
}

#wrapper-header .nav-products li {
	display: block;
	border: none;
	padding: 10px 20px;
}

#wrapper-header .nav-products li.fineprint {
	font-size: 8pt;
	color: #5b5b5b;
	padding: 0 10px 10px 20px;
	margin-top: -7px;
}

#wrapper-header .nav-hovermenu:hover a {
	color: #a9a9a9;
}

#wrapper-header .nav-hovermenu:hover ul.nav-products a {
	color: #4b4b4b;
}

#wrapper-header .nav-hovermenu:hover ul.nav-products a:hover {
	color: #1f5c9f;
}
/* @group Logos */

#logos {
	position: relative;
	margin: 0 auto;
}

#logos .left, #logos .right {
	position: absolute;
	top: -59px;
}
#logos .left {
	left: 5px;
	top: -56px;
}

#logos .right {
	top: -48px;
	right: 5px;
}

#logos .right p, #logos .right a {
	color: #848483;
	font-size: small;
	text-align: right;
	margin: 0.2em 0;
}

#logos .right a:hover {
	text-decoration: underline;
	color: #000;
}

/* @end */

/* @group Page Navigation */

#section-nav {
	margin-top: -20px;
	margin-left: 0;
	padding: 10px 0 5px 10px;
	list-style-type: none;
	background-color: #737373;
	border-bottom: 1px solid #aaa;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #e6e6e6;
}

#section-nav a {
	color: #e6e6e6;
}

#section-nav li:hover {
	background-color: #eee;
	color: #444;
}

#section-nav a:hover {
	color: #444;
	text-decoration: none;
}

#section-nav ul {
	padding: 0;
}

#section-nav li {
	display: inline;
	padding: 0 5px 0 6px;
	font-size: smaller;
	word-spacing: -1px;
}

#section-nav li.divider {
	color: #8a8a8a;
	padding: 0;
}

/* @end */

/* @end */

/* @group Footer */

#wrapper-footer {
	color: #7f90a4;
	font: 8pt Verdana, Arial, sans-serif;
	text-align: center;
	margin-bottom: 30px;
}

#nav-bot {
	margin: 0;
	padding: 10px 0;
	list-style: none;
}

#nav-bot li {
	margin: 0;
	display: inline;
	padding: 0px 5px;
	border-left: 1px solid #aeaeae;
}

#nav-bot li:first-child {
	border-left: none;
}

#nav-bot li a {
	color: #7f90a4;
}



/* @end */

/* @group Old stuff */

textarea.share {
	width: 400px;
	height: 75px;
}

.support ul, .share li {
	margin-left: 0.75em;
	padding-left: 0;
}

img.bordered {
	border: 1px solid #2f2f2f;
}

.centre {
	text-align: center;
	margin: 0 auto;
}

/*
a:visited {
  color:#094C96;
  text-decoration:none;
  }
a:hover {
  color:#0052C8;
  text-decoration:underline;
  }
  
tr#nav a:link {
  color:#515151;
  text-decoration:none;
  }
tr#nav a:visited {
  color:#515151;
  text-decoration:none;
  }
tr#nav a:hover {
  color:#212121;
  text-decoration:none;
  }
  
.navigation {
  border: 1px solid #727272;
  border-top: 1px solid #000;
  background: #fff
  url('gfx/titleBg.jpg') repeat-x left bottom;
  }
*/
/* @end */

/* @group Testimonials */

#testimonials-content {
	margin: 0 35px;
	overflow: hidden;
}

#testimonials-content h1 {
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 1.3em;
}

#testimonials-content #rightColumn, #testimonials-content #leftColumn {
	float: left;
}

#testimonials-content #rightColumn {
	margin-left: 30px;
}

.testimonial {
	width: 325px;
	text-align: justify;
	font-size: 10pt;
	line-height: 1.4em;
	margin-bottom: 2.5em;
}

.testimonial img.cover {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.testimonial img {
	border: 1px solid #000;
}

.testimonial p:first-child {
	margin-top: 0;
	text-indent: -.5em;
}

.testimonial p.attr {
	margin-top: -.8em;
	font-size: smaller;
	padding-left: 15px;
	line-height: 1.4em;
}

.noun {
	font-variant: small-caps;
}

.testimonial-break {
	color: #000;
	border: 1px solid #fff;
	clear: both;
}

.text-box p.question {
	font-weight: bold;
}

.text-box .dropCap {
	font-size: 2.75em;
	line-height: 0.75em;
	float: left;
	margin-top: 0.2em;
	padding-right: 3px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.text-box div.excerpt p {
	font-style: italic;
	margin-left: 2em;
}

.text-box img.left {
	float: left;
	margin-right: 1em;
	margin-top: 5px;
	margin-bottom: .15em;
}

.text-box img.right {
	float: right;
	margin-left: 1em;
	margin-top: 5px;
	margin-bottom: .15em;
}

/* @end */

/* @group Scrivener Page */

p.padLeft {
	margin-left: 480px;
}

.nobox {
	margin-bottom: -1em;
	margin-right: 19px;
	text-align: right;
}

.nobox p {
	line-height: 1em;
	margin-bottom: 1.75em;
}

p.showcaseQuote {
	margin-top: -36px;
	margin-bottom: 1em;
}

p.padRight {
	margin-right: 480px;
}

div.newFeatures h2 {
	clear: both;	
}

#modeSwitch-wrapper {
	border-bottom: 1px solid #b2b2b2;
	text-align: center;
	margin-bottom: 1.5em;
}

#modeSwitch {
	list-style-type: none;
	font: 13pt "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -1px;
	margin-top: 0;
}

#modeSwitch li {
	display: inline;
	height: 22px;
	padding-right: 8px;
	padding-left: 6px;
}

#modeSwitch li.active {
	background: url(/gfx/pageMode-tab-l.png) no-repeat left top;
	position: relative;
}

#modeSwitch li.active .dots {
	background: url(/gfx/pageMode-tab-r.png) no-repeat right top;
	padding-right: 5px;
}

#modeSwitch li.active img {
	position: absolute;
	bottom: -4px;
}

#modeSwitch li a {
	color: #575757;
}

#modeSwitch li a:hover {
	text-decoration: none;
}

ul.multicol {
	overflow: hidden;
}

ul.multicol li {
	float: left;
	width: 50%;
}

.featureList p, .featureList h3 {
	margin-left: 40px;
}

.awards img {
	margin-top: 0;
}

.awards .rating {
	color: #a41000;
	font-size: large;
}

.minimal-rounded-rect .featureList h3 {
	font-weight: bold;
	margin-top: 0;
}

h1 .fineprint {
	font-size: 10pt;
}

/* @group Showcase */

#showcase {
	position: relative;
	text-align: right;
	margin-right: 25px;
	margin-top: 25px;
}

#showcase .logo {
	position:absolute;
	top: 0px;
	left: 25px;
/*	margin-left: 25px;*/
	margin-top: 0;
/*	margin-bottom: 0;*/
}

#action-buttons {
	background: url(/gfx/showcase-bracket.png) no-repeat 537px 1px;
	height: 114px;
	margin-left: 0;
}

#action-buttons.nobracket {
	background: #fff;
}

#action-buttons li {
	padding: 4px 0;
	text-align: left;
	margin-left: 540px;
	margin-top: 0;
	margin-bottom: 0;
}

#action-buttons a {
	font: Georgia, Times, "Times New Roman", serif;
	font-size: 18px;
	font-style: italic;
	color: #000;
}

#action-buttons li.highlight a {
	color: #900;
	text-decoration: underline;
}

/* Old platform buttons */
#showcase .lion-compat {
	position: absolute;
	top: 60px;
	left: 129px;
}

#showcase .show-other {
	position: absolute;
	top: 59px;
}

#showcase .show-other.mac {
	/*Use the smaller offset whenever the platform badge is down. */
	left: 280px;
/*	left: 129px;*/
}

#showcase .show-other.win {
	left: 254px;
}


/* Dropdown menu
----------------------------------------*/
.dropdown-container {
	position: absolute;
	top: 75px;
	left: 134px;
}

.dropdown-container .hidden {
	display: none;
}

.dropdown-container-right {
	float: right;
}

.dropdown-container-left {
	float: left;
}

.dropdown-container:hover .dropdown {
	display: block !important;
}

.dropdown {
	position: absolute;
	left: 0;
	top: 21px;
	z-index: 2;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	background: #fff;
	padding: 0;
	margin-right: -500px;
}

.dropdown.live-search {
	top: auto;
}

.dropdown-container.topic-tools {
	float: left;
}

.dropdown-up .dropdown {
	top: auto;
	bottom: 1.2em;
	padding: 0 0 9px;
}

.dropdown-left .dropdown, .nojs .rightside .dropdown {
	left: auto;
	right: 0;
	margin-left: -500px;
	margin-right: 0;
}

.dropdown-button-control .dropdown {
	top: 24px;
}

.dropdown-button-control.dropdown-up .dropdown {
	top: auto;
	bottom: 24px;
}

.dropdown .pointer, .dropdown .pointer-inner {
	position: absolute;
	width: 0;
	height: 0;
	border-top-width: 0;
	border-bottom: 10px solid transparent;
	border-left: 10px dashed transparent;
	border-right: 10px dashed transparent;
	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
	display: block;
}

.dropdown-up .pointer, .dropdown-up .pointer-inner {
	border-bottom-width: 0;
	border-top: 10px solid transparent;
}

.dropdown .pointer {
	right: auto;
	left: 10px;
	top: 0;
	z-index: 3;
}

.dropdown-up .pointer {
	bottom: 0;
	top: auto;
}

.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
	left: auto;
	right: 10px;
}

.dropdown .pointer-inner {
	top: auto;
	bottom: -11px;
	left: -10px;
}

.dropdown-up .pointer-inner {
	bottom: auto;
	top: -11px;
}

.dropdown .dropdown-contents {
	z-index: 2;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 5px;
	position: relative;
	min-width: 40px;
	max-height: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

.dropdown li {
	border-top: 1px dotted transparent;
	float: none !important;
	line-height: normal !important;
	font-size: 1em !important;
	list-style: none;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	white-space: nowrap;
	text-align: left;
}

#wrapper-content .dropdown li a {
	color: #000;
	font-family: Helvetica, Arial, sanserif;
}

.dropdown-contents > li {
	padding-right: 15px;
}

.dropdown-nonscroll > li {
	padding-right: 0;
}

.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
	border-top: 0;
}

.dropdown li li:first-child {
	margin-top: 4px;
}

.dropdown li li:last-child {
	padding-bottom: 0;
}

.dropdown li li {
	border-top: 1px dotted transparent;
	padding-left: 18px;
}

.wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
	white-space: normal;
}

.dropdown li.separator {
	border-top: 1px solid transparent;
	margin: 4px 0;
	padding: 0;
}

.dropdown li.separator:first-child, .dropdown li.separator:last-child {
	display: none !important;
}