html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* width */
::-webkit-scrollbar {
  width: 12px;
  border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #1d6f9a; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #52a3ce; 
  border-radius: 5px;
}

h1
{
    font-size:20px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
b
{
    font-weight: bold;
}

strong
{
    font-weight: bold;
}
/*CSS Starts*/

body
{
    font: 13px "Trebuchet MS" , Arial, Helvetica, sans-serif;    
}
a
{
    text-decoration: none;
    color: #1122cc;
}
a:hover
{
    text-decoration: underline;
}

.awhitecolour
{
    color: #FFFFFF;
}

input[type=text]
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 5px;
    font: inherit;
}



input[type=password]
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 5px;
    font: inherit;
}
input[type=submit], [type=button]
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/orangebtnbg.gif) repeat-x;
    border: 1px solid #c73806;
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    text-shadow: -1px -1px 0px #982309;
    filter: dropshadow(color=#982309, offx=-1, offy=-1);
    min-width:90px;
    font: inherit;
    padding-left: 3px;
    padding-right: 3px;
}
input:hover[type=submit], [type=button]
{
    background: url(../images/orangebtnbg.gif) repeat-x bottom;
}
select
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 2px;
    font: inherit;
}
textarea
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    padding: 2px;
    font: inherit;
}
.clear, .clr
{
    clear: both;
}
.redtext
{
    color: #bf1515;
}

.req
{
    padding-left: 2px;
    color: #bf1515;
    text-align: left;
}

.reqdropdown
{
    color: #bf1515;
    text-align: left;
}

