/************************
CHECKOUT FORM
*************************/
#middle form.checkout,
#middle form.avevents {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	
}
#middle form.checkout fieldset,
#middle form.avevents fieldset {
	border: 1px solid #ccc;
    display: inline;
    float: left;
    margin-top: 15px;
    padding: 10px 4% 15px;
    width: 91%;
}
#middle form.checkout ul {
	font-size: 1em;
}
#middle form.checkout legend {
	font-size: 1.2em;
}
#middle td div.input label {
	padding-right: 0;
}
#middle td div.input input {
	margin: 0 auto;
}
form.checkout ul, form.checkout li {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
	line-height: 1em;
}
form.checkout li {
	float: left;
	clear: left;
	width: 100%;
	display: inline;
	margin: .5em 0 .5em 0;
}
form.checkout li label {
	font-weight: normal;
	display: block;
	margin: 0 0 3px 0;
}
#middle form.checkout li.textarea.notes textarea {
    font-size: 1em;
    height: 7em;
    padding: 1em;
    width: 94%;
}
form.checkout li.textarea.notes label {
	font-weight: bold;
}
form.checkout.step-review ul.left-col {
    clear: none;
    display: inline;
    float: left;
    margin: 1em 0 0;
    padding: 0;
    width: 40%;
}
form.checkout.step-review ul.right-col {
	clear: none;
    display: inline;
    float: left;
    margin: 0 0 0 4%;
    padding: 0;
    width: 55%;
}
form.checkout li.cc-exp-date {
	width: 180px; 
	float: left; 
	clear: none;
}
form.checkout li.cc-exp-date select {
	width: 5.5em;
}
form.checkout li.cc-exp-date span {
	font-weight: bold; /* the / separator */
	font-size: 3em;
	color: #999;
}
form.checkout li input,
form.checkout li select,
form.checkout textarea,
form.avevents input,
form.avevents select,
form.avevents textarea {
	font-size: 1.1em;
	padding: 10px;
	border: 1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
form.checkout li select,
form.avevents select {
	padding: 8px 10px;
	height: 2.7em;
    line-height: 2.7em;
    width: 100%;
}
form.checkout li input:focus,
form.checkout li select:focus,
form.checkout textarea:focus,
form.avevents input:focus,
form.avevents select:focus,
form.avevents textarea:focus {
	border: 1px solid #3939A0;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(57,57,160,1);
	-moz-box-shadow: 0px 0px 4px 1px rgba(57,57,160,1);
	box-shadow: 0px 0px 4px 1px rgba(57,57,160,1);
	-webkit-transition: all 1s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#middle form li.long input {
	width: 60%;
	margin: 0 0 .6em 0;
}
#middle form li.short input {
	width: 50%;
	margin: 0 0 .6em 0;
}
form li.email {
	width: 50%;
	clear: left;
	float: left;
	display: inline;
}
#middle form li.email input {
	width: 100%;
}
form li#newsletterSignupLine {
	width: 40%;
	clear: none;
	float: left;
	display: inline;
	margin: 0 0 0 40px;
}
#middle form.checkout fieldset#newsletterSignup {
	margin: 0 0 0 0;
	margin-top: .6em;
	position: relative;
	padding: 0;
	background-color: #e0e0e0;
}
#middle form.checkout fieldset#newsletterSignup input {
	position: absolute;
	top: 33%;
	left: 15px;
}
#middle form.checkout fieldset#newsletterSignup label {
	display: inline;
    float: left;
    line-height: 1.2em;
    margin: 10px 0 10px 45px;
}
form li.city {
	width: 160px;
	clear: left;
}
form li.state {
	width: 150px;
	margin: .5em 0 .5em 1.3em;
	clear: none;
}
form li.zip {
	width: 120px;
	margin: .5em 0 .5em 1em;
	clear: none;
}
form li.zip div.error-message {
	width: 1000px;
}
#middle form li.zip label, #middle form li.state label, #middle form li.city label {
	padding: 0;
}

/*
 *	FIELDSET STYLING
 */
 
