/* @group Zero */
div, body, span, ol, li, ul, table, td, tr, th, tbody {
	padding: 0;
	margin: 0;
}

table
{
	border-collapse: collapse;
	border: 0;
}

/* @end */

/* @group Script supporting Styles */

/***********************************************************
 *			 SCRIPT-SUPPORTING STYLES
 ***********************************************************/

/* Defines the userData cache persistence mechanism. */

.userDataStyle {
	behavior: url(#default#userData);
}

/* Used to save the scroll bar position when navigating away from a page. */

div.saveHistory {
	behavior: url(#default#savehistory);
}

/* Formats the expand/collapse images for all collapsible regions. */





/* Formats the Collapse All/Expand All images. */

img#toggleAllImage {
	margin-left: 0;
	padding-bottom: 1px;
}

#topTable tbody tr td
{
	text-align: right; 
	/* isplay: block;  */
}
#bottomTable td
{
	padding-bottom:5px;
}

/* Supports XLinks */

MSHelp\:link {
	text-decoration: underline;
	color: #0066cc;
	hoverColor: #3399FF; 
}

/* @end */

/* @group Basic Content */

body {
	background: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 0;
	font: normal normal 9pt/1.5em "Segoe UI", Verdana, Tahoma, sans-serif;
}

dl {

}

dl.authored dt {

}

dd {
	margin-left: 0;
}

ul {

	list-style-type: disc;
	margin-left: .25in;
}

ul ul {

	list-style-type: disc;
}

ol {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: .25in;
	list-style-type: decimal;
}

ol ol {
	margin-bottom: 4px;
	margin-left: .25in;
	margin-top: 3px;
	list-style-type: lower-alpha;
}

li {
	margin-top: 5px;
	margin-bottom: 5px;
}

p {
	font-family: "Segoe UI", Verdana, Tahoma, sans-serif;
	line-height: 1.5em;
}

a:link {
	color: #0066cc;
	text-decoration: none;
}

a:visited {
	color: #00cc66;
}

a:hover {
	color: #3399FF;
	text-decoration: underline;
}


/* @end */

/* @group Code */

/* @group Code Group */

/* Formats the Members Options filter drop-down image. */

img#memberOptionsDropdownImage {
	border: 0;
	margin-left: 0;
	vertical-align: middle;
}

/* Formats the Members Platforms filter drop-down image. */

img#memberFrameworksDropdownImage {
	border: 0;
	margin-left: 0;
	vertical-align: middle;
}

img#devlangsDropdownImage {
	border: 0;
	margin-left: 0;
	vertical-align: middle;
}

/* Formats the code in syntax and usage blocks, and the code in non-snipper code blocks. */

div.code pre {
	font-family: Consolas, Monospace, 'Courier New', Courier;
	color: #000066;
	background: #F7F7FF;
}

/* Formats parameter tooltips. */

.tip {
	color: #0000FF;
	font-style: italic;
	cursor: pointer;
	text-decoration: underline;
}

/* Applies to text styled as math. This text is passed as a parameter to the italics SSC definition */

.math {
	font-family: Times New Roman;
	font-size: 125%
}

/* Dropdown areas */

#devlangsMenu {
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: #f3cbb5;
	background: #FCECE4;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 8px;
	font-size: 70%;
}

#memberOptionsMenu {
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: #f3cbb5;
	background: #FCECE4;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 8px;
}

#memberFrameworksMenu {
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: #f3cbb5;
	background: #FCECE4;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 8px;
}

/* Applies to the checkbox labels in the filter drop-downs for devlang, member options, and member platforms. */

.checkboxLabel {
	color: #0000FF;
	cursor: pointer;
	text-decoration: underline;
	padding-bottom: 4px;
}

/* @group Inline Styles for Code */

span.cs {
	display: none;
}

span.vb {
	display: none;
}

span.cpp {
	display: none;
}

span.nu {
	display: inline;
}

span.fs {
	display: none;
}

span.code {
	font-family: Monospace, Courier New, Courier;
	font-size: 105%;
	color: #000066;
}

span.ui {
	font-weight: bold;
}

span.math {
	font-style: italic;
}

span.input {
	font-weight: bold;
}

span.term {
	font-style: italic;
}

span.label {
	font-weight: bold;
}

span.foreignPhrase {
	font-style: italic;
}

span.placeholder {
	font-style: italic;
}

span.keyword {
	font-weight: bold;
}

span.typeparameter {
	font-style: italic;
}

div.caption {
	font-weight: bold;
	font-size: 100%;
	color: #003399;
}

/* syntax styles */

div.code span.identifier {

}


div.code span.keyword {

	color: #871F78;
}

div.code span.parameter {
	font-style: italic;
}

