/* Begin Pete's New Form Styles */
html {
	background: none;
}
#content input[type="text"],
#content input[type="email"],
#content input[type="tel"],
#content select {
    background-color: #fafafa;
    border-radius: 7px;
    border: 1px solid #cacaca;
    height: 28px;
    padding: 0 7px;
	width: 98%;
}
#content input:focus {
	background-color: #ECF8FF;
}
#content form fieldset {
	background-color: #ffffff;
	border: 2px solid #CACACA;
}
#content form fieldset label {
	margin-top: 14px;
	margin-bottom: 7px
}
#content form fieldset legend {
	font-size: 28px;
	font-family: "Open Sans",Helvetica,Arial,Geneva,sans-serif;
	background-color: #ffffff;
	padding: 0 7px;
	line-height: 1.3;
}
div.error {
	background-color: rgb(242, 125, 125) !important;
	border-radius: 7px !important;
	padding: 7px 7px !important;;
	color: rgb(137, 34, 34) !important;
	border: 2px solid #CC4045 !important;;
	font-size: 12px !important;
	width: 97.5% !important;
}
div.error::before {
	background: none !important;
}
div.input_error {
	margin-left: 0px !important;
}
#content table td {
	font-weight: bold;
}
#content table tr {
	border-bottom: none;
}
table.grading .tbody tr:nth-of-type(2n) {
	margin-bottom: 14px;
}
#content form fieldset h2 {
	font-size: 21px;
	font-family: "Open Sans",Helvetica,Arial,Geneva,sans-serif;
}
.heading-fix {
	width: 100% !important;
	margin-bottom: 0px !important;
}
/* End Pete's New Form Styles */

/* Pete's specific form styles */
#content table th {
	font-family: "Open Sans",Helvetica,Arial,Geneva,sans-serif;
	font-weight: 300;
	font-size: 14px;
	background-color: rgb(242, 242, 242);
	text-rendering: optimizeLegibility;
}

#content form fieldset textarea {
	min-width: 638px;
	max-width: 638px;
	min-height: 140px;
	background-color: #FAFAFA;
	white-space: pre !important;
}

#content form fieldset textarea:hover {
	background-color: #fff;
}
#content form fieldset fieldset legend {
	font-family: "Open Sans",Helvetica,Arial,Geneva,sans-serif;
	font-size: 21px;
	margin: 0;
	margin-top: 14px;
	text-align: center;
}
#content fieldset fieldset legend h2 {
	font-size: 19px;
	border-bottom: none !important;
}
#content form fieldset fieldset.leftright {
	margin-bottom: 0px;
}
#content form fieldset fieldset.leftright legend {
	text-align: left;
	width: 100%;
	padding: 0;
	margin-bottom: 7px;
	margin-top: 14px;
}
#content form fieldset fieldset.leftright label {
	margin-top: 4px;
	width: 140px !important;
}
#content input[type="text"] {
	width: 98% !important;
}
#content input[type="checkbox"] {
	margin-top: 12px;
	margin-right: 7px;
}
#content form table.even-input input[type="text"] {
	padding: 0;
	padding-left: 7px;
}
/* Pete's specific form styles */

.hide {
	display: none;
}

/* Error Message box */
.errors {
	border: solid 1px #790000;
	color: #790000 !important;
	padding: 1.0em 1.0em 1.0em 50px !important;
	background: #FFE5E6 url(../gfx/cancel.png) no-repeat 10px 7px
}

/* Success Message box */
.success {
	border: solid 1px #4F8A10;
	color: #4F8A10 !important;
	padding: 1.0em 1.0em 1.0em 50px !important;
	background: #DFF2BF url(../gfx/success.png) no-repeat 10px 7px;
}

/* Style input with error to match the error message text */
/* input.error {
	color: #790000 !important;
	background-color: #ffe5e6;
	border: 1px solid #f4c1c1;
} */

/* Error styles */
div.error {
	width: 398px;
	/* margin-left: 190px; */
	border-radius: 16px;
	transition: all 0.2s ease;
}
div.input_error {
	margin-left: 190px;
}
#content input.error {
	background-color: #ffffff;
	border: 1px solid #cc0000;
	box-shadow: 0 0 10px #cccccc;
}

