﻿/*
    Common 
*/


.tabcontrol
{
    display: block;
    width: 386px;
    overflow: hidden;
	border:0px solid red;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
	border:0px solid red;
	display:table;
	height:39px;
	width:386px;
	background:url(../img/xeber_lb.png) repeat-x center;
	
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
	border:0px solid red;
	width:99px;
	text-align:center;
	line-height:30px;
	height:30px; 
	
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
    Wizard
*/


.tabcontrol > .steps > ul > li
{
    float: left;
	border:0px solid red;
	margin-left:5px;
	margin-right:15px;
	position:relative;
	top:6px;
	display:block;
	padding-bottom:-25px;
}

.tabcontrol > .steps > ul > li:hover
{
    border: 0px solid #bbb;
	width:99px;
	height:30px;
}

.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 0px solid #bbb;
    border-bottom: 0 none;
	width:99px;
	height:33px;
}

.tabcontrol > .steps > ul > li > a
{
    color: #1d4e89;
    display: inline-block;
    border: 0 none;
    text-decoration: none;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	width:99px;
	height:33px;
}

.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    border-top: 0px solid #bbb;
    padding-top: 20px;
}

