/* 'Jello Mold' is based on http://www.positioniseverything.net/articles/jello.html */
/* STANDARD TAG FORMATS */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button
{
	margin: 0;
	padding: 0;
	border: 0;
}
body
{
	font: 76% Arial, Verdana, Helvetica, sans-serif;
	padding: 0 386px;
	background: url(/stn/Images/bgndx.gif) repeat-x top left;
}
h1, h2, h3, h4, h5, h6
{
	font: bold 1.3em Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	padding: 9px 0px 2px;
}
h1
{
	font-weight: bold;
	font-size: 1.5em;
	color: #333;
	background: url(/stn/Images/h1bgd.png) no-repeat bottom left;
	padding: 0px 10px 0px 0px;
	margin-top: -3px;
}
h2
{
	font-size: 1.2em;
}
h2.listfirst
{
	padding: 0px 0px 3px 0px;
}
h2.list
{
	padding: 9px 0px 3px 0px;
}
h3
{
	font-weight: normal;
	font-size: 1.2em;
	color: #333333;
}

h4
{
	font-size: 1.1em;
}
h4.code
{
	font-family: Consolas, "Courier New" , Courier, mono;
	color: #333333;
}
h5
{
	font-size: 0.9em;
	padding: 0px;
	margin: 5px 0px 2px 6px;
}
h6
{
	line-height: 1em;
	padding: 4px 0px 0px 0px;
	font: italic 1.0em Arial, Verdana, Helvetica, sans-serif;
}
p
{
	font-size: 1em;
	line-height: 1.4em;
	padding: 2px 0px 4px 0px;
	color: #333;
}
.padfirst
{
	padding-top: 4px;
	padding-bottom: 4px;
}
.padmiddle
{
	padding-bottom: 4px;
}
.padleft
{
	padding-left: 7px;
}
.padnode
{
	padding-top: 10px;
	padding-left: 26px;
}
.clearboth
{
    clear:both;
}
/* TABLE STYLES */
table.tech
{
	width: 100%;
	padding: 0px;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 0px solid gray;
	border-right: 0px solid gray;
	border-collapse: collapse;
}
table.tech th, table.tech td
{
	vertical-align: top;
	border: 1px;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 0px solid gray;
	border-left: 0px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}
