input, select, #car-button,.sscombobox {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
label, input, select, #car-button, .sscombobox { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
select, #car-button, .sscombobox { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
.mask {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

div #person {width:340px;}

#newres-dialog-form, #log-dialog-form, #removebtn, #maskbtn, #cancelbtn, #savebtn, #createbtn {
    display: none;
}


/* new styles*/

.fc-day-header{
	color: #9A9E99 !important;
}

.fc-day-number
{
	color: #D9DDE1 !important;
}

.fc-center
{
	color: white !important;
}

#log-link{
  cursor: pointer;
  float:right;
  margin-right: 250px;
  margin-top: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #8F98A0;
  font-size: 12px;
  line-height: 16px;
}

#logo{
  background-image: url("../img/logo.png");
  height: 79px;
  width: 257px;
  background-repeat: no-repeat;
  margin-left: 250px;
  float:left;
}

#calendar{
	height: 100%; 
	margin-left: 28%; 
	margin-right: 28%;
}

*{
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  background: #1b2838;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#content{
	/*padding: 13px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height:100%;
    padding: 0 20px;
    padding-top: 15px;
    position: absolute;
}

/* Style the header */
header {
  background-color: #171a21;
  padding: 13px;
  text-align: center;
  font-size: 35px;
  color: white;
  height: 104px;
}

/* Style the footer */
footer {
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 140px 60px 140px;
  margin: 0;

  text-size-adjust: none;
  -webkit-text-size-adjust: none;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}

footer div {
    padding-left: 12px;
    padding-top:10px;
    padding-bottom:10px;
    color: #8F98A0;
    font-size: 12px;
    line-height: 16px;
    width:100%; border-top: 1px solid white; border-bottom: 1px solid white; font-family: Arial, Helvetica, sans-serif;
}
.fc-event-container { cursor: pointer; }

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  nav, article {
    width: 100%;
    height: 100%;
  }
}