/*

	Inspire East Template
	Main Style Sheet	 
	
	MS / parallel56.com
	14 Nov 2005

*/



/* Entry Field styles */

fieldset input,
fieldset textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

fieldset select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;	
	font-weight: normal;
	width: 228px;
}


fieldset input,
fieldset textarea {width: 225px;margin:0;} 
* html fieldset input, * html fieldset textarea {width:222px;margin-top:-1px;}

fieldset div.row div.datefields { text-align: left; }
fieldset div.row div.datefields input { width: 50px; }

fieldset textarea {height: 90px;}

fieldset div.smallText input {width:33%;float:left;}

/* Forms styles */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;	
}

div.formbg{
	background-color:#F3F2F0;
	border-bottom:1px solid #858374;
}


fieldset {
	padding: 15px 0 10px 0;
	width:358px;
}

div.FormBackground.secondary {margin-top:20px;}

@media screen {
	legend { display: none; }
}

fieldset div.row {padding:0; padding-bottom:5px;}
fieldset div.absolute {position:relative;}

fieldset div.mailinglist div.row div.mailinglistcontainer {float: left;width: 118px;}
fieldset div.mailinglist div.row div.mailinglistcontainer label {float: none;}


fieldset label {
	position: relative;
	width: 125px;
	display: block;
	text-align: left;
	float: left;
	font-weight:bold;
	padding-right:5px;
}
* html fieldset label { width:125px;}

fieldset.EmailPageForm {
	padding:0 0 0 0;
	margin:0;
}
fieldset.EmailPageForm label {margin-left:30px;display:inline;width:118px;}
fieldset#m_emailPageForm div.formElement {margin-right:40px;width:207px;display:inline;}
fieldset.EmailPageForm .formElement input {width:203px;}
fieldset.EmailPageForm div.errormessage {width: 190px;}
* html fieldset.EmailPageForm .formElement input {width:201px;}

div#popupContainer h1 {
	background:#B3DC1F;
	margin:0;
	padding:25px 0 15px 30px;
	text-align:left;
}
div#popupContainer p.emailPageSummary {
	background:#FEED33;
	margin:0 0 20px 0;
	padding:20px 0 10px 30px;
	text-align:left;	
}

div#sendToAFriend {
	padding:40px 0 50px 30px;
	text-align:left;
}

input.buttonClear {
	background:#4A8618;
	border:none;
	color:#fff;
	padding:2px 3px 2px 3px;
}
html>body input.buttonClear {
	padding-right:10px;padding-left:10px;
}

fieldset.EmailPageForm div.submitrow {
	border:none;
	background:none;
}
div#termsAndConditions {margin:0 35px 0 30px;text-align:left;}

/*	END	*/

fieldset .formElement {
	float: right;
	clear:none;
	width: 228px;
	text-align:right;
	padding:0;	
}

fieldset .formElement select{
	float: left;
}

fieldset .formElement label {
	/* This class undoes all the work done to all labels */
	float: none;
	display: inline;
	text-align: left;
	width: auto;
}


fieldset .submitrow input {font-weight:bold;}

div.formElement.nolabel {width:auto;}

fieldset .submitrow {padding: 0px 0 25px 0;margin:0;}

div#confirmationForm fieldset .submitrow {
	background-color: #fff;
	padding-top:10px;
	padding-bottom:30px;
	border-bottom:3px solid #B3DC1F;
}

fieldset .submitrow input, div.bookingSummary input.button {
	background: transparent url(../images/submitImageMail.gif) no-repeat left top;
	float:right;
	width:auto;
	margin:0 9px 0 0;
}

fieldset.bookingForm .submitrow {
	padding: 10px 0 35px 0;
	background:transparent;	
	border-bottom:3px solid #B3DC1F;
}

input.button.previous, fieldset .submitrow input.previous {float:left;}

