h1 {text-align: center;}
img {
	border: 0;
}

body {
/*	background: url(img/top-gradient.jpg) repeat-x;*/
	font-family: Verdana;
	color: #000;
	text-align: center;
	font-size: 10px;
} 

input, button {
	font-size: 1.4em;
	color:	#383838;
}
textarea {
	font-size: 1.3em;
	font-family: Verdana, sans-serif;
	color:	#383838;
}
.clearer {
	clear: both;
}

.clickable {
	cursor: pointer;
}

.grey {
	background-color: #aaa;
}
.orange {
	background-color: #fa5;
}
.green {
	background-color: #8f8;
}
.red {
	background-color: #f88;
}

.doublebooked {
	background-color: #c5c;
}
.bookingstartend {
	background-color: #fa5;
}
.bookingfree {
	background-color: #8f8;
}
.booked {
	background-color: #f88;
}
.selectedBooking {
	background-color: #f44;
}
.bookingStart {
	float: left;
}
.bookingEnd {
	float: right;
}
hr {
	height: 1px;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #888;
}

.hidden {
	display: none;
}

#center {
	width: 1600px;
	max-width: 99%;
	margin: auto;
	background: url(images/w_oq_80.png);
}

#framed {
	width: 570px;
	margin: auto;
	background: url(images/w_oq_80.png);
}

.centered {
	margin: auto;
}

.userline {
	text-align: right;
	color: #000;
}

#top {
	text-align: left;
}

#logo{
	color: #000;
}

#companyMenuIcon{
	color: #000;
	margin: 1px 0 0 15px;
	float: left;
}

#search {
	font-size: 1.2em;
	float: right;
}

#search p {
	margin-top: 2px;
}

#menu {
	background: #9be;
	margin-top: 1px;
	height: 40px;
}

#submenu {
	background: #aac5f4;
	margin-top: 1px;
	height: 30px;
}

#menu a {
	margin: 0 7px;
}



#menu form {
	display: inline;
}

#menu input[type=text] {
	color: #777;
}

#submenu > div {clear: both; display: none;}
div.menu, div.submenu { font-family: Verdana, sans-serif; float: left; font-size: 1.6em; font-weight: 800; height: 40px; line-height: 40px; background: #9be; color: #fff; padding: 0px 20px; }
div.menu:hover, #menu > div.selected {background: #aac5f4;}
div.submenu { font-size: 1.4em; background: #aac5f4; height: 30px; line-height: 30px; }
div.submenu:hover {background: #9be;}
div.submenu  a { color: #fff; text-decoration: none}
.hiddenMenu {
	padding: 0;
	float: right;
	width: 0px;
	height: 120px;
	display: block;
	overflow: hidden;
}
.displayedMenu {
	float: right;
	display: block;
	padding: 10px 40px 0 10px;
}

#clienttools {
}

#rentaltools {
}

#parkingtools {
}

#tcalico_1, #tcalico_0 {
	position: relative;
	top: -4px;
}

img.bigmenu {
	float: right;
}

.menuClientName {
	font-size: 1.5em;
	line-height: 2;
	font-family: Gerogia, serif;
	font-weight: 600;
}

.menuHeader {
	font-size: 1.4em;
	line-height: 1.6;
	font-family: Verdana, sans-serif;
	font-weight: 500;
}

#content {
	text-align: left;
	padding-bottom: 30px;
	font-size: 13px;
}

.message {
	font-size: 1.2em;
	color: #222;
	text-align: center;
	font-weight: bolder;
}

h1.message {
	color: #666;
	font-size: 2em;
}

.message img {
	float: left;
}

#logon {
	margin-top: 150px;
}

.messageHeader {
	font-size: 1.7em;
	color: #777;
}

.active {
	color: #000;
}

.passive {
	color: #999;
}

#design {
	position: fixed;
	right: 1px;
	bottom: 4px;
}

.ia-site-error { font-size: 1.25rem; color: #ff5555; background-color: #ffaaaa; font-weight: bold; padding: 2rem;}

/***********************************************/
/*  Content section */
/***********************************************/
#welcome {
	text-align: center;
	color: #777;
	font-size: 1.7em;
}
#selectionFrame {
	width: 600px;
	height: 530px;
	float: right;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #888;
}

#findClientsForm {
	position: absolute; 
	top: 282px; 
	padding-left: 5px;
}

#clientList.framed {
	border-width: 0px;
	border-collapse: collapse;
}
#clientList td.framed {
	border-width: 0px;
}

#timeRegistration {
	border-top: 1px solid #888;
	margin-top: 7px;
}
	
#timeRegistration input[type=checkbox] {
	margin: 0px;
}

#24hResSpan {
	margin: 0;
}

#rentalRegistration {
	border-top: 1px solid #888;
	margin-top: 7px;
}
	
#rentalAgent {
	border-top: 1px solid #888;
	margin-top: 7px;
}
#rentalExtraInfo {
	border-top: 1px solid #888;
	margin-top: 7px;
}

.rentalSchedule {
	border-collapse: collapse;
}
table.rentalSchedule td {
	border: 1px solid #ccc;
}
	
#itemList {
	margin-top: 10px;
}

#framed tr.even {
	cursor: pointer;
}
#framed tr.odd {
	cursor: pointer;
}

