﻿ul.form li {
	float: left;
}
ul.form {
	height: 1%;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
fieldset {
	display: block;
	margin-bottom: 40px;
}
ul.form li ul {
	background-color: #F8F3B8;
}
ul.form em {
	color: #FF0000;
}
ul.form {
	background-color: #FFFFFF;
	list-style: none;
	margin: 0 0 0 0;
	padding: 10px;
}
ul.form ul {
	height: 1%;
	overflow: hidden;
	padding: 2px 5px 5px 5px;
}
ul.form label {
	color: #333;
	display: inline;
	float: left;
	padding: 2px 5px 3px 0px;
	width: 120px;
}
ul.form li {
	margin: 3px 0 0 0;
	padding-bottom: 3px;
}
ul.form li ul li {
	border-bottom: 0px solid #ff0000;
}
ul.form input {
	display: inline;
	float: left;
/*	line-height: 100%;*/
}
ul.form select {
	display: inline;
	float: left;
}
ul.form textarea {
	display: inline;
	float: left;
}
ul.form input[type='radio'] {
	border: 0px;
}
ul.form input[type='checkbox'] {
	border: 0px;
}
.vvv li {
	clear: both;
	display: block;
	width: 100%;
}
.vvv label {
	clear: both;
	display: block;
	float: none;
	width: 100%;
}
.vvv input {
	display: block;
	float: left;
}
.vvv select {
	display: block;
	float: left;
}
.vvv textarea {
	display: block;
	float: left;
}
.hvv {
	height: 1%;
	overflow: hidden;
}
.hvv li {
	clear: none;
	display: inline;
	float: left;
	margin-right: 10px;
	width: auto;
}
.hvv label {
	display: block;
	float: none;
	width: auto;
}
.hvv input {
	display: block;
}
.hvv select {
	display: block;
}
.hvv textarea {
	display: block;
}
.hii {
	height: 1%;
	overflow: hidden;
}
.hii li {
	border-bottom: 0;
	display: inline;
	float: left;
	margin-right: 10px;
	width: auto;
}
.hii label {
	display: inline;
	margin-right: 0px;
	text-align: left;
	vertical-align: middle;
	width: auto;
}
.hii input {
	display: inline;
	vertical-align: middle;
}
.hii select {
	display: inline;
	vertical-align: middle;
}
.hii textarea {
	display: inline;
	vertical-align: middle;
}
.hii li li {
	clear: both;
}
.hhh {
	height: 1%;
	overflow: hidden;
}
.hhh li {
	border-bottom: 0;
	display: inline;
	float: left;
	margin-right: 10px;
	width: auto;
}
.hhh label {
	float: left;
	width: 100px;
}
.hhh input {
	float: left;
}
.hhh select {
	float: left;
}
.hhh textarea {
	float: left;
}
.hhh li li {
	clear: both;
}
.vii {
	display: inline;
	float: left;
	width: auto;
}
.vii li {
	clear: both;
	display: block;
	float: left;
	width: auto;
}
.vii label {
	display: inline;
	float: none;
	vertical-align: middle;
	width: auto;
}
.vii input {
	display: inline;
	float: none;
	vertical-align: middle;
}
.vii select {
	display: inline;
	float: none;
	vertical-align: middle;
}
.vii textarea {
	display: inline;
	float: none;
	vertical-align: middle;
}
.vhh {
	display: inline;
	float: left;
}
.vhh li {
	border-bottom: 3px solid #efefef;
	clear: both;
	display: block;
	float: left;
	width: auto;
}
.vhh label {
	display: inline;
	float: left;
	width: 100px;
}
.vhh input {
	display: inline;
	float: left;
}
.vhh select {
	display: inline;
	float: left;
}
.vhh textarea {
	display: inline;
	float: left;
}
label.v {
	display: block;
	float: none;
	padding: 3px;
	text-align: left;
	width: auto;
}
label.h {
	display: block;
	display: inline;
	float: left;
	width: auto;
}
.multiSelect {
	background-color: #FFFFFF;
	border: 0px inset #ccc;
	float: left;
	height: 200px;
	overflow: auto;
	overflow: hidden;
	padding: 0px;
	width: 200px;
}
.multiSelect .form {
	border: 0;
	height: auto;
	margin: 0;
	padding: 0;
}
.multiSelect .vhh {
	margin: 0;
	padding: 0;
}
.multiSelect .vhh input {
	float: left;
}
.multiSelect .vhh label {
	clear: none;
	display: block;
	float: none;
	margin-left: 20px;
	width: auto;
}
.multiSelect .vhh li {
	overflow: hidden;
	width: 100%;
}
.multiSelect .vii li {
	width: 100%;
}
.form input.noBorder {
	border: 0px;
}
.requiredDesignation {
	display: block;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
}
.required {
	color: #FF0000;
}
.required label:Before {
	content: "* ";
}
.requiredDesignation:before {
	content: "* ";
}
.leftNote {
	color: #FF9933;
	float: left;
	padding: 3px 5px 0 5px;
}
.bottomNote {
	clear: both;
	color: #FF9933;
	display: block;
	padding: 0;
}
.tar label {
	text-align: right;
}
.fl {
	float: left;
}
.cb {
	clear: both;
}
.w100p {
	width: 100%;
}
.mr20 {
	margin-right: 20px;
}
.ml20 {
	margin-left: 20px;
}
.offset1 {
	margin-left: 130px;
}
.offset2 {
	margin-left: 105px;
}
ul.form {
	margin: 0;
	padding: 0;
}


/**************** Form Container ******************/
div.formContainer {overflow:hidden;}
div.formContainer fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}
div.formContainer legend {
	border-bottom: solid 1px #ccc;
	color: #4B3731;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 2.09em;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0 0 3px 0;
}
div.formContainer h5 {
	color: #5F5429;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin: 3px 0 8px 0;
	padding: 3px 0px;
}

