/* 
-------------------------------------------
Title:		Pemaquid Communications
Author:  	drjecker
Version:    Forms
Date:    	05/09/2007
-------------------------------------------
*/

.pform{
	font-family:'Trebuchet MS', verdana, tahoma, arial, helvetica, sans-serif; 

	}
	
.pform legend{	
	font-weight:bold;	
	text-transform:uppercase;
	color:#333;
	}

.pform fieldset{
	background:#F9EAD3;
	margin-bottom:20px;
	border:2px solid #EAB25F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	
.pform p{
	clear: left;
	margin: 0;
	padding: 6px;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
	}
	
.pform p label{	
	float: left;
	text-align:right;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	font-weight:bold;
	}

.pform .tbox {
	padding:0;
	}
	
.pform .tbox label{
	float:none;
	width:auto;
	margin:0;
	}

.pform input[type="text"], .pform textarea {
	float:none;
	width:90%;
	border:1px solid #EAB25F;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding:5px 10px;
	}
	
.pform select {
	float:none;
	border:1px solid #EAB25F;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding:5px 10px;
	}

.pform .submit {
	float:right;
	}	
	
.pform input#password{
	width: 195px;
	}
	
.pform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 195px;
	}
	
.pform textarea{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 195px;
	}
	
.pform .state{
	width:75px;
	}
	
.pform input.zc{
	width:50px;
	}
	
.pform p.cbox{
	clear: left;
	margin: 0;
	padding: 6px;
	padding-left: 355px; /*width of left column containing the label elements*/
	height: 1%;
	}
	
.pform p.cbox label{	
	float: left;
	text-align:right;
	margin-left: -355px; /*width of left column*/
	width: 350px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

.pform p.cbox input{
	width:auto;
	}
	
	/*.threepxfix class below:
	Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
	to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
	*/
	
* html .threepxfix{
	margin-left: 3px;
	}
	
.pform .error {
	background: #f99 !important; 
	font-weight: bold;
	color:#000;
	}	
	
.error label {
	
	}
	
.honey {display:none;}

	
/* IE FIX FOR FIELDSET BACKGROUND*/

* html fieldset{ position: relative; }

* html legend{ position:absolute; top: -.5em; left: .5em; }

* html fieldset{ position: relative; margin-top:1em; padding-top:.75em; }

.required{
	margin:0;
	padding:0;
	font-family:georgia, serif;
	text-align:center;
	color:#666;
	font-style:italic;
	}
	
#zipcode, #verification_number{
	width:75px;
	}