/*

	1 - CONTROLS

		1.1 - On small screens
		1.2 - Style control
		1.3 - Layout controls

	2 - DUMMY AD

*/

/*===============================================

	C O N T R O L S
	Styles for controls

===============================================*/

	#stDemo {
		display: inline-block;
		position: relative;
		
                background: #FFF;
		box-shadow: 0 0 2px rgba(0,0,0,0.3);
		z-index: 100;
	}

		.gecko #stDemo {
			/*display: none;*/
		}

		#stDemo > div {
			position: relative;
			width: 35px;
			height: 35px;
			margin: 0px;
			background-color: #FFF;
			cursor: pointer;
			opacity: 0.5;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

#stDemo div:after { display: inline-table;
font-family: 'iconomousregular';
content: 'E';
font-size: 22px;
line-height: 35px;
text-align: center;
width: 35px;;}

			#stDemo > div:hover {
				background-color: #E5E5E5;
			}


			/*-------------------------------------------
				1.1 - On small screens
			-------------------------------------------*/

			@media all and ( max-width: 959px ) {

				#stDemo { float: left;
					
				}

			}


			/*-------------------------------------------
				1.2 - Style control
			-------------------------------------------*/

			#stLightDark {
				background-color: #5b636a;
				background-position: 0 0;
			}

				#stLightDark.darkOn,
				#stLightDark.darkOn:hover {
					background-color: #555;
					background-position: -40px 0;
					opacity: 1;
				}

			#stBoxed {
				background-color: #5b636a;
				background-position: 0 -40px;
			}

				#stBoxed.boxedOn,
				#stBoxed.boxedOn:hover {
					background-color: #555;
					background-position: -40px -40px;
					opacity: 1;
				}

			#stAd {
				background-color: #5b636a;
				background-position: 0 -80px;
			}

				#stAd.adOn,
				#stAd.adOn:hover {
					background-color: #555;
					background-position: -40px -80px;
					opacity: 1;
				}