/*
    Common 
*/

.wizard,
.tabcontrol {
	display  : block;
	width    : 100%;
	overflow : hidden;
}

.wizard a,
.tabcontrol a {
	outline : 0;
}

.wizard ul,
.tabcontrol ul {
	list-style : none !important;
	padding    : 0;
	margin     : 0;
}

.wizard ul > li,
.tabcontrol ul > li {
	display : block;
	padding : 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
	position : absolute;
	left     : -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title {
	position : absolute;
	left     : -999em;
}

/*
    Wizard
*/

.wizard > .steps {
	position      : relative;
	display       : block;
	width         : 100%;
	/*border: 1px solid rgba(0, 0, 0, 0.15);*/
	border-bottom : 0;
}

.wizard.vertical > .steps {
	display    : inline;
	float      : left;
	width      : 30%;
	text-align : center;
}

.wizard > .steps .number {
	font-size : 1.429em;
}

.wizard > .steps > ul > li {
	width      : 25%;
	text-align : center;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
	float : left;
}

.wizard.vertical > .steps > ul > li {
	float : none;
	width : 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
	margin          : 0 auto;
	text-decoration : none;
	display         : block;
	padding         : 5px;
	font-size       : 14px;
	text-align      : center;
	color           : #FFFFFF;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
	background : #EEEEEE;
	color      : #AAAAAA;
	cursor     : default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
	background : #00D2FF;
	cursor     : default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
	background : #C1EAF3;
	color      : #FFFFFF;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
	background : #FF3111;
	color      : #FFFFFF;
}

.wizard > .content {
	background : #FFFFFF;
	display    : block;
	/*min-height : 35em;*/
	overflow   : hidden;
	position   : relative;
	width      : auto;
	margin     : 0 0 30px 0 !important;
	/*border     : 1px solid rgba(0, 0, 0, 0.15);*/
	border-top : 0;
}

.wizard.vertical > .content {
	display      : inline;
	float        : left;
	padding-left : 0 !important;
}

.wizard > .content > .body {
	/*float    : left;*/
	/*position : absolute;*/
}

.wizard > .content > .body ul {
	list-style : disc !important;
}

.wizard > .content > .body ul > li {
	display : list-item;
}

.wizard > .content > .body > iframe {
	border : 0 none;
	width  : 100%;
	height : 100%;
}

.wizard > .content > .body input {
	display : block;
	border  : 1px solid #CCCCCC;
}

.wizard > .content > .body input[type="checkbox"] {
	display : inline-block;
}

.wizard > .content > .body input.error {
	background : rgb(251, 227, 228);
	border     : 1px solid #FBC2C4;
	color      : #8A1F11;
}

.wizard > .content > .body label {
	display       : inline-block;
	margin-bottom : 0.5em;
}

.wizard > .content > .body label.error {
	color       : #8A1F11;
	display     : inline-block;
	margin-left : 1.5em;
}

.wizard > .actions {
	position   : relative;
	display    : block;
	text-align : right;
	width      : 100%;
}

.wizard.vertical > .actions {
	display : inline;
	float   : right;
	margin  : 0 2.5%;
	width   : 95%;
}

.wizard > .actions > ul {
	display    : inline-block;
	text-align : right;
}

.wizard > .actions > ul > li {
	margin : 0 0.5em;
}

.wizard.vertical > .actions > ul > li {
	margin : 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
	background      : #00D2FF;
	font-weight     : bold;
	letter-spacing  : 2px;
	color           : #FFFFFF;
	border-radius   : 0;
	border          : 0;
	text-align      : center;
	text-decoration : none;
	font-size       : 15px;
	text-transform  : uppercase;
	font-family     : 'CalibreSemibold', sans-serif;
	padding         : 10px 25px;
	letter-spacing  : 0.5px;
	max-height      : 38px;
	line-height     : 38px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
	background      : #EEEEEE;
	color           : #AAAAAA;
	text-decoration : none;
}

.wizard > .loading {
}

.wizard > .loading .spinner {
}