﻿/********************popup*************************/




/*------------- for desktop-------------------*/



@media only screen and (min-width: 1000px) {
    .ankpentabbt {
    display:none !important;
    }

    .ankpentabbt1 img {
      width: 259px;
   /*height: 172px;*/
       height: 220px;
    box-shadow: -9px 5px 19px black;
}

    .ankpentabbt1 {
    position: fixed;
    /* float: right; */
    z-index: 9999;
           right: 0%;
    top: 14%;
}

    .iread {
    margin: 0 0 10px 0;
}

#updgcheckpin {
    background: url("http://ankolekar.reflection.ind.in/images/45.gif") left center no-repeat;
  
    height: 29px;
        margin: -2px 0 0 -128px;
    width: 100%;
    position: absolute;
}

td.anktxbys input {
    margin: 8px 0 0px 0 !important;
}

    .noticepop > a:hover {
    background-color: #132538;
}

    a.profilepopokbtn.mynewcrosbtn:hover {
    background-color: #132538;
    color: white;
}

    h3.profilepgpoptile {
   background-color: #00AAE7;
    margin: -10px 0 10px -13px;
    width: 100%;
    color: white;
    padding: 8px 19px 8px 13px;
}

    .tnc {
    height: 200px;
    font-size: 12px;
    overflow: scroll;
        text-align: left;
    margin: 0 0 15px 0;
}

    a.profilepopokbtn.mynewcrosbtn {
      margin: 9.5% 0 0 26% !important;
    position: absolute;
    color: black;
    background-color: white;
    font-weight: 600;
    text-decoration: none;
    width: 25px !important;
    z-index: 99;
}

    td div {
    text-align: left;
    /*padding: 4px 0 4px 12px !important;*/
}


     a.profilepopokbtn {
    width: 75px !important;
    margin: 0 auto !important;
}


    .regpopback {
        background-color: rgba(75, 75, 75, 0.31);
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
        z-index: 20000;
        left: 0;
    }



    .Availablitybody {
        margin: auto;
        position: relative;
        top: 40%;
        width: 300px;
    }

    .Availablityholder > p {
            background-color: #FFFFFF;
        color: black;
           font-size: 14px;
        padding: 0px 4%;
        text-align: left;
       margin: 15px 0 0 0;
        font-family: arial;
    }


    .Availablityholder .regpopformrow span#RequiredFieldValidator9, 
     .Availablityholder span#RequiredFieldValidator6, .Availablityholder span#RequiredFieldValidator8 {
       margin: 10px 0 0 -128px;
    position: absolute;
       
    }


    .Availablityholder span#RequiredFieldValidator4, .Availablityholder span#RequiredFieldValidator3,
    .Availablityholder span#RequiredFieldValidator5, .Availablityholder span#RequiredFieldValidator10    
    {
    margin: 10px 0 0 -21px;
    position: absolute;
  
    }
    .Availablityholder span#RequiredFieldValidator1 {
          margin: 9px 0 0 -145px;
    position: absolute;
    }



    .pinavailable:focus {
        border: 1px solid #857B7B;
    }

    .pinavailablebtn {
        background-color: #555555;
        border: 0 none;
        color: #FFFFFF;
        font-size: 15px;
        margin-bottom: 10px;
        padding: 4px 6px;
        text-align: center;
        width: auto;
    }





    /********************************************other***************************/


    /************************************signup thank you ********************************/

    /********************popup*************************/

    .regpopback {
        background-color: rgba(7, 5, 5, 0.58);
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
        z-index: 20000;
        font-family: Arial;
        left: 0;
    }




    .regpopformrow {
        float: left;
        width: 100%;
        min-height: 10px;
    }
    /*************popform**************************/

    .reglogform {
        float: left;
        width: 100%;
    }

    .pophead {
        border-bottom: 1px solid #AD1212;
        float: left;
        margin-bottom: 5px;
        padding-bottom: 5px;
        text-align: left;
        width: 100%;
    }

        .pophead > h3 {
            color: #B43C00;
            float: left;
            font-size: 16px;
        }

    a.popformchangebtn {
        color: #3A6607;
        float: right;
        padding: 0 10px;
        text-decoration: underline;
        margin: 0 23px;
    }


    .regpopformrow > ul {
        padding-left: 38px;
        text-align: left;
    }

    .poplabel {
        float: left;
        margin-bottom: 5px;
    }

    .popinput {
        border: 1px solid #AAAAAA;
        border-radius: 3px 3px 3px 3px;
        float: left;
        height: 25px;
        margin-left: 0;
        width: 100%;
    }

    .regpopformrow > input[type="image"] {
        clear: left;
        float: left;
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

    .orseparator {
        background-color: #EEEEEE;
        float: left;
        height: 26px;
        margin: 10px 0;
        width: 100%;
    }

        .orseparator > span {
            background-color: #FFFFFF;
            border-radius: 30px;
            display: inline-block;
            margin-left: 0;
            margin-top: 2px;
            padding: 4px 3px;
        }

    .forgotlink, .forgotlink:visited {
        color: #555555;
        display: block;
        float: left;
        padding: 8px;
        text-align: center;
        width: 100%;
    }

    #forgotpop h4 {
        font-size: 13px;
        margin: 10px 0;
    }

    #forgotpop {
        text-align: left;
    }

    .Txtforgotcls {
        border: 1px solid #AAAAAA;
        border-radius: 3px 3px 3px 3px;
        height: 20px;
        width: 62%;
    }

    #forgotpop > p {
        margin-bottom: 10px;
    }

    .popForgotBtn {
        background-color: #5F8E0C;
        border: 0 none;
        border-radius: 5px 5px 5px 5px;
        color: #FFFFFF;
        padding: 3px 11px;
    }

    .popRegtextdiv {
        background-color: #DD0000;
        float: left;
        margin: -6% 0 6px -4.6%;
        padding: 0;
        position: relative;
        width: 109.4%;
    }

        .popRegtextdiv > h3 {
            color: #FFFFFF;
            font-size: 17px;
            font-weight: normal;
            margin: 4px 0;
        }

        .popRegtextdiv span {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
        }

        .popRegtextdiv > p {
            line-height: 16px;
            padding: 0 18px;
            text-align: left;
        }

    #regdivId {
        padding-bottom: 40px;
    }

    .popemailchkdiv {
        background-color: #DDDDDD;
        bottom: -1px;
        float: left;
        left: -0.5%;
        padding: 8px 0;
        position: absolute;
        width: 100.7%;
    }

        .popemailchkdiv > input[type="checkbox"] {
            float: left;
            margin: 0 0 0 8%;
        }

        .popemailchkdiv label {
            float: left;
            margin: 1px 15px 1px 11px;
        }

    .regpopholder {
        display: block;
        margin: 14% auto;
        min-height: 100px;
        position: relative;
        width: 265px;
    }

    .regpopupbody {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        float: left;
        padding: 4%;
        width: 92%;
        position: absolute;
        z-index: 50;
        box-shadow: 4px 3px 8px #000000;
    }

    .teampopup {
        background-color: #FFFFFF;
        outline: 20px solid rgba(39, 39, 39, 0.47);
        box-shadow: 1px 1px 7px #676767;
        float: left;
        padding: 5%;
        text-align: justify;
        width: 90%;
    }

    .teamimgepop {
        border: 1px solid #EEEEEE;
        float: left;
        margin: 0 10% 9px 0;
        max-width: 350px;
        width: 100%;
    }

    .teampopup img {
        width: 250px;
    }

    .teampopup p {
        text-align: justify;
        margin-bottom: 5px;
    }

    .teampopup a img {
        margin: 6px 0;
    }

    .teampopup > h2 {
       color: #695A5A;
        font-size: 18px;
        font-weight: bolder;
        margin: 18px 0;
    }

    .teampopid .regpopholder {
        max-width: 750px;
        width: 85%;
        margin-top: 17%;
    }

    .teampopid a.closeImg {
        margin-top: 9px;
    }

    .regpopformrow span#RequiredFieldValidator9 {
        margin: 9px 0 0 -127px;
        position: absolute;
    }

    a.popLoginBtn, a.popLoginBtn:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .regpopformrow tr {
        float: left;
        margin-left: 10px;
    }


    .regpopformrow span#Label1 {
        display: none;
    }

    a.closeImg:hover {
        /*color: #C90404;*/
    }



    a.classremove, a.classremove:visited {
        background-image: url("../../Images/remove_icon.png");
        background-repeat: no-repeat;
        background-size: 16px auto;
        color: #ad2641;
            height: 13px;
        display: block;
        font-size: 11px;
        float: right;
        padding: 0 4px 4px 18px;
    }










    /*****************************Notice**********************/
    /************Notice*********************/
    .noticepop {
        background-color: #FFFFFF;
           margin: 9% auto auto;
      padding: 10px 19px 13px 13px;
        position: relative;
        width: 55%; /**************17-6-2014 changed 25% from 90% *********************/
        max-width: 55%;
        box-shadow: 4px 4px 11px #151515;
    }




        .noticepop > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 15px 5px;
            position: relative;
            color: black;
        }

        .noticepop > a, .noticepop > a:visited {
            background-color: #292929;
            color: #FFFFFF;
            display: block;
            margin: 4px;
            padding: 6px;
            position: relative;
        }



    .noticepopshopdiv {
        background-color: #FFFFFF;
        margin: 16% auto auto;
        padding: 7px 1%;
        position: relative;
        width: 25%; /**************17-6-2014 changed 25% from 90% *********************/
        max-width: 490px;
        box-shadow: 4px 4px 11px #151515;
    }




        .noticepopshopdiv > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 15px 5px;
            position: relative;
        }

        .noticepopshopdiv > a, .noticepopshopdiv > a:visited {
            background-color: #292929;
            color: #FFFFFF;
            display: block;
            margin: 4px;
            padding: 6px;
            position: relative;
        }


    .noticebtnsshopdiv {
        background-color: #FFFFFF;
        float: left;
        margin-left: -1.4%;
        padding: 20px 5px;
        width: 100.6%;
    }

        .noticebtnsshopdiv a {
            background-color: #636363;
            color: #FFFFFF;
            float: left;
            font-size: 15px;
            margin: 0 0 10px;
            padding: 9px 5px;
            text-decoration: none;
            width: 97.5%;
        }




    /**************ntce btn***************/
    /*.noticebtns {
background-color: #FFFFFF;
float: left;
margin-left: -1.4%;
padding: 20px 5px;
width: 100.6%;
}*/

    .noticebtns {
        background-color: #FFFFFF;
        float: left;
        margin-left: -13px;
        padding: 20px 5px;
        width: 105.3%;
    }

        .noticebtns a {
            background-color: #636363;
            color: #FFFFFF;
            float: left;
            font-size: 15px;
            margin: 0 0 10px;
            padding: 9px 5px;
            text-decoration: none;
            width: 97.5%;
        }

    a.chkoutbtn, a.chkoutbtn:visited {
        background-color: #178E20;
        border: medium none;
        color: #FFFFFF;
        float: right;
        font-size: 15px;
        margin: 0;
        text-decoration: none;
    }

    .shoplistbody #noticediv1 {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .shoplistbody .noticepop {
        background-color: rgba(255, 255, 255, 0);
        margin: 0 auto auto;
        padding: 7px 1%;
        width: 98%;
        max-width: none;
        box-shadow: 0 0 0;
    }

        .shoplistbody .noticepop > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 43px 5px;
            position: relative;
        }

    .shoplistbody .noticebtns {
        background-color: rgba(255, 255, 255, 0);
        float: left;
        margin-left: -1.4%;
        padding: 20px 3%;
        width: 95.6%;
    }

    .usernote {
        clear: right;
        color: #950801;
        /*font-weight: bold;*/
        float: left;
        display: inline-block;
        width: 100%;
        margin-top: 0px;
        position: relative;
        font-family: Arial;
        right: 1px;
        text-align: left;
        top: 1px;
        font-size: 12px;
    }

        .usernote.mobi {
            float: left;
            margin-top: -7px;
            display: block;
        }

        .usernote > strong {
            color: #9F1B47;
        }
    /***********************/
    .logoutsassiondiv {
        display: none;
        max-width: 35%;
        width: 23%;
        float: left;
        margin-top: 4px;
        background-image: url(/Images/bullet-arrow-social.png);
        vertical-align: bottom;
        background-repeat: no-repeat;
        max-height: 27px;
        background-size: 27px;
        padding-left: 0px;
        position: relative;
    }

    .usernote span { /* color:#fff; */ /* font-weight: bold; */
                    color: white;
    }


    .logoutsassiondiv ul {
        background: #EEEFE9;
        margin: 0;
        float: left;
        top: 25px;
        width: 75%;
        position: absolute;
        margin-left: -13px;
        list-style: none;
        padding: 2px 5px 0 0px;
        display: none;
        z-index: 1;
    }

    .logoutsassiondiv:hover ul {
        display: block;
        font-family: arial;
    }

    .logoutsassiondiv > ul > li > a {
        padding: 3px 4%;
        width: 91%;
        text-align: center;
        margin-bottom: 4px;
    }


    .Availablityholder > h4 {
        font-size: 16px;
        margin: 10px 0;
    }

        .Availablityholder > h4 b {
            font-size: 32px;
        }

    .regpopholder.ordrinvcpop {
        max-width: 500px;
        width: 100%;
    }

    .invoiceholderpop {
        float: left;
        padding-bottom: 10%;
        width: 99%;
    }

    .invoiceholderpopiner {
        background-color: #FFFFFF;
        float: left;
        padding: 1%;
        width: 99%;
    }

        .invoiceholderpopiner.evntnotice > strong {
            background-color: #505050;
            display: block;
            width: 99%;
            padding: 1%;
            font-size: 17px;
            margin: -11px 0 10px;
            color: #fff;
        }

        .invoiceholderpopiner.evntnotice {
            padding: 3%;
            width: 96%;
        }



    .pinavailablebtn {
        background-color: #555555;
        border: 0 none;
        color: #FFFFFF;
        font-size: 15px;
        margin-bottom: 10px;
        padding: 4px 6px;
        text-align: center;
        width: auto;
    }




    #Div10.noticepop {
        max-width: 633px;
        padding: 16px 10px;
    }

    #Div10 > p {
        padding: 10px 0 22px;
    }

    #Div10 .noticebtns {
        background-color: #FFFFFF;
        float: left;
        margin-left: -11px;
        padding: 24px 10px;
        width: 100%;
        box-shadow: 4px 8px 7px #151515;
        border: 1px solid #000;
        border-top: 0;
    }

    .noticepop > a, .noticepop > a:visited {
       background-color: #00AAE7;
        color: #FFFFFF;
            display: inline-block;
           text-decoration: none;
        margin: 4px;
        padding: 6px;
        position: relative;
    }



    /**************************************************Team page************************/




    .regpopbackOfMyfriends {
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
        z-index: 20000;
        left: 0;
    }
}



