

/** CSS Fixed Tab Styles **/
.fixedtab
{
	position: fixed;
	float: left;
	width: 450px;
	z-index: 900;
	
	-moz-transition: all 0.1s step-start;
	-webkit-transition: all 0.1s step-start;
	-o-transition: all 0.1s step-start;
	transition: all 0.1s step-start;
}

		.tab1
		{
			top: 30px;
		}
		
		.tab2
		{
			top: 90px;
		}
		
		.tab3
		{
			top: 150px;
		}
		
		.tab4
		{
			top: 210px;
		}

	.lefttab
	{
		left: -410px;
	}

		.lefttab:hover
		{
			left: 0;
			cursor: pointer;
		}

	.righttab
	{
		right: -410px;
	}

		.righttab:hover
		{
			right: 0;
			cursor: pointer;
		}
	
	.fixedtab .tab
	{
		float: left;
		width: 24px;
		padding: 10px 8px;
		margin: 10px 0 0 0;
	}
	
		.fixedtab .tab span.notification
		{
			position: absolute;
			top: -1px;
			padding: 3px 5px;
			line-height: normal;
			color: #FFF;
			font-size: 11px;
			background: #B02B2C;
			text-transform: uppercase;
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		
			.lefttab .tab span.notification
			{
				right: -30px;
			}
			
			.righttab .tab span.notification
			{
				left: -10px;
			}

			
			
			
		.fixedtab .tab span.notification2
		{
			position: absolute;
			top: -1px;
			padding: 3px 5px;
			line-height: normal;
			color: #FFF;
			font-size: 11px;
			background: #B02B2C;
			text-transform: uppercase;
			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		
			.lefttab .tab span.notification2
			{
				right: -10px;
			}
			
			
			
			
			
		.lefttab .tab
		{
			-webkit-border-top-right-radius: 6px;
			-webkit-border-bottom-right-radius: 6px;
			-moz-border-radius-topright: 6px;
			-moz-border-radius-bottomright: 6px;
			border-top-right-radius: 6px;
			border-bottom-right-radius: 6px;
		}
		
		.righttab .tab
		{
			-webkit-border-top-left-radius: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-bottomleft: 6px;
			border-top-left-radius: 6px;
			border-bottom-left-radius: 6px;
		}
		
			.fixedtab .green555
			{
				background: #9C0;
			}
			
			.fixedtab .blue
			{
				background: #09F;
			}
			
			.fixedtab .magenta
			{
				background: #F03;
			}
			
			.fixedtab .orange
			{
				background: #F30;
			}
			
			.fixedtab .purple
			{
				background: #63C;
			}
			
			.fixedtab .red
			{
				background: #900;
			}
			
			.fixedtab .light
			{
				background: #CCC;
			}
			
			.fixedtab .dark
			{
				background: #333;
			}
	
	.fixedtab .tabcontent
	{
		float: left;
		width: 325px;
		background: #FFF;
		color: #555;
	}
	
		.lefttab .tabcontent
		{
			padding: 25px 25px 25px 60px;
			
			-webkit-border-top-right-radius: 6px;
			-webkit-border-bottom-right-radius: 6px;
			-moz-border-radius-topright: 6px;
			-moz-border-radius-bottomright: 6px;
			border-top-right-radius: 6px;
			border-bottom-right-radius: 6px;
		}
	
		.righttab .tabcontent
		{
			padding: 25px 60px 25px 25px;
			
			-webkit-border-top-left-radius: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-bottomleft: 6px;
			border-top-left-radius: 6px;
			border-bottom-left-radius: 6px;
		}
