/* 5m css base template ver: 1 date: 2006-feb-02 */

/* Primary Classes Start */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.3em;
	text-align: left;
	color: #000;
	margin: 0;
	padding: 0;
	}
h1,h2,h3,h4 { margin: 0.4em 0; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
p { margin: 0 0 1em 0; }
a { text-decoration: none; }
a:hover { color: red; }
form { margin: 0; padding: 0; }
strong { font-weight: bold; }
img { border: none; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.left { float: left; }
.right { float: right; }
.push1 { margin-bottom: 1em; }
.push2 { margin-bottom: 2em; }
table, tr, th, td { margin: 0; padding: 0; border: none; font-size: 1em; }
table { border: 1px solid #ccc; }
th { font-size: 1.1em; }
th, td { padding: 0.2em; border: 1px solid #ccc; text-align: center; }
input {
  width:200px;  
  background-color:#FFFFFF;
  border:1px solid #000;
}
textarea {
  width:200px;  
  background-color:#FFFFFF;
  border:1px solid #000;
	overflow: auto;
}
select{
  background-color:#FFFFFF;
  border:1px solid #000;
}
/* Primary Classes End */

/* Custom form classes Start */
.inputHighlighted {  
  background-color:#FAE6EB;
  color:#000;
/*   width:200px; */
  border:1px solid #000;
}
#Amonoselect {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #000000;
	width: auto;
}
#Bmonoselect {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #000000;
	width: auto;
}
.tickbox {
	width: auto;
	background-color: #D5ECFA;
	border: 0px;
}
.tickbox0 {
	width: auto;
	background-color: none;
	border: 0px;
}
.tickbox1 {
	width: auto;
	background-color: #99C4DF;
	border: 0px;
}
.tickbox2 {
	width: auto;
	background-color: #6B9FBF;
	border: 0px;
}

/* Custom form classes End */

/* Generic Form Classes Start */
div#form {
	position: relative; 
/*	margin: 20px auto 0;  */
	margin: 0 auto 0; 
	width: 754px;
	background: #D5ECFA;
}
div#formCal {
	position: relative; 
	margin: 20px auto 0; 
	width: 970px;
	background: #D5ECFA;
}
div#formPt2 {
position: relative; 
margin: 20px auto 0; 
	width: 754px;
	background: #D5ECFA;
	}
div#form p.requiredkey {
	padding-top: 10px;
	text-align: right;
	color: #BB133E;
	font-weight: bold;
	}
div#formPt2 p.requiredkey {
	padding-top: 10px;
	text-align: right;
	color: #BB133E;
	font-weight: bold;
	}
div#form p.push1 { margin-bottom: 1em; }
div#formPt2 p.push1 { margin-bottom: 1em; }
.save { color: #BB133E; }
div.formField, div.formFieldRating, div.formFieldLocationFeatures, div.formNote {
	width: 754px;
	clear: both;
	margin-bottom: 10px;
	overflow : hidden;
	}
div.label {
	background: transparent url(../images/arrow.png) top right no-repeat; 
	}
div.formField div.label, div.formFieldRating div.label, div.formFieldLocationFeatures div.label {
	width: 280px;
	float: left;
	text-align: right;
	padding: 3px 10px 10px 10px;
	background: transparent url(../images/arrow.png) right 0.7em no-repeat;
	}
div.label2 {
	width: 280px;
	float: left;
	text-align: right;
	padding: 3px 10px 10px 10px;
	}
div.formFieldRating div.label {
	width: 680px;
	background: transparent url(../images/arrow.png) right 0.7em no-repeat;
	}
div.formFieldLocationFeatures div.label {
	width: 600px;
	}
p.groupHeading {
	width: 280px;
	text-align: right;
	padding: 0 10px 10px 10px;
	margin: 0;
	}
div#form p {
	margin: 0;
	padding: 0 10px 10px 10px;
	}
div#formPt2 p {
	margin: 0;
	padding: 0 10px 10px 10px;
	}
div.formField div.label label, div.formFieldRating div.label label, div.formFieldLocationFeatures div.label label {
	color: #0b215b;
	}
div.formField div.formElement, div.formFieldRating div.formElement, div.formFieldLocationFeatures div.formElement {
	width: 433px;
	float: left;
	text-align: left;
	padding: 0 10px 10px 10px;
	}
div.formFieldRating div.formElement {
	width: 20px;
	}
div.formFieldLocationFeatures div.formElement {
	width: 100px;
	}
div.formField div.formElement input, div.formFieldRating div.formElement input, div.formFieldLocationFeatures div.formElement input, div.formField div.formElement textarea, div.formFieldRating div.formElement textarea, div.formFieldLocationFeatures div.formElement textarea, div.formField div.formElement select, div.formFieldRating div.formElement select, div.formFieldLocationFeatures div.formElement select {
	font-family: arial, Helvetica, sans-serif;
	font-size: 1em;
	}
