/*! Copyright © 2011 Apple Inc.  All rights reserved. */

/* Modified by BL on 15 November 2009 */
/* Changed pixels to percents or em units */
/* Updated styles for January 2010 release added by KO on 16 November 2009 */

body {
    margin: 0;
    padding-left: 2em;
    padding-right: 2em;
}

article:focus {
    outline: none;
}

/* redefine preformated text and code blocks */
pre {
margin-top: 0.455em;
margin-bottom: 0.909em;
}
code, tt, samp, pre {
font-size: 103%;
font-family: Courier, Consolas, monospace;
color: rgb(102, 102, 102);
}

/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
* html code, * html pre {
font-size: 110%;
}

/* <rdar://problem/7707012> Some figures in iPhone HIG too wide and wrong aspect ratio
    We are writing out two <img> tags to the HTML with the same src, this will hide the iPad
    specific version
*/
img.ipad-scaled-image {
display: none;
}

img.toplevel {
float: left;
}


/* frameset: H1,H2,H3,H4,H5,Head for code voice */

h1 {
margin-top: 0px; /* <rdar://problem/7563066> Next/Previous links at top of page should be next to title, not above title */
margin-bottom: 1.15em;
font: 215% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
color: #000;
}

/* BL: Okay to change 480px width to em units?
   DWK: No, since we are talking about a physical device here. */
@media only screen and (max-device-width: 480px) {

    h1 {
font-size: 215%;
}

}


h2 {
margin-top: 1.75em;
font-size: 187%;
font-weight: normal;
color: #3c4c6c;
padding-bottom: 2px;
}

h3 {
margin-top: 1.5em;
margin-bottom: .25em;
font-size: 145%;
font-weight: normal;
color: #000;
}

h3.tight {
margin-top: 2em;
margin-bottom: -.25em;
}

h3.tasks {
margin-top: 0.471em;
margin-bottom: .25em;
}

h3.verytight {
margin-top: 1.75em;
margin-bottom: -.25em;
}

h4 {
margin-top: 2em;
margin-bottom: .5em;
font-size: 125%;
font-weight: normal;
color: #000;
}

h4.toc {
padding-top: 0.467em;
margin-bottom: 2em;
}

h5 {
margin-top: 1.538em;
margin-bottom: .5em;
padding: 0;
font-size: 100%;
color: #000;
}
.mach4 {
margin-top: 2.5em;
margin-bottom: 0;
padding-top: 0;
font: bold 133.33% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
color: #000;
}
.mach5 {
margin: 2.308em 0 -0.615em 0;
font: bold 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
color: #000;
}

.api h5,
h5.tight {
margin: 0.692em 0 0.154em 0;
}

li img {
margin-left: 0em;
}

/* frameset: toc frame styles WEB AS. used for any document that uses the static model for TOC topics documents*/

#topicstoc {
padding: 0em 0em 0em;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}


#topicstoc p.download {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 75%;
font-weight: bold;
border-bottom: 1px solid #CCC;
padding: 0 0 1.111em 0.556em;
margin: 0;
}

#topicstoc h2 {
margin: 0;
padding: 0.769em 0.769em 0.385em 0.769em;
font-size: 108.33%;
font-weight: bold;
border-bottom: 0px solid;
}

#topicstoc h3 {
margin: 0.5em 0.417em 0 0.833em;
font-size: 100%;
font-weight: bold;
color: black;
}

#topicstoc h4 {
font-size: 91.67%;
font-weight: bold;
color: black;
margin: 0.182em 0em 0em 1.273em;
}

#topicstoc ul {
list-style: none outside;
margin-left: 1.083em;
margin-bottom: -0.167em;
padding: 0em;
}


#topicstoc ul ul {
list-style: none outside;
margin-left: 0.833em;
margin-bottom: -0.167em;
padding: 0em;
}

#topicstoc li {
font-weight: normal;
font-size: 91.67%;
padding: 0em 0.455em 0.182em 0.909em;
list-style-type: none;
}

#topicstoc li.intro {
font-weight: normal;
padding: 0em 0em;
list-style-type: none;
background: none;
}

#topicstoc li a {
display: block;
padding: 0em 0.455em 0em 0em;
}

#topicstoc li a.location {
font-weight: bold;
color: #000;
text-decoration: none;
}

