/**
 * PSMRC ShopSuey order form
 */

/* order form */
form#ShopSuey-storefront-order {
	width: 1240px;
	margin-left: -20px;
	
	/* I have no idea why this needs to be offset 20px to the left... but it does */
}

	/* shipping note container */
	form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons > div.totals.note.show {
		width: 420px;
		
		background-color: rgba(230,230,230,.98);
		border: 10px solid #D8CDBC;
	}

	/* alterations to shipping note */
	form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons > div.totals.note.show > span {
		font-family: Corbel, Calibri, Arial;
		font-size: 18px !important;
		line-height: 1.5;
	}

	/* buttons and totals */
	form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons {
		display: block;
		width: 500px;
	}
	
		/* submit button */
		form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons a.button {
			display: inline-block;
			width: 480px;
			padding: 10px;
			margin: 10px -7px 0px 0px;
			text-align: left;
			
			background: #D8CDBC;
			border: 1px solid rgba(0,0,0,.35);
		}
			form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons a.button:active {
				color: white;
				text-shadow: none;
				background: #b29d7c;
			}
			
			form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons a.button > i.fa {
				float: right;
				width: 35px;
				text-align: center;
				margin-left: 5px;
			}
			
		/* separated button */
		form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons a.button.separate {
			margin-top: 25px;
		}
		
	/* general entryerror container for payment info */
	form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons > .ccfields > .EntryError {
		font-size: 18px;
		margin-bottom: 15px;
	}
		
	/* "copy order into to CC" link */
	form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div.buttons #cc-copy {
		display: inline-block;
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: bold;
	}
			
	/* StorePolicies */
	form[id^="ShopSuey-storefront-"]:not(#ShopSuey-storefront-cart) > div#StorePolicies {
		margin-top: 25px;
		font-size: 18px;
		line-height: 1.5;
	}

	
		/* payment terminal form override for form fields */
		form#ShopSuey-storefront-payment-terminal div.fields > div > input,
		form#ShopSuey-storefront-payment-terminal div.fields > div > textarea,
		form#ShopSuey-storefront-payment-terminal div.fields > div > select {
			background: linear-gradient(left, rgba(200,200,200,.5) 0px, rgba(200,200,200,.5) 110px, rgb(100,100,100) 111px, white 112px, white) !important;
			background: -moz-linear-gradient(left, rgba(200,200,200,.5) 0px, rgba(200,200,200,.5) 110px, rgb(100,100,100) 111px, white 112px, white) !important;
			background: -webkit-linear-gradient(left, rgba(200,200,200,.5) 0px, rgba(200,200,200,.5) 110px, rgb(100,100,100) 111px, white 112px, white) !important;
			background: -o-linear-gradient(left, rgba(200,200,200,.5) 0px, rgba(200,200,200,.5) 110px, rgb(100,100,100) 111px, white 112px, white) !important;
			background: -ms-linear-gradient(left, rgba(200,200,200,.5) 0px, rgba(200,200,200,.5) 110px, rgb(100,100,100) 111px, white 112px, white) !important;
		}
		
		/* payment terminal form overrides and properies for submit button */
		form#ShopSuey-storefront-payment-terminal > div.buttons {
			display: block !important;
			text-align: center !important;
			width: 100% !important;
		}
		
		form#ShopSuey-storefront-payment-terminal > div.buttons > a.button {
			display: inline-block !important;
			width: 80% !important;
			margin: 10px !important;
			text-align: center !important;
			cursor: pointer;
		}

/* jquery UI dialog */
.ui-dialog {
	
}

	.ui-dialog-title, .ui-dialog-content,
	.ui-dialog .ui-button {
		font-size: 15px;
	}