#middle form.checkout > fieldset {
    border: 1px solid #CCCCCC;
    position: relative;
}
#middle form.checkout fieldset.saui-noborder {
	border: 0;
	margin: 2em 4% 1em;
    padding: 0;
    text-align: left;
    width: 90%;
}
#middle form.checkout fieldset legend {
    color: #777;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 5px 5px;
}
#middle .avorders input, #middle .avorders textarea {
	margin-bottom: 0;
}

/*	
 * 	DEFAULT NESTED FIELDSET STYLING 
 */

#middle .avorders fieldset fieldset {
    border: 1px solid #C0C0C0;
    margin-top: 15px;
    padding: 0 0 16px 15px;
    width: 58%;
}
#middle .avorders fieldset fieldset legend {
    color: #444444;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 0 5px;
}



div#middle h2.checkout {
    font-size: 0.9em;
	margin: 20px 0 0 0;
}

/*******************************
** AVEVENTS SIGNUP FORMS
*******************************/
div#middle form.avevents div {
	clear: none;
	float: left;
	display: inline;
	margin: 1em 3em 1em 0;
	padding: 0;
}
div#middle form.avevents div.error-message {
	margin: 0;
	clear: left;
	margin: 2px 0 0;
    padding: 0 0 0 44px;
}
div#middle form.avevents div label {
	clear: none;
	float: left;
	display: inline;
	margin: 0 0 3px 0;
	padding: 0;
	width: auto;
}
div#middle form.avevents div input,
div#middle form.avevents div select {
	clear: left;
	float: left;
	display: inline;
	margin: 0;
	width: auto;
}
div#middle form fieldset fieldset legend {
	font-size: 1.2em;
}
div#middle form fieldset#registration-deposit {
	clear: both;
	float: left;
	display: inline;
	padding: 15px 4%;
    width: 91%;
}
form.avevents fieldset#registration-deposit div.input {
	margin-top: 0;
}
form.avevents fieldset#registration-deposit div.checkbox label {
	margin: 0 0 0 5px;
	color: #000;
}
form.avevents fieldset#registration-deposit div.checkbox p.smallText {
	clear: both;
    display: inline;
    float: left;
    margin: 1em 0 0;
}

a#other-amount {
	color: #666666;
    left: 2em;
    position: relative;
    top: -0.3em;
}
div#middle ul#wizardSteps {
    margin: 0;
    width: 700px;
	font-size: 1em;
}

div#middle ul#wizardSteps li {
    float: left;
    list-style: none outside none;
    margin: 0 5px 20px 0;
	font-size: .8em;
}

div#order-overview {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
}
div#middle div#order-headings {
    clear: both;
    margin: 0;
    padding: 0;
    float: left;
	display: inline;
	width: 100%;
	position: relative;
}
div#middle div#order-headings div.submit {
	float: right;
	width: auto;
	position: absolute;
    right: 0;
    top: -1em;
}
div#middle div#order-headings p {
	display: none;
}

div#middle div.order-item {
    clear: both;
   	border: 0;
   	border-top: 1px solid #AEAEAE;
    margin: 15px 0 0 0;
    padding: .5em 0 0 0;
    float: left;
	display: inline;
	width: 100%;
}
div#middle .reviewOrder div.order-item {
	border-top: 0;
} 
div#middle div.order-item > div {
	float: left;
	display: inline;
	width: auto;
	clear: none;
}

div#middle div.item-quantity label {
    width: auto;
}
div#middle div.item-quantity input {
    max-width: 50px;
    min-width: 50px;
    text-align: center;
    width: 50px;
}

div#middle div.order-item div.item-image,
div#middle div.order-item div.item-quantity,
div#middle div.order-item div.item-unitprice,
div#middle div.order-item div.item-update {
    display: none;
}

div#middle div.item-name {
    color: #333333;
    font-size: 2em;
    margin: 0;
    font-weight: bold;
}

div#middle div.item-totalprice {
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0 0 0 3em;
}

div#middle div.item-remove {
    line-height: 2.6em;
    margin: 0 0 0 30px;
}
form#paymentForm > p {
    float: left;
    margin: 20px 0 30px;
}
div#middle form#paymentForm h2 {
    float: left;
    font-size: 1.5em;
    margin: 50px 0 10px;
}
div#middle form#paymentForm div.input.textarea {
    float: left;
    margin: 0 0 0 20px;
    width: 678px;
	clear: none;
}
div#middle form#paymentForm div.textarea textarea {
    margin: 0;
    max-width: 641px;
    min-width: 641px;
    width: 641px;
}
div#middle form#paymentForm fieldset h2 {
    float: left;
    font-size: 1.3em;
    line-height: 7em;
    margin: 0;
}

