.header{
   width: 100%;
   left: 0%
}
.colmask{
   width: 100%;
   left: 0%
}
.colleft{ right: 34%}
.col1 {
   width: 32%;
   left: 101%
}
.col2{
   width: 64%;
   left: 3%
}


.footer {
   width: 100%;
   left: 0%
}
.header{
   clear: both;
   float: left;
   position: relative;
   
   background-color: #f4f4f4
}
.colmask{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
   background: #f4f4f4
}
.colleft{
   float: left;
   width: 100%;
   position: relative;
   background: #f4f4f4
}
.col1{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   background: #f4f4f4
}
.col2{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   background: #f4f4f4
}
.footer{
   clear: both;
   float: left;
   position: relative;
   background-color: #f4f4f4
}
.bottom{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
   background-color: #cdeb8b
}
body {
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   width: 100%;
   min-width: 600px;
   font-family:arial
}


.footer {text-align:center;}
h2 {text-align:left;margin:10px 0px 10px 40px;color:#6699cc}
 li {list-style: none;padding-left:0px}
 ul {padding-left:0px;margin-left:0px;margin-top:10px}
a {
	color: #369;text-decoration: none
}
 a:hover {
	text-decoration: underline; color:#008c00
}

.bdn {margin: 0.8em 10px 0.2em; }

h4 {padding:0px;margin: 0.8em 0px 0.8em;color:#6699cc}

.rett {float:left;position:relative;width:150px;margin:0px 10px}
.sheight{height:30px}
.txtstr{width:400px; margin:0px;height:60px;border:1px solid #ccccff }
.txtpatn{width:400px; margin:0px;height:40px;border:1px solid #ccccff}
.txtflg {width:115px;height:1.3em; border:1px solid #ccccff}
.sel {width:120px;margin-right:10px;border:1px solid #ccccff}
.al {margin-left:20px; color:red; font-weight:bold}
.algo {margin-left:10px}
.tlbr {width:100%;text-align:center;padding:3px 0px;}
.tbno {color:#999999;margin:3px;cursor:default}
.tbhv {background: #369; color: #fff;margin:3px;cursor:pointer}
.nm,.tbnm {color:#369;margin:3px;cursor:pointer}
.doit {margin:20px 10px}
.crel { margin:10px 20px 10px 0px; padding:0px;width:50%}
.cssb0 {color:Blue}
.cssc {color:red;margin-left:1em}
.cssv {color:#66cc33}
.js0 {color:#3399cc}
.js01 {color:#3399cc;margin-left:10px}
.js02 {color:#3399cc;margin-left:20px}


.js1 {color:#cc3300}
h5{margin:0px 0px}
code {font-style:italic; font-family:arial;color:#3399cc}

.content {
   clear: both;
   border: #cfcfcf 1px solid;
   background-color: #eee9e9;
   padding:10px;
   width: 550px;
   height: 300px;
   overflow:auto
}


.ulnofloat {
   list-style-type: none;
   padding-left: 0px;
   margin: 0px;
  
}
.ullifloat {
   float : left;
   padding-left: 0px;
   border-right:  #cfcfcf 1px solid;
   background-color: #cfcfcf;
   margin-right: 0px;
}

.ullifloat2 {
   float : left;
   padding-left: 0px;
   border-right:  #cfcfcf 1px solid;
   
   margin-right: 0px;
}
.ula {
   position: relative;
   text-decoration: none;
   display: block;
   padding: 5px 10px;
   cursor: pointer;
   color: #c00000;
}
#tabco1{
   position: relative;
   left : 30px;
   width: 560px;
   border: #ccccff 1px solid;
}
#vis{width:528px;position:relative;left:15px;margin:15px 0px;border: #ccccff 1px solid;}
.lab{margin:15px;border-bottom: #ccccff 1px solid; font-style:italic;}
#code,.ggads{width:518px;position:relative;left:15px;margin:15px 0px;border: #6699cc 1px solid;color:#3399cc;background-color:#e7e3e7;overflow:hidden;padding:5px}
#code{height:30px;}
#output{width:99.5%;height:200px;border:0px solid #000;overflow:auto}


#tabco1 ul a:hover {
   color: #0062e6;
}

.mgin{margin:10px 35px}
.itemco{width:600px; margin:10px 0px 10px 20px}
#link {color:#3399cc}
.clearlf{clear:left}
.gg{width:600px; margin:10px 0px 0px 28px}