/* - kuputabs.css - */
@media screen {
/**
 * User editable tabs for WYSIWYG HTML editors
 * 
 * Idea taken from form_tabbing.js.
 * 
 * To manually replace DTML variables in this file::
 * 
 *    replace "(at)dtml-linkColor;" with "#ff0f0f"  <--- (at) = &, 
 *
 * and so on...
 *  
 * @author Mikko Ohtamaa <mikko.ohtamaa@twinapex.com>
 * 
 * @copyright Twinapex Research
 * 
 * @license GPL
 * 
 * http://www.twinapex.com - High quality Javascript hackers for hire
 * 
 */
 
/*  (do not remove this :) */
/*  (not this either :) */

ul.kuputab-selectors {
    position: relative;
    display: block;
	margin: 3px 0 12px 0px;
    padding: 0;
    list-style-type: none;
	font-size: medium;
	height: 1.9em;
}

li.kuputab-selector {
    display: block;
	float: left;
    margin: 0;
    padding: 0;
	font-size: medium;
}

li.kuputab-selector a {
    display: block;
	font-family: Verdana, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 0.85em;
	line-height: 1.25em;
	padding: 0.6em 30px 0.4em 30px;
	text-align: center;
	width: 140px;
}

li.kuputab-selector a:link,
li.kuputab-selector a:visited,
li.kuputab-selector a:active,
li.kuputab-selector a:hover {
	color: #333333;
	text-decoration: none;
}

li.kuputab-selector-first a {
	border-left: 0 !important;
}

li.kuputab-selector a {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #f0f0f0 url(/_hne-theme/aa_images/bg_tab_off.png) 0 0 no-repeat;;
}

li.kuputab-selector a.selected {
	border-bottom: 1px solid #ffffff;
	background: #ffffff url(/_hne-theme/aa_images/bg_tab_on.png) 0 0 no-repeat;;
}

.kuputab-content {
	padding-top: 1px;
	clear: both;
}

.kuputab-content.hidden {
    display: none;
}

/*  */

}