.postprostep {
    width: 809px;
    height: 55px;
    border-top: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
    border-left:solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
}
.postprostepinner
       {
            width: 809px;
           height:55px;
           margin-left:auto;
           margin-right:auto;
           text-align:center;
           overflow:hidden;
       }
 .spritee {
    background-image: url(../images/prostrip.png);
    background-repeat: no-repeat;
    display: block;
}
       .step1
       {
        width: 248px;
        height: 53px;
         background:#5A00B3;
         float:left;
       }
       .steponleft
       {
            width: 30px;
        height: 30px;
        border:2px solid #fff;
        float:left;
        border-radius:100%;
        margin-top:11px;
        margin-left:15px;
        font-size:21px;
        color:White;
        line-height:23px;
       }
       .steponright
       {
            width: 185px;
        height: 46px;
        float:right;
        margin-top:3px;
        text-align:left;
         font-size:17px;
         color:White;
         line-height:23px;
         padding-top:11px;
       }
       .stepontext
       {
           font-size:23px;
        color:White;
        font-weight:700;
       }
       .stepoffleft
       {
            width: 30px;
        height: 30px;
        border:2px solid #cfcfcf;
        float:left;
        border-radius:100%;
        margin-top:11px;
        margin-left:15px;
        font-size:21px;
        color:#cfcfcf;
        line-height:23px;
       }
       .stepoffright
       {
            width: 185px;
        height: 46px;
        float:right;
        margin-top:3px;
        text-align:left;
         font-size:17px;
         color:#cfcfcf;
         line-height:23px;
          padding-top:11px;
       }
       .stepofftext
       {
           font-size:23px;
        color:#cfcfcf;
        font-weight:700;
       }
       .step1div
       {
           width: 20px;
        height: 53px;
           background-position: -190px -61px;
           float:left;
       }
       .step11div
       {
           width: 20px;
        height: 53px;
           background-position: -395px -61px;
           float:left;
       }
       .step2
       {
            width: 250px;
        height: 53px;
         background:#FFF;
         float:left;
       }
       .step22
       {
            width: 248px;
        height: 53px;
         background:#5A00B3;
         float:left;
       }
       .step2div
       {
            width: 19px;
        height: 53px;
           background-position: -357px -63px;
           float:left;
       }
        .step22div
       {
            width: 19px;
        height: 53px;
           background-position: -190px -61px;
           float:left;
       }
       .step3
       {
            width: 250px;
        height: 53px;
         background:#FFF;
         float:left;
       }
       .step3div
       {
            width: 22px;
        height: 53px;
           background-position: -473px -61px;
           float:left;
       }
       .step33div
       {
            width: 22px;
        height: 53px;
           background-position: -439px -62px;
           float:left;
       }
        .regformcityweb
        {
            height: auto; width:500px; margin-top: 50px; margin-right:auto; margin-left:auto; margin-bottom:50px; font-size:15px;
        }
        .regformcityweb ul
        {
            margin:0px;
            padding:0px;
        }
        
       
        .radioboxlist radioboxlistStyle
{
font-size:x-large;
padding-right: 20px;
}
.radioboxlist label {
background-color:#e4eefa;
padding-left: 6px;
padding-right: 16px;
padding-top: 2px;
padding-bottom: 2px;
border:1px solid #81b0e6;
white-space: nowrap;
clear: left;
margin-right: 10px;
margin-left: 10px;

}

input:checked + label {

background: #d0f0ff;
}
.cal_Theme1 .ajax__calendar_container   {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
color: #004080;
text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
color: #004080;
font-weight: bold;
background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}  
 .regformcitywebtd
        {
             height:80px;
             list-style-type:none;
        }
        .txtcityweb
         {
             background: #fff;
    display: inline-block;
    width: 100%;
    border: 1px solid #b082ea;
    padding: 3px 0px 3px 0px;
    -moz-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    background-color:#f6eeff;
    outline:0px;
    padding-left:10px;
         }
