/* @group Elements */

A[href] { text-decoration: none; color: #b74300; }
A:hover { text-decoration: underline; }
A:active { color: #840; }

BODY {
	margin: 0px;
	font-family: 'Lucida Grande', Verdana, Helvetica;
}

BODY, TD
{
	font-size: 12px;
}

H1 {
	font-size: 18px;
	color: #f07800;
	padding: 8px;
	padding-left: 38px;

	margin-top: 0px;
	margin-bottom: 12px;
	background-image: url(images/appicon32.png);
    background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position-y: 2px;
	line-height: normal;
}

H2 {
	font-size: 15px;
	color: #333;
	margin-top: 2.5em;
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
	line-height: normal;
}

H3 {
	font-size: 13px;
	margin-bottom: 8px;
	margin-top: 1.8em;
	color: #333;
}

H4 {
	font-size: 12px;
	margin-bottom: 3px;
	color: #777;
}

H5 {
	font-size: 11px;
	margin-bottom: 3px;
}

I, EM {	font-family: Helvetica; margin-right: 0.3em; }
IMG { border: none; }
P { margin-bottom: 0px; margin-top: 10px; }
Q:before { content: "\201C"; }
Q:after { content: "\201D"; }

TT, KBD, PRE {
	font-family: Monaco, Courier;
	font-size: 90%;
}

PRE {
	margin: 0px;
}

UL {
	list-style-image: url(images/bullet-square.png);
	padding-left: 20px;
}

/* @end */

/* @group IDs */

#menu {
	color: #111;
	padding: 10px 16px 16px 16px;
	background: #e6edf7 url(images/menu-bg.png) no-repeat fixed;
}

#content {
	color: #555;
	padding: 16px 24px;
	line-height: 145%;
}

#navigation {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 3px;
}

#navigation TD {
	color: #888;
	font-size: 11px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 0.4em;
	line-height: 1em;
	padding-right: 0px;
	text-align: right;
}

#navigation TR TD:first-child {
	text-align: left;
}

#navigation A {
	color: #888;
}

/* @end */

/* @group Menu Classes */

#menu .category {
	font-size: 13px;
	font-weight: bold;
	margin-top: 14px;
	margin-left: 2px;
}

#menu .category A {
	color: #111;
}

#menu .item {
	font-size: 11px;
	margin-top: 2px;
	margin-left: 18px;
}

#menu .item A {
	color: #333;
}

#submenu-box-0 { display: block; }

.submenu-box
{
	/* display: none; */
	margin-bottom: 18px;
}

/* @end */

/* classes */

.applescript {
	font-family: Verdana;
	font-size: 12px;
}
.applescript .bold {
	font-weight: bold;
}
.applescript .italic {
	font-style: italic;
}
.applescript .keyword {
	color: blue;
}

.box {
	background-color: #f3f3f3;
	padding: 0.8em 1.2em;
	margin-top: 12px;
	margin-bottom: 12px;
	border-radius: 5px;
    border: 1px solid #ddd
}

.box :first-child { margin-top: 0px; }
.box[title]:before { content: attr(title) ": "; font-weight: bold; }
.box UL { margin-bottom: 0px; padding-left: 12px; }
.box OL { margin-bottom: 0px; padding-left: 24px; }
.box H2 { font-size: 14px; }
.box H3 { font-size: 12px; margin-bottom: 3px; }

.box.small {
	line-height: 140%;
}

.box.white {
	background-color: inherit;
	border: 1px solid #ddd;
}

.badge {
	background-color: #ccc;
    color: white;
	border-radius: 3px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.3em 0.5em;
    vertical-align: 10%;
    margin-right: 0.3em;
}

TABLE.bullet-list {
	margin-top: 10px;
}
.bullet-list TD {
	font-size: 11px;
}
.bullet-list TH:before {
	content: url(images/bullet.png);
	padding-right: 7px;
}
.bullet-list TH {
	padding-left: 18px;
	padding-right: 24px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}

.choices {
	margin-top: 1em;
	margin-bottom: 2.5em;
}
.choices LI {
	padding-top: 4px;
	padding-bottom: 4px;
}

.first-steps.box {
	padding: 0.3em;
	margin-bottom: 2em;
}
.first-steps TABLE {
	border-spacing: 0.5em;
}
.first-steps TD {
	vertical-align: top;
}
.first-steps TD:first-child {
	color: #888;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
	padding-right: 0.2em;
}

.indent {
	margin-left: 30px;
}

.introduction H1 {
	color: #f07800;
	background-image: none;
	margin: 0px;
	padding: 16px 0px 8px;
	font-size: 26px;
}
.introduction H2 {
	font-size: 16px;
    color: #777;
	margin-top: 1.3em;
	margin-bottom: 0.4em;
	padding-bottom: 0;
	border-bottom-style: none;
}
.introduction H2 A {
	color: #777;
}

.introduction p {
	margin-top: 0;
}

