/* ////////////////// Google Map and Results Table Styles /////////////////////  */ 



/* Form and Buttons */
button, input[type=submit], input[type=reset],input[type=button] { 
	border: 0; display: inline-block; font-size: 12px; font-weight: normal; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-bottom: 20px; margin-left: 0; line-height: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; 
}

input[type=text], input[type=password], input[type=email], textarea, select { 
	border: 1px solid #ccc; outline: none; 
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; 
	width: 230px; max-width: 100%; display: block; background: #f9f9f9; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 0 20px; padding: 6px 4px;
}
input.inline { display: inline-block; }
label, legend { display: block; font-weight: bold; font-size: 13px; }
label span, legend span { font-weight: normal; font-size: 13px; color: #444; }

/* Table Resets */
/*table caption { text-align: left; }
table th, table td { 
	padding-left: 6px; padding-right: 6px; line-height: 21px; border: 1px solid #ddd; text-align: left; vertical-align: middle;
}*/


/* alert boxes */
.alert { 
	font-size: 12px;
	padding: 10px 20px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	margin: 0 auto 30px auto;
	border: 2px solid #669933;
	text-align: center;
}

.alert p { color: #669933; padding: 0; margin: 0; }
.alert p span { height: 20px; padding: 0; margin: 10px 0 0 0; line-height: 0; font-size: 25px; display: block; float: left; }
.alert.info { background: #eee; border-color: #bbb; }
.alert.success { background: #dbfac9; border-color: #9fcc85; }
.alert.notice { background: #fff8be; border-color: #33CCFF; }
.alert.error { background: #ffd7c9; border-color: #e29980; }
.message input { font-size: 14px !important; color: #00cc66 !important; border-radius: 5px; -webkit-border-radius: 5px; }

/* tooltip */
.tooltip:before { z-index: 13; position: absolute; content: "\00a0"; display: none; width: 0; height: 0; top: 24px; left: 3px; opacity: .9; border-color: transparent transparent #222; border-style: solid; border-width: 5px; }
.tooltip:hover:before { display: block; }
.tooltip:hover { z-index: 10; position: relative; }
.tooltip:after { content: attr(tip); display: none; position: absolute; top: 10px; left: -20px; background: #222; color: #fff; opacity: .9; text-align: center; line-height: 16px; min-width: 40px; width: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; font-weight: normal; text-indent: 0; margin: 1em 0 3em; padding: 4px 5px 5px; }
.tooltip:hover:after { display: block; font-size: 11px; margin: 24px 0 0 10px; }

.full-width.overlay { position: absolute; z-index: 2000; }

/* Map Search Form */

.map-search-form { position: relative; z-index: 5000; bottom: 0; margin: 0; padding: 20px 0; overflow: hidden; background: rgba(242,247,255,0.7); }
.map-search-form .search-group { display: table; }
.map-search-form .col { padding: 0; }
.map-search-form .search-group label { margin: 0 0 10px 0; font-size: 14px; color: #124A97; display: block; }
.map-search-form .search-group div { padding: 0; float: left; margin: 0 0 15px 0; display: table-cell; width: 100%; }
.map-search-form .search-group div.hidden { display: none; }
.map-search-form .search-group div.wide { width: 100%; }
.map-search-form .search-group div.thin { width: 100%; }
.map-search-form .search-group div.thinner { width: 100%;}
.map-search-form .search-group div.float { float: left; width: 40%; margin-right: 10px; }
.map-search-form .search-group input, .map-search-form .search-group select { padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; display: block; width: 100%; margin: 0; }
.map-search-form .search-group .right { float: right; margin: 0; }
.map-search-form .search-group .search { font-weight: 200; text-align: center; margin: 0px 0 0 0; padding: 7px 30px 7px 10px; background: url(/img/ui/search.png) no-repeat right 10px center; background-size: 20px; background-color: #5180C0; font-family: 'Titillium Web', helvetica, arial, serif; font-weight: 400; border-radius: 100px; -webkit-border-radius: 100px; }
.map-search-form .search-group .search:hover { background-color: #124A97; }
.map-search-form .search-group div.submit button { display: block; width: 100%; float: right; color: #FFF; font-size: 14px; }

/* gmap iframe */
#gmap-iframe { display: block; }

/* Google Map Results list */
table { border-radius: 5px; -webkit-border-radius: 5px; }
table td, table th { padding: 5px; font-size: 12px; }
table td a { color: #336699 !important; }

.hide-more .imore { display: none; }

/* Google Map */

#map-canvas { width: 100%; height: 400px; }

.popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 200px; padding: 1px; text-align: left; background-color: #ffffff; background-clip: padding-box; border-radius: 0px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }

.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }

.popover-title { margin: 0; padding: 12px 14px; font-size: 16px; font-weight: bold; line-height: 18px; color: #FFF; background-color: #124A97; border-radius: 0; text-transform: uppercase; }
.popover .close { float: right; line-height: 10px; border-radius: 100px; -webkit-border-radius: 100px; margin: 0; padding: 8px 7px; font-size: 16px; margin: -3px -5px 0 0; background: #5180C0; color: #FFF; }

.popover-content { padding: 9px 14px 14px 14px; }
.popover-content p { margin-bottom: 5px; }
.popover-content p a { font-size: 14px; color: #00A2D7; }
.popover-content p a:hover { color: #124A97 !important; }

.popover > .arrow,
.popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover > .arrow { border-width: 11px; }
.popover > .arrow:after { border-width: 10px; content: ""; }
.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; }
.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; }

.popover p.email { background: url(/gmap/assets/imgs/icon-email.png) no-repeat left center; background-size: 25px; padding: 6px 0 6px 35px; margin: 0; }
.popover p.email a { color: #666; text-decoration: none; font-size: 14px !important; }

.popover p.website { background: url(/gmap/assets/imgs/icon-website.png) no-repeat left center; background-size: 25px; padding: 6px 0 6px 35px; margin: 0;  }
.popover p.website a { color: #666; text-decoration: none; font-size: 14px !important;  }

.popover p.phone { background: url(/gmap/assets/imgs/icon-phone.png) no-repeat left center; background-size: 25px; padding: 6px 0 6px 35px; margin: 0;  }
.popover p.phone a { color: #666; text-decoration: none; }

/* Results Table */
table { width: 100%; border-collapse:collapse; clear: both; font-size: 14px; color: #666; font-family: 'Titillium Web', helvetica, arial, serif; font-weight: 400; }
table th { padding: 12px; text-align: left; font-size: 12px; background: #5180C0; color: #FFF; font-weight: bold; text-transform: uppercase; }
table td { padding: 12px; font-size: 12px; vertical-align: middle; line-height: 16px; }
table td a { color: #FF6600; text-decoration: none; }
table td a:hover { color: #29ABE2; }

table.order td { width: 50%; }
table.order3 td { width: 15%; }

table.blank th { border: none; padding: 10px; margin: 0; font-weight: normal; }
table.blank td { border: none; padding: 10px; margin: 0;  }
table.blank input, table.blank select { margin: 0 0 10px 0; width: auto !important; }

table tr:nth-child(even) { background: #f6f6f6 !important; }

/* Warning Popup */

#warning { padding: 20px; max-width: 500px; }
#warning h4 { font-size: 30px; line-height: 35px; color: #333; font-weight: bold; text-align: center; margin: 0 0 20px 0; }
#warning p { font-size: 20px; line-height: 28px; text-align: center; }

.hide-on-mobile { display: none !important; }



/* ////////////////////////////////  bigger than mobile version //////////////////////////////// */

@media screen and (min-width: 480px) {
	

	
	
}

/* //////////////////////////////// ipad mini or galaxy note version //////////////////////////////// */  

@media screen and (min-width: 480px) and (max-width: 768px) {



}

/* //////////////////////////////// ipad portrait version //////////////////////////////// */

@media screen and (min-width: 768px) {

	#map-canvas { }

	.popover { width: 400px; }

	.map-search-form { position: absolute; width: 100%; }
	.map-search-form .search-group div { margin-right: 10px; }
	.map-search-form .search-group div.wide { width: 45%; }
	.map-search-form .search-group div.thin { width: 15%; }
	.map-search-form .search-group div.submit { margin-top: 23px; right: 0; }
	.map-search-form .search-group div.submit button { float: right; }

	table td, table th { padding: 15px; font-size: 14px; }
 
}

/* //////////////////////////////// full wide version //////////////////////////////// */ 

@media screen and (min-width: 960px) {

	#map-canvas { width: 100%; height: 800px; }

	.popover { width: 400px; }

}