.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:absolute;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;

	/*
	 * Use with caution
	 */
			transition: all .3s;
	   /*-o-transition: all .3s;*/
		-ms-transition: all .3s;
	   -moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.skrollable.notransition, .notransition .skrollable {
			transition: default;
		 -o-transition: default;
		-ms-transition: default;
	   -moz-transition: default;
	-webkit-transition: default;
}

.skrollable.hidden {
	display:none !important;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}