/* 
=== View Profile Modal ===
=== April 30, 2014 ====
=== www.geo-blue.com ===
*/

/* #Modal Styles
================================================== */
.modal{
	width:100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	left:0;
	top:0;
	background: url("/assets/images/misc/overlay-bkgd.png") repeat 0 0 scroll;
	overflow: hidden;
}

.modal p.loadingContent{
	text-align: center;
	font-size: 125%;
	color: #fff;
	line-height: 200%
}

/* ---------------------------------------------------*/
/* --------------->>> Quote Form <<<------------------*/
/* ---------------------------------------------------*/
#contactForm input#abc {
	position:absolute;
	z-index:-1;
	margin-top:10px;
}
#quotePopupModal {display:none;}
#quotePopupModal .quotePopupBox {
    box-sizing: border-box;
	position:fixed;
	overflow-y: auto;
	height: 75%;
	top: 20%;
	max-height: 565px;
	left:50%;
	width:536px;
	margin:0 0 0 -245px;	
	padding:20px;
	border:1px solid #c9eef7;
	background:#ffffff;
	box-shadow:0px 2px 3px rgba(0,0,0,0.5);
}
.quotePopupBox {position:relative;z-index:0;}
.quotePopupBox .hidden {display:none;}
.quotePopupBox #closeX {
	position:absolute;
	top:5px;
	right:5px;
	height:20px;
	width:20px;
	background:url('/assets/images/icons/x_sprite.png') center top no-repeat;
}
.quotePopupBox #closeX:hover {background-position:center -20px;}
#contactForm {
    box-sizing: border-box;
	margin:15px 10px 10px 10px;
	position:relative;
	display: inline-block !important;
}
#quotePopupBox .message.smaller, #quotePopupBox .messageError.smaller {
	width:475px;
	display:none;
    margin-bottom: 0;
    box-sizing: border-box;
    padding: 10px;
}
#quotePopupBox .message.smaller.alert, #quotePopupBox .messageError.smaller.alert {display:block;}
#quotePopupBox .messageError p {font-size:12px;color:#BF0003;border-color:#8e0002;margin-bottom:0;padding-bottom:0;}
#contactForm form {
    display: inline-block;
    box-sizing: border-box;
    width:100%; 
    padding: 5px 0;
}
#contactForm .colOne, #contactForm .colTwo {
	width:227px;
	float:left;
}
#contactForm .colOne {}
#contactForm .colTwo {margin-left:20px;}
#contactForm .topDiv {margin-bottom:20px;}
#contactForm input, #contactForm select, #contactForm textarea {
	padding:7px;
	width:460px;
	box-shadow:0px 1px 2px rgba(0,0,0,0.2) inset;
	border:1px #CCCCCC solid;
	margin:0.5em 0px;
}
#contactForm input {height:16px;}
#contactForm select {height:32px;}
#contactForm .required {background:url('/assets/images/icons/requiredIcon.png') 452px 8px no-repeat;}
#contactForm input:focus, #contactForm select:focus, #contactForm textarea:focus {border-color:#555555;}
#contactForm input.required:focus, #contactForm select.required:focus {
	background:url('/assets/images/icons/requiredIcon2.png') 452px 8px no-repeat #fff;
}
#contactForm input.requiredField, #contactForm select.requiredField {background:url('/assets/images/icons/requiredIcon3.png') 452px 8px no-repeat #FFF3F3;}
#contactForm input#zipCode {background-position:204px 8px;}
#contactForm select#groupSize, #contactForm select#tripType {background-position:180px 8px;}
#contactForm select {
	padding:6px;
	width:228px;
}
#contactForm select.notSelected {color:#919191;}
#contactForm select.notSelected:focus {color:#000;}
#contactForm input.columnInput {
	width:212px;
}
#contactForm label {display:none;}
#contactForm textarea.notes {
	height:60px;
	font-size:110%;
}
#contactForm input#idField {display:none;}
#contactForm .closeFormButtonDiv {
	margin-top:14px;
	width:190px;
}
#contactForm a.btn {text-decoration:none;}
#contactForm a div.button,
#contactForm input.button {
	box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 5px 4px;
    border-radius:3px;
    text-transform:uppercase;
    font-size: 15px;
    font-weight: bold;
    background: #009ea0;
    color: #fff;
    box-shadow: none;
    text-align: center;
}
#contactForm a div.button {
    margin: 0.5em 0;
    border:1px #ccc solid;
    background-color: #888;
}
#contactForm input.button:hover {background:#dda420;}
#contactForm a div.button:hover {background:#999;}
#contactForm input.button.disabled:hover {
	background:#e37925;
	cursor:default;
}
.smLink {
	padding:5px;
	padding-top:15px;
}
.closeForm {cursor:pointer;}
#contactForm .requiredField {
	border-color:#E70003;
	background-color:#FFF3F3;
}
#indQuoteFormSubmitted .closeFormButtonDiv {
	margin:15px auto 0px auto;
	width:190px;
}