#topicstoc li.intro a {
margin-left: -0.455em;
display: block;
}



    
.code_head {
font-size: 150%;
font-family: Courier, Consolas, monospace;
font-weight: bold;
margin-top: 2.778em;
}

p {
margin-top: 0em;
margin-bottom: 0.833em;
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}

figcaption {
    display: block;
    margin: 1em 0px;
    margin-top: 0em;
    margin-bottom: 0.833em;
    font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}

/* extra div is here because FireFox 3.x does not apply css to section tags properly 
  <rdar://problem/8663608> Formatting problem in Firefox for notification in UITextInputMode class ref
*/
p.abstract,
p.spaceabove,
section.spaceabove > div {
  margin-top: 1.083em;
  margin-bottom: 0.833em;
  font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}

div.declaration {
font: 102% Courier, Consolas, monospace;
margin-top: 1.182em;
margin-bottom: 0.909em;
}

div.declaration em {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 100%;
font-style: italic;
}

h3.tight + p, h3.verytight + p {
margin-top: 1.083em;
margin-bottom: 0.833em;
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}

h3.tight + p.spaceabovemethod {
font: 102% Courier, Consolas, monospace;
margin-top: 1.182em;
margin-bottom: 0.909em;
}

.content_text {
margin-top: 0em;
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
margin-bottom: 0.833em;
padding-bottom: 0.833em;
vertical-align: top;
}

p.blockquote {
padding-left: 4.167em;
padding-right: 4.167em;
}

.api ul {
list-style-type: none;
margin: 0em 0em -0.909em .25em;
}
.api ul li {
margin: 0.182em 0em 0em -3px;
}
    
/* frameset: content frame bold style for text*/
b, strong, .newTerm {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 100%;
font-weight: bold;
}

/* Used for text that is sligtly larger than bold text like lables and captions*/
.content_text_label {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 100%;
}

/* frameset: content frame italic style for text*/   
i, em {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 100%;
font-style: italic;
}

/* make sure the font is set to something that can reflect the italic font style, in AppleScript syntax elements, for example */   
.force_italic {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 100%;
font-style: italic;
}

em.mono {
font-family: Courier, Consolas, monospace;
font-size: 106%;
font-weight: normal;
font-style: italic;
clear: both;
}

pre.bold {
font-family: Courier, Consolas, monospace;
font-size: 103%;
font-weight: bold;
}


/* Used for reference heads in ProcedualC and AppleScript Language*/
.content_ref_head {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 133.33%;
font-weight: bold;
margin-top: 3.125em;
padding-bottom: 0.25em;
border-bottom: 1px solid #919699;
}

.content_ref_head_code {
font-family: courier, monospace;
font-size: 133.33%;
font-weight: bold;
margin-top: 3.125em;
padding-bottom: 0.25em;
border-bottom: 1px  solid #919699;
}
        
/* frameset: page title */
.page_title {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 283.33%;
font-weight: bold;
color: #000000;
padding-top: 0.294em;
}

/* frameset: Unordered List */
/* BL: I don't see ul font size explicity set, so I'm assuming 12px */

ul.termdef {
list-style: square outside;
margin-left: 1.333em;
padding: 0 0 0 0;
}
li.termdef {
margin-left: 0em;
}
ul, .api ul.ul {
list-style: disc outside;
margin: 0 0 .833em 1.35em;
padding: 0 0 0.5em 0;
}

li , .api li.li {
margin-top: 0.583em;
}
            
li p {
margin-top: 0.667em;
}
    
ul ul {
list-style: circle outside;
margin: 0.5em 0 .866em 1.3em;
padding: 0 0 .5em 0em;
}

ul.threeHead {
list-style: square outside;
margin: 0 0 0 1.667em;
padding: 0 0 0em 0em;
}


/* alternate mappings for 2nd level bulleted list that are still in testing phase*/ 
.nested li {
list-style-image: url(../Images/openbullet.gif);
list-style-position: outside;
}
    
ul.nested {
list-style: none;
margin: 0.5em 0 0 2.5em;
}
            
ol {
list-style-type: decimal;
list-style-position: outside;
margin: 0 0 0 2.5em;
padding: 0 0 1.0em 0.5em;
}
    
ol ol {
list-style-type: lower-alpha;
list-style-position: outside;
margin: 0.583em 0 0 2.5em;
padding: 0 0 1.0em 0.833em;
}

