@charset "utf-8";
/* CSS Document */
/* NO MODIFICATION NEEDED IN THIS FILE!!!!!!! */
/* File System name	: Legacy Contact Form
 * File name		: contact.css 
 * Author name		: Armagan Tekdoner 
 * First release	: April 2014 
 * Author website	: grifare.ca 
 * Description		: A robust file system for a non-HTML5 contact page
 * Compatibility	: Will work with almost any browser's any version 
 */
 
/* W3C CSS Validator results (CSS level 2.1)
 * Congratulations! No Error Found.
 * This document validates as CSS level 2.1 !
 */
 
body {
	/* sets the font face. To change, just replace "Times New Roman" with yur choice. */ 
	font-family:"Times New Roman", Times, serif;
	/* the higher the value the larger the font */
	font-size: 1em;
	/* Sets the font colour. #000000 is black. */
	color: #000000;
}

/* this is the cross sign that closes the page on the top right */
button#close_form {
	float: right;	
	width: 30px;
	height: 30px;
	font-size: 15px;
	/* ensures cross-browser consistency */
	margin-top: 0px;
}

div#div_contact{
	/* change 800 to have a wider or narrower form width */
	width: 800px;
	/* This is the background colour of the form only.
	Replace very light grey #fdfdfd, with any colour you like */
	background-color: #fdfdfd;
	/* 6px margin all around */
	padding: 10px;
	
		/* places the form in the centre */
		margin-left: auto;
		margin-right: auto;			
		/* if you want the form to be left aligned, 
		comment-out the auto lines above by adding stars and dashes 
		and uncomment the following line by removing stars and dashes in that line */
/*		 margin-left: 50px;*/
	
	/* sets the space between lines */
	line-height: 150%;
}

/* Page headings can be styled here */
h2{	
	/* the higher the value the larger the font */
	font-size: 1.8em;
	/* ensures cross-browser consistency */
	margin-top: 7px;	
}

/* Subtitles can be styled here */
h4{	
	/* the higher the value the larger the font */
	font-size: 1.1em;	
	font-weight: 400;
}

form#form_contact > div{
	padding: 4px;
}

	/* form elements begin */
	label.text-inputs{
		/* creates a tab between lables and fields */
		display: inline-block;
		/* change the numeric value to have a wider or narrower label width */
		width: 130px;
	}
	
	input.inputs{
		/* change the numeric value to have a wider or narrower field width */		
		width: 208px;
	}
	
	input.input_phone{
		/* change the numeric value to have wider or narrower phone field widths 			
		width: 60px;*/
		height: 16px;
		font-size: .6em;
		margin-right: 5px;		
	}	
	
	span.required{
		/* sets the distance of the red required text */
		margin-left: 10px;
		font-style: italic;
		/* the higher the value the larger the font */
		font-size: .8em;
		/* Sets the font colour. #bb0000 is red. */
		color: #bb0000;		
	}
	
	span.error_messages {
		margin-left: 10px;
		/* the higher the value the larger the font */
		font-size: 0.9em;
		/* Sets the font colour. #bb0000 is red. */
		color: #bb0000;
	}
	/* form elements end */
  
/* output section which is not displayed before a valid form was submitted */  
div#div_received{
	/* change the value 800 only to have a wider or narrower results width */
	width: 800px;
	/* This is the background colour of the results only.
	Replace very white #fff, with any colour you like */
	background-color: #fff;
	/* 6px margin all around */
	padding: 6px;
	/* places the form in the centre */
	margin-left: auto;
	margin-right: auto;
	/* sets the space between lines */
	line-height: 150%;
	margin-bottom: 30px;
}

div#no_print > p{
	/* the higher the value the larger the font */
	font-size: 0.75em;
}