html,body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: Arial;
	color: #000;
	padding: 55px 0px 0px 0px;
	position: relative;
}

form {
	margin: 0;
	padding: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearer {
	clear: both;
}

.red {
	color: #f00;
}

.error {
	background: #ffb7b7;
}

.blue {
	color: #00f;
}

#toolbar {
	width: 100%;
	height: 25px;
	background: url(../images/bg_toolbar.png) #999999 repeat-x;
	padding: 10px 10px 10px 0px;
	border-bottom: 10px solid #fff;
	position: fixed;
	top: -40px;
	left: 0px;
	color: #fff;
	min-width 600px;
	z-index: 101;
	font-size: 12px;
}

#toolbar a {
	color: #fff;
	text-decoration: underline;
}

#buttonMenu {
	background: url(../images/bg_toolbar.png) #999999 repeat-x;
	border-right: 1px solid #ddd;
	margin: -10px 0 0 0;
	padding: 14px 8px;
	cursor: pointer;
	width: 32px;
	height: 15px;
	float: left;
}
 
#menu {	
	border: 1px solid #ddd;
	background: #eee;
	position: fixed;
	top: 44px;
	left: 0px;
	z-index: 105;
	display: none;
}

#menu .item {	
	display: block;
	padding: 3px 12px;
	text-align: center;
	cursor: pointer;
}

#menu .item:hover {	
	background: #f4f4f4;
}

#addHotel,
#addRoom,
#editReservation,
#addFromOptionForm,
#accommodationTypes,
#prices,
#reservationsRequests {
	font-size: 13px;
	background: #aaa;
	padding: 10px;
	border: 1px solid #444;
	border-radius: 10px;	
	color: #000;
}

#addHotel,
#addRoom,
#addFromOptionForm {
	background: url(../images/bg_add_boxes.png) bottom #dfdfdf repeat-x;
}

#addHotel {
	position: absolute;
	left: 240px;
	top: 10px;
	width: 300px;
	height: 22px;
}

#addFromOptionForm {
	position: absolute;
	left: 640px;
	top: 220px;
	width: 250px;
	height: 22px;
	z-index: 150;
}

#addHotel,
#addFromOptionForm {
	display: none; 
}

#addRoom {
	position: fixed;
	left: 300px;
	top: 200px;
	z-index: 103;
	width: 310px;
	height: 200px;
	margin: 10px 5px 10px 0px;
	display: none;
}

#addRoomSubmit {
	margin: 2px 0px 0px 0px;
	float: left;
}

#accommodationTypes {
	position: fixed;
	left: 353px;
	top: 50px;
	width: 420px;
	margin: 10px 5px 10px 110px;
	display: none;
	z-index: 150;
	font-size: 13px;
}

#reservationsRequests {
	font-size: 16px;
	height: 610px;
    overflow-y: scroll;
}

#prices,
#reservationsRequests {
	position: absolute;
	left: 303px;
	top: 50px;
	width: 720px;
	margin: 10px 5px 10px 0px;
	display: none;
	z-index: 150;
}

#prices .priceRow {
	padding: 0 30px 0 10px;
	float: left;
	width: 670px;
}

#prices .pricesAcc {
	width:250px; 
	float: left;
	text-align: right;
}

#prices .pricesDel {
	font-weight: bold;
	float: right;
	cursor: pointer;
}

#mask {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 4000px;
	height: 3000px;
	display: none;
	background: #bbb;
	z-index: 102;
	opacity:0.75;
	filter:alpha(opacity=75);
}

#clickoff,
#toolbaroff {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 4000px;
	height: 3000px;
	display: none;
	opacity:0.75;
	filter:alpha(opacity=75);
}

#clickoff {
	z-index: 10;
}
#toolbaroff {
	z-index: 90;
}

.watermark {
	color: #ccc;
}

#addReservation,
#editReservation {
	width: 900px;
	background: #f9f9f7;
	margin: 0 auto 50px auto;
	padding: 10px;
	border: 1px solid #dbdbce;
	border-radius: 10px;	
	color: #000;
	font-size: 13px;
	position: relative;
}

#editReservationMask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 1100px;
}

#addReservation .fieldlist,
#editReservation .fieldlist {
	float: left; 
	width: 440px
}

#addReservation .guestFieldList,
#editReservation .guestFieldList {
	display: block;
	width: 830px;
	padding: 0 0 0 50px
}

#addReservation .guestFieldList .guestTitle,
#editReservation .guestFieldList .guestTitle {
	float: none; 
	height: 20px;
}

#addReservation .guestFieldList li,
#editReservation .guestFieldList li {
	display: block;
	width: 200px;
	margin: 0 30px 0 0;
}

#addReservation textarea,
#editReservation textarea {
	width: 200px;
}

.addFromOption {
	display: block;
	float: right;
}

.from,
.accommodation_type {
	float: left;
	width: 170px;
	margin: 0px 10px 0px 0px;
}

.select {
	width: 206px;
}

.selectMiddle {
	width: 124px;
}

.selectSmall {
	width: 74px;
}

.input {
	width: 200px;
}

.inputSmall {
	width: 70px;
}

