/*  framework styles */

ol {

	list-style-type:none;
	margin-bottom:20px;

}

textarea {
	margin-bottom:20px;
}

li {
	clear:both;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:5px;
	padding-top:5px;
}


h4 {
	clear:both;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
}

label {
	font-weight:normal;
}

button {
	margin-top:20px;
	margin-bottom:20px;
}

.fieldButton {
	float:right;
	width:30px;
	display:block;
}

.required {
	color:#990000;
}
.error {
	font-weight:bold;
	color:#990000;
}

.field, .singleCheckboxField {
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
}



form div.dateField .textField{
	float:right;
	width:160px;
	display:block;
}

.field .textField , .field textarea {
	float:right;
	width:200px;
	display:block;
}
.field select {
	float:right;
	width:204px;
	display:block;
}
div.field div.textField label {
	width:50px;
	display:inline;
	clear:both;
}
div.field div.textField select {
	display:inline;
}

.singleCheckboxField input {
	float:right;
	margin-right:180px;
	width:10px;
	display:block;
}

.field textarea {
	height:100px;
}

.field label, .singleCheckboxField label {
	font-weight:normal;
	float:left;
	width:200px;
	text-align:left;
	padding-left:0px;
	padding-right:10px;
}


#address1 {margin:0px;}

.checkboxFields {
	border-top:1px solid #cccccc;
	padding-top:10px;
}


.checkboxFields .checkboxField {
	padding:0px;
	height:50px;
	float:left;
	width:190px;
	text-align:left;
	margin-right:10px;
	
}

.checkboxFields .checkboxField input{
	width:10px;
	float:left;
	margin-right:5px;
	display:block;
}


.checkboxFields .checkboxField label{
	float:left;
	width:130px;
	padding-right:10px;
	display:block;
	clear:none;
	margin-bottom:10px;
}



.field .radioField {
	padding:0px;
	height:30px;
	float:left;
	width:130px;
	text-align:left;
	margin-right:5px;
}

.field .radioField input {
	width:10px;
	float:left;
	margin-right:5px;
	display:block;
}


.field .radioField label {
	float:left;
	width:auto;
	white-space:normal;
	padding:0px;
	display:inline;
	clear:none;
	margin-bottom:10px;
}




#activeField {
	clear:both;
	border-top:1px solid #333333;
	margin-top:40px;
	padding-top:20px;
	margin-bottom:20px;
}

select.monthSelect { 
	width:40px;
	clear:none;
	display:inline;
	float:left;
}
select.yearSelect { 
	float:right;
	width:60px;
	clear:none;
}

label#expirationDateMonthLabel{
	clear:none;
	float:left;
	width:35px;
}
label#expirationDateYearLabel {
	float:left;
	clear:none;
	width:35px;
	padding-left:10px;
}

#cvv2Number {
	float:right;
	width:50px;
	margin-right:150px;
}

.pagination {width:500px;}
.pagination a{
	display:block;
	float:left;
	border:1px solid #006600;
	padding:3px;
	text-decoration:none;
	margin-right:3px;
}

.pagination span{
	display:block;
	float:left;
	border:1px solid #000000;
	padding:3px;
	text-decoration:none;
	margin-right:3px;
}

.pagination a:hover {
	background-color:#cccccc;
	color:#333333;
}

.pagination .currentPage {font-weight:bold;}

.predefined {background-color:#cccccc;}

.hidden {
	background-color:none;
}