div.formFieldLocationFeatures p { clear: both; }
div.formNote {
	width: 433px;
	padding: 3px 10px 10px 310px;
	margin-bottom: 10px;
	}
div#form div.formNote p {
	margin-bottom: 0;
	padding-left: 0;
	}
div#formPt2 div.formNote p {
	margin-bottom: 0;
	padding-left: 0;
	}
div.formField div.formSubmitElement {
	padding-left: 310px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.border { border-bottom: 1px solid #25b2ea; }
span.rqd {
	color: #D5ECFA;
	width: 10px;
	padding-right: 8px;
	text-indent: -9999px;
	background: transparent url(../images/required.png) right 0.3em no-repeat;
	}
div#form h2 {
	padding-left: 10px;
	font-size: 1.2em;
	}
div#formPt2 h2 {
	padding-left: 10px;
	font-size: 1.2em;
	}
div#form h3 {
	padding-left: 10px;
	font-size: 1.1em;
	}
div#formPt2 h3 {
	padding-left: 10px;
	font-size: 1.1em;
	}
table.checkbox {
	width: 90%;
	padding-left: 30px;
	border: none;
	}
table.checkbox tr td {
	text-align: right;
	vertical-align: top;
	color: #0b215b;
	border: none;
	padding-right: 10px;
	background: transparent url(../images/arrow.png) right 0.7em no-repeat;
	}
table.checkbox tr td.check {
	width: 40px;
	text-align: left;
	color: #000;
	background: none;
	}
table.checkbox tr td.tableor {
	text-align: center;
	color: #000;
	background: none;
	}
/* Generic Form Classes End */
	
/* Step Four Specific classes Start
	These classes can easily be spun off into a seperate stylesheet for this
	single step. It may be worth attempting to reduce the weight of this set
	of classes for the table since the design for it evolved over various 
	amends, it probably could use rebuilding to be more compact. */
table.tableBedrooms {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1em;
	border: none;
	background: none;
	border-collapse: collapse;
	}
div.tableBed table {
	margin-left: 100px;
	}
div.tableFeatures table {
	margin-left: 150px;
	}
table.tableBedrooms tr th {
	font-size: 0.9em;
	font-weight: bold;
	border: none;
	border-top: 1px solid #25b2ea;
	}
table.tableBedrooms tr th.th1blank { border: none; }
table.tableBedrooms tr th.th1bednum {
	border-left: 1px solid #25b2ea;
	border-right: 1px solid #25b2ea;
	border-bottom: 1px solid #d5ecfa;
	background-color: #6B9FBF;
	}
table.tableBedrooms tr th.bdth1,
table.tableBedrooms tr th.bdth2,
table.tableBedrooms tr th.bdth3,
table.tableBedrooms tr th.bdth4,
table.tableBedrooms tr th.bdth5,
table.tableBedrooms tr th.bdth6,
table.tableBedrooms tr th.bdth7,
table.tableBedrooms tr th.bdth8,
table.tableBedrooms tr th.bdth9,
table.tableBedrooms tr th.bdth10 {
	background-color: #9BB1BF;
	border-bottom: 1px solid #d5ecfa;
	border-right: 3px solid #d5ecfa;
	}
table.tableBedrooms tr th.bdth10 {
	border-right: 1px solid #25b2ea;
	}
table.tableBedrooms tr th.th2bedtype { 
	border-left: 1px solid #25b2ea;
	border-right: 1px solid #25b2ea;
	border-bottom: 1px solid #25b2ea;
	padding: 2px 5px;
	}
table.tableBedrooms tr td {
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	border: none;
	border-bottom: 1px solid #25b2ea;
	border-left: 1px solid #25b2ea;
	border-right: 1px solid #25b2ea;
	text-align: right;
	color: #263C70;
	}
table.tableBedrooms tr td.bdtd1,
table.tableBedrooms tr td.bdtd2,
table.tableBedrooms tr td.bdtd3,
table.tableBedrooms tr td.bdtd4,
table.tableBedrooms tr td.bdtd5,
table.tableBedrooms tr td.bdtd6,
table.tableBedrooms tr td.bdtd7,
table.tableBedrooms tr td.bdtd8,
table.tableBedrooms tr td.bdtd9,
table.tableBedrooms tr td.bdtd10 {
	padding-right: 5px;
	background-color: #9BB1BF;
	border-left: none;
	border-right: 3px solid #d5ecfa;
	border-bottom: 1px solid #D5ECFA;
	text-align: center;
	}