ul.simple-spaceabove {
list-style-type: none;
margin: 0.417em 0 0 1.667em;
}
.simple-spaceabove li {
margin-top: 0.083em;
}

ul.simple {
list-style-type: none;
margin: 0 0 0 2.5em;
}
.simple li {
margin-top: 1px;
}
    
ul.simple_termdef {
list-style-type: none;
margin: 0.250em 0 -0.833em 0em;
}
.simple_termdef li {
margin-top: -0.083em;
}

dl.table-display {
clear: both;
width: auto;
margin: 0;
padding: 0em;
}

.table-display dt {
width: 8em;
float: left;
margin: 0 0 0 0;
padding: .1em;
}

dt {
clear: both;
}


.table-display dd {
float: left;
width: 80%;
margin: 0 0 0 0;
padding: .1em;
display: block;
}

.clear {
clear: both;
}
dl.termdef {
margin-top: 0em;
margin-bottom: 0.833em;
}
.termdef dt {
margin-top: 0em;
}
.termdef dd {
margin-left: 1.25em;
margin-top: 0.083em;
margin-bottom: 0.5em;
}
.termdef dd p {
margin-top: -0.083em;
margin-bottom: 0.5em;
}
dl.termdef dd ul.termdef{
margin-top: 0em;
margin-bottom: 0.833em;
margin-left: 2em;
}
h3.tight + dl.termdef {
margin-top: 1.083em;
margin-bottom: 0.833em;
}
h3.verytight + ul {
margin-top: 0.833em;
margin-bottom: 0em;
}
.termdef dd  div.codesample {
margin-top: 0em;
margin-bottom: 0.3em;
}
.termdef dd  div.codesample pre {
margin: -0.083em 0.333em 0em 0.5em;
}
    
/* frameset: list items */
/* Everything in a list item is wrapped in an element now. */
/* First para in a list item should be inline, others should be block. */
li>p {
display: inline
}
li>p+p {
display: block
}
li>a+p {
display: block
}


/* frameset: Index styles for docs */
/* frameset: Index styles for alpah listing */
.index_alpa {
font-size: 150%;
padding-bottom: 0.278em;
margin: 1.389em 0 0.833em;
border-bottom: 1px solid #91969C;
    /* Copied out of HTML_Master.txt */
    height: 30pt;
vertical-align: bottom;
text-align: left;
}

/* frameset: Index styles for singal and page range entries */
.libindex {
font-size: 100%;
padding: 0 0.25em;
background-color: #FFFFFF;
margin: 0 0.25em;
    /* Copied out of HTML_Master.txt */
    height: 25px;
text-align: left;
vertical-align: bottom;
}

/* frameset: mini navigation style (Hide/Show TOC & next/prev) */
.mini_nav_text {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 75%;
font-weight: normal;
}

/*  ADC header/footer mappings for Getting Started */
/* header */
#adcnavheader td {
font: 0.833% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}

#adcnavheader input {
margin: 0 0.333em 0 0;
padding: 0;
}

#adcnavheader .textpadding {
padding-top: 0.222em;
vertical-align: middle;
}
    
#adcnavheader .searchbutton {
border: 0;
}

#adcnavheader h6 {
margin: 0;
padding: 0;
font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
color: #000;
}

#adcnavheader form {
margin: 0;
}


/* footer */
#footer td, #footer p {
font-size: 83.33%;
}
    
/* Item CSS */
.item-figure {
margin-top: 1em;
margin-bottom: 0.833em;
}
        


/* Table styles */
/* BL: Assuming 12px is base */

.TableHeading_TableRow_TableCell {
text-align: left;
font-weight: bold;
background-color: #CCCCCC;
}

.ShadedTableCell {
background-color: #CCCCCC ! important;
}

caption.tablecaption {
margin-bottom: 0.417em;
text-align: left;
}
.sourcecodebox {
border: 1px solid #c7cfd5;
background: #f5f9fd;
margin: 1.667em 0;
}
    
div.tableholder {
margin-top: 1.667em;
margin-bottom: 1.667em;
}
    
p.tableholder {
margin-bottom: 0.583em;
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}
          
.rowhead p {
font-weight: bold;
}
    
.rowhead {
background: #EAEAEA;
}

.graybox {
border-top: 1px solid #9bb3cd;
border-left: 1px solid #9bb3cd;
margin-bottom: 4em;
}
    