div.code span.literal {

	color: #8B0000;
}

div.code span.comment {

	color: #006400;
}

span.syntaxLabel {
	color: #0481DA;
	font-weight: bold;
}

/* @end */

/* @end */

div.code table {
	border: 0;
	margin-bottom: 5px;
	width: 100%
}

div.code table th {
	background: #EFEFF7;
	border-bottom-color: #C8CDDE;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #000066;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

div.code table td {
	background: #F7F7FF;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

/* @group Image styles */

img.copyCodeImage {
	border: 0;
	margin: 1px;
	margin-right: 3px;
}

img.downloadCodeImage {
	border: 0;
	margin-right: 3px;
}

img.viewCodeImage {
	border: 0;
	margin-right: 3px;
}

img.note {
	border: 0;
	margin-right: 3px;
}



/* @end */

code {
	font-family: 'Consolas', Monospace, 'Courier New', Courier;
	color: #000066;
}

span.parameter {
	font-style: italic;
}

span.italic {
	font-style: italic;
}

span.selflink {
}

span.nolink {
}



/* @end */

/* @group Main Page */

/* Applies to everything below the non-scrolling header region. */

div#mainSection {
	margin:0 .25in; 
}

html>body #mainSection {

}

/* Applies to everything below the non-scrolling header region, minus the footer. */

/* Check this on IE. May not need this */
div#mainBody {
	/* width: 95%;  */
}

html>body #mainBody {
/*	width: 95%;  */
}



/* @end */

/* @group Non-Scrolling Region */

/* Applies to the topic title in the second row of the upper table in the non-scrolling header region. */

#header
{
	position:fixed;
	top:0;
	left:0;
	background-color:white;
	width:95%; 
	padding-left:.25in;
	padding-right:.25in;
	z-index:200;
}

#mainSection
{
	position:relative;
	z-index:0;
	top:75px;
}

.glossary_seperator
{
	position:relative;
	top:-75px;
}

span#nsrTitle {
	color: #006e12;
	font: normal normal 17pt/1em "Segoe UI", Verdana, Tahoma, sans-serif;
}

/* @group Second Row of NSR */

/* Applies to second row in the upper table of the non-scrolling header region. */

#topTable {
	width:100%;
	margin-right:.25in;
}

#collapseAlllabel, #expandAlllabel
{
	font-size: 9pt !important;
	font-weight: normal !important;
	font-style: normal !important; 
}

.title-divider
{
	border:0;
	background-color: #d1d1d1;
	color:#d1d1d1;
	height:1px;
}


/* @end */


/* Applies to the running header text in the first row of the upper table in the non-scrolling header region. */

span#runningHeaderText {
	color: #8C8C8C;
}

/* @end */

/* @group Footer */

div#footer {

}

html>body div#footer {

}



/* @end */

/* @group Collapsible Section */

/* Applies to the body of a collapsible section */

div.seeAlsoNoToggleSection {

}

div.section {

}

html>body div.section {

}

div.seeSection {

}

/********************************************************************************************************************
	Collapsible Section Structure

	<h1 class="heading">							// Format of the collapsible section text
		<span onclick="ExpandCollapse(xxxToggle)">	// Defines the onclick procedure for the expand/collapse section
			<img id="xxxToggle">					// Expand/collapse image
			</img>
		</span>
	</h1>

	<div id="xxxSection" class="section">			// The body of the collapsible section; hidden by default
	</div>


	The ExpandCollapse() function is responsible for toggling the expand/collapse image, and for
	displaying/hiding the body of the collapsible section.
********************************************************************************************************************/



/* @end */

/* @group Headings */

/* As far as I can tell, only <h1> tags use this class.
   TODO: Decide whether to roll these attributes into the h1.heading style */

/* All <h1> headings. */

h1, h1.heading {
	color: #355a88;
	font: 13pt "Segoe UI", Verdana, Tahoma, sans-serif;
}

.heading span
{
	margin-left:-5px
}

img.toggle {
	border: 0;
	margin-right: 5px;
	padding-bottom: 1px;
	margin-left:  -10px; /* This outdents the expandable sections, keeping the text left-aligned */
	position:relative; /* Needed for IE to not clip the image */
	z-index:-200;
}

h2, h2.subHeading
{
		color:#355a88;
		font-weight: bold;
		font-size:11pt;
}

/* Formats the titles of author-generated tables. */

h3, h3.subHeading {
	color: #355a88;
	font-size: 11pt;
	font-weight: normal;
}

h3.procedureSubHeading {

}
/* Applies to table titles and subsection titles. */

h4, h4.subHeading {
	color:#355a88;
	font-size: 9pt;
	font-weight: normal;
}

.procedureSubHeading {

}



/* Formats the titles of all subsections. */

