/* ======================================================================== */
/* Name:			Payment.css												*/
/* Author:			Derrick Went											*/
/* Date:			19 July 2006											*/
/* Description:		Standard stylesheet for Payment Information				*/
/* Client:			Platinum Rings												*/
/* ======================================================================== */

/* ================= */
/* The Customer Form */
/* ================= */
/* Version 2... */
.PaymentCustomerForm label
{
	display: inline;
	float: left;
	margin: 0em;
	width: 10em;
	height: 2em;
	text-align: left;
	padding-top: .5em;
	font-weight: bold;
}
label.PaymentCustomerCB 
{
	display: inline;
	float: left;
	margin: 0em;
	width: 20em;
	height: 2em;
	text-align: left;
	padding-top: .5em;
	font-weight: bold;
}
.PaymentCustomerForm li 
{
	display: block;
	margin: 0em;
	padding: 0em;
	position: relative;
	min-height: 1%;
	max-height: 100%;
	float:left;
	min-width: 1%;
	max-width: 100%;
	width: 100%;
}

/* Version 1... */
/*.PaymentCustomerForm
{
	padding-right: 1em;
	padding-left: 1em;
	margin-bottom: 0em;
	padding-bottom: 1em;
	margin-left: 0em;
	border-top-style: none;
	margin-right: 0em;
	padding-top: 1em;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.PaymentCustomerFieldSet
{
	border-right: none;
	padding-right: 0em;
	border-top: none;
	padding-left: 0em;
	padding-bottom: 1em;
	border-left: none;
	width: 100%;
	padding-top: 1em;
	border-bottom: none;
	position: static;
	margin: 0em;
}
#Membership
{
	display: none;
	width: 100%;
	position: static;
}
.PaymentCustomerLegend
{
	display: none;
	border-right: none;
	padding-right: 2px;
	border-top: none;
	padding-left: 2px;
	background: none transparent scroll repeat 0% 0%;
	padding-bottom: 1px;
	border-left: none;
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
	padding-top: 1px;
	border-bottom: none;
} 
.PaymentCustomerErrorMessage
{
	color: red;
}
.PaymentCustomerLabel
{
	clear: both;
	display: inline;
	padding-left: 10px;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 100px;
	font-style: italic;
	text-align: left;
} 
input.PaymentCustomerInput
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	display: block;
	padding-left: 2px;
	background: white;
	margin-bottom: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
} 
div.PaymentCustomerInput
{
	padding-right: 2px;
	display: block;
	padding-left: 2px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	color: blue;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
} 
select.PaymentCustomerSelect
{
	display: inline;
	background: white;
	position: static;
    BORDER-RIGHT: none;
    PADDING-RIGHT: 2px;
    BORDER-TOP: none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: none;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: none;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WIDTH: 190px;
} 
div.PaymentCustomerSelect
{
	display: inline;
	position: static;
    BORDER-RIGHT: none;
    PADDING-RIGHT: 2px;
    BORDER-TOP: none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: none;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: none;
    WIDTH: 190px;
} 
.PaymentCustomerCheckbox
{
	padding-right: 2px;
	background-position: 0% 0%;
	display: block;
	padding-left: 2px;
	background-attachment: scroll;
	float: left;
	margin-bottom: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	width: 200px;
	color: black;
	padding-top: 2px;
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
	background-color: transparent;
} 
.PaymentCustomerCheckboxText
{
	clear: none;
	display: inline;
	padding-left: 0px;
	margin: 0px 0em 0px 0px;
	position: static;
	background-color: transparent;
	text-align: left;
} 
textarea.PaymentCustomerTextArea
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	display: block;
	padding-left: 2px;
	background: white;
/*	float: right; 
	padding-bottom: 1em;
	margin: 1em;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	position: static;
} 
div.PaymentCustomerTextArea
{
	padding-right: 2px;
	display: block;
	padding-left: 2px;
	padding-bottom: 1em;
	margin: 1em;
	padding-top: 2px;
	position: static;
} 
.paymentCustomerFullLine
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
	text-align: left;
}
.PaymentCustomerButton
{
	border-right: #dcdce9 1px solid;
	border-top: #dcdce9 1px solid;
	display: inline;
	background: url(../images/ButtonBackground.jpg) #fff repeat-x left bottom;
	float: left;
	border-left: #dcdce9 1px solid;
	width: 150px;
	border-bottom: #dcdce9 1px solid;
}
.PaymentCustomerNextButton
{
	padding-right: 38px;
	padding-left: 38px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 1px;
	text-transform: lowercase;
	width: 150px;
	color: blue;
	line-height: 2em;
	padding-top: 12px;
	height: 2em;
	text-align: center;
	text-decoration: none;
}
*/
/* ===================== */
/* The Payment Card Form */
/* ===================== */
.PaymentCardForm
{
	padding-right: 1em;
	padding-left: 1em;
	margin-bottom: 0em;
	padding-bottom: 1em;
	margin-left: 0em;
	border-top-style: none;
	margin-right: 0em;
	padding-top: 1em;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.PaymentCardFieldSet
{
	border-right: none;
	padding-right: 0em;
	border-top: none;
	padding-left: 0em;
	padding-bottom: 1em;
	margin: 0em;
	border-left: none;
	width: 100%;
	padding-top: 1em;
	border-bottom: none;
	position: static;
	text-align: left;
}
.PaymentCardLegend
{
	border-right: none;
	border-top: none;
	padding-bottom: 1px;
	border-left: none;
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
	padding-top: 1px;
	border-bottom: none;
} 
.PaymentCardErrorMessage
{
	color: red;
}
.PaymentCardLabel
{
	clear: both;
	display: block;
	padding-left: 10px;
	float: left;
	margin: 3px 1em 3px 0px;
	width: 120px;
	background-color: transparent;
	text-align: left;
} 
.PaymentCardTypes
{
	float: right;
}
.PaymentCardType
{
	height: 24px;
}
.PaymentCardTypeRadio
{
	display: inline;
	float: left;
	height: 24px;
}
.PaymentCardTypeLogo
{
	clear: none;
	display: inline;
	float: left;
	width: 36px;
	height: 24px;
}
.PaymentCardTypeDesc
{
	display: inline;
	padding-left: 0.1em;
	width: 110px;
	color: black;
	line-height: normal;
	height: 24px;
	background-color: transparent;
	text-align: left;
}
.PaymentCardNumber
{
}
.PaymentCardLine
{
	clear: both;
	float: none;
	position: static;
}
.PaymentCardInput
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	background: white;
	float: left;
	margin-bottom: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
} 
#TotalAmount
{
	border-right: medium none;
	padding-right: 2px;
	border-top: medium none;
	padding-left: 2px;
	font-weight: bold;
	background: white;
	float: left;
	margin-bottom: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	border-left: medium none;
	color: black;
	padding-top: 2px;
	border-bottom: medium none;
} 
.PaymentCardNumberInput
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 0px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Arial, Helvetica, sans-serif;
}
.PaymentCardSelectMonth
{
	display: inline;
	background: white;
	position: static;
    BORDER-RIGHT: none;
    PADDING-RIGHT: 2px;
    BORDER-TOP: none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: none;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: none;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WIDTH: 40px;
} 
.PaymentCardSelectYear
{
	display: inline;
	background: white;
	position: static;
    BORDER-RIGHT: none;
    PADDING-RIGHT: 2px;
    BORDER-TOP: none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: none;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: none;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WIDTH: 60px;
} 
.PaymentCardNotes
{
	clear: right;
	display: inline;
	padding-left: 4px;
	font-size: smaller;
	float: left;
	position: static;
}
.PaymentCardButton
{
	display: inline;
	float: left;
	margin-left: 3px;
	width: 50px;
	line-height: 2em;
	margin-right: 3px;
	height: 2em;
}
.PaymentCardNextButton
{
	padding-right: 2em;
	padding-left: 2em;
	color: #0d2474;
	border-top-style: outset;
	line-height: 2em;
	border-right-style: outset;
	border-left-style: outset;
	height: 2em;
	text-align: center;
	text-decoration: none;
	border-bottom-style: outset;
}
.PaymentInputFields
{
    COLOR: #039765;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}


/* ====================== */
.errorMessages
{
    PADDING-RIGHT: 0.2em;
    PADDING-LEFT: 0.2em;
    FONT-WEIGHT: bolder;
    PADDING-BOTTOM: 0.2em;
    COLOR: red;
    PADDING-TOP: 0.2em;
    HEIGHT: 1.5em;
    BACKGROUND-COLOR: white
}

.selectfromlist
{
    BORDER-RIGHT: none;
    PADDING-RIGHT: 2px;
    BORDER-TOP: none;
    PADDING-LEFT: 5px;
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: none;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: none;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WIDTH: 190px;
}
/* Registration */
.registrationCustomerForm
{
	font-size: 80%;
	background-color: white;
}
.registrationLoginDetails
{
}
.registrationCustomerNames
{
}
.registrationContactDetails
{
}
.registrationOtherDetails
{
}
.registrationCustomerAddress
{
}
.registrationInputLabel
{
    FONT-SIZE: larger;
    FLOAT: left;
    WIDTH: 120px;
    COLOR: black;
    TEXT-INDENT: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.registrationInputSubHeading
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    PADDING-BOTTOM: 3px;
    WIDTH: 400px;
    COLOR: #039765;
    PADDING-TOP: 6px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.registrationInputFullLine
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    WIDTH: 800px;
    COLOR: black;
    PADDING-TOP: 6px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.registrationInputFields
{
    FONT-SIZE: 100%;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.registrationCardTypeRB
{
}
.registrationInput
{
    BORDER-RIGHT: none;
    PADDING-RIGHT: 2px;
    BORDER-TOP: none;
    PADDING-LEFT: 5px;
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: none;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: none;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.mandatory
{
	display: inline;
	font-weight: bold;
	color: red;
	position: static;
}
#Membership
{
	display: none;
}