/* Mail-a-friend extras ----------------------------------------------------------- */
/* Version 2 ----------------------------------------------------------- */
/* These values need to integrated within the javascript pop-up module/add-on chosen by indivirtual. Many of the values here will be generated automatically by the javascript file and so feel free to use that which is necessary to achieve the same effect as shown in the screen shot.  */
#contact-overlay { opacity: 0.7; background-color:#163b68; height: 100%; width: 100%; position:fixed; left:0px; top:0px; z-index: 1001; font-family:HelveticaNeueLT-Roman, HelveticaNeue-Roman, Helvetica, Arial, Calibri, Corbel, Verdana, sans-serif;}
	* html #contact-overlay { filter: alpha(opacity='70');  position:absolute; bottom:0px; left:0px;  height: expression( document.body.clientHeight );}
	*+html #contact-overlay { filter: alpha(opacity='70');  position:absolute; bottom:0px; left:0px;  height: expression( document.body.clientHeight );}

#contact-container { position: fixed; z-index: 1002; left:50%; top:50%; }
	* html #contact-container { position:absolute; left:50%; top:50%; }
#FormPanel {position:relative; width:500px; height:29em; min-height:320px; left:-250px; top:-170px; background-color:#ffffff; border:1px solid #163b68; border-top:none;  }
fieldset {border:0 none; margin:0; padding:0;}
a.modalCloseX { background-color:#163b68; color:#fff; display:block; text-align:right; padding:4px 7px; border-top:1px solid #a4b0be;}
	* html a.modalCloseX { height:1px; position:relative; width:500px; top:0; left:0; background:#163b68 !important;}

a.modalCloseX:hover {  border-top:1px solid #a4b0be;}
.contact-content { padding:25px; font-family:HelveticaNeueLT-Roman, HelveticaNeue-Roman, Helvetica, Arial, Calibri, Corbel, Verdana, sans-serif; text-align:left;} 
.contact-title {font-size:145%; color:#637a97; line-height:1.45em; margin:0 0 6px 0;}
.contact-message input.hidden {display:none;}
.contact-message label {clear:left; float:left; margin:3px 0; padding:0 0 0 8px; display:block; width:175px; height:21px; line-height:21px; background-color:#eaecf0; border:1px solid #bdc6d1; border-right:1px solid #f2f5fb; }
.contact-message input {float:right; margin:3px 0; padding:4px 0 3px 8px; display:inline; min-height:16px;width:256px; background:#eaecf0 url(/Images/input-wide.png) no-repeat 0 0; border:none; color:#163b68; border-right:1px solid #bdc6d1; font-family:Arial, Calibri, Corbel, Verdana, sans-serif; font-size:100%;}
	* html .contact-message input {padding:4px 0 3px 8px; height:16px;}
.contact-message .textarea-wrp {float:right; display:inline; margin:3px 0; height:55px; width:265px; background:#eaecf0 url(/Images/textarea-rows3.png) no-repeat 0 0;}
.contact-message textarea {float:left; display:inline; padding:4px 0 3px 8px; height:48px; width:256px; background:transparent none; border:none; color:#163b68; border-right:1px solid #bdc6d1; overflow:auto; font-family:Arial, Calibri, Corbel, Verdana, sans-serif; font-size:100%;}
.contact-message button.contact-button {border:none; margin:15px 0 15px 0; font-size:118%; cursor:pointer; text-align:left; width:110px; line-height:23px; height:23px; padding:3px 0 3px 8px; background:#163b68 url(/Images/arrow4.png) no-repeat 100% 1px; color:#fff; font-family:HelveticaNeueLT-Bold, HelveticaNeue-Bold, Helvetica, Arial, Calibri, Corbel, Verdana, sans-serif; }
	* html .contact-message button.contact-button {line-height:13px;}
	*+html .contact-message button.contact-button {line-height:13px;}
	body:first-of-type .contact-message button.contact-button {height:23px; padding:0px 0 3px 8px; } /*for safari*/ 
.contact-message button.contact-button:hover {background:#163b68 url(/Images/arrow4.png) no-repeat 100% -41px; }
.contact-message button.contact-button:active {background:#163b68 url(/Images/arrow4.png) no-repeat 100% -84px; color:#f92b31; outline:0;}
.contact-message button.contact-send  {float:left; display:inline; clear:left;}
.contact-message button.contact-cancel {float:right; display:inline; }

div.error div {visiblity:hidden; display:none; }
div.error div.active {color:#f92b31; display:block !important; visibility:visible; clear:left; font-weight:bold; position:relative; margin-left:-26px; margin-right:-26px; padding:0 0 9px 0;text-align:center; width:500px; border:1px solid #163B68; border-top:0 none; border-bottom:0 none; background-color:#fff; }
	* html div.error div.active {margin:0px; width:450px; border:0 none; }
div.error div.active:last-child {border-bottom:1px solid #163B68;}