/* ================================================================================
 *
 * Author: David Hellmann
 * Author URL: http://www.davidhellmann.com
 * 
 * 
 * @project functionsBar
 * @version 0.1
 * @author David Hellmann
 * @copyright 2010 by David Hellmann - Grafikdesign, Webdesign, Webentwicklung
 *
================================================================================ */

/* !funtionsBar ================================================================================ */

#functionsBar {
	position: fixed;
	left: 50%; bottom: -100px;
	height: 30px;
	width: 94%;
	margin: 0 0 0 -47%;
	background: #e2e2e2;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius-bottomleft:0;
	border-radius-bottomright:0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;;
	box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	color: #777;
	z-index: 99999;
}

.SocialIcon {
	margin: 4px 0px 0px 0px;
}

img, img a {
	border:none;
}

/* !IE Fix ================================================================================ */

*html #functionsBar { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#functionsBar #inner {
	width: 100%;
	height: 30px;
	position: relative;
}


	#inner a.hide {
		float: right;
		background: #f3f3f3 url(images/bg_tooltip.gif) repeat-x;
		width: 50px;
		text-align: center;
		padding: 3px 0;
		position: absolute;
		right: 20px;
		font-weight: bold;
		font-size: 13px;
		bottom: 31px;
		color: #FFF;
	}
	
	#inner a.hide:hover {
		color: #242424;
	}
	
	#inner .innerLeft, #inner .innerNav {
		float: left;
		line-height: 30px;
		padding: 0 10px;
		border-right: 1px solid #c3c3c3;
	}
	
	#inner .innerRight {
		float: right;
		line-height: 30px;
		padding: 0 10px;
		border-left: 1px solid #c3c3c3;
	}
	
		.innerLeft span, .innerNav span {
			float: left;
			margin: 0 5px 0 0;
		}
		
		.innerLeft a,
		.innerRight a {
			font-weight: bold;
			color: #777;
		}
		
		.innerLeft a:hover,
		.innerRight a:hover {
			color: #fff;
		}
		
		
		
		
		.innerNav a {
			font-weight: bold;
			color: #777;
		}
		
		
		.innerNav a:hover {
			color: #242424;
		}
		
		
		
		
		
		
		.innerLeft a.icon{
			float: left;
			margin:4px 2px 0 2px;
			position: relative;
		}
		
			.innerLeft a.icon span {
				display: none;
			}
			
			.innerLeft a.icon:hover span {
				display: block;
				position: absolute;
				left: 50%; top: -30px;
				margin: 0 0 0 -40px;
				width: 80px;
				text-align: center;
				font-weight: bold;
				line-height: 22px;
				background: #222;
				border-radius:5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}