/*	-------------------------------------------------------------------------------- */
/* 	dates */
/*	-------------------------------------------------------------------------------- */
/*	
	author: cornel boppart
	date: october 2009
	
	description:
	screen style definitions for sliding panel
*/

/*	-------------------------------------------------------------------------------- */
/* 	general items */
/*	-------------------------------------------------------------------------------- */

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
	left: 0;
    width: 100%;
    z-index: 999;
    margin: 0px auto;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

#panel {
	width: 100%;
	position: relative;
	z-index: 3;
	display: none;
	overflow: hidden;
	background: #6d6e71;
	color: white;
	border-bottom: 5px solid #6d6e71;
}

#panel .content {
	margin: 0 auto;
	padding: 40px;
	text-align: left;
}

#panel .content .left {
	float: right;
	margin: 0px 0px 0px 40px;
}

/*	-------------------------------------------------------------------------------- */
/* 	styles for contactform */
/*	-------------------------------------------------------------------------------- */

#panel .content .form {
	width: 919px;
}

#panel .content .form .right {
	float: right;
	margin: 0px 0px 0px 40px;
}

#panel .content td {
	padding: 2px 0px 2px 0px;
}

#panel .content td {
	vertical-align: top;
}

#panel .content td input, #panel .content td textarea {
	margin: 0px 0px 0px 20px;
	padding: 3px;
	border: none;
	font: 11px/11px Arial, Helvetica, sans-serif;
	color: #555;
}

#panel .content td input:focus, #panel .content td textarea:focus {
	background: #e5e5e5;
}

#panel .content td input {
	width: 139px;
}

#panel .content td textarea {
	width: 239px;
	height: 120px;
}

button {
	width: 110px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: white;
	cursor: pointer;
	text-decoration: none;
	text-align: left;
	background: url(../content/icons/arrow_white.gif) right center no-repeat;
	border: none;
}

button:hover {
	text-decoration: underline;
}

/*	-------------------------------------------------------------------------------- */
/* 	message on submit form */
/*	-------------------------------------------------------------------------------- */

#msg {
	position: absolute;
	z-index: 999;
	display: none;
	background: fireBrick;
}

#msgcontent {
	display:block;
	padding: 2px 5px;
	color: white;
}

/*	-------------------------------------------------------------------------------- */
/* 	styles for link tab */
/*	-------------------------------------------------------------------------------- */

#toggle a {
	width: 60px;
	padding: 1px;
	position: relative;
	left: 897px;
	display: block;
    text-align: center;
	background: #6d6e71;
	color: white;
	cursor: pointer;
	text-decoration: none;
    text-align: center;
	background: #6d6e71;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

#toggle a:hover {
	text-decoration: underline;
}