/*
	CSS Include

	Name:	 	: CSS Content	
	Site:		: iXperionCommunitySite	
	Address		: http://ixperion.smartsite.nl	
	©		: Smartsite Software BV 	
	Author	 	: 	
	Created	 	: 20060722 
	interactief	: false
*/

/********************************************************************/
/* Base HTML Elements												*/
/********************************************************************/


	/********************************************************************/
	/* Start Paragraphs													*/
	/********************************************************************/
	
	p{
		font-size: 100%;
		margin-top: 1.5em;
		margin-bottom: 1.0em;
	}
	
	
	blockquote {
		background: url("/Community/Configuration/CSS/CSS_Images/Miscellaneous/Quotes.gif") top left no-repeat;
		padding-left: 30px;
		margin-bottom: 1.5em;
		font-style: italic;
	}
		
	p.quote {
		background: url("/Community/Configuration/CSS/CSS_Images/Miscellaneous/Quotes.gif") top left no-repeat;
		padding-left: 30px;
		margin-bottom: 1.5em;
		font-style: italic;
	}
	
	
	p.leadin{
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	pre, code {
		font-size: 115%;
		*font-size: 95%;
		white-space: pre;
		overflow: auto;
		overflow-x: scroll; 
		overflow-y: hidden;
		padding: 2px 2px 2px 2px; 		
		background: #F7F7FF;
		color: #000066;
		border-top: 1px inset #EFEFF7;
		border-bottom: 1px inset #EFEFF7;
		min-height: 50px;
	}
	
	.codetitle {
		margin: 0px 0px 0px 0px;
		padding: 2px 2px 2px 2px; 		
		background: #EFEFF7;
		color: #000066;
		font-weight: bold;
	}
	
	.codecontent {
		margin-top: 0px;
	}
	
	#syntaxSection pre{
		overflow:auto;
		border-bottom: none;
	}
	
	dd.meta {
		font-size: x-small;
	}
	
	/********************************************************************/
	/*	End Paragraphs													*/
	/********************************************************************/
	
	
	/********************************************************************/
	/* Start Headers													*/
	/********************************************************************/
	h1, h2, h3, h4, h5, h6{
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
	}
	
	h1 {
		font-size: 135%;
		letter-spacing: 10%;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}
	
	h2 {
		font-size: 120%;
		letter-spacing: 10%;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}
	
	h3 {
		font-size: 115%;
		letter-spacing: 5%;
		margin-top: 0.2em;
		margin-bottom: 0.3em;
	}
	
	h4 {
		font-size: 110%;
		letter-spacing: 5%;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}
	
	h5 {
		font-size: 105%;
		letter-spacing: 2.5%;
		margin-top: 1.5em;
		margin-bottom: 1.0em;
	}
	
	h6 {
		font-size: 102.5%;
		letter-spacing: 2.5%;
		margin-top: 1.5em;
		margin-bottom: 1.0em;
	}
	
	
	
	/********************************************************************/
	/*	End Headers														*/
	/********************************************************************/
	
	/********************************************************************/
	/* Start Hyperlinks													*/
	/********************************************************************/
	
	a {
		color: #537CB5;
	}
	
	a:hover {
		color: #000000;
		text-decoration: none;
	}
	
	a:visited{
		color: #537CB5;
	}
	
	/********************************************************************/
	/* End Hyperlinks													*/
	/********************************************************************/
	
	/********************************************************************/
	/* Start Lists														*/
	/********************************************************************/
	
	ul, dir, menu{
		margin-left: 0px;
		padding-left: 0.5em;
		list-style-image: url("/Community/Configuration/CSS/CSS_Images/Icons/List_Icon.gif");
	}

	ul.rss {
		list-style-image: url("/Community/Configuration/CSS/CSS_Images/Icons/List_Icon_RSS.gif");

	}
	
	ol{
		margin-left: 0px;
		padding-left: 0.5em;
	}
	
	ul li, dir li, menu li{
		margin-left: 1.0em;
		margin-top: 0.5em;
	}
	
	
	ol li{
		margin-left: 1.5em;
		margin-top: 0.5em;
	}
	
	
	ul li a:hover, dir li a:hover, menu li a:hover{
		list-style-image: url("/Community/Configuration/CSS/CSS_Images/Icons/List_Icon_(Hover).gif");
	}
	
	dl{
	
	}

	dt{
		font-weight: bolder;
		margin-top: 0.5em;
	}

		
	
	dd{
		margin-left: 0px;
	}
			
	
	
	/********************************************************************/
	/* End Lists														*/
	/********************************************************************/
	
	
	/********************************************************************/
	/*Start Tables														*/
	/********************************************************************/
	
	table{
		font-size: 95%;
		margin-top: 1.5em;
		margin-bottom: 1.0em;
		text-align: left;
		vertical-align: top;
		caption-side: bottom;
		border-collapse: collapse;
	}
	
	caption{
		font-style: italic;
	}
	
	thead{
		font-size: 100%;
	}
	
	tfoot{
	}
	
	tbody{		
	}
	
	td, th{
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 5px;
		padding-right: 5px;
		vertical-align: top;
	}
	
	th{
		font-weight: bolder;
		text-align:left;
	}
	
	/********************************************************************/
	/*End Tables														*/
	/********************************************************************/	
	
	
	/********************************************************************/
	/* Start Form Elements												*/
	/********************************************************************/
	
	form{
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}
	
	fieldset{
		margin: 2px;
		padding: 2px;
		padding-top: 0.5em;
	}
	
	legend{
		padding: 0px 5px 0px 5px;
		font-weight: bolder;
		font-size: 105%
	}
	
	label{
		margin: 2px;
		padding: 0px 5px 0px 0px;
		font-size: 90%;
		font-weight: bolder;
	}
	
	input{
		margin: 2px;
	}
	.radio {
		margin: 0px;
		padding-top: 1px;
		padding-bottom:2px;
	}
	
	button{
		margin: 2px;
		border: 1px solid #556;
	}
	
	select{
		margin: 2px;
	
	}
	
	textarea{
		margin: 2px;
		padding: 2px;
	}
	
	option{
	}
	
	optgroup{
	}
	/********************************************************************/
	/* End Form Elements												*/
	/********************************************************************/

	
	/********************************************************************/
	/* Start Images														*/
	/********************************************************************/

	img{
		border: 0px;
		}
		/*
		margin-top: 1.0em
		margin-bottom: 1.0em
		margin-left: 5px;
		margin-right: 5px;
		padding: 5px;
	}*/
	
	img.more {
		vertical-align: middle;
		
	}
	
	button img {
		vertical-align: middle;
	}
	
	input img, button img{
		boder: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	
	/********************************************************************/
	/* End Images														*/
	/********************************************************************/	
	
	
/********************************************************************/
/* End Base HTML Elements											*/
/********************************************************************/



/********************************************************************/
/* Start CSS Helpers												*/
/********************************************************************/	
	
	/********************************************************************/
	/*Start alternative width					      					*/
	/********************************************************************/
	
	.width10p{
		width: 10%;
	}

	.width20p{
		width: 20%;
	}	
	
	.width30p{
		width: 30%;
	}	
	
	.width40p{
		width: 40%;
	}	

	.width45p{
		width: 48%;
	}	

		
	.width50p{
		width: 50%;
	}	

	.width60p{
		width: 60%;
	}
	
	.width70p{
		width: 70%;
	}

	.width80p{
		width: 80%;
	}	
	
	.width90p{
		width: 90%;
	}	
		
	.width100p{
		width: 97.5%;
	}	
	
	.width100{
		width:100px;
	}
	
	.width150{
		width:150px;
	}
	
	.width200{
		width: 200px;
	}
	
	.width210{
		width: 210px;
	}
	
	.width225{
		width: 225px;
	}
	
	.width250{
		width: 250px;
	}
	
	.width300{
		width: 300px;
	}

	.width400{
		width: 400px;
	}
	
	.width500{
		width: 500px;
	}
	/********************************************************************/
	/*End alternative width												*/
	/********************************************************************/
	
	
	/********************************************************************/
	/*Start alternative displayment										*/
	/********************************************************************/
	.left{
		float: left;
		clear: left;
	}
	
	.right{
		float: right;
		clear: right;
	}
	
	.hidden{
		display:  none;
	}
	
	.floatinline{
		display:inline;
		float:left;
	}
	
	/********************************************************************/
	/*End alternative displayment										*/
	/********************************************************************/

/********************************************************************/
/*End CSS Helpers													*/
/********************************************************************/



/********************************************************************/
/* Start Toppane													*/
/********************************************************************/



/********************************************************************/
/* Start Toppane													*/
/********************************************************************/



/********************************************************************/
/* Start Subtoppane													*/
/********************************************************************/

	/********************************************************************/
	/* Start Menu														*/
	/********************************************************************/
	.topmenu {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		margin-bottom: 2.0em;
	}
	
	.topmenu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
	}
	
	.topmenu ul li {
		padding: 0;
		margin: 0;
		float: left;
		position: relative;
		height: 20px;
		background: url("/Community/Configuration/CSS/CSS_Images/Buttons/Button_Background_2.png") no-repeat 0 -28px;
	}
	
	.topmenu ul li a, .topmenu ul li a:visited {
		float: left;
		display: block;
		padding: 0px 16px;
		height: 20 px;
		line-height: 20px;	
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.topmenu ul li:hover {
		width: auto;
	}
	
	.topmenu ul li a:hover, .topmenu ul li a.selected {
		color: #FFFFFF;
		xxfont-weight: bolder;
		
		background: url("/Community/Configuration/CSS/CSS_Images/Buttons/Button_Background_3.png") no-repeat 0 0;
	}
	
	.topmenu ul li:hover a, .topmenu ul li a.selected  {
		color: #FFFFFF;
		xxfont-weight: bolder;
		background: url("/Community/Configuration/CSS/CSS_Images/Buttons/Button_Background_3.png") no-repeat 0 0;
	}
	/********************************************************************/
	/* End Menu															*/
	/********************************************************************/	


	/********************************************************************/
	/* Start ItemTitle													*/
	/********************************************************************/
	
	#itemtitle{
		margin-top: 1.5em;
		margin-bottom: 2.5em;
	}

	#itemtitle h1{
		background: url("/Community/Configuration/CSS/CSS_Images/Miscellaneous/Item_Title_Background.png") 0 0.5em no-repeat;
		padding: 0px 0px 0px 10px;
	}


	#itemtitle h1 span{
		background: #ffffff;
		padding: 2px 5px 2px 5px;
	}
	
	#navigationtop{
		margin-top: 3.5em;
		padding: 0px 0px 0px 10px;
	}
	/********************************************************************/
	/* End ItemTitle													*/
	/********************************************************************/	
		

