#disable_public_signup_message {
	margin:20px;
}

/*signup*/
div.extrausers {
	display:none;
}
.overlay {
	display:none;z-index:10000;width:500px;min-height:300px;background-color:#ddd;
	padding:20px 20px 20px 20px; border:1px solid #000;
	-moz-box-shadow:0 0 20px 5px #000;-webkit-box-shadow:0 0 20px #000;	
	-moz-border-radius:10px;-webkit-border-radius:10px;
}
.overlay a.close {
	background-image:url('../../scripts/javascript/jquery-tools-1_2_5/close.png');position:absolute;cursor:pointer;
	right:-15px;top:-15px;height:35px; width:35px;
}

#revealaddnewcontacts_img, #addusers_img {
    float:left;
    margin: 0 10px 10px 0;
    width: 104px;
    height: 46px;
    background-image: url('../../images/buttons/add_user_button.png');
    background-position: 0 0;
    vertical-align: middle;
}

#revealaddnewcontacts_img:hover {
    background-position: 0 100%;
    cursor: pointer;
}

/*pickup*/
.pickupbox {
	width:40%;
	border:1px solid #ccc;
	padding:5px;
	margin:10px;
	float:left;	
}
.pickupbox_title {
	font-size:1.3em;	
}
.pickupbox_break {
	clear:left;	
}
.firstchoice_selected {
	background-color:#E0FFE9;	
}
.secondchoice_selected {
	background-color:#F8FCE1;	
}
#selectPickup {
	margin:20px 10px 20px 10px;	
}

/*types*/
div.typedescription {
	font-size:.75em;
	margin:0px 0 15px 15px;	
	color:#555;
}
div.typetitle {
	font-weight:bold;
	margin-top:10px;
}
.ma_types .sfcform label {
	width:60px!important;
}
.qty_choices {
	display:none;
	padding: 0 50px;
}
.typeimage {
    max-width: 500px;
    margin: 5px 0;
}

/*checkout*/
#couponinput {
	border-width:1px 0 1px 0;
	border-color:#ccc;
	border-style:solid;
	margin:3px 106px 3px 6px;
	padding:6px 3px 6px 10px;
}
#couponinput input[type=text] {
    width:10rem;
}
#invoicetable {
	width:80%;
	border-collapse:collapse;
}
#invoicetable th {
	font-size:1.3em;
	color:#555;
	padding:5px;
	background-color:#F0F0F0;
	border-bottom:1px solid black;
}
#invoicetable td.bottombordered {
	border-bottom:1px solid #ccc;
}
#invoicetable td {
	padding:3px;
}

h2 {
	margin:10px 0;
}

#above-invoice #editorderlink {
    margin:10px 25px 10px 0px;
    padding-top:10px;
    float:right;
}
#above-invoice h2 {
    font-size:1.25em;font-weight:bold;padding-top:10px;float:left;
}
#payment-method > div.columns  {
    width:50%;
}
#dwolla-text {
    display:none;
}

/* Because checkout page has Foundation columns in ever template, define behavior here */
@media only screen and (max-width: 767px) {
    /* phones */
    #payment-method > div.columns  {
        width:100%;
    }
}

#dwolla-option, #paypal-option, #mapayments-option, #invoice-option {
    float:left;
    margin-bottom:1.25rem;
}

.sendToDwolla, .sendToPaypalForm input{
    margin-bottom:1rem;
}

/*custom*/
.customform .customtextinput {
	width:400px;
	margin-bottom:25px;
}
/*for ma pay logo*/
a.mapaybutton{
  background:url(../mapayments/images/MaPayButton.png) center top no-repeat;
  display:block;
  float:left;
  width:226px;
  height:117px;
}
a.mapaybutton:hover{background-position:center bottom;}

/*for dwolla pay logo*/
.sendToDwolla{
  background:url(../mapayments/images/dwolla-button.png) center bottom no-repeat;
  display:block;
  width:165px;
  height:42px;
  border-style: none;
  background-color: transparent;
  text-indent: 480px;    /* hack to hide the text */
}
.sendToDwolla:hover{background-position:center top;cursor: pointer;}

.box-rating {
    float:left;
}

.box-rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.box-rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.box-rating:not(:checked) > label:before {
    content: '★ ';
}

.box-rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.box-rating:not(:checked) > label:hover,
.box-rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.box-rating > input:checked + label:hover,
.box-rating > input:checked + label:hover ~ label,
.box-rating > input:checked ~ label:hover,
.box-rating > input:checked ~ label:hover ~ label,
.box-rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.box-rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

#boxrating-comment {
	width:300px;
	height:100px;
	margin-bottom:15px;
	display:block;
}

.clear-line {
	clear:both;
	margin-bottom:15px;
}