.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:#0000CD}
 li {list-style: none;padding-left:0px}
 ul {padding-left:0px;margin-left:0px;margin-top:10px}
a {
	color: #0000CD;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:#0000CD}

.rett {float:left;position:relative;width:150px;margin:0px 10px}

.txtstr{width:400px; margin:0px;height:70px;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: 540px;
   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 : 32px;
   width: 560px;
  
   background-color: #6699cc;
   border-right: #6699cc 2px solid;
}
#tabco1 ul a:hover {
   color: #0062e6;
}

.mgin{margin:10px 35px}
.itemco{width:600px; margin:10px 0px 10px 20px}
.gg{width:300px; margin:10px 0px 10px 28px}
#link {color:#3399cc}
.clearlf{clear:left}
.gg2{margin:10px 0px 10px 0px;float:left}
.list{float:left;width:300px;padding-top:10px}
.long{width:720px;margin-left:30px;}
.outformat{width:99%; height:18px}
.outto{width:20%; float:right;display:none}
.rplstextarea{width:80%;height:160px;overflow:hidden;border:  #cfcfcf 1px solid;}
.ads{width:96%;height:60px;padding:10px;border-right: #cfcfcf 1px solid;border-left: #cfcfcf 1px solid; margin-bottom:10px}