table.techsoft
{
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}
table.techsoft th, table.techsoft td
{
	vertical-align: top;
	border: 0px;
	padding-left: 0px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.headrow
{
	background-color: #e0e0e0;
	font-weight: bold;
}
.w10
{
	width: 10%;
}
.w50
{
	width: 50%;
}
.w50
{
	width: 50%;
}
.w70
{
	width: 70%;
}
.p10px
{
	padding-top: 10px;
}
.w800px
{
	width: 800px;
}
.w900px
{
	width: 900px;
}

/* DEFINITION LIST */
dl
{
	border-bottom: 1px solid #c0c0c0;
}
dt
{
	width: 10em;
	padding: .5em;
	float: left;
	margin: 0;
	border-top: 1px solid #c0c0c0;
	font-weight: bold;
}
dd
{
	margin-left: 11em;
	padding: .5em;
}
dd.first
{
	border-top: 1px solid #c0c0c0;
}


/* LINK STYLES */
a
{
	/* Standard link behavior: cf. subclassing below */
	color: #0260a3; /* 2, 96, 163 */
}
a.nonunderline
{
	text-decoration: none;
}
a.nonunderline:hover
{
	text-decoration: underline;
}
.next
{
	/* Used in browse sequences, link at page right bottom */
	text-align: right;
	font: 0.95em Arial, Verdana, Helvetica, sans-serif;
}

/* CODE FORMATS */
code
{
	/* Formats code in P */
	color: #633;
	font-family: Consolas, "Courier New" , Courier, mono;
	font-size: 1.0em; /*display:inline-block;*/
	padding-left: 2px;
	padding-right: 2px;
}
pre
{
	/* To render code samples: Wraps code sample component */
	font: 1em Consolas, "Courier New" , Courier, mono;
	background: url(/stn/Images/prebgd.gif) repeat-y;
	white-space: pre;
	margin: 2px 0px 6px 0px;
	padding: 2px 0px 2px 2px;
}
.commentcode
{
	/* To display code: used on SPAN in comments cf. '.comment' below*/
	color: #966;
	font-family: Consolas, "Courier New" , Courier, mono;
}
ins
{
	/* Tag used to wrap CodeHighligher to comply with XHTML 1.1 */
	text-decoration: none;
}

/* SPECIAL FORMATTING*/
.brief
{
	/* Description P style below H1 in regular topics */
	line-height: 1.4em;
	padding: 10px 0px 4px 0px;
	font: normal 1.2em Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}
.comment
{
	/* To display comment in list item: Used on DIV */
	font-size: 0.9em;
	color: #666;
}
.commentregular
{
	/* To display comment in list item: Used on DIV */
	font-size: 0.9em;
	color: #333;
}
.warning
{
	border: solid 1px #966;
	padding: 2px 6px 0px 6px;
	margin-top: 10px;
}
.indent
{
	/* Special indent to stress a paragraph: Combine with SPAN */
	padding-left: 28px;
}
.indentnote
{
	text-indent: -32px;
	margin-left: 32px;
}
.nobreak
{
	/* Ugly means to format P using SPAN */
	white-space: nowrap;
}
.block
{
	/* Utility */
	display: block;
}
.posabs
{
	position: absolute;
}
.posleft
{
	float: left;
}
.posright
{
	float: right;
}

/* TABLE STYLES */
.navtable
{
	/* Standard formatting table spanning up DIVs */
	width: 100%;
	border-spacing: 0;
}
.aligntop
{
	/* Formatting cells in tables */
	vertical-align: top;
}
hr
{
	border-width: 0px;
	background: Silver;
}

/* LIST STYLES 	*/
ul, li
{
	/* Standard unordered list */
	color: #333;
	line-height: 1.3em;
	margin: 0px 0px 4px 12px;
}
ol
{
	/* Standard ordered list */
	line-height: 1.4em;
	margin: 0px 0px 8px 16px;
}
ul.go li, li.go
{
	/* List arrow referring out from page */
	list-style-image: url(/stn/Images/dotgo.gif);
}
ul.gocomment li, li.gocomment
{
	/* List arrow referring out from page: Descreet */
	list-style-image: url(/stn/Images/dotgo.gif);
	font-size: 0.9em;
}

/* API ICON-LINK BULLETS: ITEM-BASED*/
li.pubclass
{
	list-style-image: url(/stn/Images/pubclass.gif);
	padding-left: 8px;
}
li.pubinterface
{
	list-style-image: url(/stn/Images/pubinterface.gif);
	padding-left: 8px;
}
li.pubmethod
{
	list-style-image: url(/stn/Images/pubmethod.gif);
	padding-left: 8px;
}
li.pubproperty
{
	list-style-image: url(/stn/Images/pubproperty.gif);
	padding-left: 8px;
}
li.pubenum
{
	list-style-image: url(/stn/Images/pubenum.gif);
	padding-left: 8px;
}
li.pubfield
{
	list-style-image: url(/stn/Images/pubfield.gif);
	padding-left: 8px;
}
li.pubdelegate
{
	list-style-image: url(/stn/Images/pubdelegate.gif);
	padding-left: 8px;
}
li.pubevent
{
	list-style-image: url(/stn/Images/pubevent.gif);
	padding-left: 8px;
}
li.protclass
{
	list-style-image: url(/stn/Images/protclass.gif);
	padding-left: 8px;
}
li.protinterface
{
	list-style-image: url(/stn/Images/protinterface.gif);
	padding-left: 8px;
}
li.protmethod
{
	list-style-image: url(/stn/Images/protmethod.gif);
	padding-left: 8px;
}
li.protproperty
{
	list-style-image: url(/stn/Images/protproperty.gif);
	padding-left: 8px;
}
ul.protenum li, li.protenum
{
	list-style-image: url(/stn/Images/protenum.gif);
	padding-left: 8px;
}
ul.protfield li, li.protfield
{
	list-style-image: url(/stn/Images/protfield.gif);
	padding-left: 8px;
}
ul.protdelegate li, li.protdelegate
{
	list-style-image: url(/stn/Images/protdelegate.gif);
	padding-left: 8px;
}
ul.protevent li, li.protevent
{
	list-style-image: url(/stn/Images/protevent.gif);
	padding-left: 8px;
}

/* PAGE SKELETON */
#sizer
{
	/* Works in concert with #expander, #wrapper and fixes */
	margin: 0px auto;
	padding: 0;
	width: 58%;
	max-width: 192px;
}
#expander
{
	min-width: 772px; /* Critical Safari fix! */
	position: relative;
	margin: 0 -386px;
	background-color: transparent;
}
* html #expander
{
	height: 0; /* Holly hack for IE \*/
}
#wrapper
{
	width: 100%; /* helps IE get the child percentages right. */
	text-align: left;
}
.clearfix:after
{
	/* http://positioniseverything.net/easyclearing */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#skiptocontent
{
	/* Blindness aid */
	position: absolute;
	margin-left: -1000px;
}

/* HEADER PANE */
#headerpane
{
	/* DIV holding the header */
	width: 100%;
	padding: 10px 0px 15px 0px;
}
#tabtable
{
	/* TABLE defining the STN tabs */
	border-bottom: solid 1px Silver;
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
}
.tabtableinner
{
	border-collapse: collapse;
}
.logo
{
	/* STN logo button */
	margin: 0px;
}
.tabcenteractive
{
	/* Active header tab format; set programmatically */
	white-space: nowrap;
	vertical-align: middle;
	background: url(/stn/Images/Tabs/TabMiddleActive.gif) repeat-x;
}
.tabcenterpassive
{
	/* Passive header tab format; default tab behavior */
	white-space: nowrap;
	vertical-align: middle;
	background: url(/stn/Images/Tabs/TabMiddle.gif) repeat-x;
}
.tablink
{
	/* Text on header tab */
	font-family: Arial, Helvetica, "Sans Serif";
	font-size: 11px; /* font-weight:bold; */
	text-decoration: none;
	color: #0260a3;
}

/* SIDE COLUMNS */
html > body #leftcolumn
{
	margin-right: 0;
}
html > body #rightcolumn
{
	margin-left: 0;
}
#leftcolumn, #leftcolumndedicatedpage
{
	/* Left column definition */
	float: left;
	font-size: 0.9em;
	width: 297px;
	margin-right: -3px; /* IE 3px display bug fix with the rule following */
}
#listpane
{
	font-size: 0.9em;
	width: 100%;
	border: solid 1px Silver;
	margin-bottom: 20px;
	padding: 5px;
	background: #f0f0f0;
}
#rightcolumn
{
	/* Right column definition */
	float: right;
	margin-left: -3px; /* IE 3px display bug fix with the rule following */
}

/* CENTER COLUMN */
html > body #centercolumn
{
	height: auto;
	margin-left: 315px;
	margin-right: 0px;
}

#centercolumndedicatedpage
{
	height: auto;
	margin-left: 320px;
	margin-right: 0px;
}
#centercolumn
{
	height: 1%;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}
/* Navigation panels */
.navinfo
{
	/* DIV defining navigation area: Used for TOC and Search */
	border: solid 1px Silver;
	margin-bottom: 20px;
	padding: 5px;
	background: #f0f0f0;
}
#searchctrl
{
	/* DIVs for Search control and categories */
	padding-top: 7px;
}
#searchcats
{
	/* DIVs for Search control and categories */
	padding-top: 8px;
	margin-left: 15px;
}
.navbutton, .searchtextbox, .searchtypes, .searchcategories
{
	/* Font def for the following components */
	font: 0.9em Arial,Verdana,Sans-Serif;
}
.navbutton
{
	/* Generic button appearance - Partly defined above - Declarad on component */
	text-align: center;
	width: 5.2em;
}
.searchtextbox
{
	/* Search text input appearance - Partly defined abovee - Declarad on component */
	border: 1px solid #7F9DB9;
	padding-top: 2px;
	padding-left: 2px;
	height: 14px;
	width: 253px;
}
.searchtypes
{
	/* Search type check-box appearance - Partly defined above - Declarad on component */
	margin-left: -2px;
	position: relative;
}
.searchcategories
{
	/* Search categories radio-button appearance - Partly defined above - Declarad on component */
	margin: -2px 8px 0px -4px;
	position: relative;
}
.searchtextlink
{
	/* Quick link appearance - Declared on component */
	font-size: 0.9em;
	text-decoration: none;
	padding: 0px;
	float: right;
}
.searchtextlinkdedicatedpage
{
	/* Quick link appearance - Declared on component */
	font-size: 0.9em;
	text-decoration: none;
	padding-left: 20px;
	float: right;
}
#linkseparator
{
	/* Spans width between quick links */
	width: 800px;
}
/* Images */
.imgfloatright
{
	/* Img control appearance - Declared on component. */
	float: right;
	display: inline;
	margin: 0.25em 0em 0.25em 0.5em;
}
.imgfloatleft
{
	/* Img control appearance - Declared on component. */
	float: left;
	display: inline;
	margin: 0.25em 0.5em 0.25em 0em;
	padding-right: 10px;
}
.imgintext
{
	vertical-align: text-bottom;
}
.imgintextpadded
{
	padding-top: 8px;
	padding-bottom: 8px;
}
.imgtableft
{
	/* Img left tab fragment control appearance - Declared on component. */
	float: left;
	border-bottom: 10px;
	vertical-align: bottom;
}
.imgtabright
{
	/* Img right tab fragment control appearance - Declared on component. */
	float: right;
	border-width: 0px;
	vertical-align: bottom;
}
#printheader
{
	/* DIV toggling flight view display */
	display: none;
}

/* API TAB */
.apitopicframe, .userdoctopicframe
{
	/* IFRAME class for API tab */
	border: solid 1px silver;
	margin-bottom: 0px;
	background: #f0f0f0;
	width: 100%; /* height: 100%; 860px; Height adapted by script in page */
	border-spacing: 0;
}

.blogtopicframe, .forumstopicframe
{
	/* IFRAME class for API tab */
	border: solid 0px silver;
	margin-bottom: 0px;
	margin-left:-50px;
	background: #f0f0f0;
	width: 1100px; /* height : 860px; Height adapted by script in page */
	border-spacing: 0;
	overflow:auto;
}

.displayrelatedlinks
{
	margin-top: -10px;
	border-spacing: 0;
}

/* SEARCH TAB */
/* No special formating applied */

/* FOOTER */
#footer
{
	margin: 12px 0px 0px 0px;
	font-size: 0.8em;
}

@media print
{
	body
	{
		margin: 0;
		padding: 0;
		font-size: 10pt;
		line-height: 12pt;
		background: #FFFFFF !important; /* word-wrap: break-word; */
	}
	#sizer
	{
		margin: 0;
		width: auto !important;
	}
	#expander
	{
		margin: 0 !important;
		background: none;
	}
	#wrapper
	{
		border: none;
		background: none;
	}
	#headerpane, #leftcolumn, #rightcolumn, #sitemappanel, #footer, #leftcolumndedicatedpage
	{
		display: none;
	}
	#centercolumn
	{
		width: 100%;
		margin: 0 !important;
		background: none;
	}
	#centercolumndedicatedpage
	{
		margin-left: 0px;
	}
	#header
	{
		margin: 0;
		border: none;
		height: auto;
		background: none;
	}
	#printheader
	{
		display: block;
	}
	.copyrightprint
	{
		font-size: 0.8em;
		padding: 0px;
		color: #333;
		float: right;
	}
	h1
	{
		text-decoration: underline;
	}
}

