@charset "utf-8";

body {
    /* width: 478px; */
	height: 491px;
	text-align: center;
}

#textExample {
    margin: 50px 0 10px 0;
}

.mainWindow {
    position: relative;
    display: inline-block;
    width: 360px; height: 267px;
    top: 10px;
    /* background: none; */
}

.mainWindow > * {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.slider {
	margin: auto 6px;
}

.controlText {
	margin-bottom: 4px;
}

.controlPanelBack {
    margin-top: 0px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 4px 1px;
	padding: 4px;
}

.buttonFace {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 3px;
}

.buttonCrater {
	position: relative;
	display: inline-block;
	/* width: auto; */
	/* height: auto; */
	vertical-align: middle;
	left: auto !important;
	top: auto !important;
}

.buttonText {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
}

#toggleBtn {
	/* width: auto; */
	display: inline-block;
	position: relative;
}

#toggleBtn > div.buttonFace {
	/* width: auto; */
}

#toggleBtn > div.buttonFace > div.buttonText {
	left: 0 !important;
	margin-left: 7px;
	width: auto !important;
}

.butInc {
    /* height: 27px; */
}

.topContainer {
    width: 225px;
}

#bg {
    width: 350px; height: 306px;
}

.assets > div {
    position: absolute;
	color: black;
    /* color: #134E7B; */
    font: bold 12px/1 Arial;
}

.smlSldr {
    width: 110px;
}

#sldrTilt {
    display: inline-block;
    position: relative;
}

#sldrObj {
    display: inline-block;
    position: relative;
    width: 183px;
}

#sldrImg {
    display: inline-block;
    position: relative;
    width: 183px;
}

#btn {
    display: inline-block;
    position: relative;
    width: 60px; 
}