body {
	margin:0px;
	width:100%;
	height:100%;
	overflow:hidden;
        /* prevent text selection on ui */
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        /* prevent scrolling in windows phone */
        -ms-touch-action: none;
}
.header {
  font-size: 20px;
  text-align: center;
	background-color:#000;
  height: 30px;
  padding: 5px;
}
.btn {
	display: inline-block;
  width: 100%;
	border:2px solid #888;
	color:#fff;
}
.button {
	border:2px solid #000;
	background-color:#CCC;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 5px;
	margin: 0 auto;
	margin-top: 10px;    
}
.menu {
	border:2px solid #000;
	background-color:#CCC;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 5px;
	width: 90%;
	margin: 0 auto;
	margin-top: 10px;
}
.listitem {
	border:2px solid #000;
	background-color:#EEE;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 5px;
    margin: 2px;
	width: 80%
}
.left {
  margin-right: auto;
	max-width: 20%;
}
.right {
  margin-left: auto;
	max-width: 20%;
}
.center {
  max-width: 52%;
}
.full {
	text-align: center;
	border:0px;
	width: 100%
}
.content {
	overflow: auto;
	background-color:#222;
    margin-bottom: 0px;
	/*  position: absolute;
	left: 0;
	top: 45;*/
}
canvas{
	cursor:crosshair ;
}
.palette-case {
	margin:auto;
	text-align:center;
	background-color:#077;
	bottom: 0;
}
.palette-box {
	float:left;
	padding:2px 6px 2px 6px;
}
.palette {
	border:2px solid #777;
	height:36px;
	width:36px;
}
.listbox {
    padding:2px 6px 2px 6px;
    width: 90%;
    background-color: orange;
    border:2px solid #777;
    overflow: auto;
}
.popup {
    display: none;
    background-color: #CCF;
 	border:2px solid #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 5px;
    position:fixed;
    margin: auto;
    margin-top: 30%;
}
.slider-box {
  width:100%;
  height:60px;
  position: absolute;
  left:0px;
  background-color:#FF0;
}
.slider-heading {
  font-size:20px;
	top:0px;
	left:0px;
	position:absolute;
}
.slider-pre {
	top:15px;
	left:0%;
  width:22%;
  text-align:right;
	position:absolute;
}
.slider-post {
	top:15px;
	left:77%;
  width:25%;
  text-align:left;
	position:absolute;
}
.slider-min {
	top:40px;
	left:0%; 
  width:50%;
  text-align:center;
	position:absolute;
}
.slider-max {
	top:40px;
	left:50%; 
  width:50%;
  text-align:center;
	position:absolute;
}
.slider-val {
	top:40px;
	left:25%;
  width:50%;
  text-align:center;
	position:absolute;
}
.slider-bar {
	width:50%;
	height:25px;
	top:10px;
	left:25%;
  background-color:#FFF;
	border:1px solid black;
	position:absolute;
}
.slider-slide {
	width:0%;
	height:100%;
	background-color:red;
	top:0px;
	left:0px;
	position:absolute;
	cursor:pointer;}
.slider-value {
}