legend {
    font-weight: bold;    
    font-size: 1.4em;
    line-height: 1.4em;
    margin: 0.4em 0;    
}

div.fieldset {
    width: 100%;
    float: left;
    clear: both;
}
div.field {
    float: left;
    clear: both;
    width: 100%;    
    margin: 5px 0 10px;   
}
div.field.is-hidden {
    display: none;
}
label {
    font-weight: bold;    
    font-size: 1.2em;
    line-height: 1.4em;
}

label.checkbox, label.radio {
    font-weight: normal;
}

select {
    border: 2px solid #00A5A2;    
    border-radius: 1px;
    width:  100%;
    padding: 3px;
    line-height: 1.4em;
    font-size: 1.2em;
    background: #DDDDDD;
}  
textarea, input.text, input.email ,
input.password, input.datePicker , input.datetime {
    border: 2px solid #00A5A2;
    border-radius: 1px;
    width: 100%;
    box-sizing: border-box;
    padding: 3px;
    line-height: 1.2em;
    font-size: 1.2em;
    background: none;
}  
input.datePicker  {
    width: 120px;
}

textarea {
    min-height: 50px;
} 

div.field.error input.text,div.field.error input.password,div.field.error textarea, select.error, p.error {
    border-color: #d00 !important;
    
}
div.field.error {
    position: relative;
}
div.field.error p.error {    
    color: #d00;
}
div.field.error .checkbox_group label {
    color: #d00;
}
label span.required {
    color: #00A5A2;
}
 .formResult.success {
    font-size: 18px;
    color: #00A5A2;
    padding: 10px 0;
    border-bottom: 2px solid #00A5A2;
    margin: 10px 0;
}

.formResult.error {
    font-size: 18px;
    color: #d00;
    margin: 5px 0;
}

.sq-value-area {
    margin: 5px 0;
}
form.sq_form {
    float: left;
    clear: both;
}


form.sq_form .field div.description {
    line-height: 1.3em;
    font-style: italic;
}
.sq-layout-column form.sq_form {
    margin: 10px 0;
}
/* Booking Form */



form div.fieldset fieldset.fieldset {
  padding: 10px 0;
}

form  div.fieldset div.meta {
    display: none;
}
form.attendee_form  .sq-radio-field {
    overflow: hidden;
    padding: 3px;
}

form.attendee_form  .sq-radio-field.selected  span.price {
    color: #00A5A2;
} 

.checkbox_group {
    margin: 5px 0;
}
.checkbox_group ul > li {
    overflow: hidden;
    padding: 3px 0;
}

.checkbox_group ul > li label.checkbox,
.sq-radio-field label.radio {
    width: calc(100% - 40px);
}
.checkbox_group ul > li.selected label span.price {
    color: #00A5A2;
}
.checkbox_group ul > li.disabled  {
    opacity: 0.3;
    filter: alfa(opacity=30);
}
input.radio,input.checkbox {
    float: left;
    margin: 3px 15px 0 0;
    clear: left;
    line-height: 15px;
    height: 18px;
    width: 18px;    
    border: 2px solid #00A5A2;
}
.attendee-details {
    margin: 20px 0 10px;
    clear: both;
}
label.radio,label.checkbox {
    height: auto;
    display: block;
    width: 500px;
    float: left;
    clear: right;
}

label.radio span.price,label.checkbox span.price {
    display: block;
    float: right;
    font-weight: bold;
    width: 100px;
    text-align: right;   
         
}

form.attendee_form  div.summary1 {
    float: left;
    width: 100%;
    clear: both;
    font-weight: bold;
    border-top: 1px solid #ddd;
    padding: 25px 0 10px;
    margin: 10px 0 20px;
    text-align: left;
    font-size: 1.3em;
    line-height: 1.4em;
    border-top: 2px solid #00A5A2;
    border-bottom: 2px solid #00A5A2;
    
}
form.attendee_form h6 {
    font-size: 1.4em;
}
form.attendee_form  div.summary1 p.small {
    padding-top: 15px;
}
form.attendee_form  div.summary1.error {
    color: #d00;
}
form.attendee_form  div.summary1 .total-attendee-price {
    width: 160px;
    float: right;
    overflow: hidden;
    text-align: right;
    margin-right: 3px;
    color: #00A5A2;
    padding: 2px;
    border: 1px solid #00A5A2;
}


div.fieldset.tab_header {  
    border: none;
    width: 100%;
    display: block;
    position: relative;
}
div.fieldset.tab_header select {
    width: 180px;
}
div.fieldset.tab_header .sq-label-area {
    width: 350px;
    float: left;
    height: auto;
    line-height: 20px;
}
div.fieldset.tab_header .sq-value-area {
    width: 210px;
    float: left;
    height: auto;
    margin: 0;
}

form.sq_form.attendee_form  div.fieldset {
    width: 100%;    
    padding: 20px 0;
    position: relative;
}

form.sq_form.attendee_form [class^="field share_details_attendee"] label {
    font-size: 12px;
    line-height: 20px;
}

form.sq_form.attendee_form [class^="field share_details_attendee"] { 
    overflow: hidden;
    padding: 20px 0 10px;
    border-bottom: 2px solid #00A5A2;
}
form.sq_form .tab_footer fieldset.fieldset {
    width: 100%;
    border-top: 2px solid #00A5A2;
    padding-top: 20px;
    margin-top: 20px;
    float: left;
    clear: both;    
}

form.sq_form.attendee_form div.fieldset {
    display: none;
}
form.sq_form.attendee_form div.fieldset.tab_attendee1 {
    display: block;
}

