
/**pre-reg section updates 20160217**/
#wrapper.pre-reg .button.switch-group{
    margin-bottom: 24px;  
}
#wrapper.pre-reg .content .row .head.long {
    vertical-align:bottom;
}
#wrapper.pre-reg .content .row .field.birth-holder select{
    width: 26%;
    height: 30px;
    margin-right: 7px;
}

#wrapper.pre-reg .content .btn-print-top{
    margin-bottom: 24px;  
}

/**END pre-reg section updates 20160217**/
#wrapper.pre-reg .content .mail {
	text-decoration: underline;
	color: #2b85ff;
}
#wrapper.pre-reg .content h2{
	font-weight:bold;
	font-size:20px;
	margin-bottom:15px;
}
#wrapper.pre-reg .content #fd_info hr{
	width: 540px;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px #dcdcdc solid;
}
#wrapper.pre-reg .content .row{
	margin-bottom: 15px;
	display: table;
	width: 100%;
}
#wrapper.pre-reg .content .row .head {
	display: table-cell;
	font-size: 12px;
	color:#3c3c3c;
	font-weight:bold;
	width: 160px;
}
#fd_info .add {
	position: relative;
	left: 94%;
	top: 45px;
}
#wrapper.pre-reg .content .add_btn {
	margin-left: 5px;
	margin-bottom: 2px;
}
#wrapper.pre-reg .content .row .temp_radio {
	vertical-align:middle;
	padding-left: 50px;
}
#wrapper.pre-reg .content .row .field {
	display: table-cell;
	width: 75%;
}
#wrapper.pre-reg .content .row .field .preview_img{
	width: 350px;
}
#wrapper.pre-reg .content .textfield {
	border: 1px solid #abadb3;
	font-size: 14px;
	padding: 4px;
	width: 80%;
}

#wrapper.pre-reg .content .textfield.company-address {
	width:40%;
}
#wrapper.pre-reg .content .resident{
	width:40%;
	height: 30px;
}
#wrapper.pre-reg .content .nationality{
	width:40%;
	height: 30px;
}

#wrapper.pre-reg .content .city,#wrapper.pre-reg .content .province,#wrapper.pre-reg .content .postal{
	width:38.5%;
}


#wrapper.pre-reg .content .country_code{
	width:20%
}
#wrapper.pre-reg .content .area_code{
	width:20%
}
#wrapper.pre-reg .content .reg_code{
	width:35%;
}
#wrapper.pre-reg .content .other-holder{
	display:inline-block;
	width:300px;
}
#wrapper.pre-reg .content .other{
	width:70%;
	margin-left: -15px;
}

#wrapper.pre-reg .content .name-title{
	width:18%;
	height: 30px;
	margin-right: 7px;
}

#wrapper.pre-reg .content .textareafield {
	border: 1px solid #abadb3;
	font-size: 14px;
	height: 200px;
	width: 100%;
}

#wrapper.pre-reg .content ul{
	padding-left:15px;
	margin-top: -15px;
}
#wrapper.pre-reg .content ul li{
	margin-bottom:5px;
}

#wrapper.pre-reg .content ul li .row{margin-top: 15px;}
#wrapper.pre-reg .content ul li .row .field { width: 70%;}



#wrapper.pre-reg .content .err, #wrapper.pre-reg .content .err_code, #wrapper.pre-reg .content .err_mail, #wrapper.pre-reg .content .err_mail_format, #wrapper.pre-reg .content .err_idno {
	margin-left: 0px;
	color:#ea0606;
}
#wrapper.pre-reg .content #captcha {
	width: 20%;
}

#captchaRefresh, #captchaImg {
	cursor: pointer;
}

#form1 {
	padding-bottom: 40px;
}

#btn_reset {
	margin-left: 10px;
}
#loading {
	display: inline-block;
	margin-right: 90px;
}

#wrapper.pre-reg .content .business-title{margin-top:40px;}
#wrapper.pre-reg .content .checkbox-holder{
	position: relative;
	padding-left:20px;
}
#wrapper.pre-reg .content .checkbox-holder .policy-check{
	position: absolute; top:0; left:0;
}
#wrapper.pre-reg .content .checkbox-holder .eueea-check {
    position: absolute; top:0; left:0;
}
#wrapper.pre-reg .content .checkbox-holder .non-eueea-check {
    position: absolute; top:0; left:0;
}



