@CHARSET "UTF-8";



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Next are some system classes which may not removed or changed if you want that proforms works propper */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/*Don't delete or change this */

div.proforms_system_error{

	display:block;

	width:100%;

	-moz-box-sizing:    border-box;

    -webkit-box-sizing: border-box;

    box-sizing:        border-box;

    margin:0; padding:0;

    border: 1px solid #aa3333;

    background-color: #ffeeee;

}

div.proforms_system_error span{

	display: inline-block;

	margin: 10px;

	color: #aa0000;

}



/*Don't delete or change this */

.m4jFormElementWrap{

	margin: 0px;

	padding:0px;

	border: none;

	border: 1px solid transparent;

}





* html .m4jFormElementWrap{

	border: 1px solid none;

}



/*Don't delete or change this */

.m4jRadioWrap, .m4jCheckboxWrap{

	margin: 0px;

	padding:0px;

	border: none;

	float: left;

	border: 1px solid transparent;

}

* html .m4jRadioWrap, * html .m4jCheckboxWrap {

	border: 1px solid none;

}



/* clr */

.m4jCLR{

	clear:both;	

}



/*Don't delete this. It hides the spam trap */

div.m4j-email{

	display:none;

}





/*This is the class for the JS function scroll down to confirm reading. More information at the helpdesk */



.m4jScrollConfirm{

	display:block;

	overflow-x: hidden; 

	overflow-y: scroll;

	border: 1px solid #ababab;

}



.m4jOff{

	display: none;

}



div.proformsInnerFormWrap{

	display:inline-block;

	max-width: 100%;

	float:none;

	clear:both;

	text-align: left;

}





div.proformsFormWrap table tr td fieldset legend, #proforms_proforms table tr td fieldset legend, #proforms_proforms fieldset legend{

	display:block\0;

}





#proforms_proforms table.m4j_form_table, #proforms_proforms table.m4j_form_table tr, 

#proforms_proforms table.m4j_form_table tr:hover, #proforms_proforms table.m4j_form_table tr td, 

#proforms_proforms table.m4j_form_table tr:hover td, #proforms_proforms table.m4j_form_table tr td div table {

	background: transparent;

	border: none;

}





#proforms_proforms table.m4jSystemTable, #proforms_proforms table.m4jSystemTable tr, 

#proforms_proforms table.m4jSystemTable tr:hover, #proforms_proforms table.m4jSystemTable tr td, 

#proforms_proforms table.m4jSystemTable tr:hover td, #proforms_proforms table.m4jSystemTable tr td div table{

	background: transparent;

	border: none;

	text-align: left;

}







#proforms_proforms textarea:focus, #proforms_proforms input[type=submit]:focus, #proforms_proforms input[type=reset]:focus{

	outline: none;

}



table.m4jSystemTable tr td.proformsQuestions, table.m4jSystemTable tr td.proformsInfoImage img{

	cursor: help;	

}



table.nopad , table.nopad tr, table.nopad tr:hover, table.nopad tr td, table.nopad tr:hover td{

	background: transparent;

	border: none;

}



#proforms_proforms div.pfmTAMaxChars{

	display:block;

	width:100%;

	background: transparaent;

	clear:both;

	font-size: 10px;

	border: none; outline: none;

	padding:0; margin:0; 

	

}



#m4jAsk2Confirm input[type="checkbox"]:checked + label:before{

	content: none;

	background: transparent;

}





#proforms_proforms select[multiple], #proforms_proforms select[size] {

    height: auto;

}



#proforms_proforms input[name=mailcopy]{

	margin-right: 5px;

}



div.m4jRequiredWrapSystem{

	display: inline-block;

	margin-bottom: 10px;

	max-width: 100%;

	text-align: left;
	
	font-size: 11px !important;

}



body table.m4jSystemTable tr td input, 

body table.m4jSystemTable tr td textarea,

body table.m4jSystemTable tr td select{

		-moz-box-sizing:    border-box;

	    -webkit-box-sizing: border-box;

	    box-sizing:        border-box;

	    max-width: 100%;

    	min-height: 28px;

}  



body table.m4jSystemTable tr td input[type="radio"],

body table.m4jSystemTable tr td input[type="checkbox"]{

	

    	min-height: 1px;

}





@media screen and (max-width: 960px) {

	

	table.m4jFormTable , 

	table.m4jFormTable tr,

	table.m4jFormTable td,   

	table.m4jSystemTable , 

	table.m4jSystemTable tr, 

	table.m4jSystemTable tr td,

	table.m4jSystemTable table,

	table.m4jSystemTable table tr,

	table.m4jSystemTable table td{

		display:block;

		float:left;

		clear:both;

		width: 99%;

		max-width: 100%;

		min-width: 100%;

		-moz-box-sizing:    border-box;

	    -webkit-box-sizing: border-box;

	    box-sizing:        border-box;

	    position: relative;

		overflow-x: hidden;

	}

	

	table.m4jSystemTable tr td.proformsQuestions, table.m4jSystemTable tr td.proformsInfoImage{

		display:block; 

		width: 100%;

		min-width: 16px;

		float:left;

	}



	table.m4jSystemTable tbody{

		display:block;

		width: 100%;

		padding:0;

		margin:0;

	}



	table.m4jSystemTable tr td.proformsQuestions{

		margin-top: 10px;

	}

	table.m4jSystemTable tr td span.rspInfo{

		display:block;

		font-size: 12px;

		font-style: italic;

		width: 100%;

		margin-bottom: 5px;

	}



	table.m4jSystemTable tr td div{

		display:block;

		min-width: 100%;

		overflow: visible;

	}

	

	

	



	table.m4jSystemTable input, table.m4jSystemTable textarea, table.m4jSystemTable select {

		max-width: 70%;

		margin-right:0; 

		margin-left:0;

	}

	

}





@media screen and (max-width: 480px) {



	div.proformsFormWrap form{

		width: 100%;

	}

	

	table.m4jSystemTable tr td{

		padding-left:0; margin-left: 0;

		padding-right:0; margin-right: 0;

	}

	



	table.m4jSystemTable tr td fieldset{

		border: none; outline: none;

		background: transparent;

		padding: 0; margin:0;

		width: 90%;

		max-width: 100%;

		min-width: 100%;

		border:none;

	}

	



	#proforms_proforms table tr td fieldset legend, body table.m4jSystemTable tr td fieldset legend{

		padding: 0; margin:0;

		padding-right: 5px;

		display:block;

		border: none; outline: none;

		background: transparent;

		width: 100%;

		clear: both; 

		border-bottom: 1px solid;

		margin-bottom: 10px;

		color: inherit;

	}



	body table.m4j_form_table{

		width: 100%;

	}



}