/* CSS Document */

.demo_background{
	position:absolute;
	background:url(../img/demo_bg.png);
	z-index:10;
	display:none;
}
.demo_container{
	width:700px;
	height:100px;
	padding-top:10px;
	padding-bottom:30px;
}
.demo_title {
	 font-size:18px;
	 font-family:Helvetica, Arial, sans-serif; 
	 color:#8996a3;
	 padding-left:10px;
}
.demo_controls{
	
}
.demo_controls .btn{
	width:70px;
	height:25px;
	text-align:center;
	padding-top:2px;
	cursor:pointer;
	color:#77818a;
}
.demo_controls .btn:hover{
	width:70px;
	height:25px;
	text-align:center;
	color:#F0F0F0;
	padding-top:2px;
	cursor:pointer;
}
.demo_controls .btn.active{
	width:70px;
	height:25px;
	text-align:center;
	color:#F0F0F0;
	padding-top:2px;
	cursor:pointer;
	background:url(../img/demo_bg_btn.png) no-repeat;
}
.demo_close{
	cursor:pointer;
	background:url(../img/demo_close.png) no-repeat;
}

.demo_close:hover{
	background:url(../img/demo_close_hover.png) no-repeat;
}
.demo_hyperlinks{
	color:#CCCCCC;
	margin-left:10px;
	display:none;
}
.demo_line_vertical {
	background-image: url(../img/dot_blue.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.a_demo:link, .a_demo:visited, .a_demo:active{
	color: #909090;
	text-decoration: underline;
}
.a_demo:hover{
	color: #8fa2b5;
	text-decoration: none;
}