.graybox th {
padding: 0.3em 0.667em 0.3em 0.667em;
background: #93A5BB;
font-size: 103%;
font-weight: normal;
color: #fff;
border-bottom: 1px solid #9bb3cd;
border-right: 1px solid #9bb3cd;
}
.graybox th p {
font-weight: bold;
margin-bottom: .33em;
}
    
.graybox td {
padding: 0.667em;
font-size: 100%;
vertical-align: middle;
border-bottom: 1px solid #9bb3cd;
border-right: 1px solid #9bb3cd;
}
.graybox td p {
margin-bottom: 0em;
}
.graybox td p + p {
margin-top: 0.417em;
}
.graybox td p + p + p {
margin-top: 0.417em;
}
.graybox.revision-history td {
vertical-align: top;
}
    
    
/* footnote definitions */
/* BL: Where do we use footnotes? */
.footnote h4, .footnote p {
color: #76797C;
font-size: 91.67%;
}
        
.noteboxdef {
border: 1px solid #5088C5;
background-color: #FFF;
margin: 1.667em 0;
padding: 0.417em 0.667em 0.083em 0.750em;
text-align: left;
}
.notebox {
border: 1px solid #5088C5;
background-color: #FFF;
margin: 1.667em 0em 1.75em 0em;
padding: 0em 0.667em 0.083em 0.750em;
text-align: left;
clear: right;
}
.notebox p, .noteboxdef p {
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
margin-top: 0.583em;
margin-bottom: 0em;
}
.importantboxdef {
border: 1px solid #5088C5;
background-color: #f0f3f7;
margin: 1.667em 0em 1.75em 0em;
padding: 0.417em 0.667em 0.083em 0.750em;
text-align: left;
}
.importantbox {
border: 1px solid #5088C5;
background-color: #f0f3f7;
margin: 1.667em 0em 1.75em 0em;
padding: 0em 0.667em 0.083em 0.750em;
}
.importantbox p, .importantboxdef p {
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
margin-top: 0.583em;
margin-bottom: 0em;
}

.dts_doc .importantboxdef, .dts_doc .importantbox {
background-color: transparent;
}

.warningbox,
.warningboxdef {
border: 1px solid #000;
background: #FFFFFF url("../Images/book_ui_sprites_2x.png") -80px -20px no-repeat;
background-size: 110px;
margin: 1.667em 0;
padding: 0em 0.667em 0.083em 0.750em;
text-align: left;
}
.warningbox p, .warningboxdef p {
border-style: none;
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
margin-top: 0.583em;
margin-bottom: 0em;
margin-left: 2.5em;
}
                                                                             
.tipbox {
border: 1px solid #f2d137;
margin: 1em 0;
padding: 0em 0.667em 0.083em 0.750em;
text-align: left;
}

.tipicon { 
border-style: none;
background-color: transparent;
padding-bottom: 0.583em;
float: left; 
}

.tipbox p { 
border-style: none;
font-size: 100%;
margin-top: 0.583em;
margin-bottom: 0em;
margin-left: 2em;
}

.task {
    border: 1px transparent solid;
	border-top: 2px #99c9e6 solid;
    border-bottom: 2px #99c9e6 solid;
    padding-bottom: 2px;
    margin-top: 2em;
    margin-bottom: 2em;
    overflow: hidden;
  }
   
.task-name {
    position: relative;
    cursor: pointer;
    margin-top: .5em;
    margin-bottom: .45em;
    font-weight: bold;
    color: #4d4d4d;
	padding-top: 3px;
    padding-bottom: 2px;
    text-decoration: none;
}
.task-name:hover {
    color:#08c;
}

.task-name:hover > div > a {
    color:#08c;
}

.inlinerecipe-name a {
  color: #4d4d4d;
  text-decoration: none;
}

.inlinerecipe-name a:hover {
  text-decoration: none;
  color:#08c;
}

.local-production {
    color: red;
}

p.task-alt-statement {
margin-top: 0.833em;
}

