#tab-pane { position: absolute; right: 0; top: 0; height: 100%; }
			#tab-pane .tab { display: block; position: relative; height: 100%; width: 24px; float: left; background-position: -3px 0px; padding:0; margin:0; background-repeat: repeat-y; overflow:visible!important; }
				#tab-pane .tab .bubble { display:block; width: 136px; height: 51px; position: absolute; left: -115px; background-position: top left; padding:0; margin:0; background-repeat: no-repeat; z-index: 99;}
					#tab-pane .tab .bubble { font-family: Trebuchet MS, Arial, Verdana; font-size: 18px; color: White; text-align: center; padding-top: 15px; }
			#tab-pane .tab-yellow { background-image: url(/lib/img/tabs/tab-yellow-bg.png); }
				#tab-pane .tab-yellow .bubble { background-image: url(/lib/img/tabs/bubble-yellow.png); }
			#tab-pane .tab-purple { background-image: url(/lib/img/tabs/tab-purple-bg.png); }
				#tab-pane .tab-purple .bubble { background-image: url(/lib/img/tabs/bubble-purple.png);}
			#tab-pane .tab-gray { background-image: url(/lib/img/tabs/tab-gray-bg.png); }
				#tab-pane .tab-gray .bubble { background-image: url(/lib/img/tabs/bubble-gray.png);}
				
			#tab-pane .tab .bubble-1 {top: 30px;}
			#tab-pane .tab .bubble-2 {top: 120px;}
			#tab-pane .tab .bubble-3 {top: 210px;}
			#tab-pane .tab .bubble-4 {top: 300px;}
			
			#tab-pane a { text-decoration: none!important; outline: none; }
			#tab-pane a:hover { text-decoration: none!important; }