body {
background-color:#fff;
font-size:11px;
font-family:Verdana;
margin:0;
padding:0;
color:#000;
}

#page {
width:1000px;
/*background-image:url(/local/img/theme_01/page.png);*/
margin:auto;
padding:auto;
}

#header {
clear:both;
width:1000px;
height:51px;
/*background-image:url(/local/img/theme_01/header.png);*/
padding:10px 0 15px 0;
/*margin-left:40px;*/
}

#menulinks {
clear:both;
width:1000px;
height:47px;
/*padding-left:25px;*/
/*background-image:url(/local/img/theme_01/menulinks.png);*/
background-color:darkorange;
}

* html #menulinks a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }
  
#menulinks a {
	padding-left:3px;
	height:39px;
    background-image:none;
	display:block;
	color:#000;
	text-decoration:none;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-right:3px;
	margin-left:10px;
	margin-top:3px;
  }

#menulinks a span {
	padding-left:10px;
	padding-right:10px;
	padding-top:12px;
	height:30px;
	display:block;
   	background-image:none;
	text-decoration:none;
	cursor:pointer;
}
  
  
#menulinks a:hover, #menulinks a.active {
	/*
	background-image:url(/local/img/theme_01/menuhover.png);
	background-position:top left;
	*/
	text-decoration:none;
	color:#000;
}

#menulinks a:hover span, #menulinks a.active span {
   background: url(/local/img/theme_01/menuhoverright.png) right top no-repeat;
	text-decoration:none;
}

#mainarea {
width:100%;
clear:both;
margin-left:20px;
}

#contentarea {
width:655px;
margin-right:20px;
float:left;
line-height:14pt;
padding-bottom:10px;
}

#sidebar {
float:left;
width:300px;
padding:5px;
line-height:14pt;
background-image:url(/local/img/theme_01/sidebartop.png);
margin:0 0 20px 0;
}

#footer {
width:1000px;
clear:both;
height:35px;
padding-top:23px;
text-align:center;
line-height:14pt;
/*background-image:url(/local/img/theme_01/footer.png);
background-repeat:no-repeat;*/
background-color:darkorange;
}

h1 {
font-size:20pt;
color:#000;
margin:0;
}

h2 {
font-size:12pt;
color:#000;
padding-top:6px;
}

.description {
font-size:14pt;
color:darkred;
margin:0;
}

a {
color:darkred;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* dodane */

.form_header {
	float:left;
	width:150px;
	margin:3px 0 3px 0;
}

.form_field {
	float:left;
	width:200px;
	margin:3px 0 3px 0;
}

.form_field input {
	width:200px;
}

.form_field select {
	width:200px;
}

.panel_employee {
	width:350px;
	padding:5px;
	margin:0px;
	float:left;
	border:solid 1px #555555;
	cursor:pointer;
}

.panel_reservation {
	width:345px;
	padding:5px;
	margin:0px;
	float:left;
	border:solid 1px #ddd;
	cursor:pointer;
}

.employee_picture {
	margin:0 10px 0 0;
	float:left;
	width:50px;
	height:50px;
}

.panel_service {
	width:290px;
	padding:5px;
	margin:10px;
	float:left;
	border:solid 1px #555555;
	cursor:pointer;
}

.service_picture {
	margin:0 10px 0 0;
	float:left;
}

.panel_machine {
	width:290px;
	padding:5px;
	margin:10px;
	float:left;
	border:solid 1px #555555;
	cursor:pointer;
}

.machine_picture {
	margin:0 10px 0 0;
	float:left;
}

.ta_calendar {
	float:left;
	width:170px;
	/*border:solid 1px #fff;*/
	margin:5px;
}

.ta_calendar .slot {
	float:left;
	width:40px;
	height:20px;
	border:solid 1px #000;
	color:#000;
	font-size:9px;
}

.ta_calendar .reserved {
	background-color:#888888;
}

.ta_calendar .booked {
	background-color:red;
}

.nav {
	width:30px;
	float:left;
	vertical-align:absmiddle;
	margin:200px 0px 10px 10px; 
	font-size:20px; 
	font-weight:bold;
}


.selected_service {
	padding:5px;
}

.selected_service .name {
	font-size:16px;
	font-weight:bold;
}

.selected_time {
	padding:5px;
}

.selected_time .title {
	float:left;
	width:75px;
}

.selected_time .content {
	font-size:16px;
	font-weight:bold;
}

.reserve_submit {
	font-size:24px;
	text-align:center;
	/*background-color:darkorange;*/
	color:#000;
	width:340px;
	height:40px;
	cursor:pointer;
	margin:0px;
}

.menu_calendar {
	clear:both;
	width:100%;
	height:20px;
	margin:20px 0px 5px 0px;
}

.menu_calendar a {
	padding-left:3px;
	height:15px;
    background-image:none;
	display:block;
	color:#000;
	text-decoration:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-right:3px;
	margin-left:10px;
	margin-top:3px;
  }

.menu_calendar a span {
	padding-left:20px;
	padding-right:20px;
	padding-top:3px;
	height:20px;
	width:150px;
	display:block;
   	background-image:none;
	text-decoration:none;
	cursor:pointer;
	border:solid 1px darkorange;
  }

.menu_calendar a:hover, .menu_calendar a.active {
	text-decoration:none;
	color:#000;
}

.menu_calendar a:hover span, .menu_calendar a.active span {
  	background: url(/local/img/theme_01/menuhoverright.png) right top no-repeat;
	text-decoration:none;
}

.closeButton {
	padding:20px;
}

.submit_button {
	width: 305px;
	border: solid 1px #666;
	background: darkred;
	margin: 15px 0 0 0 ;
	padding:10px 20px 10px 20px;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	color:#fff;
}

.messagePanel {
	position:fixed;
	left:0px;
	top:0px;
	width: 740px;
	padding: 20px;
	border-bottom: solid 1px #000;
	background: darkred;
	z-index: 999;
	cursor:pointer;
	color:#fff;
}

.messagePanelLeft {
	position:fixed;
	left:10px;
	top:10px;
	width: 340px;
	height: 435px;
	padding: 20px;
	border-bottom: solid 1px #000;
	background: #eee;
	z-index: 999;
	overflow: auto;
	cursor:pointer;
	color:#000;
}

.messagePanelRight {
	position:fixed;
	left:405px;
	top:10px;
	width: 340px;
	height:435px;
	padding: 20px;
	border-bottom: solid 1px #000;
	background: #eee;
	z-index: 999;
	overflow: auto;
	cursor:pointer;
	color:#000;
}

.employee_details {
	padding:0 20px 20px 20px;
}

.machine_details {
	padding:0 20px 20px 20px;
}

.service_details {
	padding:0 20px 20px 20px;
	/*height:300px;
	overflow:auto;*/
}

.messagebox {
	padding:0 20px 20px 20px;
}

.panel_buttons {
	border-top: solid 1px #999;
	color:#000;
	background:#eee;
	text-align:right;
	height:75px;
}