html, body, input, select, textarea, table, label {
  font-family: Georgia, Courier, Arial;
  font-size: 1.25em;
}

body {background-color: #EEEEEE;}
a {text-decoration:none; color: #000000;}

div.main_content {
 width: 79%;
 padding-left: 1%;
 float: left;
}
div.main_content div {
 vertical-align: top;
}
div.right_side_content {
  width: 20%;
  float: right;
  font-size: 0.75em;
}
h1 {
  font-size: 1.2em;
  margin-bottom: 10px;
}
a.main {
 padding-left: 1%;
 font-size: 1.5em;
 font-weight: bold;
 display: inline-block;
 vertical-align: top;
 margin-bottom: 10px;
}
span.attribution {
  font-size: 0.5em;
  color: gray;
}
.header {
  padding-left: 5px;
  width: 252px;
  font-size: 1.5em;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}

div.top_box {
  font-size: 0.5em;
  font-weight: bold;
  width: 99%;
  margin-bottom: 10px;
  padding-left: 1%;
}
div.top_box .narrow {
  display: none;
} 
div.top_box .right {
  float: right;
  margin-right: 15px;
}
div.top_box a, span.selected {
  margin-left: 5px;
  margin-right: 5px;
}
div.top_box a:hover {
  color: gray;
}
a.selected {
  color: green;
}

/*general background color: #E0E7DA. Today background: #B7D7BF background #EEEEEE*/
div.calendar div {
  width: 14.05%;
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  font-size: 0.5em;
  color: #707070;
}
div.calendar div:nth-child(2) span {
  background-color: #B7D7BF;
}
div.calendar div:last-child {
  margin-right: 0px;
}
div.week_day {
  /*width: 13.3%;*/
  width: 13.3%;
  font-size: 0.5em;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
div.week_day div:first-child {
  font-size: 0.9em;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 6px;
  background-color: #E0E7DA;
}
div.week_day div.today {
  background-color: #6EDBD0 !important; /*old : B7D7BF*/
}
div.week_day div.this_month {
  background-color: #C0E9CB;
}
span.today {
  font-size: 0.75em;
}
div.week_day h2{
  margin: 0px;
}
div.week_day a {
  display: inline-block;
  padding-top: 10px;
  font-weight: bold;
}


/* --- CLASSES FOR LOGIN --- *//* --- CLASSES FOR LOGIN --- *//* --- CLASSES FOR LOGIN --- */
/*color change:F2EFE9, FFAE00 */
div.login_main {
 margin: 0 auto;
 width: 750px;
 font-size: 0.6em;
 text-align: center;
 color: black;
 margin-top: 200px;
}
div.login_error {
 color: #FF0000;
 font-weight: normal;
}
div.login_label {
 display:inline-block;
 width: 125px;
 text-align: right;
}
div.login_input {
 margin-left: 5px;
 display:inline-block;
 margin-bottom: 5px;
}
div.login_main a{
 color: black;
}

div input {
  text-align: center;
}




/*Changes based on width*/

/*Smallest width, phones*/
@media screen and (max-width: 768px){
  .header {
    padding-left: 0px;
    text-align: center;
    width: 100%;
  }
  div.top_box a.narrow {
    display: inline-block;
    width: 32%;
    margin-left: 0px;
    text-align: center;    
  }
  div.top_box :not(.narrow) {;
    color: red;
    display: none;
  }
  div.calendar div:not(.today) {
    display: none;
  }
  div.calendar div.today {
    width: 100%;
    text-align: center;
    font-size: 1em;
  }






}