/*** new form ***/

.pure-form fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
	.pure-form #generate fieldset {
		margin: 0 10px;
	}

div.form-two-columns {
	margin: 0;
	padding: 0;
	width: 100%;
	/*float: left;*/
	/*border: 1px solid #0cc;*/
}
	div.form-two-columns div {
		margin: 0;
		padding: 0;
		float: left;
	}
	/*** note for download ***/
	#demo div.form-two-columns div.note-label-two {
		margin: 0 -10px -10px -10px;
		padding: 19px 10px;
		float: left;
	}
	
div.form-single-column {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
}
	div.form-single-column.left {
		margin: 0;
		padding: 0;
		float: left;
	}
	div.form-single-column.right {
		margin: 0;
		padding: 0;
		float: right;
	}

label {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 15px;
	line-height: 18px;
	display: block;
}
input,
input.InputContainer {
	margin: 0 10px 10px 0;
	padding: 7px 7px 9px 7px;
    font-family: 'pemw-rg';
	font-size: 15px;
	/*line-height: 18px;*/
	height: 18px;
	border: 1px solid #000;
	border-radius: 0;
	background: #fff;
	display: inline-block;
	*display: inline;
    *zoom: 1;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
	input.lowercaseOnly {
		text-transform: lowercase;
	}
	
input:focus, select:focus {
    outline: 0;
    border-color: #000;
}
input[disabled], select[disabled] {
    cursor: default;
    background-color: #d5e9e9 !important;
    color: #000 !important;
	text-shadow: 0 0 0 #d5e9e9 !important;
	border-color: #859899 !important;
	/*margin-top: -1px;*/
}
	select[disabled] { padding-right: 10px !important; }
	
input:invalid, select:invalid {
    color: #b94a48;
    border-color: #e9322d;
}

.pure-button, .disabled-button {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner, .disabled-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: 'pemw-rg' !important;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 7px 10px 9px 10px;
    color: #000; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #000;  /*IE 6/7/8*/
    border: 1px solid rgba(0, 0, 0, 1);  /*IE9 + everything else*/
    background-color: transparent;
    text-decoration: none;
}

.disabled-button {
    font-family: 'pemw-rg' !important;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 7px 10px 9px 10px;
    color: #859899 !important;
    border: 1px solid #859899 !important;
    background-color: #d5e9e9 !important;
    text-decoration: none;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: transparent;
    color: #000;
    border: 1px solid #000 !important;  /*IE 6/7/8*/
    border: 1px solid rgba(0, 0, 0, 1) !important;  /*IE9 + everything else*/
    margin-right: 6px;
}



select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0 6px 0 0;
	padding: 7px 5px 8px 5px !important;
	padding-right: 30px !important;
	background: #bfdadb;
	border: 1px solid #000 !important;
	border-radius: 0;
	outline:none;
	color: #000;
    font-family: 'pemw-rg' !important;
	font-size: 15px;
	line-height: 18px;
	vertical-align: middle;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height:36px !important;
	cursor: pointer;
	}
select option {
	margin: 0;
	padding: 3px 0px 3px 5px;
}

select:focus { 
    background: #bfdadb;
}

select option {
    font-family: 'pem-rg', sans-serif !important;
}

@-moz-document url-prefix() {
    select, select:-moz-focusring, select::-moz-focus-inner {
       color: transparent !important;
       text-shadow: 0 0 0 #000 !important;
       background-image: none !important;
       border:0;
    }
}


select.addedSpaceBelow {
	margin: 0 6px 6px 0;
	}

	div.form-single-column.left input {
		width: 99%;
		margin-right: 1%;
		margin-bottom: 10px;
	}
	div.form-single-column.right input {
		width: 99.5%;
		margin-left: 0.5%;
		margin-bottom: 10px;
	}

input.xsmall {width: 60px;}
input.small {width: 120px;}
input.medium {width: 180px;}
input.large {width: 240px;}
input.xlarge {width: 300px;}
input.xxlarge {width: 360px;}

input[type="checkbox"] {
    background-color: initial;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
    vertical-align: middle;
    height: auto;
}

