/* 6c5e40    brownish metal cerrokote coyote? */
/* color: #6AA66A; green */
/* color: #D6EEEE; blue light */
/* background: #EAE7B8; yellow/gold */
/* background: #437521; dark green */
/* color: #092E61; bluedark */
/* color: #F3B64B; bright orange */
/* #B39E7D;  dark orange/tan */
/* #B46262;<<red   #828288;>>grey*/
/* #FFFEB7  light orangish */
body
{
  font-family: monospace;
  font: 11pt Arial, monospace;
  color: grey;
  background:#EEEEFF;
  display:inline;
}

p
{
  font: 10pt Courier, monospace;
  color: #000088;
  display:inline;
}
img
{
  border:0;
  margin:2px;
}
a
{
  text-decoration:none;
  font: 11pt Arial;
  padding:5px;
}
 
h1.title {
 float:right;
 font:bold 14pt "Courier New", monospace;
 background:#EEEEFF;
 padding: 15px 26px 15px 26px;
 color:#000088;
 margin:15px;
 margin-top:4px;
 border: 6px double #666699;
 border-radius:0.45em;
}


a.title { /* used in the title bar */
  text-decoration: none;
  font: italic bold 17pt "Courier New",serif;
  color: #000066;
  margin-top: 1pt;
}
a.title:hover { color: #FFD879; }
a.register { position:absolute;top:160px;left:10px;color:blue;text-decoration:none; }
a.register:hover { color:red; }
a.register:visited { color:blue; }
a.forgot { position:absolute;top:160px;right:10px;color:blue;text-decoration:none; }
a.forgot:hover { color:red; }
a.forgot:visited { color:#AAAACC; }


div.main
{
  margin-top:50px;
  padding:10px;
  display:inline;
}

fieldset.statsbox
{
   border: 4pt double #0000bb;
   border-radius:0.15em;
   font: 10pt Arial;
   color:#000088;
}

fieldset.groupsbox
{
   border:4pt double #0000bb;
   border-radius:0.4em;
   position:absolute;
   top:80px;
   left:10px;
   right:auto;
   color:#000088;
   font: 11pt Courier, monospace;
}
div.grup
{
   padding:1px 3px;
   margin:2px;
   display:inline-block;
}
a.grup { display:block;white-space:wrap;padding:5px 8px;text-align:center;border:1px solid #000088;border-radius:0.25em;background:#DDDDFF;color:#000088;width:120px; }
a.grup:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }
p.grup { font:9pt Arial; color:#000088; }

div.overchx
{
  display:inline;
  
}
div.chx
{
   border:1px solid #666699;
   border-radius:0.15em;
   padding: 7px;
   display:inline-block;
   width:100px;
}
div.selectchx {
  padding:2px;
  margin-bottom:8px;
  width:100px;
  background:#EEEEFF;
  border:1pt inset #000088;
}
div.timechx
{
   border:1px solid #666699;
   border-radius:0.45em;
   padding: 5px;
   display:inline-block;
   width:245px;
   font: 8pt Tahoma;
   margin-top:10px;
}
div.widechx
{
   border:1px solid #666699;
   border-radius:0.15em;
   padding: 5px;
   display:inline-block;
   width:255px;
}
input.chxbox { background: white; }

table.board {
     width: 99%; 
     font-family: sans-serif;
     background-color: white;
     padding:0px;
     background:white;
 }
input.box
{
   border-radius:0px;
   margin:-1px -5px -1px -1px;
   border: 1px solid #999999;
   color:black;
   background:white;
   width:25px;
   height:25px;
   font:18px Arial;
   padding-left:3px;
   text-align:center;
}

tr { padding:0px;margin:0px;background:white;}
td {
  width: 10%;
/*  font-size: 14px;*/
  color: black;
  padding:0px;
  margin:0px;
  background:white;
  text-align:center;
 }



fieldset.modbox
{
   border:1px solid #666699;
   border-radius:0.15em;
   padding: 5px;
   display:inline-block;
   width:245px;
   font: 12pt Tahoma;
   margin-top:10px;
   color: #666699;
}




p.small
{
   font:8pt Arial;
   color:#000066;
}
input.link
{
   border: 2pt solid #000066;
   border-radius:0.15em;
   background: #CCCCEE;
   padding:5px 12px 5px;
   font: 10pt Arial;
   color:#000088;
}
input.link:hover { background:#FFE29C; border: 2pt inset maroon;color:maroon; }

input.orange { background: #FFE29C; color:maroon; border-radius:0.24em;}

div.login
{
  border:3pt double #000088;
  border-radius:0.15em;
  height:180px;
  width:300px;
  background:#EEEEFF; 
  position:fixed;
    top:80px;
    left:20px;
 text-align:center;
 padding:5px 7px 5px;
 box-shadow: 1px 10px 3px 2px #EEDDEE;
}
div.group
{
  padding:7px;
  margin:3px;
  line-height:1.4em;
}
input.right
{
  background:white;
  font-size:80%;
  width:170px;
  border:1px inset #000066;
  border-radius: 0.15em;
}


input.tobby
{ display:none; }
p.errormessage
{
  position:absolute;
  top: 110px;
  left: 70px;
  color: red;
}
p.errorpup 
{
   font:bold 20pt Arial;
   color:#000088;   
}
p.wordparts
{
   border:1pt solid black;
   border-radius:0.25em;
   padding:6px 12px 6px 12px;
   margin:1px;
   color:white;
   font:12pt monospace;
   text-transform:uppercase;
}

input.addbox
{
  border:1pt inset #000088;
  border-radius:0.15em;
  background:white;
  margin:5px 10px 5px;
}
textarea.addbox
{
  border:1pt inset #000088;
  border-radius:0.15em;
  background:white;
  margin:5px;
  padding:10px;
}
p.title { font:13pt Courier;color:#000066;margin:10px; }
p.title2 { font: 10pt Georgia;color:#000066;margin:4px; }
p.message { font:9pt monospace;color:#004400;margin:5px; }


.newattemptgui
{
text-align:center;
  border:2pt solid #000066;
  border-radius:0.15em;
  height:400px;
  width:300px;
  background:#EEEEFF;
  z-index:3;
  opacity:100%;
  padding: 10px;
 margin-left:7px;
 margin-top:2px;
}


.popup
{
text-align:center;
  border:2pt solid #000066;
  border-radius:0.15em;
  height:400px;
  width:300px;
  background:#EEEEFF;
  position:absolute;
   top:90px;
   right:20%;
  z-index:3;
  opacity:100%;
  box-shadow:1px 2px 10px 2px grey;
  padding: 10px;
}
select.popup_dropdown
{
  border:2pt solid #000066;
  border-radius:0.15em;
  width:210px;
  background:#EEEEFF;
  margin-left:20px;
}
select.list
{
  background:#EEEEFF;
  border-radius:0.3em;
  font: 10pt Arial;
  color:#000088;
}


.popup_link
{
  text-align:center;
  text-decoration:none;
  position:absolute;
    bottom:10px;
    right:10px;
  width:100px;
  background:#CCCCEE
  color:#000066;
  border:1px solid #000088;
  border-radius:0.15em;
  font: 9pt Arial;
  margin: 1px;
  padding: 3px;
  margin-right:17px;
}
.popup_link:hover {background:#FFFEB7;border:1px inset maroon;color:maroon;}


div.intro {
   border:4pt double #000088;
   height:350px;
   width:auto;
   border-radius: 0.15em;
   padding:20px;
   float:right;
   margin:9px;
   margin-top:250px;
}
p.intro { font:13pt monospace;}
a.link{
        background: #CCCCEE;
        display: block;
        text-decoration:none;
        border: 1px solid #000066;
        color: black;
        text-align: center;
        margin: 2px 5px 2px 2px;
        padding: 5px 10px 5px;
        font: 10pt Arial;
        border-radius:0.15em;
    }
a.link:hover{ border: 1px inset maroon;color:maroon; background: #FFFEB7; }

.bigred {
position:absolute;
bottom:75px;
right:48px;
border:4pt double white;
color:white;
padding:1px;
padding-left:5px;
padding-right:5px;
background:red;
border-radius:0.64em;
font:10pt bold Georgia;
color:white;
}
.bigred:hover { border:4pt double gray;background:#EEEEFF; color:black;}



table.login
{
   border: 2pt double #000088;
   border-radius: 0.15em;
   box-shadow: gray 8px 8px 11px;
   position: relative;
   top: 140px;
   left: auto;
   right: auto;
   padding: 5px;
   background: #EEEEFF; /*    #DEEEEE;*/
}
td.login-heading
{
  width: 80px;
  text-align:right;
}
table.registerform
{
   border: 2pt double #009900;
   border-radius: 10px;
   box-shadow: gray 8px 8px 11px;
   position: relative;
   top: 80px;
   left: auto;
   right: auto;
   padding: 3px;
   background: #EEEEEE; /*    #DEEEEE;*/
}

a.fixedbottom
{
   color:#000088;
   border-radius:0.15em;
   background:white;
   border: 1px solid #000088;
   position:fixed;
   bottom:5px;
   right:212px;
   padding:5px 23px;
}
a.fixedbottom:hover { border:1px inset #000088;background:#EEEEFF;color:#000088; }
 
a.topleft {
   width:100px;
   color:#000088;
   border-radius:0.15em;
   background:#EEEEFF;   
   border: 1px solid #000088;
   position:absolute;
   top: 1px;
   left: 10px;
   text-decoration:none;
   text-align:center;   
   padding:5px;
}
a.topleft:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }
a.addlink {
   width:100px;
   text-decoration:none;
   text-align:center;   
   padding:5px;
   color:#000088;
   border-radius:0.15em;
   background:#EEEEFF;   
   border: 1px solid #000088;
   position:absolute;
   top: 38px;
   left: 10px;
}
a.addlink:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }
a.dellink {
   width:100px;
   text-decoration:none;
   text-align:center;   
   padding:5px;
   color:#000088;
   border-radius:0.15em;
   background:#EEEEFF;   
   border: 1px solid #000088;
   position:absolute;
   top: 38px;
   left: 245px;
}
a.dellink:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }
a.joinlink {
   width:100px;
   text-decoration:none;
   text-align:center;   
   padding:5px;
   color:#000088;
   border-radius:0.15em;
   background:#EEEEFF;   
   border: 1px solid #000088;
   position:absolute;
   top: 38px;
   left: 128px;
}
a.joinlink:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }


a.paylink
{
   padding:5px 23px;
   color:#000088;
   border-radius:0.15em;
   background:white;
   border: 1px solid #000088;
   position:fixed;
   bottom:5px;
   right:114px;
}
a.paylink:hover { border:1px inset #000088;background:#EEEEFF;color:#000088; }
a.logoff
{
   padding:5px;
   padding-left:23px;
   padding-right:23px;
   color:#000088;
   border-radius:0.15em;
   background:white;
   border: 1px solid #000088;
   position:fixed;
   bottom:5px;
   left:2px;
}
a.logoff:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }
a.settingslink
{
   padding:5px;
   padding-left:33px;
   padding-right:33px;
   color:#000088;
   border-radius:0.15em;
   background:#EEEEFF;
   border: 1px solid #000088;
   position:absolute;
   top:1px;
   left:245px;
}
a.settingslink:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }
a.adminlink
{
   width: 50px;
   padding:5px 30px;
   color:#000088;
   border-radius:0.15em;
   background:#EEEEFF;   
   border: 1px solid #000088;
   position:absolute;
   top:1px;
   left:128px;
}
a.adminlink:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }

.linkelist {
    margin:0px;
    background:white;
    padding:12px;
    color: black;
    border-radius: 0.15em;
    padding-bottom: 10px;
    font:10pt sans-serif;
}
a.elist1 { color: black; font:8pt sans-serif;}
a.elist1:hover { color:red; }

hr.light { border: 1px dotted #000088; color:#000066;}

input.daytimep { margin-top:1px;background:white;padding:0px;width:97px;font-size:80%;font:8pt Tahoma; }


fieldset.adminboxes {
    border: 3pt double #000088;
    margin-top: 50px;
}

a.x_out {
    border: 1pt outset black;
    background:#EEEEFF;
    padding: 3px;
    padding-left:7px;
    padding-right:7px;
    font: 10pt monospace;
    padding-bottom:2px;
    border-radius: 0.15em
}
a.x_out:hover { border: 1pt inset maroon; background:#FFFEB7;color:maroon; }

a.button {
   border: 1pt solid #000055;
   border-radius: 0.15em;
   color: black;
   padding: 2px;
   padding-left: 25px;
   padding-right: 25px;
   margin:10px;
   background: #EEEEFF;
}
a.button:hover { border: 1pt solid maroon; background: #FFFEB7;color:maroon; }
a.adminbutton {
   border: 1pt solid #000088;
   border-radius: 0.15em;
   color: #000088;
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;
  line-height: 200%;
   margin:2px;
   background: #EEEEFF;
}
a.adminbutton:hover { border: 1pt solid maroon; background: #FFFEB7; color:maroon; }
a.adminbuttonrev {
   border: 1pt solid gray;
   border-radius: 0.15em;
   color: white;
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;
  line-height: 200%;
   margin:2px;
   background: maroon;
}
a.adminbuttonrev:hover { border: 1pt solid black; background: #FEEEEE;color:black; }

div.adminbox
{
background:#EEEEFF;
   border:1px solid #666699;
   border-radius:0.15em;
   padding: 2px;
   display:inline-block;
   width:310px;
   font: 8pt Tahoma;
   margin:3px;
}

div.listof {
   display:block;
   padding:5px;
   margin:5px;

}
a.listof {
   display:block;
   width:200px;
   border:1pt outset #000088;
   border-radius: 0.15em;
   background: #EEEEFF;
   color:#000088;
   margin:5px;
   margin-left:29px;
}
a.listof:hover { border:1pt inset maroon;background:#FFFEB7;color:maroon; }
p.clock {
    background:#EEEEFF;
    position:absolute;
    top: 29px;
    right: 1px;
    font: 12pt Arial;
    color: #000055;
    border: 1px solid #000066;
    border-radius: 0.15em;
    z-index:-3;
    padding: 6px;
}

a.smlbutt {
     padding: 1px;
     background: #EEEEFF;
     color: #000088;
     border: 1px outset #000088;
     border-radius:0.15em;
}
a.smlbutt:hover { border: 1px inset #000088; background: #FFFEB7; }
input.smlbutt {
     padding: 2px;
     background:#EEEEFF;
     color: #000088;
     border: 1px outset #000088;
     border-radius:0.15em;
}
input.smlbutt:hover { border: 1px inset maroon; background: #FFFEB7;color:maroon; }

div.topcalbar {
     padding: 8px;
    padding-left: 13px;
    padding-right: 13px;
    margin:1px;
     width: 240px;
     background: #EDEEDE;
     color: black;
     font-family: sans-serif;
     border: 1pt solid black;
     border-radius: 0.15em;
     text-align:center;     
}

a.targetdatebox {
      font: 10pt monospace;
      text-decoration: bold;
      border: 1px inset gray;
      background: #FFFEB7;
      color: #000088;
      border-radius: 0.15em;
      padding: 3px;
      margin: 2px;
      width: 80px;
      text-align: center;
}

a.deletebutton {
border:3pt double white;
color:white;
padding:2px;
padding-left:7px;
padding-right:7px;
background:red;
border-radius:1.14em;
font:8pt bold Georgia;
}
.deletebutton:hover { border:3pt double maroon;background:#FFFEB7; color:maroon;}

a.lockbutton {
background: maroon;
border:3pt double white;
color:white;
padding:1px;
padding-left:5px;
padding-right:5px;
border-radius:1.14em;
font:8pt bold Georgia;
}
.lockbutton:hover { border:3pt double gray;background:#EEEEFF; color:black;}

 






a.ifsign
{
 font: 11pt "AvantGarde Bk Bt", monospace;
 color:red;
 border:0px;
 background-color:rgba(255,255,255,0.6);
}
.ifsign:first-letter { font-size: 110%; }
p.ifsign {  background-color:rgba(255,255,255,0.7);color:red;font: 8pt "AvantGarde Bk Bt", monospace; }








p.smllabel {
   font: 9pt Arial;
   color:#999999;
   margin-left:10px;
   margin-bottom:0px;
   padding:0px;
}


fieldset.stut {
    width:310px;
    height:350px;
    overflow-y:scroll;
    border:4pt double #000088;
    border-radius: 0.15em;
    padding:10px;
    display:inline;
    margin:17px;
}
legend.stut {
   font: 16pt Arial;
   color: #000088;
   padding:7px;
}

div.headchat {
 text-align:center;
  background: #EEEEFF;
  color: #EEEEFF;
  margin-top:90px;
  width: 306px;  
 margin-left:7px;
 margin-bottom:2px;
  border:1pt solid #000088;
  border-radius:0.15em;
  padding:7px;
}
p.hchat {
  color:#000088;
  font: 12pt bold Arial;
}
a.hchat {
  color:#000088;
  font: 10pt Arial;
}
a.hchat:hover { color:maroon; }

div.flatchat {
  border: 1pt solid #000066;
  border-radius: 0.15em;
  width: 320px;
  height: 300px;
  margin-left: 7px;
  overflow-y:scroll;
 position:relative;
}
div.overchat { 
   position:relative; 
   -webkit-appearance:none;
   -webkit-perspective: 500px;                    
  }
div.chat {
 background:white;
  border: 1pt solid #000066;
  border-radius: 0.15em;
  width: 310px;
  height: 300px;
  margin-left: 7px;
  overflow-y:scroll;
 position:relative;
/*transform:rotateX(180deg);
                -moz-transform:rotateX(180deg); /* Mozilla */
                -ms-transform:rotateX(180deg); /* IE 9+ */
                -o-transform:rotateX(180deg); /* Opera */
    -webkit-transform:rotateX(180deg);
  */  
}

div.chatrightside {
background:#EEEEFF;
opacity:1;
/*transform:rotateX(180deg);
                -moz-transform:rotateX(180deg); /* Mozilla */
                -ms-transform:rotateX(180deg); /* IE 9+ */
                -o-transform:rotateX(180deg); /* Opera */
               -webkit-transform:rotateX(180deg);*/
}


.selfbubble {
  display:block;
  width:200px;
  position:relative;
  right:-70px;
  font: bold 10pt Arial;
  color: white;
  padding: 10px;
  margin:5px;
  border-radius: 0.9em;
  text-align:right;
  margin-right: 1px;
}

.otherbubble {
  display:block;
  margin:1px;
  max-width:200px;
  text-align:left;
  font: bold 10pt Arial;
  color: white;
  padding: 10px;
  margin-top: 0px;
  margin-bottom:8px;
  border-radius: 0.9em;
}