
html
{
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0; 
	overflow: hidden; 
}

body
{
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
}

.head
{
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	z-index: 5;
	
}

.OverlayHidden
{
	position: absolute;
	top: 76px;
	bottom: 0px;
	left: 0;
	z-index: 3;
	display:none;
	visibility:hidden;
		z-index:0;
}

.OverlayShow
{
	position: absolute;
	top: 76px;
	bottom: 0px;
	left: 0;
	z-index: 3;
	display: block;
	visibility: visible;
	width: 100%;
	height: 100%;
	z-index: 1024;
	background-image: url('/msdn/controls/resizablearea/en-us/1px.png' );
	background-repeat:repeat-x;
	background-color: transparent;
}

.topBanner
{
  position:absolute;
  top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	border-style:none;
	border-width:0px;
	overflow:hidden; 
	z-index: 1;
	margin: 0px;
	padding: 0px;
}


.divMain
{
	position:relative;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	border-style:none;
	border-width:0px;
	overflow:hidden; 
	z-index: 1;
	margin: 0px;
	padding: 0px;
  
}


.divTree
{
	position: absolute;
	top: 76px;
	left:0px;
	width: 26%;
	height: 85%;
	margin: 0px;
	padding: 0px;

	border-style:none;
	overflow:auto; 
	z-index: 1;
	overflow:auto;
}

.divSplitter
{
	position: absolute;
	top: 76px;
	left: 26%;
	height:100%;
	width: 0.5%;

	z-index: 3;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: e-resize;
	background-color: #DDDDDD;


}




.tocPanel
{
	position: absolute;
	top: 76px;
	width: 260px;
	bottom: 0px;
	left: 0;
	z-index: 1;
	overflow:auto;
	border-style: none;
}


.contentPanel
{
	position: absolute;
	top: 76px;
	bottom: 0px;
	z-index: 1;
	overflow: auto;
	border-style: none;
  border-width: 0px;
  border-color:White;
}

.SplitterBar
{
	position: absolute;
	top: 76px;
	bottom: 0px;
	left: 0;
	z-index: 3;
	overflow: auto;
}

* html .tocPanel, * html .contentPanel, * html .SplitterBar
{
	height: 100%;
	top: 0;
	bottom: 0;
	margin-right: 0px;
	overflow: auto;
	border-top: 76px solid #fff;
}

.SplitterBar
{
	left: 260px;
	width: 5px;
	cursor: e-resize;
	margin: 0px;
	padding: 0px;
	background: #B8CDFF 
}

.contentPanel
{
	left: 267px;
	right: 0px;
	overflow: auto;
  border-width: 0px;
  border-color:White;
}

.divContent
{
	position: absolute;
	top: 76px;
	left: 26.5%;
	width:73.5%;
	height:85%;
	
	z-index: 1;
	overflow: auto;
	margin:0px;
	padding:0px;
	padding-left:0px;
}


.divInnerContent
{
  overflow:hidden; 
  position:absolute; 
  left:0px; 
  top:0px; 
  margin-left:15px; 
  margin-right:15px;
  border-width: 0px;
  border-color:White;
}  

.divInnerTree
{
  position:absolute;
  top: 0px;
	width: 100%;
	height: 93%;
	border-style: none;
	margin-left:15px;
}


img
{
    border: 0;
    margin-left: 5px;
    margin-right: 2px;
}

img.TreeNodeImg
{
    cursor: pointer;
}

img.TOCLink
{
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
}

a.SelectedNode, a.UnselectedNode, span.SelectedNode
{
	color: black;
  text-decoration: none;
	padding : 1px 3px 1px 3px;
  white-space: nowrap;
}

a.SelectedNode
{
	background-color: #ffffff;
    border: solid 1px #999999;
	padding: 0px 2px 0px 2px;
	color: Red;
  text-decoration: underline;
}

a.UnselectedNode:hover, a.SelectedNode:hover
{
    background-color: #cccccc;
    background-color:  #C8DDFF; 
    border: solid 1px #999999;
	  padding : 0px 2px 0px 2px;
    text-decoration: underline;
}

