nav ul, .callbacks ul, .disable-destroy ul, .show-hide ul, #sortable ul, .dialog ul, .all-themes-switch ul, .scrollTo ul{
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.callbacks, .callbacks + p, #examples, .content, .disable-destroy, .show-hide, .dialog, .all-themes-switch,
 .scrollTo{ /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ }

nav, .callbacks, .disable-destroy, .show-hide, .dialog, .all-themes-switch, .scrollTo{/* background: #111; */}

nav ul li, .callbacks ul li, .disable-destroy ul li, .show-hide ul li, .dialog ul li, .all-themes-switch ul li, .scrollTo ul li{
	float: left;
	margin: 3px 6px 3px 0;
}

.callbacks ul li.off{ opacity: 0.4; }

.callbacks ul li a, .disable-destroy ul li a, .show-hide ul li a, .dialog ul li a, .all-themes-switch ul li a, .scrollTo ul li a{
	display: block;
	padding: 3px 15px;
	text-decoration: none;
	/*color: #ccc;*/
}


.callbacks a span{
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
/*	background: #333;*/
	margin-right: 3px;
/*	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;*/
}

.callbacks a span.on{ background: #000; }

.callback-offset, .callback-offset-back{
	width: 100%;
	position: absolute;
}

.callback-offset-back{
	top: 0;
	height: 50px;
/*	border-bottom: 1px dashed #000;
}

.callback-offset{
	bottom: 0;
	height: 60px;
	/*border-top: 1px dashed #000;*/
}



.content{
	overflow: auto;
	position: relative;
	padding: 20px;
	/*background: #333;*/
	/*margin: auto 10px 10px 10px;*/
	width: 460px;
	max-width: 100%;
	border: none;
	height: 400px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.content.hidden{ display: none; }

.content.light{
/*	background-color: #ddd;*/
	/*color: #333;*/
}



.content p{ margin: 30px 0; }

.content p:last-child{ margin-bottom: 5px; }

.content p.full:nth-child(odd), .content p.half:nth-child(odd), 
.content p.full:nth-child(3n+3), .content p.half:nth-child(3n+3){
	background: none;
	padding: 0;
}


.content input[type='text'], .content textarea{
	border: none;
	background: transparent;
	/*background-color: #bbb;*/
	/*background-color: rgba(255,255,255,0.6);*/
	min-height: 20px;
	padding: 5px;

	width: 50%;
	font-size: inherit;
	font-family: inherit;
	color: #222;
}

.horizontal-images.content ul, .vertical-images.content ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.horizontal-images.content li{
	margin: 0 3px;
	float: left;
}

.vertical-images.content li{ margin: 3px 0; }

.horizontal-images.content li:first-child{ margin-left: 0; }

.vertical-images.content li:first-child{
	margin-bottom: 3px;
	margin-top: 0;
}

.horizontal-images.content li:last-child{ margin-right: 0; }

.vertical-images.content li:last-child{ margin-bottom: 0; }

.horizontal-images.content li img{
	width: auto;
	padding: 0;
}


.content.nested{ height: 600px; }

.content.nested .nested{
	margin: 0 auto;
	height: 400px;
}

#content-1.content.nested{ margin-bottom: 40px; }

#content-1.content.nested p{ width: 1000px; }

#content-1.content.nested .nested{
	margin: 20px;
	width: 600px;
	height: 300px;
}


#content-2.content.nested{ margin-bottom: 40px; }

#content-2.content.nested p{ width: 1000px; }

#content-2.content.nested .nested{
	margin: 20px;
	width: 600px;
	height: 300px;
}

#content-3.content.nested{ margin-bottom: 40px; }

#content-3.content.nested p{ width: 1000px; }

#content-3.content.nested .nested{
	margin: 20px;
	width: 600px;
	height: 300px;
}

#content-4.content.nested{ margin-bottom: 40px; }

#content-4.content.nested p{ width: 1000px; }

#content-4.content.nested .nested{
	margin: 20px;
	width: 600px;
	height: 300px;
}

#content-5.content.nested{ margin-bottom: 40px; }

#content-5.content.nested p{ width: 1000px; }

#content-5.content.nested .nested{
	margin: 20px;
	width: 600px;
	height: 300px;
}


#content-99.content.nested{ margin-bottom: 40px; }

#content-99.content.nested p{ width: 1000px; }

#content-99.content.nested .nested{
	margin: 20px;
	width: 600px;
	height: 300px;
}

.content.zero-height{ height: 0; }

.content.zero-width{ width: 0; }

.init-hidden #examples{ min-height: 420px; }

.full-page .content{ height: 800px; }

.full-page-alt #mCSB_1_container{
	width: 97% !important; /* override plugin property */
	min-width: 480px;
}

.full-page-alt #mCSB_1_scrollbar_vertical{
	position: fixed;
	margin-right: 30px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.full-page-alt #mCSB_1_scrollbar_horizontal{
	position: fixed;
	margin-bottom: 30px;
	margin-left: 16px;
	margin-right: 16px;
}

.full-page-alt .outer.content{ width: 960px; }

.full-page-alt .horizontal-images.content{
	height: 275px;
	width: 100%;
	margin: 20px auto 10px auto;
}

.full-page-alt .horizontal-images.content img{ height: 200px; }


.all-themes .content h2, .all-themes .content p, .all-themes .content hr{ 
	width: 240px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}

.all-themes #content-m h2, .all-themes #content-m p, .all-themes #content-m hr, 
.all-themes #content-md h2, .all-themes #content-md p, .all-themes #content-md hr{ width: 270px; }

.all-themes .content.expanded-content h2, .all-themes .content.expanded-content p, .all-themes .content.expanded-content hr, 
.all-themes #content-m.expanded-content h2, .all-themes #content-m.expanded-content p, .all-themes #content-m.expanded-content hr, 
.all-themes #content-md.expanded-content h2, .all-themes #content-md.expanded-content p, .all-themes #content-md.expanded-content hr{ width: 540px; }




.rtl-demo #content-1{ width: 500px; }

.rtl-demo #content-1 p{ width: 1000px; }

.rtl-demo #content-2{ width: 500px; }

.rtl-demo #content-2 p{ width: 1000px; }

.rtl-demo #content-3{ width: 500px; }

.rtl-demo #content-3 p{ width: 1000px; }

.rtl-demo #content-4{ width: 500px; }

.rtl-demo #content-4 p{ width: 1000px; }

.rtl-demo #content-5{ width: 500px; }

.rtl-demo #content-5 p{ width: 1000px; }

.rtl-demo #content-99{ width: 500px; }

.rtl-demo #content-99 p{ width: 1000px; }



.transitions #examples{
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
}

.transitions .content{
	-webkit-transition: all .6s ease-out; 
	-moz-transition: all .6s ease-out; 
	-o-transition: all .6s ease-out; 
	transition: all .6s ease-out; 
}


@media only screen and (min-width: 1229px){
	.showcase .horizontal-images.content{ width: 1060px; }
}

@media only screen and (min-width: 1629px){
	.showcase .horizontal-images.content{ width: 700px; }
}