#wrap
{
    margin-right: 10px;
    margin-left: 10px;
}
#header
{
    /*background: url(../images/headerbg.jpg) repeat-x;*/
    /*background-color:#1377AB;*/
    background-color:#1d6f9a;
    padding: 10px 10px 0px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    margin-bottom: 20px;    
}
#headerinner
{
    background: #FFF;
    /*padding: 10px;*/
    padding: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#logo
{
    float: left;
}
#loginlinks
{
    float: right;
    text-align: right;
}
#tagline
{
    float: right;
    clear: right;
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}
#headerlinks
{
    float: right;
    clear: right;
}
#nav
{
    background: url(../images/navtopbg.jpg) repeat-x left top;
    margin-top: 10px;
    padding-top: 2px;
}
#nav li
{
    float: left;
}
#nav a
{
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    display: block;
    padding: 0px 10px;
    background: url(../images/navrightbg.jpg) repeat-y right top;
    line-height: 58px;
}

a.nav1a /* For 2 lines*/
{
    color: #FFF;
    text-decoration: none;
    font-size: 16px;
    display: block;
    padding: 0px 10px;
    background: url(images/navrightbg.jpg) repeat-y right top;
    line-height: 0px !important;
    padding-bottom: 7px !important;
    text-align: center;
}

#nav a:hover
{
    background: #05567f url(../images/navrightbg.jpg) repeat-y right top;
}
.navicon
{
    vertical-align: middle;
}


#pageheading
{
    font-size: 16px;    
    background-color:#3992c5;
    background: -webkit-gradient(linear, left top, left bottom, from(#50a6d9), to(#2682b5));
    background: -moz-linear-gradient(top, #50a6d9, #2682b5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a6d9', endColorstr='#2682b5');
    /*background: url(../images/pgheadingbg.jpg) repeat-x;*/
    line-height: 40px;
    color: #FFF;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-left: 15px;
    border: 1px solid #1975a7;
    margin-bottom: 15px;
}
#pagecontent
{
    min-height: 1700px;
}
/*#catsidebar {float: left; width: 17%;}*/
#catsidebar
{
    position: absolute;
    width: 170px;
    left: 10px;
    top: 259px;
}
#catsidebar a
{
    color: #1122cc;
    display: block;
    padding: 5px 5px 5px 10px;
}
#catsidebar a:hover, .catlinkactive
{
    text-decoration: none;
    /*background: #1a76a9 url(../images/miniblueheadingbg.jpg) repeat-x;*/
    background-color:#3992c5;
    background: -webkit-gradient(linear, left top, left bottom, from(#50a6d9), to(#2682b5));
    background: -moz-linear-gradient(top, #50a6d9, #2682b5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a6d9', endColorstr='#2682b5');
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF !important;
}
#catsidebar .minibox
{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px;
}
#catsidebar a:hover
{
}
#maincontent
{
    margin-left: 170px;
    margin-right: 220px;
}
#maincontentinner
{    
    padding: 0px 10px;
}
.karaokebullets
{
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
    padding-top: 10px;
}
#rightsidebar
{
    position: absolute;
    width: 220px;
    right: 10px;
    top: 259px;
}
.miniblueheading
{
    font-size: 14px;
    /*background: #1a76a9 url(../images/miniblueheadingbg.jpg) repeat-x;*/
    background-color:#3992c5;
    background: -webkit-gradient(linear, left top, left bottom, from(#50a6d9), to(#2682b5));
    background: -moz-linear-gradient(top, #50a6d9, #2682b5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a6d9', endColorstr='#2682b5');
    color: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 10px;
    border: 1px solid #1975a7;
    padding-top: 5px;
    padding-bottom: 5px;
}
.minibox, .mainbox
{
    border: 1px solid #e0e0e0;
    background: #fdfdfd;
    padding: 10px;
}
#maincontent .mainbox
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}
#maincontent .mainboxShop
{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    
}
#maincontent .minibox
{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 10px;
}
.songtable
{
    width: 100%;
    border: 1px solid #e0e0e0;
}
.songtable th
{
    padding: 4px 5px;
    text-align: left;
    background: #E9E9E9;
    font-weight: bold;
}
.songtable td
{
    padding: 4px 5px;
}
.altrow
{
    background: #efeff1;
}
.altrowpoints
{
    background: #ffb241;
}

.paging
{
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px;
}

.paging input[type=image]
{
    cursor:pointer;
}

.paging input[type=text]
{
    width: 50px;
    text-align: center;
}   
    
.paging li
{
    float: left;
    margin-right: 5px;
}

.paging a
{
    display: block;
    padding: 1px 7px;
}
.paging a:hover, .currentpage
{
    background: #1C78AB;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

.paging_custompaging
{
    vertical-align: middle;
    float: right !important;
}

#rightsidebar .minibox
{
    margin-bottom: 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.playbtn
{
    background: url(../images/playbtn.gif) no-repeat !important;
    height: 23px;
    min-width: 59px !important;
    border: none;
}
.playbtn:hover
{
    background: url(../images/playbtn.gif) no-repeat left bottom !important;
}

.loginrow
{
    padding: 0px 0px 5px;
}
#footer
{
    background: url(../images/footerbg.jpg) repeat-x;
    padding-top: 20px;
    color: #8c8c8c;
    padding-bottom: 20px;
    margin-top: 20px;
}
#footer a
{
    color: #8c8c8c;
}
#footerleft
{
    float: left;
    padding-left: 10px;
    width: 120px;
}
#footerright
{
    float: left;
    padding-left: 30px;
    width: 90%;
}


/* Accordion */
.accordionHeader
{
    color: #FFFFFF;
    background: #1a76a9 url(../images/miniblueheadingbg.jpg) repeat-x;
    font-size: 14px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.accordionHeaderSelected
{
    color: white;
    background: #1a76a9 url(../images/miniblueheadingbg.jpg) repeat-x;
    font-size: 14px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.accordionHeaderSelected strong
{
    color: white;
}


.accordionContent
{
    background-color: #ffffff;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/********************** Contact Us ****************/
.contactus
{
    width: 97%;
    text-align: left;
}
.rows
{
    width: 100%;
}
.rowleft
{
    width: 40%;
    float: left;
}
.rowright
{
    width: 60%;
    float: right;
}
/*********************** Subscribe.aspx ***********************/

.optionsL
{
    float: left;
    width: 27px;
}
.optionsR
{
    float: left;
    width: 90%;
}
.paymentL, .paymentR
{
    float: left;
}
.registerplanbg
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #FFC;
    border: 1px solid #FC0;
    padding: 5px;    
}
.registerplanbgbtn
{
    padding:5px;
}
/*********************** Register.aspx ***********************/
.prImp
{
    width: 195px !important;
}

.prred
{
    float: left;
    margin-top: 7px;
}
.registerleft
{
    float: left;
    width:30%;
}

.registerright
{
    float: left;
    width:65%;
}

.pL, .pR
{
    float: left;
    width: 175px;
}
.registerplanbox
{
    float: left;
    /*width: 390px;*/
    width:100%;
}
.registerplanmsg
{
    float: left;
    width: 30%;
}

.registertextbox
{
    min-width: 98%;
}

.registerdropdown
{
    min-width: 98%;
}

.registerdropdownsp
{
    width: 174px;
}

/*********************** subslocalpmt.aspx ***********************/
.fpassrow
{
    padding-bottom: 5px;
}

.fpassL
{
    float: left;
    width: 170px;
}
.fpassR
{
    float: left;
}

.fpassRO
{
    width: auto;
}
/******* Default.aspx *********/
.clearbutton
{
    position: absolute !important;
    left: 575px !important;
    padding-top: 3px !important;
    vertical-align: middle;
}

.defaulttextbox
{
    width: 260px !important;
}

.imgreferotfriend
{
    height: 230px;
    width: 570px;
    background: url('../images/refertofriend.png') no-repeat;
}

.defaultplaytd
{
    /*width:23%; when like un-comment it*/
}

@media screen and (min-width: 1030px)
{
    .imgreferotfriend
    {
        height: 230px;
        width: 737px;
        background: url('../images/refertofriendlarge.png') no-repeat;
    }

    .clearbutton
    {
        position: absolute !important;
        left: 665px !important;
        padding-top: 3px !important;
        vertical-align: middle;
    }

    .defaulttextbox
    {
        width: 350px !important;
    }

    .defaultplaytd
    {
        width: auto;
    }
    
    .rewardimage_subs img, .rewardimage img
    {
        width:auto !important;                
    }
}
.defaultselect
{
    width: 120px !important;
}

.BtnGo
{
    /*min-width: 20px !important;*/
    background: #E5390E url(../images/gobutton.png) no-repeat right !important;
    text-align: left;
    padding-left:5px;
}

.BtnGo:hover
{
    background: #189acf url(../images/gobutton.png) no-repeat right !important;    
}
.Download
{
    min-width: 85px !important;
}

.ReDownload
{
    background: url(../images/redownload.gif) repeat-x !important;
    min-width: 85px !important;
}
.ReDownload:hover
{
    background: url(../images/redownload.gif) repeat-x bottom !important;
}

.Downloaded
{
    min-width: 85px !important;
    background: url(../images/Downloaded.gif) repeat-x !important;
}
.Downloaded:hover
{
    background: url(../images/Downloaded.gif) repeat-x bottom !important;
}

.songgrid_songs_title
{
    width: 25%;
}

.songgrid_film_album
{
    width: 20%;
}

.songgrid_songnumber
{
    width: 5%;
}

@media screen and (min-width: 1030px)
{
    .songgrid_songs_title
    {
        width: auto;
    }

    .songgrid_film_album
    {
        width: auto;
    }

    .songgrid_songnumber
    {
        width: auto;
    }
}

.ht
{
    background-color: #FFFF00;
    font-weight: bold;
}

.demoview
{
    width: 225px;
    height: 158px;
    margin-right: 10px;
}

.signupimage
{
    margin-right: 10px;
}

.subscribeimage
{
    padding-top: 10px;
}

.tickimage
{
    height: 13px;
    width: 18px;
    background-repeat: no-repeat;
    padding-right: 5px;
    vertical-align: middle;
}

.tickimagemyaccount
{
    height: 13px;
    width: 13px;
    background-repeat: no-repeat;
    padding-right: 2px;
    vertical-align: middle;
}
/************************************************/
.newimage
{
    float: left;
    vertical-align: top;
    padding: 2px;
    height: 26px;
    width: 26px;
    background: url(../images/new4.gif);
    background-repeat: no-repeat;
}

.seprator
{
    border-top: 1px solid #333;
    border-bottom: 1px solid #111;
}

/*********** Subspay.aspx *********/
.lowpointsbal
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #FFC;
    border: 1px solid Red;
    padding: 2px;
    width: 70%;
    color: Red;
    margin-left: 10px;
}
.subspayrow
{
    width: 98%;
    text-align: left;
    vertical-align: top;
    margin: auto; /*border:1px solid #000000;*/
}

.subspaybox
{
    width: 54%;
    text-align: left;
    vertical-align: top;
    float: left; /*border:1px solid #000000;*/
}

.subrow
{
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-top: 0px;
}

.prow
{
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-top: 3px;
}
.subspaymsg
{
    width: 45%;
    text-align: left;
    vertical-align: top;
    float: right;
}

.invleft
{
    float: left;
    width: 42%;
}

.invright
{
    float: left;
    width: 50%;
}

.Subscription
{
    width: 98%;
    margin: auto;
    background-color: #e7e7e7; /*border:1px solid #000000;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000000;
}

.grow
{
    width: 100%;
    text-align: left;
    vertical-align: top; /*padding:4px;*/
    background-color: #c0c0c0;
    font-weight: bold;
    padding: 8px 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sl
{
    width: 0px;
    float: left;
    margin-left: 8px;
    text-align: center;
}
.particulars, .particulars2
{
    width: 70%;
    float: left;
    margin-left: 8px;
}
.amount
{
    width: 15%;
    float: right;
    text-align: right;
    margin-right: 15px;
}
.grow2
{
    width: 100%;
    text-align: left;
    vertical-align: top; /*padding:4px;*/
    margin-top: 6px;
}
/************** Card Details **************/
.cardrow
{
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin-top: 3px;
}
.cardL
{
    width: 23%;
    float: left;
    text-align: left;
}
.cardR
{
    width: 64%;
    float: left;
    text-align: left;
    vertical-align: top;
    line-height: 18px;
}
.cardrow b.req
{
    color: #cc0000;
    text-decoration: none;
    font-style: normal;
}
.cardrowreq
{
    color: #cc0000;
}

.cardtextbox
{
    min-width: 250px;
    padding:5px;
}

.carddropdown
{
    width: 258px;
}

/*************** Refer a Friend *******************/
.referafriendtextbox
{
    min-width: 230px;
}
/*************** Refer a Friend *******************/
.feedbacktextbox
{
    min-width: 365px;
}
/*************** Refer a Friend *******************/
.refertextbox
{
    min-width: 225px;
}

.referfrd
{
    width: 97%;
    text-align: left;
    background: #1a76a9 url(../images/miniblueheadingbg.jpg) repeat-x;
    color: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 10px;
    border: 1px solid #1975a7;
    padding-top: 5px;
    padding-bottom: 5px;
}

.referfrdL
{
    width: 28px;
    float: left;
    text-align: left;
    margin-left: 5px;
}

.referfrdL2
{
    width: 45%;
    float: left;
    text-align: left;
}

.referfrdR
{
    /*width:79%;*/
    width: 45%;
    float: right;
    text-align: left;
    vertical-align: top;
    line-height: 18px;
}

/****** SubsLocalPMT ********/
.redtxt
{
    color: #cc0000;
    text-decoration: underline;
}
/*********** Login.aspx ********/
.loginbox
{
    width: 97%;
    text-align: left;
}
.loginrow
{
    width: 100%;
}
.leftside
{
    float: left;
    width: 40%;
}
.rightside
{
    float: left;
    width: 60%;
}
.loginleft
{
    width: 100%;
    float: left;
}

.logintextbox
{
    min-width: 200px;
}
/*********************** MicsDealer.aspx *********/
.micsdealerdropdown
{
    min-width: 200px;
}

.micsdealer
{
    width: 97%;
    text-align: left;
}
.micsdealerrows
{
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
}
.micsdealerrowleft
{
    width: 100%;
    float: left;
    padding: 10px;
}
.micsdealerrowright
{
    width: 60%;
    float: right;
}

.micsdealerimage
{
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
}

.micsdealerhref
{
    text-decoration: none !important;
}
/********** Testimonials ********/
.testimonialrow
{
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.testimonialrowleft
{
    float: left;
    width: 184px;
    padding: 10px;
    border-right: 1px solid #e0e0e0;
}
.testimonialrowright
{
    float: left;
    width: 55%;
    background: url(../images/testimonial-quote-2.gif) no-repeat left top;
    padding-top: 7px;
    padding-left: 30px;
}
@media screen and (min-width: 1366px)
{
    .testimonialrowright
    {
        float: left;
        width: 73%;
        padding-left: 30px;
    
    }
}
.testimonialname
{
    font-size: 14px;
    color: #1A76A9;
    font-weight: bold;
}
.testimonialcity
{
    font-size: 12px;
    color: #000000;
}
/************ Plans Grid ************************************************************/
.plantable
{
    width: 100%;
    border-top: 1px solid #E3E1E1;
}
.plan_title
{
    width: 23%;
    text-align: left;
    font-weight: bold;
    border-left: 1px solid #E3E1E1;
    border-bottom: 1px solid #E3E1E1;
    padding: 5px;
}

.plan_online
{
    width: 23%;
    text-align: center;
    border-left: 1px solid #E3E1E1;
    border-bottom: 1px solid #E3E1E1;
}

.plan_offline
{
    width: 23%;
    text-align: center;
    border-left: 1px solid #E3E1E1;
    border-bottom: 1px solid #E3E1E1;
    border-right: 1px solid #E3E1E1;
}

.plan_mobile
{
    width: 23%;
    text-align: center;
    border-left: 1px solid #E3E1E1;
    border-bottom: 1px solid #E3E1E1;
    border-right: 1px solid #E3E1E1;
}

.plan_highlight
{
    background-color: #E3E1E1;
}

.plan_heading
{
    font-weight: bold;
}
/*********** memberonly.aspx **************/
.welcometext1
{
    float: left;
    padding-left: 15px;
    width: 57%;
}

.DemoPlayImage
{
    background-repeat: no-repeat;
    height: 158px;
    width: 225px;
    float: left;
    text-align: center;
}
/********* Plugins.aspx *********/
.platform
{
    width: 25%;
    text-align: left;
    vertical-align: top;
    float: right;
    border: 1px solid #e4e4e4;
    background-color: #f5f5f5;
    margin-left: 10px;
}
.platformrow
{
    width: 100%;
    text-align: left;
    vertical-align: top;
    background-color: #e4e4e4; /*margin-top:3px;*/
    padding: 3px 0px;
    font-weight: bold;
    text-indent: 4px;
}
.platformrow2
{
    width: 100%;
    text-align: left;
    vertical-align: top; /*margin-top:3px;*/
    text-indent: 4px;
    line-height: 25px;
}
/************** MyAccount.aspx ***************/
.msettings
{
    width: 100%;
    text-align: left;
    vertical-align: top;
}
.msettingsrow1
{
    width: 95%;
    text-align: left;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 30px;
}
.msettingsrow
{
    width: 95%;
    text-align: left;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 30px;
}
.msettingsL
{
    width: 20%;
    float: left;
    text-align: left;
}
.msettingsR
{
    width: 79%;
    float: right;
    text-align: left;
    vertical-align: top;
    line-height: 18px;
}

.msettings1
{
    width: 5%;
    float: left;
}
.msettings2
{
    width: 25%;
    float: left;
}

.defaultplayer
{
    width: 30%;
    float: left;
    border: 1px solid #e0e0e0;
    margin-right: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.player5
{
    width: 68%;
    float: left;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.playerheight
{
    height: 150px;
}
/********* For Modal Alert Message ********/
/****************************Message PopUp**************************************************/

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 800px;
}
.modalPopupPlaylist
{
    width: 600px !important;
}
.modalPopupnormalPlaylist
{
    width: 400px !important;
}
.modalPopup p
{
    margin: 10px;
}

.alerttop
{
    width: 100%;
    height: 37px;
    background-image: url(../images/alerttop.jpg);
    background-repeat: repeat-x;
    font-size: 16px;
    font-weight: bold;
    line-height: 37px;
    color: #ffffff;
    text-indent: 15px;
}

.rright
{
    float: right;
    margin-right: 15px;
    font-size: 11px;
    color: #ffffff;
}
.rright a
{
    color: #ffffff;
    text-decoration: none;
}
.rright a:hover
{
    color: #000000;
    text-decoration: underline;
}

.fblike
{
    float: right;
    padding-top: 3px;
    padding-right: 10px;
}
/********** Right Panel ****/
.playwithsongnumber
{
    margin-top: 5px;
    margin-bottom: 5px;
}
/*************************** Pop Up Message **************************/
.alertclose
{
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FFFFFF;
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    filter: dropshadow(color=#982309, offx=-1, offy=-1);
    min-width: 70px;
    font-size: 15px;
}
.alertdivclass
{
    text-align: center;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px;
    border: 2px solid #69B6DC;
    margin-top: 150px;
    margin-bottom: 100px;
    position: absolute;
    left: 25%;
    width: 50%;
    padding-bottom: 0px;
    z-index: 1000; /*filter:alpha(opacity=70);       opacity: 70;       moz-opacity:70;*/
}

.SignUpPopUp
{
    text-align: center;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px;
    border: 2px solid #69B6DC;
    margin-top: 20px;
    margin-bottom: 100px;
    position: absolute;
    left: 22%;
    width: 51%;
    padding-bottom: 0px;
    z-index: 1000; /*filter:alpha(opacity=70);       opacity: 70;       moz-opacity:70;*/
}
/**************************************************************/
.signUpbtncls
{
    padding-top:0px;
}
.socialmain
{
       padding: 5px;
    font-size:large; 
        text-align: center;
}
.pnlsocial
{
    width:45%;
    float:left;
    margin-right: 20px;
    padding-bottom: 10px;
}
.pnluserSigninSignUp
{
    width:48%;
    float:left;
    margin-top: 7px;
        margin-bottom: 10px;
}
.button {
  display: inline-block;
  border-radius: 4px;
  background: #ea4311;
  border: none;
  color: #FFFFFF;
  text-align: center;
          font-size: 13px;
    padding: 9px;
    width: 100%;
  transition: all 0.5s;
  cursor: pointer;
  margin-top: 3px;
}

/*.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '>>';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}*/
@media only screen and (min-width:1024px ) and (max-width:1400px)  
{
    .SignUpPopUp 
    {
    left: 28%;
        width: 40%;
    }
}
@media only screen and  (max-width:1000px)  
{
     input[type=text]
    {
        font-size:20px !important;
    }
    
    input[type=password]
    {
        font-size:20px !important;
    }
    
    .SignUpPopUp {
    left: 19%;
    width: 62%;   
}

 
}
@media only screen and (min-width:600px ) and (max-width:800px)  
{
    
    input[type=text]
    {
        font-size:20px !important;
    }
    
    input[type=password]
    {
        font-size:20px !important;
    }
    
      .SignUpPopUp 
    {
    left: 9%;
        width: 83%;
    }
    
}
@media only screen and (min-width:0px ) and (max-width:600px)  
{
    
     input[type=text]
    {
        font-size:20px !important;
    }
    
    input[type=password]
    {
        font-size:20px !important;
    }
    
    .SignUpPopUp 
    {
    left: 0%;
    width: 100%;
    }
    .pnlsocial
{
    width:100%;
    
    margin-right: 20px;
    padding-bottom: 10px;
}
.pnluserSigninSignUp
{
    width:100%;
    
    margin-top: 7px;
        margin-bottom: 0px;
}
}

.playpopupoverwrite
{
    left: 30% !important;
    width: 500px !important;
}

.variouskaraoke
{
    left: 20%;
    top: 30px;
    width: 700px;
}

.variouskaraokeinnerheading
{
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

.variouskaraokeseprator
{
    border-bottom: 2px solid #1975a7;
}

.manageplaylist
{
    top: 200px;
    height: 160px;
}

.alertdivclassdefault
{
    padding: 10px;
}
.alertheader
{
    font-size: 20px;
    background: #1a76a9 url(../images/miniblueheadingbg.jpg) repeat-x;
    color: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 10px;
    border: 1px solid #1975a7;
    padding-top: 5px;
    padding-bottom: 5px;
}

.alertinnerdata
{
    padding: 10px;
}

.alertmessage
{
    margin-bottom: 20px;
}

.darkClass
{
    background-color: Gray;
    filter: alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity: 0.50; /* FireFox */ /*min-height: 3070px !important;*/
    min-height: 350% !important;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 998;
}

.darkClassProcessing
{
    text-align: center;
    font-size: 30px; /*padding-top: 300px;*/
    filter: alpha(opacity=90); /* IE */
    opacity: 0.9; /* Safari, Opera */
    -moz-opacity: 0.90; /* FireFox */
    background-color: #7AC0E0;
}

.spacediv
{
    height: 1px;
}

.hidediv
{
    display: none;
}

.songtableapp
{
    width: 100%;
    border: 0px solid #e0e0e0;
}
.songtableapp th
{
    padding: 4px 5px;
    text-align: left;
    background: #E9E9E9;
    font-weight: bold;
}
.songtableapp td
{
    padding: 4px 5px;
}


.songtableappimage
{
    width: 129px;
    vertical-align: middle;
}

/********** Favlist.aspx ***********/
.favlist_options
{
    width: 70px;
}

.favlist_sortingbuttons
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
    vertical-align: middle;
}

.favlist_sortingbuttons_selected
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid red !important;
    vertical-align: middle;
}
/********* StartUp Pop Up *****************************************/
.startuptable
{
    width: 100%;
    border: 0px solid #e0e0e0;
}
.startuptable th
{
    padding: 4px 5px;
    text-align: left;
    background: #E9E9E9;
    font-weight: bold;
}

.startuptable tr
{
    padding: 4px 5px;
    text-align: left;
    border: 1px solid #e0e0e0;
}

.startuptable td
{
    padding: 4px 5px;
    border: 1px solid #e0e0e0;
}


.startuptableimage
{
    width: 129px;
    vertical-align: middle;
    text-align: center;
}

.startuptabletext
{
    text-align: center;
}
/********** More Menu ***********************************************/
.level1
{
    font-size: 16px;
    color: Blue;
    background-color: #066A9E;
}

.level2
{
    font-size: 16px;
    color: Blue;
    background: url(../images/navtopbg.jpg) repeat-x left top;
    background-color: #066A9E;
}
/***********Bread Crums *********************************************/
.RootNode
{
    font: inherit;
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 20px;
    background: #035122 url(../images/breadcrumbLevel0.png) no-repeat right center;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
}

.RootNode_Level2
{
    background: #035122 url(../images/breadcrumbLevel2.png) no-repeat right center !important;
}

.NodeStyle
{
    font: inherit;
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 20px; /*-webkit-border-radius: 3px;     -moz-border-radius: 3px;     border-radius: 3px;*/
    background: #2A6F39 url(../images/Bread-Arrow-Root.png) no-repeat right center;
}

.NodeStyle_Level1
{
    background: #2A6F39 url(../images/breadcrumbLevel1.png) no-repeat right center !important;
}

.NodeStyle_Level3
{
    background: #2A6F39 url(../images/breadcrumbLevel3.png) no-repeat right center !important;
}

.NodeStyle2
{
    font: inherit;
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 20px; /*-webkit-border-radius: 3px;     -moz-border-radius: 3px;     border-radius: 3px;*/
    background: #3D8148 url(../images/breadcrumbLevel4.png) no-repeat right center;
}

.CurrentNode
{
    font: inherit;
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    background: #699C64;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
}
/******** Favlist.aspx *************/
.songtablefavlist
{
    width: 500px;
    border: 1px solid #e0e0e0;
}
.songtablefavlist th
{
    padding: 4px 5px;
    text-align: left;
    background: #E9E9E9;
    font-weight: bold;
}
.songtablefavlist td
{
    padding: 4px 5px;
}

.favlistiframe
{
    width: 560px;
    height: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
    padding: 10px;
}

/*****************************/
.breadcrumb a
{
    /*color: #FFF;     text-decoration: none;     margin-right: 15px;     background: url(../images/breadcrumbarrow.gif) no-repeat right center;     padding: 18px 18px 18px 0px; } .breadcrumb a:hover {     color: #D9D9FF;     text-decoration: underline; } a.breadcrumbactive {     background: url(none); } .no1 {     /*display:none;*/
    border: 1px solid red;
}

/***********************************************/
.socialiconslinks
{
    text-decoration: none !important;
    background: none !important;
    padding: 0px !important;
    padding-top: 15px !important;
    padding-right: 2px !important;
}

.socialiconslinks :hover
{
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}
/**************** Popup Grid **********/
ul#listing
{
    margin: 0px;
    padding: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #E9E9E9;
}
#listing li
{
    list-style: none;
    margin: 0px;
    padding: 0px !important;
    display: block;
    padding: .1em;
    border-bottom: 2px solid #E9E9E9;
    cursor: pointer;
    cursor: hand; /*height:2em;*/
}
#listing a
{
    color: #000;
    text-decoration: none;
    display: block;
    padding: .6em;
}
#listing li:hover
{
    color: #FFFFFF;
    background: #1a76a9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ae42', endColorstr='#f5852b'); /******** Rounded Border *******/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.invoiceheading
{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    background-color: #C0C0C0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 1px;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 5px;
}

.invoicesubheading
{
    text-align: center;
    border-bottom: 1px solid #000000;
}
.invoicesubheadingShop
{
    text-align: center;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
.textmborder
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 1px;
    border: 1px solid #000000;
}

.regoffice
{
    text-align: center;
    padding: 5px;
    font-size: 9px;
}

/********/
.subscribeleft
{
    float: left;
    width: 30%;
    vertical-align: middle;
}

.subscriberight
{
    float: left;
    width: 70%;
    vertical-align: middle;
}

.subscribetextbox
{
    width: 160px;
}
/*****************************************/
.rewardimage
{
    text-align: center;
    padding: 10px;
}
.rewardimage_subs
{
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#45A0CD), to(#EBECE3));
    background: -moz-linear-gradient(top, #45A0CD, #EBECE3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45A0CD', endColorstr='#EBECE3');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
}

.rewardimage_subs img, .rewardimage img
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:100%;
}

.rewardimageborder
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/**********General **********/
.divshowhide
{
    display: none;
}
/*****************
@media only screen and (min-width:0px ) and (max-width:1000px) 
{    

}
/******* Chrome Cast *********/
.rightimg
{
    text-align: left;
    padding: 20px;
}
/********** Faq 2 ******************************************************/
.faq2li
{
    background: url('../images/featured-bullet.png') -2px 5px no-repeat;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
    padding-bottom: 5px;
}

.faq2img
{
    background: url('../images/icon-types-small.png') 0 0 no-repeat;
    height: 16px;
    padding: 0 0 0 20px;
    font-weight: bold;
}

.faq2detailsquestion
{
    background: url('../images/faqdetails.png') no-repeat;
    min-height: 22px;
    padding: 0 0 0 30px;
    font-weight: bold;
}

.faq2detailsanswer
{
    padding: 0 0 0 30px;
}

.faq2active
{
    background: #E5E5E5 !important;
    color: #535353 !important;
    padding: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.faq2active:hover
{
    background: #254689 !important;
    color: #FFFFFF !important;
}

/****************** Yes No Icons *************/
.iconyes
{
    height: 0;
    width: 0;
    padding: 5px;
    padding-top: 5;
    background-image: url('../images/iconrequired.png');
    background-repeat: no-repeat;
}

.iconno
{
    height: 0;
    width: 0;
    padding: 5px;
    padding-top: 5;
    background-image: url('../images/noicon.png');
    background-repeat: no-repeat;
}


.iconrequired
{
    height: 0;
    width: 0;
    padding: 5px;
    padding-top: 5;
    background-image: url('../images/iconrequired.png');
    background-repeat: no-repeat;
}

.faq2heading
{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 20px;
}

.faq2ul
{
    margin-top: 15px;
    margin-right: 20px;
}

.faq2subheading
{
    margin-bottom: 15px;
    font-size: 16px;
}
/********************* Points Report ****************/
.pointstable
{
    width: 100%;
    border: 1px solid #e0e0e0;
}

.pointstable th
{
    padding: 4px 5px;
    text-align: left;
    background: #E9E9E9;
    font-weight: bold;
    width: auto;
}
.pointstable td
{
    padding: 4px 5px;
}

.pointsdt
{
    width: 30% !important;
}
.pointsdes
{
    width: 40% !important;
}
.pointsearned
{
    width: 15% !important;
    text-align: right !important;
}

.pointsuser
{
    width: 15% !important;
    text-align: right !important;
}

.pointsgrandtotal
{
    border-top: 1px solid #E9E9E9;
}

.pointsearnedright
{
    text-align: right !important;
    font-weight: bold;
}

.okbutton
{
    /*min-width: 100px;     font-size: inherit;     color: #FFFFFF !important;     color: #fff;     margin: 0px 2px;     border: none !important;     box-shadow: 1px 1px 2px #636363 !important;     padding: 5px;     height: auto;     background: #38bdf2;         -webkit-border-radius: 5px;     -moz-border-radius: 5px;     border-radius: 5px;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/orangebtnbg.gif) repeat-x;
    border: 1px solid #c73806;
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    text-shadow: -1px -1px 0px #982309;
    filter: dropshadow(color=#982309, offx=-1, offy=-1);
    min-width: 70px;
    font: inherit;
}

.okbuttonpopup:hover
{
    text-decoration:none;
}

.okbutton
{
    display:inline-block;
}

.okbutton:hover
{
    /*background: #f8ae42;     cursor: pointer;     cursor: hand;*/
    cursor: pointer;
    cursor: hand;
    background: url(../images/orangebtnbg.gif) repeat-x bottom;
}
.pheading
{
    font-size: 20px;
}
/***** TOC */
.rewardtable
{
    width: 100%;
    border: 1px solid #e0e0e0;
}

.rewardtable th
{
    padding: 4px 5px;
    text-align: left;
    background: #E9E9E9;
    font-weight: bold;
    width: auto;
}
.rewardtable td
{
    padding: 4px 5px;
}

.rewardrightalign
{
    text-align: right !important;
}
.tocpading
{
    padding-left: 15px;
}

/***************************************************/
#nav7
{
    background: url(../images/navtopbg.jpg) repeat-x left top;
    margin-top: 0px;
    padding-top: 2px;
    float: right;
}

#nav7 ul
{
    margin-bottom: auto !important;
}
#nav7 li
{
    float: left;
}
#nav7 a
{
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 0px 10px;
    background: url(../images/navrightbg.jpg) repeat-y right top;
    line-height: 25px;
}

#nav7 a:hover
{
    background: #05567f url(../images/navrightbg.jpg) repeat-y right top;
}
.navicon
{
    vertical-align: middle;
}


#nav7 td
{
    width: 0px !important; /*there is a issue of width*/
}

.level17
{
    color: Blue;
    background-color: #3f9ac7;
}

.level27
{
    color: Blue;
    background: url(../images/navtopbg.jpg) repeat-x left top;
    background-color: #3f9ac7;
}
.chkconfirmpad
{
    padding-left: 180px;
}
/********************************************/
.fixedheaderlalert
{
    background: #FAFFBD;
    border: 1px solid #C0CD50;
    color: #1E475E;
    padding: 5px;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;    
    box-shadow: 1px 1px 2px #E8FF1A !important;        
}

.fixedheaderimage
{
    height:27px;
    width:27px;
    }

.fixedheaderlalertcolour1
{
    background: #62F458;    
}

.fixedheaderlalertcolour2
{
    background: #FFF481;
}

.fixedheaderlalertcolour3
{
    background: #FFF053;
}

.fixedheaderlalertcolour4
{
    background: #F2FF39;
}

.fixedheaderlalertcolour5
{
    background: #55FD42;
}

.fixedheaderlalertcolour6
{
    background: #BFF71B;
}

.fixedheaderlalertcolour7
{
    background: #FFEE96;
}

.blink_me
{
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.imageasbutton
{
    cursor: pointer;
    cursor: hand; /*height:2em;*/   
    width:auto !important;                
}

.suggestedcat
{
    /*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);*/
    float:right;
}

.suggestedcathide
{
    float:right;
    display:none;
}

/**************************************Rating css************************/
.ratingstarimg
{
    width:100px;
}
.btnrating {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.rating_desc p {
    color: #000;
    font-size: 1.2em;
    
}
.rating_desc
{
        float: left;
        width:100%;
}
.txtbox
{
    border: 1px solid #EEE;
    outline-color: #FF5B36;
    width: 100%;
    font-size: 1em;
    padding: 0.5em;
    -webkit-appearance: none; /* width:70%;     padding:0.2em;*/
    margin-bottom: 3px;
}

.Alertdiv
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #777777;
}
.searchtxtdrp
{
    width: 25%;
    float: left;
    margin-bottom: 8px;
}
.videoCustPic
{
        width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
    /* margin-left: 10px; */
}
.videoleft
{
    
        /*width: 50%;
    float: left;*/
    width: 80%;
    
    margin-bottom: 8px;
    padding-right: 10px;
}
.videocontent
{
    width:50% !important;
    float:left;
}
.videoimg
{
    width: 100%;
    border: none;
    position: relative;
}
.topratedimg {
    width: 33%;
    float: left;
    margin-bottom: 8px;
    padding-right: 10px;
}
@media only screen and (max-width:920px)
{
    .col-md-9.movie_box
    {
        margin-bottom: 2em;
        
    }
}
@media only screen and (max-width: 479px)
{
       .rating-histogram
    {
        width:100% !important;
    }
}
@media only screen and (max-width:320px)
{
    .grid_7, .grid_4, .content_right, .content_right-box, .grid_5, .m_6, .movie_box, .login-left, .login-right
    {
        padding: 0;
    }
 
 
}



@media only screen and (max-width:920px)
{
   
   #maincontent
    {
     margin-left: 0px;
     margin-right: 0px;
    }
 
}
@media only screen and (max-width: 1024px)
{
    
    
      .videocontent {
width: inherit !important;

    float: left;
}
.topratedimg {
    width: 50%;
    float: left;
    margin-bottom: 8px;
    padding-right: 10px;
}
}


/**/
/* ratings */
/**/
.sky-form .rating
{
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 27px;
    color: #404040;
}
.sky-form .rating:last-child
{
    margin-bottom: 0;
}
.sky-form .rating input
{
    position: absolute;
    left: -9999px;
}
.sky-form .rating label
{
    display: block;
    float: right;
    height: -4px;
    cursor: pointer;
}
.sky-form [class^="icon-"]
{
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/star.png') 0 1px;
    float: left;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
/**/
/* checked state */
/**/
.sky-form .radio input + i:after
{
    background-color: #2da5da;
}
.sky-form .checkbox input + i:after
{
    color: #2da5da;
}
.sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i, .sky-form .toggle input:checked + i
{
    border-color: #2da5da;
}
.sky-form .rating input:checked ~ label
{
    color: #2da5da;
    background: url('../images/star.png') 0 -16px;
    display: -webkit-box;
}

/*************************menu start***************************/
.menuheading
{
    float:left;
}
.menudrop
{
    text-align:right;
}
.subheadingpadding
{
    padding-left:10% !important;
    font-size: 1.2em !important;
    background-color: #1274A7 !important;
    
}
.aborder
{
        border-top: 1px solid #3E84A9;
    border-left: 1px solid #3E84A9;
    border-right: 1px solid #3E84A9
}
.menuicon
{
        height: 20px;
    width: 20px;
    vertical-align: bottom;
}
.menuicondiv
{
        float: left;
    width: 30px;
}
#menuheader
    {
        display:none;
      }
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #066a9e;
  /*border-radius: .4em;*/
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 8px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
  
}

ul.topnav li a:hover {background-color: #05567f !important;                      
                      }

ul.topnav li.icon {display: none;}

@media screen and (max-width:1024px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  
}

@media screen and (max-width:1024px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
    cursor: pointer;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  
}
@media screen and (max-width:1025px) 
{
       .Gstdivone
    {
          width: 100% !important;
        }
}

/*************************menu End***************************/


@media screen and (max-width:1000px) 
{
 
    #menuheader
    {
    display:block;
    padding-bottom: 1em;
    }
    #header
    {
    display:none;
    }
    #pageheading
    {
    display:none;
    }
    #catsidebar
    {
    display:none !important;
    }
    #rightsidebar
    {
    display:none;
    }
    .col-md-9
    {
    width:auto !important;
    }
    #maincontent {
    margin-right: auto !important;
    }
    #rightsidebar {
    position: absolute;
    width: auto !important;
    right: 10px !important;
    top: 843px !important;
    left: 7px !important;
    }   
    #wrap
    {
    margin-right: 0; 
    margin-left: 0; 
    }
    .videocontent
    {
    width: 50% !important;
    float: left;
    }
    #maincontent 
    {
    margin-left: inherit;
    margin-right: inherit;
    }
    .topratedimg {
    width: 33%;
    float: left;
    margin-bottom: 8px;
    padding-right: 10px;
    }
    .navicon {
    vertical-align: bottom;
    }
    #footerright 
    {
            padding-left: 10px !important;
    width: 75% !important;
    }
    
    .tooltiptext
{
        width: 95% !important;
        left: 0% !important;
}
}


@media only screen and (max-width: 922px)
{
      .videocontent {
       width: 50% !important;

    float: left;
    
}

}
@media only screen and (max-width: 600px)
{
      .videocontent {
       width: inherit !important;

    float: left;
}


}

@media (max-width:480px)
{
    .searchtxtdrp
    {
        width: 100%;
        float: left;
        margin-bottom: 8px;
    }
    .videoleft
    {
        width: 100%;
        float: left;
        margin-bottom: 8px;
    }
    .topratedimg {
    width: 100% !important;
    float: left;
    margin-bottom: 8px;
    padding-right: 10px;
}

    .txtbox
    {
        width: 100%;
    }
    .Alertdiv
    {
        width: 100%;
    }
}
.profileimg
{      width: 36px;
    height: 36px;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 10px;
}

.profileimgedit
{      
    width: 100px;
    height: 100px;    
    vertical-align: middle;
    padding-bottom:5px;    
}

.propic1
{
    float: left;
    /*border: 2px solid #EFEAEA;    */
    padding: 10px;
    margin-bottom:2%;
}
.propicCropped
{
    width:50px;
    height:50px;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 10px;
}
.cropanduploadbtn
{
    padding-top:10px;
}
/************* Upload Image Css *************/
* { box-sizing: border-box; margin: 0; padding: 0; }
div { }
input[type=file], input[type=file] + input {
    display: inline-block;    
}
input[type=file] + input {    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/orangebtnbg.gif) repeat-x;
    border: 1px solid #c73806;
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    text-shadow: -1px -1px 0px #982309;
    filter: dropshadow(color=#982309, offx=-1, offy=-1);
    min-width: 70px;
    font: inherit;
}
::-webkit-file-upload-button {
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/orangebtnbg.gif) repeat-x;
    border: 1px solid #c73806;
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    text-shadow: -1px -1px 0px #982309;
    filter: dropshadow(color=#982309, offx=-1, offy=-1);
    min-width: 70px;
    font: inherit;    
}
::-ms-browse {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/orangebtnbg.gif) repeat-x;
    border: 1px solid #c73806;
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    text-shadow: -1px -1px 0px #982309;
    filter: dropshadow(color=#982309, offx=-1, offy=-1);
    min-width: 70px;
    font: inherit;
}
input[type=file]::-ms-value {
    border: none; 
}

/*************************** Pop Up Message **************************/
.playerclose
{
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FFFFFF;
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    filter: dropshadow(color=#982309, offx=-1, offy=-1);
    min-width: 70px;
    font-size: 15px;
}
.playerdivclass
{
    text-align: center;
    background: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px;
    border: 2px solid #69B6DC;    
    position: absolute;
    left: 2%;
    width: 95%;
    padding-bottom: 0px;
    margin-top:10px;    
    height:96%;
    z-index: 1000; /*filter:alpha(opacity=70);       opacity: 70;       moz-opacity:70;*/
}
.songinfoalign {
    float: left;
    padding-right: 20px;
}
.songinfoleft {
    min-width: 30px;
    float: left;
}
.defaulttxtsearch
{
border-radius: 3px;
border-top: 1px solid #c0c0c0;
border-right: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
padding: 5px;
font: inherit;
}
.defaulttextbox
{
    border:white !important;
    outline: none;
}
.msgalertdiv {
    background: -webkit-gradient(linear, left top, left bottom, from(#fffea9), to(#fffea9));
    background:linear-gradient(linear, left top, left bottom, from(#fffea9), to(#fffea9));
    background: -moz-linear-gradient(top, #fffea9, #fffea9);
    background: #fffea9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#058094', endColorstr='#38bdf2');
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #3f9ac7;
    position: fixed;
    top: 45%;
    left: 40%;
    text-align: center;
    min-width: 21%;
    
    padding: 3px;
    /* box-shadow: 10px 10px 5px #888888; */
    /* opacity: .9; */
}
.posterimg
{
    border-width: 0px;
    width: 100%;
    height: auto;
    border: 1px solid #23ABF8;
    -webkit-box-shadow: 0px 0px 10px #23ABF8;
    -moz-box-shadow: 0px 0px 10px #23ABF8;
    box-shadow: 0px 0px 10px #23ABF8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    margin: 1px;
    cursor: pointer;   
        background-image: url('../images/ajax-loader_16.gif');
    background-repeat: no-repeat; 
}

.poster
{
       float: left;
    padding: 2px;
    margin-right: 3%;
    /* padding-right: 20px; */
    width: 50px;
    display: block;
    cursor: pointer;
}
/*****************************************/
/*http://punboy.com/zoom-images-on-mouse-hover-using-css3/*/
/*.zoom_img img{
-moz-transition:-moz-transform 0.2s ease-in; 
-webkit-transition:-webkit-transform 0.2s ease-in; 
-o-transition:-o-transform 0.2s ease-in;

}
.zoom_img img:hover{
-moz-transform:scale(3); 
-webkit-transform:scale(3);
-o-transform:scale(3);
}*/
.zoom_img img{
-moz-transform:scale(3); 
-webkit-transform:scale(3);
-o-transform:scale(3);
-ms-transform: scale(3);
-moz-transition:-moz-transform 0.2s ease-in; 
-webkit-transition:-webkit-transform 0.2s ease-in; 
-o-transition:-o-transform 0.2s ease-in;
-ms-transform:-ms-transform 0.2s ease-in;
}
.zoom_Out img
{
-moz-transition:-moz-transform 0.3s ease-in; 
-webkit-transition:-webkit-transform 0.3s ease-in; 
-o-transition:-o-transform 0.3s ease-in;
-ms-transform:-ms-transform 0.3s ease-in;
}
/**********************************************/


.searchdrp
{
        width: 97%;
    padding: 4px;
    /*color:#adadad;*/
}
.btnsearch
{
    /*padding: 5px !important;*/
}
/*****************************Rating score***************************************************************/


        .rating-box
        {
            border: 1px solid #a2a2a1;
            margin-top: 2%;
            box-shadow: 0px 0px 10px #7b7b7b;
            margin-bottom: 2%;
        }
        .rating-box .rating-histogram
        {
            /*width: 425px;*/
            width: 62%;
        }
        .rating-box .rating-histogram
        {
            padding: 10px 10px 10px 39px;
        }
        histogram
        {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            vertical-align: top;
        }
        .rating-box .rating-bar-container
        {
            margin-bottom: 2px;
        }
        .rating-box .rating-bar-container
        {
            color: #737373;
            height: 17px;
            font-weight: 400;
            position: relative;
            width: 100%;
        }
        .rating-box .bar-label
        {
            font-size: 11px;
            left: -35px;
            letter-spacing: 1px;
            position: absolute;
            top: 4px;
        }
        .rating-box .bar-label .star-tiny
        {
            left: -2px;
            position: relative;
            top: -2px;
        }
        .star-tiny.star-full
        {
            background: url(../images/tinystar.png);
        }
        .star-tiny
        {
            display: inline-block;
            height: 14px;
            vertical-align: middle;
            width: 14px;
        }
     
        .rating-bar-container.five .bar
        {
            background: #88b131;
        }
        .rating-bar-container .bar
        {
            opacity: .8;
            filter: alpha(opacity=80);
            -webkit-transition: width .25s ease;
            transition: width .25s ease;
            display: inline-block;
            height: 100%;
        }
        .rating-box .bar-number
        {
            color: #333;
            font-size: 11px;
            left: 5px;
            position: absolute;
            top: 2.5px;
        }
        .rating-bar-container.four .bar
        {
            background: #99cc00;
        }
        
        .rating-bar-container.four_half .bar
        {
            background: #99cc55;
        }
        .rating-bar-container.three .bar
        {
            background: #ffcf02;
        }
        .rating-bar-container.three_half .bar
        {
            background: #ffcf22;
        }
        .rating-bar-container.two .bar
        {
            background: #ff9f02;
        }
        .rating-bar-container.one .bar
        {
            background: #ff7d7d;
        }
        .rating-bar-container.one_half .bar
        {
            background: #ff6f40;
        }
        .rating-bar-container.Half .bar
        {
            background: #dc0a0a;
        }
        
        .rating-bar-container.two_half .bar
        {
            background: #ff6f33;
        }
        .rating-box .score-container
        {
            padding: 20px;
            text-align: center;
            width: 160px;
        }
        .rating-box .score-container, .rating-box .rating-histogram
        {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            vertical-align: top;
        }
        .scorecontainer
        {
            float: left;
            padding-right: 18px;
            padding-top: 5%;
            text-align: center;
        }
        .ratingscore
        {
            color: #333;
            font-size: 51px;
            font-weight: 100;
            line-height: 64px;
            text-align: center;
        }
        .reviews-stats
        {
            color: #8d8d8d;
            padding-top: 10px;
        }
        .ratingheading
        {
            padding-top: 10px;
            font-size: 25px;
        }
        /*.rating-bar-container
        {
            border: 1px solid #f7f5f5;
            background: #f7f5f5;
        }
        */
        .leftnickname
        {
                color: #2a6496;
    
        }
        .leftnickname:hover
        {
            text-decoration: underline;
            cursor:pointer;
        }
        /******************Social*********************/
        .abcRioButtonBlue
        {
                 background-image: url(../images/SocialLoginGoogle.png) !Important;
                 width: 221% !important;
                 
        }
        .abcRioButtonIcon
        {
            display:none !important;
        }
        .abcRioButtonContents
        {
            display: none;
        }
        /********shop*******************************/
.shopitem
{
    float: left;
    width: 45%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
    margin: 10px;
    -webkit-box-shadow: 0px 0px 10px #c0c0c0;
    -moz-box-shadow: 0px 0px 10px #c0c0c0;
    box-shadow: 0px 0px 10px #c0c0c0;
        min-height: 336px;
}

/*.shopitem :hover
{    
        -webkit-box-shadow: 0px 0px 10px #F89D23;
    -moz-box-shadow: 0px 0px 10px #F89D23;
    box-shadow: 0px 0px 10px #F89D23;
}*/

.shopiteminner
{
    padding: 10px;
    text-align: center;
}
.shopitemprice
{
    color: #bf1515;
    font-size: 16px;
    font-weight: bold;
}
.shopitempricepoints
{
    color: #0d8686;
    font-size: 16px;
    font-weight: bold;
}
.productimg
{
       float: left;
    width: 30%;
    border: 2px solid #e3e1e1;
    margin-right: 12px;
    margin-bottom: 10px;
    text-align: center;
}
.productdes
{
    float: left;
    width: 65%;
}
.proddetail
{
    margin-top: 15px;
}
.prodgrid
{
    width: 100%;
}
.prodgrid td
{
    padding: 5px;
}

.productheading
{
    font-weight: bold;
    background-color: #E3E1E1;
}

.productsubheading
{
    font-weight: bold;    
}
/******price css start **************/
.pricetext
{
    width: 40px;
}
.pricebtn
{
    min-width: 40px !important;
}
/******price css end **************/
.totalprice
{
    text-align:right;
    
}
        
.LeftSubCategoryli
{
    padding-left: 10%;
}
.badge {
    background-color: #6394F8;
    border-radius: 10px;
    color: white;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

/*********** Product master *****************************************/
.cartitem
{
    
    width: 100px !important;
}

.CartDescription
{
    float: left;
    width: 93% !important;
}
.CartQty
{
    float: left;
    width: 9% !important;
}
.CartPrice
{
    float: right;
    /*width: 10% !important;*/
}
.CartToalPrice
{
    float: right;
    /*width: 5% !important;*/
}
.cartPayblefooter
{  
  padding-right: 1px;    
  margin-top: 1%;
}
.cartPayblebuttons
{    
    float:left;
}

.cartPaybleAmount
{
    font-size:x-large;
    float:right;
}

.carttextal
{
    text-align:center;
}
.carttddiv
{
    height: 53px;
}
.ShopSignUp
{
display:block;
}
/*.shopmenuicon
{
    display:none;
}*/
@media (max-width:1025px) { 
     #nav a 
     {
         font-size:14px; 
     }
    }
@media screen and (min-width: 1030px)
{
.ShopSignUp
{
display:none !important;
}
.shopmenuicon
{
    display:block;
}
}

.subtotalrow
{
    background: #9e9ea1;
}
.cstaltrow
{
    background: #d9d9f5;
}
.SBCaltrow
{
    background: #eaeaf7;
}
.KKCaltrow
{
    background: #d4d4d7;
}

.ShopPayableAmount
{
        border: 1px solid #e0e0e0;
    background-color: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 2px;
    font-size: large;   
    margin-top:2%;
    margin-bottom:2%;
}
.ShopPayableAmountLeft
{
    float:left;
    margin-right:50%;
}
.ShopPayableAmountRight
{
}

.shippingisd
{
    float: right;
    margin-top: 8px;
    padding-right: 9px;
}
.carttd
{
    vertical-align:middle;
}
.cartloading
{
    text-align:center;
}
/***********************************************/
@media (max-width:600px) { 
.shopitem
{
    float: inherit;
    width: inherit;
}
 }
 @media (max-width:480px)
{
    .tabone
    {
            width: 32%;
    }
    .tabtwo
    {
            width: 28%;
    }
    .tabthree
    {
        width: 36.7%
    }
    .tabBlock-tab
    {
        height:106px !important;
    }
}
 @media (max-width:800px) 
{
    .tabone
    {
            width: 32%;
    }
    .tabtwo
    {
            width: 28%;
    }
    .tabthree
    {
        width: 36.7%
    }
    .tabBlock-tab
    {
        height:53px;
    }
}
.gsttextboxdiv
{
    width: 100%;
    text-align: left;
    vertical-align: top;
    /* padding: 4px; */
    margin: 6px;
}
.DoyouhaveGSTDiv
{
       margin: 13px;
}
.Gstdivone
{
    float: left;
        width: 284px;
}
.GstdivTwo
{
    padding-left:2px;
}
.gsttxt
{
        width: 91%;
}
.payment
{
    padding-left:10px;
}

/**********************************************************************************/
.footerNewsLetterDiv
{
    /*padding: 20px; 
    margin-bottom: 0px;
    margin-top: 0px; 
    background-color: #f95b03; 
    color: #FFFFFF; 
    position: fixed;
    top: 0px;
    width: 98.5%;
    display:none;
    z-index:500;
    text-align:justify;
    font-size:15px;
    margin-left: 10px;    */
    padding: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #ffc50e!important;
    color: #000000;
    position: fixed;
    /*top: 0px;*/
    bottom:0px;
    width: 100%;
    display: none;
    z-index: 500;
    text-align: center;    
    border-top: 5px solid #444444;
}

.headerAndroidAppDiv
{
    /*padding: 20px; 
    margin-bottom: 0px;
    margin-top: 0px; 
    background-color: #f95b03; 
    color: #FFFFFF; 
    position: fixed;
    top: 0px;
    width: 98.5%;
    display:none;
    z-index:500;
    text-align:justify;
    font-size:15px;
    margin-left: 10px;    
    padding: 10px;*/
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #4ed6c8!important;
    color: #000000;
    position: fixed;
    top: 0px;
    width: 100%;
    display: none;
    z-index: 500;
    text-align: center;    
    border: 1px solid #d4c7c7;
    z-index:5555;
}

.footerCookiesDiv
{
    /*padding: 20px; 
    margin-bottom: 0px;
    margin-top: 0px; 
    background-color: #f95b03; 
    color: #FFFFFF; 
    position: fixed;
    top: 0px;
    width: 98.5%;
    display:none;
    z-index:500;
    text-align:justify;
    font-size:15px;
    margin-left: 10px;    */
    padding: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #ffc50e!important;
    color: #000000;
    position: fixed;
    top: 0px;
    width: 100%;
    display: none;
    z-index: 500;
    text-align: center;    
    border-bottom: 5px solid #444444;
}

.footerCookiesDivleft
{
    width:95%;
    float:left;
}

.footerCookiesDivRight
{
    width:5%;
    float:right;
    text-align:right;
    cursor:pointer;
}
.likediv
{
        border-top: 1px solid #1975a7;
    /* background: #0984eb; */
    /* color: white; */
    padding: 3px;
    /* border-radius: 5px; */
    margin-top: 5px;
    font-size: large;
}
.passBar
{
    margin-top: 4px;
    padding: 0px !important;
    color: white;
    padding-left: 5px !important;
}
.passBarWeak
{
    min-width: 22%;
    background-color: red;
}
.passBarMedium
{
    min-width: 45%;
    background-color: Orange;
    
}
.passBarStrong
{
    min-width: 98%;
    background-color: Green;
    
}
/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_tooltip */
.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip {
    position: relative;
}

.tooltiptext {
    visibility: hidden;
    width: 67%;
    background-color: #FEFAF9;
    border: 1px solid #d8ccc9;
    color: #232323;
    /*text-align: center;*/
    border-radius: 6px;
    padding: 5px 7px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 26%;
    /*margin-left: -60px;*/
    opacity: 0;
    transition: opacity 0.3s;
    
    
}
.managepakages
{
        background-color: white;
    border: 2px solid #d8d8d8;
    padding: 1.25rem;
    margin-bottom: 10px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-top-bottom-right-radius: 5px;
    -moz-top-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}


/*********************** ManagePackages.aspx ***********************/


.mpleft
{
    float: left;
    width: 200px;
}
.mandatestatus
{
        text-align: center;
    border: 1px solid #efd8d8;
    padding: 20px;
}
.mandatefail
{
    padding: 20px;
    background-color: #f85148;
    color: white;
    opacity: 0.83;
    transition: opacity 0.6s;
    margin-bottom: 15px;
    font-size: large;
}
.mandatesuccess
{
    padding: 20px;
        background-color: #4cd450;
    color: white;
    opacity: 0.83;
    transition: opacity 0.6s;
    margin-bottom: 15px;
    font-size: large;
}