/********************************************************************/
/* End Subtoppane													*/
/********************************************************************/



/********************************************************************/
/* Start Leftpane													*/
/********************************************************************/


	/********************************************************************/
	/* Start Frontpage													*/
	/********************************************************************/

	.frontpageblock{
		margin-top: 1.0em;
		margin-bottom: 2.0em;
		background: url("/Community/Configuration/CSS/CSS_Images/Miscellaneous/Sidepane_Gradient.gif") top left repeat-x;
		border: 1px solid #d6d3cc;
		padding: 5px;
		padding-top: 12px;
	}
	
	.bluegradient{
		background: url("/Community/Configuration/CSS/CSS_Images/Backgrounds/Gradient_-_Blue.png") repeat-x;
		float:left;
	}
	
	.redgradient{
		background: url("/Community/Configuration/CSS/CSS_Images/Backgrounds/Gradient_-_Red.png") repeat-x;
		float:left;
	}

	.yellowgradient{
		background: url("/Community/Configuration/CSS/CSS_Images/Backgrounds/Gradient_-_Yellow.png") repeat-x;
		float:left;
	}

	.frontpageblock dl{
		margin-top: 0;
	}
	
	.frontpageblock dl dt{
		font-size: 120%;
		color: #6C8EC4;
	}
	
	.frontpageblock dl dt a{
		text-decoration:none;
		cursor:hand;
	}

	#flashbanner{
		width: 100%;
		text-align: center;
	}

	/********************************************************************/
	/* End Frontpage													*/
	/********************************************************************/

	
	
	/********************************************************************/
	/* Start Mainpanelist												*/
	/********************************************************************/
	
	
	/*.mainpanellistblock {
		border-bottom: 2px dotted #bbb;
	}*/
	
	.mainpanelist{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.mainpanelist h3 {
		margin-top: 0px;
		
	}
	.mainpanellistblock dl{
		padding: 0px;
		padding-left: 8px;
		padding-right: 6px;
		margin-top: 1px;
	}
	
	.mainpanellistblock dt{
		font-size: 120%;	
	}
	
	.mainpanellistblock a:link, .mainpanellistblock a:visited{
		text-decoration: none!important;
	}

	.mainpanellistblock a:hover{
		text-decoration: underline!important;
	}

	.mainpanelist h3 span{
		background: url("/scf/gfx/box/boxixcstop.png") no-repeat #556;
		display: block;
		width: 100%;
		color: white;
		padding: 0px 4px 0px 4px;
	}	

	DIV.mainpanellistblock img.thumb {
		float: left; 
		border: 5px solid white;
		padding: 0;
		background-color: white;
	}

	/********************************************************************/
	/* End Mainpanelist													*/
	/********************************************************************/

	
	
	
	/********************************************************************/
	/* Start Item Comments												*/
	/********************************************************************/

	.itemcomment{
		padding: 2px;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
		border: 1px solid #d6d3cc;
		background: url("/Community/Configuration/CSS/CSS_Images/Miscellaneous/Sidepane_Gradient.gif") top left repeat-x;
	}
	
	.itemcommentheader, .itemcommentsubheader, .itemcommentbody, .itemcommentfooter{
		margin:0;
		padding:2px;
	}

	.itemcommentsubheader{
		height: 30px;
	}

	
	.itemcommentbody{
		border-top: 1px dashed #d6d3cc;
	}
		
	.itemcommentfooter{
		height: 0;
		clear: both;
	}
	
	.itemcommentid{
		float:right;
	}

	.itemcommentid h3{
		margin: 0;
		margin-top: 0.25em;
		font-size: 120%;
	}
	
	.itemcommentid h3 a, .itemcommentid h3 a:hover, .itemcommentid h3 a:visited {
		color: #484848;
		font-weight: bolder;
		text-decoration: none;
	}	
	
	.itemcommentauthor {
	}
	
	.itemcommentauthor h4{
		margin: 0;
		margin-top: 0.25em;
		font-size: 110%;
	}
			
	.itemcommentsubheader{
		color: #484848;
		font-weight: bolder;
	}
	
	.itemcommentmeta {
		float:right;
		color: #484848;
		font-weight: bolder;
	}
	
	.itemcommentmeta ul{
		padding: 0;
		list-style-type: none;
		list-style-image: none;	
	}
	
	.itemcommentmeta li{	
		padding: 2px 5px 2px 5px;
		margin: 0;
		float: left;
		position: relative;
	}
	
	
	.notification{
		text-align: right;
		color: #c15226;
		font-size: 90%;
	}
	/********************************************************************/
	/* End Item Comments												*/
	/********************************************************************/

	
		
	/********************************************************************/
	/* Start Comment and Topic Form										*/
	/********************************************************************/

	.formelements input, .formelements textarea {
		width: 97.5%;
	}
	
	.formbuttons {
		text-align: right;
	}
		
	/********************************************************************/
	/* Start Comment and Topic Form										*/
	/********************************************************************/


	
	
	/********************************************************************/
	/* Start BlogEntry and Topic										*/
	/********************************************************************/
		
	.blogentry, .topic{
		margin-bottom: 3.0em;
		padding: 2px;
	}

	.blogentrytitle a, .topictitle a{
		text-decoration: none;
	}

	.blogentrytitle h2, .topictitle h2{
		background: url("/Community/Configuration/CSS/CSS_Images/Miscellaneous/Item_Title_Background.png") 0 0.5em no-repeat;
		padding: 0px 0px 0px 10px;
	}


	.blogentrytitle h2 span, .topictitle h2 span{
		background: #ffffff;
		padding: 2px 5px 2px 5px;
	}
	
	.blogentrytext, .topictext{
		margin-top: 1.0em;
		clear: both;
	}

	.blogentrytext img{
		border: 1px solid #d6d3cc;
	}


	.blogentrymeta, .topicmeta {
		float:right;
		color: #484848;
		font-weight: bolder;
	}
	
	.blogentrymeta ul, .topicmeta ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
		list-style-image: none;	
	}
	
	.blogentrymeta li, .topicmeta li{	
		padding: 2px 5px 2px 5px;
		margin: 0;
		float: left;
		position: relative;
	}
	
	
	/*overruling itemcomments layout for blogentries */

	#blog .itemcommentauthor ul{
		display:none;
	}
	
	#blog .itemcommentbody{
		border-top: none;
		height: 1%;
	}	
	
	
	/*overruling itemcomments layout for topics*/
	#forum .itemcommentheader{
		float: left;
		width: 150px;
	}
	
	#forum .itemcommentsubheader, #forum .itemcommentbody, #forum .itemcommentfooter{
		margin-left: 160px;
	}

	#forum .itemcommentid{
		float:none;
	}
	
	
	#forum .itemcommentauthor h4{
		margin: 0;
		margin-top: 0.5em;
		font-size: 0.85em;
	}

	forum .itemcommentauthor li{
		font-size: 0.85em;
	}

	/********************************************************************/
	/* End BlogEntry and Topic											*/
	/********************************************************************/

	/********************************************************************/
	/* Start Forum List and ForumTopic List								*/
	/********************************************************************/
	
	table.overview {
		border: 1px solid #CACCCA;
	}
	
	table.overview thead, table.overview tfoot {
		background-color: #CACCCA;
		
	}

	table.overview thead tr th, table.overview tfoot tr th {
		border: 1px solid #FFFFFF;
	}
				

	table.overview tbody tr td {
		border: 1px solid #CACCCA;
	}
	
	table.overview tbody tr.even {
		background-color: #F3F3F3;
	}
	
	tr.navigation span{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	tr.navigation span.pagid, tr.navigation span.pagcount{
		font-weight: bolder;
	}

		
	/********************************************************************/
	/* End Forum List and ForumTopic List								*/
	/********************************************************************/
	
	
	/********************************************************************/
	/* Start Search Results												*/
	/********************************************************************/

	#rightpane .CoolForm{
		margin: -5px;
		padding: 0px;
		max-width: 205
	}

	#rightpane .CoolForm fieldset{
		border: 0px;		
	}

	#rightpane .CoolForm legend{
		display: none;		
	}
	
	#rightpane .CoolForm label {
		display: none;	
	}
	#rightpane .inputtext {
		border: 1px solid #556;
		width: 130px; 
		border: 1px solid #556; 
		background-color: #eef;
	}

	.searchresult{
		margin-top: 1.0em;
		margin-bottom: 2.0em;
		background-color: #F3F3F3;
		padding: 2px;	
	}
	
	.rank{
		display:block;
		width:100px;
	}
	
	.rankelement{
		display:block;
		float:left;
		width: 11px; 
		height: 11px; 
		margin: 1px; 
		background: #537CB5 url("channel.link(IMG_SEARCHRANKELEMENT)") top left no-repeat;
		border: 1px solid #537CB5;
	}
	
	.norankelement{
		display:block;
		float:left;
		width: 11px; 
		height: 11px; 
		margin: 1px; 
		background: #FFFFFF url("channel.link(IMG_SEARCHRANKELEMENT)") top left no-repeat;
		border: 1px solid #537CB5;
	}
	
	/********************************************************************/
	/* End Search Results												*/
	/********************************************************************/
	
	/********************************************************************/
	/* Start Tag Cloud												*/
	/********************************************************************/
	.tagcloud{
		text-align:center;
	}
	.tagcloud span{
		margin-left: 2px;
		margin-right: 2px;
	}
	/********************************************************************/
	/* End Tag Cloud												*/
	/********************************************************************/


		
