@font-face {
  font-family:Batch;
  src:url('icomoon.eot');
  src:url('icomoon.eot?#iefix') format('embedded-opentype'),
  url('icomoon.ttf') format('truetype'),
  url('icomoon.woff') format('woff'),
  url('icomoon.svg?#icomoon') format('svg');
}
.batch  {
  font-family:Batch, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:0.6em;
}
body{
  font-family:sans-serif;
  font-size:2em;
  padding:2%;
  line-height:1em;
  background-color:#d4d0c8;
  background-image:url('back.png');
  background-position:top;
  background-repeat:repeat-x;
}
.ace_editor {
    position: relative;
    overflow: hidden;
    font: 2em/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 2em;
    line-height: normal;
    font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
    direction: ltr;
    text-align: left;
}
a{
  color:#000;
}
td.date{
  font-size:1.5em;
}
a.dynamicLink{
  font-size:1.5em;
}
#content{
  width:100%;
  overflow:hidden;
  max-width:100%
}
.popup{
  z-index:1;
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:10000px;
  background-color:rgba(255,255,255,0.7);
  opacity:0.9;
  background-size:100%;
  background-position:top;
}
.popupContent1{
  position:relative;
  left:25%;
  top:100px;
  border:1px solid;
  border-radius:25px;
  -webkit-border-radius:25px; 
  -moz-border-radius:25px;
  padding:1%;
  opacity:0.9;
  width:50%;
  background-color:rgba(255,255,255,0.9);
}
.closeButton{
  margin: 5px;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  font-size: 1em;
  border: 1px solid;
  border-radius: 25px;
  background-color: #EEE;
  color: #000;
  cursor: pointer;
  text-align: center;
}
.closeButton:hover{
  margin: 5px;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  font-size: 1em;
  border: 1px solid;
  border-radius: 25px;
  background-color: #EEE;
  color: #000;
  cursor: pointer;
  text-align: center;
  cursor:pointer;
  box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);
}
.menuButton{
  text-align:right;
  font-size:1.5em;
  cursor:pointer;
}
.aright{
  text-align:right;
  padding:2%;
}
.menupoint{
  text-align:left;
  padding:1%;
  color:#000;
  line-height:1em;
  font-size:1.09em;
  cursor:pointer;
}
a.menuLink{
  font-size:1em;
  line-height:1em;
  color:black;
  cursor:pointer;
}
a.menuLink2{
  font-size:2em;
  line-height:1em;
  color:white;
  cursor:pointer;
}
a.menuLink3{
  font-size:2em;
  line-height:1em;
  color:black;
  cursor:pointer;
}
.downloadLink{
top:90%;
position: absolute;
width: 50%;
margin-left: 25%;
margin-right: 25%;
}
.htmlButton{
/*   font-size:0.7em; */
}
.replylink{
  font-size:0.7em;
}
.replyLink{
  font-size:0.7em;
}
.catLink{
  font-size:0.7em;
  cursor:pointer;
}
.catLinkPressed{
  font-size:0.7em;
  cursor:pointer;
}
img{
    max-width:750px;
}

