body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {  }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #666; }
a:hover { color: #639DBC; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; opacity: 0; filter:alpha(opacity=0);}
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

form input[type="text"] { background-color: #F7F7F7; border: 1px solid #999999; color: #444444; height: 18px; margin-right: 5px; padding: 5px; width: 51px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	text-align: right;
}
form input:focus { border: 1px solid #8B0F03; }

#input { background-color: #016906; margin: 25px auto; padding: 5px 0 24px; width: 880px; border: 3px solid #06BB00;
		 -webkit-border-radius: 7px;
		 -moz-border-radius:    7px;
		 border-radius:         7px;
		 -moz-box-shadow:    3px 3px 3px rgba(50,50,50,0.28);
		 -webkit-box-shadow: 3px 3px 3px rgba(50,50,50,0.28);
		 box-shadow:         3px 3px 3px rgba(50,50,50,0.28);
}
#input .control { width: 160px; float: left; margin-right: 15px; text-align: center; }

.input { margin: 25px auto; padding: 5px 0 0; width: 880px; border: 2px solid #000000;
		 -webkit-border-radius: 7px;
		 -moz-border-radius:    7px;
		 border-radius:         7px;
background: -moz-linear-gradient(270deg, #EBEBEB 0%, #A3A3A3 100%); /* ff3.6+ http://webkodu.ozgurlukicin.com */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EBEBEB), color-stop(100%, #A3A3A3)); /* safari4+,chrome http://webkodu.ozgurlukicin.com */
background: -webkit-linear-gradient(270deg, #EBEBEB 0%, #A3A3A3 100%); /* safari5.1+,chrome10+ http://webkodu.ozgurlukicin.com */
background: -o-linear-gradient(270deg, #EBEBEB 0%, #A3A3A3 100%); /* opera 11.10+ http://webkodu.ozgurlukicin.com */
background: -ms-linear-gradient(270deg, #EBEBEB 0%, #A3A3A3 100%); /* ie10+ http://webkodu.ozgurlukicin.com */
background: linear-gradient(180deg, #EBEBEB 0%, #A3A3A3 100%); /* w3c http://webkodu.ozgurlukicin.com */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#A3A3A3',GradientType=0 ); /* ie6-9 http://webkodu.ozgurlukicin.com */
}
.input .control { width: 160px; float: left; margin-right: 15px; text-align: center; }

.input .controls_container {
  margin-bottom: 25px;
}

.control .controller { height: 50px; margin: 15px auto; }
#angle_slider { height: 50px; width: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius:    25px;
	border-radius:         25px;
	cursor: pointer;
  color: #ffffff;
  font-weight:bold;
  border: 3px solid #000000;
  font-size:23px;
  margin-left:40px;
  background: -moz-radial-gradient(center, ellipse cover, #3B3B3B 0%, #121212 100%); /* ff3.6+ http://webkodu.ozgurlukicin.com */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3B3B3B), color-stop(100%, #121212)); /* safari4+,chrome http://webkodu.ozgurlukicin.com */
background: -webkit-radial-gradient(center, ellipse cover, #3B3B3B 0%, #121212 100%); /* safari5.1+,chrome10+ http://webkodu.ozgurlukicin.com */
background: -o-radial-gradient(center, ellipse cover, #3B3B3B 0%, #121212 100%); /* opera 11.10+ http://webkodu.ozgurlukicin.com */
background: -ms-radial-gradient(center, ellipse cover, #3B3B3B 0%, #121212 100%); /* ie10+ http://webkodu.ozgurlukicin.com */
background: radial-gradient(ellipse at center, #3B3B3B 0%, #121212 100%); /* w3c http://webkodu.ozgurlukicin.com */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#121212',GradientType=1 ); /* ie6-9 http://webkodu.ozgurlukicin.com */
}
#ts_angle_slider { background-color: #639DBC; height: 50px; width: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius:    25px;
	border-radius:         25px;
	cursor: pointer;
  colour: #000;
}
#bs_angle_slider { background-color: #639DBC; height: 50px; width: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius:    25px;
	border-radius:         25px;
	-moz-box-shadow:    1px 1px 1px #333333;
	-webkit-box-shadow: 1px 1px 1px #333333;
	box-shadow:         1px 1px 1px #333333;
	cursor: pointer;
}



.slider_container { background-color:#282828; border: 2px solid #000000; display: block; height: 9px; margin: auto; position: relative; top: 20px; width: 75%;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
background: -moz-radial-gradient(center, ellipse cover, #3B3B3B 0%, #121212 100%); /* ff3.6+ http://webkodu.ozgurlukicin.com */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #3B3B3B), color-stop(100%, #121212)); /* safari4+,chrome http://webkodu.ozgurlukicin.com */
background: -webkit-radial-gradient(center, ellipse cover, #3B3B3B 0%, #121212 100%); /* safari5.1+,chrome10+ http://webkodu.ozgurlukicin.com */
background: -o-radial-gradient(center, ellipse cover, #3B3B3B 0%, #121212 100%); /* opera 11.10+ http://webkodu.ozgurlukicin.com */
background: -ms-radial-gradient(center, ellipse cover, #3B3B3B 0%, #121212 100%); /* ie10+ http://webkodu.ozgurlukicin.com */
background: radial-gradient(ellipse at center, #3B3B3B 0%, #121212 100%); /* w3c http://webkodu.ozgurlukicin.com */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#121212',GradientType=1 ); /* ie6-9 http://webkodu.ozgurlukicin.com */
}
.nth_slider { top: 2px; }
.slider_label { float: left; line-height: 15px; padding-top: 3px; position: relative; top: -4px; }
.slider_button { background-color: #FFFFFF; cursor: pointer; display: block; height: 9px; margin-left: 15px; width: 9px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
}

legend {
  color: #000000;
  font-size: 17px;
  padding: 8px 0 10px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  display: block;
  font-family:tahoma;
}

textarea {
  color: #fff;
  background-color: #639DBC;
}

.editor{
	width:1000px;
	margin-left:auto;
	margin-right:auto;

	}