<!-- 
TABS

Clearing Div
In order to do the restyling I added a clearing div to the #cacap-tabs ul. Overflow:hidden doesn't work because then it messes with the bottom border I need to overlap on the tab to make it look like there is no bottom border.

HTML Changes to tab:
-->

	<ul>
				
		<li>
			<a href="http://cdev.gc.cuny.edu/members/cstein/profile/">Public Portfolio</a>
		</li>

		<li class="current-tab">
			<a href="http://cdev.gc.cuny.edu/members/cstein/profile/?commons-profile=1">Commons Profile</a>
		</li>
  		<div class="clear"></div>
	</ul>


	
// CSS changes for tabs

//change to this (remove everything but the one rule below)
//this moves it so the bottom border for the li covers the ul's bottom border
#cacap-tabs li.current-tab {
	margin-bottom: -1px;
}
		
//change to this
#cacap-tabs li.current-tab a{
	font-weight: bold;
	color: #3c3c3c;
	border: 1px solid #e6e6e6;
	border-bottom-color: #fff;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

