/* Body */
body {
	font-family: verdana,arial,helvetica,sans-serif;
}
/* Input */
input {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 100%;
}
input.disabled {
	font-family: verdana,arial,helvetica,sans-serif;
	color: gray;
}

div.inputdate {
	white-space: nowrap;
}

/* Select */
select {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 100%;
}

/* Text Area */
textarea {
	font-family: verdana,arial,helvetica,sans-serif;
}

div.layoutleft {
	font-size: 80%;
}
div.layoutcontent {
	font-size: 80%;
}
div.layoutfooter {
	font-size: 80%;
}

/* Content Header Section (page.header) */
.contentheader {
	font-size: 125%;
	font-weight: bold;
	padding-bottom: 10px;
	}

/* Content Text Section (page.head) */
.contenttext {
	padding-bottom: 10px;	
	}

/* Content Data Section */
.contentdata {
	}

/* Content Footer Section (page.footer) */
.contentfooter {
	padding-top: 10px;	
	}

table.Content {
	border: 0px;
	border-collapse: collapse;	
}

/* Style for Address maintainance screen */

div.contactMethodSeperator {
	font-size: 10%;
	border-color: #000;
	border-bottom: solid 2px;
	border-top: none;
	border-left: none;
	border-right: none;
}
div.contactMethod {
	padding-bottom: 10px;	
}
a.contactMethod {
	background: no-repeat 0em 0.3em;
	font-size: 120%;
	font-weight: bold;
	padding-left: 10px;
	cursor: pointer;	
}	
div.contactAddress {
	font-size: 100%;
}
div.contactAddressSeperator {
}

/* Old Address maintainance screen styles */
.ContactMethod {
	font-size: 120%;
	font-weight: bold;

}

td.ContactAddress {
	font-size: 80%;
}

td.ContactMethodSeperator {
font-size: 10%;
border-color: #000;
border-bottom: solid 2px;
border-top: none;
border-left: none;
border-right: none;
}

td.ContactAddressSeperator {
}

/* Style for other input screen - Person Details */
td {
	padding-right: 10px;
}

td.prompt {
	font-weight: bold;
}

td.value {
}

/* Styles for displaying errors and mandatory fields */
.error {
	color: red;
}

.mandatory {
	padding: 2px;
	color: red;
}

/* Style to highlight input field in error */
input.error {
	background-color: red;
	color: black;
}
select.error {
	background-color: red;
	color: black;
}
textarea.error {
	background-color: red;
	color: black;
}
/* Style for a input field used as a display only field */
input.display {
	background-color: transparent;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}
select.display {
	background-color: transparent;
	padding: 2px;
}
textarea.display {
	background-color: transparent;
	padding: 2px;
}

/* Styles for UserInfo in menu area */
/* Div ensure it doesn't overlap */
div.userinfo {
	width: 180px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;	
}

/* User Info table */
table.userinfo {
}

td.userinfoprompt {
	font-weight: bold;
}

td.useinfovalue {
	font-style: italic;
}

input.menudisplay {
	border: #FFF solid 1px;
	padding: 2px;
}

/* Styles for the application wizard tables */
table.appwiz {
	margin-left: 10px;
	margin-right: 10px;
	border-collapse: collapse;
}

th.appwizcategoryheader {
	font-size: 125%;
	text-align: left;	
	padding-top: 20px
}

th.appwizheader {
	border: #000 solid 1px;
	background: #336699;
	text-align: center;
	color: White;
	padding: 5px;
}

td.appwizitem {
	border: #000 solid 1px;
}
td.appwizmultiitem {
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
}
td.appwizline {
	font-size: 0;
	border: #000 solid 1px;
}
td.appwizmultiitemlast {
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
	border-bottom: #000 solid 1px;
}

/* Styles for different types of table items */
td.text {
}

td.date{
	text-align: right;
}

td.currency {
	text-align: right;
}

td.radio {
	text-align: center;
}

/* Styles for the contract dashboard */
#contractdashboard td.expiryDate {
	color:red;
}

/* Styles for the contract view */
#contractview h3 {
	font-size: 125%;
	text-align: left;	
	padding-top: 20px
}

#contractview th {
	font-size: 110%;
	text-align: left;
}

/* Styles for the booking accept payment page */
#bookingacceptpayment td.charges {
	border: none;
}

#bookingacceptpayment table.charges {
	font-size: 110%;
	margin-bottom: 20px;
}
	
#bookingacceptpayment table {
	margin-left: 10px;
	margin-right: 10px;
	border-collapse: collapse;
}
#bookingacceptpayment th.paymentplan {
	border: #000 solid 1px;
	background: #336699;
	text-align: center;
	color: White;
	padding: 5px;
}

#bookingacceptpayment th.paymentmethod {
	font-size: 110%;
	text-align: left;
}

#bookingacceptpayment td {
	border: #000 solid 1px;
}

#bookingacceptpayment td.duedate {
	color: red;
}

#bookingacceptpayment td.total {
	font-weight: bold;
}

/* Styles for the dashboard page tables */
table.dashboard {
	margin-left: 10px;
	margin-right: 10px;
	border-collapse: collapse;
}

th.dashboard {
	border: #000 solid 1px;
	background: #336699;
	text-align: center;
	color: White;
	padding: 5px;
}

td.dashboard {
	border: #000 solid 1px;
	padding: 5px;
}

th.dashboardoption {
}

td.dashboardoption {
	padding: 5px;
}

/* Style for arrival clock */
#arrivalclock p.clocktext {
	font-weight: bold;
	font-size: 125%;
}

#arrivalclock p.clock {
	font-weight: bold;
	white-space: nowrap;
}
	
/* Style for timeslot table */
#arrivalcheckinslot table {
	margin-left: 10px;
	margin-right: 10px;
	border-collapse: collapse;
}

#arrivalcheckinslot th.timeslot {
	border: #000 solid 1px;
	background: #336699;
	text-align: center;
	color: White;
	padding: 5px;
}

#arrivalcheckinslot td {
	border: #000 solid 1px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Style to flag things that still need doing - won't exist in finished pages */
p.todo {
	background-color: red;
}
div.facilities {
	font-size: 150%;
}