fieldset.bookingForm div.FormBackground {border-bottom:1px solid #B3DC1F;}
fieldset.bookingForm div.additional {margin-bottom:20px;}

fieldset.bookingForm {margin:0 0 50px 0;}
div.bookingSummary {margin:0 0 50px 0;}

fieldset.bookingForm h2, div.bookingSummary h2 {
	font-size:130%;
	color:#123514;
	margin:0 0 15px 0;
}

div.FormBackground.final {border-top:4px solid #4A8618;border-bottom:1px solid #4A8618;}


/* how to clear a series of floats, make the inner floats push the outer container WITHOUT a br clearboth */
fieldset .row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

fieldset .row { display: inline-block;}

/* Hides from IE-mac \*/
* html fieldset .row { height: 1%; }

/* End hide from IE-mac */

/* Error styles (common) */

fieldset input.errorborder,
fieldset textarea.errorborder,
fieldset select.errorborder {margin-bottom: 0;}

div.errormessage {
	padding-bottom: 5px;
	margin-top: 5px;
	float:right;
}

div.labelsonright div.errormessage {padding: 0;margin: 0;}


/* Error styles (colour) */

div.errormessage {
	color: #F60200;
	background: transparent url(../images/error_bg.gif) no-repeat left top;
	text-align: left;
	width: 215px;
	padding-left: 12px;
}

html>body div.errormessage {width: 215px;}


fieldset select.autowidth {width: auto;	border: 0;}

/* Mozilla select box annoyance */
html>body fieldset select.autowidth option:after {content:" ";}

span.mandatoryIndicator {
	position:absolute;
	top: 0;
	right: 0;
	width:6px;
	height:17px;
	background:transparent url(../images/mandatory.gif) no-repeat;
	text-indent:-5000px;
}
* html span.mandatoryIndicator {right:-3px;}

/* Specific styles for Excellence Framework */
.teirForms div.row{
	margin:10px 0;
}



.teirForms div.standards fieldset div.row label{
	display: none;
}

.teirForms div.standards fieldset div.row div.formElement label{
	width:353px;
	display:inline;
	clear:both;
	margin-bottom:5px;
}

.teirForms fieldset div.row label{
	/*display: none;*/
}

.teirForms fieldset label{
	display:inline;
	clear:both;
	margin-bottom:5px;
	width: 100%;
}

.teirForms fieldset div.row{
	display:inline;
	clear:both;
	margin-bottom:5px;
}

.teirForms div.notes fieldset div.row{
	width:353px;
	display:inline;
	clear:both;
	margin-bottom:5px;
}

.teirForms fieldset div.row{
	width:353px;
	display:inline;
	clear:both;
	margin-bottom:5px;
}

.teirForms fieldset fieldset.autogenerated{
	margin: 0px;
	padding: 0px;
}

.teirForms input.button{
	width:170px;
	margin-left:4px;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	margin-right: 5px;
}

.teirForms fieldset{
	margin: 0px;
	padding: 0px;
}

.teirForms fieldset .formElement{
	width:353;
	float:none;
	display:block;
	text-align:left;
}

.teirForms div.submitrow{
	float: left;
	padding: 0px;
	width: 170px;
	padding-top: 10px;
	width: 170px;
}

.teirForms div.submitrow input
{
	font-weight:bold;
}
.navButtons
{
	float: left;
	width: 350px;
	padding-top:10px;
	
}

.navButtons input {font-weight:bold;}

.teirForms div.submitrow input{
	width: 170px;
}


.teirForms fieldset .formElement .autowidth{
	width:auto;
	margin-top:3px;
}

.teirForms fieldset .formElement .autowidth label{
	width:3em;
	display:inline;
}

.teirForms fieldset .formElement .autowidth input{
	width:auto;
	vertical-align:middle;
	margin-right:4px;
}

.teirForms span.mandatoryIndicator {
	position:relative;
	width:auto;
	height:auto;
	background:transparent url(none) no-repeat;
	text-indent:0;
	font-size:1.4em;
	color:#f00;
	padding-left:5px;
}
* html .teirForms span.mandatoryIndicator {right:0;}




/* Radio buttons */
div.radiobuttons input, div.radiobuttons label {
	width:auto;
	display: inline;
	float:left;
	border:0;
	padding:0;
	margin:0 2px 0 0;
}
div.radiobuttons label {	
	font-weight:normal;
}

div.radioItem {
	width:49%;
	float:left;
	margin: 0 0 5px 0;
}
div.radioItem label {
	padding:2px 0 2px 0;
	white-space:nowrap;
}



div.row table {
	width: 225px;	
	border-spacing: 1px;
	margin:0;
	font-size:100%;
}

div.row table label {font-weight:normal;}

div.row table tbody  {
	margin:0;
	padding:0;
}
div.row table tbody,
div.row table tbody tr,
div.row table tbody tr td{width: 100px;}

div.row table tbody  tr td label {
	width: auto;	
	padding: 0 0 3px 0;
}

html>body div.row table tbody  tr td label {
	padding: 2px 0 0 0;
}
div.row table tr td input {
	width: auto;
	height: 13px;
	float: left;
	display: block;
	border:none;
}

div.mailinglist {}
div.mailinglist div.row {}
/*div.mailinglist div.row div.formElement {width: 225px;}*/
div.mailinglist div.row div.formElement div.autowidth {text-align: left;}
html>body div.mailinglist div.row div.formElement div.autowidth {padding-bottom: 4px;}
div.mailinglist div.row div.formElement div.autowidth input {width: auto;}
div.mailinglist div.row div.formElement div.autowidth label {font-weight: normal; text-align: left;clear:left;font-size: 100%;}
html>body div.mailinglist div.row div.formElement div.autowidth label {padding-left: 3px;}
/*div.mailinglist div.row div.formElement div.autowidth label {font-weight: normal;float: left;width: 85px;}
html>body div.mailinglist div.row div.formElement div.autowidth label {width: 90px;}*/