/* CALENDAR */
table#dispCalendar {
    width: 100%;
}

table#dispCalendar tr th {
    background-color: #FEFEFE;
    border: 1px solid #AEAEAE;
    text-align: center;
}

table#dispCalendar tr td {
    background-color: #FAFAFA;
    border: 1px solid #AEAEAE;
    text-align: center;
}

table#dispCalendar tr td.calToday {
    background-color: #FFFFFF;
}

table#dispCalendar tr td.outofmonth {
    background-color: rgba(255, 0, 0, 0.1);
    color: #666666;
}

div#middle > p > a[href="/avevents"] {
    margin: 0 5px;
}

/* CONFIRMATION FORM */
form#paymentForm table {
    width: 100%;
}

form#paymentForm table tr th, form#paymentForm tr td {
    padding: 0 5px;
    border: 1px solid #AEAEAE;
}

form#paymentForm table tr th {
    background-color: #FEFEFE;
}

form#paymentForm table tr {
    background-color: #EEE;
}

form#paymentForm table tr.altrow {
	background-color: #F5F5F5;
}

td#avorderTotal {
    text-align: right;
}

div#middle ul.avorderTotal {
    margin: 0;
    padding: 5px 0;
}

.grandtotal {
    border-bottom: 1px dashed #333333;
    color: #333333;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 0 0 5px;
}

.grandtotal span {
	padding: 0 5px 0 0;
}

/*****************************
**** PARTICIPANT INFO
******************************/
h2#find-more-link {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
}
h2#find-more-link a {
	color: #3939a0;
	font-weight: normal;
	text-transform: none;
	text-decoration: underline;
}
h2#find-more-link a:hover {
	color: #000;
	text-decoration: none;
}
/* base rules */
div#middle div.avorders-particpants {
    clear: left;
    float: left;
    display: inline;
    margin: 5px 0 40px 0;
    padding: 0;
    width: 100%;
}
div#middle div.avorders-particpant {
    float: left;
    display: inline;
    width: 100%;
    margin: 0;
    padding: 0;
}
div#middle div.avorders-particpant span.avorders-particpant-link  {
	font-weight: bold;
	font-size: .7em;
	letter-spacing: .05em;
}
div#middle p.avorders-particpant {
	position: relative;
	float: left;
	width: 26%;
	display: inline;
	clear: none;
}
/* theme rules */
div#middle p.avorders-particpant {
	background-color: #c7deeb;
	border: 1px solid #406b85;
	padding: 40px 20px 20px 20px;
	margin: 10px 10px 0 0;
	color: #00395c;
	min-height: 100px;
}
div#middle p.avorders-particpant.add {
	border: 0;
	background-color: #e0e0e0;
    color: #999;
	padding: 0px;
	margin: 10px 10px 0 0;
	height: 100px;
}
div#middle p.avorders-particpant.add a {
	background-color: #e0e0e0;
    border: 1px solid #c0c0c0;
    color: #999;
	display: block;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	margin: 0;
	padding: 20px;
	text-align: center;
}
div#middle p.avorders-particpant.add a:hover {
	text-decoration: underline;
	background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
    color: #aaa;
	
}
div#middle p.avorders-particpant strong  {
	font-weight: bold;
}
div#middle p.avorders-particpant span.participant-price  {
	font-size: 1.8em;
    position: absolute;
    right: 0.8em;
    top: .3em;
}
div#middle p.avorders-particpant span.participant-paidtoday  {
	display: block;
	font-size: .5em;
	text-align: center;
}
div#middle p.avorders-particpant a {
	color: #00395c;
}
div#order-totals {
    clear: both;
    display: block;
    font-size: 1.8em;
    margin: 0 0 20px;
    padding: 40px 0 0;
    width: 100%;
}
/* FLASH */
div#flashMessage, form#paymentForm.avorders p.errors {
    background-color: #A8C9DC;
    border-radius: 3px;
    color: #00395C;
	float: none;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
}
div#flashMessage a {
    color: #00395C;
}
/* Checkboxes */
div.select .checkbox {
    float: left;
    margin: 0 20px 0 0;
}

