fieldset div {
	margin: 5px 0;
	clear:both;
	width: 400px;
}

form {
	margin:0em;
	width:100%;
}

label {
	float:left;
	width:120px;
	text-align:left;
	margin-right:1em;
	padding: 5px 0 0 0;
	font-size:0.7em;
	color: #333;
}

.initForm p, h1, .initForm label, .initForm input{ font-size: 1.1em; }
.initForm div#messages{ font-size: 1.1em; }
.initForm div#forms-column fieldset{ width: 97%; padding-bottom: 10px; margin-bottom: 0; }
.initForm fieldset{ margin-top: 0; }
.initForm .form_field { padding: 10px 0 0 6px; }
.initForm div#forms-column legend { font-size:1.1em;padding-bottom: 0; }

label span
{
	color: #999;
}

div#forms-column legend {
	font-size:0.8em;
	color: #999;
	width:100%;
	padding: 0 0 10px 0;
	margin: 0;
}

legend span {
	width:10em;
	text-align:right;

}

input, textarea {
	padding:0.15em;
	width:15em;
	border:1px solid #ddd;
	background:#fafafa;
	font: 0.7em arial, sans-serif;
	color: #666;
	padding: 5px;
}



input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
}
fieldset {
	/*border:1px solid #ddd;*/
	padding:0 0.5em 0.5em;
	margin-bottom: 20px;
}

.accept {
	background-color: #1397d1;
	color: #fff;
	border-radius: 5px;
	font-size: 1em;
}
.accept:hover {
	background-color: #3484bf;
}
.accept-cb {
	font-size: 1.5em;
	width: 30px;
}

.date input {
	background-image:url(../gfx/calendar-small.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
}

.date fieldset label {
	float:none;
	display:block;
	text-align:left;
	width:auto;
}
.date fieldset div {
	float:left;
	clear:none;
	margin-right:0.2em;
}
.radio, .date {
	position:relative;
}
.radio fieldset, .date fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 0;
}
.radio legend, .date legend {
	font-size:1em;
	color:#000;
}
.radio legend span, .date legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:8em;
	display:block;
}
.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:none;
}
.radio div {
	float:left;
	white-space:nowrap;
	clear:none;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}

#submit-go {

	float: right;
	margin-top:1em;
	margin-right: 10px	;

	height:26px;
	font: bold 0.95em arial, sans-serif;
	color: #139ea7;
	font-weight: 1em;
	border:1px solid #139ea7;
	display:block;
	cursor:pointer !important; cursor:hand;
}
#submit-go:hover {
	background-position:0 -26px;
}



div.messages {
	margin-left: 2px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 10px;
	color: red;
	text-align: right;
}


/* Comment this out for local dev */

.form_element {
	display: none;
	padding: 10px 0 0 0!important;
	margin: 0 0 0 0!important;
}

.form_element_selected {
	padding: 10px 0 0 0!important;
	margin: 0 0 0 0!important;
}





/* Section 2 Forms */

label.section2-title
{
	height: 20px!important;
	overflow: visible;
}

input.section2-input
{
	width: 80px;
	float: left;
	margin-bottom: 2px;
}

label.section2-label
{
	width: 80px;
	float: left;		
	color: #666;
	padding: 5px 0 0 5px;
}


img.section2-icon
{
	float: left!important;
	padding: 5px 0 0 0;
}


div.texttable-extra /* top padding for multiple sections */
{
	padding-top: 10px;
}


/* For Notes in the forms */
span.notes p
{
	font-size: 0.7em;
	font-style: italic;
	color: #2c83be;
}

.confBox
{
	background-color: #1397D1;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	margin: 5px 0 20px 5px;					
	font: 0.7em arial,sans-serif;
	width: 100px;
}
.confBox:hover
{
	background-color:#3484BF;
}
.confBox:focus					
{
	background-color:#3484BF;
}


body {
	box-sizing:border-box;}

.catable {
	width:100%;
	table-layout:fixed;
	border:1px solid #FFF;
	color:#333;
	background:#FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	border-collapse:collapse;
	box-sizing:border-box;}
	
.catable th {
	background:#d1a11d;
	color:#FFF;
	padding:10px;
	border:1px solid #FFF;
	vertical-align:top;
	font-size:16px;
	text-align:left;
	font-size:12px;}
	
.catable td {
	padding:10px;
	text-align:left;
	border:1px solid #FFF;
	background:#f8f2e3;
	font-size:12px;
}
	
.totals td {
	background:#f3e4c0 !important;
font-size:12px;
	}		
	
.Mtop50 {
	margin-top:50px;}
	
/* 1st sept 2016 */

.catextrow {
	width:100%;
	display:block;
	float:left;
	margin-top:20px;
	box-sizing:border-box;
	}

.catextrow label {
	width:100%;}

.catextarea {
	resize:none;
	width:90%;
	border:2px solid #d4a72a;
	padding:10px;
	background:#FFF;
	box-sizing: border-box;
	}

	
