body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #efffef;
	margin: 0;
	padding: 20px 10px 0;
	overflow:hidden;
}
.textfield {
	font-size: 11px;
	color: #333333;
	background: #b2c96d;
	border: solid 1px #cccccc;
	padding-left: 1px;
}
h1 {
	color: #9db553;
	margin: 0 0 5px;
	padding: 0 0 3px;
	font: bold 20px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #e6e8ed;
}
a { color: #fff; }
a:hover {
	color: #addf95;
}
.err {
	color: #FF9900;
}
th {
	font-weight: bold;
	text-align: left;
}

ul {
	font-size: 11px;
}
table {
    border-collapse:separate;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;
}

td, th {
    border-left:solid black 1px;
    border-top:solid black 1px;
}

th {
    background-color: blue;
    border-top: none;
}

td:first-child, th:first-child {
     border-left: none;
}
#toggle{
	position:absolute;
	z-index:7;	left:1%;top:0%;
	overflow:hidden;
	float: left;}
	
#overlaytop{
	position:absolute;
	z-index:7;	left:5%;top:0%;
	overflow:hidden;
	float: left;}
	
#overlayright{
	position:absolute;
	z-index:7; right: 5%;top:2%;
	overflow:hidden;
	float: left;}
		
#overlayright2{
	width: 1500;
	height: 288;
	border:none;
	position:absolute;
	z-index:7; left: 17%;bottom:8%;
	overflow:hidden;
	
	float: left;
		}
	#scaledframe{
position:relative;
left: 0px; top:-33px;
width: 992;
	height: 232;
zoom: 70;
        -ms-zoom: 0.7;
        -moz-transform: scale(0.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.7);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.7);
        -webkit-transform-origin: 0 0;
		}
	
#overlayleft{
	position:absolute;
	z-index:9; 
	bottom:100px;
	overflow:hidden;
	float: right;
	width: 300px;
}
#bordz{
	border: 2px solid black;
    border-radius: 25px;
	}
/*body{background:#eee;font-family:Verdana, Helvetica, Arial, sans-serif;margin:0;padding:0}
.example{background:#FFF;width:500px;height:500px;border:1px #000 solid;margin:2px auto;padding:2px;-moz-border-radius:3px;-webkit-border-radius:3px}
*/
.example{float: left;
        background-size: fill;
        background-position: 50% 50%;
        background-repeat:no-repeat;}
/* common kaleidoscope styles */
.kal_main{overflow:hidden;margin:auto}
.kal_cont{width:140%;height:180%;left:-90%;top:-40%;position:absolute;margin:auto;z-index:2}
.kal_cont .ks{
-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;
width:100%;height:100%;position:absolute;top:50%;left:0;z-index:1;overflow:hidden;
}

/* styles for each sector */
.kal_cont .s1 {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.kal_cont .s2 {
  -webkit-transform: rotate(30deg) matrix(-1,0,0,1,0,0);
  -moz-transform: rotate(30deg) matrix(-1,0,0,1,0,0);
  -o-transform: rotate(30deg) matrix(-1,0,0,1,0,0);
  transform: rotate(30deg) matrix(-1,0,0,1,0,0);
}
.kal_cont .s3 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
.kal_cont .s4 {
  -webkit-transform: rotate(90deg) matrix(-1,0,0,1,0,0);
  -moz-transform: rotate(90deg) matrix(-1,0,0,1,0,0);
  -o-transform: rotate(90deg) matrix(-1,0,0,1,0,0);
  transform: rotate(90deg) matrix(-1,0,0,1,0,0);
}
.kal_cont .s5 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.kal_cont .s6 {
  -webkit-transform: rotate(150deg) matrix(-1,0,0,1,0,0);
  -moz-transform: rotate(150deg) matrix(-1,0,0,1,0,0);
  -o-transform: rotate(150deg) matrix(-1,0,0,1,0,0);
  transform: rotate(150deg) matrix(-1,0,0,1,0,0);
}
.kal_cont .s7 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
}
.kal_cont .s8 {
  -webkit-transform: rotate(210deg) matrix(-1,0,0,1,0,0);
  -moz-transform: rotate(210deg) matrix(-1,0,0,1,0,0);
  -o-transform: rotate(210deg) matrix(-1,0,0,1,0,0);
  transform: rotate(210deg) matrix(-1,0,0,1,0,0);
}
.kal_cont .s9 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  transform: rotate(210deg);
}
.kal_cont .s10 {
  -webkit-transform: rotate(270deg) matrix(-1,0,0,1,0,0);
  -moz-transform: rotate(270deg) matrix(-1,0,0,1,0,0);
  -o-transform: rotate(270deg) matrix(-1,0,0,1,0,0);
  transform: rotate(270deg) matrix(-1,0,0,1,0,0);
}
.kal_cont .s11 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.kal_cont .s12 {
  -webkit-transform: rotate(330deg) matrix(-1,0,0,1,0,0);
  -moz-transform: rotate(330deg) matrix(-1,0,0,1,0,0);
  -o-transform: rotate(330deg) matrix(-1,0,0,1,0,0);
  transform: rotate(330deg) matrix(-1,0,0,1,0,0);
}
