/*
	style_mailing_list.css
	Stylesheet for susanhobbs.com
	
	Copyright ©2010 Gordon Hicks, all rights reserved	
*/	

/* Text Area */

	.text-area {
	}
	
	.text-area p {
		margin-bottom: 8px;
	}

	h3 {
		margin-bottom: 8px;
		font-size: 17px;
		line-height: 19px;
		color: #2f2b2b; /* warm black L=18 */
		text-transform: none;
	}


/* Form */


	form {
		display: block;
		width: 393px;
		position: relative;
		margin: 0 0 0 0;
		padding: 30px 10px 30px 15px;
		background-color: #f7f7f7;

		border: solid 1px #c8c7c7; /* warm grey L=80  */ 

	}



	#contactForm {
		display: block;
		width: 500px;
		padding: 0px 0 0px 0px;
		margin: 0 auto;
		background-color: white;
	}
	
	.field {
		padding-bottom: 8px;
	}

	.hide {
		display: none;
	}
	
	label {
		display: block;
		position: relative;
	}

	#field-to {
		height: 20px;
	}


	label span {
		display: block;
		position: absolute;
		width: 150px;
		height: 18px;
		top: 6px;
		text-align: right;
		font-size: 13px;
		line-height: 13px;
		color: #615f5f; /* warm grey L=40 */
	}

	.nota-bene { /* "REQUIRED" */
		margin-left: 155px;
		padding: 3px 0;
		text-align: left;
		font-size: 11px;
		line-height: 13px;
		font-style: normal;
		text-transform: uppercase;
		color: #615f5f; /* warm grey L=40 */
	}

	.error-intro {
		margin: -6px 30px 20px 30px;
		color: #ed1c1c; /* red  */
		font-style: italic;
	}

	.error {
		margin-left: 155px;
		font-size: 11px;
		line-height: 17px;
		font-style: normal;
		text-transform: uppercase;
		color: #ed1c1c; /* red  */
	}

	

	input {
		width: 120px;
		height: 12px;
		background-color: white;
		padding: 4px 3px;
		border: solid 1px #c8c7c7; /* warm grey L=80  */ 
		margin-left: 155px;
		line-height: 12px;
	}

	select {
		width: 130px;
		height: 12px;
		margin-top: 2px;
		margin-left: 155px;
		line-height: 12px;
	}

	#field-sender-email { padding-bottom: 23px; }
	#field-sender-email input { width: 180px; }
	#field-receiver-email input { width: 180px; }



	textarea {
		width: 360px;
		height: 260px;
		background-color: white;
		padding: 4px 3px;
		border: solid 1px #aaacab;
		margin-left: 85px;
	}

	#button-send {
		margin-left: 155px;
		padding: 19px 0 5px 0 ;
	}

	#button-send a {
		display: block;
		width: 60px;
		height: 20px;
		
		
		background-color: #e1e2e6; /* warm grey L=90 */
		border-width: 1px;
		border-style: solid;

		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 20px;

		text-align: center;
		text-decoration: none;
	}

	#button-send a:link,
	#button-send a:visited {
		color: #46474a; /* cool grey L=30  */ 
		border-color: #74767a; /* cool grey L=50  */ 
	}

	#button-send a:hover,
	#button-send a:active {
		color: #ed1c1c; /* red  */
		border-color: #ed1c1c; /* red  */ 
	}


	.thank-you {
		margin-left: 84px;
	}

	
/* Footer */	
	
	.footer .copyright {
		right: 288px;
		text-align: right;
	}