/**************** My Account General ******************/

ul.form li.action {
	border-top: solid 1px #ccc;
	line-height: 33px;
	margin-top: 1em;
	padding-left: 125px;
	padding-top: 1em;
}
ul.form li.action * {vertical-align: middle;}
ul.form li.action img {cursor: pointer;}
label.offscreen {position: absolute;top: -9999px;}
ul.form li input.labelless {margin-left: 125px;}
ul.form li.header {
	color: #5F5429;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 1.27em;
	margin: 0 0 3px 0;
	padding: 0;
}

/**************** My Account Fullwidth ******************/
div.formContainer.fullwidth legend,
div.formContainer.fullwidth ul.form li  {width: 720px;}
div.formContainer.fullwidth ul.form li.action {width: 580px;}

/**************** My Account LightBox ******************/
div.formContainer.lightbox ul.form li ul li {width:290px;}
div.formContainer.lightbox legend { width:100%;}
div.formContainer.lightbox ul.form li { }
div.formContainer.lightbox ul.form li.action {border: none}

div#divClubDeliverySchedule div.formContainer.lightbox ul.form li {width:350px;}
div#divClubDeliverySchedule div.formContainer.lightbox ul.form li.action {width:270px;}
*:first-child+html div#divClubRecipientInfo div.formContainer.lightbox ul.form li {width:350px; border:dotted 1px #fff;} /*awful hack for IE7 only*/

/**************** My Account Deviations/Custom positioning ******************/
.sideNote a, .sideNote p,
.bottomNote a, .bottomNote p {color: #888888;font-size: 11px;}
.vii select {width: 154px;}

#password_test_container  { position:relative;}
span.testresult {left: 160px;position: absolute; }
li#password_test_container span.testresult {left: 280px; }

ul.form li ul {background-color: Transparent;}

#show-cvc-note, #cvc-note { font-size:11px;}
#cvc-note {
    margin: 0;
    padding: 10px;
    width: 200px;
    position:absolute;
    right:20px;
    background-color:#fff;
    border:solid 1px #CCC;
}
#cvc-note p {
	margin: 0;
	padding: 5px 5px 0 0;
}
.cboxCloseLink  {
    background:url("/Content/Images/global/colorbox/controls.png") no-repeat scroll -25px 0 transparent;
    height:25px;
    position:absolute;
    top:2px;
    right:2px;
    text-indent:-9999px;
    width:25px;
    cursor:pointer;
}

div.formContainer .vhh select, 
div.formContainer .tar select {
	width: 155px;
}

div#divClubDeliverySchedule ul.form label {
	width: 170px;
}
div#divClubDeliverySchedule .offset1 {
	margin-left: 115px;
}
div#divClubDeliverySchedule ul.form li.action {
	padding-left: 170px;
}
div#club-details-container {
	margin: 10px 0 22px 0;
	padding: 0;
	width: 100%;
}
div#edit-club-name {
	background-color: #F2F1EB;
	background-image: -moz-linear-gradient(0% 100% 90deg,#FFFFFF, #F2F1EB);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F1EB), to(#FFFFFF));
	border: solid 1px #E8E8E8;
	margin: 12px 0 0 0;
	padding: 5px 0 5px 12px;
	position: relative;
}

#club-details-container div.section {
	background-color: #FFF;
	border: solid 1px #E8E8E8;
	float: left;
	margin: 12px 24px 0 0;
	padding: 0;
	position: relative;
	width: 222px;
}

#edit-club-name img.btnEdit,
#club-details-container div.section img.btnEdit {
	margin: 5px 5px 0 0;
	position: absolute;
	right: 1px;
	top: 1px;
}
div#club-details-container div.last {
	margin-right: 0;
}
div#club-details-container div.section h5 {
	background-color: #F2F1EB;
	background-image: -moz-linear-gradient(0% 100% 90deg,#FFFFFF, #F2F1EB);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F1EB), to(#FFFFFF));
	border-bottom: solid 1px #E8E8E8;
	margin-top: 0;
	padding: 4px 0px 10px 8px;
}
div#club-details-container div.section div {
	margin: 6px 6px 0 12px;
	padding: 0;
}
div.min-50 {
 min-height:50px;
  height:auto !important;
  height:50px;
	
}
table#clubItems tr.totals {
	background-color: #F7F7F7;
	background-image: -moz-linear-gradient(0% 100% 90deg,#FFFFFF, #EEEEEE);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#FFFFFF));
	border-bottom: solid 1px #E8E8E8;
}
td.row-totals-labels {
	margin: 0;
	padding: 3px 16px 0 0;
	text-align: right;
}
td.row-totals {
	margin: 0;
	padding: 3px 0 0 24px;
	text-align: left;
}
img.product-image {
	border: solid 1px #d2cfbc !important;
	float: left;
}
.club-item-container {
	padding-left: 90px;
}
table#clubItems td.edit {
	padding: 0 0 0 22px;
	vertical-align: middle;
}
table#clubItems {
	margin: 0 0 18px 0;
}
input#datePickerInput {
	background: url("/Content/images/global/icons/calendar_edit.png") no-repeat scroll right center transparent;
	border: solid 1px #7F9DB9;
	cursor: default;
	float: none;
}

div#datepicker {left:128px;}