/* CSS Document */

#page .lower a{background:#f7f7f7;color:#808080;}
#page .lower a:hover{background:#eee;color:#808080;}.
#page #download div.code{font-family:"Courier New",Courier,monospace;}
#page #contact{border:0;margin-bottom:10px;}
#page{list-style-type:none;width:980px;display:block;margin:0 auto;height:100%;padding-top:12px;}
#page .chapter{width:100%;clear:both;border-bottom:2px solid #ebebeb;padding:6px 0 12px 0;}
#page .advertisements{border:0;}
#page #left,#page #right{display:inline;float:left;position:relative;}
#left{margin-left:6px;height:12px;display:block;width:184px;}
#right{margin-left:16px;width:755px;float:right;}
.page strong a{color:#ff1e53;}
.page strong{color:#808080;}

.demo{position:relative;float:left;cursor:pointer;}

.description{clear:both;padding:3px;text-align:center;}
.demoTips{float:left;list-style-type:none;color:#7d837a;}


.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	
}
/* creamy */
.prototip .creamy {
	width: 250px;
	color: #000;
}
.prototip .creamy .toolbar {
	background: #EBC97F;
	font-weight: bold;
	background-image:url(../title_bg.JPG);
	background-repeat:repeat-x;
	background-position:bottom;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	height: auto;
	background: #fff;
	padding: 5px;
	background-image:url(../bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:15px;
}



/* loader gif */



/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}
.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}
.prototip .content{clear:both;}
.prototip .toolbar .close
{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}
.prototip .tooltip{clear:both;float:left;}
.prototip .borderLeftWrapper,.prototip .borderRightWrapper
{position:absolute;top:0;left:0;width:300px;height:20px;}
.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}
.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}
.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}
.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}
.prototip_Corner{float:left;position:relative;}
.prototip canvas{position:relative;float:left;}
.prototip_CornerTr,.prototip_CornerBr{float:right;}
.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}
.prototip .borderMiddle{position:relative;float:left;}
.prototip .borderCenter{position:relative;float:left;height:auto;}
.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}
.prototip_StemBox{float:left;position:relative;}
.prototip_Stem{width:100%;position:absolute;overflow:hidden;}
.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;}
.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ 
.prototip .clearfix{display:block;}/* IE Mac Hide End */