/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html
*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab { background:#ff333e; height:0px; position: relative; top: 0; z-index:999; }

.tab ul.login { display:block; position:relative; float:right; clear:right;	height:auto; width:auto; font-weight:bold; margin:0; right:5%; color:white; text-align:center; }

/*.tab ul.login li.left { background:url(../images/tab_l.png) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left; }
.tab ul.login li.right { background:url(../images/tab_r.png) no-repeat left 0; height:42px; width:30px; padding:0; margin:0; display:block; float:left; }*/
.tab ul.login li { text-align:left; padding:0 20px; position:relative; top:0px; display:block; float:left; height:42px; background:#f58220;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	}
.tab ul.login li a { color: #fff; }

.tab ul.login li a:hover { color:#000; }
.tab .sep { color:#414141 }
.tab a.open, .tab a.close {
	height: 20px;
	line-height:18px !important;
	cursor: pointer;
	display: block;
	width:auto;
	position: relative;
	top: 11px;
	text-decoration:none;
	font:16px 'PT Sans', sans-serif; text-transform:uppercase; }

/*.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}*/

/* sliding panel */
#toppanel { width:100%; text-align:center; margin-left:auto; margin-right:auto; position:absolute; z-index:9999; border-top:5px solid #f58220; }

#panel { width:100%; height:auto; background:#f58220; overflow:hidden; position:relative; z-index:3; display:none; }
#panel .content { width:1000px; height:auto; overflow:hidden; margin:20px auto 30px auto; text-align:left; }

#panel .content .address { width:475px; height:auto; float:left; margin-right:50px; }
#panel .content .address h1 { font:25px 'PT Sans', sans-serif; color:#fff; text-transform:uppercase; margin-bottom:20px; }
#panel .content .address h2 { font:20px 'PT Sans', sans-serif; color:#fff; }
#panel .content .address p { font:18px 'PT Sans', sans-serif; color:#fff; }
#panel .content .address a { font:18px 'PT Sans', sans-serif; color:#fff; text-decoration:none; }
#panel .content .address a:hover { text-decoration:underline; }

#panel .content .form-area { width:475px; height:auto; float:left; }
#panel .content .form-area h1 { font:25px 'PT Sans', sans-serif; color:#fff; text-transform:uppercase; margin-bottom:20px; }


/*---------Quick Contact--------*/
.qkreser_form { width:500px; height:auto; float:right; }

/*label.contact { float:left; width:70px; fon:12px 'Source Sans Pro',Sans-Serif; font-weight:bold; color:#ddd; margin-bottom:10px; }*/
input.contact { float:left; width:235px; margin:0 0 10px 0; background:#fff; border:none; padding:5px; font:13px 'Source Sans Pro', Sans-Serif; font-style:italic; color:#bbb; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px; }
textarea.contact { float:right; width:490px; height:85px; margin:0 0 10px 0px; background:#fff; border:none; padding:5px; font:13px 'Source Sans Pro',Sans-Serif; font-style:italic; color:#bbb; -webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px; }
input.contact:hover, textarea.contact:hover { background:#eee; }

#submitbutton.contact { float:left; margin-bottom:0px; padding:5px; font:16px 'Source Sans Pro',Sans-Serif; color:#333; width:500px; height:auto; cursor:pointer; text-align:center; background:#fff; }
#submitbutton.contact:hover { background-color:#eee; color:#333; }
/*---------Quick Contact--------*/