/*********************************** forms *****************************************/
form {
	text-align: left;
}

form p, form table {
	margin: 0;
	padding: 0;
}
label { 
	font-size: 15px;
	font-weight: bold; 
}

input{
	font-size: 14px;
	margin: 0px;
	padding: 0px;	
	color: #FFF;
    width:359px;
    background: url(../images/INPUT_BG.jpg) top left no-repeat;
}

input.Fname, input.Lname, input.passwordInput, input.passwordConfInput {
	width: 160px;
}
#firstName {
	width: 195px;
	float: left;	
}
#lastName {
	width: 195px;
	float: left;
	margin-left: 5px;
}

#passwordInput {
	width: 195px;
	float: left;	
}
#passwordConfInput {
	width: 195px;
	float: left;
	margin-left: 5px;
}

#formState {
	width: 165px;
	float: left;	
}
#formCity {
	width: 134px;
	float: left;	
}
#formZip {
	width: 100px;
	float: left;	
}

#ageCheck {
	clear: both;
	padding-top: 10px;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}

#upgradePromo {
	margin-top: 5px;
}
.sideboxSignup{
	margin-top: 5px;
}

input:hover, textarea:hover, select:hover {
  border:2px solid #83c41c;
}

input:active, textarea:active, select:active {
  border:2px solid #83c41c;
}

input.submit {
  display: block;
  background:#ffffff url(../images/submitBg.png) -20px 0 no-repeat;
  color:#ffffff;
  width: 80px;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
  letter-spacing: -1px;
  font-weight: bold;
  margin: 0 auto;
}

input.submit:hover {  
  cursor: pointer;
  color: #000;
}

textarea {
  width:300px;
  height: 200px;
}

textarea.deep {
  height:350px;
}

textarea.shallow {
  height:50px;
}

fieldset {
  background:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}

input.radio_button {
  margin-left:50px;
}

textarea {
  width:400px;
}

textarea.shallow {
  height:100px;
}

.stateOption {
	background: #F00;	
}
input.zipcode {
	width: 60px;	
}
input.pinBox {
	width: 50px;	
}
input.city {
	width: 110px;
}

/* Validation Form */
.LV_validation_message{
	font-size: 12px;
    font-weight:bold;
    margin:0;
	padding: 0;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 2px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
}

div.selectbox-wrapper {
    position:absolute;
    width:500px;
    background-color:#000;
    border:1px solid #ccc;
    margin:0px;
    margin-top:-10px;
    padding:0px;
    font-size:0.8em;
    text-align:left;
    height:200px;
   *height:200px; /*IE6 fix */
   overflow: auto;
   z-index: 300;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #004878;
}
div.selectbox-wrapper ul li.current { 
  background-color: #004878;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 5px -10px 0px;
  padding-left:2px;
  display : block;
  font-size: 14px;
  color: #FFF;
  height: 18px;
  text-align:left; 
  background: url('../images/stateINPUT_BG.jpg') no-repeat top right;
  /*height:18px;*/
  cursor: pointer;
  border:2px solid #fff;
  color:#fff;
  padding: 0px;
}