
.opendemo { display:block;}
.closedemo { display:none;}
#opendemo { opacity:1;}


.demo_text { font-size:11px; line-height: 12px; }
.demo_link_section { margin: 10px 0 0 0; }
.demolink { font-size:10px; color:#111 !important; display:inline;}

#demopanel {

	position:fixed;
	top:0;
	left:15px;
	z-index:99;
	}
	
.demo_toggle {
	cursor:pointer;
	width:30px;
	height:30px;
	}
	
.paneloptions { 
	width:340px;
	position:absolute;
	left:40px;
	top:-70px;
	display:block;
	}
	
.paneloptions span a{
	font-family: 'Lato',sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:10px 20px 10px 20px;
	text-transform:uppercase;
	}
.paneloptions span a{
	text-decoration:none;
	font-weight:700;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
	box-shadow: 2px 2px 2px rgba(0,0,0,.3);
	}
	
.paneloptions .demo_light a{
	color:#888;
	background:#fff;
	}
.paneloptions .demo_dark a{
	color:#fff;
	background:#000;
	}
	
