/*
The CSS file has been compiled with the SASS preprocessor.
See /scss/buttonLinks.scss for source file.
*/
/*
 The myVariables.css file has been compiled with the SASS preprocessor.
 See /scss/myVariables.scss for source file.
*/
/*
The following "bigButtonBox" and "xxxContainer" classes are adapted by Jim Roman
from http://www.andy-howard.com/verticalAndHorizontalAlignment/index.html#

These are used for buttons with file or folder links to expand the clickable
link area and to center the labels inside the buttons.
*/
ul, ol {
  list-style: none; }

.bigButtonBox {
  display: inline-block;
  margin: 10px;
  padding-bottom: 10px;
  border: 1px solid black;
  width: 95%;
  /*   .eventButton {
        @extend .outerContainer;
        width:150px;
        height:55px;
        background-color:#4bbcbc;
        &:Hover {
           background-color: #55e3e3;
        }
        &.select{
           background-color: #55e3e3;
        }
     }*/ }
  .bigButtonBox li {
    display: inline-block;
    margin: 3px; }
  .bigButtonBox .outerContainer, .bigButtonBox .yearButton, .bigButtonBox .longButton, .bigButtonBox .eventButton, .bigButtonBox .monthButton {
    display: table;
    overflow: hidden;
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
    .bigButtonBox .outerContainer a, .bigButtonBox .yearButton a, .bigButtonBox .longButton a, .bigButtonBox .eventButton a, .bigButtonBox .monthButton a {
      height: 100%;
      width: 100%;
      display: inline-table; }
    .bigButtonBox .outerContainer .innerContainer, .bigButtonBox .yearButton .innerContainer, .bigButtonBox .longButton .innerContainer, .bigButtonBox .eventButton .innerContainer, .bigButtonBox .monthButton .innerContainer {
      display: table-cell;
      vertical-align: middle;
      padding: 0 3px;
      text-align: center;
      line-height: 1.1; }
      .bigButtonBox .outerContainer .innerContainer .element, .bigButtonBox .yearButton .innerContainer .element, .bigButtonBox .longButton .innerContainer .element, .bigButtonBox .eventButton .innerContainer .element, .bigButtonBox .monthButton .innerContainer .element {
        display: inline-block;
        color: white; }
  .bigButtonBox .yearButton, .bigButtonBox .longButton, .bigButtonBox .eventButton {
    width: 80px;
    height: 30px;
    background-color: #c96767; }
    .bigButtonBox .yearButton:Hover, .bigButtonBox .longButton:Hover, .bigButtonBox .eventButton:Hover {
      background-color: #ff7676; }
    .bigButtonBox .yearButton.select, .bigButtonBox .select.longButton, .bigButtonBox .select.eventButton {
      background-color: #ff7676; }
    .bigButtonBox .yearButton.noSubDir, .bigButtonBox .noSubDir.longButton, .bigButtonBox .noSubDir.eventButton {
      background-color: #4bbcbc; }
      .bigButtonBox .yearButton.noSubDir:Hover, .bigButtonBox .noSubDir.longButton:Hover, .bigButtonBox .noSubDir.eventButton:Hover {
        background-color: #55e3e3; }
  .bigButtonBox .longButton {
    width: 170px;
    /*      height:30px;
          background-color:#c96767;
          &:Hover {
             background-color: #ff7676;
          }
          &.select{
             background-color: #4bbcbc;
          }
          &.noSubDir {
             background-color:#4bbcbc;
             &:Hover {
                background-color: #55e3e3;
             }
          }*/ }
  .bigButtonBox .eventButton {
    width: 150px;
    height: 55px; }
  .bigButtonBox .monthButton {
    width: 100px;
    height: 30px;
    background-color: #4bbcbc; }
    .bigButtonBox .monthButton:Hover {
      background-color: #55e3e3; }

/*# sourceMappingURL=buttonLinks.css.map */