/*   
  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;
    padding: 0;
    /*border: 0 solid #CCC;*/
    overflow: visible;
    float: left;
    width: 100%;
}

    .swMain .stepContainer {
        display: block;
        position: relative;
        /*margin: 10px;*/
        padding: 0;
        /*border: 0 solid #CCC;*/
        /*border-top:solid 2px #EA8511;*/
        /*-webkit-border-radius: 5px;
            -moz-border-radius: 5px;*/
        /*border-bottom:solid 2px #EA8511;*/
        overflow-x: hidden;
        overflow-y: scroll;
        clear: both;
        /*height:100%;*/
    }

        .swMain .stepContainer div.content {
            display: block;
            position: absolute;
            float: left;
            margin: 0;
            /*padding: 5px;*/
            /*border: 1px solid #CCC;*/
            font: normal 12px;
            /*color: #666666;*/
            /*background-color:#fff;*/
            /*height:100%;*/
            text-align: left;
            overflow: visible;
            z-index: 88;
            /*-webkit-border-radius: 5px;
            -moz-border-radius: 5px;*/
            width: 100%;
            clear: both;
        }

    .swMain div.actionBar {
        display: block;
        /*position: relative;*/
        clear: both;
        margin: 3px 0 0 0;
        /*border: 1px solid #CCC;*/
        padding: 0;
        color: #666666;
        background-color: #666666;
        height: 60px;
        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;
        color: #666666;
        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: 0;
        margin: 0 auto;
        /*text-align:center;*/
        clear: both;
        width: 100%;
        /*border: 0 solid #CCCCCC;*/
        background: #fff;
    }

        .swMain ul.anchor li {
            position: relative;
            display: inline;
            margin: 0;
            /*padding: 0 3px;*/
            /*border: 0 solid #E0E0E0;*/
            /*float: left;*/
        }
            /* Anchor Element Style */
            .swMain ul.anchor li a {
                /*text-align:center;*/
                display: block;
                position: relative;
                float: left;
                /*margin: 0 0 0 0 !important;*/
                margin: 6px;
                height:30px;
                width: 120px;
                text-decoration: none;
                outline-style: none;
                /*border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;*/
                z-index: 99;
            }

            .swMain ul.anchor li:not(:first-of-type ):not(.selected ) a .stepNumber {
                position: relative;
                float: left;
                /*width:30px;*/
                text-align: center;
                vertical-align: middle;
                /*padding-left: 5px;*/
                border-radius: 50%;
                width: 16px;
                height: 16px;
                background: #689BBF;
                color: #fff !important;

/*                 padding-top:2px;
                    padding-left: 3px;
                    padding-bottom: 3px;
                    padding-right:3px;*/
                /*border: 2px solid #689BBF; */
                margin-top: 6px;
                margin-left: 20px;
                font-size: 12px;
                font-weight: bold;
/*                 font-family:Tahoma, Arial, Helvetica, sans-serif; */
            }

            .swMain ul.anchor li:first-of-type a .stepNumber {
                position: relative;
                float: left;
                /*width:30px;*/
                text-align: center;
                vertical-align: middle;
                /*padding-left: 5px;*/
                border-radius: 50%;
                width: 16px;
                height: 16px;
                background: #689BBF;
                color: #fff !important;
                /*padding-top:2px;
                    padding-left: 3px;
                    padding-bottom: 3px;
                    padding-right:3px;*/
                /*border: 2px solid #689BBF;*/
                margin: 6px;
                font-size: 12px;
                font-weight: bold;
                /*font-family:Tahoma, Arial, Helvetica, sans-serif;*/
            }

.selected .stepNumber {
    background: #689BBF !important;
    color: #FFFF66 !important;
    border: none;
    box-shadow: 1px 1px 1px 2px #E9E5DC;
    /*margin-bottom:5px !important;*/
}

.done:hover .stepNumber {
    /*background: #EA8511 !important;*/
    /*color:#666666 !important;*/
    /*border: solid 1px #fff;*/
}

.done .stepNumber {
    /*background: #EA8511 !important;*/
    color: #689BBF !important;
}

.disabled .stepNumber {
    background: #cccccc !important;
    color: #689BBF !important;
}

.ui-widget {
    /*font-family: Prime Light !important;*/
}

.swMain ul.anchor li a .stepDesc {
    position: relative;
    display: inline-block;
    float: left;
    text-align: left;
    vertical-align: middle;
    padding: 7px 0 0 8px;

    font-size: 12px;
   
    /*font-weight:bold;*/
    /*font: 22px Prime Regular;*/
}

    .swMain ul.anchor li a .stepDesc small {
        font: normal 12px;
    }

.swMain ul.anchor li a.selected {
    background: #689BBF;
    color: #FFF;
    /*border-top: solid 1px #666666;
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;*/
    margin-right: 10px;
    /*font-size: 24px;*/
    /*font-weight:bold;*/
    /*width: 0; 
	height: 0;*/
    /*border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	
	border-left: 15px solid green;*/
    /*border: 1px solid #EA8511;
    cursor: text;
    /*-moz-box-shadow: 5px 5px 8px #888;
    -webkit-box-shadow: 5px 5px 8px #888;
    box-shadow: 5px 5px 8px #888;*/
    /*background: #8CC63F;
    background: -moz-linear-gradient(top,#EA8511 0,#FFD47F 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#EA8511),color-stop(100%,#FFD47F));*/
}

    .swMain ul.anchor li a.selected:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -15px;
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #689BBF;
    }

