﻿	/*
		-- Colours --

		blues:
		#003366		v dark
		#006699		dark
		#95A9D3		darker border lines
		#B0C1E0		v slight border lines
		#C1CDE5		main box back ground
		#CCD7EC		lighter

		green:
		#C2E6C7

		yellow:
		#E6E6C2
			
	*/

html {
	overflow-y: scroll;
}

.titleBar{
	
	background-image:url('/images/titleBarGreenGrad.png');
}

.contentBox{
	
	background-image:url('/images/blue-back-grad.gif');
	background-repeat:repeat-x;
}

.reviewsBoxContainer{
	/*background-color:#CCD7EC;*/
}


a img{
border:none;
}

	.licenseAboutDomains{
font-size: smaller;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

			#oCMenu_top4_0
		{
			clip:rect(0px, 20px, 18px, 0px) !important;
		width:20px !important;
		}
		.featureButton{
			background-image:url(/images/feature-button.png);
			background-repeat: no-repeat;
			cursor: pointer; cursor: hand;
			width:95px; height:57px; display:block; text-align: center; padding-top:14px;
			padding-left:1px;padding-right:2px;

		}
		.featureButtonNoExpand{
			background-image:url(/images/feature-button-noexpander.png);			background-repeat: no-repeat;cursor: pointer; cursor: hand;	width:95px; height:57px; display:block; text-align: center; padding-top:14px;padding-left:1px;padding-right:2px;font-size:8pt;
		}

		#featureHolder{
			postion:absolute; 
			display:none;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 2px;
			background-color:#D4DDF0;/*#CAD5EC;*/
			z-index:19;
			border:2px solid #B0C1E0;
			overflowY:scroll;
			filter:	alpha(Opacity=100);
		}

		.activeFeatureTab{
			border-right: 1px solid #C1CDE5;
			border-left: 1px solid #C1CDE5;
			border-top: 1px solid #C1CDE5;
			background-color:#E0E7F4;
			padding:5px;
		}

		.inactiveFeatureTab{
			border-right: 1px solid #C1CDE5;
			border-left: 1px solid #C1CDE5;
			border-top: 1px solid #C1CDE5;
			border-bottom: 1px solid #C1CDE5;
			background-color: #CCD6EA;
			cursor: pointer; cursor: hand;
			padding:5px;
		}

		.noFeatureTab{
			border-bottom: 1px solid #C1CDE5;
		}

		.featureViewContent{
			border-bottom: 1px solid #C1CDE5;
			border-right: 1px solid #C1CDE5;
			border-left: 1px solid #C1CDE5;
			background-color:#E0E7F4;
			padding:5px;
			padding-top:10px;
		}

		.featureView{
			

		}



	hr{
		
		color: #B0C1E0;

	}

	a.expanderLink:link, a.expanderLink:visited{
		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
		text-decoration: none;
		color: #003366;
		
	}
	a.expanderLink:hover{
		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
		text-decoration: none;
		color: #006699;
	}
	.expanderItem{
		padding-bottom: 8px;

	}

	.expanderContent{
		display: none; 
		text-align:center;
		border-left: 1px solid #B0C1E0;
		border-right: 1px solid #B0C1E0;border-bottom: 1px solid #B0C1E0; 
		padding: 0px; margin-bottom:20px;
		}

	.expanderInnerText{

		text-align: left;
	}


	p.expanderInnerText{
		margin-top: 0px;
		padding: 4px;
	}



	body{
		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
	}

	p, li, ul, td{
		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
	}

	.bodyText{

		line-height: 150%;
	}

	td.prodHighLight, a.prodHighLight{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		font-weight: bold;
		color: #006699;
		text-align: center;

	}

