/* ~ WingsThatRock.com Contact Submission Form (CSS) ~ */
/* Coypright Spires Video Services, LLC. All Rights Reserved. */

label {
  margin: 0;
  padding:0.2em;
  margin-top:0.3em;
  text-align:right;
  width:75px;
  float:left;
  text-transform:uppercase;  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
}

.StateLabel {
  margin: 0;
  padding:0.2em;
  margin-top:0.3em;
  text-align:right;
  width:45px;
  float:left;
  text-transform:uppercase;
}

.zipLabel {
  margin: 0;
  padding:0.2em;
  margin-top:0.3em;
  text-align:right;
  width:25px;
  float:left;
  text-transform:uppercase;
}

.submitLabel {
  margin: 0;
  text-align:right;
  width:0px;
  float:left;
  text-transform:uppercase;
}

.br {display:none;}  
  
.firstName {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333 ;
  margin:3px;
  height:20px;
  border:solid 0 #fff;
  padding: 3px 8px;
  background: transparent url("../images/forms/100.png") no-repeat fixed;
  width:87px;
  display:inline;
}

.lastName {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333 ;
  margin:3px;
  height:20px;
  border:solid 0 #fff;
  padding: 3px 8px;
  background: transparent url("../images/forms/100.png") no-repeat fixed;
  width:87px;
}

.address {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333 ;
  margin:3px;
  height:20px;
  border:solid 0 #fff;
  padding: 3px 8px;
  background: transparent url("../images/forms/300.png") no-repeat fixed;
  width:287px;
}

.city {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333 ;
  margin:3px;
  height:20px;
  border:solid 0 #fff;
  padding: 3px 8px;
  background: transparent url("../images/forms/120.png") no-repeat fixed;
  width:107px;
}

.state {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333 ;
  margin:3px;
  height:20px;
  border:solid 0 #fff;
  padding: 3px 8px;
  background: transparent url("../images/forms/30.png") no-repeat fixed;
  width:17px;
}

.zip {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333 ;
  margin:3px;
  height:20px;
  border:solid 0 #fff;
  padding: 3px 8px;
  background: transparent url("../images/forms/50.png") no-repeat fixed;
  width:37px;
}

.phone {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333 ;
  margin:3px;
  height:20px;
  border:solid 0 #fff;
  padding: 3px 8px;
  background: transparent url("../images/forms/95.png") no-repeat fixed;
  width:82px;
}

.email {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  color:#333 ;
  margin:3px;
  height:20px;
  border:solid 0 #fff;
  padding: 3px 8px;
  background: transparent url("../images/forms/143.png") no-repeat fixed;
  width:130px;
}

input.firstName {
  background: transparent url("../images/forms/100.png") no-repeat;
  font:.8em Verdana, Arial, Helvetica, sans-serif;
}

input.lastName {
  background: transparent url("../images/forms/100.png") no-repeat;
  font:.8em Verdana, Arial, Helvetica, sans-serif;
}

input.address {
  background: transparent url("../images/forms/300.png") no-repeat;
  font:.8em Verdana, Arial, Helvetica, sans-serif;
}

input.city {
  background: transparent url("../images/forms/120.png") no-repeat;
  font:.8em Verdana, Arial, Helvetica, sans-serif;
}

input.state {
  background: transparent url("../images/forms/30.png") no-repeat;
  font:.8em Verdana, Arial, Helvetica, sans-serif;
}

input.zip {
  background: transparent url("../images/forms/50.png") no-repeat;
  font:.8em Verdana, Arial, Helvetica, sans-serif;
}

input.phone {
  background: transparent url("../images/forms/95.png") no-repeat;
  font:.8em Verdana, Arial, Helvetica, sans-serif;
}

input.email {
  background: transparent url("../images/forms/143.png") no-repeat;
  font:.8em Verdana, Arial, Helvetica, sans-serif;
}

.textarea {
  font:.8em Verdana, Arial, Helvetica, sans-serif;
  color:#333 ;
  margin:3px;
  height:50px;
  border:solid 0 #fff;
  padding: 0 8px;
  background: transparent url("../images/forms/textarea.png") no-repeat fixed;
  width:190px;
}

textarea.textarea {
  background: transparent url("../images/forms/textarea.png") no-repeat;
}

.submit {
  margin:0px;
  background: transparent url("../images/forms/submit.png") no-repeat;
  height:20px;
  border:solid 0 #fff;
  width:60px;
  font:.5em Verdana, Arial, Helvetica, sans-serif;
  color:#333333;
  text-transform:uppercase;
}
 
#form-center {
  position:relative;
  left:0px;
  top:0px;
  width:450px;
  z-index:2;
}

#form-thanks {
  position:absolute;
  left:0px;
  top:150px;
  width:565px;
  text-align: center;
  visibility:hidden;
  z-index:2;
}

#picCenter {
  position:absolute;
  top:247px;
  left:18px;
  width:473px;
  height:187;

}
 
#form-firstName {
  position:absolute;
  left:0px;
  top:0px;
  width:201px;
  height:25px;
}

#form-lastName {
  position:absolute;
  left:201px;
  top:0px;
  width:198px;
  height:25px;
}

#form-address1 {
  position:absolute;
  left:0px;
  top:20px;
  width:399px;
  height:25px;
}

#form-address2 {
  position:absolute;
  left:0px;
  top:44px;
  width:399px;
  height:25px;
}

#form-city {
  position:absolute;
  left:0px;
  top:40px;
  width:220px;
  height:25px;
}

#form-state {
  position:absolute;
  left:206px;
  top:40px;
  width:90px;
  height:25px;
}

#form-zip {
  position:absolute;
  left:300px;
  top:40px;
  width:99px;
  height:25px;
}

#form-phone {
  position:absolute;
  left:0px;
  top:60px;
  width:195px;
  height:25px;
}

#form-email {
  position:absolute;
  left:156px;
  top:60px;
  width:243px;
  height:25px;
}

#form-comments {
  position:absolute;
  left:0px;
  top:80px;
  width:292px;
  height:25px;
}

#form-submit {
  position:absolute;
  left:299px;
  top:98px;
  width:79px;
  height:25px;
}

#form-error {
  position:absolute;
  left:-40px;
  top:134px;
  width:450px;
  height:18px;
  text-align:center;
}

#ContactInfo {
	position:absolute;
	width:350px;
	height:63px;
	z-index:1;
	left: 0px;
	top: 290px;
}

.error {
  font-family: Tahoma;
  font-size: 8pt;
  color: red;
  margin-left: 0px;
  display:none;
}

#contactCenter {
	position:absolute;
	width:565px;
	height:355px;
	z-index:3;
}

#contactPic {
	position:absolute;
	width:200px;
	height:115px;
	z-index:0;
	left: 300px;
	top: 178px;
}

/* END CONTACT SUBMISSION FORM */