.task-name > img{
    position: absolute;
    top: 1px;
	padding-left: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.task-name > div{
    margin-left: 30px;
    margin-top: 1px;
}

.task-conclusion{
	/* @todo The conclusion needs to be in a wrapped element with a padding
	defined. Test to see if a figure as the last element in a conclusion will have too much space.
	Actually, test any element that can be last to make sure the padding is correct. It might be
	that only paragraphs have this issue */	
	padding-bottom: 0em; /*  This is the same padding tat's used for figures. */
	}

.taskbullet {
 /* @question Should we name this task-bullet to keep a consistent style? */
    padding-right:7px;
    vertical-align: top;
    margin-top: 1px;
	}

.closed > .task-name > img {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

/* this is to support the JavaScript animation that shows and hides tasks */

.task-content, .inlinerecipe-content {
  overflow: hidden;
  margin-left: 22px;
}

.inlinerecipe-content {
  /* Recipes need extra padding as their headers are hidden */
  padding-top: 7px;
}

.local-production.inlinerecipe-content {
    margin-top: 10px;
}

.local-production.inlinerecipe-content:after {
    content: "<local production -- no content>";
}

.task ul	{
    list-style: disc outside;
	padding-bottom: .5em;
	margin: 0px 0px .866em 1.45em;
}

.task ol	{
	padding-bottom: .5em;
	margin: 0px 0px .866em 1.75em;
}


div.keylistholder {
    margin-top: 2em;
    margin-bottom: 1.667em;
}

.keylist { 
    display: table;
    border-collapse: collapse;
   }

.keylistheader {
    display: table-header-group;
    border-bottom: 1px solid #9bb3cd;
    margin-bottom: .33em;
}

.keylabel,
.descriptionlabel { 
    display: table-cell;
    text-align: left;
    padding: 0.75em 0.75em .5em 0.5em;
    margin-top: .25em; 
    margin-bottom: .75em;     
    font-size: 100%;
    font-weight: bold;
    border-bottom: 1px solid #9bb3cd;
    color: #333;
}

.keyentries {
    display: table-row-group;
}

.keyentry {
    display: table-row;
}

.keyname,
.entrydescription {
    display: table-cell;
    padding: 0.75em 0.75em 0em 0.5em;
    font-size: 100%;
    vertical-align: top;
    border-bottom: 1px solid #9bb3cd;
}

.entrydescription p {
    margin-bottom: .833em;
}

.keyname p {
    font-size: 103%;
	font-family: Courier, Consolas, monospace; 
    margin-bottom: .833em;
    color: #666;
}

.requiredentry {
    font-style: italic;
	color: rgb(153,153,102);
}


/******************** Codesample Blocks ********************/ 

div.codesample {
font-size: 91.67%;
margin: 1.5em 0;
}

.codesample table {
width: 100%;
background-color: #F1F5F9;
border-collapse: collapse;
border: 1px solid #c7cfd5;
padding-bottom: 4px;
}

.codesample table td {
padding: 0.500em;
}

.codesample pre {
font-family: Courier, Consolas, monospace;
margin: -0.083em 0.333em 0em 0.500em;
line-height: 110%;
white-space: pre-wrap;
}

.codesample tr {
border-bottom: 0px solid #FFFFFF;
}

.codesample span {
margin-right: 0.667em;
float: right;
}

p.codesample {
margin-top: 1.667em;
margin-bottom: -.85em;
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}

.Head-Carbon-Status {
font: 110% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}

.zTableCellIntro {
width: 100%;
padding-left: 10px;
padding-top: 10px;
}

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

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

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

.collectionHead {
margin-bottom: 2px;
padding-bottom: 3px;
}

.collectionColumn li {
list-style-type: none;
color: #093d92;
text-decoration: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 91.67%;
line-height: 1.364em;
margin-top: 0;
margin-bottom: 0;
}

table.zDeclaration {
margin: 1.667em 0;
border-spacing: 0px;
width: 100%;
}

table.zDeclaration td {
padding: 1px;
}

.zDeclaration pre {
font-size: 103%;
font-family: Courier, Consolas, monospace;
margin: -0.083em 0.333em -0.250em 0.500em;
white-space: pre;
}
.zDeclaration span {
margin-left: 5.0em;
}
    
div.zSharedSpecBoxHeadList {
margin-bottom: 1px;
}

ul.tooltip {
list-style-type: none;
margin: 0 0 0 .5em;
padding-left: 0em;
white-space: nowrap;
}
ul.tooltip  li {
margin: 0.167em 0 0 0;
}
ul.tooltip  li code {
font-size: 100%;
font-family: Courier, Consolas, monospace;
}
pre.declaration {
font-size: 103%;
font-family: Courier, Consolas, monospace;
margin: 0em 0.333em 1em 0.5em;
white-space: pre;
}

/* Controller Layer Bindings styles */        

.class_binding_block {
}
        
.binding_category_block {
margin-left: 1em
}
       
.binding_category_name {
font-size: 200%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
line-height: 2.917em;
padding-bottom: 0.083em;
border-top: 0.167em solid black
}
        
.binding_block {
margin-left: 2em
}
    
.binding_name {
font-size: 150%;
font-family: Courier, Consolas, monospace;
font-weight: 400;
margin-top: 0.833em;
margin-bottom: 1.0em;
border-bottom: 1px solid #69f
}

.bindings_tablehead {
font-size: 116.67%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
position: relative;
top: -0.417em;
margin-left: -1.667em
}
        
.placeholder_options_block {
margin-left: 2em
}
        
.availabilityList {
border: none;
margin-top: 0.417em;
margin-bottom: 0em;
font-size: 100%;
text-align: left;
}
        
.availabilityItem {
margin-top: -1.25em;
margin-bottom: 1.25em;
padding-left: 6.5em;
}
    

.metadata_attributes_name {
font-size: 200%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
padding-top: 0.208em;
margin-bottom: -0.417em;
border-top: 2px solid black
}
        
.metadata_attribute_name {
font-size: 150%;
font-family: Courier, Consolas, monospace;
font-weight: 400;
margin-top: 0.556em;
padding-bottom: 0.111em;
}
         
.task_api_suffix {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 91.67%;
font-style: italic;
color: #999966;
}
        
/* Spec Sheet Info Box */
/* Used in AppKit Obj-C, Appkit Java, Foundation Obj-C, and Foundation Java References */ 
 /* BL: Assuming base font size is 12 px */       
.spec_sheet_info_box {
margin-left: 0em
}

/* This builds a table */        
.specbox {
border-top: 1px solid #d6e0e5;
margin-left: 2.5em;
margin-bottom: 2.5em;
}
    
.specbox td {
padding: 0.667em;
font-size: 90%;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #d6e0e5;
}
        
/* This alternates colors in up to six table rows (light blue for odd, white for even) */     
        
.specbox tr {
background: #FFF;
}

.specbox tr + tr {
background: #FFF;
}

.specbox tr + tr + tr {
background: #FFF;
}

.specbox tr + tr + tr + tr {
background: #FFF;
}

.specbox tr + tr + tr +tr + tr {
background: #FFF;
}

.specbox tr + tr + tr + tr + tr + tr {
background: #FFF;
}

.specbox tr + tr + tr + tr + tr + tr + tr {
background: #FFF;
}

/* informal protocol subtitling */

.protocol_subtitle {
margin-top: -1.923em;
margin-bottom: 1.923em;
font-size: 108.33%;
}

/* HeaderDoc headings */

.hd_tocAccess {
margin-left: 1.333em;
margin-top: 0.250em;
display: block;
font-weight: bold;
}
.hd_tocAccessSpace {
display: block;
font-size: 66.67%;
}

/* BL: Base font is 8px */
.hd_tocGroup {
margin-left: 1.0em;
margin-top: 0.625em;
display: block;
font-style: italic;
}
.hd_tocGroupSpace {
display: block;
font-size: 1.0em;
}

/* "Collection page" mappings */

.forums {
width: auto;
padding-left: 10px;
text-indent: -10px;
}

.forums.ztablecell {
width: 33%;
padding-top: 10px
}
   
.forums,
.forums td, 
.forums b,
.forums a:link {
color: rgb(51, 102, 204);
text-decoration: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 91.67%;
line-height: 1.364em;
margin-bottom: 0.455em;
}
.forums a:visited {
color: #093d92;;
text-decoration: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 91.67%;
line-height: 1.364em;
margin-bottom: 0.455em;
}
.forums a:hover {
border-bottom: 1px solid rgb(51, 102, 204);
text-decoration: none;
}
.collection {
margin-bottom: 0.455em;
}
.collection h3 {
font-size: 108.33%;
color: black;
padding-bottom: 0.231em;
border-bottom: 0.077em solid #a1a5a9;
margin-bottom: 0.077em;
margin-right: 1.923em;
margin-top: 0em;
text-indent: 0;
margin-left: -0.769em;
}

.forums p {
color: #093d92;
text-decoration: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 91.67%;
line-height: 1.364em;
margin-bottom: 0.182em;
padding-left: 0px;
}

h1.collections {
margin-top: 0em;
margin-bottom: 0.500em;
font: 215% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
color: #000;
text-align: left;
padding-top: 0.833em;
border-top: 0;
}

/* BL: Okay to change 170px width to em units?*/   
.sidebartable {
width: 14.167em;
border: 1px solid #a1a5a9;
margin-bottom: 0.909em;
padding: 0.909em;
margin-left: 0em;
font-family: 'lucida grande', arial;
font-size: 91.67%;
text-align: left;
}

.header {
color: #000000;
font-size: 100%;
font-weight: bold;
margin-bottom: 0.417em;
vertical-align: middle;
}

.sidebartext {
color: #000;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 13px;
margin-bottom: 5px;
}

.sidebartable th {
padding: 0.333em 0.667em 0.333em 0.833em;
background: #DBDBDB;
font-size: 100%;
font-weight: bold;
color: #000;
border-bottom: 1px solid #a1a5a9;
}
    
.sidebartable td {
padding: 0 0.909em 0.909em;
font-size: 100%;
text-align: left;
vertical-align: top;
}
    
.sidebartable p {
color: #017;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-size: 91.67%;
font-weight: bold;
line-height: 1.182em;
margin-bottom: 0.455em;
}

.sidebartable h2, .sidebartable ul {
font-size: 91.67em;
color: #017;
margin: 0.909em 0 0.182em;
padding: 0;
}
    
.sidebartable table td {
border: none;
padding: 0;
vertical-align: middle;
}

.RelatedClass, .HTML-Related-Documents, .DeclaredIn, .FrameworkPath, .zChapterRelatedSampleCode, .HeaderFileDirectory, .InheritsFrom, .TechnologyArea,
.Helps, .HelperClass, .IndexGroup, .IncludePath {
white-space: nowrap;
}

.relatedSampleCode li {
margin-bottom: -5px;
}

.deprecated, .zRedText {
color: red;
}

/* Devpedia link, popup box, and popup article styles */
span.pediaLink, span.recipeLink {
color: rgb(51, 102, 204);
text-decoration: none;
font-style: normal;
border-bottom: 1px dashed rgb(51, 102, 204);
white-space: nowrap;
cursor: pointer;
-webkit-transition-property: color, background-color, border-bottom, -webkit-border-top-left-radius, -webkit-border-top-right-radius, padding, margin;
-webkit-transition-duration: 0.25s;
}

span.pediaLink:hover, span.pediaLink a:hover, span.recipeLink:hover, span.recipeLink a:hover {
border-bottom: 1px solid rgb(51, 102, 204);
text-decoration: none;
}

span.activePedia, span.activePedia a {
padding: 0.083em 0.333em 0em 0.333em;
margin: -0.333em;
border-bottom: 1px solid #8697BB;
color: white;
background-color: #8697BB;
-webkit-box-shadow: rgba(0, 0, 0, .5) 0 0.667em 1.667em;
-moz-box-shadow: black 0 0 0.417em;
-webkit-border-top-left-radius: 0.667em;
-webkit-border-top-right-radius: 0.667em;
-moz-border-radius-topleft: 0.667em;
-moz-border-radius-topright: 0.667em;
}

span.activePedia-bottom, span.activePedia-bottom a {
padding: 0.083em 0.333em 0em 0.333em;;
margin: -0.333em;
border-bottom: 1px solid #8697BB;
color: white;
background-color: #8697BB;
-webkit-border-bottom-left-radius: 0.667em;
-webkit-border-bottom-right-radius: 0.667em;
-moz-border-radius-bottomleft: 0.667em;
-moz-border-radius-bottomright: 0.667em;
-webkit-box-shadow: rgba(0, 0, 0, .5) 0em 0.667em 1.667em;
-moz-box-shadow: black 0 0 0.417em;
}

span.activePedia:hover, span.activePedia a:hover, span.activePedia-bottom:hover, span.activePedia-bottom a:hover {
border-bottom: none;
color: white;
}

/* Dictionary style popover for Pedia Abstracts */
#pediaWindow {/* This is a UI element, do not change units to em's or it will break */
    position: absolute;
    z-index: -1;
width: 300px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-box-shadow: rgba(0, 0, 0, .5) 0px 3px 3px;
-moz-box-shadow: black 0 0 3px;
opacity: 0;
visibility: hidden;
}

#pediaWindow.visible {
z-index: 300;
opacity: 1;
visibility: visible;
}