/********************************************************************/
/* End Leftpane														*/
/********************************************************************/




/********************************************************************/
/* Start Rightpane													*/
/********************************************************************/
	
	#rightpane{
		border-left: 2px dotted #bbb;
		padding-left: 4px;
	}
	


	/********************************************************************/
	/* Start Rightpane Element											*/
	/********************************************************************/
	
	#rightpane .element{
		width: 200px;
		margin-bottom: 0.6em;
		margin-top: 0.4em;
		padding: 2px;
		
		
	}	

	.column {
		margin-bottom: 2em;
		border: 1px solid #ccc;
	}

	.column form{
		margin-top: 0;
	}
	
	#rightpane .element h3 {
		color: white;
		margin-top: 0px;
		font-size: 110%;
	}

	#rightpane .element h3 span{
		background: url("/Community/Configuration/CSS/CSS_Images/Backgrounds/Gradient_-_Grey_-_Horizontal-small.png") no-repeat #556;

		display: block;
		padding: 0px 4px 0px 4px;
		width: 160px;
	}
	
	#rightpane banner{
		text-align: center;
	}
	
	#rssfeed li{
		list-style-image: url('/Configuration/Icons/RSS/feed-icon-16x16.png');
		margin-top: -14px;
		padding-left: 10px;
		
	}
	
	#rssfeed ul li a:hover{
		list-style-image: url('/Configuration/Icons/RSS/feed-icon-16x16.png');
	}
	
	
	/********************************************************************/
	/* End Rightpane Element											*/
	/********************************************************************/	
		

