﻿/* Subscribe button */
.nav-primary a.btnReactivate,
.nav-primary li.btnSubscribe a
{
    display: inline-block;   
   border: 1px solid #3164ae;
    width: auto;
    height: auto;
    padding: 2px 11px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #3164ae;
    text-transform: uppercase;
    overflow: visible;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    text-indent: 0;
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #e2e1e1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e2e1e1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e2e1e1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfdfd 0%,#e2e1e1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfdfd 0%,#e2e1e1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdfdfd 0%,#e2e1e1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e2e1e1',GradientType=0 ); /* IE6-9 */
}

.nav-primary a.btnReactivate,
.nav-primary li.btnSubscribe a:hover {
    text-decoration:none;
}
.nav-primary li.btnSubscribe {
    background: #fdfdfd;
    padding:1px;
    border-radius:4px;
    -webkit-border-radius: 4px;
}
a.btnReactivate
{
    margin: 0;
    padding: 4px 10px 4px 10px;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px 0 #000000 inset;
}

    li.btnSubscribe a span
    {
        display: inline-block;
        padding: 2px 7px 3px 7px;
        border: 1px solid #6796cd;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

/* Reactivate styles */

.pnlReactivate .prompt
{
    position: absolute;
    top: 27px;
    left: -27px;
}

/* Shark fin styles */
.sharkFinContainerSmart {
    background: none;
    background-color: #fff;
}

.sharkfinLeft
{
    position: relative;
    overflow: hidden;
    width: 363px;
    height: 32px;
}

    .sharkfinLeft span.clip-right
    {
        position: absolute;
        right: 0;
        top: 0;
        border-top: 32px solid transparent;
        border-left: 20px solid transparent;
        border-right: 40px solid #fff;
        border-bottom: none;
        height: 0;
        display: inline-block;
    }
    
    .sharkfinLeft p
    {
        margin: 0;
        width: 310px;
        height: 32px;
        padding: 5px 0 0 25px;
        font-size: 16px;
        line-height: 18px;
        color: #fff;
    }
    
        .sharkfinLeft p a:link, .sharkfinLeft p a:visited, .sharkfinLeft p a:hover, .sharkfinLeft p a:active
        {
            display: block;
            color: #fff;
            text-decoration: none;
        }
        
        .sharkfinLeft p a span
        {
            color: #66CD04;
        }

        .sharkfinLeft p a span.link
        {
            padding-left: 16px;
        }
        
        .sharkfinLeft p a span.arrow
        {
            position: relative;
            top: 1px;
            font-size: 24px;
        }

    .sfl-fr-ca p
    {
        padding: 7px 0 0 25px;
        font-size: 13px;
    }

.sharkfinRight
{
    background-color: #1b68a9;
    height: 100%;
}
        
    .sharkfinRight p
    {
        margin: 0;
        padding: 6px 2px 0 0;
        font-size: 14px;
        line-height: 16px;
        color: #547FA9;
    }
    
    .sharkfinRight p a:link, .sharkfinRight p a:visited, .sharkfinRight p a:hover, .sharkfinRight p a:active
    {
        color: #09C;
        text-decoration: none;
    }
    
        .sharkfinRight p a span.arrow
        {
            position: relative;
            top: 1px;
            font-size: 20px;
        }

    .sharkFinContainerSmart .test-complete-profile {
        color: #fff;
    }

    .sfr-fr-ca p
    {
        padding: 8px 2px 0 0;
        font-size: 13px;
    }
    
    /*WI#145665 - This style is reusable and start duplicating */
    a.shadeButton:link,
    a.shadeButton:hover,
    a.shadeButton:active,
    a.shadeButton:visited {
        color: #fff;
	}
    a.shadeButton
    {
        margin-left: 4px;
        display: inline-block;
        padding: 1px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        text-transform: uppercase;
        font-family: Helvetica, Arial, Sans-Serif;
        font-size: 10px;
        font-weight: bold;
        background: #007fca; /* Old browsers */
        background: -moz-linear-gradient(top,  #007fca 0%, #00286d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fca), color-stop(100%,#00286d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #007fca 0%,#00286d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #007fca 0%,#00286d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #007fca 0%,#00286d 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #007fca 0%,#00286d 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fca', endColorstr='#00286d',GradientType=0 ); /* IE6-9 */
    }
    a.shadeButton span.shadeArrow
    {
      color:#fff;
      font-size:14px;
    }           
    a.shadeButton span.shadeBg
    {
        display: inline-block;
        padding: 2px 15px 3px 15px;
        border: 1px solid #a7d4eb;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .1);
        box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, .1);
    }
    a.btnReactivateLink span.shadeBg
    {
        padding: 5px 15px 6px;
        font-size: 12px;
    }
    a.greenShade {
         background: #5bd40b; /* Old browsers */
        background: -moz-linear-gradient(top,  #5bd40b 0%, #135e00 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bd40b), color-stop(100%,#135e00)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #5bd40b 0%,#135e00 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #5bd40b 0%,#135e00 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #5bd40b 0%,#135e00 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #5bd40b 0%,#135e00 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bd40b', endColorstr='#135e00',GradientType=0 ); /* IE6-9 */
    }
    a.greenShade span.shadeBg {
        border: 1px solid #fffff7;
        color: #fff;
    }
    a.shadeBold12 span.shadeBg {
        font-size: 12px;
        font-weight: bold;
    }
    a.shadeBroadButton span.shadeBg {
       padding: 5px 15px 6px; 
    }

.btn-disable, .btn-enable
{
    width: 225px;
    float: left;
    margin-bottom: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f7f7 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.btn-enable:link, .btn-enable:visited
{
    background: #00a6e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #00a6e5 0%, #00286c 57%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a6e5), color-stop(57%,#00286c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00a6e5 0%,#00286c 57%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00a6e5 0%,#00286c 57%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00a6e5 0%,#00286c 57%); /* IE10+ */
    background: linear-gradient(to bottom,  #00a6e5 0%,#00286c 57%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#00286c',GradientType=0 ); /* IE6-9 */
}

.btn-enable:hover, .btn-enable:active
{
    background: #07aae6; /* Old browsers */
    background: -moz-linear-gradient(top,  #07aae6 0%, #002e7b 55%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07aae6), color-stop(55%,#002e7b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #07aae6 0%,#002e7b 55%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #07aae6 0%,#002e7b 55%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #07aae6 0%,#002e7b 55%); /* IE10+ */
    background: linear-gradient(to bottom,  #07aae6 0%,#002e7b 55%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07aae6', endColorstr='#002e7b',GradientType=0 ); /* IE6-9 */
}

    .btn-disable span.outer, .btn-enable span.outer
    {
        display: block;
        float: left;
        border: 1px solid #dbdbdb;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .btn-enable span.outer { border: 1px solid #006696; }

        .btn-disable span.inner, .btn-enable span.inner
        {
            position: relative;
            display: block;
            float: left;
            padding-left: 36px;
            border: 1px solid #fff;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

            .btn-disable em.ico, .btn-enable em.ico
            {
                position: absolute;
                left: 1px;
                top: 1px;
                display: block;
                height: 20px;
                width: 25px;
                margin-top: 4px;
                margin-left: 8px;
            }

    .btn-enable em.ico-wink {
        left: 3px;
    }

    .btn-enable em.ico-email-y {
        left: 3px;
    }

   .btn-disable span.text, .btn-enable span.text
    {
        display: inline-block;
        float: left;
        padding: 8px 4px 8px 4px;
        width: 177px;
        color: #999;
        text-transform: uppercase;
        font-weight: bold;
    }

    .btn-enable span.text   { color: #fff; }


    /* Chat button on header */ 
    .chat-active .hdr-chat{ background: transparent;color: white;background:#2A86C6;position: absolute;right: 0;left: auto;width: 235px}
    
    /* fix for header nave lt <= ie8 */
    body.ie7 #navPrime li, body.ie8 #navPrime li {
        display: inline !important;
    }

    body.ie7 #navPrime li.hdrItem a, body.ie8 #navPrime li.hdrItem a {
        display: inline-block !important;
    }

.cls_13122_guarantee {
    min-width:126px;
}
.cls_13122_about {
    min-width:87px;
}
.cls_13122_help {
    min-width:99px;
}
.cls_13122_dating {
    min-width:128px;
    width: 140px;
}
li.btnUpgrade a{
    text-indent:-9999px
}