#pediaWindow #pediaHeader {
background-image: url("../Images/pedia/header_background_2x.png");
background-size: 300px;
height: 1.5em;
font: bold 100% "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
padding-left: 1.083em;
padding-top: 0.250em;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
-webkit-border-top-left-radius: 0.667em;
-webkit-border-top-right-radius: 0.667em;
-moz-border-radius-topleft: 0.667em;
-moz-border-radius-topright: 0.667em;
}
#pediaWindow #pediaBody {
border: 1px solid #999999;
background-color: white;
color: #000;
padding: 0.417em 0.583em 0.583em 0.583em;
-webkit-border-bottom-left-radius: 0.667em;
-webkit-border-bottom-right-radius: 0.667em;
-moz-border-radius-bottomleft: 0.667em;
-moz-border-radius-bottomright: 0.667em;
}

#pediaWindow #peidaMore {
    font-style: italic;
    cursor: pointer;
    color: #36C;
    text-decoration: none;
}


/* Coding How-To stuff */
/* BL: Assuming base is 12px */
.HowToTOC h5 {
margin-bottom: 0.167em;
margin-top: 1.250em;
}

.HowToTOC p {
margin-bottom: 0.417em;
margin-left: 2.50em;
}


/* Legacy watermarking */
#legacyOuterWrapper {
position: fixed;
display: none;
}