td.prodHighLight2{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		font-weight: normal;
		color: #000000;
		text-align: left;
	}

	.osHead{
		color: #94ABD4;
	}


	input, textarea, select{
		font-family: arial, sans-serif, helvetica;
		

		font-size:8pt; 

/*
border:1px solid #95A9D3;
		scrollbar-base-color: #006699;
		scrollbar-track-color: #c0cde5;
		scrollbar-face-color: #c0cde5;
		scrollbar-highlight-color: #dbe3f1;
		scrollbar-3dlight-color: #C0CDE5;
		scrollbar-darkshadow-color: #000000;
		scrollbar-shadow-color: #003366;
		scrollbar-arrow-color: #003366;

		background-color:#EAEEF7;
*/
	}

	input.radio{
		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
		background-color: #C1CDE5;
	}




	.sideBar{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		text-decoration:none;
		color: #006699;
	}

	.productDescription{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		text-decoration:none;
		padding-left: 20px;
		color: #000000;
	}



	.sideBar a:link, .sideBar a:visited{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		text-decoration:none;
		color: #003366;
	}

	.sideBar a:hover{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		text-decoration: underline;
		color: #006699;
	}


	h2{
		font-family: arial, sans-serif, helvetica;
		font-size: 16pt;
		font-weight: normal;
		color: #006699;
	}

	h3{
		font-family: arial, sans-serif, helvetica;
		font-size: 12pt;
		font-weight: normal;
		color: #006699;
	}

	.codeExample{ border:1px solid #006699;background-color:white;
padding:5px;
margin:5px;
font-size:8pt;
}

 	.introText{
		color: #000000;

		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
		margin:0px;
		display:inline;
	}

	.pageTitle{
		font-family: arial, sans-serif, helvetica;
		font-size: 18pt;
		color: #006699;
		font-weight: normal;
		margin:0px;
	}

	.pageTitleVersion{
		font-family: arial, sans-serif, helvetica;
		font-size: 10pt;
		font-weight: normal;
		color: #006699;
/*		vertical-align: middle;*/
	}

	a:link, a:visited {
		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
		text-decoration:underline;
		color: #003366;
	}

	a:hover{
		font-family: arial, sans-serif, helvetica;
		color: #006699;
	}


	a.thumbnail:link, 	a.thumbnail:visited,	a.thumbnail:hover{
		font-family: arial, sans-serif, helvetica;
		font-size: 7pt;
		text-decoration:none;
		color: #006699;
	}

	td.topLinks{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		text-decoration: none;
		color: #000000;

	}

	table.topLinks{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		text-decoration: none;
		color: #000000;
		border: none;
	}

	a.topLinks:link, a.topLinks:visited, a.topLinks:hover{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		text-decoration: none;
		color: #006699;
	}

	a.topLinks:hover{
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		text-decoration: underline;
		color: #003366;
	}

	.question{			font-weight: bold;}
	.answer{			}


	.copyrightMessage{
		text-align: center;
		font-family: arial, sans-serif, helvetica;
		font-size: 8pt;
		color: #006699;
	}

	.licenseInfo{
		border: 1px solid #95A9D3;
		padding: 5px;
		padding-top: 0px;
	}

	a.leftMenuItem:link, a.leftMenuItem:visited, a.leftMenuItem:active{
			text-decoration:none;
			font-size:8pt;
			padding: 0px;
			margin: 0px;
	}



	div.leftMenuItem{
			border-bottom: 1px solid #D9D8A1;/*#B0C1E0; */
			width:100px; height:26px; cursor: hand; padding:4px; padding-bottom: 10px;
			font-size:8pt;
			
	}

	div.leftActiveMenuItem{
			border-bottom: 1px solid #D9D8A1;/*#B0C1E0; */
			width:100px; height:26px; padding:4px; padding-bottom: 10px;
			font-size:8pt; font-weight:bold;
			
	}
	div.leftLastMenuItem{
			width:100px; height:26px; cursor: hand; padding:4px; padding-bottom: 10px;
			font-size:8pt;
	}
	div.leftLastActiveMenuItem{
			width:100px; height:20px;  padding:4px;padding-bottom: 10px;
			font-size:8pt;font-weight:bold;
	}

		a.expanderLinks:link,a.expanderLink:visited{
		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
		text-decoration: none;
		color: #003366;

	}
	a.expanderLink:hover{
		font-family: arial, sans-serif, helvetica;
		font-size: 9pt;
		text-decoration: none;
		color: #006699;
	}
	.expanderItem{
		padding-bottom: 8px;
		}

	.expanderContent{
		display: none; 
		text-align:center;
		border-left: 1px solid #B0C1E0;
		border-right: 1px solid #B0C1E0;border-bottom: 1px solid #B0C1E0; 
		padding: 0px; margin-bottom:20px;
		}


	a:link.productLink, a:visited.productLink, .productLink{
				text-decoration: none;
				padding: 4px;
				width:390px;
			}

			a:link.productLinkHighlight, a:visited.productLinkHighlight, .productLinkHighlight{
				text-decoration: none;
				border:1px solid #B0C1E0;
				padding: 3px;
				background-color: #E6E6C2;
				margin:0px;
				width:390px;
			}
			
			p.productLink{
				margin:0px;
			}


			.dotnettab, .javatab{
				font-size: 11pt;
				font-weight: normal;
				color: #006699;
				background-color: #C5D1E9;
				border-top: 1px solid #B0C1E0;
				border-left: 1px solid #B0C1E0;
				border-right: 1px solid #B0C1E0;
				width: 150px;
				padding: 5px;
				cursor: hand;
			}

			.dotnettabactive, .javatabactive{
				font-size: 11pt;
				font-weight: normal;
				color: #006699;
				background-color: #CCD7EC;
				border-top: 1px solid #95A9D3;
				border-left: 1px solid #95A9D3;
				border-right: 1px solid #B0C1E0;
				width: 150px;
				padding: 5px;
				cursor: hand;
			}

			#dotnetfront, #javafront{
				border-left: 1px solid #95A9D3;
				border-right: 1px solid #B0C1E0;
				border-bottom: 1px solid #95A9D3;
				padding: 5px;
				display: block;
				background-color: #CCD7EC;
				height: 485px;
			}


			table.featureTable{
				border: 2px solid #95A9D3;
			}
			table.featureTable th{
				background-color: #E6E6C2;
				text-align: left;
				padding: 9px;
				font-weight: normal;
			}

			table.featureTable td.row1{
				background-color: #CCD7EC;
				padding: 9px;
				border-top: 1px solid #B0C1E0;
			}

			table.featureTable td.row2{
				background-color: #D9E2F1;
				padding: 9px;
				border-top: 1px solid #B0C1E0;
			}

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; background-color:#C1CDE5; layer-background-color:#C1CDE5; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:arial,helvetica; font-size:8pt; font-weight:normal; }
.clLevel0{background-color:#C1CDE5; layer-background-color:#C1CDE5; color:#006699;}
.clLevel0over{background-color:#C1CDE5; layer-background-color:#C1CDE5; color:black; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#C1CDE5; layer-background-color:#C1CDE5}

/*Styles for level 1*/
.clLevel1{position:absolute; padding: 4px; font-family:arial,helvetica; font-size:8pt; font-weight:normal;
background-color:#CCD7EC; layer-background-color:#CCD7EC; color:#003366; padding:5px;
}
.clLevel1over{position:absolute; padding-top: 4px; font-family:arial,helvetica; font-size:8pt; font-weight:normal; 
background-color:#C2E6C7; layer-background-color:#c2e6c7; color:#003366; cursor:pointer; cursor:hand;
border-top:1px solid #95A9D3; 
border-bottom:1px solid #95A9D3; 
padding-left:5px;
/*border-bottom:1px solid red;*/
}



/*.clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}*/
.clLevel1border{position:absolute; visibility:hidden; background-color:#C1CDE5; layer-background-color:#C1CDE5; 
border-left: 1px solid #95A9D3; border-bottom: 1px solid #95A9D3; border-right: 1px solid #95A9D3;
}

/*Styles for level 2*/

.clLevel2{
position:absolute; padding: 4px; font-family:arial,helvetica; font-size:8pt; font-weight:normal;
background-color:#CCD7EC; layer-background-color:#C1CDE5; color:#003366;}
.clLevel2over{
position:absolute;  font-family:arial,helvetica; font-size:8pt; font-weight:normal;padding-top: 3px; 
background-color:#C2E6C7; layer-background-color:#c2e6c7; color:#003366; cursor:pointer; cursor:hand;
border-top:1px solid #95A9D3; 
border-bottom:1px solid #95A9D3; 
padding-left:4px;
}
.clLevel2border{position:absolute; visibility:hidden; background-color:#C1CDE5; layer-background-color:#C1CDE5; 
border-left: 1px solid #95A9D3; border-bottom: 1px solid #95A9D3; border-right: 1px solid #95A9D3; border-top: 1px solid #95A9D3;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
