/**
 * @package:		WordPress
 * @subpackage:		Admin Bar Button Plugin
 * @description:	CSS for use in the admin area (on the Admin Bar Button settings page)
 */

/**
 * -----------------------------------------------------------------------------
 *	1.0	Tabs
 *		1.1	Tab buttons
 *		1.2	Tab content
 *	2.0	Buttons
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0	Tabs
 * -----------------------------------------------------------------------------
 */

	/**
	 * 1.1	Tab buttons
	 * -----------------------------------------------------------------------------
	 */
	
	#admin-bar-button-page .nav-tab:not(.nav-tab-active){
		cursor:	pointer;
	}
	
	/**
	 * Prevent the bottom border of a tab disapearing when hovered on a smaller screen
	 */
	@media screen and (max-width: 600px){
		#admin-bar-button-page .nav-tab-active:hover{
			border-bottom-color: #CCCCCC;
		}
	}
	
	/**
	 * 1.2	Tab content
	 * -----------------------------------------------------------------------------
	 */
	
	/**
	 * Show/hide tab content as required
	 */
	#admin-bar-button-page .nav-tab-content{
		display:	none;
	}
	#admin-bar-button-page .nav-tab-content-active{
		display:	block;
	}
	
	
/**
 * 2.0	Buttons
 * -----------------------------------------------------------------------------
 */
#admin-bar-button-page #delete{
	margin-left:	10px;
}