body, table {
	padding-top: 10px;
	color: #000;
	background-color: #D4D7E4;
	width: 790px;
	margin: 0 auto;
	font: 12pt Cambria,Arial,sans-serif;
}

div#mainForm {
	margin-bottom: 20px;
}

a, a:hover, a:visited {
	color: #000080;
}

img.card-icon {
	width: 44px;
	height: 29px;
	padding: 4px;
}

table.formTable {
	border: 1pt;
	width: 100%;
	border-collapse: collapse;
	background-color: white;
}

th, td {
	padding: 4px;
	vertical-align: top;
}

	th.header1 {
		background-color: #fff;
		color: #000;
		font-size: 24px;
		padding: 16px;
		text-align: left;
	}

	th.header2 {
		background-color: #C4C7D4;
		color: #000;
		font-size: 18px;
		padding: 5px 16px;
		text-align: left;
		margin-top: 20px;
	}

	th.label {
		text-align: right;
		width: 40%;
	}

.centered {
	text-align: center !important;
}

span.smaller {
	font-size: smaller;
}

.overlay {
	display: none;
	z-index: 10000;
	background-color: #eee;
	width: 650px;
	border: 0px;
	padding: 15px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.button {
	text-decoration: none;
	background-color: #EEEEEE;
	color: #333333;
	padding: 2px 6px 2px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #CCCCCC;
}

#recurring {
	display: none;
}

.tooltip-link {
	border-bottom: 1px dotted;
}

/* see https://github.com/jquerytools/jquerytools/issues/389 */
div#exposeMask ~ img {
	display: none !important;
}

.tooltip-link:hover {
	cursor: default;
}

.tooltip {
	display: none;
	background-color: #fff;
	color: #000;
	font-size: 10pt;
	width: 200px;
	padding: 10px;
	border: 1pt solid #333;
}

#billing-terms-buttons {
	padding-top: 20px;
}

label.error {
	display: inline-block;
	color: #f00;
	padding: 4px;
	font-style: italic;
}

.ui-widget-overlay {
	background: #000;
}

/* display/hide sections */
table.formShipping {
	display: none;
}

.todo {
	background-color: #ff8a00;
	border: 1px solid red;
}