/********************************************************************/
/* End Rightpane													*/
/********************************************************************/

/********************************************************************/
/*Start Bottompane							      					*/
/********************************************************************/


	/********************************************************************/
	/*Start Bottompane Element					      					*/
	/********************************************************************/
	
	.bottompaneelement {
		color: #ffffff;
	}
	
	.bottompaneelement a{
		color: #ffffff;;
	}
	
	.bottompaneelement a:hover {
		color: #000000;
		text-decoration: none;
	}
	
	.bottompaneelement a:visited{
		color: #ffffff;;
	}
	/**********************************************************************/
	/*End Bottompane Element										      */
	/**********************************************************************/


/**********************************************************************/
/*End Bottompane												      */
/**********************************************************************/

div.hot {
	border: 3px dotted #cca;
	padding: 3px 8px;
}

div.hot1 {
	border: 0px ;
	padding: 3px 8px;
}
span.login {
	display: block;
	height: 35px;
	width: 134px;
	padding-left: 20px;
	background: url("/Community/Configuration/CSS/CSS_Images/Icons/Login_icon.png") no-repeat;
}

#spotlight h3, #spotlightnomember h3 {
	font-size: 150%;
}

.LogonSuccess {
	font-size: 110%;
	color: black;
	padding: 50px;
	border: 6px solid #73B500;
	width: 300px;
	text-align: center;
	background: url("/Community/Configuration/CSS/CSS_Images/Icons/Ok_Icon_(big).gif") no-repeat 3px 3px;
}