.inputCheckbox {
	width: 10px;
	margin: 5px 10px 0 0px;
}

#addReservation ul,
#editReservation ul,
#accommodationTypes ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

#addReservation ul li,
#editReservation ul li {
	float: left;
	width: 210px;
	height: 30px;
	margin: 8px 0px 0px 0px;
}

#accommodationTypes ul li {
	float: left;
	width: 210px;
	height: 40px;
	margin: 8px 0px 0px 0px;
}

#addReservation ul .caption,
#editReservation ul .caption,
#accommodationTypes ul .caption {
	float: left;
	text-align: right;
	margin: 8px 7px 0px 0px;
	padding: 3px 0 0 0;
	width: 220px;
	height: 37px;
}

#accommodationTypes ul .caption {
	float: left;
	text-align: right;
	margin: 8px 7px 0px 0px;
	width: 160px;
}


#saveAccommodationTypes,
#pricesSubmit {
	float: right;
	margin: 10px 20px 0 0;
	display: block;
}

#reservationSubmit,
#editReservationSubmit {
	float: right;
	margin: 40px 20px 0 0;
	display: block;
	cursor: pointer;
}

.groupReservationItem {
	text-decoration: none;
	color: #00f;
	margin: 10px 0 10px 50px;
	display: block;
}


#hotelName,
#optionName {
	width: 150px;
	float: left;
	margin: 0px 10px 0px 0px;
}

#editRoomRoomName,
#editRoomRoomNumber {
	width: 150px;
	float: left;
	margin: 0px 10px 0px 0px;
}

#editRoomFloor {
	width: 50px;
	float: left;
}

#addHotel .title,
#addRoom .title,
#addFromOptionForm .title {
	margin: 2px 10px 0px 0px;
	float: left;
	width: 130px;
}

#editRoomSubmit {
	float: right;
	cursor: pointer;
}

.addRoomButton {
	width: 100px; 
	text-align: center; 
	background: #F0F8FF;
	cursor: pointer;
}

#hotelId {
	width: 200px;
	margin: 0px 10px 0px 0px;
}

#toolbar form {
	padding-top: 1px;
}

#toolbarSubmit {
	margin: 0px 0px 0px 10px;
	display: block;
	float: left;
	cursor: pointer;
}

#roomsList {
	margin: 0px 6px 0px 0px;
	padding: 0;
	list-style: none;
}

#tableContainer {
	min-height: 300px;
	float: left;
	overflow-x: scroll;
}

.month {
	border: 1px solid #666;
	text-align: center;
	background: #f0f8ff;
	float:left;
}

.table tbody td {
	height: 24px;
}

.table a {
	width: 16px;
	display: block;
	cursor: pointer;
}


#roomsList li { /* ostanalite nastrojki sa w .box i .lightBlue */
	text-align: right;
}

#container {
	margin: 25px 10px;
}

#intervalStartDate,
#intervalEndDate {
	width: 80px;
}

.box {
	border: 1px solid #666;
	color: #000;
	text-decoration: none;
	display: block;
	float: left;
}

.roomRowTitle {
	background: #f0f8ff;
	cursor: pointer;
	white-space: nowrap;
	text-align: right;

}

.free {
	background: #f0f8ff;
	cursor: pointer;
	
}

.free:hover {
	background: #e0ffdf;
	cursor: pointer;
}

.sum {
	background: #f0f8ff;
	cursor: auto;
	text-align:right;
	border: 1px solid #666;
	color: #000;
	text-decoration: none;
	display: block;
	float: left;
}

.boxStart {
	border: 2px solid #000;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	float: left;
}

.reserved {
	background: #6cb9ff;
}

.deposit {
	background: #7aff77;
}

.booked {
	background: #ff8a8a;
}

.waiting {
	background: #fff86c;
}

.accommodated {
	background: #ab1616;
}

.reported {
	background: #804000;
}

.owners {
	background: #edc1ff;
}

.banktransaction {
	background: #ff5b5b;
}

.attention {
	background: #fcc441;
}

.blocked {
	background: #cacaca;
}

.receptionPaid {
	background: #f547f5;
}

.phoneReserved {
	background: #88e3ca;
}

.other3 {
	background: #e6e6e6;
}

.other4 {
	background: #ffffff;
}

.weekend {
	color: #000;
	font-weight: bold;
}

.close {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 8px;
	height: 8px;
	background: url(../images/close.png);
	cursor: pointer;
}

.open {
	cursor: pointer;
}

/* ========================= NEW VERSION WITH FIXED TABLE HEADER ================================================ */

#whitebox {
	width: 110px;
	height: 55px;
	background: #fff;
	position: fixed;
	left:0px;
	top: 15px;
	z-index: 100;
}

#groupReservButton {
	background: url(/images/group_reservations.png) no-repeat;
	width: 85px;
	height: 36px;
	display: block;
	position: absolute;
	right: 5px;
	bottom: 4px;
}

#header {
	background: #fff;
	position: absolute;
	left:110px;
	top: 15px;
	z-index: 10;
}

#rooms {
	background: #fff;
	width: 90px;
	padding: 0 0 0 20px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#content {
	background: #fff;
	float: left;
	margin: 0 0 0 110px
}

 
/* ======================== RESERVATION LIST =================================================================== */

#leftMenu {
	font-size: 12px;
	position: fixed;
	left: 10px;
	top: 55px;
	width: 180px;
	border: 1px #aaa solid;
	background-color: #a8a8a8;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    right bottom,
	    color-stop(0.00, #cecece),
	    color-stop(1.00, #b2b2b2)
	);
	background-image: -moz-linear-gradient(
	    center left,
		#cecece 0%,
		#b2b2b2 100%
	);
	
	padding: 10px;
}

#leftMenu select {
	width: 180px;
}

#reservationsList {
	margin: 0px 20px 0px 230px;
	color: #000;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	font-size: 12px;
}

#reservationsList a {
	color: #000;
}

#reservationsList .listTableHeader,
#reservationsList .listTableFooter {
	border-top: 1px #666666 solid;
	background: #f2f2f2;
	font-weight: bold;
}

.listTableFooter li{
	width: 131px;
}

#reservationsList ul {
	list-style: none;
	border-bottom: 1px #666666 solid;
	border-top: 1px #666666 solid;
	margin: 3px 0px 0px 0px;
	padding: 0 0 0 0px;
	cursor: pointer;
	display: block;
}

#reservationsList ul:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
}

#reservationsList ul li {
	height: 30px;
	float: left;
	padding: 9px 0px 9px 3px;
}

#reservationsList .PDFImage {
	display: block;
}

#reservationsList .note {
	cursor: pointer;
}

/*
#reservationsList tr td {
	border-radius: 4px;	
	border-radius: 4px;
	border: 1px #666666 solid;
	margin: 4px;
}
*/

#filtersSubmit {
	cursor: pointer;
	float: right;
}

#roomsMenu {
	position: absolute;
	left: 100px;
	top: 100px;
	z-index: 50;
	width: 150px;	
	border: 1px #666666 solid;
	font-size: 11px;
	background-color: #a8a8a8;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    right bottom,
	    color-stop(0.00, #eee),
	    color-stop(1.00, #b2b2b2)
	);
	background-image: -moz-linear-gradient(
	    center left,
		#eee 0%,
		#b2b2b2 100%
	);
	display: none;
}

#roomsMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
}

#roomsMenu ul li {
	width: 150px;
	text-align: center;
	height: 18px;
	cursor: pointer;
	padding: 2px 0 0 0;
}

#roomsMenu ul li:hover {
	background: #efefef;
}

.reservationsCopy {
	width: 25px;
	height: 48px;
	background: url(/images/reservations-copy.png) no-repeat;
	cursor: pointer;
	border-right: 1px solid #53adff;
}

.reservationsCopied {
	width: 25px;
	height: 48px;
	background: url(/images/reservations-copied.png) no-repeat;
	cursor: pointer;
	border-right: 1px solid #53adff;
}

/* ======================== RESERVATION LIST END =============================================================== */

/* ======================== LOGIN BOX ========================================================================== */
#loginBox {
	width: 300px;
	height: 150px;
	margin: 200px auto 0 auto;
	background: #dbeee4;
	border: 1px solid #000;
	border-radius: 10px;	
}

#loginForm {
	list-style: none;
	margin: 23px 0px 0px 0px;
	padding: 0;
}

#loginForm li input {
	width: 125px;
}

#loginForm .caption {
	float: left;
	text-align: right;
	font-weight: bold;
	color: #000;
	width: 125px;
	height: 32px;
	padding: 3px 0px 0px 5px;
}

#loginForm .element {
	float: left;
	width: 165px;
	height: 35px;
	padding: 0px 0px 0px 5px;
}

#loginForm .error {
	width: 300px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	margin: -18px 0px 0px 0px;
	background: none;
}

#wrongUserOrPass {
	display: none;
}

.submitButton {
	text-align: center;
	width: 90px;
	padding: 5px 5px;
	margin: 10px;
	background: #9ed1b7;
	border: 1px solid #aaaaaa;
	border-radius: 5px;	
	cursor: pointer;
	font-size: 12px;
	background: url(../images/bg_button.gif) repeat-x;
}

#loginSubmit {
	margin: 10px 0px 0px 100px;
}
/* ======================== LOGIN BOX END ====================================================================== */

/* ======================== FILE MANAGER ====================================================================== */

#fm {
	padding: 15px;
	font-size: 13px;
}

#fm a {
	text-decoration: none;
	color: #000;
}

#fm a:hover {
	text-decoration: underline;
}

#fm .directoryElement {
	background: url(/images/icon_folder.png) 0 0 no-repeat;
	width: 100px;
	margin: 3px 0;
	min-height: 16px;
	padding: 0 0 0 22px;	
	cursor: pointer;
}

#fm .fileElement {
	background: url(/images/icon_pdf.png) 0 0 no-repeat;
	width: 300px;
	margin: 3px 0;
	min-height: 16px;
	padding: 0 0 0 22px;	
}

/* ======================== FILE MANAGER END ================================================================== */
 */