@CHARSET "UTF-8";
.sf-tabbar-inner{
    height:100%;
}
.sf-tabbar {
	background: #eee;
	border-bottom: 1px solid #aaa;
	padding: 0 25px;
        height:100%;
	background-image: linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	background-image: -o-linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	background-image: -moz-linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	background-image: -webkit-linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	background-image: -ms-linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeee', endColorstr='#ddcccc'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeee', endColorstr='#ddcccc')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ddcccc),
		color-stop(1, #ffeeee)
	);

	-webkit-box-shadow: rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
	-moz-box-shadow:    rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
	box-shadow:         rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
}

.sf-tabbar .left {
	float: left;
        height:100%;
}

.sf-tabbar .left:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.sf-tabbar .left a {
	border-left: 1px solid #cbb;
	color: #544;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 13px;
	outline: none;
	padding: 13px 12px;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;

	-webkit-box-shadow: rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(255,255,255,0.7) 0 0 4px inset;
	-moz-box-shadow:    rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(255,255,255,0.7) 0 0 4px inset;
	box-shadow:         rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(255,255,255,0.7) 0 0 4px inset;
}
.sf-tabbar .left a:hover {
	background:rgba(255,255,255,.2);
}

.sf-tabbar .left a:last-child {
	border-right: 1px solid #cbb;
}

.sf-tabbar .left a:active,
.sf-tabbar .left a.current {
	border-color: #a99;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);

	background-image: linear-gradient(bottom, #d3d3d3 0%, #f3f3f3 100%);
	background-image: -o-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
	background-image: -moz-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
	background-image: -webkit-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
	background-image: -ms-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eedddd', endColorstr='#ccbbbb'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eedddd', endColorstr='#ccbbbb')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ccbbbb),
		color-stop(1, #eedddd)
	);

	-webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 4px inset,
						rgba(255,255,255,1.0) 0 1px 0 inset;
	-moz-box-shadow: 	rgba(0,0,0,0.1) 0 1px 4px inset,
						rgba(255,255,255,1.0) 0 1px 0 inset;
	box-shadow: 		rgba(0,0,0,0.2) 0 0 4px inset,
						rgba(255,255,255,0.5) 0 1px 0 inset;
}

.sf-tabbar .left a.current + a {
	border-color: #a99;
}

.sf-tabbar .right {
	float: right;
        height:100%;
}

.sf-tabbar .right .button {
	padding: 6px 9px;
        margin:6px 2px;
}

.sf-tabbar .right .button.awesome {
	background: #655;
	border: 1px solid #300;
	color: #fff;
	text-shadow: 0 1px 0 #000;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#755), to(#433));
	background: -webkit-linear-gradient(top, #755, #433);
	background: -ms-linear-gradient(top, #755, #433);
	background: -moz-linear-gradient(top, #755, #433);
	background: -o-linear-gradient(top, #755, #433);
	background: linear-gradient(top, #755, #433);

	-webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0,
						rgba(255,255,255,0.2) 0 0 4px inset,
						rgba(255,255,255,0.1) 0 1px 0 inset;
	-moz-box-shadow:    rgba(255,255,255,0.5) 0 1px 0,
						rgba(255,255,255,0.2) 0 0 4px inset,
						rgba(255,255,255,0.1) 0 1px 0 inset;
	box-shadow:         rgba(255,255,255,0.5) 0 1px 0,
						rgba(255,255,255,0.2) 0 0 4px inset,
						rgba(255,255,255,0.1) 0 1px 0 inset;
}