/*
    Common 
*/


@media screen and (min-width: 651px) { 

	.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%;
	}
	
	.wizard.vertical > .steps
	{
	    display: inline;
	    float: left;
	    width:220px;
	}
	
	.wizard > .steps .number
	{
	    font-size: 1.429em;
	}
	
	.wizard > .steps > ul > li
	{
	    width: 196px;
	}
	
	.wizard > .steps > ul > li,
	.wizard > .actions > ul > li
	{
	    float: left;
	}
	
	.wizard.vertical > .steps > ul > li
	{
	}
	
	.wizard > .steps a,
	.wizard > .steps a:hover,
	.wizard > .steps a:active
	{
	    display: inline-block;
	    width: auto;
	    margin: 0 0.0 0;
	    padding:1em 45px;
	    text-decoration: none;
	    width:100px;
	}
	
	.wizard > .steps .disabled a,
	.wizard > .steps .disabled a:hover,
	.wizard > .steps .disabled a:active
	{
	    position: relative;
	    background: #F7F6F4;
	    color: #aaa;
	    cursor: default;
	}
	.wizard > .steps .disabled a:before {
	    width: 0;
	    height: 0;
	    border-top: 25px inset transparent;
	    border-bottom: 25px inset transparent;
	    position: absolute;
	    content: "";
	    top: 0;
	    left: 0;
	}
	.wizard > .steps .disabled a:after {
	    width: 0;
	    height: 0;
	    border-top: 25px inset transparent;
	    border-bottom: 25px inset transparent;
	    border-left: 25px solid #F7F6F4;
	    position: absolute;
	    content: "";
	    top: 0;
	    right: -25px;
	    z-index: 2;
	}
	.bgB8DCE0 .wizard > .steps .disabled a:before {
	    border-left: 25px solid #B8DCE0;
	}
	.bgE1F0F2 .wizard > .steps .disabled a:before {
	    border-left: 25px solid #E1F0F2;
	}
	.bgEBFAFC .wizard > .steps .disabled a:before {
	    border-left: 25px solid #EBFAFC;
	}
	.bgECEDEC .wizard > .steps .disabled a:before {
	    border-left: 25px solid #ECEDEC;
	}
	
	
	
	.wizard > .steps .current a,
	.wizard > .steps .current a:hover,
	.wizard > .steps .current a:active
	{
	    position: relative;
	    background: #009DA6;
	    color: #fff;
	    cursor: default;
	}
	.wizard > .steps .current a:before {
	    width: 0;
	    height: 0;
	    border-top: 25px inset transparent;
	    border-bottom: 25px inset transparent;
	    position: absolute;
	    content: "";
	    top: 0;
	    left: 0;
	}
	.wizard > .steps .current a:after {
	    width: 0;
	    height: 0;
	    border-top: 25px inset transparent;
	    border-bottom: 25px inset transparent;
	    border-left: 25px solid #009DA6;
	    position: absolute;
	    content: "";
	    top: 0;
	    right: -25px;
	    z-index: 3;
	}
	.bgB8DCE0 .wizard > .steps .current a:before {
	    border-left: 25px solid #B8DCE0;
	}
	.bgE1F0F2 .wizard > .steps .current a:before {
	    border-left: 25px solid #E1F0F2;
	}
	.bgEBFAFC .wizard > .steps .current a:before {
	    border-left: 25px solid #EBFAFC;
	}
	.bgECEDEC .wizard > .steps .current a:before {
	    border-left: 25px solid #ECEDEC;
	}
	
	.wizard > .steps .done a,
	.wizard > .steps .done a:hover,
	.wizard > .steps .done a:active
	{
	    position: relative;
	    background: #9EDDE3;
	    color: #fff;
	}
	.wizard > .steps .done a:before {
	    width: 0;
	    height: 0;
	    border-top: 25px inset transparent;
	    border-bottom: 25px inset transparent;
	    position: absolute;
	    content: "";
	    top: 0;
	    left: 0;
	}
	.wizard > .steps .done a:after {
	    width: 0;
	    height: 0;
	    border-top: 25px inset transparent;
	    border-bottom: 25px inset transparent;
	    border-left: 25px solid #9EDDE3;
	    position: absolute;
	    content: "";
	    top: 0;
	    right: -25px;
	    z-index: 4;
	}
	.bgB8DCE0 .wizard > .steps .done a:before {
	    border-left: 25px solid #B8DCE0;
	}
	.bgE1F0F2 .wizard > .steps .done a:before {
	    border-left: 25px solid #E1F0F2;
	}
	.bgEBFAFC .wizard > .steps .done a:before {
	    border-left: 25px solid #EBFAFC;
	}
	.bgECEDEC .wizard > .steps .done a:before {
	    border-left: 25px solid #ECEDEC;
	}
	
	.wizard > .steps .error a,
	.wizard > .steps .error a:hover,
	.wizard > .steps .error a:active
	{
	    position: relative;
	    background: #E95513;
	    color: #fff;
	}
	.wizard > .steps .error a:before {
	    width: 0;
	    height: 0;
	    border-top: 25px inset transparent;
	    border-bottom: 25px inset transparent;
	    position: absolute;
	    content: "";
	    top: 0;
	    left: 0;
	}
	.wizard > .steps .error a:after {
	    width: 0;
	    height: 0;
	    border-top: 25px inset transparent;
	    border-bottom: 25px inset transparent;
	    border-left: 25px solid #E95513;
	    position: absolute;
	    content: "";
	    top: 0;
	    right: -25px;
	    z-index: 5;
	}
	.bgB8DCE0 .wizard > .steps .error a:before {
	    border-left: 25px solid #B8DCE0;
	}
	.bgE1F0F2 .wizard > .steps .error a:before {
	    border-left: 25px solid #E1F0F2;
	}
	.bgEBFAFC .wizard > .steps .error a:before {
	    border-left: 25px solid #EBFAFC;
	}
	.bgECEDEC .wizard > .steps .error a:before {
	    border-left: 25px solid #ECEDEC;
	}
	
	
	.wizard > .content
	{
	    display: block;
	    margin: 0;
	    min-height: 500px;
	    overflow: hidden;
	    position: relative;
	    width: 600px;
	
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	}
	
	.wizard.vertical > .content
	{
	    display: inline;
	    float: left;
	    margin: 0 2.5% 0.5em 2.5%;
	    width: 65%;
	}
	
	.wizard > .content > .body
	{
	    float: left;
	    position: absolute;
	    width: 95%;
	    height: 95%;
	    padding: 2.5%;
	}
	
	.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
	{
	    border: 1px solid #ccc;
	}
	
	.wizard > .content > .body input[type="checkbox"]
	{
	    display: inline-block;
	}
	
	.wizard > .content > .body input.error
	{
	    background: rgb(251, 227, 228);
	    border: 1px solid #fbc2c4;
	    color: #E95513;
	}
	
	.wizard > .content > .body label
	{
	    display: inline-block;
	    margin-bottom: 0.5em;
	}
	
	.wizard > .content > .body label.error
	{
	    color: #E95513;
	    display: inline-block;
	    margin:10px 0px 0px 0px;
	    font-size:90%;
	    margin-left:10px;
	}
	
	.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 15px;
	}
	
	.wizard > .actions li:first-child a,
	.wizard > .actions li:first-child a:hover,
	.wizard > .actions li:first-child a:active
	{
	    background: #fff;
	    color:#349CA7;
	    border:1px solid #349CA7;
	    font-size:110%;
	    font-weight: bold;
	    display: block;
	    padding:17px 35px;
	    text-decoration: none;
	}
	.wizard > .actions li a,
	.wizard > .actions li a:hover,
	.wizard > .actions li a:active
	{
	    background: #349CA7;
	    color: #fff;
	    border:1px solid #349CA7;
	    font-size:110%;
	    font-weight: bold;
	    display: block;
	    padding:17px 35px;
	    text-decoration: none;
	}
	
	.bgB8DCE0 .wizard > .actions .disabled :first-child   ,
	.bgB8DCE0 .wizard > .actions .disabled :first-child  a,
	.bgB8DCE0 .wizard > .actions .disabled :first-child  a:hover,
	.bgB8DCE0 .wizard > .actions .disabled :first-child  a:active
	{
	    background: #B8DCE0;
	    color:#B8DCE0;
	    border:1px solid #B8DCE0;
	    pointer-events: none;
	}
	.bgE1F0F2 .wizard > .actions .disabled :first-child   ,
	.bgE1F0F2 .wizard > .actions .disabled :first-child  a,
	.bgE1F0F2 .wizard > .actions .disabled :first-child  a:hover,
	.bgE1F0F2 .wizard > .actions .disabled :first-child  a:active
	{
	    background: #E1F0F2;
	    color:#E1F0F2;
	    border:1px solid #E1F0F2;
	    pointer-events: none;
	}
	
	.wizard > .loading
	{
	}
	
	.wizard > .loading .spinner
	{
	}
	
	
	
	/*
	    Tabcontrol
	*/
	
	.tabcontrol > .steps
	{
	    position: relative;
	    display: block;
	    width: 100%;
	}
	
	.tabcontrol > .steps > ul
	{
	    position: relative;
	    margin: 6px 0 0 0;
	    top: 1px;
	    z-index: 1;
	}
	
	.tabcontrol > .steps > ul > li
	{
	    float: left;
	    margin: 5px 2px 0 0;
	    padding: 1px;
	
	    -webkit-border-top-left-radius: 5px;
	    -webkit-border-top-right-radius: 5px;
	    -moz-border-radius-topleft: 5px;
	    -moz-border-radius-topright: 5px;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	}
	
	.tabcontrol > .steps > ul > li:hover
	{
	    background: #edecec;
	    border: 1px solid #bbb;
	    padding: 0;
	}
	
	.tabcontrol > .steps > ul > li.current
	{
	    background: #fff;
	    border: 1px solid #bbb;
	    border-bottom: 0 none;
	    padding: 0 0 1px 0;
	    margin-top: 0;
	}
	
	.tabcontrol > .steps > ul > li > a
	{
	    color: #5f5f5f;
	    display: inline-block;
	    border: 0 none;
	    margin: 0;
	    padding: 10px 30px;
	    text-decoration: none;
	}
	
	.tabcontrol > .steps > ul > li > a:hover
	{
	    text-decoration: none;
	}
	
	.tabcontrol > .steps > ul > li.current > a
	{
	    padding: 15px 30px 10px 30px;
	}
	
	.tabcontrol > .content
	{
	    position: relative;
	    display: inline-block;
	    width: 100%;
	    min-height: 400px;
	    overflow: hidden;
	    border-top: 1px solid #bbb;
	    padding-top: 20px;
	}
	
	.tabcontrol > .content > .body
	{
	    float: left;
	    position: absolute;
	    width: 95%;
	    height: 95%;
	    padding: 2.5%;
	}
	
	.tabcontrol > .content > .body ul
	{
	    list-style: disc !important;
	}
	
	.tabcontrol > .content > .body ul > li
	{
	    display: list-item;
	}
}

/* STEP */

@media (max-width:650px) {
	.wizard,
	.tabcontrol
	{
	    display: block;
	    width:94%;
	    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:94%;
		text-align:left;
		margin:0px auto;
	}
	
	.wizard.vertical > .steps
	{
	    display: inline;
	    float: left;
	    width:33%;
	}
	
	.wizard > .steps .number
	{
	    font-size:80%;
	}
	
	.wizard > .steps > ul > li
	{
	    width:33%;
	}
	
	.wizard > .steps > ul > li,
	.wizard > .actions > ul > li
	{
	    float: left;
	}
	
	.wizard.vertical > .steps > ul > li
	{
	}
	
	.wizard > .steps a,
	.wizard > .steps a:hover,
	.wizard > .steps a:active
	{
	    display: inline-block;
	    width: auto;
	    margin: 0 0.0 0;
	    padding:10px 10px;
	    text-decoration: none;
	    width:100px;
	}
	
	.wizard > .steps .disabled a,
	.wizard > .steps .disabled a:hover,
	.wizard > .steps .disabled a:active
	{
	    position: relative;
	    background: #F7F6F4;
	    color: #aaa;
	    cursor: default;
	}
	
	.wizard > .steps .current a,
	.wizard > .steps .current a:hover,
	.wizard > .steps .current a:active
	{
	    position: relative;
	    background: #009DA6;
	    color: #fff;
	    cursor: default;
	}
	
	.wizard > .steps .done a,
	.wizard > .steps .done a:hover,
	.wizard > .steps .done a:active
	{
	    position: relative;
	    background: #9EDDE3;
	    color: #fff;
	}
	
	.wizard > .steps .error a,
	.wizard > .steps .error a:hover,
	.wizard > .steps .error a:active
	{
	    position: relative;
	    background: #E95513;
	    color: #fff;
	}
	
	.wizard > .content
	{
	    display: block;
	    margin: 0;
	    min-height: 600px;
	    overflow: hidden;
	    position: relative;
		width:100%;
		text-align:left;
		margin:0px auto;
	
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	}
	
	.wizard.vertical > .content
	{
	    display: inline;
	    float: left;
	    margin: 0 0px;
	    width: 100%;
	}
	
	.wizard > .content > .body
	{
	    float: left;
	    position: absolute;
		width:100%;
		text-align:left;
		margin:0px auto;
	    height: 95%;
	    padding:30px 0px;
	}
	
	.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
	{
	    border: 1px solid #ccc;
	}
	
	.wizard > .content > .body input[type="checkbox"]
	{
	    display: inline-block;
	}
	
	.wizard > .content > .body input.error
	{
	    background: rgb(251, 227, 228);
	    border: 1px solid #fbc2c4;
	    color: #E95513;
	}
	
	.wizard > .content > .body label
	{
	    display: inline-block;
	    margin-bottom: 0.5em;
	}
	
	.wizard > .content > .body label.error
	{
	    color: #E95513;
	    display: inline-block;
	    margin:10px 0px 0px 0px;
	    font-size:90%;
	}
	
	.wizard > .actions
	{
	    position: relative;
	    display: block;
	    text-align: right;
	    width: 100%;
	}
	
	.wizard.vertical > .actions
	{
	    display: inline;
	    float: right;
	    margin: 0 2.5%;
	    width: 100%;
	}
	
	.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 15px;
	}
	
	.wizard > .actions li:first-child a,
	.wizard > .actions li:first-child a:hover,
	.wizard > .actions li:first-child a:active
	{
	    background: #fff;
	    color:#349CA7;
	    border:1px solid #349CA7;
	    font-size:110%;
	    font-weight: bold;
	    display: block;
	    padding:17px 35px;
	    text-decoration: none;
	}
	.wizard > .actions li a,
	.wizard > .actions li a:hover,
	.wizard > .actions li a:active
	{
	    background: #349CA7;
	    color: #fff;
	    border:1px solid #349CA7;
	    font-size:110%;
	    font-weight: bold;
	    display: block;
	    padding:17px 35px;
	    text-decoration: none;
	}
	
	.bgB8DCE0 .wizard > .actions .disabled :first-child   ,
	.bgB8DCE0 .wizard > .actions .disabled :first-child  a,
	.bgB8DCE0 .wizard > .actions .disabled :first-child  a:hover,
	.bgB8DCE0 .wizard > .actions .disabled :first-child  a:active
	{
	    background: #B8DCE0;
	    color:#B8DCE0;
	    border:1px solid #B8DCE0;
	    pointer-events: none;
	}
	.bgE1F0F2 .wizard > .actions .disabled :first-child   ,
	.bgE1F0F2 .wizard > .actions .disabled :first-child  a,
	.bgE1F0F2 .wizard > .actions .disabled :first-child  a:hover,
	.bgE1F0F2 .wizard > .actions .disabled :first-child  a:active
	{
	    background: #E1F0F2;
	    color:#E1F0F2;
	    border:1px solid #E1F0F2;
	    pointer-events: none;
	}
	.wizard > .loading
	{
	}
	
	.wizard > .loading .spinner
	{
	}
	
	
	
	/*
	    Tabcontrol
	*/
	
	.tabcontrol > .steps
	{
	    position: relative;
	    display: block;
	    width: 100%;
	}
	
	.tabcontrol > .steps > ul
	{
	    position: relative;
	    margin: 6px 0 0 0;
	    top: 1px;
	    z-index: 1;
	}
	
	.tabcontrol > .steps > ul > li
	{
	    float: left;
	    margin: 5px 2px 0 0;
	    padding: 1px;
	
	    -webkit-border-top-left-radius: 5px;
	    -webkit-border-top-right-radius: 5px;
	    -moz-border-radius-topleft: 5px;
	    -moz-border-radius-topright: 5px;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	}
	
	.tabcontrol > .steps > ul > li:hover
	{
	    background: #edecec;
	    border: 1px solid #bbb;
	    padding: 0;
	}
	
	.tabcontrol > .steps > ul > li.current
	{
	    background: #fff;
	    border: 1px solid #bbb;
	    border-bottom: 0 none;
	    padding: 0 0 1px 0;
	    margin-top: 0;
	}
	
	.tabcontrol > .steps > ul > li > a
	{
	    color: #5f5f5f;
	    display: inline-block;
	    border: 0 none;
	    margin: 0;
	    padding: 10px 30px;
	    text-decoration: none;
	}
	
	.tabcontrol > .steps > ul > li > a:hover
	{
	    text-decoration: none;
	}
	
	.tabcontrol > .steps > ul > li.current > a
	{
	    padding: 15px 30px 10px 30px;
	}
	
	.tabcontrol > .content
	{
	    position: relative;
	    display: inline-block;
	    width: 100%;
	    min-height: 400px;
	    overflow: hidden;
	    border-top: 1px solid #bbb;
	    padding-top: 20px;
	}
	
	.tabcontrol > .content > .body
	{
	    float: left;
	    position: absolute;
	    width: 100%;
	    height: 95%;
	    padding:0px;
	}
	
	.tabcontrol > .content > .body ul
	{
	    list-style: disc !important;
	}
	
	.tabcontrol > .content > .body ul > li
	{
	    display: list-item;
	}
}