#h-demo {
	display:none;
	position:absolute;
	width:970px;
	height:320px;
	border:10px solid #fff;
	background:url('/images/bg-demo.png') repeat-x;
}

#h-demo-detail {
	display:none;
	position:absolute;
	width:680px;
	height:620px;
	border:10px solid #fff;
	background:#B2E74E /*url('/images/bg-demo-detail.png') repeat-x;*/
}

#h-demo-close, #h-demo-detail-close {
	float:right;
	width:77px;
	height:35px;
	margin-top:-10px;
	margin-right:-10px;
	background:url('/images/btn-demo-close-window.png') no-repeat;
	cursor:hand;
	cursor:pointer;
}

#h-demo-title, #h-demo-detail-title {
	color:#598208;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:17pt;
	letter-spacing:-1px;
}

#h-demo-title {
	margin:20px 20px 0px 35px;
	height: 50px;
}

#h-demo-detail-title {
	margin:20px 20px 0px 45px;
}

.dev #h-demo-detail-title {
	margin:29px 20px 0px 45px;  
    width:326px;
    color:#59800e; 
    font:normal 30px/32px arial,sans-serif; text-transform:uppercase;
}

* html #title-box { padding-top:40px; }

.dev #h-demo-render { position:absolute; top:32px; right:50px; font:normal 12px/14px helvetica,sans-serif; }
* html .dev #h-demo-render { width:300px; top:44px; left:370px; }
.dev #h-demo-render span { margin:4px 5px 0 0; float:left; display:inline; color:#59800e; font:normal 12px/14px arial,sans-serif; text-transform:uppercase; }
.dev #h-demo-render .custom-select { padding:0 0 0 2px; width:auto; float:left; display:inline-block; background:url(../images/bg-sprite-8.png) no-repeat 0 -411px; }
* html .dev #h-demo-render .custom-select { background:none; }
.dev #h-demo-render .custom-select div { background:url(../images/bg-sprite-8.png) no-repeat 100% -411px; }
* html .dev #h-demo-render .custom-select div { background:none; }
.dev #h-demo-render .custom-select label { color:#59800e; font:normal 12px/14px arial,sans-serif; text-transform:uppercase; }
.dev #h-demo-render .custom-select select { width:100px; color:#59800e; font:normal 12px/14px helvetica,sans-serif; }
.dev #h-demo-render .custom-select option { color:#59800e; font:normal 12px/14px helvetica,sans-serif; }

.btn-tryfree, .btn-tryfree span { position:relative; width:252px; height:73px; display:inline-block; background:url(../images/bg-sprite-24.png) no-repeat 0 -450px; }
.btn-tryfree span { position:absolute; top:0; left:0; }

#h-demo-detail-linkbar .overlay-tab { padding:0 0 0 5px; display:inline-block; background:url(../images/bg-sprite-8.png) no-repeat 0 -490px; cursor:pointer; cursor:hand; }
#h-demo-detail-linkbar .overlay-tab span { padding:2px 20px 2px 5px; position:relative; display:inline-block; text-transform:uppercase; background:url(../images/bg-sprite-8.png) no-repeat 100% -490px; cursor:pointer; cursor:hand; }
#h-demo-detail-linkbar .tab-on { background-position:0 -460px; }
#h-demo-detail-linkbar .tab-on span { color:#59800e; background-position:100% -460px; }


.dev #h-demo-detail-container { margin-bottom:40px; }

#h-demo-detail-container {
	width:680px;
	height:400px;
	margin:0px 35px 0px 0px;
}

#h-demo-detail-download {
	margin:0 45px 0 45px;
}
#h-demo-detail-download a {
	font-size:17px;
	font-weight:bold;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	letter-spacing:-1px;
}
#h-demo-detail-download a.free-download {
	text-decoration:underline;
}

#h-demo-left {float:left;margin-left:15px;width:30px;height:280px;padding:0px;text-align:center; }
#h-demo-left a img { margin-top:125px; }
#h-demo-right {float:left;width:30px;height:280px;padding:0px;text-align:center; }
#h-demo-right a img { margin-top:125px; }
#h-demo-slideshow { overflow:hidden;width:880px;height:280px;float:left; }
#h-demo-slideshow ul { width:9999px;padding:0;margin:0;list-style:none; }
#h-demo-slideshow li {
	float:left;
	list-style:none;
	width:125px;
	height:256px;
	margin:20px 25px 0px 0px;
}

.h-demo-example {
	width:125px;
	height:100px;
}

.h-demo-example-shadow-row0 {
	width:127px;
	height:20px;
	background: none 0 0 repeat-x;
}

.h-demo-example-shadow-row1 {
	width:127px;
	height:25px;
	background: none 0 0 repeat-x;
}

#h-demo-slideshow li div img {
	width:125px;
	height:100px;
	border:1px solid #eee;
	cursor:hand;
	cursor:pointer;
}

#h-group-container { width:750px;height:260px;float:left; }
#h-random-group { margin:87px 0 0 11px; }
#h-flash-html5demo { width:240px;height:260px;float:left; }
#h-flash-download { clear:both;width:990px;height:80px; }

.h-random-example { float:left;width:125px;height:100px;margin:40px 0px 2px 20px;cursor:hand;cursor:pointer; }

.h-random-example img { width:125px;height:100px; }

.h-random-example div {
	padding:5px 0px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	letter-spacing:-1px;
	color:#fff;
	font-size:12pt;
}

#h-demo-detail-left, #h-demo-detail-right, #h-demo-detail-middle { float:left; }
#h-demo-detail-left img, #h-demo-detail-right img { display:none; }
#h-demo-detail-left, #h-demo-detail-right { padding:200px 0px 0px;width:46px;text-align:center; }
#h-demo-detail-left img, #h-demo-detail-right img { cursor:hand;cursor:pointer; }

#h-demo-detail-linkbar {
	padding:15px 45px 0;
	margin:0px;
}

#h-demo-detail-linkbar a {
	background-color:#7FA92D;
	padding:2px 10px;
	margin-left:1px;
	color:#ffffff;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#h-demo-detail-json {
	float:left;
	position:relative;
	display:none;
	word-wrap: break-word;
	width: 500px !important;
	height: 400px !important;
}

#multi-code {

	overflow-y:scroll;
	overflow-x:auto;
	word-wrap: break-word;
	width: 302px !important;
	height: 246px !important;

}

#h-demo-detail-json textarea {
	font-size:11px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#h-demo-linkbar {
	padding:15px 45px 0px;
	margin:0px;
}

#h-demo-detail-zingchart {
	width: 500px !important;
	height: 400px !important;
}