/*   
  SmartWizard 2.0 plugin 
  jQuery Wizard control Plugin
  by Dipu
  
  http://www.techlaboratory.net
  http://tech-laboratory.blogspot.com
*/
.swMain
{
    position: relative;
    display: block;
    margin: 0;
    border: 0;
    overflow: visible;
    float: left; 
    width:100%;/*Importer width*/
}
.swMain .stepContainer
{
    /*display:block;   position: relative;        border: 0px solid #CCC;       overflow:hidden;   clear:both;   height:100%; */
    margin: 0;
    padding: 0;
}

.swMain .stepContainer div.content
{
    float: left;
    margin: 0;
    padding: 5px;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    overflow: visible;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 99%;
    clear: both;
}

.swMain div.actionBar
{
    display: block; /* position: relative; */
    clear: both;
    margin: 0;
    border: 0;
    padding: 0;
    height: 40px;
    text-align: left;
    overflow: auto;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    left: 0;
}

.swMain .stepContainer .StepTitle
{
    display: block;
    position: relative;
    margin: 0;
    border: 1px solid #E0E0E0;
    padding: 5px;
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background-color: #E0E0E0;
    clear: both;
    text-align: left;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.swMain ul.anchor
{
    position: relative;
    display: block;
    float: left;
    list-style: none;
    padding: 0px;
    margin: 10px 0;
    clear: both;
    border: 0px solid #CCCCCC;
    background: transparent; /*#EEEEEE */
}
.swMain ul.anchor li
{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 3px;
    padding-right: 3px;
    border: 0px solid #E0E0E0;
    float: left;
}
/* Anchor Element Style */
.swMain ul.anchor li a
{
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 3px;
    text-decoration: none;
    outline-style: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 99;
}
.swMain ul.anchor li a .stepNumber
{
    position: relative;
    float: left;
    width: 30px;
    text-align: center;
    padding: 0;
    margin-right: 5px;
    font: bold 45px Verdana, Arial, Helvetica, sans-serif;
}
.swMain ul.anchor li a .stepDesc
{
    position: relative;
    display: block; /*float:left;*/
    text-align: left;
    padding: 0;
}
.swMain ul.anchor li a .stepDesc span
{
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
.swMain ul.anchor li a.selected
{
    color: #F8F8F8;
    background: #3C7FB1; /* EA8511 */
    border: 1px solid #3C7FB1;
    cursor: text;
    -moz-box-shadow: 5px 5px 8px #888;
    -webkit-box-shadow: 5px 5px 8px #888;
    box-shadow: 5px 5px 8px #888;
}
.swMain ul.anchor li a.selected:hover
{
    color: #F8F8F8;
    background: #3C7FB1;
}

.swMain ul.anchor li a.done
{
    position: relative;
    color: #FFF;
    background: #C0C0C0;
    border: 1px solid #C0C0C0;
    z-index: 99;
}
.swMain ul.anchor li a.done:hover
{
    color: #5A5655;
    background: #C0C0C0;
    border: 1px solid #5A5655;
}
.swMain ul.anchor li a.disabled
{
    color: #CCCCCC;
    background: #F8F8F8;
    border: 1px solid #CCC;
    cursor: text;
}
.swMain ul.anchor li a.disabled:hover
{
    color: #CCCCCC;
    background: #F8F8F8;
}

.swMain ul.anchor li a.error
{
    color: #6c6c6c !important;
    background: #f08f75 !important;
    border: 1px solid #fb3500 !important;
}
.swMain ul.anchor li a.error:hover
{
    color: #000 !important;
}

.swMain .buttonNext
{
    border-radius: 0.3em;
    display: block;
    float: right;
    margin: 5px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font: 12px/100% Arial,Helvetica,sans-serif;
    color: #FFFFFF;
    outline-style: none;
    background-color: #4787ED;
    border: 1px solid #3079ED;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    display: inline-block;
    outline: medium none;
    cursor: pointer;
}
.swMain .buttonDisabled
{
    color: #F8F8F8 !important;
    background-color: #CCCCCC !important;
    border: 1px solid #CCCCCC !important;
    cursor: text !important;
}
.swMain .buttonPrevious
{
    border-radius: 0.3em;
    display: block;
    float: right;
    margin: 5px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font: 12px/100% Arial,Helvetica,sans-serif;
    color: #FFFFFF;
    outline-style: none;
    background-color: #4787ED;
    border: 1px solid #3079ED;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    display: inline-block;
    outline: medium none;
    cursor: pointer;
}
.swMain .buttonFinish
{
    display: block;
    float: right;
    margin: 5px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font: 12px/100% Arial,Helvetica,sans-serif;
    color: #FFFFFF;
    outline-style: none;
    background-color: #4787ED;
    border: 1px solid #3079ED;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*display: inline-block;*/
    display: none; /*To remove empty wizard button in Training Scope Importer*/
    outline: medium none;
    cursor: pointer;
}

/* Form Styles */

.txtBox
{
    border: 1px solid #CCCCCC;
    color: #5A5655;
    font: 13px Verdana,Arial,Helvetica,sans-serif;
    padding: 2px;
    width: 430px;
}
.txtBox:focus
{
    border: 1px solid #EA8511;
}

.swMain .loader
{
    position: relative;
    display: none;
    float: left;
    margin: 2px 0 0 2px;
    padding: 8px 10px 8px 40px;
    border: 1px solid #FFD700;
    font: bold 13px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background: #FFF url(../images/loader.gif) no-repeat 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 998;
}
.swMain .msgBox
{
    position: relative;
    display: none;
    float: left;
    margin: 4px 0 0 5px;
    padding: 5px;
    border: 1px solid #FFD700;
    background-color: #FFFFDD;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 999;
    min-width: 200px;
}
.swMain .msgBox .content
{
    font: normal 12px Verdana,Arial,Helvetica,sans-serif;
    padding: 0px;
    float: left;
}
.swMain .msgBox .close
{
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #CCC;
    display: block;
    float: right;
    margin: 0 0 0 5px;
    outline-style: none;
    padding: 0 2px 0 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
.swMain .msgBox .close:hover
{
    color: #EA8511;
    border: 1px solid #EA8511;
}

.buttonStandard
{
    background-color: #3C7FB1;
    border: 1px solid #3C7FB1;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font: bold 13px Verdana,Arial,Helvetica,sans-serif;
    margin: 5px 3px 0;
    outline-style: none;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
/*
.errorbox
{
    background: #FF2A2A;
    background-image: url("/images/icon/alert-error.png");
    background-position: 20px, 50%;
    background-repeat: no-repeat;
    color: white;
    font-family: Segeo UI, Arial;
    font-size: 14px;
    margin: 20px 0;
    /*padding: 30px 50px 100px 530px;
    padding: 20px 80px 20px 80px;
    width:845px;
    
}

.infobox
{
    background: #0082D9;
    background-image: url("/images/icon/alert-info.png");
    background-position: 20px, 50%;
    background-repeat: no-repeat;
    color: white;
    font-family: Segeo UI, Arial;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px 80px 20px 80px;
}
.warningbox
{
    background: #0082D9;
    background-image: url("/images/icon/alert-info.png");
    background-position: 20px, 50%;
    background-repeat: no-repeat;
    color: white;
    font-family: Segeo UI, Arial;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px 80px 20px 80px;
}
.successbox
{
    background: #0DAB14;
    background-image: url("/images/icon/alert-success.png");
    background-position: 20px, 50%;
    background-repeat: no-repeat;
    color: white;
    font-family: Segeo UI, Arial;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px 80px 20px 80px;
}*/
.plainbox
{
    background: #4E4E4E;
    background-position: 20px, 50%;
    background-repeat: no-repeat;
    color: white;
    font-family: Segeo UI, Arial;
    font-size: 14px;
    margin: 20px 0;
    padding: 20px 80px 20px 80px;
}

.swMain .buttonPrevious-registration
{
    -moz-border-radius: .3em !important;
    -webkit-border-radius: .3em !important;
    background: #4D90FE !important; /* Old browsers */
    background: -moz-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4D90FE), color-stop(100%, #4787ED)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* IE10+ */
    background: linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* W3C */
    border: 1px solid #3079ED !important;
    border-radius: .3em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    display: inline-block !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED', GradientType=0) !important; /* IE6-9 */
    font: 12px/100% Arial, Helvetica, sans-serif !important;
    margin: 5px !important;
    min-width: 120px;
    outline: none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}

.swMain .buttonNext-registration
{
    -moz-border-radius: .3em !important;
    -webkit-border-radius: .3em !important;
    background: #4D90FE !important; /* Old browsers */
    background: -moz-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4D90FE), color-stop(100%, #4787ED)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* IE10+ */
    background: linear-gradient(top, #4D90FE 0%, #4787ED 100%) !important; /* W3C */
    border: 1px solid #3079ED !important;
    border-radius: .3em !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    display: inline-block !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED', GradientType=0) !important; /* IE6-9 */
    font: 12px/100% Arial, Helvetica, sans-serif !important;
    margin: 5px !important;
    min-width: 120px;
    outline: none !important;
    padding: 5px !important;
    text-align: center !important;
    text-decoration: none !important;
}