.Hidden {	
	display: none;
}

#newslist dt {
	font-size: 130%;
	border-bottom: 1px dotted #ccc;
}


a.TagTerm:link, a.TagTerm:visited {
	text-decoration: none;
}

a.TagTerm:hover {
	text-decoration: underline;
}

.UsedTag {font-weight: bolder}

/***********************************************************
 *             STRUCTURE PRESENTATION STYLES
 ***********************************************************/

/* Applies to everything below the non-scrolling header region. */
div#mainSection
{
	font-size: 62.5%;
	width: 100%;
}
html>body #mainSection
{
	font-size:73%;
	width: 100%;
}

/* Applies to everything below the non-scrolling header region, minus the footer. */
div#mainBody
{
	font-size: 100%;
	margin-left: 15;
	margin-top: 10;
	padding-bottom: 20;
}

html>body #mainBody
{
	font-size: 93%;
	margin-left: 15;
	margin-top: 10;
	padding-bottom: 20;
}

/* Adds right padding for all blocks in mainBody */
div#mainBody p, div#mainBody ol, div#mainBody ul, div#mainBody dl
{
	padding-right: 5;
}

/*------------------------------ Begin Non-scrolling Header Region Styles -------------------------------*/
/* Applies to the entire non-scrolling header region. */
div#header
{
	background-color: #D4DFFF;
	padding-top:	0;
	padding-bottom:	0;
	padding-left:	0;
	padding-right:	0;
	width:	100%;
}