#wrapper.pre-reg .content .subtitle{font-weight:bold;font-size: 16px;margin-bottom: 10px;}
#wrapper.pre-reg .content .checkbox-list{}
#wrapper.pre-reg .content .checkbox-list span{display: inline-block;margin-right: 20px;width: 16%;padding-left: 20px;position: relative;vertical-align: top;margin-bottom: 10px;}
#wrapper.pre-reg .content .checkbox-list span input{margin-right:3px;margin-bottom: 10px;position: absolute;left: 0;top: 2px;}

#wrapper.pre-reg .content .checkbox-list.result span{display:block;}

#wrapper.pre-reg .content .name-holder {font-size:0;}
#wrapper.pre-reg .content .name-holder select{box-sizing: border-box;font-size:12px;}
#wrapper.pre-reg .content .name-holder input{width: 31%;box-sizing: border-box;font-size:14px;margin-right: 3px;margin-top:5px;}

#wrapper.pre-reg .content .addRegistrant-title{font-weight:bold;font-size: 14px;margin-bottom: 10px;}
#wrapper.pre-reg .content .addRegistrant{margin-bottom:40px;}

#wrapper.pre-reg .content .registrant-holder.clone .remove,#wrapper.pre-reg .content .registrant-holder.clone_st .remove, .clone{display:none;}

#wrapper.pre-reg .content .registrant-holder .registrant-num{font-size:16px;font-weight: bold;}
#wrapper.pre-reg .content .new-registrant-holder {margin-top:30px;}
#wrapper.pre-reg .content .new-registrant-holder .registrant-holder{margin-bottom: 40px;}
#wrapper.pre-reg .content .new-registrant-holder .registrant-holder .remove{display:table-cell;}

#wrapper.pre-reg .content .new-registrant-holder.result .registrant-holder .remove{display:none;}

#wrapper.pre-reg .content .buyer-err .err,
#wrapper.pre-reg .content .buyer-err .err_code,
#wrapper.pre-reg .content .buyer-err .err_mail,
#wrapper.pre-reg .content .buyer-err .err_mail_format{margin-left:0;}


#wrapper.pre-reg .content .badge{width:286px;background:#e1e1e9;padding-bottom:20px;text-align: center;position: absolute;right: 15px;top: 145px;}
#wrapper.pre-reg .content .badge h3{margin-top:15px;font-size:25px;}
#wrapper.pre-reg .content .badge h4{margin-top:5px;font-size:12px;}
#wrapper.pre-reg .content .badge h5{margin-top:20px;font-size:12px;letter-spacing: 1px}

#wrapper.pre-reg .content .company-padding{padding-right:250px;}


#wrapper.pre-reg .content .barcode{position: absolute;right: 15px;top: 325px;}


#wrapper.pre-reg .content .time-table{margin-bottom:15px;}

#wrapper.pre-reg .content .time-table td{text-align:left;}

#wrapper.pre-reg .content .print-logo{display:none;position: relative;padding-bottom:35px;}
#wrapper.pre-reg .content .print-logo img{display:inline-block;margin-right:10px;}
#wrapper.pre-reg .content .print-logo .img-1{height:50px;}
#wrapper.pre-reg .content .print-logo .img-2{height:30px;}
#wrapper.pre-reg .content .print-logo .right-text{position: absolute; top:0; right:0; text-align: right;}

@media (max-width: 960px) {
	#wrapper.pre-reg .content .badge{position: relative; right:auto;top:0;margin-bottom:20px;max-width:286px;width:100%;}
	#wrapper.pre-reg .content .badge img{width:100%}

	#wrapper.pre-reg .content .barcode{position: relative; right:auto;top:0;margin-bottom:20px;}
	#wrapper.pre-reg .content .barcode img{max-width:100%;}

	#wrapper.pre-reg .content .company-padding{padding-right:0px;}
}


