/* 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:  #eFFeeF;
display:inline;
}

p
{
  font: 10pt Courier, monospace;
  color: #008800;
  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";
 background:#EEFFDD;
 padding: 8px 25px 8px 25px;
 color:#33bb33;
 margin-top:1px;
 border: 5px double #009900;
 border-radius:0.4em;
}


a.title { /* used in the title bar */
  text-decoration: none;
  font: italic bold 17pt "Courier New",serif;
  color: #006600;
  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.groupsbox
{
   border:4pt double #00bb00;
   border-radius:0.4em;
   position:absolute;
   top:80px;
   left:10px;
   right:auto;
   color:#008800;
   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 #008800;border-radius:0.25em;background:#DDFFDD;color:#008800;width:120px; }
a.grup:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }
p.grup { font:9pt Arial; color:#008800; }

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

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




p.small
{
   font:8pt Arial;
   color:#006600;
}
input.link
{
   border: 2pt outset #006600;
   border-radius:0.24em;
   background: #CCEECC;
   padding:5px 12px 5px;
   font: 10pt Arial;
}
input.link:hover { background:#FFE29C; border: 2pt inset maroon;color:maroon; }
input.orange { background: #FFE29C; color:maroon; border-radius:0.24em;}

input.timepick { background:#CCEECC;border-radius:0.4em; border:1pt outset #006600; }
input.timepick:hover { background:#FFE29C;border:1pt inset #006600; }


div.login
{
  border:1pt solid #008800;
  border-radius:0.6em;
  height:180px;
  width:300px;
  background:#EEFFEE; 
  position:fixed;
    top:80px;
    left:20px;
 text-align:center;
 padding:5px 7px 5px;
}
div.group
{
  padding:7px;
  margin:3px;
  line-height:1.4em;
}
input.right
{
  background:#EEFFEE;
  font-size:80%;
  width:170px;
  border:1px solid #006600;
  border-radius: 0.3em;
}

input.tobby
{ display:none; }
p.errormessage
{
  position:absolute;
  top: 110px;
  left: 70px;
  color: red;
}



input.addbox
{
  border:1pt inset #008800;
  border-radius:0.24em;
  background:#EEFFEE;
  margin:5px 10px 5px;
}
textarea.addbox
{
  border:1pt inset #008800;
  border-radius:0.24em;
  background:#EEFFEE;
  margin:5px;
  padding:10px;
}
p.title { font:13pt Courier;color:#007700;margin:10px; }
p.title2 { font: 10pt Georgia;color:#006600;margin:4px; }
p.message { font:9pt monospace;color:#004400;margin:5px; }


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

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


.popup_link
{
  text-align:center;
  text-decoration:none;
  position:absolute;
    bottom:10px;
    right:10px;
  width:100px;
  background:#CCEECC;
  color:#006600;
  border:1px outset #008800;
  border-radius:0.45em;
  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 #008800;
   height:350px;
   width:auto;
   border-radius: 0.7em;
   padding:20px;
   float:right;
   margin:9px;
   margin-top:250px;
}
p.intro { font:13pt monospace;}
a.link{
        background: #CCEECC;
        display: block;
        text-decoration:none;
        border: 1px solid #006600;
        color: black;
        text-align: center;
        margin: 2px 5px 2px 2px;
        padding: 5px 10px 5px;
        font: 10pt Arial;
        border-radius:0.24em;
    }
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:#EEFFEE; color:black;}



table.login
{
   border: 2pt double #008800;
   border-radius: 10px;
   box-shadow: gray 8px 8px 11px;
   position: relative;
   top: 140px;
   left: auto;
   right: auto;
   padding: 5px;
   background: #EEFFEE; /*    #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:#008800;
   border-radius:0.1em;
   background:white;
   border: 1px solid #008800;
   position:fixed;
   bottom:5px;
   right:212px;
   padding:5px 23px;
}
a.fixedbottom:hover { border:1px inset #008800;background:#DDFFDD;color:#008800; }
 
a.topleft {
   width:100px;
   color:#008800;
   border-radius:0.24em;
   background:#EEFFEE;   
   border: 1px solid #008800;
   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:#008800;
   border-radius:0.24em;
   background:#EEFFEE;   
   border: 1px solid #008800;
   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:#008800;
   border-radius:0.24em;
   background:#EEFFEE;   
   border: 1px solid #008800;
   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:#008800;
   border-radius:0.24em;
   background:#EEFFEE;   
   border: 1px solid #008800;
   position:absolute;
   top: 38px;
   left: 128px;
}
a.joinlink:hover { border:1px inset maroon;background:#FFFEB7;color:maroon; }


a.paylink
{
   padding:5px 23px;
   color:#008800;
   border-radius:0.1em;
   background:white;
   border: 1px solid #008800;
   position:fixed;
   bottom:5px;
   right:114px;
}
a.paylink:hover { border:1px inset #008800;background:#EEFFEE;color:#008800; }
a.logoff
{
   padding:5px;
   padding-left:23px;
   padding-right:23px;
   color:#008800;
   border-radius:0.1em;
   background:white;
   border: 1px solid #008800;
   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:#008800;
   border-radius:0.24em;
   background:#EEFFEE;
   border: 1px solid #008800;
   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:#008800;
   border-radius:0.24em;
   background:#EEFFEE;   
   border: 1px solid #008800;
   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.3em;
    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 #008800; color:#006600;}

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


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

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

a.button {
   border: 1pt solid #005500;
   border-radius: 0.6em;
   color: black;
   padding: 2px;
   padding-left: 25px;
   padding-right: 25px;
   margin:10px;
   background: #EEFFEE;
}
a.button:hover { border: 1pt solid maroon; background: #FFFEB7;color:maroon; }
a.adminbutton {
   border: 1pt solid #008800;
   border-radius: 0.2em;
   color: #008800;
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;
  line-height: 200%;
   margin:2px;
   background: #EEFFEE;
}
a.adminbutton:hover { border: 1pt solid maroon; background: #FFFEB7; color:maroon; }
a.adminbuttonrev {
   border: 1pt solid gray;
   border-radius: 0.2em;
   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:#EEFFEE;
   border:1px solid #669966;
   border-radius:0.45em;
   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 #008800;
   border-radius: 0.6em;
   background: #EEFFEE;
   color:#008800;
   margin:5px;
   margin-left:29px;
}
a.listof:hover { border:1pt inset maroon;background:#FFFEB7;color:maroon; }
p.clock {
    background:#DDFFDD;
    position:absolute;
    top: 25px;
    right: 1px;
    font: 12pt Arial;
    color: #005500;
    border: 1px solid #006600;
    border-radius: 0.43em;
    z-index:-3;
    padding: 6px;
}

a.smlbutt {
     padding: 1px;
     background: #EEFFEE;
     color: #008800;
     border: 1px outset #008800;
     border-radius:0.29em;
}
a.smlbutt:hover { border: 1px inset #008800; background: #FFFEB7; }
input.smlbutt {
     padding: 2px;
     background: #EEFFEE;
     color: #008800;
     border: 1px outset #008800;
     border-radius:0.29em;
}
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.1em;
     text-align:center;     
}

a.targetdatebox {
      font: 10pt monospace;
      text-decoration: bold;
      border: 1px inset gray;
      background: #FFFEB7;
      color: #008800;
      border-radius: 0.2em;
      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:#EEFFEE; 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; }







/* the calendar printed out */
table.cal {
     width: 99%; 
     box-sizing: border-box;
     font-family: sans-serif;
     background-color: white;
 }

th, td { border: 1px solid black; box-sizing: border-box; }

th { 
  text-transform: uppercase; 
  font-size:10px; 
  font-weight:700; 
  padding: 10px 0;
  color: black;
  background-color: #555555;
  color:white;
  letter-spacing: 1px;
  border-color:white;
  border-radius: 0.4em;
 }

td {
  width: 14.285%;
  transition: all 0.3s;
  font-size: 14px;
  color: black;
  font-weight: 400;
  font-size: 14px;
  padding: 1.5% 1.5% 5%;
  vertical-align: initial;
  padding: 0.5% 0 ;
  height: 110px;
  border-radius: 0.54em;
 }

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


fieldset.stut {
    background:#DDFFDD;
    width:310px;
    height:250px;
    overflow-y:scroll;
    border:4pt double #008800;
    border-radius: 0.3em;
    padding:2px;
    display:inline;
    margin:10px;
}

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

div.flatchat {
  border: 2pt solid #006600;
  border-radius: 0.4em;
  width: 320px;
  height: 300px;
  margin-left: 7px;
  overflow-y:scroll;
 position:relative;
}
div.overchat { 
   position:relative; 
   -webkit-appearance:none;
   -webkit-perspective: 500px;                    
  }
div.chat {
  border: 2pt solid #006600;
  border-radius: 0.4em;
  width: 320px;
  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:#EEFFEE;
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.8em;
  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;
}