/* 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*/
body
{
  font-family: monospace;
  font: 11pt Arial, monospace;
  color: #444477;
  background:  white;

}
p
{
  font: 10pt Arial, monospace;
  color: black;
  display:inline;
}
img
{
  border:0;
  margin:2px;
}
a
{
  text-decoration:none;
  font: 11pt Arial;
  padding:5px;
}
 
a.title { /* used in the title bar */
  text-decoration: none;
  font: italic bold 17pt Arial;
  color: #000000;
  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; }

main
{
  padding:1px;
  text-align:center;
}

fieldset.groupsbox
{
   border:1pt solid black;
   border-radius:0.4em;
   position:absolute;
   top:80px;
   left:10px;
   right:auto;
   color:black;
   font: 11pt Arial, 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 black;border-radius:0.25em;background:#DEFEED;color:#444444;width:120px; }
a.grup:hover { border:1px inset black;background:#FFDDDD; }
p.grup { font:9pt Arial; color:black; }

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:#DEFEED;
  border:1pt inset black;
}
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;
}


fieldset.stut {
    width:330px;
    height:350px;
    overflow-y:scroll;
    border:4pt double #9999CC;
    border-radius: 0.5em;
    padding:2px;
    display:inline;
    margin:12px;
    margin-left:2px;
}


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:#666666;
}
input.link
{
   border: 1px outset black;
   border-radius:0.24em;
   background: #DEEEEE;
   padding:5px 12px 5px;
   font: 10pt Arial;
   color:black;
}
input.link:hover { background:#FFCC99;border: 1px inset black; }
input.orange { background: #FFCC99; color:black; border-radius:0.24em;}

input.timepick { background:#DEFEED;border-radius:0.4em; border:1pt outset black; }
input.timepick:hover { background:#FEEEEE;border:1pt inset black; }


div.login
{
  border:2pt double gray;
  border-radius:0.6em;
  box-shadow:gray 8px 8px 11px;
  height:180px;
  width:300px;
  background:#EEEEEE; 
  position:fixed;
    top:70px;
    left:20px;
 text-align:center;
 padding:5px 7px 5px;
 opacity:100%;
}

h2.tities
{
  font: 16pt Courier;
  color: black;
}
div.group
{
  padding:7px;
  margin:3px;
  line-height:1.4em;
}
input.right
{
  background:#DDEDFF;
  font-size:80%;
  width:170px;
  border:1px solid #AAAACC;
  border-radius: 0.3em;
}

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



input.addbox
{
  border:1pt inset black;
  border-radius:0.24em;
  background:#DEFFED;
  margin:5px 10px 5px;
}
textarea.addbox
{
  border:1pt inset black;
  border-radius:0.24em;
  background:#DEFFED;
  margin:5px;
}
p.title { font:13pt Courier;color:black;margin:10px; }
p.title2 { font: 12pt Georgia;color:#0066CC;margin:4px; }
p.message { font:11pt Arial;color:black;margin:5px; }
.popup
{
text-align:center;
  border:2pt solid black;
  border-radius:0.6em;
  height:400px;
  width:300px;
  background:#EEEEFF;
  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 black;
  border-radius:0.4em;
  width:210px;
  background:#DEFEED;
  margin-left:20px;
}
select.list
{
  background:#DEFEED;
  border-radius:0.3em;
  font: 10pt Arial;
  color:#444444;
}


.popup_link
{
  text-align:center;
  text-decoration:none;
  position:absolute;
    bottom:10px;
    right:10px;
  width:100px;
  background:#DEFEED;
  color:black;
  border:1px outset black;
  border-radius:0.45em;
  font: 9pt Arial;
  margin: 1px;
  padding: 3px;
  margin-right:17px;
}
.popup_link:hover {background:#FEEEEE;border:1px inset black;}
.popup_link:visited {color:black;}


div.intro {
   border:1px solid grey;
   border-radius: 0.7em;
   padding:20px;
   margin-top:220px;
   margin-right:15px;
   background:white;
   opacity:100%;
}
p.intro { font:13pt monospace;}
a.link{
        background: #DEFEED;
        display: block;
        text-decoration:none;
        border: 1px solid black;
        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 black; background: #EEEEEE; }

.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:#DEFEED; color:black;}



table.login
{
   border: 2pt double gray;
   border-radius: 10px;
   box-shadow: gray 8px 8px 11px;
   position: relative;
   top: 140px;
   left: auto;
   right: auto;
   padding: 5px;
   background: #EEEEEE; /*    #DEEEEE;*/
}
td.login-heading
{
  width: 80px;
  text-align:right;
}
table.registerform
{
   border: 2pt double gray;
   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:black;
   border-radius:0.1em;
   background:white;
   border: 1px solid black;
   position:fixed;
   bottom:5px;
   right:212px;
   padding:5px 23px;
}
a.fixedbottom:hover { border:1px inset black;background:#DEFEED;color:black; }
 
a.topleft {
   width:100px;
   color:black;
   border-radius:0.24em;
   background:#DEFEED;   
   border: 1px solid black;
   position:absolute;
   top: 1px;
   left: 10px;
   text-decoration:none;
   text-align:center;   
   padding:5px;
}
a.topleft:hover { border:1px inset black;background:#FEEEEE;color:black; }
a.addlink {
   width:100px;
   text-decoration:none;
   text-align:center;   
   padding:5px;
   color:black;
   border-radius:0.24em;
   background:#DEFEED;   
   border: 1px solid black;
   position:absolute;
   top: 38px;
   left: 10px;
}
a.addlink:hover { border:1px inset black;background:#FEEEEE;color:black; }
a.dellink {
   width:100px;
   text-decoration:none;
   text-align:center;   
   padding:5px;
   color:black;
   border-radius:0.24em;
   background:#DEFEED;   
   border: 1px solid black;
   position:absolute;
   top: 38px;
   left: 245px;
}
a.dellink:hover { border:1px inset black;background:#FEEEEE;color:black; }
a.joinlink {
   width:100px;
   text-decoration:none;
   text-align:center;   
   padding:5px;
   color:black;
   border-radius:0.24em;
   background:#DEFEED;   
   border: 1px solid black;
   position:absolute;
   top: 38px;
   left: 128px;
}
a.joinlink:hover { border:1px inset black;background:#FEEEEE;color:black; }


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

.linkelist {
    border:2px solid black;
    margin:0px;
    background:white;
    padding:9px;
    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 solid gray; }
hr.extralight { border: 1px dotted gray;font-size:80%; }

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


fieldset.adminboxes {
    border: 3pt double black;
    margin: 7px;
    margin-left:0px;
    display:inline;
    height:400px;    
}

a.x_out {
    border: 1pt outset black;
    background:#DEFEED;
    padding: 3px;
    padding-left:7px;
    padding-right:7px;
    font: 10pt Arial;
    padding-bottom:2px;
    border-radius: 0.3em
}
a.x_out:hover { border: 1pt inset black; background:#FCEEEE; }

a.button {
   border: 1pt solid gray;
   border-radius: 0.6em;
   color: black;
   padding: 2px;
   padding-left: 25px;
   padding-right: 25px;
   margin:10px;
   background: #DEFEED;
}
a.button:hover { border: 1pt solid black; background: #FEEEEE; }
a.adminbutton {
   border: 1pt solid gray;
   border-radius: 0.2em;
   color: black;
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;
  line-height: 200%;
   margin:2px;
   background: #DEFEED;
}
a.adminbutton:hover { border: 1pt solid black; background: #FEEEEE; }
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
{
   border:2pt ridge #555588;
   border-radius:0.45em;
   padding: 5px;
   display:inline-block;
   width:320px;
   font: 8pt Arial;
   margin:7px;
}

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

}
a.listof {
   display:block;
   width:200px;
   border:1pt outset black;
   border-radius: 0.6em;
   background: #DEFEED;
   color:black;
   margin:5px;
   margin-left:29px;
}
a.listof:hover { border:1pt inset black;background:#FFEEEE; }
p.clock {
    background:#EEEEBE;
    position:fixed;
    top: 25px;
    right: 1px;
    font: 12pt Arial;
    color: black;
    border: 1px solid black;
    border-radius: 0.43em;
    z-index:-3;
    padding: 3px;
}

a.smlbutt {
     padding: 1px;
     background: #DEFEED;
     color: black;
     border: 1px outset black;
     border-radius:0.29em;
}
a.smlbutt:hover { border: 1px inset black; background: #FEEEEE; }

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 Arial;
      text-decoration: bold;
      border: 1px inset gray;
      background: #FEEEEE;
      color: black;
      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:bold 8pt Arial;
}
.deletebutton:hover { border:3pt double gray;background:#DEFEED; color:black;}

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

 






a.ifsign
{
 font: 11pt Arial, 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 Arial, 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;
 }

.day:hover { background-color: white; }
td.daydark { background-color: #DCDDCD; }
.today { color: black; background-color: #EEEEBE; !important; }

span.number { margin-left: 10% }

a.number {
 font: 12pt Arial;
 margin:5px;
 padding:3px;
 cursor:pointer;
 color: black;
}
a.number:hover { background: #DEFEED; padding-right: 7px; padding-left:7px; border: 1pt inset gray; border-radius:0.45em;}

span.event {
  height: 4px;
  background-color: rgba(0,0,0,.3);
  display: block;
  margin: 5px 10%;
  border-radius: 2px;
  background-color: #91c33b;
 }

span.event-multiday { margin: 5px -2px; border-radius: 0; }
span.event-multiday-start { margin-right: -4px;  }
span.event-multiday-finish { margin-left: -4px;  }

span.event-ghost { background-color:transparent; }