#content form fieldset fieldset.leftright fieldset {
	width: 69%;
}

#content form fieldset label.longerlabel {
	width: 40% !important;
}

#content form fieldset input.shortfield {
	width: 15% !important;
}

#content form fieldset label.longestlabel {
	width: 93%;
}

#content form fieldset fieldset.leftrightfullwidth legend {
	display: inline-block;
	float: left;
	margin-bottom: 28px;
	margin-right: 0;
	width: 168px;
	font-size: 13px;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
	margin-top: 0;
}

#content form fieldset fieldset.leftrightfullwidth input {
	margin-left: 20px;
}

#content form fieldset textarea {
	width: 99%;
	height: 200px;
}
.cover_letter {
	height: 440px !important;
}

#content form fieldset fieldset.leftrightfullwidth label {
	width: 376px;
	margin-bottom: 7px;
	font-weight: normal;
}

#content form fieldset div.clone_input_group {
	float: right;
	position: relative;
	margin-top: -36px;
}

.leftcolumn, .rightcolumn {
	width: 47.5%;
	float: left;
}

#content .leftcolumn input {
	clear: left;
}

#content form fieldset .leftcolumn label.longestlabel, #content form fieldset .rightcolumn label.longestlabel
	{
	width: 90%;
}

#content fieldset h2 {
	clear: left;
	font-size: 19px;
	line-height: 1.3;
}

#content form fieldset .leftcolumn label, #content form fieldset .rightcolumn label
	{
	margin-bottom: 0;
	/* padding-top: 5px; */
}

#content form fieldset .leftcolumn label.longestlabel, #content form fieldset .rightcolumn label.longestlabel
	{
	width: 86%;
}

.help {
	border-top: none !important;
	top: -150px !important;
}

#content form div.help {
	left: 610px;
	width: 30px;
}

#content form div.help:hover div {
	margin-left: -254px;
}

#booking_type {
	top: -55px !important;
}

.date-box {
	color: #555;
	width: 650px;
	background: #f5f5f5;
	margin: 10px 0 30px -23px;
	padding: 20px 23px 25px 23px;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.date-box strong {
	font-size: 15px;
}

.date {
	background: url(../gfx/calendar-icon.png) no-repeat 0 -1px;
	padding: 0px 0px 0px 20px;
}

.costs, #costs {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin: 0em 0em 1.5em;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 21px;
}

#content h1 {
	font-size: 38px;
	line-height: 1.1;
	color: #333;
	margin: 28px 0 35px 0;
	padding: 0;
}

#content select {
	padding: 5px;
}

#content #private .remove_input_group {
	width: 16px;
	display: inline-block;
}

#content #private .remove_input_group:first-child {
	display: none !important;
}

/*** Slider down and up ***/
.slideup {
	max-height: 0;
	overflow-y: hidden;
	transition: all 1s ease-in-out 0s;
	opacity: 0;
}

.slidedown {
	max-height: 1500px;
	overflow-y: hidden;
	transition: all 1s ease-in-out 0s;
	opacity: 1;
}

#content .continue {
	float: right;
}

#content form button.continue {
	text-align: center;
	background-position: -26px -121px;
	padding-left: 0;
	padding-right: 21px;
}

#content form button.continue:hover {
	text-align: center;
	background-position: -26px -121px;
}

/*
* Help styles
*/
.help {
	border-top: none !important;
}
#content form .help {
	top: 0;
}


.help_div, .help_link {
	border-bottom: none !important;
}


/*************************************************
	LARGEST @ MEDIA
	the default - base width: 1114px
cols    1     2      3      4
px      186   418    650    882

*************************************************/
@media only screen and (min-width: 1025px) {
	#content form fieldset div.clone_input_group {
		margin-right: -0px;
		margin-top: -37px;
	}
	#content form fieldset img {
		
	}
	#content form fieldset fieldset.leftrightfullwidth legend {
		display: block;
		width: 100%;
		margin-bottom: 14px;
	}
	#content form fieldset fieldset.leftrightfullwidth label {
		width: 21%;
		margin-right: 20px;
	}
	#content form fieldset fieldset.leftrightfullwidth input {
		margin-left: 0;
		margin-right: 0;
	}
}

