#tabs{
	clear:both;
}

a#backButton{
    /* float:left;
    display:block;
    width: 65px;
    height: 29px;
    background-color: #03abc9;
    color: #fff;
    border-radius: 3px;
    border: .5px solid #02869D;
    box-shadow: 2px 4px #e6e6e6;
    padding: 15px 10px 7px 22px;
    font-size: 20px; */
    margin: 0;
}

/* a#backButton:hover{
    background-color: #02869d;
    border: .5px solid #015462;
    box-shadow: none;
    text-decoration: none !important;    
} */

a#backButton.greyed{
    /* background-color: #bbb;
    color: #fff;
    border-radius: 3px;
    border: .5px solid #6b6969;
    box-shadow: none;
    cursor: context-menu; */
    display: none !important;
}

/* a#backButton.greyed:hover{
    text-decoration: none !important;
}

a#nextButton{
    float: right;
    display: block;
    width: 65px;
    height: 29px;
    background-color: #03abc9;
    color: #fff;
    border-radius: 3px;
    border: .5px solid #02869D;
    box-shadow: 2px 4px #e6e6e6;
    padding: 15px 10px 7px 22px;
    font-size: 20px;
}

a#nextButton:hover{
    background-color: #02869d;
    border: .5px solid #015462;
    box-shadow: none;
    text-decoration: none !important;
}

a#nextButton.greyed{
    background-color: #bbb;
    color: #fff;
    border-radius: 3px;
    border: .5px solid #6b6969;
    box-shadow: none;
    cursor: context-menu;
}

a#nextButton.greyed:hover{
    text-decoration: none !important;
} */

/* jQuery UI tab hacks*/
.ui-widget{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.ui-widget-content {
    border: 0px;
    background: none;
    color: #555555;
}

.ui-widget-header {
    border: 0px;
    background: none;
    color: #555555;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url(/static/images/calculator/steps-background-circle.png);
    background-position:0px -60px;
    
    width:60px;
    height:60px;
    padding:0px;
    border: 0px;
    margin:0px;
    
    font-weight: normal;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    /*width:60px;
    height:60px;*/
    padding:0px 17px 0px 17px;
    border: 0px;
    margin:0px;
    text-align:center;
    vertical-align:middle;
    font-family:Arial, sans-serif !important;
    font-size:48px !important;
    font-weight:bold !important;
    color: #ffffff !important;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus{
    background: url(/static/images/calculator/steps-background-circle.png);
    background-position:0 0;
}

.ui-state-hover a, 
.ui-state-hover a:hover, 
.ui-state-hover a:link, 
.ui-state-hover a:visited, 
.ui-state-focus a, 
.ui-state-focus a:hover, 
.ui-state-focus a:link, 
.ui-state-focus a:visited {
    color: #ffffff;
    text-decoration: none !important;
    outline:none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: url(/static/images/calculator/steps-background-circle.png);
    background-position:0 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.ui-state-default a:active, .ui-widget-content .ui-state-default a:active, 
.ui-widget-header .ui-state-default a:active{
    text-decoration:none;
    border:none;
    outline:none;
}

.ui-state-disabled a:hover, .ui-state-disabled a:active{
    text-decoration:none !important;
    border:none !important;
    outline:none !important;	
}
/*negate round step labels*/
#tabLabels {
    padding: 12px 0 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: transparent;
    background-position: 0 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: list-item !important;
    color: #555555 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    display: none !important;
    width: initial;
    height: initial;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    color: #555555 !important;
    padding: 0px 0 0px 0;
    font-size: 28px !important;
}
@media screen and (max-width: 840px) and (min-width: 551px) {
    
    #tabLabels {
        padding: 12px 0 0 0;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        background: transparent;
        background-position: 0 0;
        margin-bottom: 0px;
        padding-bottom: 0px;
        display: list-item !important;
        color: #555555 !important;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        display: none !important;
        width: initial;
        height: initial;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        color: #555555 !important;
        padding: 0px 0 0px 0;
        font-size: 28px !important;
    }
}

@media only screen and (max-width: 550px){
    
    #tabLabels {
        padding: 11px 0 0 0;
    }
    
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        background: transparent;
        background-position: 0 0;
        margin-bottom: 0px;
        padding-bottom: 0px;
        display: list-item !important;
        color: #555555 !important;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        display: none !important;
        width: initial;
        height: initial;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        color: #555555 !important;
        padding: 0px 0 0px 0;
        font-size: 26px !important;
    }
}