@media (max-width: 640px) {
	#wrapper.pre-reg .content .row .head, #wrapper.pre-reg .content .row .field {
		display: block;
		width: auto;
	}
	#wrapper.pre-reg .content .row .temp_radio {
		display: inline-block;
		padding-right: 2%;
		padding-left: 0;
	}
	#wrapper.pre-reg .content .row .field.radio {
		vertical-align: middle;
		display: inline-block;
		max-width: 90%;
	}
	#fd_info .add {
		left: 78%;
		top: 72px;
	}
	#wrapper.pre-reg .content #fd_info hr,
	#wrapper.pre-reg .content .row .field .preview_img {
		max-width: 100%;
	}
	#wrapper.pre-reg .content #captcha {
		width: 32%;
	}
	#wrapper.pre-reg .content .textfield {
		width: 72%;
	}

	#wrapper.pre-reg .content .city,#wrapper.pre-reg .content .province,#wrapper.pre-reg .content .postal{
		margin-bottom:15px;
	}
	#wrapper.pre-reg .content .resident {width: 74%;margin-bottom:15px;}
	#wrapper.pre-reg .content .nationality {width: 74%;margin-bottom:15px;}


	#wrapper.pre-reg .content .country_code{
		margin-bottom:15px;
	}
	#wrapper.pre-reg .content .area_code{
		margin-bottom:15px;
	}
	#wrapper.pre-reg .content .reg_code{
		margin-bottom:15px;
	}

	#wrapper.pre-reg .content .row .field input:last-child{margin-bottom:0;}
	#wrapper.pre-reg .content .row .field select:last-child{margin-bottom:0;}

        #wrapper.pre-reg .content .checkbox-list span{
            width:100%;
        }
	#wrapper.pre-reg .content .other-holder {
	    width: 100%;
	}

	#wrapper.pre-reg .content .print-logo .right-text{position: relative; text-align: left;margin-bottom:0;margin-top:10px;}


}

@media print {
    .non-print{display:none;}
	header,footer{display:none;}
	#mobile-header{display:none;}
	#bg{display:none;}
	#wrapper{padding-top:0px;padding-bottom:0;}
	#wrapper .content{padding-top:5px;}

	#wrapper .content .title{margin-bottom:10px;font-size:18px;display:none;}
	#wrapper.pre-reg .content h2 {font-size:16px;margin-bottom:5px;}
	#wrapper .content p{margin-bottom:10px;font-size:12px;}
	#wrapper .content p:last-child{margin-bottom:0;}
	#wrapper .top-banner {display:none;}
	#wrapper .pad-left{display:none;}
	#wrapper.pre-reg .content .row{margin-bottom:10px;}
	#wrapper.pre-reg .content .row .company-padding{padding-right: 200px;}
	#wrapper.pre-reg .content #btn_print{display:none;}
	#wrapper.pre-reg .content .barcode{position:absolute;top:200px;right:20px;}
	#wrapper.pre-reg .content ul{margin-top:0;}
	#wrapper.pre-reg .content ul li .row:first-child{margin-top:10px;}
	#wrapper.pre-reg .content ul li .row{margin-top:0px;}
	#wrapper.pre-reg .content ul li .row input{border:none;}

	.new-registrant-holder.result{
		display:none;
	}

	#wrapper.pre-reg .content .print-logo{display:block;position: relative;padding-bottom:20px;}
	#wrapper.pre-reg .content .print-logo img{display:inline-block;margin-right:10px;}
	#wrapper.pre-reg .content .print-logo .img-1{height:60px;}
	#wrapper.pre-reg .content .print-logo .img-2{height:30px;}
	#wrapper.pre-reg .content .print-logo .right-text{position: absolute; top:10px; right:0; text-align: right;}
	.chrome #wrapper.pre-reg .content .print-logo .right-text{top:-10px;}
	.ad-holder{display:none !important;}
}

@media print and (max-width: 639px){
	header,footer{display:none;}
	#wrapper .top-banner {display:none;}

	#wrapper.pre-reg .content .row .head, #wrapper.pre-reg .content .row .field{display:table-cell;}
	#wrapper.pre-reg .content .row .head{width:160px;}
	#wrapper.pre-reg .content .row .field{width:75%;}
}