#legacyOuterWrapper.show {
display: block;
}

* html #legacyOuterWrapper {
width: 100%;
position: fixed;
margin-left: 0em;
}

/* BL: Okay to change 500 px width to em units? */
#watermark {
position: relative;
margin-left: auto;
margin-right: auto;
z-index: 1500;
width: 41.667em;
}

.legacybox {
border: 2px solid #695D54;
background: #FFFACD;
margin-top: 0.667em;
margin-left: 0em;
margin-right: 0.833em;
padding: 0.167em 0.417em 0.167em 0.667em;
text-align: left;
position: relative;
-webkit-box-shadow: rgba(0, 0, 0, .5) 0em 0.667em 0.833em;
-moz-box-shadow: gray 0 0.667em 0.833em;
}

.legacybox p {
font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
margin-top: 0.167em;
}

.legacybox h1 {
font: 116.67% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
margin-top: 0.357em;
margin-bottom: 0.571em;
}

.closebutton {
height: 30px; /* this is the actual height/width of a UI element, do no change to EM units or it will break */
width: 30px;
background: transparent url('../Images/book_ui_sprites_2x.png') 0px -20px;
background-size: 110px;
position: absolute;
right: 0.583em;
top: 0.582em;
bottom: 0.667em;
}

.noWrap {
white-space: nowrap;
}