/* Applies to both tables in the non-scrolling header region. */
div#header table
{
	border-bottom-color: #C8CDDE;
	border-bottom-style: solid;
	border-bottom-width: 1;
	width:	100%;
}

/* Applies to cells in both tables in the non-scrolling header region. */
div#header table td
{
	color: #0000FF;
	font-size: 70%;
	margin-top:	0;
	margin-bottom:	0;
	padding-right: 20;
}
/* Applies to second row in the upper table of the non-scrolling header region. */
div#header table tr#headerTableRow2 td
{
	padding-left: 13px;
}

/* Applies to the last row in the upper table of the non-scrolling header region. Text 
   in this row includes See Also, Constructors, Methods, and Properties. */
div#header table tr#headerTableRow3 td
{
	padding-bottom: 2;
	padding-top: 5;
	padding-left: 15;
}

/* Applies to the lower table in the non-scrolling header region. Text in this table
   includes Collapse All/Expand All, Language Filter, and Members Options. */
div#header table#bottomTable
{
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1;
	text-align: left;
	padding-left: 15;
}

/* Formats the first column--the one that displays icons--in mref list tables (such as Public Constructors, 
   Protected Constructors, Public Properties, Protected Properties, and so on). */
div#mainSection table td.imageCell
{
	white-space: nowrap;
}
/*------------------------------ End General Table Styles -------------------------------*/

/*------------------------------ Begin General Table Styles -------------------------------*/

div#mainBody div.alert, div#mainBody div.code, div#mainBody div.tableSection
{
	width:98.9%;
}

div#mainBody div.section div.alert, div#mainBody div.section div.code,
div#mainBody div.section div.tableSection
{
	width:100%;
}

div#mainBody div.section ul div.alert, div#mainBody div.section ul div.code,
div#mainBody div.section ul div.tableSection, div#mainBody div.section ol div.alert, 
div#mainBody div.section ol div.code, div#mainBody div.section ol div.tableSection
{
	width:100%;
}

