/*	--[ tabs.css ]------------------------------------------------------------
	This file contains and should only contain styles used to create tabs.  
	Specific document content styles for specific areas should be contained 
	within a dedicated style sheet for that area.
	
	--------------------------------------------------------------------------	*/

	ul.tabs {
		margin:0;
		padding:0;
		height:34px;
		white-space:nowrap;
		overflow:hidden;
		list-style-type:none;
	}
	
	ul.tabs li,
	ul.tabs li a {
		background-image:url("/_images/_system/tabs/tabs_bg.png");
		background-repeat:no-repeat;
	}
	ul.tabs li {
		height:34px;
		padding-left:8px;
		background-position:left -85px;
		float:left !important;
		cursor:pointer;
		cursor:hand;
		margin:0 1px 0 0;
	}
	ul.tabs li a {
		height:34px;
		text-decoration:none;
		padding-top:8px;
		padding-right:10px;
		background-position:right -85px;
		display:block;
		float:left;
	}
	ul.tabs li a:hover {
		text-decoration:underline;
	}
	
	ul.tabs li.active {
		background-position:left top;
	}
	ul.tabs li.active a {
		color:#ffffff;
		background-position:right top;
	}
	
	.tabContent {
		padding:5px;
		display:none;
		/*display:block;*/
	}
		
/*	--[ vertical tabs ]-------------------------------------------------------  */

	table.tabsVertical ul.tabs {
		height:auto;
		width:150px;
		margin:4px 0 0 0;
		white-space:normal !important;
		overflow:hidden;
	}

	table.tabsVertical ul.tabs li,
	table.tabsVertical ul.tabs li a {
		width:150px;
		white-space:normal !important;
		background-image:url("/_images/_system/tabs/tabs_vertical_bg_n.png");
		background-repeat:no-repeat;
	}
	table.tabsVertical ul.tabs li {
		height:auto;
		margin-bottom:1px;
		padding-left:0;
		clear:both;
		background-position:left top;
	}
	table.tabsVertical ul.tabs li a {
		height:auto;
		width:140px;
		margin-top:8px;
		padding:0 10px 8px 13px;
		float:none;
		background-position:left bottom !important;
	}
	
	table.tabsVertical ul.tabs li.active,
	table.tabsVertical ul.tabs li.active a {
		background-image:url("/_images/_system/tabs/tabs_vertical_bg_a.png");
	}
	table.tabsVertical ul.tabs li.active {
		background-position:left top;
	}
	table.tabsVertical ul.tabs li.active a {
		padding-left:8px;
		background-position:left bottom !important;
	}
	
	.tabsVertical .tabList {
		width:150px;
	}

	.tabsVertical .tabContentArea {
		height:400px;
		width:100%;
		border-color:#0086c6;
		border-style:solid;
		border-width:1px 1px 1px 3px;
	}