input[type="button"],
input[type="submit"] {
    font-family: 'pemw-rg' !important;
    font-size: 15px;
    line-height: 18px;
	padding: 7px 10px 9px 10px;
    background-color: transparent !important;
    color: #000 !important;
    display: inline-block;
    border: 1px solid #000 !important;  /*IE 6/7/8*/
    border: 1px solid rgba(0, 0, 0, 1) !important;  /*IE9 + everything else*/
    margin-right: 10px;
}

button[type="submit"] {
    font-family: 'pemw-rg' !important;
    font-size: 15px;
    line-height: 18px;
	margin: 0 0 0px 0;
	padding: 7px 10px 9px 10px;
	background: transparent !important;
	color: #000 !important;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	white-space: nowrap;
    vertical-align: middle;
	border: 1px solid #000;
}

input[type="button"]:focus,
input[type="submit"]:focus,
button[type="submit"]:focus {
	outline: none !important;
}

	button[type="submit"].addedSpace {
		margin-bottom: 10px;
	}
	button[type="submit"].addedSpaceLeft {
		margin-left: 6px;
	}

	button[type="submit"][disabled],
	button[type="submit"][disabled]:hover {
		cursor: default;
		/*background-color: #bfdadb !important;*/
		background-color: transparent !important;
		color: #859899 !important;
		/*text-shadow: 0 0 0 #bfdadb !important;*/
		border-color: #859899 !important;
	}
	
	button:hover {
		background: #000 !important;
		color: #fff !important;
		border: 1px solid #000;
		cursor: pointer;
	}


/* checkboxes */

/* hide default */
.checkbox input {
    position: absolute;
    left: -9999px;
}

.checkbox i {
    background-color: transparent;
    border: 1px solid #000;
    display: block;
    width: 34px;
    height: 34px;
    left: 0;
    outline: none;
    position: absolute;
    vertical-align: middle;
    top: 5px;
    cursor: pointer;
}

body:not(.mobile) .checkbox i:after,
body:not(.mobile) .checkbox i,
body:not(.mobile) .select_box {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}


/* radio buttons */
input[type="radio"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA;
}
.pure-radio {
    margin: 15px 30px 10px 0 !important;
    display: block;
}

	input[type="radio"] {
		margin: -3px 0 0 0;
		padding: 0;
	}

input[type="radio"]:focus:invalid:focus {
    outline-color: #e9322d;
}

/* css based checkbox and radio buttons style 
========================================================================================================================================================================================================================================*/

.checkbox i:after {
	content: "";
    opacity: 0;
    position: absolute;
    top: 9px;
    left: 6px;
    width: 20px;
    height: 10px;
    border: solid;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*** black background with white tick ***/
.checkbox input:checked + i:after { opacity:1;color:#fff; }
.checkbox input:checked + i { opacity:1;background: #000; }

label.checkbox {
	margin: 0 0 20px 0;
	padding: 15px 0 5px 45px !important;
	position: relative;
}
	/* override when no buttons are shown next to a checkbox, ie postal info same as licence info */
	.no-buttons label.checkbox {
		margin: -10px 0 0;
		padding: 12px 0 8px 45px !important;
	}
	/* override for opt-ins bar version on order page */
	.no-buttons.opt-ins label.checkbox {
		margin: -10px 0 0;
		padding: 12px 45px 8px 0 !important;
	}


	label.checkbox span.desktop {
		display: inline-block;
	}
	label.checkbox span.mobile {
		display: none;
	}

#demo-font-download-status {display:none;}



li.gridder-list.disabled {
	
}


/*** ALL below may not be needed ***/
	
/*** used for eu vat position buttons ***/
.eu-vat span.buttons {
	margin: 0 0 0 -5px;
	padding: 5px 0 0 0; 
}

.link {
	margin: 0 5px;
	padding: 5px 10px;
	background: transparent;
	color: #000;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #000;
}		
	.link:hover,
	.link-selected {
		margin: 0 5px 0;
		padding: 5px 10px;
		background: #000;
		color: #fff;
		border: 1px solid #000;
	}		
	
	
input:required {
    box-shadow:none;
	border: 1px solid #000;
	color: #000;
}
input:invalid {
    box-shadow:none;
	border: 1px solid #000;
	color: #000;
}


/*** remove ugly dropdown arrow from IE 10+ ***/
select::-ms-expand {
    display: none;
}