#fancybox-wrap {
left:50% !important;
margin-left:-435px !important;}	

/* 28th september 2016  */

.notepop {
	width:480px;
	display:block;
	position:fixed;
	top:150px;
	left:50%;
	margin-left:-240px;}

	

.notecontain {
	width:100%;
	display:block;
	float:left;
	background:#FFF;
	border:1px solid #999;
	-webkit-box-shadow: 0px 3px 17px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 17px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 17px 3px rgba(0,0,0,0.75);
	padding:35px 70px;
	box-sizing:border-box;
	}



.notehead {
	width:100%;
	display:block;
	float:left;
	color:#333;
	font-size:24px;
	font-family:'Impact';
	margin-bottom:25px;
	text-align:center;}
	

.notetext {
	width:100%;
	display:block;
	float:left;
	color:#333;
	font-size:14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	}
	

.inlinerow {
	width:100%;
	display:block;
	float:left;}


.lightbluebtn {
	padding:10px 35px;
	display:block;
	margin:0 auto;
	text-align:center;
	color:#FFF;
	background:#1397d1;
	text-transform:uppercase;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:20px;
	outline:0px;}

.lightbluebtn:hover {
	color:#FFF;
	background:#1397d1;}

.lightbluebtn:active {
	color:#FFF;
	background:#1397d1;}

.lightbluebtn:visited {
	color:#FFF;
	background:#1397d1;}

.lightbluebtn:focus {
	color:#FFF;
	background:#1397d1;}

div#upload div p, div#upload div span
{
	margin-bottom: 10px;
}
div#upload div p.list-title
{
	font-weight: bold;
	margin-bottom: 0;
}
div#upload div ul
{
	list-style: disc;
	margin: 0 0 10px 3em;
}
div#upload div li
{
	color:#0068a6;
	font-size:1.4em;
	font-family: helvetica, arial, sans-serif;
}
.custom_file_uploader_wrapper input.custom_file_input { visibility: hidden; height:0px; width:0px;}
.floatLeft {float:left;}
.floatRight {float:right;}

#zipfileLoader.file_uploader .no_file_message, #prjfileLoader.file_uploader .no_file_message {color:#d31e1e;}

#zipfileLoader.file_uploader { width: 450px; }
#prjfileLoader.file_uploader { width: 400px; }

div#forms-wrapper.s3images {width: 600px;color:#0068a6;}
div#forms-wrapper.s3images div#forms-column  {width: 600px;padding:10px;}
div#forms-wrapper.s3images div#upload {padding: 10px 5px;}
div#forms-wrapper.s3images div, div#prjfileLoader.file_uploader div {width:auto;}
div#forms-wrapper.s3images fieldset {padding:0;}
div#forms-wrapper.s3images div#images {width:505px;border:none;min-height: min-content;box-shadow: none;-webkit-box-shadown:none;margin: 0 auto;}
div#forms-wrapper.s3images ul#images-grid {list-style:none;margin:0px;padding:0px;}

#images-grid li div.imgCell { width: 95px; height: 95px; position: relative;}
#images-grid li div.imgCell .prj_image { height: 88px;}
#images-grid li div.imgCell .prj_image, #images-grid li div.imgCell .prj_progress { width: 88px; }
#images-grid li div.imgCell > * { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

div.imgCell.hasNoImage .prj_image {display: block;}
div.imgCell.hasNoImage .prj_progress, div.imgCell.hasNoImage .prj_img_del, div.imgCell.hasNoImage .prj_image_waiting{display: none;}

div.imgCell.uploadImage .prj_progress {display: block;}
div.imgCell.uploadImage .prj_image, div.imgCell.uploadImage .prj_img_del, div.imgCell.uploadImage .prj_image_waiting {display: none;}

div.imgCell.hasImage .prj_image {display: block; cursor: pointer;}
div.imgCell.hasImage .prj_progress, div.imgCell.hasImage .prj_img_del,div.imgCell.hasImage .prj_image_waiting{display: none;}
div.imgCell.hasImage:hover .prj_image {opacity: 0.5;}
div.imgCell.hasImage:hover .prj_img_del {display: block; cursor: pointer;}

div.imgCell.delImage .prj_image_waiting {display: block;}
div.imgCell.delImage .prj_image, div.imgCell.delImage .prj_img_del, div.imgCell.delImage .prj_progress {display: none;}

.file_uploader div { clear: none; }
.file_uploader .file_input { display:none; }
.file_uploader .img_edit, .file_uploader .img_del, .file_uploader .name, .file_uploader .size, .file_uploader .no_file_message, .file_uploader .progressBar, .file_uploader .waiting{ display:none; }

.file_uploader.no_file img.img_edit, .file_uploader.no_file .no_file_message { display: inline; }
.file_uploader.has_file img.img_del, .file_uploader.has_file .name, .file_uploader.has_file .size { display:inline; }
.file_uploader.uploading .progressBar { display: inline; }
.file_uploader.waiting .waiting{ display:block; }