body {
    background: #fff;
    color: #333;
    font-weight: 400;
    font-size: 0.8em;
    font-family: 'sans-serif', arial;
}

input[type=radio].css-checkbox {
							position:absolute;
							z-index:-1000;
							overflow: hidden;
							margin: 8px 1px 1px 1px;
							padding:0;
							border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:26px;
							height:21px; 
							display:inline-block;
							line-height:24px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:12px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -21px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_0cf84fec35537d1f4546496881280e34.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

a {
    color: #4e4a46;
    text-decoration: none;
    outline: none;
}

a:hover, a:focus {
    color: #c94e50;
    outline: none;
}

fieldset {
    background: transparent;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    max-width: 400px;
    border: 1px solid #fff;
    margin: 25px auto 0 auto;
}
legend {
    font-size: 20px;
}
input[type=text],
input[type=password],
select,
textarea {
    padding: 4px 12px;
    font-size: 16px;
    line-height: 1.5;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.button {
    background: -webkit-linear-gradient(#008FD5, #005984); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#008FD5, #005984); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#008FD5, #005984); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#008FD5, #005984); /* Standard syntax */
    -webkit-transition: width 0.4s, height 0.4s, -webkit-transform 0.4s;
    transition: width 0.4s, height 0.4s, transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    padding: 10px 20px!important;
    color: #fff!important;
    cursor: pointer;
    border: 0px;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-top: 1%;
}

table {
    text-align: left;
}
h1,h2,h3,h4,h5 {
    text-align: left;
    color: #006CA1;
}

.header {
    width: 800px;
    margin: 0 auto;
}
.logo {
    float: left;
    width: 45%;
    height: 75px;
}
.user-login {
    float: left;
    font-size: 2em;
    width: 45%;
    height: 75px;
}
.valid-false {
    background: #FF0000!important;
}
.login-result {
    height: 15px;
    font-size: 10px;
}
.login-ok {
    color: #008000;
}
.login-err {
    color: #FF0000;
}
.status {
    font: 1.5em italic;
    padding: 25px;
}
.box-selected, .box-selected-a { background: #00f; }
.box-reserved, .box-reserved-a { background: #f00; }
.box-blocked, .box-blocked-a { background: #5A5A5A; color: #fff; }
.box-blocked-x, .box-blocked-x-a { background: #000000; color: #fff; }
.box-free, .box-free-a { background: none; border: 1px solid #d0d0d0; }

#contact {
    width: 100%;
}
#boxes tr {
    height: 25px;
}
#boxes-table td:hover {
    background: #00f;
    cursor: pointer;
}
#boxes table {
    width: 100%;
}
#boxes th {
    background: #D0D0D0;
}
#boxes td {
    border: 1px solid #D0D0D0;
}

#reservation_form {
    width: 800px;
    margin: 25px auto;
}
#select-date {
    float: right;
    width: 40%;
}
#admin-select-date {
    width: 255px;
    margin: 10px auto;
    display: block;
}
#selected-date {
    font-size: 16px;
    font-weight: 600;
}
#reservations-table tr {
    background: #d0d0d0;
}
#reservations-table thead tr {
    background: #d0d0d0!important;
}
#reservations-table tr:nth-child(4n+1),
#reservations-table tr:nth-child(4n+2) {
    background: #efefef;
}
.res-date {
    width: 125px;
}
#reservations-table table {
    width: 850px;
    margin: 25px auto;
}
#reservations-table td {
    padding: 5px;
    font-size: 14px;
    line-height: 16px;
}
#reservations-table th {
    padding: 5px;
    font-size: 16px;
    line-height: 18px;
}
#reservation-types {
    width: 60%;
    text-align: left;
    float: left;
}
#datepicker {
    margin: 0px auto;
}
#contact_form {
    width: 60%;
    float: left;
}
.res-info {
    color: #f00;
}
.footer {
    width: 800px;
    margin: 25px auto;
}
.copyright {
    width: 50%;
    float: left;
}
.flag {
    width:50%;
    float: right;
    text-align: right;
}
.button:hover {
    opacity: 0.6;
}
.alert {
    color: #f00;
    font-size: 16px;
    font-weight: 600;
    padding-top: 15px;
    width: 40%;
    float: right;
}
li {
    list-style: none;
    list-style-position: outside;
}
ul.res {
    padding-left: 0px;
    line-height: 2em;
    font-size: 13px;
}