form.sq_form .fieldset_switcher {
    display: none;
}
form.sq_form.attendee_form .tab_footer fieldset.fieldset {
	width: 100%;
	clear: both;
		
}
form.sq_form.attendee_form div.fieldset.tab_footer {  
    border: none;
    width: 100%;
    display: block;
    position: relative;    
}
form.sq_form.attendee_form .fieldsets_container div.fieldset {
	margin: 0;
}
form.sq_form.attendee_form .fieldsets_container {
	overflow: hidden;
	width: 100%;
	clear: both;
	float: left;
	margin: 10px 0;
}
form.sq_form.attendee_form div.fieldset fieldset {
    
}
.sqButton.progress {
    background-image: url('/src/img/site/progress.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #ccc !important;           
}

input[name=postcode].progress {
    background: transparent url('/src/img/site/progress.gif') no-repeat right center;
}

.booking-widget  .sqButton {
    min-width: 100px;
    text-align: left;
}
.booking-widget  .sqButton.pay-online,
.booking-widget  .sqButton.pay-later {
    clear: right;
    float: right;
    min-width: 350px !important;
    margin-bottom:10px;
 }
.address-list ul {
    float: left;
    width: 100%;
}
.address-list li  {
    margin: 8px 0;
    float: left;
    width: 100%;
    clear: both;
}
.sq_form.attendee_number .tab_footer {
    display: none;
}
.sqButton.previous-attendee {
    float: right;
}
.sqButton.delete-attendee {
  
}
.sqButton.next-attendee {
    float: right;
}
.sqButton.add-attendee {
    float: right;
}
.sqButton.proceed {
    float: right;
}

.sqButton.previous {
    padding-left: 40px;
    background-image: url('/src/img/site/button-icons.png');
    background-repeat: no-repeat;
    background-position: left -70px;
}

.sqButton.next,
.sqButton.submit {
    padding-right: 40px;
    background-image: url('/src/img/site/button-icons.png');
    background-repeat: no-repeat;
    background-position: right -105px;
}

.sqButton.delete {
    color: #878787 !important;
    padding-right: 40px;
    background-color: #A0D4D4;
    background-image: url('/src/img/site/button-icons.png');
    background-repeat: no-repeat;
    background-position: right -172px;
}
.sqButton.delete:hover,.sqButton.add:hover {
    color: #000 !important;
}
.sqButton.add {
    color: #878787 !important;
    padding-right: 40px;
    background-color: #A0D4D4;
    background-image: url('/src/img/site/button-icons.png');
    background-repeat: no-repeat;
    background-position: right -143px;
}
.sqButton.proceed {    
    padding-right: 40px;
    background-color: #777;
    background-image: url('/src/img/site/button-icons.png');
    background-repeat: no-repeat;
    background-position: right 0px;
}
.booking-widget form.back-form {
    margin-top: -64px;
}
.sqButton.address-finder {
    float: left;
    height: 30px;
    width: auto;
}
form.back-form {
    position: relative;
    margin-top: -94px;   
    float: left;
    clear: both;
    width: auto;
}

.sqButton.back {    
    padding-left: 40px;
    background-color: #777;
    background-image: url('/src/img/site/button-icons.png');
    background-repeat: no-repeat;
    background-position: left -33px;
}
.sqButton.back.green {
      background-color: #00ADAC;
      color: #f9f9f9 !important;
      background-position: left -70px;
}

.sqButton.grey {
    padding-left: 20px;
    padding-right: 40px;
    background-color: #777;
    background-image: url("/src/img/site/button-icons.png");
    background-repeat: no-repeat;
    background-position: right 0;
}

.sqButton.green {
      background-color: #00ADAC !important;
      color: #f9f9f9 !important;
      background-position: right -106px;
}
.sqButton.small {
   padding: 6px 8px;
   line-height: 1em;
   height: auto;
}
.sqButton {
    box-sizing: border-box;
    line-height: 13px;        
    height: 34px;
    border: none;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    color: #f9f9f9 !important;
    width: auto;    
    text-transform:uppercase;    
    padding: 10px 8px;
    border: none;
    text-align: left;    
    display: block;
    float: left;
    font-weight: normal;
    border-radius: 0;
    margin-right: 5px;
    cursor: pointer;
    font-size: 13px !important;
    text-decoration: none;
    background: #00ADAC;
       
}

.sqButton:hover {
    text-decoration: none;
    color: #fff !important;  
}

.sqButton.att-attendee {
    content:'';
    float: left;
  
}

/* Booking form Step 2 */

form.sq_form.form_pmg_booking {
    border: none;   
}
form.sq_form.form_pmg_booking div.field.status {
    text-transform:capitalize;
}
form.sq_form.form_pmg_booking .sq-password-entry-area {
    background: #DEDEDE;
    margin: 10px 0;
    padding: 15px;
    border-radius: 3px;
}
form.sq_form.form_pmg_booking .sq-password-entry-area label {
    color: #000;
}
form.sq_form.form_pmg_booking .sq-password-entry-area input[type=password]{
    width: 220px;
    color: #000;
    margin: 0 0 10px 0;    
}
form.sq_form.form_pmg_booking div.tab_invoice_address,
form.sq_form.form_pmg_booking div.field.profession_other,
form.sq_form.form_pmg_booking div.field.job_type_other,
form.sq_form.form_pmg_booking div.field.sector_other,
form.sq_form.form_pmg_booking div.field.password {
    display: none;
}