div.select .checkbox label {
    display: inline;
    margin: 0;
}

/* Update Cart Button */
div#order-totals .submit input#updateCart {
    color: #333333;
    font-size: 0.55em;
    font-weight: normal;
    margin: 3px 0 0;
    padding: 7px 12px;
}
div#order-totals .submit input#buttonContinue {
    font-size: 0.73em;
}
/* Review Page */
form#paymentForm td h3 {
    font-size: 1.2em;
    line-height: 1.8em;
    margin: 0;
}

form#paymentForm td ul {
    list-style: none outside none;
    margin: 0 0 0 35px;
}

form#paymentForm ul.avorderTotal {
    float: right;
    width: 225px;
	padding: 5px 0 5px 5px;
	border-left: 1px solid #AEAEAE;
}

form#paymentForm .grandtotal {
    border: medium none;
    margin: 0;
    padding: 5px 0;
    text-align: left;
}

form#paymentForm p.errors, div#middle p.errors {
    background-image: url(/theme/mainehoops/img/template/form-error-large.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color: #000;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    margin: 20px 0;
    padding: 0 0 0 90px;
}

div#middle form#paymentForm fieldset.saui-noborder div.input.textarea {
    width: 653px;
}

div#middle form#paymentForm fieldset.saui-noborder div.input.textarea textarea {
    max-width: 640px;
    min-width: 640px;
    width: 640px;
}

form#paymentForm td ul li {
    margin: 0 0 10px;
}

form#paymentForm fieldset.saui-noborder div.submit input {
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 22px;
}

/* Extras */
div#middle form.checkout p.instructions,
div#middle form.avevents p.instructions  {
	top: 0px;
}
div#middle p.avorders-particpant span.participant-email {
    color: #00395C;
	display: block;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px;
}

div#order-totals div.submit {
    float: none;
    margin: 0;
}

div#middle div.avevents-registration ul {
    float: left;
    margin: 0;
}

div.avorders-particpants h3 {
    margin: 0 0 -5px 0;
}

/* REVIEW */
div#middle div.submit.review input {
    margin: 8px 5px;
}
#middle form.checkout div.submit,
#middle form.avevents div.submit {
	clear: both;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 0 2em;
    position: static;
    top: auto;
    width: 100%;
}