table.tableBedrooms tr td.bdtd1, table.tableBedrooms tr th.bdth1 { background-color: #99C4DF; }
table.tableBedrooms tr td.bdtd2, table.tableBedrooms tr th.bdth2 { background-color: #6B9FBF; }
table.tableBedrooms tr td.bdtd3, table.tableBedrooms tr th.bdth3 { background-color: #99C4DF; }
table.tableBedrooms tr td.bdtd4, table.tableBedrooms tr th.bdth4 { background-color: #6B9FBF; }
table.tableBedrooms tr td.bdtd5, table.tableBedrooms tr th.bdth5 { background-color: #99C4DF; }
table.tableBedrooms tr td.bdtd6, table.tableBedrooms tr th.bdth6 { background-color: #6B9FBF; }
table.tableBedrooms tr td.bdtd7, table.tableBedrooms tr th.bdth7 { background-color: #99C4DF; }
table.tableBedrooms tr td.bdtd8, table.tableBedrooms tr th.bdth8 { background-color: #6B9FBF; }
table.tableBedrooms tr td.bdtd9, table.tableBedrooms tr th.bdth9 { background-color: #99C4DF; }
table.tableBedrooms tr td.bdtd10, table.tableBedrooms tr th.bdth10 { background-color: #6B9FBF; }
table.tableBedrooms tr td.bdtd10 { border-right: none; border-right: 1px solid #25b2ea; }
table.tableBedrooms tr.lastrow td.bdtd1,
table.tableBedrooms tr.lastrow td.bdtd2,
table.tableBedrooms tr.lastrow td.bdtd3,
table.tableBedrooms tr.lastrow td.bdtd4,
table.tableBedrooms tr.lastrow td.bdtd5,
table.tableBedrooms tr.lastrow td.bdtd6,
table.tableBedrooms tr.lastrow td.bdtd7,
table.tableBedrooms tr.lastrow td.bdtd8,
table.tableBedrooms tr.lastrow td.bdtd9,
table.tableBedrooms tr.lastrow td.bdtd10 {
	border-bottom: 1px solid #25b2ea;
	}
table.tableThemes {
	font-size: 1em;
	border: none;
	background: none;
	border-collapse: collapse;
	border-left: 1px solid #25b2ea;
	border-top: 1px solid #25b2ea;
	margin-top: 10px;
	margin-bottom: 10px;
	}
table.tableThemes tr td, table.tableThemes tr th {
	border: none;
	border-right: 1px solid #25b2ea;
	border-bottom: 1px solid #25b2ea;
	padding: 5px 10px;
	font-weight: bold;
	}
table.tableThemes tr td input {
	font-size: 1em;
	font-weight: normal;
	}
table.tableThemes tr td.bdtd1 { background-color: #99C4DF; }
table.tableThemes tr td.bdtd2 { background-color: #6B9FBF; }
table.tableThemes tr td.bdtd3 { background-color: #99C4DF; }
table.tableThemes tr td.bdtd4 { background-color: #6B9FBF; }
table.tableThemes tr td.bdtd5 { background-color: #99C4DF; }
table.tableThemes tr td.bdtd6 { background-color: #6B9FBF; }
table.tableThemes tr td.bdtd7 { background-color: #99C4DF; }
table.tableThemes tr td.bdtd8 { background-color: #6B9FBF; }
table.tableThemes tr td.bdtd9 { background-color: #99C4DF; }
table.tableThemes tr td.bdtd10 { background-color: #6B9FBF; }
/* Step 4 Specific Classes End */
	
/* Step 6 Specific Classes Start */
table.photoupload {
	margin-bottom: 10px;
	}
table.photoupload, table.photoupload tr td {
	border: none;
	font-size: 1em;
	padding: 0;
	border-collapse: collapse;
	padding-bottom: 10px;
	}
table.photoupload tr td.tdlabel, table.photoupload tr td.tdspacer {
	padding-right: 10px;
	background: transparent url(../images/arrow.png) right 0.8em no-repeat;
	color: #0b215b;
	width: 175px;
	text-align: right;
	}
table.photoupload tr td.tdspacer {
	background: none;
	}
table.photoupload tr td.tdelement {
	padding-left: 10px;
	padding-right: 10px;
	}
table.photoupload tr td.tdelement input {
	font-size: 1em;
	font-family: arial, Helvetica, sans-serif;
	}
table.photoupload tr td.tdupload {	
	text-align: left;
	padding-left: 10px;
	}
table.photoupload tr td.tdthumb {
	padding-left: 30px;
	}
/* Step 6 Specific Classes End */

/* Step 9 Specific Classes Start */
table.offers {
	margin-bottom: 10px;
	margin-left: 8px;
	}
table.offers, table.offers tr th, table.offers tr td {
	border: none;
	font-size: 1em;
	padding: 0;
	border-collapse: collapse;
	text-align: left;
	}
table.offers tr th.thname {
	width: 250px;
	}
table.offers tr th.thfrom {
	width: 100px;
	}
table.offers tr th.thto {
	width: 100px;
	}
table.offers tr td.offertitle {
	color: #0b215b;
	}
table.offers tr td a {
	color: #0b215b;
	text-decoration: underline;
	}
table.offers tr td a.deactive {
	color: green;
	}
table.offers tr td a.active {
	color: red;
	}
/* Step 9 Specific Classes End */