.totalcitywebbig {
     
    display: inline-block;
    width: 93%;
    border: 1px solid #b082ea;
    padding: 3px 0px 3px 0px;
    -moz-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    background-color:#b082ea;
    outline:0px;
    
}
.totalcitywebsmall {
     
    display: inline-block;
    width: 7%;
    border: 1px solid #b082ea;
    padding: 3px 0px 3px 0px;
    -moz-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    background-color:#b082ea;
    outline:0px;
    text-align:right;
}

        .txtcityweb:focus{ background-color:#fbf9fc; border: 1px solid #b082ea;}
        .txtcitywebbig
         {
             background: #fff;
    display: inline-block;
    width: 92%;
    border: 1px solid #b082ea;
    padding: 3px 0px 3px 0px;
    -moz-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    background-color:#f6eeff;
    outline:0px;
    padding-left:10px;
         }
        .txtcitywebbig:focus{ background-color:#fbf9fc; border: 1px solid #b082ea;}
         .txtcitywebsmall
         {
             
    display: inline-block;
    width: 8%;
    border: 1px solid #b082ea;
    padding: 3px 0px 3px 0px;
    -moz-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    background-color:#b082ea;
    outline:0px;
    color:#fff;
    text-align:center;
    
         }
        .txtcitywebsmall:focus{ background-color:#fbf9fc; border: 1px solid #b082ea;}
         .txt_DOB
         {
             background: #fff;
    display: inline-block;
    width: 100%;
    border: 1px solid #b082ea;
    padding: 3px 0px 3px 0px;
    -moz-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    background-color: #f6eeff;
    outline:0px;
    padding-left:10px;
         }
        .txt_DOB:focus{ background-color:#fbf9fc; border: 1px solid #b082ea;}
        .btncityweb{ background: #ff6a00;
    border: none;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    float: right;
    padding:4px 0px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 18px; margin-top:20px; }
        .btncityweb:hover{background-color:#f8aa4a; color:#fff;}
        .citywebfileupload
        {
            
           background: #fff;
    
    width: 100%;
    padding: 3px 26px 3px 3px;
    -moz-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    
    outline: 0px;
        }
        
.btnselect
{
    background-color:#b082ea;
}
.btnselect:focus
{
    background-color:#e4eefa;
}
.pnladdvisitor
{
    width:100%;
    margin-top:50px;
}
.addstore
{
    color:#fff;
    background-color:#b082ea;
    padding:10px;
}
.visitstorebtn
{
    color:#fff;
    background-color:#b082ea;
    padding:10px;
}
.visitstorebtn:hover
{
    color:#fff;
    background-color:#b082ea;
    padding:10px;
}



@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 1024px) {

   
}
@media only screen and (max-width : 992px) {
     .postprostep {
    width: 750px;
   
}
.postprostepinner
       {
            width: 750px;
           height:55px;
           margin-left:auto;
           margin-right:auto;
           text-align:center;
           overflow:hidden;
       }
 
       .step1
       {
        width: 228px;
        height: 53px;
         float:left;
       }
       .steponleft
       {
            width: 30px;
        height: 30px;
        border:2px solid #fff;
        float:left;
        border-radius:100%;
        margin-top:11px;
        margin-left:15px;
        font-size:21px;
        color:White;
        line-height:23px;
       }
       .steponright
       {
            width: 165px;
        height: 46px;
        float:right;
        margin-top:3px;
        text-align:left;
         font-size:17px;
         color:White;
         line-height:23px;
         padding-top:13px;
       }
       .stepontext
       {
           font-size:20px;
        color:White;
        font-weight:700;
       }
       .stepoffleft
       {
            width: 30px;
        height: 30px;
        border:2px solid #cfcfcf;
        float:left;
        border-radius:100%;
        margin-top:11px;
        margin-left:15px;
        font-size:21px;
        color:#cfcfcf;
        line-height:23px;
       }
       .stepoffright
       {
            width: 165px;
        height: 46px;
        float:right;
        margin-top:3px;
        text-align:left;
         font-size:14px;
         color:#cfcfcf;
         line-height:23px;
          padding-top:13px;
       }
       .stepofftext
       {
           font-size:20px;
        color:#cfcfcf;
        font-weight:700;
       }
       .step1div
       {
           width: 20px;
        height: 53px;
           background-position: -190px -61px;
           float:left;
       }
       .step11div
       {
           width: 20px;
        height: 53px;
           background-position: -395px -61px;
           float:left;
       }
       .step2
       {
            width: 229px;
        height: 53px;
         background:#FFF;
         float:left;
       }
       .step22
       {
            width: 229px;
        height: 53px;
         float:left;
       }
       .step2div
       {
            width: 19px;
        height: 53px;
           background-position: -357px -63px;
           float:left;
       }
        .step22div
       {
            width: 19px;
        height: 53px;
           background-position: -190px -61px;
           float:left;
       }
       .step3
       {
            width: 230px;
        height: 53px;
         background:#FFF;
         float:left;
       }
       .step3div
       {
            width: 22px;
        height: 53px;
           background-position: -473px -61px;
           float:left;
       }
       .step33div
       {
            width: 22px;
        height: 53px;
           background-position: -439px -62px;
           float:left;
       }
        .regformcityweb
        {
            height: auto; width:500px; margin-top: 50px; margin-right:auto; margin-left:auto; margin-bottom:50px; font-size:15px;
        }
       
        .radioboxlist radioboxlistStyle
{
font-size:x-large;
padding-right: 20px;
}
.radioboxlist label {
background-color:#e4eefa;
padding-left: 6px;
padding-right: 16px;
padding-top: 2px;
padding-bottom: 2px;
border:1px solid #81b0e6;
white-space: nowrap;
clear: left;
margin-right: 10px;
margin-left: 10px;

}

input:checked + label {

background: #d0f0ff;
}

 .regformcitywebtd
        {
             height:80px;
            
        }

       
}
@media only screen and (max-width : 768px) {

     .postprostep {
    width: 640px;
   
}
    .postprostepinner {
        width: 640px;
    }
    .step2
       {
            width: 190px;
        height: 53px;
         background:#FFF;
         float:left;
       }
     .step3
       {
            width: 190px;
        height: 53px;
         background:#FFF;
         float:left;
       }
       .step22
       {
            width: 195px;
        height: 53px;
         float:left;
       }
       .stepoffleft {
   
    margin-left: 7px;
}
       .steponleft{
           margin-left: 7px;
       }
       .stepoffright
       {
            width: 145px;
       
          padding-top:13px;
       }
       .stepofftext
       {
           font-size:16px;
       
        padding-left:10px;
       }
        .steponright
       {
            width: 145px;
        height: 46px;
       
         padding-top:13px;
       }
       .stepontext
       {
          font-size:16px;
       
        padding-left:10px;
       }
       .step1
       {
            width: 190px;
        height: 53px;
         float:left;
       }
       .regformcityweb
        {
            height: auto; width:400px; margin-top: 50px; margin-right:auto; margin-left:auto; margin-bottom:50px; font-size:15px;
        }
       
}
@media only screen and (max-width : 640px) {
    .postprostep {
    width: 480px;
   
}
    .postprostepinner {
        width:480px;
    }
    .step2
       {
            width: 138px;
        height: 53px;
         background:#FFF;
         float:left;
       }
     .step1
       {
            width: 138px;
        height: 53px;
         float:left;
       }
      .step3
       {
            width: 138px;
        height: 53px;
         float:left;
       }
       .step22
       {
            width: 138px;
        height: 53px;
         float:left;
       }
       .stepoffleft {
   
    margin-left: 7px;
}
       .steponleft{
           margin-left: 7px;
       }
       .stepoffright
       {
            width: 90px;
            padding-top:0px;
       }
       .stepofftext
       {
           font-size:16px;
        margin-top:5px;
        padding-left:0px;
       }
        .steponright
       {
            width: 90px;
        height: 46px;
        padding-top:0px;
       }
       .stepontext
       {
          font-size:16px;
       
        padding-left:0px;
       }
       .stepoffleft
       {
            width: 25px;
        height: 25px;
       
        margin-top:15px;
        margin-left:10px;
        font-size:18px;
      
       }
       .steponleft
       {
            width: 25px;
        height: 25px;
        margin-top:15px;
        margin-left:10px;
        font-size:18px;
       }
    
}
@media only screen and (max-width : 480px) {

     .regformcityweb
        {width:300px;
        }
     .postprostep
     {
         display:none;
     }
     .filecityweb
     {
          display:none;
     }
     .uploadreciept
     {
         display:none;
     }
     
}
@media only screen and (max-width : 320px) {

    .regformcityweb
        {width:280px;
        }
}