/*
	css/common/TABS.CSS
	- Contains styling for jQuery tabs
*/	

	#tabs { float: left; margin: 1px 0 0 0; padding: 0; width: 100%; }
		#tabs .ui-tabs-nav { clear: both; float: left; list-style: none; padding: 0; position: relative; }
		#tabs .ui-tabs-nav li { background: none; position: relative; float: left; font: normal normal bold 11px Helvetica Neue, Arial; margin: 0 0 -1px 1px; padding: 0; }
		#tabs .ui-tabs-nav li a { background: url('/_assets/themes/default/img/backgrounds/tabs.png') 100% -150px no-repeat; display: block; padding: 0 10px 0 0; position: relative; text-align: center; text-decoration: none; white-space: nowrap; }
		#tabs .ui-tabs-nav li a:link, #tabs .ui-tabs-nav li a:visited { color: #f3f3f3; }
		#tabs .ui-tabs-nav li a:hover, #tabs .ui-tabs-nav li a:active { color: #fff; }
		#tabs .ui-tabs-nav li.ui-state-active a:link,  #tabs .ui-tabs-nav li.ui-state-active a:visited  { color: #333; cursor: text; }
		#tabs .ui-tabs-nav li.ui-tabs-selected a { background-position: 100% -100px; }
		#tabs .ui-tabs-nav li span { background: url('/_assets/themes/default/img/backgrounds/tabs.png') 0 -50px no-repeat; display: block; padding: 5px 0 5px 10px; }
		#tabs .ui-tabs-nav li.ui-tabs-selected span { background-position: 0 0; }
		
		

/* SPECIFY TAB WIDTHS FOR DIFFERENT NUMBER OF TABS */
	#tabs #tab-1 { margin: 0 0 -1px 0; }

	#tabs-3 li { width: 241px; }
		#tabs-3 li#tab-2 { width: 240px; }

	#tabs-4 li { width: 180px; }
		#tabs-4 li#tab-1 { width: 181px; }

	#tabs-5 li { width: 144px; }

	#tabs-6 li { width: 120px; }
		#tabs-6 li#tab-1 { width: 119px; }

	#tabs-7 li { width: 103px; }
		#tabs-7 li#tab-1, #tabs-7 li#tab-4, #tabs-7 li#tab-7 { width: 102px; }

/* CONTENT AREA (TABBED CONTENT) */
	.ui-tabs .ui-tabs-panel { background: url('/_assets/themes/default/img/backgrounds/content_panel.png') 0 0 no-repeat !important; clear: both; display: block; margin: 0; min-height: 500px; overflow: hidden; padding: 35px 20px 20px 35px; width: 669px; }
	
	.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; top: -10000px; }

	
	/*Using deselect tab theme*/
#tabs .ui-tabs-nav li.ui-state-disabled a { background: url('/_assets/themes/default/img/backgrounds/disable_tabs.png') 100% -150px no-repeat; cursor: text; }

#tabs .ui-tabs-nav li.ui-state-disabled span { background: url('/_assets/themes/default/img/backgrounds/disable_tabs.png') 0 -50px no-repeat; }