.keycap {
	display: block;
	float: left;

	padding: 1px 7px;
	margin: 2px;
	min-width: 1.3em;

	font-weight: bold;
	border: 1px solid #bbb;
	text-align: center;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.keycap.highlighted {
	background-color: #08d;
	border-color: #06b;
	color: white;
}

.keycap.small {
	font-weight: normal;
	display: inline;
	float: none;
	padding: 1px 6px;
	font-size: 80%;
}

.learn-more {
	font-weight: bold;
	margin-top: 18px;
	padding-left: 18px;
	background-image: url(images/circled-right-arrow.png);
    background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position-y: center;
}

.nobr {
	white-space: nowrap;
}

.options {
	border-collapse: collapse;
	border-spacing: 10px 10px;
}
.options TH {
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 30px;
	white-space: nowrap;
	font-size: 12px;
}
.options TD	{
	line-height: 1.45em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.options TR {
	border-top: 1px solid #ddd;
}
.options TR:first-child {
	border-top: none;
}
.options P:first-child {
	margin-top: 0px;
}

.preface {
	// font-weight: bold;
	font-size: 14px;
	color: #333;
	margin-bottom: 24px;
    line-height: 145%;
}

.red { color: #d00; }

.related-topics H2 {
    text-transform: uppercase;
    letter-spacing: 0.25em;
	font-size: 11px;
	margin-top: 5em;
	padding-top: 4px;
	border: none;
	border-top: 1px solid #ddd;
}
.related-topics UL {
	margin-top: 8px;
	list-style-image: url(images/bullet-small.png);
}
.related-topics LI { font-size: 11px; line-height: 135%; }

.screenshot {
	text-align: center;
	margin: 16px;
	margin-bottom: 24px;
	font-size: 11px;
}
.screenshot.left { text-align: left; margin-left: 0px; }
.screenshot P { margin-top: 0px; }

.see-also { margin-top: 2em; }
.see-also UL { margin: 0px; padding: 3px 14px; }
.see-also LI { font-size: 11px; line-height: 135%; }
.see-also H4 { margin-bottom: 0px; }

.small { font-size: 11px; }
.small UL { list-style-image: url(images/bullet-square.png); }

.stretched LI { padding-top: 4px; padding-bottom: 4px; }
.stretched.small LI {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 150%;
}

.subnavigation {
	background-color: #f8f8f8;
	border: 1px solid #e3e3e3;
    border-left-color: #d3d3d3;
	border-left-width: 8px;
	padding: 0px;
	margin-top: 18px;
	margin-bottom: 12px;
    border-radius: 5px;
    box-shadow: inset 0 0 4px #eee;
}
.subnavigation UL {
	margin: 0px; padding: 8px 24px;
	padding-left: 22px;
	list-style-image: url(images/bullet.png);
}
.subnavigation LI { font-size: 11px; line-height: 135%; }

.tiny { font-size: 8px; }

.tour {
	font-size: 11px;
	padding-left: 0px;
	padding-right: 32px;
}
.tour TABLE.toc {
	margin-top: 8px;
}
.introduction TABLE.tour {
	margin-left: 18px;
}
.tour H2 {
	border-bottom-style: none;
	margin: 10px 0px 6px 0px;
	color: black;
	font-size: 18px;
}
.tour H2 .subtitle {
	color: #777;
	font-size: 12px;
	padding-left: 1em;
}
.tour H3 {
	font-size: 13px;
	color: #d98a00;
}
.tour LI {
	list-style-image: none;
	list-style-type: disc;
	font-size: 11px;
}
.tour A { color: #222; }
.tour UL { margin: 8px 0px; padding-left: 16px; }
.tour TD { vertical-align: top; padding-right: 12px; }
.tour .toc UL { margin: 0px; padding-left: 28px; }
.tour .detail {
	margin-left: 18px;
	margin-right: 24px;
}

.usage-examples UL {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px dotted #999;
}

.usage-examples UL.first {
	padding-top: 0px;
	border-top: none;
}

.xtable {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 26px;
	padding: 0px;
	border-spacing: 1px;
	border-collapse: collapse;
}

.xtable TD {
	padding: 3px;
	padding-left: 6px;
	padding-right: 16px;
	border-bottom: 1px solid #eee;
	font-size: 11px;
}

.xtable TD.kbd {
	font-family: Monaco, Courier;
	font-size: 11px;
	vertical-align: top;
	white-space: nowrap;
	width: 20%;
}

.xtable TH {
	text-transform: uppercase;
	letter-spacing: 0.25em;
	padding: 3px;
	padding-left: 6px;
	padding-right: 32px;
	border-bottom: 2px solid #ccc;
	text-align: left;
	font-size: 0.9em;
	white-space: nowrap;
}

/* printing */

@media print {
	H1 { padding-left:0px; background-image:none; page-break-before: always; }
	.related-topics { display: none; }
	.subnavigation { display: none; }
	.see-also { display: none; }
	.learn-more { display: none; }
	#navigation { display: none; }
	#content { color: black; }
	A[href] { color: black; }
}

/* Retina Display / HiDPI Support */

@media all and (-Webkit-min-device-pixel-ratio: 1.5)
{
	H1 {
        background-image: url(images/appicon64.png);
    }
    .learn-more {
        background-image: url(images/circled-right-arrow@2x.png);
    }
}