@charset "UTF-8";

.exampleSmall {
	padding:40px 0;
	display:block;
	padding-bottom: 40px;
	margin-bottom: 20px;
	width:100%;
	text-align:center;
	position:relative;
	overflow:hidden;
	background-color:#EEEEEE;
	background-image:-webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), -webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
	background-image:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
	background-size:16px 16px;
	background-position:0 0, 8px 8px;
	box-shadow:inset 0 0 6px rgba(0, 0, 0, .5)
}


.example {
	padding:40px 0;
	display:block;
	padding-bottom: 40px;
	margin-bottom: 20px;
	width:100%;
	text-align:center;
	position:relative;
	overflow:hidden;
	background-color:#EEEEEE;
	background-image:-webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), -webkit-linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
	background-image:linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
	background-size:16px 16px;
	background-position:0 0, 8px 8px;
	box-shadow:inset 0 0 6px rgba(0, 0, 0, .5)
}

.cmd {
	text-align:center
}
.cmd li {
	display:inline-block;
	border-bottom:1px solid #eee;
	margin:0 7px;
	font-size:14px
}
.cmd li:hover {
	border-bottom:none;
	cursor:pointer;
	color:#ccc
}
.cmd a {
	color:#0b94c8
}



/* toggle mask */
.maskbg {
	background:0 0;
	box-shadow:none
}



.previewSmall {
	display:block;
	text-align:center;
	padding:10px 0 20px
}


.preview {
	display:block;
	text-align:center;
	padding:10px 0 20px
}