﻿@charset "utf-8";

/* V10 CONTACT PANEL STYLES */
/* Document Version 1.1 */


a.trigger{
	position: absolute;
	text-decoration: none;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	font-weight: bold;
	margin-top:68px;
	z-index:6000;
}
a.trigger{
	background:#0046ad url(../_images/contact_left_v3.png) 45% 55% no-repeat;
	height:111px;
	width:40px;
	padding:4px 10px 10px 12px;
}
	@media only screen and (max-width: 1000px) {	
		a.trigger {display:none;}
		}

	a.trigger.left {
		left: 0;
	}
	a.trigger.right {
		right: 0;
	}
	a.trigger:hover  {	background-color:#000000;	}
	a.active.trigger {	background:#666 url(../_images/contact_right_v3.png) 45% 55% no-repeat; }
	a.active.trigger:hover { background-color:#0046ad; }
	
	
.panel {
	color:#CCC;
	position: absolute;
	display: none;
	background: #000000;
	width: 590px;
	z-index:5999;
	}
	.panel.left {
		left: 0;
		padding: 20px 30px 20px 100px;
		border-bottom-right-radius: 6px;
		border-top-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		}
	.panel.right {
		right: 0;
		padding: 20px 100px 20px 30px;
		border-bottom-left-radius: 6px;
		border-top-left-radius: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-topleft: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		}
	.panel p {
		font-size:11px;
		margin-bottom:0.75em;
		}
		.panel p a {
			color:#FFF;
			text-decoration: underline;
			}
	.panel div {
		font-size:11px;
		}






/* form elements */

    #panel1 {
        min-height:400px;
    }


	#panel1 input[type="text"], #panel1 textarea, #panel1 select {
		width: 234px;
		margin-bottom:10px;
		padding: 4px 13px 4px 5px;
		border-top: 	1px solid #616161;
		border-bottom: 	1px solid #d1d1d1;
		border-left: 	1px solid #999999;
		border-right: 	1px solid #999999;
		font-family: 'Open Sans', "Trebuchet MS", Helvetica, Arial, sans-serif;
		color: #000000;
		border-radius: 			4px;
		-webkit-border-radius: 	4px;
		-moz-border-radius: 	4px;
		box-shadow: 		0 2px 3px rgba(0, 0, 0, 0.15) inset;
		-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15) inset;
		-moz-box-shadow: 	0 2px 3px rgba(0, 0, 0, 0.15) inset;
		background-color:#fff;
		-ms-box-sizing:content-box;
		-moz-box-sizing:content-box;
		-webkit-box-sizing:content-box; 
		box-sizing:content-box;	
	}
	#panel1 textarea {
		overflow:auto;
		resize:none;
		height: 81px;
		}
				
				
	#panel1 input[type="button"], #panel1 input[type="submit"] {
		border: 1px solid #65a9d7 /*#96d1f8*/;
		background: #65a9d7;
		background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
		background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
		background: -moz-linear-gradient(top, #3e779d, #65a9d7);
		background: -ms-linear-gradient(top, #3e779d, #65a9d7);
		background: -o-linear-gradient(top, #3e779d, #65a9d7);
		padding: 6.5px 13px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		box-shadow: rgba(0,0,0,1) 0 1px 0;
		text-shadow: rgba(0,0,0,.4) 0 1px 0;
		color: white;
		text-decoration: none;
		vertical-align: middle;
		cursor:pointer;
		margin:1.5em 0;
		}
	#panel1 input[type="button"]:hover, #panel1 input[type="submit"]:hover { 		
		border-color: #28597a;
		background: #28597a;
		color: #ccc;
		}
	#panel1 input[type="button"]:active {
		border-top-color: #1b435e;
		background: #1b435e;
		}
