/* Specific to Solicitors Site */

button {font-family: 'texgyreheroscnregular';}
button.clear-button {font-family:"texgyreheroscnbold", "texgyreheroscnregular" !important; background:url(images/quicklink.png) right center no-repeat; padding-right:65px !important; height:54px; border: none; color:#fff; transition:all 1s; color:#004a80}

.application-form label span{color:red}




/* Application List View */
ul.annual-accounts-list li div {float: left}
.annual-accounts-list > li {width: 100% !important;}
.annual-accounts-list > li div {width:49.5%; margin-bottom: 15px}
.annual-accounts-list > li div:nth-child(odd) {margin-right:1%}
.annual-accounts-list .form-wrap li {width: 100%}
.declaration {background:#f2f2f2; border:solid 5px #e3e3e3; margin:10px 0 0 0; padding:25px 30px 15px 30px; width:100%; float:left;}

/* Forms */
.container.instructions {background:#fffffff; margin:30px 0 0px 0; padding:0; width:100%;}
.container.instructions .row {margin:0; padding:0;}
.form-wrap h3 a, .application-buttons {font-family: 'texgyreheroscnbold'; font-size:18px;}
ul.form-wrap {margin:0 0 30px 0; float:left; width:100%;}
div.instructions .col-xs-12 {padding: 0}
div.container.validation {width: 1220px}
.formwrap h3 {font-size:24px;}
.application-buttons button:hover {opacity:0.8;}
.fall p:first-child {margin-top:20px;}
.formwrap {padding-bottom:20px;}
.formwrap input, .formwrap textarea, .formwrap select {font-size:18px; padding:8px 15px; font-family:"texgyreheroscnbold", "texgyreheroscnregular"}
ul.form-wrap dd a.form-add { margin-bottom:0; padding:5px 8px;}
.editcontact label, .editcontact input {width:50%;}
.editcontact.formwrap {margin-top:0; padding-bottom:50px;}
.editcontact input.gd-submit {margin-top:0;}
.editcontact .col-xs-6 {padding:0;}
.login input.submit {color:#bfd2e5;}
.prevent-duplicates {
    background-color: none;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}


/* Application Form */
h2.ui-accordion-header { width: 100%; }
div.application-form .fall {width: 100%}
div.application-form p {clear: both}
div.application-form span.value {float: left}
div.application-form .spanToggleWrap {padding-left: 40px;padding-top: 40px}
div.application-form .spanToggle {float: left}
div.application-form div.formwrap {margin-bottom: 30px}
div.application-form div.ui-accordion-content {padding: 0 15px}
div.application-form div.ui-accordion-content div.row {padding-left: 10%; padding-right: 10%} 
div.application-form div.ui-accordion-content > div.row {padding-top: 20px}
div.application-form div.ui-accordion-content div.row:last-child {padding-bottom: 20px}
div.application-form div.ui-accordion-content, div.application-form div.ui-accordion-content div.row {background-color: #f2f2f2}
div.application-form h3 {background: none; color: #7ea4cb; padding-left: 0; clear: left;}
div.application-form .formwrap label {width: 49%; margin-right: 1%}
div.application-form .formwrap select {min-height: 0; padding: 10px; background: #fff url("images/dropdowb-arrow.png") no-repeat scroll 100% 50%}
div.application-form .formwrap select.listbox-available, div.application-form .formwrap select.listbox-selected {background: #fff}
div.application-form .formwrap input, div.application-form .formwrap select, div.application-form .formwrap textarea {width: 50%}

.doubleform {width:100%; padding:15px 0; float:left;}
div.application-form .formwrap .doubleform label:first-child {width:100%; margin-right:0;}
div.application-form .formwrap .doubleform .col-xs-6 {padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px;}
div.application-form .formwrap .doubleform .col-xs-6 label, div.application-form .formwrap .doubleform .col-xs-6 textarea {width:99%; min-height:auto;}

div.application-form p.current-address { clear: none; display: block; float: left; width: 50%; }
#Application i.fa.fa-times, i.fa.fa-check { float: left; line-height: 22px; margin-left: 5px }
#Application span.yesno { float: left }
#Application hr {margin: 25px 0; float: left}

.declaration .declaration-check { width: 10%; float: left; clear: none; }
.declaration .declaration-text { width: 90%; float: left; clear: none; }

.filelist { float: left; }

.col-xs-5 span { font-family: "texgyreheroscnbold"; font-size: 16px; float: left; font-weight: normal; } 

.traininglist li {
	padding: 5px 0
}

.traininglist li:nth-child(2n) {
	background: #fff
}

.training-form {
	width: 100%;
	background-color: #f2f2f2;
	padding: 15px;
			margin-bottom:30px
		}

		.training-form label, .training-form input, .training-form select {width: 50%; padding: 10px}

.training-form input.button {float: right; width: auto}
.training-form select {background: #fff url("images/dropdowb-arrow.png") no-repeat scroll 100% 50%}

.listheader {
	font-weight: bold;
}

.coursecol {
    float: left;
    width: 25%;
}

.trainingrow {
    width: 100%;
}

.traininglist.meetinglist {
    list-style: outside none none;
    padding: 0;
}

/* Accessibility Changes */
.gd-form .clear-button, input.gd-submit, .formwrap input.submit {color:#004a80; background-image: url('images/quicklink-darker.png')}
.formwrap select, .formwrap textarea, .formwrap input[type="text"] {border: 2px solid #dddddd !important}


a.form-add { width: 100%; text-align: right }

.code-of-conduct { display: block; float: left; width: 100%; max-height: 300px; overflow-y: scroll; background: #fff; padding: 10px; }

p.question { font-family: texgyreheroscnbold; font-size: 18px; font-weight: normal; }

.furthercontact {width:100%; float:left; margin-top:20px;}
.furthercontact div {width:50%; display:block; float:left; padding:0 3% 0 0;}
.furthercontact h3 { margin-top:20px!important; }
.furthercontact .contactoptions p { color:#fff;}
.furthercontact div.contactoptions {margin: 30px 3% 0 0; padding:20px 20px 10px 20px; background:#7fa2c8; width:47%; display:block; float:right; position: relative; box-shadow: -3px 3px 1px 0px rgba(51, 92, 138, 0.16);}
.furthercontact div.contactoptions:after {width:20px; content:''; display:block; height:20px; border-right: 30px solid transparent; border-bottom: 20px solid #7fa2c8; position:absolute; top:-20px; left:20px;}
.furthercontact .contactoptions + p {width:50%; float:left; padding: 0 3% 0 0; margin-top:-30px;}
.furthercontact .contactoptions p:first-child {margin-top:0px;}
div.application-form .formwrap .furthercontact .contactoptions label {width:33%; padding:0 10px 0 0; height:25px; line-height:25px; margin:0 0 0px 0;font-size:1.5em;color:#fff;}
div.application-form .formwrap .furthercontact .contactoptions .radios {width:67%; padding:0 0 0 10px; height:25px; margin:0 0 10px 0;}
div.application-form .formwrap .furthercontact .contactoptions .radios label {float:none; width:auto;color:#fff;}
div.application-form .formwrap .furthercontact .contactoptions .iradio_minimal {width:25px; height:25px; margin:-4px 0 0 0!important;  border-radius:50%; display:inline-block; background:#fff; padding:0; float:none;}
div.application-form .formwrap .furthercontact .contactoptions .iradio_minimal.checked {background:#004a80; border-color:#fff; box-shadow: -3px 5px 3px 1px rgba(0, 0, 0, 0.2);}



@media (max-width: 764px) {
	
div.application-form div.ui-accordion-content div.row {padding-left: 15px; padding-right: 15px}
.furthercontact div {width:100%;}
.furthercontact div.contactoptions {width:99%; float:left; margin-top:10px; margin-bottom:10px;}
.furthercontact .contactoptions + p { width:100%; margin-top:0;}
div.application-form .formwrap .furthercontact .contactoptions label {padding:0 20px 0 0;}
}

@media (max-width: 500px) {
div.application-form .formwrap .furthercontact .contactoptions label {width:60px!important; padding-right:5px; font-size: 1.25em;}
div.application-form .formwrap .furthercontact .contactoptions .radios label {padding-right:10px; width:auto!important; }
div.application-form .formwrap .furthercontact .contactoptions .radios {width:auto!important;}
}

@media (max-width: 350px) {
div.application-form .formwrap .furthercontact .contactoptions label {width:100%!important; padding: 0 0 5px 0; height:auto;}
div.application-form .formwrap .furthercontact .contactoptions .radios {width:100%!important; padding: 0 0 10px 0;}

}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */