@charset "utf-8";
/* CSS Document */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

DIV {
	/*border: 1pt dashed red;*/
}
SPAN {
	display: inline-block;
	/*border: 1pt dashed green;*/
}
.noNum {
	list-style: none;
}
h3 {
	padding-top: 10px;
}

h3.indentLeft {
	padding: 10px 0 3px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.floatCentre {
	padding-left: 35px;
}
.floatLeft first {
	float: left;
	padding-top: 50px;
}
.floatLeft second {
	float: left;
	padding-left: 350px;
}

.rep1, .rep2 {
	width: 200px
}
.rep1 {
	margin-left: 135px;
}
.interest {
	margin-left: 135px;
}
.interestCheckbox {
	margin-left: 125px;
}
#content .valueListLabel {
	width: 225px;
	margin-right: 15px;
}
#content .membershipValueList {
	width: 350px;
}
#content-wrap LI, h1, h2 {
	clear: both;
}
#content-wrap LI {
	margin-bottom: 10px;
}
#content .signupLabel {
	width: 150px;
	display: inline-block;
	line-height: 25px;
	text-align: right;
}

#content label.error {
    float: none;
    color: red;
    width: auto;
    text-align: left;
    padding: 0;
    font-size: smaller;
}

#content input.error {
	border: 2px red solid;
}

/* CONDITIONS */
#content input[type="checkbox"] {
	width:auto;
	border: 1px black solid;
}

.conditionCategoryTitle {
    font-weight: bold;
    width: 614px;
}
.conditionCategoryTitleOne {
    font-weight: bold;
    width: 450px;	
}
.interestLabel {
	width: auto;
	display: inline-block;
	line-height: 25px;
	text-align: right;
}
labelCheckBox {
	width: 100px;
	display: inline-block;
	line-height: 25px;
	text-align: left;
	padding-top: 10px;
	float: right;
}
.represenationCheckbox {
	width: auto;
	display: inline-block;
	line-height: 25px;
	text-align: left;
	padding-top: 10px;
	margin-right: 10px;
}
.repsentationLeftMargin {
	margin-left: 100px;	
}
#content .represenationCheckbox input {
	width: 15px;
}
#content-wrap h1 {
	width: 979px;
	text-align: center;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background-color: navy;
}
#content-wrap h2 {
    color: black;
    font-family: Verdana,Geneva,sans-serif;
    margin: 30px 0 20px;
    text-align: left;
    width: 979px;
}
#content-wrap .fullWidth {
	width: 883px;
}
#content-wrap .halfWidth {
	width: 310px;
}
#content-wrap .thirdWidth {
	width: 200px;
}
#content-wrap .first {
	width: 350px;
	margin-left: 100px;
	float: left;
}
.second {
	width: 350px;
	float: left;
	margin-left: 189px;
}
#content-wrap .first label {
	width: inherit;
}
.horiCheckboxes {
	width: 93%;
		margin-left: 100px;
		margin-bottom: 15px;
}

.horiCheckboxes ol li span {
	width:	100%;
	float:left;
}

.horiCheckboxes ol li span label {
	width:auto !important;
}
.sectionLabel {
	width: auto;
	text-align: left;
}
hr {
	width 100px;
}
#content-wrap .textarea {
    height: 30px;
    width: 883px;
    margin-top: -5px;
	margin-bottom: 5px;
    vertical-align: text-top;
	font-size: 1.1em;
}

.subSet {
	font-style:italic;
	padding-left: 15px;
}
.leftBox {
	clear: both;
	float: left;
	width: 443px;
}
.rightBox {
	float: left;
	width: 443px;
	}
.declarationLabel {
	width: 100px;
}
.declarationLabelCheck {
	padding-left: 100px;
	width: auto;
}
.responceNote {
	font-size: 1.2em;
	padding-top: 25px;
	padding-bottom: 50px;
}
.responceNoteP {
	padding-bottom: 10px;
}
.sectionTable {
	padding-bottom: 10px;
	border: hidden; 
	width: 676px;
}
.titleCol {
	width: 200px;
	font-weight: bold;
	/*border: hidden;*/
}
.emptyCol {
    border: medium hidden;
    font-weight: bold;
    padding: 0;
    width: 10px;
}
.nameCol {
	width: auto;
	border: hidden
}
.nameColOblique {
	width: auto;
	padding-left: 40px;
	font-style: oblique;
	border: hidden
}
.tickCol {
	width: 32px;
	border: hidden
}

/* support for reveal class */
.reveal-if-active
{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	/*font-size: 16px;*/
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.reveal-if-active label
{
	display: block;
	margin: 0 0 3px 0;
}

.reveal-if-active input[type=text] { width: 100%; }

input[type="radio"]:checked ~ .reveal-if-active, input[type="checkbox"]:checked ~ .reveal-if-active
{
	opacity: 1;
	max-height: 2000px;
/*	padding: 10px 20px;*/
	-webkit-transform: scale(1);
	transform: scale(1);
	overflow: visible;
}

.indentLeft {
	margin-left: 160px;
}

table.indentLeft {
    width: 676px;
}

#content .data-protection {
	font-size: 9px;
}

#content span.textbox { float:right; margin-right: 13px; }

#content span.textbox input[type=text] { width: 390px; }


/* P E R S O N A L  D E T A I L S */

#personalDetailsSection {
	margin-left: 160px;
	margin-right: 140px;
}

#content #personalDetailsSection label input {
  width: 316px;
}

#container #personalDetailsSection .personalDetailLabel {
	text-align: left;
	width: auto;
}

.personalDetailLabel {
	margin-bottom: 6px;
}


/* M E M B E R S H I P   /   A F F I L I A T I O N */
#content ul.membershipAffiliation {
    margin-left: 160px;
    margin-right: 140px;
    max-height: 500px;
}

#content ul.membershipAffiliation label {
	text-align: left;
	width: auto;
}

#content ul.membershipAffiliation input[type=text] {
	width: 676px;
}

#content ul.membershipAffiliation select {
	width: 676px;
	margin-bottom: 10px;
}


/* D A T A   P R O T E C T I O N */

ul.dataProtection {
	margin-left: 160px;
	margin-right: 140px;	
}
.captcha_code1 {
	padding-right: 40px;
	font-weight: bold;
}
.captcha_code2 {
	font-weight: bold;
}
.captcha_code3 {
	font-weight: bold;
	padding-right: 90px;
}
#content #updateButton {
	width: 100px;
	margin-left: 20px;
}
.captcha {

}

/* T E X T   S I Z E */
#header-wrap .text-resizer {
	float: right;
}
