/* @group header */

#Chat {
/* height of visible part of #header */
	padding-top: 22px;
}

#show_header {
	display: none;
}

#header {
	color: #FFF;
	cursor: default;
	font-family: helvetica, sans-serif;
	overflow: hidden;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 5;
	width: 100%;
	height: 49px;
	text-shadow: #000 0px 2px 1px;
}
	#header .bar {
		position: relative;
		background-repeat: repeat-x;
		background-position: top center;
		width: 100%;
		height: 49px;
		margin-top: -49px;
		opacity: 0;
	}
		#header .bar .left {
			font-size: 21px;
			/*letter-spacing: 1px;*/
			position: absolute;
			top: 8px;
			left: 11px;
		}
		#header .bar .right {
			font-size: 16px;
			letter-spacing: 0px;
			position: absolute;
			top: 11px;
			right: 10px;
		}


/* @group toggle */

#header .toggle {
	background: url("../../../images/_headers/toggle-down-white.png") no-repeat 3px 3px;
	cursor: pointer;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 18px;
	height: 18px;
	opacity: 0;
	z-index: 6;
	-webkit-transition: opacity 0.3s ease-in-out;
}

#header:hover .toggle {
	opacity: 0.2;
}

#header .toggle:hover {
	opacity: 0.6;
}

#header .hide {
	background-image: url("../../../images/_headers/toggle-up-white.png") !important;
}

#header:hover .hide {
	opacity: 0.3 !important;
}

#header .hide:hover {
	
}

/* @end */


/* @end */