#middle form.avevents div.submit {
	margin: 1em 0;
}
/* generic, less important buttons */
#middle form.checkout div.submit input,
#middle form.avevents div.submit input {
	margin: 0 2px 0 2px;
	border : solid 2px #ffffff;
	border-radius : 5px;
	moz-border-radius : 5px;
	-webkit-box-shadow : 0px 3px 4px rgba(0,0,0,0.5);
	-moz-box-shadow : 0px 3px 4px rgba(0,0,0,0.5);
	box-shadow : 0px 3px 4px rgba(0,0,0,0.5);
	font-size: 1.1em;
    letter-spacing: 0.03em;
	color : #555;
	padding : .4em 1.2em;
	background : #dbdbdb;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#a8a8a8));
	background : -moz-linear-gradient(top, #dbdbdb 0%, #a8a8a8 100%);
	background : -webkit-linear-gradient(top, #dbdbdb 0%, #a8a8a8 100%);
	background : -o-linear-gradient(top, #dbdbdb 0%, #a8a8a8 100%);
	background : -ms-linear-gradient(top, #dbdbdb 0%, #a8a8a8 100%);
	background : linear-gradient(top, #dbdbdb 0%, #a8a8a8 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#a8a8a8',GradientType=0 );

}
#middle form.checkout div.submit input.button-continue,
div#middle div.submit.review input#buttonContinueTop, 
form#paymentForm fieldset.saui-noborder div.submit input#buttonContinue,
#middle form.avevents div.submit input {
	font-size: 1.3em;
	color : #ffffff;
	background : #3939a0;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3939a0), color-stop(100%,#0a3e66));
	background : -moz-linear-gradient(top, #3939a0 0%, #0a3e66 100%);
	background : -webkit-linear-gradient(top, #3939a0 0%, #0a3e66 100%);
	background : -o-linear-gradient(top, #3939a0 0%, #0a3e66 100%);
	background : -ms-linear-gradient(top, #3939a0 0%, #0a3e66 100%);
	background : linear-gradient(top, #3939a0 0%, #0a3e66 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#3939a0', endColorstr='#0a3e66',GradientType=0 );

}
#middle form.checkout div.submit input:hover,
#middle form.avevents div.submit input:hover {
	cursor: pointer;
	color: #777;
	-webkit-box-shadow : 0px 3px 4px rgba(0,0,0,0.8);
	-moz-box-shadow : 0px 3px 4px rgba(0,0,0,0.8);
	box-shadow : 0px 3px 4px rgba(0,0,0,0.8);
	-webkit-transition: all 1s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
 background : #e6e6e6;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#c7c7c7));
	background : -moz-linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
	background : -webkit-linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
	background : -o-linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
	background : -ms-linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
	background : linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#c7c7c7',GradientType=0 );

}
#middle form.checkout div.submit input.button-continue:hover,
div#middle div.submit.review input#buttonContinueTop:hover, 
div#middle div.submit.review input#buttonContinue:hover,
#middle form.avevents div.submit input:hover {
	color: #FFFFFF;
	background : #4242bd;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4242bd), color-stop(100%,#3939a0));
	background : -moz-linear-gradient(top, #4242bd 0%, #3939a0 100%);
	background : -webkit-linear-gradient(top, #4242bd 0%, #3939a0 100%);
	background : -o-linear-gradient(top, #4242bd 0%, #3939a0 100%);
	background : -ms-linear-gradient(top, #4242bd 0%, #3939a0 100%);
	background : linear-gradient(top, #4242bd 0%, #3939a0 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#4242bd', endColorstr='#3939a0',GradientType=0 );
}

#middle form.checkout div.submit input.button-cancel,
#middle form.checkout div.submit input.button-update-cart {
	position: relative;
	top: -0.1em;
}


/* Form button change */
div#change-form {
    margin: 10px 0 15px 225px;
}

div#change-form a {
    font-size: 1em;
    font-weight: 100;
    text-decoration: underline;
}

div#change-form a:hover {
	text-decoration: none;
}

/* OTHERS */

.input.radio label {
    display: inline;
    width: auto;
}

form#paymentForm.avorders p.errors {
    background-position: 214px 0;
    clear: both;
    padding: 15px 10px;
    text-align: left;
}
div#avorders-receipt-email {
	clear: both;
	float: left;
	display: inline;
	width: 900px;
	margin: 20px 0px 20px 10px;
	font-size: .8em;
	
}
div#avorders-receipt-email label,
div#avorders-receipt-email input {
	line-height: 20px;
	float: left;
	display: inline;
}
div#avorders-receipt-email input {
	width: 220px;
	max-width: none;
	min-width: 0;
}
/*******************************
**	DISCLAIMER
*********************************/
#middle fieldset#disclaimer {
	font-size: .7em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0 2em;
	line-height: 1.2em;
	width: auto;
	margin-bottom: 2em;
}
#middle fieldset#disclaimer p {
	margin: .5em 0 1em 0;
}
#middle fieldset#disclaimer fieldset#agreecheckbox {
	border: 0;
	margin: 0;
	padding: 0 0 1em 1em;
}
#middle fieldset#disclaimer fieldset#agreecheckbox label {
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
    top: -2px;
    width: auto;
    margin-left: 5px;
}
/********************************
**	MINI CART IN HEADER
********************************/
div#cartTool {
	padding: 20px 40px;
	background-color: rgba(255, 255, 255, .6);
	border: 1px solid #e99e1e;
	position: absolute;
	top: 26px;
	left: 310px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}
div#cartTool h3 {
	margin: 0 0 1em 0;
	padding: 0;
	
}
div#cartTool h3 a {
	color: #e99e1e;
	border-bottom: 1px dotted #e99e1e;
}
div#cartTool h3 a:hover {
	border-bottom: 1px solid #e99e1e;
}
div#cartTool a {
	color: #000;
}