/*
	Styles for TPP Rewards card request form
	Written by Kevin Rutherford
	(c) 1997-2015 Helena Biosciences Europe

	v1.00.00
	
	1.00.00	:	Initial version
*/


/* ALL DEVICES */

	/* Mini contact forms */
	.h_contact_form_mini, .h_contact_form_mini_outcome{
		background-color: #f7f7f7;
	}
	.h_contact_form_mini_feedback{
		min-height: 4em;
	}
	.h_contact_form_mini .h_contact_col{
		width: 50%;
		float: left;
	}
	.h_contact_form_mini form p{
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.h_contact_form_mini_header{
		min-height: 64px;
		margin: 0;
		padding: 20px 0;
		cursor: default;
	}
	.h_contact_form_mini_header h2, .h_contact_form_mini_header p{
		margin: 0 10px 0 84px;
	}
	.h_contact_form_mini_header.h_contact_form_closed{
		cursor: pointer;
	}
	.h_contact_form_mini_feedback{
		margin: 10px;
	}
	.h_contact_form_mini form h2{
		margin: 0;
		padding: 0.5em 0 0 0;
	}
	.h_contact_form_mini form h3{
		display: none;
	}
	.h_contact_form_mini input[type=text]{
		width: 50%;
	}
	.h_contact_form_mini label{
		display: inline-block;
		width: 35%;
		margin-right: 5px;
	}
	#h_main .h_contact_form_mini label.error{
		width: 90%;
		margin-bottom: 1em;
	}
	.h_contact_form_mini label.h_radio{
		width: 80%;
	}
	.h_contact_form_mini input[type=checkbox]{
		margin-right: 5px;
	}
	.h_contact_form_mini textarea{
		width: 290px;
		height: 60px;
		font-size: 1.2em;
	}
	.h_contact_form_submit{
		margin-top: 10px;
	}



@media screen and (min-width: 640px) and (max-width: 959px){
	/* ipad portrait, single column of 640px */
	
	/* Nothing */
	
}




@media screen and (max-width: 639px){
	/* iphone portrait */
	
	.h_contact_form_mini_feedback{
		min-height: 4em;
	}
	.h_contact_form_mini form{
		padding-bottom: 10px;
	}
	.h_contact_form_mini .h_contact_col{
		width: auto;
		float: none;
	}
	.h_contact_form_mini_header{
		margin: 0 5px 0 42px;
		padding: 5px 0;
	}
	.h_contact_form_mini_header h2, .h_contact_form_mini_header p{
		margin-left: 0;
	}
	.h_contact_form_mini_feedback{
		margin: 10px;
	}
	.h_contact_form_mini h2{
		padding: 0.25em 0 0 0;
	}
	.h_contact_form_mini input[type=text]{
		width: 55%;
	}
	.h_contact_form_mini label{
		display: inline-block;
		width: 35%;
		margin-right: 5px;
	}
	.h_contact_form_mini label.h_radio{
		width: 80%;
	}
	.h_contact_form_mini input[type=checkbox]{
		margin-right: 5px;
	}
	.h_contact_form_mini textarea{
		width: 250px;
	}
	
}