span.UnselectedNode:hover, span.SelectedNode:hover
{
    background-color: #cccccc;
    background-color:  #C8DDFF; 
    border: solid 1px #999999;
	  padding : 0px 2px 0px 2px;
	  cursor:pointer;
}

.Visible
{
    display: block;
    margin-left: 2em;
}

.Hidden
{
    display: none;
}

.Tree
{
	background-color: #f0f0f0;
	color: Black;
	overflow: auto;
	margin: 10px 0px 0px 0px;
}

.TreeNode, .TreeItem
{
    white-space: nowrap;
    margin: 2px 2px 2px 2px;
}



div
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:White;
	text-indent: 0px;
	word-spacing: 2px;
	line-height: 145%;
}

p 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:White;
	text-indent: 0px;
	word-spacing: 2px;
	line-height: 145%;
}

pre
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:#EFF4FF;
	text-indent: 0px;
	word-spacing: 0px;
	line-height: 110%;
}


.heading1
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:large;
	color:Black;
	font-weight:bold;
	background-color:White;
}

.heading2
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:medium;
	color:Black;
	font-weight:bold;
	background-color:White;
}

h1
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:135%;
	color:Black;
	font-weight:bold;
	background-color:White;
	line-height: 128%;
}

h2
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:110%;
	color:Black;
	font-weight:bold;
	background-color:White;
	line-height: 110%;
}


td
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:White;
	line-height: 145%;
}


.Normal
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:White;
}


.BoldNormal
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:bold;
	background-color:White;
}

li
{
	word-spacing: 2px;
	margin-bottom: 2px;
	margin-Top: 0px;
	margin-Bottom: 8px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:White;
	line-height: 145%;
}



.Button
{
	word-spacing: 2px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:#F8F8F8;
	cursor:pointer;
	border: solid 1px #CCCCCC
}


input.btn
{
	cursor:pointer;
}  

.StrongButton
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:Bold;
	background-color:#EEEEEE;
	cursor:pointer;
	border: solid 1px #CCCCCC
}



.StaticMenu
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	background-color:Blue;
	color:White;
	font-weight:Normal;
	border-style:none;
	margin-right:12px;
}


.StaticHoverMenu
{
	background-color:Aqua;
	color:Blue;
}


.DynamicMenu
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	background-color:White;
	color:Black;
	font-weight:Normal;
	
	border-style:solid;
	border-width:1px;
	border-color:Black;
	
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	
	margin-left:0px;
	margin-right:0px;
}



.DynamicHoverMenu
{
	background-color:#99CCFF;
	color:Black;
}


dl
{
	word-spacing: 2px;
	margin-bottom: 4px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:White;
	line-height: 160%;
}

dd
{
	word-spacing: 2px;
	margin-bottom: 4px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
  background-color:#EFF4FF;
	line-height: 120%;
	margin-left: 15px;
}

.Notes
{
	word-spacing: 2px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:85%;
	color:Red;
	font-weight:normal;
	background-color:White;
	font-weight:bold;
	font-weight:bolder;
	font-weight:lighter;
	font-weight:normal;
	
}  

ul.Links
{
  padding-left:10px;
  margin-left:0px;
  list-style-type: none;
  padding-top: 3px;
  padding-bottom: 3px;
}  

li.Links
{
	word-spacing: 2px;
	margin-bottom: 3px;
	margin-Top: 0px;
	margin-Bottom: 3px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:small;
	color:Black;
	font-weight:normal;
	background-color:White;
}


td.banner
{
   height:60px; 
}   


.ContactUs
{
  margin:auto;
	font-family: Verdana, Arial, Sans-Serif;
  font-size:small;
  caption-side:top;
  background-color: #F8F8F8;
  border-style:solid;
  border-width:1px;
  border-color: #E0E0E0;
  width: 90%;
  vertical-align:middle;
}  


.banner
{
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
}  


.InputTable
{
  margin:auto;
	font-family: Verdana, Arial, Sans-Serif;
  font-size:small;
  caption-side:top;
  background-color: #F8F8F8;
  border-style:solid;
  border-width:2px;
  border-color: #E0E0E0;
  width: 90%;
  vertical-align:middle;    
}

.RegisterInput
{
  width: 200px;
  background-color: White !important; 
}

RightAlign
{
  text-align:right;
  font-weight:bold;
}

