/* css specific to checkout process */
.checkoutHeader {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:14pt;
	color:#535353;
}

.checkoutSubHeader {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:11pt;
	color:#535353;
}

.checkoutText, .checkoutText a:link, .checkoutText a:hover, .checkoutText a:visited, .checkoutText a:active {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:9pt;
	color:#535353;
	line-height:13pt;
}

.checkoutTable td, .checkoutTable td a:link, .checkoutTable td a:hover, .checkoutTable td a:visited, .checkoutTable td a:active  {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:9pt;
	color:#535353;
	line-height:13pt;
}

.checkoutTable td a:link, .checkoutTable td a:hover, .checkoutTable td a:visited, .checkoutTable td a:active,
.checkoutText a:link, .checkoutText a:hover, .checkoutText a:visited, .checkoutText a:active
{
	color: #990033;
	text-decoration: none;
}

.checkoutTable .actionButton {
	color: #fff;
	text-decoration:none;
}

.checkoutTableHeader {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12pt;
	color:#535353;
	
}

.checkoutTable .actionButton, .checkoutTable .infoButton, .checkoutTable .blackButton, 
.checkoutTable .actionSubmit, .checkoutTable .infoSubmit, .checkoutTable .blackSubmit  {
	padding: 5px 15px;
}

input.error, select.error {
	border:1px solid #ff4040;
	
}

label.error {
	top:6px;
	background: #ff4040;
	border: 1px solid #ff4040;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	width: 250px;
	color:#fff;
}

/* arrows - :before and :after */
label.error:before {
	position: absolute;
	top: -7px;
	left: 98px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ff4040;
	border-left: 7px solid transparent;
	border-bottom-color: #ff4040;
	content: '';
}

label.error:after {
	position: absolute;
	top: -6px;
	left: 99px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ff4040;
	border-left: 6px solid transparent;
	content: '';
}

.textinput {
	height:16px;
	font-size:8pt;
}

select {
	font-size:9pt;
}

.ui-tooltip {
				padding: 10px 20px;
				border-radius: 10px;
				width:300px;
				font: 12px Verdana, Sans-Serif;
				box-shadow: 0 0 7px black;
				position:absolute;
				z-index:100;
}

.bigRadio, .bigCheckbox {
	border-radius: 16px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #999;
	box-sizing: border-box;
	height: 16px;
	margin: 3px 10px 0 0;
	transition: all 0.1s linear 0s;
	width: 16px;
	display: block;
	float: left;
	position: relative;
	z-index: 11;
}

.bigRadio:after, .bigCheckbox:after {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #fff #fff -moz-use-text-color;
    border-image: none;
    border-style: none solid solid none;
    border-width: medium 2px 2px medium;
    box-sizing: border-box;
    content: " ";
    height: 20px;
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 1px;
    transform: scale(0.7) rotate(45deg);
    transition: all 0.1s linear 0s;
    width: 20px;
}

.radio-button-label-text {
    display: block;
    line-height: 24px;
    margin-left: 30px;
    margin-top: 2px;
}

