html{box-sizing:border-box}

*,*:before,*:after{box-sizing:inherit}

body{margin:0}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

button,input,select,textarea{font:inherit;margin:0}

textarea{overflow:auto}

html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}

html{overflow-x:hidden}

h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}

.opws-serif{font-family:serif}

h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}

.copyright
{
  color: #00ff99;
  font-weight: bold;
}

.footer
{
  background-color: #006600;
  border-radius: 10px;
  clear: both;
  color: #fff;
  display: block;
  font-family: Geneva,Verdena,'DejaVu Sans',sans-serif;
  font-size: 0.83em;
  font-style: italic;
  min-height: 100px;
  margin: 16px;
  padding: 0.5em 0.5em;
}

.image-copyright
{
    float: right;
    font-size: 0.83em;
    padding: 0 8px;
}

.image-float-left
{
    float: left;
    font-size: 0.83em;
    padding: 0 8px;
}

a:link { color: #00cccc; }

a:visited { color: #cccc00; }

#easterthisyear {
    color: #006600;
    font-weight: bold;
}

#easternextyear {
    color: #006600;
    font-weight: bold;
}

#orthodoxeasterthisyear {
    color: #006600;
    font-weight: bold;
}

#orthodoxeasternextyear {
    color: #006600;
    font-weight: bold;
}

table, th, td {
   border: 1px solid #006600;
}

table {
    border-collapse: collapse;
}

th, td {
    padding: 5px 5px 5px 5px;
}

th.epact {
    text-align: right;
    color: #006600;
}

td.epact {
    text-align: center;
    padding: 0 0.3em;
}

th.easter {
    text-align: left;
    color: #003300;
    background-color: #ccffcc;
}

.opws-name { font-size: 2.5em; padding: 2px; margin: 0; color: #006600 }
.opws-letters { font-size: 0.8em; padding: 2px; margin: 0; color: DarkBlue }
.opws-tags { font-size: 0.8em; padding: 2px; margin: 0; text-align: right; color: DarkRed }

.opws-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}

.opws-bar-block .opws-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}

.opws-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

opws-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.opws-button:hover{color:#006600!important;background-color:#ffffcc!important}

.opws-card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}

.opws-container,.opws-panel{padding:0.01em 16px}

.opws-container:after,.opws-container:before {content:"";display:table;clear:both}
.opws-padding{padding:8px 16px!important}

.opws-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

.opws-black,.opws-hover-black:hover{color:#fff!important;background-color:#006600!important}

.opws-red,.opws-hover-red:hover{color:#000!important;background-color:#00ff99!important}