div.alert p, div.code p
{
	margin-top:5;
	margin-bottom:8;
}
dd p
{
	margin-top:2;
	margin-bottom:8;
}
div.tableSection p
{
	margin-top:1;
	margin-bottom:4;
}	
li p
{
	margin-top:2;
	margin-bottom:2;
}
div.seeAlsoNoToggleSection dl
{
	margin-top:8;
	margin-bottom:1;
	padding-left:1;
}
div.seeAlsoNoToggleSection dd p
{
	margin-top:2;
	margin-bottom:8;
}
div.section dl
{
	margin-top:8;
	margin-bottom:1;
	padding-left:1;
}
div.section dd p
{
	margin-top:2;
	margin-bottom:8;
}
/*------------------------------ End General Table Styles -------------------------------*/



/*------------------------------ Begin Syntax and Snipper Code Block Styles -------------------------------*/
div.code
{
	margin-top:10px;
}
div.code table
{
	border: 0;
	font-size: 95%;
	margin-bottom: 5;
	margin-top:-.4em;
	width: 100%
}

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



div.code table td
{
	background:	#F7F7FF;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1;
	padding-left: 5;
	padding-right: 5;
	padding-top: 5;
}
/* Applies to the running header text in the first row of the upper table in the
   non-scrolling header region. */
span#runningHeaderText
{
	color: #003399;
	font-size: 90%;
	padding-left: 13;
}

/* Applies to the topic title in the second row of the upper table in the
   non-scrolling header region. */
span#nsrTitle
{
	color: #003399;
	font-size: 120%;
	font-weight: 600;
}
/*------------------------------ End Non-scrolling Header Region Styles -------------------------------*/


/* Formats the footer. Currently, the transforms pass in two parameters to the 
   footer SSC, but the default footer SSC doesn't use either parameter.
   TODO: Investigate whether the default footer SSC has any impact on doc spec. */
div#footer
{
	font-size: 80%;
	margin-top:	0;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	padding-top:	8;
	padding-bottom:	6;
	padding-left:	5;
	padding-right:	2;
	width:	100%;
}

html>body div#footer
{
	font-size: 80%;
	margin-top:	0;
	margin-bottom:	0;
	margin-left:	0;
	margin-right:	0;
	padding-top:	2;
	padding-bottom:	6;
	padding-left:	5;
	padding-right:	2;
	width:	98%;
}

/* Unable to find this style in the transforms. The default footer SSC adds a plain horizontal rule.
   TODO: Determine whether this style is required by the doc spec. */
/*
hr#footerHR
{
	border-bottom-color: #EEEEFF;
	border-bottom-style: solid;
	border-bottom-width: 1;
	border-top-color: C8CDDE;
	border-top-style: solid;
	border-top-width: 1;
	height: 3;
	color: #D4DFFF;
}
*/


/* Applies to the body of a collapsible section */
div.seeAlsoNoToggleSection
{
	margin-left:0;
	padding-top:	2;
	padding-bottom:	2;
	padding-left:	0;
	padding-right:	15;
	width:	100%;
}

div.section
{
	margin-left:0;
	padding-top:	2;
	padding-bottom:	2;
	padding-left:	16;
	padding-right:	15;
	width:	100%;
}
html>body div.section
{
	margin-left:0;
	padding-top:	2;
	padding-bottom:	2;
	padding-left:	16;
	padding-right:	15;
	width:	97%;
}
div.seeSection
{
	margin-left:0;
	padding-top:	0;
	padding-bottom:	2;
	padding-left:	16;
	padding-right:	15;
	width:	100%;
}

/*------------------------------ Begin Heading Styles -------------------------------*/
/* As far as I can tell, only h1 tags use this class.
   TODO: Decide whether to roll these attributes into the h1.heading style */
.heading
{
	font-weight:	bold;
	margin-top:		18;
	margin-bottom:	8;
}

/* All h1 headings. */
h1.heading
{
	color: #003399;
	font-size:	130%;
}

/* Applies to table titles and subsection titles. */
.subHeading
{
	font-weight:	bold;
	margin-bottom:	4;
}
.procedureSubHeading
{
	font-weight: bold;
	margin-bottom: 4;
}

/* Formats the titles of author-generated tables. */
h3.subHeading
{
	color:  #000000;
	font-size: 120%;
    font-weight:800;
}

h3.procedureSubHeading
{
	color: #003399;
	font-size: 120%;
}

/* Formats the titles of all subsections. */
h4.subHeading
{
	color: #000000;
	font-size: 110%;
	font-weight:800;
}
span.labelheading, div.labelheading
{
	font-size:100%;
	color:#003399;
}

