div#menu {
    background: #fff;
	clear: both;
	color: #333;
	padding: 5px 10px;
	overflow: auto;
    max-width:900px;
    margin: 0 auto;
    border:1px solid #C7DFEF;
    margin-bottom: 10px;
    margin-top:10px;
    box-shadow:  0px 0px 10px 0px #ddd;
    text-align:center;
    border-radius:5px;
}

div#menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 5px 0px;
    
}

div#menu ul li {
    color:white;
    display: inline;
    margin: 0px;
    padding: 0px 15px;
   
}

div#menu ul li a {
    color:#1C73B4;
    text-decoration:none; 
}

div#menu ul li a:hover {
    color:#FF6600;
}

/* Booking Table */

table#bookings {
    table-layout:fixed;
    border-collapse:collapse;
    margin-top:10px;
    
}

table#bookings th.periodTitle {
    border-right:2px solid #555;
    background-color: #fff;
    border-bottom: 1px dotted #555;
    
}

table#bookings th.dayTitle {
    background-color: #fff;
    border-bottom:2px solid #555;
    padding: 5px 0;
    
}

table#bookings td, table#bookings th{
    text-align:center;
    padding:0;
    vertical-align:middle;
}

table#bookings td {
    font-size:12px;
    height:25px;
    border-bottom: 1px dotted #555;
    border-left:1px dotted #555;
    vertical-align:middle;
}

table#bookings img.deleteBooking {
    cursor:pointer;
    margin-bottom:-2px;
}

table#bookings th {
    font-size:12px;
    background-color:#fff;
    border: none;
}

table#bookings td.free {
    background-color: #D1F3D1;
    cursor:pointer;
}

table#bookings td.free:hover {
    background-color:#ADFFAD;
}

table#bookings td.booked {
    background-color: #FFCCCA;
}

table#bookings td.booked:hover {
    background-color: #FF9590;
}

table#bookings td.blocked {
    background-color: #FFCCCA;
}

table#bookings td.blocked:hover {
    background-color: #FF9590;
}

table#bookings tr:nth-child(odd) td, table#bookings tr:nth-child(odd) th.periodTitle {
	border-bottom: 1px  solid #555;
}

table#bookings tr th.luCorner {
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
}



/* Items Table */
table.items {
    border-collapse: collapse;
    margin-bottom:10px;
}

table.items th.itemLink, table.item td.itemLink {
    width:200px;
}

table.items th {
    border-bottom: 2px solid #555;
}

table.items td {
   
}

table.items th.icon, table.items td.icon {
    padding:4px 0px;
}

table.items th.icon a, table.items td.icon a {
    padding:0;
    padding-left:5px;
    margin:0;
}

/* Blockings Table */
table.blockings {
    border-collapse: collapse;
    width:100%;
}

table.blockings .active {
    background-color:#D1F3D1;
}

/* cwrapper */
div#cwrapper h1 {
    font-size:150%;
    
}

/* Tracking Menu */
td#trackingMenuTop{
    background: #fff;
	color: #333;
	padding: 5px 10px;
    width: 250px;
    text-align:center;
    vertical-align:middle;
    
}

td#trackingMenuBottom{
    background: #fff;
	color: #333;
	padding: 5px 10px;
    width: 250px;
    text-align:center;    
}

div#trackingForms {
    width:  100%;
    text-align:left;
}


td#trackingMenuTop label {
    display:inline-block;
    width: 100px;
}

td#trackingMenuTop input {
    clear:none;
    float:none;
    width: 100px;
}
table#trackpointStatistics{
    border-collapse:collapse;
}

table#trackpointStatistics td {
    width: 50%;
}

table#trackpointStatistics th {
    text-align:center;
}


div#trackingGraphOverview {
    width: 250px;
    height: 50px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* statistics */

div#statisticsForm {
    
}

div#statisticsForm label, div#statisticsForm input, div#statisticsForm select {
    display:inline-block;
    vertical-align:middle;
    margin: 2px;
}

/* Add some nice box-shadow-ness to the modal tooltip */
#ui-tooltip-addReservationForm{
	max-width: 420px;

	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
}

#ui-tooltip-addReservationForm .ui-tooltip-content{
	padding: 10px;
}

#ui-tooltip-addReservationForm input{
	width: 74%;
	padding: 3px 5px;
	box-sizing: border-box;
	display: inline-block;

	border: 1px solid #ccc;
	background-color: #fafafa;
}

#ui-tooltip-addReservationForm input[disabled]{
	background-color: #eee !important;
	color: #999;
}

#ui-tooltip-addReservationForm label{
	/* width: 25%; */
	padding: 5px 5px 5px 0px;
	margin: 0;
	display: inline-block;

	overflow: hidden;
}

#ui-tooltip-addReservationForm button{
	float: right;
	margin-top: 5px;
}

#ui-tooltip-addReservationForm .error{
	float: right;
	display: inline-block;
	margin: 5px 5px 0 0;
    padding:2px;

	vertical-align: text-bottom;
	line-height: 20px;
	font-weight: bold;
	color: red;
}