/* This stylesheet is used to style the public-facing components of the plugin. */

/* General Purpose Styles */
.right {
	float: right;
}
.left {
	float: left;
}

.inline-block{
	display: inline-block;
}
.half {
	width: 42.9%;
}
.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 3px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 3px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 3px; 
}


/* Form styles */
.calc-form{
	clear: left;
	float: left;
	width: 30%;
}

form.idealforms.calc-form .field {
	clear: left;
	float: none;
	padding: 0.5em 0em;
	width: auto;
}
.calc-form .field .block-label{
	display: block;
}
.calc-form .group.field .block-label{
  display: inline-block;
  height: 3em;
  float: left;
}


.calc-form .field .inline{
	display: inline-block;
	width: 7em;
}
.calc-form .field input[type=text],
.calc-form .field textarea
 {
	background-color: #fff;
	color: #000;
	padding: 0.25em;
	width: 95%;
}

.calc-form .field textarea{
	height: 4.5em;
}
.calc-form .field .highlight {
	font-weight: bold;
}
.calc-form .field span {
	line-height: 1.5em;
	margin: 0em;
}
.calc-form .field label {
	display: inline-block;
	width: 39%;
}

.calc-form .group input{
	clear: none;
	width: auto;
}


.pop-up {
	width: auto;
	overflow: hidden;
}
.pop-up  ul{
	list-style-type: none;
}

.calc-form .hidden,
.quote-form .hidden{
	display: none;
}


/* default map size */
.quote-form{
    border-radius: 6px;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.1);
    margin-bottom: 2em;
    padding: 1em;
    width: 100%;
}

.quote-form fieldset.quote-fields.block {
	display: block;
	margin-bottom: 0;
	width: 100%;
}
.quote-form fieldset.search-fields,
.quote-form fieldset.quote-fields,
.quote-form fieldset.options-fields {

}
fieldset.map-ctr{
	width: 100%;
}
.quote-form fieldset.map-ctr{
	float: right;

}
.quote-form fieldset.order-form{
	clear: none;
	display: inline-block;

}
.quote-form legend {
	font-size: 1.25em;
	display: block;
}
.quote-form fieldset {
	width: 100%;
    clear: left;
}
.quote-form.calc-form .field label{
	clear: left;	
	font-weight: bold;
}
.quote-form.calc-form .field label.radio{
	clear: none;
	font-weight: normal;
	display: inline;
	padding: 0 !important;
	text-align: left;
	width: 10em;
}
.quote-form.calc-form .field label.checkbox{
	clear: none;
	display: inline-block;
	padding: 0 !important;
}
.send-package-form-hdr{
	display: block;
	clear: both;
}

.quote {
	font-size: 2em;	
}

.quote label{
	display: inline-block;
	margin-top: 0.5em;
	text-align: right;
	width: 38%;
}

.buttons {
	clear: both;
	padding-top: 2em;
	text-align: center;
}

.buttons span {
	font-weight: bold;
	padding: 2em;
}

form.idealforms .failure,
form.idealforms .success,
form.idealforms .progress {
	clear: left;
	text-align: center;
	font-weight: bold;
	padding-top: 1em;
}
form.idealforms .failure h3,
form.idealforms .success h3{
	margin-bottom: 1em;
}
form.idealforms .progress {
	font-size: 1.5em;
}

form.idealforms input{
	background-color: #fff;
}
form.idealforms .group,
form.idealforms .error{
  	color: #fff;
}
form.idealforms .group {
	padding: 0em;
}
form.idealforms .error {
	display: none;
	left: 105%;
	top: 100%;	
}

form.idealforms .field .icon{
	top: 100%;
	left: 95%;
}
#ui-datepicker-div.ui-datepicker{
	background-color: #fff;
	z-index: 1000 !important;
	padding: 0.25em;
  	color: #000;
  	border: solid 1px #666;	
}
.ui-datepicker-calendar a {
	color: #333;
}

form.idealforms .ideal-radio.checked.focus{
	background-position: -40px bottom;
}
form.idealforms .ideal-check.checked.focus {
	background-position: -40px 0px;
}
/* mobile */

 /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	.quote-form {
		box-shadow: none;
		padding: 0 0 3em 0em;
	}

	.quote-form fieldset,
	.quote-form fieldset.order-form {
		clear: both;
		float: none;
		width: 100%;
	}

	.quote-form fieldset.search-fields, 
	.quote-form fieldset.quote-fields,
	.quote-form fieldset.options-fields{
		float: none;
		width: 100%;
	}

	.quote-form fieldset.search-fields{
		margin-bottom: 0;
	}

	.quote-form legend {
		margin: 0 0 1em 0;
	}
	.quote-form.calc-form .field label {
		clear: left;
		float: none;
		margin: 0;
		text-align: left;
		width: 100%;
	}

	.calc-form .field input[type=text], .calc-form .field textarea {
		width: 100%;
	}

	.quote-form.calc-form .field label.radio {
		display: inline-block;
	}

	form.idealforms .group,
	.calc-form .field {
		  padding: 0em 0em 1em 0em;
	}

	.quote-form fieldset.map-ctr {
		width: 100%;
	}

	.half {
		width: 100%;
	}

	.quote label {
		text-align: left;
	}

	.buttons span {
		padding: 1em;
	}

}

form.idealforms select {
	padding: 0.25em;
}
form.idealforms select option{
	background-color: #fff;
	color: #000;
}