tr.error {
	background: #f99;
}
tr.even {
	background: #fff;
}
tr.odd {
	background: #eee;
}
#clientList tr.anonymous { color: #aaa; }
tr.bookedeven {
	background: #fdd;
}
tr.bookedodd {
	background: #fbb;
}
#bookingsTitle {
	font-size: 1.2em;
	font-weight: 600;
}
.even:hover {
	background: #d7d7d7;
}
.odd:hover {
	background: #d7d7d7;
}

tr.extraeven {
	background: #fff;
	cursor: auto;
}
tr.extraodd {
	background: #eee;
	cursor: auto;
}

#contractTypes {
	margin-top: 40px;
	margin-left: 40px;
}
#contractTypes td {
	width: 150px;
	font-size: 1.1em;
}


.resultLine { 
	cursor: pointer;
	font-size: 1.4em;
	color: #444;
	padding: 2px 4px; 
}
.resultLine:hover, #clientAjaxField .selected , #itemAjaxField .selected { background: #ddd; }

#clientAjaxField, #itemAjaxField {border: 1px solid #ddd; display: none; z-index: 10}

#clientRegistration select { font-size: 1.4em; width: 208px;}
#clientRegistration td { padding: 2px 8px 2px 0;}

#postRegistration {border-collapse: collapse; font-size: 1.2em; margin-top: 20px;}
#postRegistration select {font-size: 1.2em; }
#postRegistration td {padding: 1px 0px 1px 5px;}
#postRegistration input {margin-right: 15px;}
#postRegistration input[type=button] {font-size: 1.2em;}

.invoiceLine:hover, .albaranLine:hover { background: #e5ffda;}
.lineDeleter {cursor: pointer}
#postList, #clientList { font-size: 16px; color: #333; border-collapse: collapse;}
#postList td, #clientList td {padding: 4px;}
#postList img {vertical-align: baseline;}

#imageupload { width: 1200px; height: 300px;}

#addNoteBlock {display: none}
#addNoteBlock textarea {width: 519px; height: 75px;}
#addNoteBlock select, .editNoteRow select { font-size: 1.4em; }
.editNoteButton {cursor: pointer}
.editNoteRow submit { font-size: 18px;}
input.number { text-align: right}
#visitsList { border-collapse: collapse; font-size: 1.2em}
#visitsList img { height: 12px; cursor: pointer; position: relative; top: 1px; margin-left: 7px; margin-right: 6px;}
#visitsList input { font-size: 1em}
#visitsList td.number { padding: 6px 12px 6px 4px; text-align: right;}
#visitsList tr td:nth-child(odd) input {  width: 140px}
#visitsList tr td:nth-child(even) input { width: 75px; text-align: right}
#visitsList tr td:nth-child(even) input[type=button] { width: 80px; text-align: center}
.tableHead td {border-bottom: 2px solid #222;}
.tableBottom td {border-top: 2px solid #222;}


/***********************************************/
/* Other */
/***********************************************/


.checkinNotes {
	margin: 20px 0;
}

#bottom {
	position: fixed;
	bottom: 0px;
	width: 1200px;
	color: #555;
	background: #fff;
	text-align: center;
}


td.header {
font-family: Verdana;
color: #000000;
}

.submitbutton {
cursor:pointer;
border:outset 2px #444444;
background:#999;
color:#333333;
font-weight:bold;
padding: 1px 2px;
height: 50px;
width: 200px;
/*background:url(../img/form-button-fill.jpg) repeat-x left top;*/
}

#printDate {
	text-align: right;
}

.printSheet { font-family: Verdana, sans-serif ; font-size: 13px}

@media screen {
	#printDate {
		display: none;
	}
}

@media print {
	body {
		margin: 0;
		font-size: 11pt;
	}
	
	#top a, #top input, #top p {
		display: none;
	}
	
	a, button, input[type="submit"], input[type="button"] {
		display: none;
	}
	
	div {
		margin: 0;
	}

	#logo {
		display: none;
	}
	#center {
		width: auto;
	}
	
	.printRentalForm { font-size: 9pt; }
	.printRentalForm input { font-size: 8pt; }
	body.parking {
		size: landscape;
		font-family: Georgia, serif;
		font-size: 10pt;
	}

	#findClientsForm {
		position: absolute; 
		top: 10em; 
		padding-left: 5px;
	}
	
	type=submit {
		display: none;
	}

	#logo {
		width: 50pt;
		height: 38pt;
		float: right;
	}
	#menu {display: none;}
	
	#selectionFrame {display: none;}
	
	td {border-bottom: 1px dotted #444;}

	.bigtext  {
		font-size: 14pt;
		line-height: 1.5;
	}
	
	.newPage {
		display: block;
		page-break-before: always;
	}
	
	#findClientsForm input {
		width: 27em;
	}
	
	#clientInfo input {
		width: 28em;
	}
	
	#priceInfo input {
		width: 12em;
		margin-left: 2em;
	}
	
	input {
		border: 0;
	}
	
	.tcalIcon {
		display: none;
	}
	
}
	
	/**************************************/
	/* Printed rentalcontract*/
	/**************************************/

		.printSheet { font-family: Verdana, sans-serif ; font-size: 13pt}
	
#clientRegistration input, #clientRegistration textarea { width: 400px; }
#clientRegistration input[type=submit]{ width: 90px; }
#clientRegistration  { font-size: 1.2em;}
.sectionBreak {height: 5px; background: #bbb;}