/*  -------=------------------ for verticle tablet-----------------------*/



@media (min-width: 700px) and (max-width:950px)
{

     .ankpentabbt {
    display:none !important;
    }

    .ankpentabbt1 img {
      width: 259px;
   height: 172px;
       height: 200px;
    box-shadow: -9px 5px 19px black;
}

    .ankpentabbt1 {
      position: fixed;
    width: 258px;
    /* float: right; */
    z-index: 9999;
    right: 0 !important;
    margin: 57px 0 0 0px;
}

    .iread {
    margin: 0 0 10px 0;
}

    .noticepop > a:hover {
    background-color: #132538;
}

    a.profilepopokbtn.mynewcrosbtn:hover {
    background-color: #132538;
    color: white;
}

    h3.profilepgpoptile {
   background-color: #00AAE7;
    margin: -10px 0 10px -13px;
    width: 100%;
    color: white;
    padding: 8px 19px 8px 13px;
}

    .tnc {
    height: 200px;
    font-size: 12px;
    overflow: scroll;
        text-align: left;
    margin: 0 0 15px 0;
}

    a.profilepopokbtn.mynewcrosbtn {
      margin: 9.5% 0 0 26% !important;
    position: absolute;
    color: black;
    background-color: white;
    font-weight: 600;
    text-decoration: none;
    width: 25px !important;
    z-index: 99;
}


    .regpopback {
        background-color: rgba(75, 75, 75, 0.31);
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
        z-index: 20000;
        left: 0;
    }



    .Availablitybody {
        margin: auto;
        position: relative;
        top: 40%;
        width: 300px;
    }

    .Availablityholder > p {
        background-color: #F9F9F9;
        color: black;
        font-size: 17px;
        padding: 8px 4%;
        text-align: left;
        margin: 30px 0 0 0;
        font-family: arial;
    }


    .Availablityholder span#RequiredFieldValidator4, .Availablityholder span#RequiredFieldValidator3, .Availablityholder .regpopformrow span#RequiredFieldValidator9, .Availablityholder span#RequiredFieldValidator5,
    .Availablityholder span#RequiredFieldValidator1, .Availablityholder span#RequiredFieldValidator6, .Availablityholder span#RequiredFieldValidator8, .Availablityholder span#RequiredFieldValidator10 {
      
        margin: 10px 0 0 -130px;
        position: absolute;
    }

    .pinavailable:focus {
        border: 1px solid #857B7B;
    }

    .pinavailablebtn {
        background-color: #555555;
        border: 0 none;
        color: #FFFFFF;
        font-size: 15px;
        margin-bottom: 10px;
        padding: 4px 6px;
        text-align: center;
        width: auto;
    }





    /********************************************other***************************/


    /************************************signup thank you ********************************/

    /********************popup*************************/

    .regpopback {
        background-color: rgba(7, 5, 5, 0.58);
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
        z-index: 20000;
        font-family: "Merienda",cursive;
        left: 0;
    }




    .regpopformrow {
        float: left;
        width: 100%;
        min-height: 10px;
    }
    /*************popform**************************/

    .reglogform {
        float: left;
        width: 100%;
    }

    .pophead {
        border-bottom: 1px solid #AD1212;
        float: left;
        margin-bottom: 5px;
        padding-bottom: 5px;
        text-align: left;
        width: 100%;
    }

        .pophead > h3 {
            color: #B43C00;
            float: left;
            font-size: 16px;
        }

    a.popformchangebtn {
        color: #3A6607;
        float: right;
        padding: 0 10px;
        text-decoration: underline;
        margin: 0 23px;
    }


    .regpopformrow > ul {
        padding-left: 38px;
        text-align: left;
    }

    .poplabel {
        float: left;
        margin-bottom: 5px;
    }

    .popinput {
        border: 1px solid #AAAAAA;
        border-radius: 3px 3px 3px 3px;
        float: left;
        height: 25px;
        margin-left: 0;
        width: 100%;
    }

    .regpopformrow > input[type="image"] {
        clear: left;
        float: left;
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

    .orseparator {
        background-color: #EEEEEE;
        float: left;
        height: 26px;
        margin: 10px 0;
        width: 100%;
    }

        .orseparator > span {
            background-color: #FFFFFF;
            border-radius: 30px;
            display: inline-block;
            margin-left: 0;
            margin-top: 2px;
            padding: 4px 3px;
        }

    .forgotlink, .forgotlink:visited {
        color: #555555;
        display: block;
        float: left;
        padding: 8px;
        text-align: center;
        width: 100%;
    }

    #forgotpop h4 {
        font-size: 13px;
        margin: 10px 0;
    }

    #forgotpop {
        text-align: left;
    }

    .Txtforgotcls {
        border: 1px solid #AAAAAA;
        border-radius: 3px 3px 3px 3px;
        height: 20px;
        width: 62%;
    }

    #forgotpop > p {
        margin-bottom: 10px;
    }

    .popForgotBtn {
        background-color: #5F8E0C;
        border: 0 none;
        border-radius: 5px 5px 5px 5px;
        color: #FFFFFF;
        padding: 3px 11px;
    }

    .popRegtextdiv {
        background-color: #DD0000;
        float: left;
        margin: -6% 0 6px -4.6%;
        padding: 0;
        position: relative;
        width: 109.4%;
    }

        .popRegtextdiv > h3 {
            color: #FFFFFF;
            font-size: 17px;
            font-weight: normal;
            margin: 4px 0;
        }

        .popRegtextdiv span {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
        }

        .popRegtextdiv > p {
            line-height: 16px;
            padding: 0 18px;
            text-align: left;
        }

    #regdivId {
        padding-bottom: 40px;
    }

    .popemailchkdiv {
        background-color: #DDDDDD;
        bottom: -1px;
        float: left;
        left: -0.5%;
        padding: 8px 0;
        position: absolute;
        width: 100.7%;
    }

        .popemailchkdiv > input[type="checkbox"] {
            float: left;
            margin: 0 0 0 8%;
        }

        .popemailchkdiv label {
            float: left;
            margin: 1px 15px 1px 11px;
        }

    .regpopholder {
        display: block;
        margin: 14% auto;
        min-height: 100px;
        position: relative;
        width: 265px;
    }

    .regpopupbody {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        float: left;
        padding: 4%;
        width: 92%;
        position: absolute;
        z-index: 50;
        box-shadow: 4px 3px 8px #000000;
    }

    .teampopup {
        background-color: #FFFFFF;
        outline: 20px solid rgba(39, 39, 39, 0.47);
        box-shadow: 1px 1px 7px #676767;
        float: left;
        padding: 5%;
        text-align: justify;
        width: 90%;
    }

    .teamimgepop {
        border: 1px solid #EEEEEE;
        float: left;
        margin: 0 10% 9px 0;
        max-width: 350px;
        width: 100%;
    }

    .teampopup img {
        width: 250px;
    }

    .teampopup p {
        text-align: justify;
        margin-bottom: 5px;
    }

    .teampopup a img {
        margin: 6px 0;
    }

    .teampopup > h2 {
       color: #695A5A;
        font-size: 18px;
        font-weight: bolder;
        margin: 18px 0;
    }

    .teampopid .regpopholder {
        max-width: 750px;
        width: 85%;
        margin-top: 31%;
    }

    .teampopid a.closeImg {
        margin-top: 9px;
    }

    .regpopformrow span#RequiredFieldValidator9 {
        margin: 9px 0 0 -127px;
        position: absolute;
    }

    a.popLoginBtn, a.popLoginBtn:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .regpopformrow tr {
        float: left;
        margin-left: 10px;
    }


    .regpopformrow span#Label1 {
        display: none;
    }

    a.closeImg:hover {
        /*color: #C90404;*/
    }



    a.classremove, a.classremove:visited {
        background-image: url("../../Images/remove_icon.png");
        background-repeat: no-repeat;
        background-size: 16px auto;
        color: #ad2641;
        display: block;
        height: 13px;
        font-size: 11px;
        float: right;
        padding: 0 4px 4px 18px;
    }










    /*****************************Notice**********************/
    /************Notice*********************/
   .noticepop {
   background-color: #FFFFFF;
    margin: 210px 0 0 140px;
    padding: 10px 18px 23px 14px;
    position: relative;
    width: 450px;
    max-width: 490px;
    box-shadow: 4px 4px 11px #151515;
  
}




        .noticepop > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 15px 5px;
            position: relative;
            color:black ;
        }

        .noticepop > a, .noticepop > a:visited {
            background-color: #292929;
            color: #FFFFFF;
            display: block;
            margin: 4px;
            padding: 6px;
            position: relative;
        }



    .noticepopshopdiv {
        background-color: #FFFFFF;
        margin: 16% auto auto;
        padding: 7px 1%;
        position: relative;
        width: 25%; /**************17-6-2014 changed 25% from 90% *********************/
        max-width: 490px;
        box-shadow: 4px 4px 11px #151515;
    }




        .noticepopshopdiv > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 15px 5px;
            position: relative;
        }

        .noticepopshopdiv > a, .noticepopshopdiv > a:visited {
            background-color: #292929;
            color: #FFFFFF;
            display: block;
            margin: 4px;
            padding: 6px;
            position: relative;
        }


    .noticebtnsshopdiv {
        background-color: #FFFFFF;
        float: left;
        margin-left: -1.4%;
        padding: 20px 5px;
        width: 100.6%;
    }

        .noticebtnsshopdiv a {
            background-color: #636363;
            color: #FFFFFF;
            float: left;
            font-size: 15px;
            margin: 0 0 10px;
            padding: 9px 5px;
            text-decoration: none;
            width: 97.5%;
        }




    /**************ntce btn***************/
    /*.noticebtns {
background-color: #FFFFFF;
float: left;
margin-left: -1.4%;
padding: 20px 5px;
width: 100.6%;
}*/

    .noticebtns {
    background-color: #FFFFFF;
    float: left;
    margin-left: -14px;
    padding: 20px 15.8px;
    width: 450px;
    }

        .noticebtns a {
            background-color: #636363;
            color: #FFFFFF;
            float: left;
            font-size: 15px;
            margin: 0 0 10px;
            padding: 9px 5px;
            text-decoration: none;
            width: 45%;
        }

    a.chkoutbtn, a.chkoutbtn:visited {
       background-color: #178E20;
        border: medium none;
        color: #FFFFFF;
        float: right;
        font-size: 15px;
        margin: 0;
        text-decoration: none;
    }

    .shoplistbody #noticediv1 {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .shoplistbody .noticepop {
        background-color: rgba(255, 255, 255, 0);
        margin: 0 auto auto;
        padding: 7px 1%;
        width: 98%;
        max-width: none;
        box-shadow: 0 0 0;
    }

        .shoplistbody .noticepop > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 43px 5px;
            position: relative;
        }

    .shoplistbody .noticebtns {
        background-color: rgba(255, 255, 255, 0);
        float: left;
        margin-left: -1.4%;
        padding: 20px 3%;
        width: 95.6%;
    }

    .usernote {
        clear: right;
        color: white;
        /*font-weight: bold;*/
        float: left;
        display: inline-block;
        width: 100%;
        margin-top: 0px;
        position: relative;
        font-family: Arial;
        right: 1px;
        text-align: left;
        top: 1px;
        font-size: 12px;
    }

        .usernote.mobi {
            float: left;
            margin-top: -7px;
            display: block;
        }

        .usernote > strong {
           color: white;
        }
    /***********************/
    .logoutsassiondiv {
        display: none;
        max-width: 35%;
        width: 23%;
        float: left;
        margin-top: 4px;
        background-image: url(/Images/bullet-arrow-social.png);
        vertical-align: bottom;
        background-repeat: no-repeat;
        max-height: 27px;
        background-size: 27px;
        padding-left: 0px;
        position: relative;
    }

    .usernote span { /* color:#fff; */ /* font-weight: bold; */
    }


    .logoutsassiondiv ul {
        background-color:#EEEFE9;
        margin: 0;
        float: left;
        top: 25px;
        width: 75%;
        position: absolute;
        margin-left: -13px;
        list-style: none;
        padding: 2px 5px 0 0px;
        display: none;
        z-index: 1;
    }

    .logoutsassiondiv:hover ul {
        display: block;
        font-family: arial;
    }

    .logoutsassiondiv > ul > li > a {
        padding: 3px 4%;
        width: 91%;
        text-align: center;
        margin-bottom: 4px;
    }


    .Availablityholder > h4 {
        font-size: 16px;
        margin: 10px 0;
    }

        .Availablityholder > h4 b {
            font-size: 32px;
        }

    .regpopholder.ordrinvcpop {
        max-width: 500px;
        width: 100%;
    }

    .invoiceholderpop {
        float: left;
        padding-bottom: 10%;
        width: 99%;
    }

    .invoiceholderpopiner {
        background-color: #FFFFFF;
        float: left;
        padding: 1%;
        width: 99%;
    }

        .invoiceholderpopiner.evntnotice > strong {
            background-color: #505050;
            display: block;
            width: 99%;
            padding: 1%;
            font-size: 17px;
            margin: -11px 0 10px;
            color: #fff;
        }

        .invoiceholderpopiner.evntnotice {
            padding: 3%;
            width: 96%;
        }



    .pinavailablebtn {
        background-color: #555555;
    border: 0 none;
    color: #FFFFFF;
    font-size: 15px;
    margin: 9px 160px 0 0;
    padding: 6px 6px 6px 4px;
    text-align: center;
    width: auto;
    }




    #Div10.noticepop {
        max-width: 633px;
        padding: 16px 10px;
    }

    #Div10 > p {
        padding: 10px 0 22px;
    }

    #Div10 .noticebtns {
        background-color: #FFFFFF;
        float: left;
        margin-left: -11px;
        padding: 24px 10px;
        width: 100%;
        box-shadow: 4px 8px 7px #151515;
        border: 1px solid #000;
        border-top: 0;
    }

    .noticepop > a, .noticepop > a:visited {
        background-color: #292929;
        color: #FFFFFF;
        display: block;
        margin: 4px;
        padding: 6px;
        position: relative;
    }



    /**************************************************Team page************************/




    .regpopbackOfMyfriends {
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
            z-index: 99999999999;
        left: 0;
    }
}