@media all and (orientation: portrait) {
  .menu{
    font-family:sans-serif;
    font-size:2em;
    line-height:2em;
    text-align:center;
    background-color:rgba(255,255,255,0.9);
    border:2px solid;
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    width:75%;
    height:98%;
    top:0px;
    bottom:1px;
    left:-1%;
    position:fixed;
    padding:1%;
    transition-property: all; 
    transition-duration: .5s; 
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); 
  }
}
@media all and (orientation: landscape) {
  .menu{
    font-family:sans-serif;
    font-size:1.25em;
    line-height:2em;
    text-align:center;
    background-color:rgba(255,255,255,0.9);
    border:2px solid;
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    padding:1%;
    height:98%;
    top:0px;
    bottom:1px;
    left:-1%;
    position:fixed;
    transition-property: all; 
    transition-duration: .5s; 
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); 
  }
}
.menu.closed{
 left:-100%;
}
a.link{
  color:#000;
  font-size:0.7em;
}
.topic{
  position:relative;
  top:35px;
  line-height:1em;
  font-size:1em;
  padding:5px;
  margin:0;
  border-bottom:2px solid;
  width:100%;  
  background-color:rgba(6,40,10,0.4);
}
td.headerItem{
  font-size:1em;
  line-height:1em;
  padding-left: 5px;
  padding-right: 15px;
  border-left:2px solid;
  border-top:2px solid;
  border-right:2px solid;
  border-bottom:2px solid;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-color:#000;
  background-color:rgba(255,255,255,0.3);
}
td.headerItemHover{
  font-size:1em;
  padding-left: 5px;
  padding-right: 15px;
/*   border-left:2px solid; */
/*   border-top:2px solid; */
/*   border-right:2px solid; */
/*   border-top-left-radius:15px; */
/*   border-top-right-radius:15px; */
  border-color: #000;
  border-bottom:2px solid;
  
}
td.headerItemUnderline{
  padding-left: 5px;
  border-bottom:2px solid;
}
table.tabwidget{
  padding:0px;
  margin-top:1px;
  border-spacing:0px;
  vertical-align:top;
  text-align:left;
  width:100%;
}
.window{
  background-color:rgba(255,255,255,0.75);
  position:absolute;
  top:0%;
  left:0%;
  width:100%;
  padding:0%;
  min-height:100%;
  min-width:300px;
  z-index:0;
  font-size:1em;
}
#txt{
  resize:none;
}
.username{
  font-size:0.8em;
}
.date{
  font-size:0.5em;
}
td.headline{
  font-size:1.5em;
}
.editor{
  width:98%;
}
.text{
vertical-align:middle;
background-color:rgba(255,255,255,0.5);
color:black;
height:1em;
}
input{
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid black;
  color:black;
  background-color:rgba(255,255,255,0.8);
}
select{
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  vertical-align:middle;
  border:1px solid black;
  color:black;
  height:1.5em;
  margin: 0.2em;
  background-color:rgba(255,255,255,0.8);
}
textarea{
  border:1px solid black;
  vertical-align:top;
  border:1px solid black;
  color:black;
  background-color:rgba(255,255,255,0.8);
}
#txt{
  resize:none;
}
textarea.sqlEdit{
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid black;
  vertical-align:top;
  border:1px solid black;
  color:black;
  min-width:98%;
  max-width:98%;
  min-height:240px;
  height:240px;
}
input[type=text]{
  vertical-align:middle;
  border: solid 1px;
  background-color:rgba(255,255,255,0.8);
  color:black;
  width:96%;
}
#query{
  width:30%;
}
input[type=password] {
  vertical-align:middle;
  border: solid 1px;
  color:black;
  width:96%;
}
label.caption{
  font-size:1.2em;
  padding-left: 0.1em;
}
}
.saveButton{
  text-align:right;
}
input[type=checkbox]{
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  border: solid 1px;
  color:black;
}
input[type=checkbox]:checked{
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  border: solid 1px;
  color:rgba(76, 158, 217,1);
}
input[type=checkbox]:hover{
  color:rgba(76, 158, 217,1);
  box-shadow:0px 0px 10px black; 
}
.markBox{
  cursor:pointer;
}
td.checkbox{
  padding:0px;
}
#msglength{
  margin:5px;
}
td.a1{
  background-size: 320px 240px;
  background-position: 0px 0px;
  width:80px;
  height:60px;
  background-color:rgba(255,255,255,0.9);
}
td.a2{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position: -80px 0px;
  width:80px;
  height:60px;
}
td.a3{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position: -160px 0px;
  width:80px;
  height:60px;
}
td.a4{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:-240px 0px;
  width:80px;
  height: 60px;
}
td.b1{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:0px -60px;
  width:80px;
  height:60px; 
}
td.b2{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position: -80px -60px;
  width:80px;
  height: 60px;
}
td.b3{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:-160px -60px;
  width:80px;
  height:60px;
}
td.b4{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:-240px -60px;
  width:80px;
  height:60px;
}
td.c1{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:0px -120px;
  width:80px;
  height:60px; 
}
td.c2{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position: -80px -120px;
  width:80px;
  height: 60px;
}
td.c3{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:-160px -120px;
  width:80px;
  height:60px;
  background-clip:border-box;
}
td.c4{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:-240px -120px;
  width:80px;
  height:60px;
}
td.d1{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:0px -180px;
  width:80px;
  height:60px; 
}
td.d2{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position: -80px -180px;
  width:80px;
  height: 60px;
}
td.d3{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:-160px -180px;
  width:80px;
  height: 60px;
}
td.d4{
  background-image:url('admin.jpg');
  background-size: 320px 240px;
  background-position:-240px -180px;
  width:80px;
  height: 60px;
}
/*window*/
.ShowTables{
text-align:center;
padding:0px;
margin: 0 0 1.15em 0.15em;
width:100%;
font-size:0.75em;
}
tr.caption{
text-align:left;
font-size:0.75em;  
}
.caption{
text-align:left;
font-size:0.75em;
}
.captionRadius{
-webkit-border-top-left-radius:15px;  
-webkit-border-top-right-radius:15px;
-moz-border-top-left-radius:15px;  
-moz-border-top-right-radius:15px;
border-top-left-radius:15px;  
border-top-right-radius:15px;
font-size:0.75em;
}
td.values{
font-size:0.75em;
}
#txt{
  resize: none;
}
#catlist{
position:absolute;height:100px;
width:80px;
overflow:hidden;
border:1px solid #000;
}
#catSelect{
height:100px;
width:100px;
background-color:rgba(255, 255, 255,0.9);
}
.catLinkPressed{
color:#969493;
}
.catLink{
color:black;
}
.inputFile{
position: absolute;
left: 5px;
visibility:hidden;
}
.divInpuFile{
cursor:pointer;
vertical-align: middle;
font-size: 1em;
}
.divInpuFile:before{
font-family:Batch;
content: "\e930";
font-size: 1em;
vertical-align: middle;
}
.headline{
  text-align:left;
  font-weight: bold;
}
.aright{
text-align:right;
padding:2%;
}
.twitterImage{
  vertical-align: top;
  padding: 5px;
}
.screen_name{}
.tweet{} 
.twitterLink{color:#d4d0c8; } 
.twitter{border-spacing:0px;vertical-align:top}
table.blog{
background-color:#e6dede;
color:#000000;
}
/* TreeView */
.moveHereContent{
  background-color:rgba(214, 210, 208,0.7);
  -webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.4);/*black */
  -moz-box-shadow:0px 0px 1px rgba(0,0,0,0.4);/*black */
  box-shadow:0px 0px 1px black;
}
.moveButton{
  background-color:rgba(255,255,255,0.1);
  cursor:pointer;
}
.moveButton:hover{
  background-color:rgba(134, 171, 218,0.2);
  cursor:pointer;
}
.marginTop{
  margin-top:1.65em;
}
span.Variable_Array{color:green;}
span.Variable_Hash{color:green;}
span.Variable_Typeglob{color:green;}
span.Subroutine{color:black; font-weight:bold;}
span.Quote{color:blue;}
span.String{color:red;}
span.Comment_Normal{color:gray;}
span.Comment_POD{color:gray;}
span.Bareword{color:green;}
span.Package{color:green;}
span.Number{color:#f0f;}
span.Operator{color:#000;}
span.Symbol{color:#000;}
span.Character{color:#800;}
span.Directive{color:#399;font-style:italic;}
span.Label{color:#939;font-style:italic;}
span.Line{color:blue;}
a.Builtin_Operator{color:blue;}
a.Builtin_Operator:hover{color:red;}
a.Builtin_Function{color:blue;}
a.Builtin_Function:hover{color:red;}
a.Keyword{font-weight:bold;}
a.Keyword:hover{color:red;}
span.Variable_{color:#800;}
.c  { color: gray;} /* comment */
.cm { color: #000000;} /* comma */
.co { color: #000000;} /* colon */
.h  { color: #000000; font-weight:bold;} /* here-doc-target */
.hh { color: #000000; font-style:italic;} /* here-doc-text */
.i  { color: blue;} /* identifier */
.j  { font-weight:bold;} /* label */
.k  {  font-weight:bold;} /* keyword */
.m  { color: blue; font-weight:bold;} /* subroutine */
.n  { color: #B452CD;} /* numeric */
.p  { color: #000000;} /* paren */
.pd { color: gray; font-style:italic;} /* pod-text */
.pu { color: #000000;} /* punctuation */
.q  { color: green;} /* quote */
.s  { color: #000000;} /* structure */
.sc { color: #000000;} /* semicolon */
.v  { color: #070C76;} /* v-string */
.w  { color: #070C76;} /* bareword */
td.header{
text-align:left;
vertical-align:top;
background-color:#ffffff;
color:#000000;
font-size:18px;
 border-bottom-style:solid;
 border-top-style:solid;
}
td.short{
text-align:center;
vertical-align:top;
font-weight:bold;
border-right:gray;
border-right-style: dashed;
border-right-width:1px;
 border-bottom: gray;
 border-bottom-style:dashed;
border-bottom-width:1px;
}
td.middle{
text-align:center;
vertical-align:top;
font-weight:bold;
border-right:gray;
border-right-style: dashed;
border-right-width:1px;
border-bottom: gray;
border-bottom-style:dashed;
border-bottom-width:1px;
}
td.long{
text-align:left;
vertical-align:top;
border-bottom: gray;
border-bottom-style:dashed;
border-bottom-width:1px;
}
pre { 
color: #000000;
font-family:verdana,sans-serif;
}