.KeyPhrases_Name {
color: gray;
font-weight: bold;
}

figure {/* Artwork */
    padding-top: 1em;
    padding-bottom: 1.5em;
    display: block;
}

.pageNavigationLinks {
margin-top: .75em;
margin-bottom: 0em;
float: right;
}

.previousLink {
margin-right: 20px;
float: right;
}

.nextLink {
float: right;
}

.copyright {
    clear: both;
}

.outerMiniTOC {
padding-left: 4.167em;
padding-right: 4.167em;
margin-top: 0.25em;
}

.nestedMiniTOC {
padding-left: 4.167em;
padding-right: 4.167em;
margin-top: 0.25em;
}

.dtsDocNumber {
margin-top: 1em;
margin-bottom: -0.5em;
font: 190% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
color: #3c4c6c;
}

.dts_doc .caption_number:after {
content: ":";
}

/*
  These elements are being hidden when showing a recipe as a disclosable task
*/
.inlinerecipe-content #pediaContents > h1,
.inlinerecipe-content .inlinerecipetitle,
.inlinerecipe-content .stepsTitle,
.inlinerecipe-content #seeAlsoSection,
.inlinerecipe-content .copyright,
.inlinerecipe-content #feedbackForm,
.inlinerecipe-content #globalfooter,
.inlinerecipe-content .recipe-abstract {
  display:none;
}

@media print {
    .pageNavigationLinks {
display: none !important;
}

}