/*-----------------my for mobile phone--------------*/

@media only screen and (max-width:480px) {

     .ankpentabbt {
    display:none !important;
    }

  .ankpentabbt1 img {
    width: 100%;
    height: 110px;
      float: right;
    box-shadow: -9px 5px 19px black;
}

    .ankpentabbt1 {
    position: fixed;
       width: 43%;
    /* float: right; */
    z-index: 9999;
             margin: 0;
}

    .iread {
    margin: 0 0 10px 0;
}

    .noticepop > a:hover {
    background-color: #132538;
}

    a.profilepopokbtn.mynewcrosbtn:hover {
    background-color: #132538;
    color: white;
}

    h3.profilepgpoptile {
   background-color: #00AAE7;
    margin: -10px 0 10px -13px;
    width: 100%;
    color: white;
    padding: 8px 19px 8px 13px;
}

    .tnc {
   height: 200px;
    font-size: 12px;
    background-color: #eeeeee;
    overflow: scroll;
    padding: 0 2px 0 6px;
    text-align: left;
    margin: 0 0 15px 0;
}

    a.profilepopokbtn.mynewcrosbtn {
        margin: 18.5% 0 0 36% !important;
    position: absolute;
    color: black;
         right: 5%;
    background-color: white;
    font-weight: 600;
    text-decoration: none;
    width: 25px !important;
    z-index: 99;
}





    .regpopback {
        background-color: rgba(75, 75, 75, 0.31);
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
        z-index: 20000;
        left: 0;
    }



    .Availablitybody {
        margin: auto;
        position: relative;
        top: 40%;
        width: 300px;
    }

    .Availablityholder > p {
        background-color: #F9F9F9;
        color: black;
        font-size: 17px;
        padding: 8px 4%;
        text-align: left;
        margin: 30px 0 0 0;
        font-family: arial;
    }


    .Availablityholder span#RequiredFieldValidator4, .Availablityholder span#RequiredFieldValidator3, .Availablityholder .regpopformrow span#RequiredFieldValidator9, .Availablityholder span#RequiredFieldValidator5,
    .Availablityholder span#RequiredFieldValidator1, .Availablityholder span#RequiredFieldValidator6, .Availablityholder span#RequiredFieldValidator8, .Availablityholder span#RequiredFieldValidator10 {
     
        margin: 10px 0 0 -8px;
        position: absolute;
    }

    .pinavailable:focus {
        border: 1px solid #857B7B;
    }

    .pinavailablebtn {
        background-color: #555555;
        border: 0 none;
        color: #FFFFFF;
        font-size: 15px;
        margin-bottom: 10px;
        padding: 4px 6px;
        text-align: center;
        width: auto;
    }





    /********************************************other***************************/


    /************************************signup thank you ********************************/

    /********************popup*************************/

    .regpopback {
        background-color: rgba(7, 5, 5, 0.58);
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
        z-index: 20000;
        font-family: "Merienda",cursive;
        left: 0;
    }




    .regpopformrow {
        float: left;
        width: 100%;
        min-height: 10px;
    }
    /*************popform**************************/

    .reglogform {
        float: left;
        width: 100%;
    }

    .pophead {
        border-bottom: 1px solid #AD1212;
        float: left;
        margin-bottom: 5px;
        padding-bottom: 5px;
        text-align: left;
        width: 100%;
    }

        .pophead > h3 {
            color: #B43C00;
            float: left;
            font-size: 16px;
        }

    a.popformchangebtn {
        color: #3A6607;
        float: right;
        padding: 0 10px;
        text-decoration: underline;
        margin: 0 23px;
    }


    .regpopformrow > ul {
        padding-left: 38px;
        text-align: left;
    }

    .poplabel {
        float: left;
        margin-bottom: 5px;
    }

    .popinput {
        border: 1px solid #AAAAAA;
        border-radius: 3px 3px 3px 3px;
        float: left;
        height: 25px;
        margin-left: 0;
        width: 100%;
    }

    .regpopformrow > input[type="image"] {
        clear: left;
        float: left;
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

    .orseparator {
        background-color: #EEEEEE;
        float: left;
        height: 26px;
        margin: 10px 0;
        width: 100%;
    }

        .orseparator > span {
            background-color: #FFFFFF;
            border-radius: 30px;
            display: inline-block;
            margin-left: 0;
            margin-top: 2px;
            padding: 4px 3px;
        }

    .forgotlink, .forgotlink:visited {
        color: #555555;
        display: block;
        float: left;
        padding: 8px;
        text-align: center;
        width: 100%;
    }

    #forgotpop h4 {
        font-size: 13px;
        margin: 10px 0;
    }

    #forgotpop {
        text-align: left;
    }

    .Txtforgotcls {
        border: 1px solid #AAAAAA;
        border-radius: 3px 3px 3px 3px;
        height: 20px;
        width: 62%;
    }

    #forgotpop > p {
        margin-bottom: 10px;
    }

    .popForgotBtn {
        background-color: #5F8E0C;
        border: 0 none;
        border-radius: 5px 5px 5px 5px;
        color: #FFFFFF;
        padding: 3px 11px;
    }

    .popRegtextdiv {
        background-color: #DD0000;
        float: left;
        margin: -6% 0 6px -4.6%;
        padding: 0;
        position: relative;
        width: 109.4%;
    }

        .popRegtextdiv > h3 {
            color: #FFFFFF;
            font-size: 17px;
            font-weight: normal;
            margin: 4px 0;
        }

        .popRegtextdiv span {
            color: #FFFFFF;
            font-size: 24px;
            font-weight: bold;
        }

        .popRegtextdiv > p {
            line-height: 16px;
            padding: 0 18px;
            text-align: left;
        }

    #regdivId {
        padding-bottom: 40px;
    }

    .popemailchkdiv {
        background-color: #DDDDDD;
        bottom: -1px;
        float: left;
        left: -0.5%;
        padding: 8px 0;
        position: absolute;
        width: 100.7%;
    }

        .popemailchkdiv > input[type="checkbox"] {
            float: left;
            margin: 0 0 0 8%;
        }

        .popemailchkdiv label {
            float: left;
            margin: 1px 15px 1px 11px;
        }

    .regpopholder {
        display: block;
        margin: 14% auto;
        min-height: 100px;
        position: relative;
        width: 265px;
    }

    .regpopupbody {
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        float: left;
        padding: 4%;
        width: 92%;
        position: absolute;
        z-index: 50;
        box-shadow: 4px 3px 8px #000000;
    }

    .teampopup {
        background-color: #FFFFFF;
        outline: 20px solid rgba(39, 39, 39, 0.47);
        box-shadow: 1px 1px 7px #676767;
        float: left;
        padding: 5%;
        text-align: justify;
        width: 90%;
    }

    .teamimgepop {
        border: 1px solid #EEEEEE;
        float: left;
        margin: 0 10% 9px 0;
        max-width: 350px;
        width: 100%;
    }

    .teampopup img {
        width: 250px;
    }

    .teampopup p {
        text-align: justify;
        margin-bottom: 5px;
    }

    .teampopup a img {
        margin: 6px 0;
    }

    .teampopup > h2 {
       color: #695A5A;
        font-size: 12px;
        font-weight: bolder;
        margin: 18px 0;
        text-align:center;
    }

    .teampopid .regpopholder {
        max-width: 750px;
        width: 85%;
        margin-top: 17%;
    }

    .teampopid a.closeImg {
        margin-top: 9px;
    }

    .regpopformrow span#RequiredFieldValidator9 {
        margin: 9px 0 0 -127px;
        position: absolute;
    }

    a.popLoginBtn, a.popLoginBtn:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .regpopformrow tr {
        float: left;
        margin-left: 10px;
    }


    .regpopformrow span#Label1 {
        display: none;
    }

    a.closeImg:hover {
        /*color: #C90404;*/
    }



    a.classremove, a.classremove:visited {
        background-image: url("../../Images/remove_icon.png");
        background-repeat: no-repeat;
        background-size: 16px auto;
        color: #ad2641;
        display: block;
        font-size: 11px;
        float: right;
        padding: 0 4px 4px 18px;
    }










    /*****************************Notice**********************/
    /************Notice*********************/
    .noticepop {
        background-color: #FFFFFF;
        margin: 16% auto auto;
        padding: 10px 18px 23px 14px;
        position: relative;
           width: 85%; /**************17-6-2014 changed 25% from 90% *********************/
        max-width: 490px;
        box-shadow: 4px 4px 11px #151515;
        color: black;
    }




        .noticepop > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 15px 5px;
            position: relative;
            color: black;
        }

        .noticepop > a, .noticepop > a:visited {
            background-color: #292929;
            color: #FFFFFF;
            display: block;
            margin: 4px;
            padding: 6px;
            position: relative;
        }



    .noticepopshopdiv {
        background-color: #FFFFFF;
        margin: 16% auto auto;
        padding: 7px 1%;
        position: relative;
        width: 25%; /**************17-6-2014 changed 25% from 90% *********************/
        max-width: 490px;
        box-shadow: 4px 4px 11px #151515;
    }




        .noticepopshopdiv > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 15px 5px;
            position: relative;
        }

        .noticepopshopdiv > a, .noticepopshopdiv > a:visited {
            background-color: #292929;
            color: #FFFFFF;
            display: block;
            margin: 4px;
            padding: 6px;
            position: relative;
        }


    .noticebtnsshopdiv {
        background-color: #FFFFFF;
        float: left;
        margin-left: -1.4%;
        padding: 20px 5px;
        width: 100.6%;
    }

        .noticebtnsshopdiv a {
            background-color: #636363;
            color: #FFFFFF;
            float: left;
            font-size: 15px;
            margin: 0 0 10px;
            padding: 9px 5px;
            text-decoration: none;
            width: 97.5%;
        }




    /**************ntce btn***************/
    /*.noticebtns {
background-color: #FFFFFF;
float: left;
margin-left: -1.4%;
padding: 20px 5px;
width: 100.6%;
}*/

    .noticebtns {
        background-color: #FFFFFF;
        float: left;
        margin-left: -14px;
        padding: 20px 5px;
       width: 292px;
    }

        .noticebtns a {
            background-color: #636363;
            color: #FFFFFF;
            float: left;
            font-size: 15px;
            margin: 0 0 10px;
            padding: 9px 5px;
            text-decoration: none;
            width: 45%;
        }

    a.chkoutbtn, a.chkoutbtn:visited {
        background-color: #178E20;
        border: medium none;
        color: #FFFFFF;
        float: right;
        font-size: 15px;
        margin: 0;
        text-decoration: none;
    }

    .shoplistbody #noticediv1 {
        background-color: rgba(255, 255, 255, 0.9);
    }

    .shoplistbody .noticepop {
        background-color: rgba(255, 255, 255, 0);
        margin: 0 auto auto;
        padding: 7px 1%;
        width: 98%;
        max-width: none;
        box-shadow: 0 0 0;
    }

        .shoplistbody .noticepop > p {
            border-bottom: 1px solid #DDDDDD;
            padding: 43px 5px;
            position: relative;
        }

    .shoplistbody .noticebtns {
        background-color: rgba(255, 255, 255, 0);
        float: left;
        margin-left: -1.4%;
        padding: 20px 3%;
        width: 95.6%;
    }

    .usernote {
        clear: right;
        color: white;
        /*font-weight: bold;*/
        float: left;
        display: inline-block;
        width: 100%;
        margin-top: 0px;
        position: relative;
        font-family: Arial;
        right: 1px;
        text-align: left;
        top: 1px;
        font-size: 12px;
    }

        .usernote.mobi {
            float: left;
            margin-top: -7px;
            display: block;
        }

        .usernote > strong {
            color: #9F1B47;
        }
    /***********************/
    .logoutsassiondiv {
        display: none;
        max-width: 35%;
        width: 23%;
        float: left;
        margin-top: 4px;
        background-image: url(/Images/bullet-arrow-social.png);
        vertical-align: bottom;
        background-repeat: no-repeat;
        max-height: 27px;
        background-size: 27px;
        padding-left: 0px;
        position: relative;
    }

    .usernote span { /* color:#fff; */ /* font-weight: bold; */
    }


    .logoutsassiondiv ul {
        background-color: #950000;
        margin: 0;
        float: left;
        top: 25px;
        width: 75%;
        position: absolute;
        margin-left: -13px;
        list-style: none;
        padding: 2px 5px 0 0px;
        display: none;
        z-index: 1;
    }

    .logoutsassiondiv:hover ul {
        display: block;
        font-family: arial;
    }

    .logoutsassiondiv > ul > li > a {
        padding: 3px 4%;
        width: 91%;
        text-align: center;
        margin-bottom: 4px;
    }


    .Availablityholder > h4 {
        font-size: 16px;
        margin: 10px 0;
    }

        .Availablityholder > h4 b {
            font-size: 32px;
        }

    .regpopholder.ordrinvcpop {
        max-width: 500px;
        width: 100%;
    }

    .invoiceholderpop {
        float: left;
        padding-bottom: 10%;
        width: 99%;
    }

    .invoiceholderpopiner {
        background-color: #FFFFFF;
        float: left;
        padding: 1%;
        width: 99%;
    }

        .invoiceholderpopiner.evntnotice > strong {
            background-color: #505050;
            display: block;
            width: 99%;
            padding: 1%;
            font-size: 17px;
            margin: -11px 0 10px;
            color: #fff;
        }

        .invoiceholderpopiner.evntnotice {
            padding: 3%;
            width: 96%;
        }



    .pinavailablebtn {
        background-color: #555555;
    border: 0 none;
    color: #FFFFFF;
    font-size: 15px;
    margin: 9px 0 0 0px;
    padding: 5px 6px 7px 3px;
    text-align: center;
    width: auto;
    }




    #Div10.noticepop {
        max-width: 633px;
        padding: 16px 10px;
    }

    #Div10 > p {
        padding: 10px 0 22px;
    }

    #Div10 .noticebtns {
        background-color: #FFFFFF;
        float: left;
        margin-left: -11px;
        padding: 24px 10px;
        width: 100%;
        box-shadow: 4px 8px 7px #151515;
        border: 1px solid #000;
        border-top: 0;
    }

    .noticepop > a, .noticepop > a:visited {
        background-color: #292929;
        color: #FFFFFF;
        display: block;
        margin: 4px;
        padding: 6px;
        position: relative;
    }





    /**************************************************Team page************************/




    .regpopbackOfMyfriends {
        height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        text-align: center;
        top: 0;
        vertical-align: middle;
        width: 100%;
        z-index: 20000;
        left: 0;
    }
}