html, body {
  height: 100%;
}

body {
    background-color: #f5eee3;
}

a {
    cursor: pointer;
}

th {
  background-color: #BED6B3;
  border-color: #679055;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#94B683), to(#BED6B3));
  background-image: -webkit-linear-gradient(top, #94B683, 0%, #BED6B3, 100%);
  background-image: -moz-linear-gradient(top, #94B683 0%, #BED6B3 100%);
  background-image: linear-gradient(to bottom, #94B683 0%, #BED6B3 100%);
  background-repeat: repeat-x;
}

.headerRow {
    padding: 0px; 
    border-bottom: 3px solid #000000;
    overflow:hidden;
}

#menuArea {
    border-bottom: 3px solid #000000;
}

.headerArea {
    background-color: f5eee3;
    background-image: url("../images/Header.jpg");
    background-repeat: no-repeat;
    color: #f5eee3;
    text-align: center;
    height: 100px;
    padding: 0px;
}

.announcementArea {
    background-color: #FFFFFF;
    text-align: center;
    padding: 0px;
    border-top: 3px solid #475c3e;
    border-bottom: 3px solid #475c3e;
}

.announcementHeader {
    //background-color: #93b683;
    color: #000000;
    text-align: center;
    background-color: #77a363;
    border-bottom: 3px solid #475c3e;
    padding: 2px;
    margin-bottom: 7px;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#93b683), to(#77a363));
    background-image: -webkit-linear-gradient(top, #93b683, 0%, #77a363, 100%);
    background-image: -moz-linear-gradient(top, #93b683 0%, #77a363 100%);
    background-image: linear-gradient(to bottom, #93b683 0%, #77a363 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff93b683', endColorstr='#ff77a363', GradientType=0);
}

.sideBarContainer {
    padding-top: 20px;
    //background-color: #475c3e;
    height:100%;
    color: #000000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#475c3e+0,475c3e+99,f5eee3+100 */
    background: #475c3e; /* Old browsers */
    background: -moz-linear-gradient(left, #475c3e 0%, #475c3e 99%, #f5eee3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #475c3e 0%,#475c3e 99%,#f5eee3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #475c3e 0%,#475c3e 99%,#f5eee3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475c3e', endColorstr='#f5eee3',GradientType=1 ); /* IE6-9 */    
    
    /*    margin-bottom: -5000px;  any large number will do 
    padding-bottom: 5000px; */
}

.datepickerInput {
    cursor: default !important;
}

#luxcal { 
    width:80%; 
    height:800px; 
    margin:20px; 
    border-style:solid; 
    border-width:1px; 
    border-color:grey; 
}


.navbar{margin-bottom: 0;}

.dropdown-menu a{
    color: #000000 !important;
}

.dropdown-menu a:hover{
    color: #444444 !important;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}

.btn-primary {
    background-color: #475c3e;
}

td.rowSection {
  background-color: #dddddd
}

.bottom-buffer { margin-bottom:10px; }
.top-buffer { margin-top:10px; }

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
/*#footer {
  background-color: #f5f5f5;
}*/

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#map {
    width: 100%;
    height: 400px;
    background-color: grey;
}

.skipnav { text-align: left; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }