/* --- exampleBox styling --- */
		.exampleBox *
		{
			margin:0;
			padding:0;
		}

		.exampleBox
		{
			border:1px solid #ccc;
			padding:20px;
			margin: 1.4em 0 2.2em 20px;
			float: left;
			line-height: normal;
			display: inline;
			background-color: #FCFCFC;
			font-family: Arial, Sans-serif;
		}

		.eBoxWidth_Small
		{
			width:152px;
		}

		.eBoxWidth_Medium
		{
			width:202px;
		}





		.exampleBox h6
		{
			font-size: 10px;
			text-align: left;
			border-style:none;
			background:transparent;
			margin: 0 0 1em 0;
			padding:0;
			color: #000;
			clear:left;
			font-weight:normal;
		}
		.exampleBox .caption
		{
			color: #600;
			font-style: italic;
			font-size: 11px;
			margin-top:1em;
			margin-bottom:-10px;
			clear:both;
		}
		.exampleBox .container
		{
			background-color: #FFFFFF;
			background-image: url(img/bgr_box.gif);
			border:1px solid #4A4A4A;
			font-family:'Times New Roman',Times,serif;

		}

		.exampleBox .cWidth_Medium
		{
			width:200px;
		}

		.exampleBox .cWidth_ExtraWide
		{
			width:684px;
		}
		.exampleBox .cWidth_Wide
		{
			width:370px;
		}
		.exampleBox .cWidth_Small
		{
			width:150px;
		}
		.exampleBox .cWidth_Tiny
		{
			width:100px;
		}
		.exampleBox .containerRight
		{
			float:left;
			margin-left:20px;
		}
		.exampleBox .containerLeft
		{
			float:left;
		}
		.exampleBox .containerCode
		{
			background-image:none;
		}


		.exampleBox .screenshot
		{
			display:block;
		}
		.reference
		{
			color: #600;
			font-style: italic;
			white-space:nowrap;
		}
		 code .indent
		{
			margin-left:2em;
			display:block;
		}
		 code
		{
			font-size:13px;
		}

		.markedPos
		{
			background-color:green;
		}
		.markedNeg
		{
			background-color:red;
		}
		.colorLayout
		{
			background-color:lightblue;
		}
		.colorNoLayout
		{
			background-color:pink;
		}
		.colorBlock
		{
			background-color:green;
		}
		.colorInline
		{
			background-color:yellow;
		}
		.getLayout
		{
			zoom:1;
		}