.swMain ul.anchor li:not(:first-of-type ) a:before {
    content: '';
    display: block;
    position: absolute;
    right: 92px;
    top: 50%;
    margin-top: -15px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #E9E5DC;
}

.swMain ul.anchor li a.selected:hover {
    /*color: #F8F8F8;
        background: #666666;*/
}

.swMain ul.anchor li a:after {
    z-index: 1000;
}

.swMain ul.anchor li a.done {
    position: relative;
    color: #689BBF;
    background: #fff;
    /*border: solid 1px #689BBF;*/
    margin-right: 10px;
    /*border: 1px solid #8CC63F;*/
    z-index: 99;
    /*box-shadow: #505050 2px 2px !important;*/
    /*background: #8CC63F;
    background: -moz-linear-gradient(top,#006600 0,#99FF99 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#006600),color-stop(100%,#99FF99));*/
}

    .swMain ul.anchor li a.done:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -15px;
        /*margin-right: 20px;*/
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fff;
    }

    .swMain ul.anchor li a.done:hover {
        color: #fff;
        background: #689BBF;
        /*border: 1px solid #666666;*/
    }

        .swMain ul.anchor li a.done:hover:after {

                    border-top: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #689BBF;
            /*content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -20px;

	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #666666;*/
        }

.swMain ul.anchor li a.disabled {
    color: #CCCCCC;
    background: #F8F8F8;
    margin-right: 10px;
    /*border: 1px solid #CCC;*/
    cursor: text;
}

    .swMain ul.anchor li a.disabled:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -15px;
        /*margin-right: 20px;*/
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #F8F8F8;
    }

    .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 {
    display: block;
    float: right;
    margin: 5px 3px 0 3px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font-size: 24px;
    /*font-weight: bold;*/
    /*text-transform:uppercase;*/
    width: 120px;
    color: #fff;
    outline-style: none;
    background-color: #EA8511;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*border: 1px solid #505050;*/

     box-shadow: #505050 2px 2px ;
    /*-webkit-text-fill-color: white; 
     -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: black;*/
    /*text-shadow:
   -1px -1px 0 #EA8511,  
    1px -1px 0 #EA8511,
    -1px 1px 0 #EA8511,
     1px 1px 0 #EA8511;
         background: -moz-linear-gradient(top,#FFFFCC 0,#EA8511 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFCC),color-stop(100%,#EA8511));

                             background: #8CC63F;
    background: -moz-linear-gradient(top,#FFD47F 0,#EA8511 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFD47F),color-stop(100%,#EA8511));*/
}

.swMain .buttonDisabled {
    color: #F8F8F8 !important;
    background-color: #CCCCCC !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*border: 1px solid #CCCCCC !important;*/
    cursor: text;
    font-size: 24px;
    /*font-weight: bold;*/
    /*text-transform:uppercase;*/
    /*text-shadow:
   -1px -1px 0 #CECECE,  
    1px -1px 0 #CECECE,
    -1px 1px 0 #CECECE,
     1px 1px 0 #CECECE !important;
    background: -moz-linear-gradient(top,#F4F4F4 0,#CCCCCC 100%) !important;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F4F4F4),color-stop(100%,#CCCCCC))!important;*/
}

.swMain .buttonPrevious {
    display: block;
    float: right;
    margin: 5px 3px 0 3px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    width: 120px;
    color: #FFF;
    outline-style: none;
    background-color: #689BBF;
    /*border: 1px solid #666666;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 24px;
    /*font-weight: bold;*/
    /*text-transform:uppercase;*/
    /*text-shadow:
   -1px -1px 0 #505050,  
    1px -1px 0 #505050,
    -1px 1px 0 #505050,
     1px 1px 0 #505050;*/
    box-shadow: #505050 2px 2px !important;
                         /*background: #CCCCCC;
    background: -moz-linear-gradient(top,#F4F4F4 0,#505050 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F4F4F4),color-stop(100%,#505050));*/
    /*background: #CCCCCC;
    background: -moz-linear-gradient(top,#CCCCCC 0,#666666 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#CCCCCC),color-stop(100%,#666666));*/
    /*background: #67707F;
    background: -moz-linear-gradient(top,#67707F 0,#888DA0 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#67707F),color-stop(100%,#888DA0));*/
}

.swMain .buttonFinish {
    display: block;
    float: right;
    margin: 5px 10px 0 3px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    width: 120px;
    color: #FFF;
    outline-style: none;
    background-color: #669966;
    /*border: 1px solid #666666;*/
    font-size: 24px;
    /*font-weight: bold;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*text-transform:uppercase;*/
    /*text-shadow:
   -1px -1px 0 #009900,  
    1px -1px 0 #009900,
    -1px 1px 0 #009900,
     1px 1px 0 #009900;*/

    box-shadow: #505050 2px 2px !important;
                  /*  background: #8CC63F;
    background: -moz-linear-gradient(top,#99FF99 0,#006600 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#99FF99),color-stop(100%,#006600));*/
}

/* Form Styles */

.txtBox {
    border: 1px solid #CCCCCC;
    color: #666666;
    font: 13px;
    padding: 2px;
    width: 430px;
}

    .txtBox:focus {
        border: 1px solid #689BBF;
    }

.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;
    color: #666666;
    background: #FFF url(../images/loader.gif) no-repeat 5px;
    border-radius: 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;
    color: #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 999;
    min-width: 200px;
}

    .swMain .msgBox .content {
        font: normal 12px;
        padding: 0;
        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 #689BBF;
        }