/* style_tabbed_panes.css */
/* tabbed panes specific css */

/* tabbed panes */
div.tabbed_pane
{
	position: relative;
	margin: 1em 0;
	width: 700px;	
	padding-top: 22px;
}
	
div.tabbed_pane div.tabbed_pane_options
{
	position: absolute;
	z-index: 99999;
	margin-left: 10px;
	left: 0;
	top: 0;
}
	
div.tabbed_pane div.tabbed_pane_options ul
{
	width: auto;
	height: auto;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}

div.tabbed_pane div.tabbed_pane_options ul li
{
	position: relative;
	display: block;
	float: left;
	height: 23px;
	width: 104px;
	margin: 0 1px 0 0;
	padding: 0;	
}

div.tabbed_pane div.tabbed_pane_options ul li a
{
	display: block;
	float: left; 
	height: 19px;
	width: 104px;
	padding: 4px 0 0 0px;
	margin: 0;
	text-align: center;
	background-image: url('/images/tabbed_panes/tab_unselected.png');
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #17286d;
	cursor:pointer;
	font-size: 0.95em;
}

div.tabbed_pane div.tabbed_pane_options ul li a.selected
{
	cursor:default;
	background-image: url('/images/tabbed_panes/tab_selected.png');
	color: #17286d;
}

div.tabbed_pane div.tabbed_pane_options ul li a:hover
{
	background-image: url('/images/tabbed_panes/tab_hover.png');
}

div.tabbed_pane div.tabbed_pane_options ul li a.selected:hover
{
	background-image: url('/images/tabbed_panes/tab_selected.png');
}

div.tabbed_pane div.tabbed_pane_options ul li a.deactive:hover
{
	background-image: url('/images/tabbed_panes/tab_disabled.png');
}

div.tabbed_pane div.tabbed_pane_options ul li a.is_valid 					/* show icons in tab that it is valid ---------- */
{
	cursor:default;
	background-image: url('/images/icons/valid.png');
	background-position: top right;
	background-repeat: no-repeat;
	color: #FFF;
	width: 16px;
	height: 16px;
}

div.tabbed_pane div.tabbed_pane_options ul li a.deactive
{
	color: #CCC;
	cursor: help;
	background-image: url('/images/tabbed_panes/tab_disabled.png');
}

div.tabbed_pane div.tabbed_pane_wrapper
{
	width: 640px;
	background-image: url('/images/tabbed_panes/tab_bg.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.tabbed_pane div.tabbed_pane_content
{
	position: relative;
	padding: 5px 15px;
	width: 600px;
	background-image: url('/images/tabbed_panes/tab_header.png');
	background-position: top left;
	background-repeat: no-repeat;
}