h4.subHeading {

}

span.labelheading, div.labelheading {
	color: red;
}



/* @end */

/* @group General Table Styles */

div#mainSection table {
	font-size:100%;
}

div#mainSection table tr {
	vertical-align: top;
}

div#mainSection table th {
	background-color: #355a88;
	color: white;
	border-bottom: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	text-align: left;
	font-weight: bolder;
	padding: 0 5px;
}

div#mainSection table td {
	background-color: #fafafa;
	border-left: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	color: black;
	padding: 0 5px;
}

div#mainSection table td:first-child {
	border-left: 0px !important;
}

div#mainSection table tr:last-child td {
	border-bottom: 0px !important;
}

/* @end */

/* @group Note Styles */

div.alert
{
	border: 1px solid #d7d7d7;
	background-color: #fdffef !important; 
	color:  #595959;
	margin:5px 0;
}
div.alert table {

	font-size: 100%;
}

div.alert table th {
	background-color: #fdffef !important;
	color: #595959 !important;
	border: 0 !important; 
	padding:5px 5px 0px 5px !important;

}

div.alert table th img.note
{
	display: none;
}

div.alert table td {
	background-color: #fdffef !important; 
	color:  #595959 !important;
	padding: 0 5px 0 5px !important;
	border: 0 !important;
}

div.alert table td p {
	margin: 0 !important; 
}

/* @end */

/* @group Copy Code Text and Image */

span.copyCode {
	color: #0000ff;
	font-size: 90%;
	font-weight: normal;
	cursor: pointer;
	float: right;
	display: inline;
	text-align: right;
	text-decoration: underline;
}

span.copyCodeOnHover {
	color: #E85F17;
	font-size: xx-small;
	font-weight: normal;
	cursor: pointer;
	float: right;
	display: inline;
	text-align: right;
	text-decoration: underline;
}

.downloadCode {
	color: #0000ff;
	font-size: 90%;
	font-weight: normal;
	cursor: pointer;
}

.viewCode {
	color: #0000ff;
	font-size: 90%;
	font-weight: normal;
	cursor: pointer;
}

/* @end */

/* @group HR - BRG Should be HR not divs */

/* Line seperating footer from main body */

div.footerLine {
	margin: 0;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 6px;
/*  padding-left:	5px;
	padding-right:	2px; */
}

div.footerLine img
{
	height:1px;
}

div.hr1 {
	margin: 0;
	width: 100%;
	height: 1px;
	padding: 0;
	background: #C8CDDE;
}

div.hr2 {
	margin: 0;
	width: 100%;
	height: 1px;
	padding: 0;
	background: #D4DFFF;
}

div.hr3 {
	margin: 0;
	width: 100%;
	height: 1px;
	padding: 0;
	background: #EEEEFF;
}

/* @end */

/* @group Unknown */

span.filterOnHover {
	color: #E85F17;
}

span.filter {
	color: #0000FF;
}

span.introStyle {
	color: gray;
}

.introduction p {
	margin-bottom: 10px;
}

div.seeAlsoStyle {
	padding-top: 5px;
}

td.nsrBottom {
	height: 0.6em;
	width: 100%;
}



/* @end */

/* @group Glossary */

SPAN.clsGlossary {
	cursor: default;
	color: #509950;
	font-weight: bold;
}

DIV.clsTooltip {
	border: 1px solid black;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background-color: #FFFFAA;
	color: black;
	font-size: 8pt;
	font-family: "Segoe UI", Arial, Verdana, Tahoma, sans-serif;
}



/* @end */

/* @group Feedback */

span.feedbackcss {
	font-size: 110%;
	width: 100%;
	margin-left: 15px;
/*
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color:#C8CDDE;
*/
}

div#feedbackarea table {
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0;
	width: 300px;
	border-width: 0px 0px 0px 0px;
}

div#feedbackarea table td {
	/*background-color: #D4DFFF;*/

	text-align: center;
	/*color:#003399;*/
	border-bottom: 0px;
}

div#feedbackarea p {
	width: 100%;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 6px;
	margin-right: 5px;
}

div#feedbackarea H5 {
	margin-top: 0px;
	margin-bottom: 0.7em;
	font-size: 8pt;
	margin-left: 6px;
}

p.feedbackarea {
	width: expression(document.body.clientWidth-27);
	background-color: #D4DFFF;
}

input#submitFeedback {
	text-align: center;
/*background-color:#D4DFFF; */
}

span#feedbackarea {
	/*

background-color: #D4DFFF;
	color: #003399;
   	border-color:#C8CDDE;
*/
	width: 100%;
}

div#feedbackarea {
	/*

background-color: #D4DFFF;
	color: #003399;*/
	width: 100%;
}



/* @end */