/*------------------------------ End Heading Styles -------------------------------*/


/*------------------------------ Begin Image Styles -------------------------------*/
img.copyCodeImage
{
	border: 0;
	margin: 1;
	margin-right: 3;
}

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

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

img.note
{
	border: 0;
	margin-right: 3;
}
/*------------------------------ End Image Styles -------------------------------*/


/*------------------------------ Begin General Table Styles -------------------------------*/
div#mainSection table
{
	border: 0;
	font-size: 100%;
	width:	98.9%;
	margin-top: 5px;
	margin-bottom: 5px;
}

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

div#mainSection table th
{
	background-color: #EFEFF7;
	border-bottom: 1px solid #C8CDDE;
	border-left: 1px none #D5D5D3;
	color: #000066;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

div#mainSection table td
{
	background-color: #F7F7FF;
	border-bottom: 1px solid #D5D5D3;
	border-left: 1px none #D5D5D3;
	padding-left: 5px;
	padding-right: 5px;
}

/* Formats the first column--the one that displays icons--in mref list tables (such as Public Constructors, 
   Protected Constructors, Public Properties, Protected Properties, and so on). */
div#mainSection table td.imageCell
{
	white-space: nowrap;
}
/*------------------------------ End General Table Styles -------------------------------*/



/*------------------------------ Begin Note Styles -------------------------------*/
div.alert table
{
	border: 0;
	font-size: 100%;
	width:	100%;
}

div.alert table th
{
	background:	#EFEFF7;
	border-bottom-width: 0;
	color: #000066;
	padding-left: 5;
	padding-right: 5;
}

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


/*------------------------------ End Note Styles -------------------------------*/


/* Applies to the copy code text and image. */
span.copyCode
{
	color: #0000ff;
	font-size: 90%;
	font-weight: normal;
	cursor: pointer;
	float: right;
	display: inline;
	text-align: right;
}

span.copyCodeOnHover
{
	color: #E85F17;
	font-weight: normal;
	cursor: pointer;
	display: inline;
	text-decoration: underline;
	/* (WMR) Changed 
	font-size:xx-small;
	float: left;
	text-align: left;
	padding-bottom:10px;
	*/
	font-size: 90%;
	float: right;
	text-align: right;
}

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

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

/* Formats the code in syntax and usage blocks, and the code in non-snipper code blocks. */
div.code pre
{
	font-family:	Monospace, Courier New, Courier;
	font-size: 105%;
	color:	#000066;
	/* WMR: Removed attribute
	word-wrap:	break-word;
	*/
	background: #F7F7FF;
}

/* Formats parameter tooltips. */
.tip
{
	color:	#0000FF;
	font-style: italic;
	cursor: pointer;
	text-decoration:underline;
}

/* Applies to the language labels in the Language Filter drop-down list. */
.languageFilter
{
	color:	#0000FF;
	cursor: pointer;
	text-decoration:underline;
	padding-bottom:4;
}

/* 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%
}

/* The sourceCodeList class doesn't appear in the transforms.
   TODO: Find out whether this style is needed for the doc spec. */
/*
.sourceCodeList
{
	font-family: Verdana;
	font-size: 90%;	
}
*/

/* The viewCode class doesn't appear in the transforms.
   TODO: Find out whether this style is needed for the doc spec. */
/*
pre.viewCode
{
	width: 100%;
	overflow: auto;
}
*/

/* Dropdown areas */

#languageSpan {
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: #C8CDDE;
	background: #d4dfff;
	padding: 4px;
	font-size: 70%;
}

#membersOptionsSpan {
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: #C8CDDE;
	background: #d4dfff;
	padding: 4px;
	font-size: 70%;
}

/* Line seperating footer from main body */

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

}

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

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

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

/* (WMR) Changed language visibility, display C# instead of VB syntax */
span.cs {
	display: inline;
}

span.vb {
	display: none;
}

span.cpp {
	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 
{
	font-weight: bold;
}

div.code span.keyword 
{
	color: green;
}

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

div.code span.literal 
{
	color: purple;
}

div.code span.comment 
{
	color: red;
}

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

div.seeAlsoStyle
{
	padding-top:5px;

}
/* end of syntax styles */

/* 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: Arial;}

/* [WMR] Custom Smartsite Styling */
div.disclaimer { color: #a9a9a9; /* darkgray */ }

.list-meta {
	font-size: x-small;
}
.list-meta-date {
	font-size: x-small;
	color: #66a;
	
}