/*************************************************
	MIDDLE @ MEDIA / iPad landscape
	base width: 882px
cols    1     2      3
px      186   418    650

**************************************************/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.errors, .date-box {
		width: 418px;
	}
	.errors {
		background-image: none;
	}

	/* Error styles */
	div.error {
		margin-left: 0;
	}
	#content form fieldset div.clone_input_group {
		margin-right: 0px;
		margin-top: -30px;
	}
	#content form fieldset fieldset.leftrightfullwidth legend {
		display: block;
		width: 100%;
		margin-bottom: 14px;
	}
	#content form fieldset fieldset.leftrightfullwidth label {
		width: 21%;
		margin-right: 20px;
	}
	#content form fieldset fieldset.leftrightfullwidth input {
		margin-left: 0;
		margin-right: 0;
	}
	#content form div.help {
		left: 388px;
		width: 30px;
	}
	#content form div.help:hover div {
		left: 14px;
		width: 220px;
	}
	#equipment_div select {
		width: 370px;
	}
	#content #private select {
		width: 370px;
	}
	#content #private .remove_input_group {
		padding-left: 3px;
		width: 16px;
		display: inline-block !important;
	}
	#content form fieldset .leftcolumn label.longestlabel, #content form fieldset .rightcolumn label.longestlabel
		{
		width: 80%;
	}
}

/*************************************************

	SMALLEST @ MEDIA / iPad portrait
	base width: 650px

**************************************************/
@media only screen and (min-width: 700px) and (max-width: 1024px) {
	.errors, .date-box {
		width: 395px;
	}
	.errors {
		background-image: none;
	}
	#content form fieldset div.clone_input_group {
		margin-right: 30px;
		margin-top: -30px;
	}
	#content img {
		max-width: 100%;
	}
	#content form fieldset fieldset.leftrightfullwidth legend {
		display: block;
		width: 100%;
		margin-bottom: 14px;
	}
	#content form fieldset fieldset.leftrightfullwidth input {
		margin-left: 0;
		margin-right: 0;
		clear: left;
		float: none;
		display: inline-block;
		min-height: 21px;
		margin: 7px 0 0px 0;
		padding: 0 5px;
	}
	#content form fieldset fieldset.leftrightfullwidth label {
		width: 92%;
		margin-right: 0px;
	}
	#content form fieldset #equipment_div select {
		margin-top: 14px;
		padding: 4px 7px;
	}
	#leith_room_div {
		margin-top: 21px;
	}
	/* Fix email field width */
	#content form fieldset input[type=email] {
		max-width: 306px;
	}
	/* Error styles */
	div.error {
		margin-left: 0;
		width: 75%;
	}
	#content form div.help {
		left: -10px;
		width: 30px;
	}
	#content form div.help:hover div {
		left: 34px;
		width: 240px;
	}
	#equipment_div select {
		width: 380px;
	}
	#content form button.continue {
		width: 186px !important;
	}
	#content form fieldset .leftcolumn label.longestlabel, #content form fieldset .rightcolumn label.longestlabel
		{
		width: 80%;
	}
}

/*************************************************

	SMALLEST @ MEDIA / iPad portrait
	base width: 650px

**************************************************/
@media only screen and (min-width: 620px) and (max-width: 700px) {
	#content form fieldset .leftcolumn label, #content form fieldset .rightcolumn label
		{
		margin-top: 0;
	}
	#content form fieldset .leftcolumn label.longestlabel, #content form fieldset .rightcolumn label.longestlabel
		{
		width: 83%;
	}
}

/*************************************************

	SMALLEST @ MEDIA / iPad portrait
	base width: 650px

**************************************************/
@media only screen and (max-width: 700px) {
	#content form fieldset .leftcolumn label, #content form fieldset .rightcolumn label
		{
		margin-top: 0;
	}
}