/* Minification failed. Returning unminified contents.
(9203,1): run-time error CSS1019: Unexpected token, found '@import'
(9203,9): run-time error CSS1019: Unexpected token, found 'url("https://hello.myfonts.net/count/2b0e60")'
(12193,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(19586,1): run-time error CSS1019: Unexpected token, found '}'
(19822,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19832,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@import "https://dgkpk32ny3olx.cloudfront.net/fonts/toluna/toluna.css";
@import "https://dgkpk32ny3olx.cloudfront.net/fonts/museo/museo.css";
@import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

#topMenu a.this .link, #topMenu a.MenuHeader.rewardsmenu.this .link/* 1NTR0 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    word-spacing: 0px;
}

/* angular common */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/*   sticky footer   */
html,body {height: 100%;}

body.no-scroll {
    overflow: hidden;
}

#TolunaNG_main_content {
	overflow: auto;
    padding-bottom: 63px;
}

::-ms-clear {
    display: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* hide numeric spins */
input[type='number'] { -moz-appearance:textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin:0; }

/* hide placeholders on focus */
input:focus::-webkit-input-placeholder { color:transparent; opacity: 0; }
input:focus:-moz-placeholder { color:transparent; opacity: 0;} /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; opacity: 0;} /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; opacity: 0; } /* IE 10+ */

.sticky_wrapper {
    min-height: 590px;
    padding-top:61px;
}
.sticky_push {
    height: 340px;
}
/* this is to prevent selection when double clicking the browser */
textarea
{
    overflow: auto;
    resize: none;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
    color: #666 !important;
}

.close
{
    cursor: pointer;
}

table
{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td
{
    font-weight: normal;
}
rig, td, th
{
    vertical-align: top;
}
*:focus
{
    outline: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    fadebox: "";
}
blockquote, q
{
    quotes: "" "";
}
a img
{
    border: none;
}
a
{
    text-decoration: none;
}
/*ShARED*/
html, body
{
    height: 100%;
}
body
{    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px;
}

    .async {
        display: none;
    }
    .wrap
    {
        margin: 0 auto;
        position: relative;
        width: 995px;
    }
    .cl
    {
        clear: left;
    }
    .cr
    {
        clear: right;
    }
    .cb
    {
        clear: both;
    }
    .clear
    {
        height: 1px;
        font-size: 1px;
        clear: both;
        float: none !important;
    }
    .specialclear
    {
        height: 0px;
        font-size: 0px;
        clear: both;
        float: none !important;
    }
    .clear10
    {
        height: 10px;
        font-size: 10px;
        clear: both;
    }
    .noWrap
    {
        white-space: nowrap;
    }

    .WhiteShadow
    {
        text-shadow: 1px 0px -1px #fff;
    }

    .noShadow
    {
        -webkit-box-shadow: #93a3a9 0px 0px 0px !important;
        box-shadow: #93a3a9 0px 0px 0px !important;
        -moz-box-shadow: #93a3a9 0px 0px 0px !important;
    }

    .m_20
    {
        margin-top: 20px !important;
    }

    .verticalText
    {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }

    h2, h3, h4, h5, h6
    {
        color: #3399cc;
    }
    H1.bigH
    {
        font-size: 36px;
        font-family: AvenirLTStd55RomanRegular, Arial;
        color: #525252;
        margin: 40px 0px 0px 0px;
        text-transform: uppercase;
        font-weight: normal;

    }
        H1.bigH span {
            font-size:20px;
            text-transform:none;
            padding-left:10px;
        }
    H2.middleH, H1.middleH
    {
        font-size: 30px;
        color: #606060;
        font-weight: bold;
        margin: 0 0 10px 0px;
    }
    H4.messageH
    {
        font-size: 16px;
        font-weight: bold;
    }
    H5.middleSubH
    {
        color: #323232;
        font-size: 14px;
        font-weight: normal;
        margin: -5px 0 10px 20px;
    }

    .SponsoredContainer .contentH
    {
        border-bottom: 1px solid #dadada;
        padding: 15px 0px 10px 20px !important;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }

    .contentH
    {
        color: #525252;
        font-size:23px;
    }
    h3.contentH, h2.contentH
    {
        padding: 40px 0px 10px 0px;
        text-transform :uppercase ;
    }
    h3.contentH span, h2.contentH span
    {
        font-weight: normal;
        font-size: 17px;
    }

    .extrah1
    {
        font-size: 78px;
        color: #fff;
        margin-top: 25px;
    }
/* Rounded corners container */
    .roundContainer
    {
        background: #fff;
        margin: 0px 0px 15px 0px;
        padding: 0px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .roundContainerYourZone
    {
        border: 1px solid #ccc;
        background: #fff;
        margin: 30px 0px 20px 0px;
        padding-bottom: 0px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
    }
    .roundContainerNoShadow
    {
        overflow: hidden;
        background: #fff;
        padding-bottom: 0px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .roundContainerProgressBar {
        -webkit-border-radius: 5px 5px 5px 5px !important;
        -moz-border-radius: 5px 5px 5px 5px !important;
        border-radius: 5px 5px 5px 5px !important;
    }

    .roundContainerBottomCorners {
        -webkit-border-radius: 0 0 5px 5px !important;
        -moz-border-radius: 0 0 5px 5px !important;
        border-radius: 0 0 5px 5px !important;
    }


    .roundContainerTopCorners {
        -webkit-border-radius: 5px 5px 0px 0px !important;
        -moz-border-radius: 5px 10px 0 0 !important;
        border-radius: 5px 5px 0 0 !important;
    }

    .wizard_top {
        margin-left: 1px;
        padding: 20px 10px 5px 10px;
        border-bottom:none;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        position: relative;
        z-index: 11;
        background-color: #fff;
    }

    .answerTextSpan {
        color: #989898;
        font-size: 14px;
        overflow: hidden;
        text-decoration: none;
        padding: 2px 0px;
    }

    .answerTextSpan a.PollQuestionTxt, .answerTextSpan a.PollQuestionTxt:link, .answerTextSpan a.PollQuestionTxt:hover, .answerTextSpan a.PollQuestionTxt:visited {
        color: #989898 !important;
        text-decoration: none;
    }

    a.PollQuestionTxt {
        color: #989898;
        font-size: 14px;
        font-weight: normal;
    }

    .topLevelButHolder
    {
        margin: 0px 10px 0px 10px;
       display:inline-block;
        padding: 5px 20px;
        position:relative;
        top:-8px;
    }

    .topLevelBut
    {
        cursor: pointer;
        font-size: 17px;
        display: block;
        color: #fff;
     
    }

    .noborder
    {
        border: none !important;
    }

    hr
    {
        margin: 0px;
        padding: 0px;
    }

    .hrLineDiv
    {
        background: transparent url('/Content/images/bg/hor_grad.png') center top no-repeat;
        height: 2px;
        margin: 10px 0;
    }

    .pagingBtn, .horMore
    {
        text-align: center;
        margin: 20px 15px 15px 15px;
        padding: 15px 0px 15px 0px;
        background :#ebebeb;
        color: #69B4DA;
        font-size: 14px;
        text-transform :uppercase ;
        display: block;
        text-decoration: none;
        text-align:center;
        cursor: pointer;
    }
    .horMore.textHolder span, .pagingBtn span
    {
        display: inline-block;
        width:15px;
        height:17px;
        margin:0px 5px -3px 0px;
        background: url(/Content/images/loadmoreicon.png) no-repeat;
    }

    .createMenuBtn
    {
        color: #3399cc !important;
        display:none !important;
    }

    .TimeDiffDiv
    {
        color: white;
        font-size: 9px;
        line-height: 9px;
        font-family: Verdana;
        white-space: nowrap;
        display: block;
    }

    .nomargin
    {
        margin: 0px !important;
    }

    .f_right
    {
        float: right !important;
    }
    .f_left
    {
        float: left !important;
    }

.f_r_rewards {float:right;}
/* Header **************************************************************************************************************************** */
.header {
    border-bottom:1px solid #ccc;
    /* position:relative;*/
    height:61px;
    z-index:1000;
    position:fixed;
    top:0px;
    width: 100%;
    left:0px;
}    
.logo {
    float: left;
    display: inline-block;
    height: 49px;
    padding: 6px 0;
    margin: 0;
}
.logo span {display:table-cell;height:49px;vertical-align:middle;text-align:center;}
.logo img {margin:0px 0px 0px 0px;max-height:49px;width: 120px !important;}
.logo.XMAS_THEME img { margin: 0;}

.stickymenu {
    -webkit-box-shadow: 0px 2px 4px rgba(153,153,153,0.5);
    box-shadow: 0px 2px 4px rgba(153,153,153,0.5);
    -moz-box-shadow: 0px 2px 4px rgba(153,153,153,0.5);
}
    /*DON'T del
    .stickymenu.header {border-bottom:none;height: 30px;}
    .stickymenu .logo{height:30px;}
    .stickymenu .logo img {width:70px;margin:5px 0px 0px 5px;}
    .stickymenu #topMenu a.MenuHeader .link, .stickymenu #topMenu a.MenuHeader.rewardsmenu .link {height: 26px;}
    .stickymenu #topMenu a.MenuHeader {line-height: 30px;}
    .stickymenu #topMenu a.MenuHeader.rewardsmenu .link .icon {height:9px;margin: 11px 0px 0px 0px;}
    .stickymenu #topMenu .blue_arrow {margin: 12px 15px 0px 5px;}
    .stickymenu #topMenu a.MenuHeader.rewardsmenu .blue_arrow {margin: 12px 8px 0px 5px;}
    .stickymenu .askstyle {height: 30px;line-height: 30px;padding: 0px 15px;}
    .stickymenu .askstyle span {background: url(/Content/images/sprites/headersprite.png) -31px -16px no-repeat;width: 20px;height: 20px;margin: 3px 10px 0px 0px;}
    .stickymenu .notificationsCounter #notificationsCounterLink {top: 6px;}
    .stickymenu .notificationsCounter {height: 30px;}
    .stickymenu .headersearch {height: 30px;}
    .stickymenu .headersearch .icon {background: url(/Content/images/sprites/headersprite.png) -41px -72px no-repeat;height: 30px;}
    .stickymenu .search input.go {background: url(/Content/images/sprites/headersprite.png) -41px -72px no-repeat;height: 30px;}
    .stickymenu .useropenmenu {height: 30px;}
    .stickymenu .UserNameCapitalized {display:none;}
    .stickymenu .search input[type="text"] {height: 28px;}
    .stickymenu .search.animatedinput input.go {background: url(/Content/images/sprites/headersprite.png) -41px -112px no-repeat;}
    .stickymenu .headersearch .icon:hover {background:#f7f7f7 url(/Content/images/sprites/headersprite.png) -41px -72px no-repeat;}
    .stickymenu #usermenu {height: 30px;width:auto;padding-left:10px;color:#666;text-transform:uppercase;}
    .stickymenu .notificationsCounter span.globus {margin: 3px 0px 0px 12px;}
    .stickymenu .useropenmenu .blue_arrow {margin: 12px 10px 0px 0px;}
    .stickymenu .submenu, .stickymenu .userdropmenu_container {top: 30px;}
    */

    

    .search.animatedinput input#btnSearch.go {background: url(/Content/images/sprites/headersprite.png) 5px -112px no-repeat;height: 33px;display: inline;}

    .closesearch {display:none;color:#666;font-family: arial;text-transform:uppercase;background: url(/Content/images/sprite2.png) -5px -660px no-repeat;width:20px;height:20px;font-size:19px;float:right;margin:6px 0px 0px 0px}
    #topMenu {
        float: left;
    }
    #topMenu a {
        display: block;
        font-family: Roboto;
    }
    #topMenu a.MenuHeader {
        text-transform :uppercase;
        font-size: 15px;
        float: left;
        line-height:61px;
        max-height: 61px;
    }
    #topMenu a.MenuHeader .link {
        display: inline-block;
        border-bottom:4px solid #fff;
        min-width: inherit;
        height: 57px;
        padding: 0 6px 0 15px;
        cursor: pointer;
        font-family: 'Roboto Condensed';
    }
    #topMenu a.MenuHeader.rewardsmenu .link {
        display: block;
        border-bottom:4px solid #fff;
        min-width:40px;
        height:45px;
        padding:0px 10px;
    }
    #topMenu a.MenuHeader.rewardsmenu .link .icon {
        display: block;
        width:23px;
        height:23px;
        margin: 12px 0px 0px 0px;
        float:left;
        background: url(/Content/images/sprites/headersprite.png) 1px -152px no-repeat;
    }
    #topMenu a.MenuHeader.rewardsmenu .blue_arrow {
        margin:15px 10px 0px 5px;
    }
    #topMenu a.MenuHeader.rewardsmenu.this .link {
        height:46px;
    }
    
    #topMenu .blue_arrow {
        display: inline-block;
        font-size: 9px;
        float:right;
        margin:25px 5px 0 0;
    }

   .useropenmenu .blue_arrow {
        display: inline-block;
        font-size: 8px;
        float:right;
        margin:11px 13px 0px 0px;
    }

    .askstyle {
        float: right;
        height: 33px;
        text-transform: uppercase;
        line-height: 36px;
        font-size: 13px;
        font-family: 'Roboto Condensed';
        padding: 0px 20px;
        border-radius: 15px;
    }
    .askstyle span.icon {
        width: 25px;
        height: 25px;
        display: block;
        float:left;
        margin: 4px 10px 0px 0px;
    }
    .askstyle span.icon.survey-icon {
        background: transparent url('/Content/images/survey_icon.png') center center no-repeat !important;
    }

    #usermenu {
        float: right;
        height: 35px;
        width: 70px;
        border-left: 1px solid #ebebeb;
    }

    #topMenu a span.topmenulink  {
        display: block;
        height: 38px;
        padding: 55px 15px 0px 15px;
        text-shadow:1px 1px 1px #fff;  
        cursor: pointer;
    }
    #topMenu a:hover {
        color: #3399cc;
        text-decoration: none;
    }
    #topMenu a.more img {
        margin: 3px 0px 3px 3px;
    }
    
    #topMenu a.this span.topmenulink {
        background: url(/Content/images/bg/bg_menu_r.png) right bottom no-repeat;
    }
    #topMenu li {
        position: relative;
        float: left;
        list-style: none;
    }
    #topMenu li.user-menu {
        display: none;
    }

    .bottomcorners {
        position: absolute;
        height: 20px;
        bottom: -20px;
        left: 0px;
    
        background: url(/Content/images/sprites/HeaderSprites.png) center bottom no-repeat;
        width: 100%;
        background-position: 0px -675px;
    }

.useropenmenu {
    position:relative;    
    height:48px;
    cursor:pointer;
}
.useropenmenu .blackarrow  {
    background: url(/Content/images/black_arrow.png)  no-repeat;
    margin:0px 0px 0px 5px;
    width:11px;height:6px;
    display:inline-block;
}

.userdropmenu_container {
    position: absolute;
    top: 48px;
    z-index: 111110;
    left: 0px;
    min-width: 160px;
    display: none;    
    padding: 0px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: #ccc 0px 1px 3px;
    border-color: #cdcdcd;
    background-color: #fff;
}
#mainHeader .userdropmenu {
    background-color: transparent !important;
}
.userdropmenu a {
    display: flex;
    align-items: center;
    font-family: 'Roboto';
    font-size: 14px;
    padding: 0 10px 0 15px;
    height: 43px;
    border-bottom: 1px solid #f4f4f4;
}
.userdropmenu a:last-child {
    border-bottom: none;
}
.userdropmenu a.selected {
	font-weight:bold;
}

    .submenu {
        position: absolute;
        top: 61px;
        z-index: 1011;
        left: 0px;
        min-width: 160px;
        display: none;
        padding: 0;
        border-radius: 0px 0px 5px 5px;
    }

    #topMenu .submenu div.l_corner {
        background: url(/Content/images/sprites/HeaderSprites.png) no-repeat;
        background-position: 0 -749px;
        width: 23px;
        height: 30px;
        position: absolute;
        left: -17px;
        top: 0px;
    }
    #topMenu .submenu div.r_corner {
        background: url(/Content/images/sprites/HeaderSprites.png) no-repeat;
        background-position: 0 -940px;
        width: 23px;
        height: 30px;
        position: absolute;
        right: -17px;
        top: 0px;
    }

    #topMenu .submenu a {
        font-size: 14px;
        padding: 0 10px 0 15px;
        font-family: 'Roboto';
        height: 43px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #f4f4f4;
    }
    #topMenu .submenu.ddWrapper a {
        padding: 0;
        height: auto;
        border: none;
        line-height: normal;
        display: inline;
    }
    #topMenu .submenu a:last-child {
        border-bottom: none;
    }
   
    .rainbow {
        background: url(/Content/images/header-top-strip.png) repeat-x;
        height: 5px;
    }

/*- TopicPage -*/
    .l_side
    {
        width: 67%;
        float: left;
        padding-top: 28px;
    }

    .bg_i_box
    {
        background: #fff url(/Content/images/bg/bg_i_box.png);
    }

    .r_side
    {
        width: 300px;
        float: right;
        margin-top: 28px; 
    }


    .l_side_rtl
    {
        width: 345px;
        float: left;
    }

    .followers
    {
        position: relative;
    }


    .followPeople .people
    {
        padding: 0px;
        position: relative;
    }
    .FollowList .people
    {
        padding: 0px 15px 0px 0px;
        position: relative;
        width: 240px;
    }
    .people img
    {
        width: 35px;
        height: 35px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
    }

    #userFollowing .people
    {
        padding: 23px 15px 10px 15px;
        position: relative;
    }

    .g_more
    {
        float: right;
        width: 25px;
        height: 90px;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        background: #737373;
        position: relative;
        z-index: 1000;
        -moz-border-radius: 5px 0px 0px 5px;
        -webkit-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;
    }

    .g_more a
    {
        display: block;
        text-align: center;
        color: #fff;
        white-space: nowrap;
        font-size: 14px;
        font-weight: bold;
        width: 70px;
        height: 30px;
        margin: 30px 0px 0px -30px;
        padding: 0px 0px;
        background: #737373;
        writing-mode: tb-rl;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    .g_more_left
    {
        float: left;
        margin: 10px 15px 0px 0px;
        width: 25px;
        height: 90px;
        overflow: hidden;
        background: #737373;
        position: relative;
        z-index: 1000;
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }
    .g_more_left a
    {
        margin: 80px 0 0 4px;
        display: block;
        text-align: center;
        color: #fff;
        white-space: nowrap;
        font-size: 14px;
        font-weight: bold;
        padding: 0px 0px;
        width: 70px;
        height: 70px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .g_more a:hover
    {
        color: #bababa;
    }

    .b_start
    {
        float: right;
        position: absolute;
        top: 0px;
        right: -5px;
        margin: 0px;
        background: #3399cc;
        -moz-border-radius: 5px 0px 0px 5px;
        -webkit-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;
        width: 25px;
        height: 93px;
    }

    .widgetHeaderTxt
    {
        margin: 5px 0px 0px 0px;
        width: 95%;
        float: left;
    }
    .widgetHeaderTxt.hasMedia
    {
        width: 69%;
    }
    .smallpicWrapper
    {
        float: left !important;
    }

    .widgetHeaderTxt h4
    {
        font-weight: normal;
        font-size: 12px;
        float: left; 
        bottom: 5px;
    }

    .SponsoredContainer .sponsoredImgWrapper
    {
        padding: 5px;
        background-color: #fff;
        border: 1px solid #dadada;
        display: block;
        float: left;
        margin-right: 10px;
    }

    .b_start a
    {
        display: block;
        text-align: center;
        color: #fff;
        white-space: nowrap;
        font-size: 14px;
        font-weight: bold;
        writing-mode: tb-rl;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        width: 70px;
        height: 30px;
        margin: 35px 0px 0px -30px;
        padding: 0px 0px;
        background: #3399cc;
        z-index: 10;
    }


    .b_start a:hover
    {
        color: #fff;
    }
    .b_ver
    {
        -moz-border-radius: 5px 0px 0px 0px;
        -webkit-border-radius:5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px;
    }

/*--*/
    .r_topic
    {
        border-top: 1px solid #d1d2d2;
        padding: 10px 10px 10px 10px;
        position: relative;
        overflow: hidden;
    }
    .r_topic:hover
    {
        cursor: pointer;
        background: #ddedf3;
    }
    .r_topic img
    {
        float: left;
        max-width: 48px;
        margin: 0px 10px 0px 0px;
    }
    .r_topic div
    {
        overflow: hidden;
        padding-left: 10px;
        border-left: 1px solid #cdcece;
        color: #5b5b5b;
    }
    .r_topic h4, .r_topic h4 a
    {
        color: #3399cc;
        font-size: 16px;
        font-weight: bold;
    }
    .r_topic .closedPollTopic {
        display: inline-block; padding: 2px 5px; background-color: #3399CC; float: right; color: #fff; font-weight: bold; margin-right: -10px;
    }

    .pos1
    {
        width: 23px;
        height: 25px;
        position: absolute;
        right: 0px;
        top: 3px;
        display: block;
    }
    .pos2
    {
        background: url(/Content/images/sprite.png) -7px -24px no-repeat;
        width: 23px;
        height: 25px;
        position: absolute;
        right: 0px;
        top: 0px;
        display: block;
    }

    .a_survey .sponsoredInfoContainer
    {
        padding: 20px 0px 0px 10px;
        display:block;
        height:50px;
        position:relative;
    }
.a_survey .sponsoredInfoContainer .bluearrow {
    background: url('/Content/images/sprites/rewardssprite.png') -108px -58px no-repeat;
    width: 16px; 
    height: 23px;
    display: inline-block;
    position:absolute;
    right:15px;
    top:25px;
}
        .a_survey:hover .sponsoredInfoContainer .bluearrow {background-position: -138px -58px;}


.showmorelarge { font-size:16px;padding:10px 10px 10px 15px;background:#fff;border:1px solid #ccc;border-top:none;display:block;
                -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
        font-family:Arial;
    margin-bottom: 15px;
}

.sponsoredInfoContainer .survey-icons {
    background: transparent url('/Content/images/survey-icons.png') no-repeat;
    width: 30px; height: 22px;
    display: inline-block;
    float: left;
    margin: 2px 0px 0 0;
}
.sponsoredInfoContainer .survey-icons.cat3 { background-position: 0 0; }
.sponsoredInfoContainer .survey-icons.cat13 { background-position: -35px 0; }
.sponsoredInfoContainer .survey-icons.cat22 { background-position: -70px 0; }
.sponsoredInfoContainer .survey-icons.cat20 { background-position: -105px 0; }
.sponsoredInfoContainer .survey-icons.cat4 { background-position: -140px 0; }
.sponsoredInfoContainer .survey-icons.cat15 { background-position: -171px 0; }
.sponsoredInfoContainer .survey-icons.cat12 { background-position: -207px 0; }
.sponsoredInfoContainer .survey-icons.cat14 { background-position: -240px 0; }
.sponsoredInfoContainer .survey-icons.cat1 { background-position: -273px 0; }
.sponsoredInfoContainer .survey-icons.cat23 { background-position: -315px 0; }
.sponsoredInfoContainer .survey-icons.cat24 { background-position: -315px 0; }
.sponsoredInfoContainer .survey-icons.cat27 { background-position: -343px 0; }
.sponsoredInfoContainer .survey-icons.cat26 { background-position: -374px 0; }
.sponsoredInfoContainer .survey-icons.cat25 { background-position: -410px 0; }


    .a_survey
    {
        line-height: 15px;
        overflow: hidden;
        position: relative;
        height: 70px;
        display:block;
    }
    .SponsoredContainer div.seperator
    {
        width: 100%;
        background: #d1cf98;
        height: 1px;
    }

    .inheritColor
    {
        color: inherit !important;
    }

    .a_survey img, .a_survey .imgReplace
    {
        float: left;
        max-width: 70px;
        max-height: 54px;
        border: 0px solid #d3d3a5;
        padding: 4px;
        margin-top:5px;
    }


    .r_topic img, .r_topic .imgReplace
    {
        float: left;
        width: 48px;
        height: 48px;
        margin: 0px 10px 0px 0px;
        padding: 0px;
    }

    .a_survey div.c_survey
    {
        color: #656565 !important;
        margin: 10px 30px 0px 10px;
        padding-left: 10px;
    }

    .c_survey span.points
    {
        display: block;
    }

    .a_survey div
    {
        overflow: hidden;
        color: #5b5b5b;
        margin-right: 5px;
    }
.a_survey h3 {margin-top:8px;}
    .a_survey h4, .r_topic h4 a, .a_survey h3, .r_topic h3 a
    {
        color: #525252;
        font-size: 15px;
        font-weight: bold;
    }

    .follow_box
    {
        overflow: hidden;
        margin-bottom: 20px;
    }
    .follow
    {
        text-shadow: 0px 2px 1px #333;
        display: block;
        color: #fff;
        text-align: center;
        font-size: 34px;
        background: url(/Content/images/bg/bg_follow.png) no-repeat;
        height: 50px;
        width: 300px;
        line-height: 50px;
    }
    .follow:hover
    {
        background-position: 0px -50px;
    }

    .follow_icons
    {
        background: url(/Content/images/bg/bg_folloow_icons.png) repeat-x;
        height: 56px;
        text-align: center;
        -webkit-border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
    }
    .follow_icons a
    {
        display: inline-block;
        height: 35px;
        text-indent: -9999px;
        margin: 10px 8px 0px 7px;
    }

    .follow_icons a.facebook
    {
        background: url(/Content/images/sprite.png) -30px -122px no-repeat;
        width: 30px;
    }
    .follow_icons a.facebook:hover
    {
        background-position: 0px -122px;
    }

    .follow_icons a.twitter
    {
        background: url(/Content/images/sprite.png) -35px -245px no-repeat;
        width: 30px;
    }
    .follow_icons a.twitter:hover
    {
        background-position: -1px -245px;
    }

    .follow_icons a.saved
    {
        background: url(/Content/images/sprite.png) -52px -288px no-repeat;
        width: 50px;
    }
    .follow_icons a.saved:hover
    {
        background-position: -2px -288px;
    }

    .follow_icons a.contact
    {
        background: url(/Content/images/sprite.png) -55px -163px no-repeat;
        width: 45px;
    }
    .follow_icons a.contact:hover
    {
        background-position: -5px -163px;
    }

    .follow_icons a.plus
    {
        background: url(/Content/images/sprite.png) -43px -202px no-repeat;
        width: 35px;
    }
    .follow_icons a.plus:hover
    {
        background-position: -3px -202px;
    }

    .youpage
    {
        position: relative;
    }

    .youpic
    {
        border-right: 1px solid #CCCCCC;
        display: inline-block;
        float: left;
        margin: 10px 0px 0 10px;
        text-align: center;
        padding-right: 10px;        
    }
    .youpage .youpic {
        width: 68px;
        text-align: center;
    }
    .youpic img
    {
        /*
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        */

        width: 50px;
        height: 50px;
        /*float: left;*/
    }
    .WidgetContainerSpan .WidgetLeftWrp
    {
        background-color: transparent !important;
        float: left;
    }
    .roundImageCorner
    {
        float: left;
        margin: 20px 15px 0px 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        max-width: 70px;
    }


    .youdata
    {
        margin: 5px 5px 10px 0px;
        padding-left: 10px; 
        overflow: hidden;
        color: #494949;
        font-size: 15px;
        line-height: 21px;
    }

    .PollWidget.closed .youdata
    {
        min-height:80px;
    }

    .wizardpeople
    {
        overflow: hidden;
    }

    .closeWidgetContainer {
        display: none;
    }

    .youdata img
    {
        border: 1px solid #d9d9d9;
        background: #fff;
    }
    .youdata h3
    {
        font-size: 21px;
        line-height: 25px;
        margin: 0px;
        padding: 0px;
        border: none;
        color: #777777;
    }

    .youdata h1.poll_p {
        line-height: 25px;
    }

    .youdata p.poll_p, .youdata h2.poll_p, .youdata h1.poll_p
    {
        font-size: 19px;
        color: #777777;
        margin: 0;
        padding: 0;
    }
    .youdata h2.poll_p a, .youdata h1.poll_p a
    {
        color: #333333;
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        margin-top: 1px;        
        width: 368px;        
    }
    .widgetHeaderTxt.hasMedia h2.poll_p a.PollQuestionTxt {
        display: inline;
    }

    .PollPageFlag .PollWidget .youdata h2.poll_p a,
    .PollPageFlag .PollWidget.WidgetContainerSpan .youdata h1.poll_p a {
        white-space: normal;
        width: 518px;
        overflow:auto;
        max-width: 445px;
    }
    .youdata h4, .youdata h4 a
    {
        color: #3399cc;
        font-size: 16px;
        font-weight: bold;
        display: inline;
    }
    .youdata span
    {
        color: #adadad;
        font-size: 14px;
    }


    .youdata .timeDiff, .p_comment .timeDiff
    {
        font-size: 12px;
        color: #a5a5a5;
    }


    .youdata span.ago
    {
        font-size: 10px;
        display: block;
    }
    .youdata a
    {
        color: #3399cc;
    }
    .youdata a:hover
    {
        color: #0d5d85;
    }


    .likesbuttons
    {
        color: #a5a5a5;
        font-size: 10px;
        overflow: hidden;
    }
    .likesbuttons span
    {
        display: inline-block;
        padding-top: 3px;
        /*font-weight: bold;*/
    }

    .updown
    {
        float: left;
        margin: 0px 10px 0px 0px;
        
    }

    
    .updown a
    {
        cursor: pointer;
        width: 27px;
        height: 25px;
        display: inline-block;
        float: left;
        font-family: "wizard-icons-font";
        font-size: 30px;
    }
    .updown a.up::before,.updown a.upVoted::before
    {
        content: "\e60a";
        position: relative;
        top: 4px;
    }
    /*.updown a.disableClick.up:hover
    {
        background: url(/Content/images/opinionWidgetSprites.png) 0px -30px no-repeat;
    }*/
    .updown a.disableClick {
        cursor: default;
    }

    .updown a.down,.updown a.downVoted {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
    }
    .updown a.down::before,.updown a.downVoted::before {
        content: "\e60b";
        
    }

    .likesbuttons_small {
        color: #a5a5a5;
        font-size: 10px;
        overflow: hidden;
        margin-top: 15px;
        background: url(/Content/images/bg/bg_small_updown.png) 0px bottom no-repeat;
        padding-bottom: 6px;
    }
    .likesbuttons_small span {
        display: inline-block;
        height: 10px;
        padding-top: 3px;
        font-size: 10px !important;
    }
    .likesbuttons_small a.num_of_com {
        float: right;
        color: #3399cc;
        margin: 0px 20px;
    }
    .likesbuttons_small a.num_of_com:hover {
        color: #0d5d85;
    }

    .updown_small {
        float: left;
        margin: 0px 10px 0px 0px;
    }
    .updown_small a {
        text-indent: -9999px;
        width: 26px;
        height: 23px;
        display: inline-block;
    }
    .updown_small a.up {
        background: url(/Content/images/updown_small.png) 0px -30px no-repeat;
    }
    .updown_small a.up:hover {
        background: url(/Content/images/updown_small.png) 0px 0px no-repeat;
    }
    .updown_small a.down {
        background: url(/Content/images/updown_small.png) -25px -30px no-repeat;
    }
    .updown_small a.down:hover {
        background: url(/Content/images/updown_small.png) -25px 0px no-repeat;
    }

    .closeBtn {
        background: url(/Content/images/sprite.png) -7px -98px no-repeat;
        width: 14px;
        height: 14px;
        position: absolute;
        top: 5px;
        right: 8px;
        text-indent: -9999px;
        display: block;
    }

    .lightclose {
        background: url(/Content/images/sprite.png) -8px -77px no-repeat;
        margin: 0px 5px;
        width: 12px;
        height: 12px;
        text-indent: -9999px;
        display: inline-block;
    }

    .x_close {
        background: url(/Content/images/sprite.png) -20px -516px no-repeat;
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
        height: 15px;
        width: 15px;
    }


    .s_orange_button {
        background: url(/Content/images/s_orange_button.png) no-repeat;
        width: 70px !important;
        line-height: 25px !important;
        height: 25px !important;
        border: none !important;
        text-align: center;
        font-size: 14px !important;
        color: #666666 !important;
        font-weight: bold;
        cursor: pointer;
    }
    .s_orange_button:hover {
        color: #333;
        background-position: 0px -25px;
    }

    .verticalOpinions {
        color: #cedde5;
        white-space: nowrap;
        font-size: 50px;
        font-weight: bold;
         writing-mode: tb-rl; /*filter: flipv fliph;*/
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        width: 235px;
        height: 75px;
        top: 80px;
        left: -150px;
        position: absolute;
        z-index: 10;
    }
    .comments {
        width: 580px;
        float: right;
        min-height: 300px;
        position: relative;
    }

    .morecomments {
        margin: 15px 15px 0px 15px;
        padding: 15px 0px 15px 0px;
        background: #ebebeb;
        color: #69B4DA;
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
        clear: both;
    }
  
    .morecomments:hover {
        background-position: -125px -55px;
        background-color: #d1d1d1;
    }
    .morecomments span {
    display: inline-block;
    width: 15px;
    height: 17px;
    margin: 0px 5px -3px 0px;
    background: url(/Content/images/loadmoreicon.png) no-repeat 0px 0px;
}
    .tooltip {
        padding: 0px 10px;
        background: url(/Content/images/bg/bg_tip.png);
        height: 21px;
        line-height: 21px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        position: absolute;
        top: -20px;
        left: 150px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

/* Profile page */
    .snippet {
        font-size: 14px;
        color: #a1a1a1;
        margin-bottom: 5px;
    }

    #userBigAvatarEnlarge div img {
        max-width: 250px;
        margin-top:25px;
    }

    #userBigAvatar {
        background: none;
        border:1px solid #ccc;
    }

    .actItemAvatar img {
        width: 70px;
        height: 70px;
    }

    .yourContent {
        margin: 0px !important;
        padding: 5px 0px 0px 20px !important;
        border: none !important;
    }

    .moreButton {
        font-size: 13px;
        color: #fff;
        padding: 5px 20px 0px 0px;
        text-align: right;
        float:right;
    }

    .moreButton a {
        font-size: 13px;
        color: #666;
    }

    .moreButton img {
        float: left;
    }
    .moreButton div {
        padding-left: 10px;
    }

    .followPeople {
        padding: 0px 0px 5px 5px;
    }
    .followPeople .numOfPeople {
        color: #39c;
        font-size: 18px;
        font-weight: bold;
    }
    .followPeople .numOfPeopleText {
        color: #4F5355;
        font-size: 18px;
        margin-left: -4px;
    }
    .followPeopleFollowing {
        padding-top: 30px;
    }
    .followPeopleFollowers {
        margin-top: 20px;
    }

    .userFollowContainer {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 35px;
        height: 35px;
        padding: 0 5px 0 0;
    }
    .userFollowContainer *
    {
        vertical-align: middle;
    }
    .userFollowContainer a {
        max-width: 35px;
        max-height: 35px;
    }

/* END Profile page */

    #leftSideColumn {
        width: 300px;
        float: left;
    }
    
    #userBigAvatarEnlarge {
        width: 298px;
        overflow: hidden;
        display: block;
        text-align: center;
        vertical-align: middle; 
        border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        cursor: default;
    }

    #userGoods
    {
        margin: 0 0 10px !important;
    }

    .blueline
    {
        height: 5px;
        position: absolute;
        top: 110px;
        left: 0px;
        background: #bdd3dc;
        z-index: 101;
        width: 100%;
    }    

    #userMessagesMore
    {
        display: none;
    }

/* ActivityItem */
    .actItem
    {
        padding: 15px 20px;
    }

    .speak
    {
        clear: both;
        font-size: 11px;
        font-weight: bold;
        color: #666666;
        float: right;
        background: #ebebeb;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        padding-right: 10px;
        margin: 20px 0px;
    }
    .speak input
    {
        height: 25px;
        color: #666666;
        margin-right: 5px;
        border: 1px solid #a9a9a9;
        -moz-border-radius: 10px 10px;
        -webkit-border-radius: 10px 10px;
        border-radius: 10px 10px;
        background: url(/Content/images/bg/bg_speak.png) repeat-x;
    }
    .speak span
    {
        color: #a4a4a4;
        font-size: 9px;
        display: inline-block;
        margin: 0px 0px 0px 5px;
    }




    .select_inter
    {
        padding: 7px 20px;
    }
    .select_inter a
    {
        color: #595959;
        font-size: 12px;
        padding: 0px 10px;
    }

    .actItemAvatar
    {
        width: 70px;
        display: block;
        float: left;
        margin: 0 15px 10px 0;
        border-right: 1px solid #cecece;
        padding-right: 15px;
    }
    .actItemAvatar A
    {
        display: block;
        float: left;
    }
    .actItemAvatar IMG
    {
        width: 70px;
        display: block;
        float: left;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .actItemIll
    {
        display: block;
        width: 150px;
        float: right;
        margin: 0 0 10px 15px;
    }
    .actItemIll SPAN
    {
        display: block;
        width: 144px;
        float: right;
        padding: 2px;
    }
    .actItemIll:link SPAN, .actItemIll:visited SPAN
    {
        border: 1px solid #c5c5c5;
    }
    .actItemIll:active SPAN, .actItemIll:focus SPAN, .actItemIll:hover SPAN
    {
        border: 1px solid #006da3;
    }
    .actItemIll IMG
    {
        display: block;
        width: 144px;
        float: right;
    }

    .actItemData
    {
        margin-left: 101px;
    }
    .actItemData .messageH
    {
        margin-top: -2px;
    }
    .actItemText
    {
        color: #333;
        font-size: 16px;
        margin: 5px 0;
    }
    .actItemBut
    {
        clear: right;
        float: right;
        min-width: 144px;
        background: #ebebeb;
        margin: 0 3px 0 0;
        line-height: 23px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

    .actItemData a
    {
        color: #3399cc;
        padding-right: 10px;
    }
    .actItemData a:hover
    {
        color: #0d5d85;
    }
    .actItemData span
    {
        color: #999999;
        font-size: 10px;
    }

    .actItemButGo
    {
        display: inline-block;
        background: #eac146 url('/Content/images/bg/buttons_bg.png') repeat-x;
        border: 1px solid #929b89;
        line-height: 23px;
        padding: 0 5px;
        font-size: 14px;
        text-align: center;
        min-width: 60px;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }
    .actItemButGo:link, .actItemButGo:visited
    {
        color: #666;
        text-decoration: none;
        background-position: 0 0;
    }
    .actItemButGo:active, .actItemButGo:focus, .actItemButGo:hover
    {
        color: #666;
        text-decoration: none;
        background-position: 0 -25px;
    }

    .actItem .counter
    {
        color: #666;
        font-size: 10px;
        display: inline-block;
        min-width: 62px;
        text-align: center;
        padding: 0 5px;
    }
    .actItem .unit
    {
        color: #999;
        font-size: 10px;
    }


/*--*/
    .position1
    {
        position: relative;
        z-index: 101;
    }
    .position2
    {
        position: absolute;
        z-index: 99;
        bottom: -155px;
    }

    .indenttop
    {
        margin-top: -35px;
        position: relative;
        z-index: 100;
    }

    .w_header
    {
        background: #eef4f6;
        position: relative;
        z-index: 99;
        padding: 10px 20px 30px 20px;
    }
    .w_header h2
    {
        color: #666;
        font-size: 30px;
        margin-bottom: 10px;
    }
    .w_header p
    {
        color: #a9acad;
        font-size: 18px;
        padding: 4px 5px;
        display: inline-block;
    }
    .w_header p.color1
    {
        background: #dde5ea;
    }
    .w_header p.color2
    {
        background: #becbd2;
    }
    .w_header p.color3
    {
        background: #bde3f6;
    }

    .icon_thumbs {
        background: url(/Content/images/NGIcons/dashboardIcons_17_5_2012.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 25px;
        background-position: -51px -182px;
    }

    .icon_poll
    {
        background: url(/Content/images/sprite.png) no-repeat;
        width: 19px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        background-position: -7px -7px;
    }

    .icon_battle {
        background: url(/Content/images/NGIcons/dashboardIcons_17_5_2012.png) no-repeat;
        width: 30px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        background-position: -57px -214px;
    }

    .icon_poll_grey
    {
        background: url(/Content/images/sprite2.png) -3px -75px no-repeat;
        border: none !important;
        width: 19px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        float: left;
    }

    .icon_topic_grey
    {
        background: url(/Content/images/sprite2.png) -3px -120px no-repeat;
        border: none !important;
        width: 19px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
    }
    .icon_battle_grey
    {
        background: url(/Content/images/sprite2.png) -3px -227px no-repeat;
        border: none !important;
        width: 26px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
    }
    .icon_thumb_grey
    {
        background: url(/Content/images/sprite2.png) -3px -170px no-repeat;
        border: none !important;
        width: 21px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
    }

    .icon_topic
    {
        background: url(/Content/images/NGIcons/dashboardIcons_17_5_2012.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 25px;
        background-position: -7px -33px;
    }

    .icon_chat
    {
        background: url(/Content/images/sprite2.png) -6px -359px no-repeat;
        width: 25px;
        height: 20px;
        display: inline-block;
        margin: 0px 0px -5px 10px;
    }


    .i_icon
    {
        background: url(/Content/images/sprite.png) -15px -492px no-repeat;
        margin-bottom: -4px;
        width: 19px;
        height: 19px;
        display: block;
    }

/*--*/
    .popupbgClass
    {
        display: none;
        z-index: 999;
        width: 100%;
        height: 100%;
        min-height: 130%;
        position: fixed;
        top: 0px;
        left: 0px;
        opacity: 0.5;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        background: #abbec5;
    }

    .popuptitle
    {
        text-transform :uppercase ;
        color: #000;
        padding: 15px 20px;
        font-size: 22px;
    }
    .popuptitle2
    {
        text-transform :uppercase ;
        color: #000;
        padding: 15px 20px;
        font-size: 22px;
    }

    
    

    #wizardSearch
    {
        clear: both;
    }

    .popupcontent_wizard
    {
        padding: 0px 20px 10px 20px;
        height: 340px;
        overflow: hidden;
    }

    .popupcontent
    {
        text-align: center;
        padding: 20px 20px 10px 20px;
        color: #6b6b6b;
        font-size: 14px;
    }
    .popupcontent h3
    {
        color: #6b6b6b;
        font-size: 30px;
        margin-bottom: 10px;
    }
    .popupcontent div.info
    {
        color: #b2b2b2;
        width: 270px;
        margin: 5px auto 10px auto;
        padding: 0px 10px;
        background: url(/Content/images/sprite.png) -57px -492px no-repeat;
    }
    .popupcontent div.share
    {
        background: #f0f0f0;
        padding: 15px;
        color: #ababab;
        font-size: 24px;
        width: 270px;
        margin: 15px auto 15px auto;
    }
    .popupcontent div.share a
    {
        width: 25px;
        height: 25px;
        margin: 0px 1px;
        display: inline-block;
        text-indent: -9999px;
    }
    .popupcontent div.share a.facebook
    {
        background: url(/Content/images/sprite.png) -16px -539px no-repeat;
    }
    .popupcontent div.share a.twitter
    {
        background: url(/Content/images/sprite.png) -46px -539px no-repeat;
    }
    .popupcontent div.share a.contact
    {
        background: url(/Content/images/sprite.png) -77px -539px no-repeat;
    }

    .popupcontent div.address
    {
        text-align: left;
        color: #636363;
        font-size: 12px;
    }
    .popupcontent div.address a
    {
        color: #3399cc;
    }

/*--*/
    .p_round
    {
        min-height: 265px;
        padding: 0px 55px;
    }

    .b_button
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: #cdcdcd 2px 2px 3px;
        -moz-box-shadow: #cdcdcd 2px 2px 3px;
        box-shadow: #cdcdcd 2px 2px 3px;
        background: #95c9e2;
        font-size: 19px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 5px 10px;
        margin: 10px auto;
        width: 100px;
        display: block;
    }

    .regist_form label
    {
        color: #5e5e5e;
        font-size: 14px;
        display: block;
        margin: 0px 0px 5px 0px;
    }
    .regist_form label span
    {
        color: #afafaf;
    }
    .regist_form input
    {
        height: 22px;
        padding: 3px 5px;
        background: url(/Content/images/bg/bginput.png) no-repeat;
        width: 305px;
        border: none;
        margin-bottom: 12px;
    }
    .regist_form input:hover
    {
        background: #045e8b url(/Content/images/bg/bginput.png) no-repeat;
    }

    .regist_form select {
        height: 30px;
        padding: 0px 0px 0px 5px;
        background: url(/Content/images/bg/bginput.png) no-repeat;
        width: 315px;
        border: none;
        margin-bottom: 10px;
        color: #a2a2a2;
    }
    .regist_form select:hover  {
        background: #045e8b url(/Content/images/bg/bginput.png) no-repeat;
    }

    .eyal {
        margin: 20px auto 0px auto;
        width: 220px;
        color: #b9baba;
        font-size: 18px;
        text-align: center;
    }
    .eyal div {
        background: #fff url(/Content/images/bg/bginput.png) no-repeat;
        height: 150px;
        margin-bottom: 10px;
    }

    .gender {
        margin-right: 20px;
    }
    .gender div {
        width: 54px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #f0f0f0;
        width: 55px;
        height: 70px;
        float: left;
        margin-right: 15px;
    }

    .gender div a {
        display: block;
        width: 25px;
        height: 56px;
        margin: 8px auto 0px auto;
        background: url(/Content/images/kids.png) no-repeat;
    }
    .gender div.girl a:hover
    {
        background-position: -31px 0px;
    }
    .gender div.boy a
    {
        background-position: 0px -70px;
    }
    .gender div.boy a:hover
    {
        background-position: -31px -70px;
    }
    .dateofBirth, .gender
    {
        margin-bottom: 10px;
        float: left;
    }
    .dateofBirth span, .gender span {
        display: block;
    }

    .dateofBirth div {
        padding: 5px 0px;
        text-align: center;
        float: left;
        margin: 5px 10px 0px 0px;
        width: 54px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: #cdcdcd 2px 2px 3px;
        -moz-box-shadow: #cdcdcd 2px 2px 3px;
        box-shadow: #cdcdcd 2px 2px 3px;
        background: #95c9e2;
    }

    .dateofBirth div span {
        color: #fff;
        font-weight: bold;
        font-size: 22px;
    }

    .w_box {
        margin-top: 7px;
        padding-bottom: 15px;
        background: #fff; 
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px;
    }

      .w_boxfull {
        background: #fff; 
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius:5px;
        border: 1px solid #ccc;
    }

    .g_boxfull {
        background: #f7f7f7;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius:5px;
        margin-bottom:15px;
    }


    .bluebutton {
        height: 37px;
        margin: 10px 5px 0px 5px;
        padding: 0px 30px;
        text-align: center;
        line-height: 37px;
        color: #fff;
        font-weight:bold;
        font-size: 22px;
        cursor: pointer;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #36ade9;
        border:none;
    }
        .bluebutton:hover {background: #ff8717;}
    .w_share
    {
        float: left;
        font-size: 12px;
    }
    .w_share a
    {
        width: 45px;
        height: 20px;
        display: inline-block;
        margin: 5px 10px 5px 0px;
        border: 0px solid #000000;
    }
    .w_share span
    {
        font-size: 12px;
        display: block;
    }
    .w_share span.expl
    {
        clear: both;
    }

    .w_cancel
    {
        position:absolute;
        top:15px;
        right:15px;
        color:#000;
        font-size:13px;
        font-weight:bold;
        font-family: arial;
        width:20px;
        height:20px;
        text-indent:-1000px;
        background: url(/Content/images/sprite2.png) -4px -660px no-repeat;
    }
        .w_cancel:hover {background-position:-28px -660px;}


    .tips
    {
        text-align: center;
        overflow: hidden;
        padding: 20px 45px 0px 45px;
    }
    .tips a
    {
        padding-top: 2px;
        font-size: 14px;
        color: #666666;
        display: block;
        width: 130px;
        height: 21px;
        background-repeat: no-repeat;
        font-weight: bold;
        cursor: pointer;
        border-radius: 20px;
        margin-bottom: 18px;
        margin-right: 7px;
        position: relative;
    }
    .tips a .down-arrow {
        display: inline-block;
        position: absolute;
        bottom: -8px;right: 55px;
        width: 0; 
	    height: 0; 
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    border-top: 8px solid;
        display: none;
    }
    .tips a:hover .down-arrow, .tips a.selected .down-arrow{ display: inline-block;}
    .tips a:hover, .tips a.selected
    {
        text-decoration: none;
    }

    .tips a.hidden {
        visibility: hidden;
    }

    .tips a span
    {
        display: inline-block;
        margin-top: 1px;
        font-family:Arial;
    }

    .thumbview
    {
        margin: 0px auto 20px auto;
        position: relative;
        text-align: center;
    }

    .thumbview #imageContainer {
        height: 146px;
        overflow: hidden;
        margin-right: 30px;
    }

    .explain
    {
        position: absolute;
        top: 0px;
        left: -10px;
        z-index: 100;
        width: 400px;
    }
    .explain .explainNumber
    {
        -webkit-border-radius: 0px 25px 25px 0px;
        -moz-border-radius: 0px 25px 25px 0px;
        border-radius: 0px 25px 25px 0px;
        width: 30px;
        margin-bottom: 10px;
        display: inline-block;
        color: #fff;
        padding: 1px 10px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background: #ffe138;
        font-size: 30px;
        font-weight: bold;
    }
    .explain img
    {
        position: absolute;
        left: 88px;
        top: -25px;
    }
    .explain .explainNumber.color2
    {
        background: #ff9f38;
    }
    .explain .explainNumber.color3
    {
        background: #ff6738;
    }
    .explain .explainText
    {
        color: #4F4F4F;
        display: inline-block;
        padding-left: 10px;
        width: 250px;
        font-size: 16px;
        vertical-align: middle;
        margin-top: -18px;
    }
    .explain div {
        text-align: left;
    }
    .battleview
    {
        margin: 0px auto 10px auto;
        position: relative;
    }
    .explain2
    {
        position: absolute;
        top: 0px;
        left: -10px;
        z-index: 101;
        width: 340px;
    }
    .explain2 span
    {
        -webkit-border-radius: 0px 25px 25px 0px;
        -moz-border-radius: 0px 25px 25px 0px;
        border-radius: 0px 25px 25px 0px;
        display: inline-block;
        color: #fff;
        padding: 8px 10px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background: #ffe138;
        font-size: 18px;
        font-weight: bold;
    }
    .explain2 img
    {
        margin: 15px 0px 0px 20px;
    }

    .topicview textarea
    {
        background: #fff;
        border: 1px solid #bbb;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 97%;
        padding: 5px 5px 5px 10px;
        overflow: auto;
        margin: 0px auto 10px auto;
        color: #999999;
        font-size: 20px;
        height: 100px;
        font-family: Arial;
    }

/*--*/
    .iPhoneCheckContainer
    {
        position: relative;
        height: 21px;
        cursor: pointer;
        overflow: hidden;
    }
    .iPhoneCheckContainer input
    {
        position: absolute;
        top: 5px;
        left: 30px;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    .iPhoneCheckContainer label
    {
        white-space: nowrap; 
        line-height: 19px; 
        font-family: "Helvetica Neue" , Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        height: 21px;
        position: absolute;
        width: auto;
        top: 0;
        padding-top: 3px;
        overflow: hidden;
    }

    .iPhoneCheckContainer, .iPhoneCheckContainer label
    {
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
    }

    .iPhoneCheckDisabled
    {
        opacity: 0.5;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    }

    label.iPhoneCheckLabelOn
    {
        color: white;
        background: url('/Content/images/iphone-style-checkboxes/on.png') no-repeat;
        left: 0;
        padding-top: 3px;
        padding-left: 2px;
    }

    label.iPhoneCheckLabelOn span
    {
        padding-left: 5px;
        font-size: 9px;
    }

    label.iPhoneCheckLabelOff
    {
        color: #ccc;
        background: url('/Content/images/iphone-style-checkboxes/off.png') no-repeat right 0;
        text-align: right;
        right: 0;
    }


    label.iPhoneCheckLabelOff span
    {
        padding-right: 5px;
        font-size: 9px;
    }
    .iPhoneCheckHandle
    {
        display: block;
        height: 21px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background: url('/Content/images/iphone-style-checkboxes/faceslider.png') no-repeat;
        width: 21px !important;
    }


    .iPhoneCheckHandle2
    {
        display: block;
        height: 21px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background: url('/Content/images/iphone-style-checkboxes/twislider.png') no-repeat;
        width: 21px !important;
    }

    .w_share .iPhoneCheckContainer
    {
        width: 48px;
        margin: 5px 10px 5px 0px;
        float: left;
    }



    .myquestion
    {
        color: #fff;
        font-size: 25px;
    }
    .myquestion span
    {
        font-size: 16px;
        color: #3399cc;
        font-weight: bold;
        display: block;
    }
    .myquestion img
    {
        float: left;
        margin-right: 10px;
        width: 40px;
    }

    .picturerate
    {
        margin: 5px auto 8px auto;
        border: 10px solid #fff;
        width: 580px;
        position: relative;
        overflow: hidden;
    }

    .votetosee
    {
        overflow: hidden;
        color: #808f9a;
        font-size: 18px;
    }
    .votetosee a
    {
        display: inline-block;
        height: 35px;
        text-indent: -9999px;
        margin: 0px 2px 0px 0px;
    }
    .votetosee a.facebook
    {
        background: url(/Content/images/sprite.png) -30px -122px no-repeat;
        width: 30px;
    }
    .votetosee a.facebook:hover
    {
        background-position: 0px -122px;
    }
    .votetosee a.twitter
    {
        background: url(/Content/images/sprite.png) -35px -245px no-repeat;
        width: 30px;
    }
    .votetosee a.twitter:hover
    {
        background-position: -1px -245px;
    }
    .votetosee a.saved
    {
        background: url(/Content/images/sprite.png) -52px -288px no-repeat;
        width: 50px;
    }
    .votetosee a.saved:hover
    {
        background-position: -2px -288px;
    }
    .votetosee a.contact
    {
        background: url(/Content/images/sprite.png) -55px -163px no-repeat;
        width: 45px;
    }
    .votetosee a.contact:hover
    {
        background-position: -5px -163px;
    }
    .votetosee a.plus
    {
        background: url(/Content/images/sprite.png) -43px -202px no-repeat;
        width: 35px;
    }
    .votetosee a.plus:hover
    {
        background-position: -3px -202px;
    }
    .votetosee span
    {
        float: left;
    }
    .votetosee span.centervote
    {
        font-size: 26px;
        width: 100%;
        text-align: center;
    }

    .socialicons
    {
        float: left;
        display: none;
    }

    .updownwhite
    {
        float: right;
    }
    .updownwhite a
    {
        width: 40px;
        height: 40px;
        margin-left: 10px;
        display: block;
        float: left;
    }
    .updownwhite a.up
    {
        background: url(/Content/images/opinionWidgetSprites.png) 0px 0px no-repeat;
    }
    .updownwhite a.up:hover
    {
        background-position: -43px 0px;
    }
    .updownwhite a.down
    {
        background: url(/Content/images/updown_white.png) 0px -43px no-repeat;
    }
    .updownwhite a.down:hover
    {
        background-position: -43px -43px;
    }

    .morethumbs
    {
        position: absolute;
        top: 120px;
        z-index: 102;
        width: 580px;
        padding-left: 20px;
        display: none;
    }
    .morethumbs a
    {
        display: inline-block;
        margin: 0px 15px;
        float: left;
        overflow: hidden;
        background: url('/Content/images/pixblack.png');
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #a8a6a3;
        font-size: 12px;
        width: 110px;
        min-height: 110px;
        padding: 20px 20px 10px 20px;
    }
    .morethumbs a img
    {
        border: 1px solid #b9b9b9;
        clear: both;
        margin-bottom: 3px;
    }
    .morethumbs a:hover
    {
        color: #fff;
    }

    .like, .dislike
    {
        color: #fff;
        background: #e5e5e5;
        border-bottom: 1px solid #c6c7c7;
        position: relative;
        height: 65px;
        display: none;
    }
    .like span, .dislike span
    {
        color: #fff;
        font-size: 37px;
        font-weight: bold;
        padding: 0px 10px 0px 20px;
    }
    .like div, .dislike div
    {
        position: absolute;
        height: 65px;
        left: 0px;
        top: 0px;
        z-index: 10;
        height: 65px;
        line-height: 65px;
        font-size: 39px;
        font-weight: bold;
    }

    .like div.sumofrate
    {
        background: #bde3f6;
        width: 5%;
        z-index: 9;
    }
    .dislike div.sumofrate
    {
        background: #becbd2;
        width: 50%;
        z-index: 9;
    }

    .s_follow
    {
        font-size: 16px;
        cursor: pointer;
        display:inline-block ;
        float: right; 
        font-weight:bold;
        padding: 5px 10px;
        margin:0px 10px 0px 0px;
        text-align: center;
        color: #fff;
    }

    .s_follow_icons
    {
        position: relative;

        background:#fff;
        padding: 15px 5px;
        display:block;
        text-align: center;
        border:1px solid #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .s_follow_icons a,
    .s_follow_icons div.plus
    {
        display: inline-block;
        height: 25px;
        margin: 5px 0px 0px 10px;
        position: relative;    
        float: left;
    }

    .s_follow_icons a.abusive {
        background: url(/Content/images/social_icons.png) -146px 2px no-repeat;
        width: 15px;
        margin-right: 10px;
    }
    .s_follow_icons a.abusive:hover {
        background-position: -146px -25px;
    }

    .s_follow_icons a.facebook
    {
       background: url(/Content/images/social_icons.png) -23px 2px no-repeat;
    width: 15px;
    }
    .s_follow_icons a.facebook:hover,
    .s_follow_icons a.facebook.on
    {
        background-position: -23px -25px;
    }
    .s_follow_icons a.twitter
    {
       background: url(/Content/images/social_icons.png) 0px 2px no-repeat;
    width: 15px;
    }
    .s_follow_icons a.twitter:hover,
    .s_follow_icons a.twitter.on
    {
        background-position: 0px -25px;
    }
    .s_follow_icons a.saved
    {
        background: url(/Content/images/social_icons.png) -48px 2px no-repeat;
    width: 20px;
    }
    .s_follow_icons a.saved:hover,
    .s_follow_icons a.saved.on
    {
        background-position: -48px -25px;
    }
    .s_follow_icons a.contact
    {
        background: url(/Content/images/social_icons.png) -80px 2px no-repeat;
    width: 26px;
    }
    .s_follow_icons a.contact:hover,
    .s_follow_icons a.contact.on
    {
        background-position: -80px -25px;
    }
    .s_follow_icons .plus {
        position: relative;
        height: 25px;
        background: url(/Content/images/social_icons.png) -118px 2px no-repeat;
        width: 19px;
        cursor: pointer;
    }
    .s_follow_icons .plus:hover, .s_follow_icons .plus.on {
        background-position: -118px -25px;
        cursor: pointer;
    }

    .virtualgifts
    {
        clear: both;
        height: 40px;
        position: relative;
        padding-top: 20px;
        font-size: 20px;
    }
    .virtualgifts img
    {
        position: absolute;
        bottom: -20px;
        right: 0px;
    }


    .giftsbox
    {
        overflow: hidden;
        background: url(/Content/images/bg/bg_rewards.png);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: #93a3a9 1px 2px 1px;
        -moz-box-shadow: #93a3a9 1px 2px 1px;
        box-shadow: #93a3a9 1px 2px 1px;
        margin-bottom: 20px;
    }
    .giftsbox div
    {
        width: 98px;
        border-left: 2px solid #e1e1e1;
        text-align: center;
        margin: 0px;
        float: left;
        padding-bottom: 5px;
    }
    .giftsbox a
    {
        display: inline-block;
        padding: 5px;
    }
    .giftsbox span
    {
        font-size: 10px;
        font-weight: bold;
        color: #3d3d3d;
        display: block;
        text-align: center;
    }
    .giftsbox span.numpoints
    {
        font-size: 14px;
        font-weight: normal;
        color: #a8a8a8;
        border-top: 1px solid #cacaca;
        padding: 5px 5px 0px 5px;
    }
    .giftsbox span.points
    {
        font-size: 14px;
        font-weight: normal;
        color: #a8a8a8;
    }

/*--*/
    .whitetitle
    {
        color: #fff;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .cancelout
    {
        float: left;
        font-size: 16px;
        color: #484848;
        text-decoration: underline;
    }
    .cancelout:hover
    {
        text-decoration: none;
        color: #000;
    }

    .rightside
    {
        width: 558px;
        float: right;
        padding: 15px 80px 15px 73px;
        border-left: 1px solid #c8c8c8;
    }
    .rightside h3
    {
        font-family: arial;
        font-weight: bold;
        color: #696969;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .rightside p
    {
        color: #8d8d8d;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .notifications label
    {
        display: block;
        color: #646464;
        font-size: 16px;
        margin: 5px 0px;
    }
    .notifications label input
    {
        margin-right: 15px;
    }
    .notifications label a
    {
        color: #389bcd;
        text-decoration: underline;
    }
    .notificationsDate
    {
        color: #A5A5A5;
        font-size: 11px;
    }
    .notificationsCreator
    {
        color: #2886B4;
    }
    .notifContent
    {
        display: block;
        float: left;
        max-width: 260px;
        word-wrap: break-word;
    }
    .notifContentImage
    {
        display: block;
        float: right; 
    }
    .notifContentImage i{  
        font-family: 'wizard-icons-font';
        font-size: 45px;
        color: #4f4f4f;
    }
    .notifinner .inforgaphicsBotton {
        border-top: 1px solid #D8D8D8;
        margin: 5px 0 0 -15px;
        padding: 0 0 5px 15px;
    }
    .notifinner .inforgaphicsBotton .viewpoll {
        margin-top: 15px;
    }

    .greenform input, .greenform select, .greenform textarea
    {
        width: 435px;
        margin: 5px 0px;
        border-top: none;
        border-left: none;
        border-bottom: 2px solid #eaf1f4;
        border-right: 2px solid #dfe7ea;
        height: 22px;
        padding: 3px 5px;
        background: #c5e6f4 url(/Content/images/bg/bginput.png) no-repeat;
        color: #717171;
    }
    .greenform input:hover, .greenform select:hover, .greenform textarea:hover
    {
        background: #217be1 url(/Content/images/bg/bginput.png) no-repeat;
        color: #fff;
    }
    .greenform textarea
    {
        overflow: hidden;
        height: 100px;
    }

    .addContacts
    {
        margin: 0;
        width: 75px;
        padding-top: 50px;
        text-align: center;
        color: #5082a1;
        font-size: 11px;
        display: block;
        float: right;
        background: url('/Content/images/MiscSprites.png') 0 -913px no-repeat;
    }

    .blue_button
    {
        background: #36ade9;
        font-size: 14px;
        color: #fff !important;
        text-align: center;
        padding: 6px 5px;
        min-width: 80px;
        display: inline-block;
        margin-left: 5px;
    }
    .blue_button:hover
    {
        background: #fd9a3f;
    }
    .blue_button2
    {
        font-size: 20px;
        text-align: center;
        padding: 8px 15px;
        min-width: 80px;
        display: inline-block;
    }
    .blue_button_grey
    {
        background: #a7c1d1;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size: 20px;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        padding: 7px 10px;
        min-width: 80px;
        display: inline-block;
    }
    .blue_button_grey:hover
    {
        background: #4488b3;
        text-decoration: none;
    }


    .timeplace
    {
        padding: 10px 0px;
        overflow: hidden;
    }
    .timeplace a
    {
        margin: 0px;
        float: left;
        padding: 7px 20px;
        font-size: 20px;
    }

    .connectusing_f, .connectusing_t, .connectusing_g
    {
        margin-bottom: 5px;
        text-shadow: 0px 1px 1px #333;
        font-size: 18px;
        padding-left: 55px;
        padding-right: 10px;
        color: #fff;
        min-width: 220px;
        -webkit-border-radius: 0px 8px 8px 0px;
        -moz-border-radius: 0px 8px 8px 0px;
        border-radius: 0px 8px 8px 0px;
        display: inline-block;
        height: 48px;
        line-height: 48px;
    
        background: url(/Content/images/MiscSprites.png) 0 -61px no-repeat;
    }
    .connectusing_t
    {
        margin-top: 25px;
        background-position: 0px -110px;
    }
    .connectusing_g
    {
        margin-top: 25px;
        background-position: 0px -98px;
    }

    .yourupload
    {
        overflow: hidden;
    }
    .yourupload span
    {
        display: block;
        color: #8d8d8d;
        font-size: 14px;
        margin: 20px 0px 5px 0px;
    }
    .yourupload span.title
    {
        font-size: 16px;
        color: #676767;
    }
    .yourupload span.expl
    {
        font-size: 12px;
        margin: 0px;
    }
    .yourupload .greenform input
    {
        width: 329px;
    }
    .uploadplace
    {
        position: relative;
    }
    .wouldyoulike
    {
        width: 280px;
        float: left;
        margin-top: 20px;
    }
    .wouldyoulike span
    {
        color: #b9b9b9;
        font-size: 12px;
    }
    .wouldyoulike input
    {
        float: left;
        margin-right: 5px;
    }
    .wouldyoulike p
    {
        color: #8d8d8d;
        font-size: 12px;
        overflow: hidden;
        float: left;
    }

    .personalform
    {
        margin-top: 20px;
    }
    .personalform div
    {
        overflow: hidden;
        margin: 16px 0px;
    }
    .personalform input, .personalform select, .personalform textarea
    {
        float: right;
        width: 329px;
        margin: 0px 0px 0px 10px;
        color: #a2a2a2;
    }
    .personalform select
    {
        height: 30px;
        padding: 0px 0px 0px 3px;
        width: 341px;
    }
    .personalform span
    {
        float: left;
        height: 21px;
        padding: 3px 0px 3px 0px;
        display: inline-block;
        width: 200px;
        color: #5e5e5e;
        font-size: 16px;
    }
    .personalform span.short
    {
        width: 60px;
        color: #a4a4a4;
        font-size: 12px;
    }
    .personalform span.short2
    {
        width: 320px;
        color: #a4a4a4;
        font-size: 12px;
    }
    .personalform span.medium
    {
        width: 135px;
    }
    .personalform span.long
    {
        width: 425px;
    }
    .personalform input.short
    {
        width: 96px;
        text-align: center;
    }
    .personalform select.short
    {
        width: 107px;
        text-align: center;
    }
    .personalform input.medium, .personalform select.medium
    {
        width: 156px;
        text-align: center;
    }
    .personalform input.s_small
    {
        float: left;
        border: 1px solid #d2d2d2;
        background: #fff;
        width: 10px;
        height: 10px;
        padding: 0px;
        margin: 5px 10px 0px 0px;
    }
    .personalform div.expl
    {
        clear: both;
        margin: 0px 0px 0px 0px;
        float: right;
    }

    .countrys
    {
        overflow: visible !important;
        position: relative;
        float: right;
        width: 329px;
        margin: 0px 0px !important;
        border-bottom: 2px solid #eaf1f4;
        border-right: 2px solid #dfe7ea;
        height: 22px;
        padding: 3px 5px;
        background: #c5e6f4 url(/Content/images/bg/bginput.png) no-repeat;
        color: #717171;
    }
    .countrys:hover
    {
        background: #217be1 url(/Content/images/bg/bginput.png) no-repeat;
    }
    .countrys:hover a.arrowdown
    {
        border-left: 2px solid #99b2ce;
    }

    .countrys div
    {
        overflow: visible !important;
        margin: 4px 0px !important;
        padding: 1px 0px 0px 40px;
    }
    .countrys a.arrowdown
    {
        margin-top: -3px;
        width: 27px;
        height: 28px;
        float: right;
        display: block;
        border-left: 2px solid #d7d7d7;
        background: url(/Content/images/sprite2.png) -47px -655px no-repeat;
    }

    .opencountrys
    {
        display: none;
        overflow: visible !important;
        position: absolute;
        top: 24px;
        left: 0px;
        width: 329px;
        background: #ecf7fb;
        padding: 0px 5px 0px 3px !important;
        border-right: 2px solid #dfe7ea;
        border-left: 2px solid #c2d3da;
        border-bottom: 2px solid #bac3c6;
    }
    .opencountrys div
    {
        margin: 7px 0px !important;
        cursor: pointer;
        padding: 1px 0px 0px 40px;
    }
    .opencountrys div:hover
    {
        color: #333;
    }
    .countrys div.uk
    {
        background: url(/Content/images/Flags/flags25x18.png) 0px 0px no-repeat;
    }

    .pictureplace
    {
        margin: 20px 0px 0px 0px;
        width: 150px;
        color: #b9baba;
        font-size: 14px;
        text-align: center;
        float: right;
    }
    .pictureplace div
    {
        background: #fff url(/Content/images/bg/bginput.png) no-repeat;
        height: 150px;
        margin-bottom: 10px;
        border-right: solid 1px #E7E7E7;
        border-bottom: solid 1px #E7E7E7;
    }
    .pictureplace img
    {
        max-width: 140px;
        max-height: 145px;
        margin-top: 5px;
    
    }

    .pictureplace td
    {
        vertical-align: middle;width:150px;height:150px;
        background: url('/Content/images/loadingboxes.gif') no-repeat center;
    }
    .pictureplace td img
    {
        margin: 0px auto;
    }
    .grey_button
    {
        height: 25px;
        color: #666666;
        margin-right: 5px;
        border: 1px solid #a9a9a9;
        -moz-border-radius: 10px 10px;
        -webkit-border-radius: 10px 10px;
        border-radius: 10px 10px;
        background: url(/Content/images/bg/bg_speak.png) repeat-x;
    }

    .lr_t_corner
    {
        background: #f4f4f4;
        border:1px solid #ccc;
        border-bottom:none;
        overflow: hidden;
        clear: both;
        margin-top: 10px;
    }

    .lr_t_corner span
    {
        color: #525252;
        padding: 8px 0px 8px 13px;
        font-size: 14px;
        width: 292px;
        border-right: 1px solid #ccc;
        display: inline-block;
    }
    .lr_t_corner span.giftName
    {
        width: 182px;
    }
    .lr_t_corner span.giftPoints
    {
        width: 102px;
    }
    .lr_t_corner span.last
    {
        border: none;
        width: 100px;
    }
    .lr_t_corner span.first
    {
        width: 100px;
    }

    .cur_balance
    {
        float: right;
        color: #666;
        font-size: 16px;
        text-align: center;
    }
    .cur_balance div
    {
        padding: 3px 5px;
        padding-top: 6px;
        background: #fd9a3f;
   
        min-width: 85px;
        margin: 5px auto;
    }
    .cur_balance div span
    {
        font-weight: normal;
    }
    .cur_balance div span.star
    {
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        display: block;
        padding-left: 25px;
        text-align: left;
    }



    .selectadate
    {
        float: left;
        margin: 5px 0px 10px 0px;
    }
    .selectadate span,
    .selectadate select
    {
        display: block;
        font-size: 14px;
        color: #666;
        margin-bottom: 5px;
    }
    .selectadate input
    {
        width: 100px;
        font-size: 14px;
      
        border: 1px solid #c9c9c9;
        height: 18px;
        padding: 5px 5px 3px 5px;
        text-align: center;
        background: #f4f4f4;
        color: #717171;
    }

    .profileWrapper
    {
        margin-top: 25px;
    }

/*--*/
.signIn
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    background: #cadce3;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    font-size: 18px;
    color: #000;
    padding: 10px 15px;
    display: inline-block;
}

.signplace
{
    margin: 30px 0px;
    min-height: 1000px;
    position: relative;
    color: #5a5a5a;
    font-size: 18px;
}
.signplace div
{
    position: absolute;
    text-align: center;
}
.signplace h2
{
    color: #5a5a5a;
    font-size: 26px;
}
.children
{
    background: url(../images/bg/children.png) no-repeat;
    position: absolute;
    top: 0px;
    height: 456px;
    width: 100%;
    z-index: 2;
}
.w_contentbox
{
    z-index: 1;
    width: 100%;
    position: absolute;
    top: 210px;
    background: #fff;
    height: 255px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 1px 3px;
    -moz-box-shadow: #666 0px 1px 3px;
    box-shadow: #666 0px 1px 3px;
}

.t_boxleft
{
    top: 340px;
    left: 20px;
    width: 280px;
    z-index: 3;
}
.t_boxcenter
{
    top: 310px;
    left: 335px;
    width: 280px;
    z-index: 3;
}
.t_boxright
{
    top: 340px;
    right: 40px;
    width: 280px;
    z-index: 3;
}

.signplace div.signup
{
    -webkit-box-shadow: #999 3px 3px 6px;
    -moz-box-shadow: #999 3px 3px 6px;
    box-shadow: #999 3px 3px 6px;
    position: relative;
    background: url(../images/bg/bgsingup.png) repeat-x;
    position: absolute;
    left: 363px;
    top: 430px;
    text-align: center;
    font-size: 38px;
    color: #fff;
    padding: 0px 20px;
    border: 1px solid #c1c1c1;
    border-bottom: 1px solid #8ca0a9;
    border-right: 1px solid #97a1a5;
    height: 67px;
    line-height: 67px;
    z-index: 11;
    display: inline-block;
    cursor: pointer;
}

.h30
{
    font-size: 30px;
    color: #5a5a5a;
    margin-bottom: 10px;
    padding-top: 40px;
    letter-spacing: -0.015em;
}
.s_font
{
    font-family: arial;
    font-size: 22px;
    color: #5e5e5e;
}


    .gifts a
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #f0f0f0;
        position: relative;
        width: 110px;
        height: 80px;
        margin-right: 20px;
        float: left;
        display: inline-block;
        text-align: center;
        padding-top: 20px;
    }
    .grass2
    {
        background: #fff url(../images/bg/grass2.jpg) center bottom no-repeat;
        background-repeat: no-repeat !important;
        height: 505px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        position: relative;
        padding: 20px 60px 30px 60px !important;
        overflow: visible;
    }

    .greentree
    {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: #93a3a9 1px 2px 1px;
        -moz-box-shadow: #93a3a9 1px 2px 1px;
        padding: 20px 60px 30px 60px;
        background: #fff url(../images/bg/grass2.png) center bottom no-repeat;
    }
    .greentree .lside
    {
        width: 370px;
        overflow: hidden;
        float: left;
    }
    .greentree .rside
    {
        width: 350px;
        float: right;
    }
    .greentree .rside section
    {
        width: 350px !important;
    }

    .cside
    {
        float: left;
        height: 315px;
        background: #fff url(../images/bg/grey_line.gif) repeat-y;
        width: 5px;
        margin: 60px 0px 0px 70px;
    }

    .get
    {
        color: #2a2a2a;
        font-size: 16px;
        margin-top: 5px;
        clear: both;
        float: right;
        display: block;
    }
    .no_m
    {
        margin: 0 !important;
    }



    .registerScrollBar
    {
        /*width: 301px;*/
        max-height: 210px;
        background-color: rgb(238, 238, 238);
        overflow: hidden;
        margin: 0px;
        right: 6px;
        top: 4px;
        position: relative;
        z-index: 30;
    }

    #personalDetailsForm .registerScrollBar
    {
        top: 0;
    }

    .scrollCountry
    {
        position: relative;
        z-index: 101;
    }
    .scrollCountry li
    {
        clear: both;
    }

    .fakeSelect {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        height: 30px;
    }
    .fakeSelect .registerScrollBar
    {
        list-style: none;
        padding: 8px 4px 4px 5px;
    
        overflow: hidden;
    }

    .registerScrollBar li
    {
        list-style: none;
        padding: 4px 4px 4px 5px;
        width: 251px;
        overflow: hidden;
    }

    .registerScrollBar option:hover
    {
        background-color: #F3F3F3;
        cursor: pointer;
    }


    .info_white
    {
        display: inline-block;
        width: 14px;
        height: 14px;
        background: url(/Content/images/sprite.png) -118px -494px no-repeat;
        margin-bottom: -2px;
    }
    .info_grey
    {
        display: inline-block;
        width: 14px;
        height: 16px;
        background: url(/Content/images/sprite.png) -88px -494px no-repeat;
        margin-bottom: -2px;
    }

    .Wouldyou
    {
        color: #5a5a5a;
        font-size: 12px;
        margin: 20px 0px 0px 0px;
    }
    .Wouldyou a
    {
        position: relative;
        border: 1px solid #c1c1c1; 
        color: #666666 !important;
        padding: 4px 5px;
        font-weight: bold;
        font-size: 14px;
        width: 30px;
        display: inline-block;
        text-align: center;
        float: right;
    }
    .Wouldyou a:hover
    {
        background: #f2f2f2;
        text-decoration: none;
    }
    .Wouldyou a.this
    {
        background: #f2f2f2;
        text-decoration: none;
    }
    .WouldYes
    {
        -moz-border-radius: 10px 0px 0px 10px;
        -webkit-border-radius: 10px 0px 0px 10px;
        border-radius: 10px 0px 0px 10px;
        margin-left: 10px;
    }
    .Wouldno
    {
        -moz-border-radius: 0px 10px 10px 0px;
        -webkit-border-radius: 0px 10px 10px 0px;
        border-radius: 0px 10px 10px 0px;
    }

    .botsignup
    {
        margin: 10px 10px 0px 0px;
        font-size: 12px;
        text-align: right;
        overflow: hidden;
    }
    .botsignup span
    {
        clear: both;
        display: block;
    }
    .botsignup a.blue_button2
    {
        margin-top: 3px;
        font-size:14px;
        font-weight:normal;
        text-transform:uppercase;
        cursor: pointer;
    }

    .b_facebook
    {
        text-align: center;
        margin-bottom: 10px;
        background: url(/Content/images/bg/bg_big_face.png) center bottom no-repeat;
        font-size: 12px;
        color: #a1a1a1;
    }
    .OrviaEmail
    {
        display: block;
        width: 100%;
        text-align: left;
        color: #a1a1a1;
        font-size: 14px;
        margin-top: 16px;
    }
    .bigface
    {
        background: url(/Content/images/Registration/bigfacebook.png) no-repeat;
        height: 48px;
        width: 200px;
        margin: 0px auto 5px auto;
        padding-left: 18px;
        display: block;
        color: #fff !important;
        font-size: 18px;
        line-height: 48px;
    }


    .pleaseverify {
        background: url(/Content/images/bg/yellowbg.png) right top no-repeat;
        font-size: 20px;
        color: #6b6b6b;
        min-height: 60px;
        padding-right: 35px;
        padding-top: 10px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .pleaseverify a
    {
        color: #6cb5da;
        font-size: 14px;
    }

    ul.pagination
    {
        margin: 0px 420px;
        width: 200px;
        position: relative;
        top: -51px; 
        z-index: 1001;
    }
    .pagination li
    {
        float: left;
        margin: 0 8px;
        list-style: none;
    }

    .pagination li a
    {
        display: block;
        width: 20px;
        height: 20px;
        background: url('/Content/images/pagination.png') no-repeat;
        float: left;
        overflow: hidden;
        text-indent: 999px;
    }

    .pagination li.current a
    {
        background-position: 0 -21px;
    }

    section article #closeInfoBanner
    {
        position: absolute !important;
        top: 14px !important;
    }

    .user-pic-header {
        background:#ccc;
        width: 30px;
        height: 30px;
        display: block;
        margin: 0px 0px 0px 10px;
        cursor: pointer;        
        -webkit-border-radis: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    .s_up_s_in
    {
        float: right;
        margin: 0 0 0 25px;
    }
    #loginLineDiv .fbConnectImg {
        display: none;
    }
    .headersignup, .headersignin {
        display:inline-block;
        height:33px;
        line-height:34px;
        color:#fff;
        text-transform:uppercase;
        font-size:13px;
        font-weight:bold;
        padding:0px 10px;
        font-family: 'Roboto Condensed';
        white-space: nowrap;
        border-radius: 16px;
        text-align: center;
        min-width: 113px;
    }
    .headersignup i.icon, .headersignin i.icon {
        padding-right: 10px;
        font-weight: bold;
    }
    .headersignin {
        min-width: 111px;
        height: 31px;
        line-height: 31px;
        margin-right: 12px;
    }
    .headersignup {
        background-image: -webkit-linear-gradient(155deg, rgba(54, 173, 232, 1) 0%, rgba(136, 114, 211, 1) 100%);
        background-image: -moz-linear-gradient(155deg, rgba(54, 173, 232, 1) 0%, rgba(136, 114, 211, 1) 100%);
        background-image: -o-linear-gradient(155deg, rgba(54, 173, 232, 1) 0%, rgba(136, 114, 211, 1) 100%);
        background-image: linear-gradient(155deg, rgba(54, 173, 232, 1) 0%, rgba(136, 114, 211, 1) 100%);
    }
    .headersignin_homepage { 
        height:33px;
        line-height:34px;
    }

    .sepline {padding:0px 5px;}
    
#loginLineDiv {
    float: right;
}

/*--*/
.notificationsCounter {
    float: right;
    height: 35px;
    width: 50px;
    position: relative;
}
.notificationsCounter.long {
    width: 60px;
}
.notificationsCounter.count0 {
    width: 50px;
}
.notificationsCounter span.notif-icon {
    cursor: pointer;
    position: relative;
    font-size: 18px;
    color: #00A5E4;
    margin: 7px 0px 0px 6px;
    background: url(/Content/images/bell.png) no-repeat;
    width: 40px;
    height: 23px;
    display: inline-block;
}
.notificationsCounter.count0 span.notif-icon {
    display: none;
}
.notificationsCounter .fa-bell {
    display: none;
}
.notificationsCounter.count0 .fa-bell {
    display: inline-block;
    color: #9a9a9a;
    font-size: 19px;
    margin: 9px 0px 0px 16px;
    cursor: pointer;
}
.notificationsCounter #notificationsCounterLink {
    cursor: pointer;
    border-radius: 10px;
    -webkit-border-radis: 10px;
    -moz-border-radius: 10px;
    padding: 3px 8px 3px 12px;
    font-family: 'Roboto';
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: -3px;
    z-index: -1;
    color: #fff;
    background-color: #41d3a6;
    display: none;
}

.notificationsCounter #notificationsCounterLink.morethan {
    background:#db4f50;
}

    .notificationsbox {
        width: 329px;
        box-shadow: #ccc 0px 0px 3px;
        border-radius: 0 0 5px 5px;
        position: absolute;
        right: 0px;
        top: 61px;
        background: #f8f8f8;
        z-index: 100001;
        display: none;
    }

    .notifscroll .jspDrag {
        width: 8px;
    }
    .notifscroll .no-notifications {
        background-color: #fff;
        font-family: 'Roboto';
        font-size: 14px;
        color: #939393;
        height: 83px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 0 5px 5px;
    }
    .notifscroll .no-notifications .no-notif-icon {
        font-size: 28px;
        padding-right: 10px;
        margin-top: 4px;
    }
    .notificationsbox h2 {
        color: #a5a5a5;
        font-family: 'Roboto';
        font-size: 13px;
        font-weight: bold;
        padding: 12px 0px 12px 10px;
        margin:0;
        overflow: hidden;
        background-color: #f8f8f8;
        display: none;
    }
    .notificationsbox .seemore
    {
        display: block;
        text-align: center;
        color: #3399cc;
        font-size: 14px;
        padding: 15px 0px;
        background-color: #fff;
    }
    .notificationsbox .seemore.hideSeeMore
    {
        display: none !important;
    }
    .notificationsbox .seemore:hover, .notificationsbox .back:hover
    {
        color: #26b8ff;
        text-decoration: none;
    }

    .notitem {
        overflow: hidden;
        border-bottom: 1px solid #f4f4f4;
        background: #fff;
        padding: 0px 15px;
        cursor: pointer;
        height: 50px;
        display: flex;
        align-items: center;
    }     
    .notitem:hover {
        background-color: #fbfbfb;
    }
    .notitem .green-dot {        
        background-color: #00d3a7;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        -webkit-border-radis: 50%;
        -moz-border-radius: 50%;
        margin: 0 6px 0 0;
        display: inline-block;        
    }
    .notitem.read .green-dot {
        visibility: hidden;
    }
    .notitem.expanded .expand-arrow.fa-chevron-down:before {
        content: "\f077";
    }
    .notitem img {
        width: 21px;
        max-height: 21px;
        float: left;
        margin: 0 15px 0 0;
        border-radius: 15px;
        -webkit-border-radis: 15px;
        -moz-border-radius: 15px;
    }
    .notitem .system-icon {
        display: inline-block;
        padding: 0 15px 0 5px;
        font-size: 15px;
    }

    .nohover {
        background: #f3f3f3 !important;
    }

    .notinfo {
        padding: 0px;
    }
    .notinfo p {
        display: table-cell;
        vertical-align: middle;
        height: auto !important;
        font-family: 'Roboto';
        font-size: 13px;
        max-width: 237px;
    }
    .notinfo span.notifDate {
        color: #989898;
        font-size: 10px;
        display: block;
        clear: both;
    }
    .notinfo span, .notinfo a {
        color: #2886b4;
    }

    .notitem .expand-arrow {
        font-size: 12px;
        margin-left: auto;
    }

    .notifinn .rewardsImgTd {
        vertical-align: middle; 
        text-align: center;
        width: 103px;
    }
    .notifinner .rewardsTextTd {
        vertical-align: middle; 
        text-align: left; 
        padding: 0 5px; 
    }
    .notifinner .rewardsTextTd div.text {
        width: 100%;height: 70px;overflow-y: auto;
        white-space: normal;
        word-break: break-all;
        line-height: 22px;
        border: none;
    }
    .notifinner .lotteryTextTd {
        vertical-align: middle; 
        text-align: center; 
        padding: 0 5px; 
        width: 255px;
        white-space: normal;
    }
    .notifinner .lotteryTextTd a {
        padding: 0px !important;
    }
    .notifinner {
        border-bottom: 1px solid #f4f4f4;
        padding: 28px 20px 28px 28px;
    }
    .notifinner img.face  {
        width: 35px;
        max-height: 35px;
        float: left;
        margin-right: 15px;
    }
    .notifinner h3 {
        color: #3399cc;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .notifinner h3 span {
        color: #9a9a9a;
        font-size: 11px;
    }
    .notifinner .viewpoll {
        display: block;
        text-align: right;
        margin-top: 20px;
        margin-right: 10px;
    }
    .notifinner a
    {
        color: #3399cc;
        font-size: 14px;
        display: inline-block;
    }
    .notifinner a:hover
    {
        color: #26b8ff;
        text-decoration: none;
    }
    .notifinner p
    {
        font-size: 16px;
        color: #333;
        line-height: 21px;
        padding-right: 10px;
        width: 98%;
    }
    .notifinner .infographicsCntText {
        font-size: 14px;
        color: #333;
        float: left;
        width: 175px;
        height: 45px;
        white-space: normal;
        display: flex;
        align-items: center;
    }
    .notifinner p.middle
    {
        display: table-cell;
        vertical-align: top;
        height: 35px;
    }
    #surveyNotification.notifinner p.middle
    {
        width: auto;
        float: left;
        padding: 10px 5px 5px 2px;
    }
    #surveyNotification .notinfo{ margin-bottom: 5px;}

    .notifinner .notifBlueText
    {
        color: #3399cc;
        font-size: 12px;
        display: block;
        padding: 25px 0px 0px 0px;
    }
    .notifinner .notifTwitterIcon
    {
        background: url('/Content/images/sprite.png') 1px -583px no-repeat;
        width: 19px;
        height: 20px;
        display: block;
    }
    .notifinner .notifFacebookIcon
    {
        background: url('/Content/images/sprite.png') -23px -583px no-repeat;
        width: 19px;
        height: 20px;
        display: block;
    }
    .notifinner.hideDetails
    {
        display: none !important;
    }
    .notifinner .hideDetails
    {
        display: none !important;
    }
    .notifinner .italicTitle
    {
        font-style: italic;
    }
    .notifinner .message div.notifLotteryWinBottom
    {
        border-top: solid 1px #d8d8d8;
        background: transparent;
        border-radius: 0;
        border-left: none;
    }
    .notifinner .message {
        width: 96%;
    }
    .notifinner .message div {
        background: #fff;
        border-radius: 5px;
        -webkit-border-radis: 5px;
        -moz-border-radius: 5px;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        padding: 5px;
        clear: both;
        min-height: 38px;
        color: #bdbdbd;
        font-size: 17px;
        overflow: hidden;
        margin-top: -8px;
    }
    #gift_lottery .notifinner .message div {
        border: 1px solid #ccc;
    }
    .notifinner .message div img {
        float: left;
        margin: 5px 10px;
    }
    .notifinner .message div p {
        display: block;
        vertical-align: middle;
        color: #bdbdbd;
        font-size: 17px;
        text-align: center;
    }
    .notifinner .RewardsIcon {
        background-position: -5px -60px;
    }
    .notifinner .message a {
        padding: 0px;
        background:none;
        margin-top:10px;
    }

    .notifinnericon {
        float: right;
        display: block;
        width: 35px;
        height: 30px;
        background: url(/Content/images/NGIcons/dashboardIcons_17_5_2012.png) no-repeat;
        margin-top: 8px;
    }
    .noticon {
        width: 35px;
        height: 35px;
        float: left;
        margin-right: 15px;
        background: url(/Content/images/small_sprite_icons.png) no-repeat;
    }
    .noticon.icon1 {
        background-position: -4px -28px;
    }
    .nitifselect {
        float: left;
        margin-top: -7px;
    }
    .notifscroll {
        width: 100%;
        max-height: 416px;
        position: relative;
        display: block;
    }
    .notifinner .notifinnericon.FollowersIcon {
        margin-top: -8px;
    }
    #seemore {
        display: none;
    }
    #users, #gift_lottery, #surveyNotification, .notificationsbox .back, #systemNotification {
        display: none;
        overflow: hidden;
        background-color: #fbfbfb;
    }

    .notif-expanded {
        display: flex;
        align-items: center;
    }
    .notif-expanded .left-side {
        float: left;
        width: 60%;
    }
    .notif-expanded .right-side {
        float: left;
        width: 40%;
        text-align: center;
    }
    .notif-expanded-btn {
        font-family: 'Roboto Condensed';
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #00aee6;
        display: inline-block;
        padding: 6px 29px;
        border: 2px solid #00aee6;
        border-radius: 20px;
        -webkit-border-radis: 20px;
        -moz-border-radius: 20px;
    }
    .notif-expanded .system-text {
        font-family: 'Roboto';
        font-size: 13px;
    }
    a.notif-expanded-more-surveys, a.notif-expanded-more-surveys:hover {
        font-family: 'Roboto';
        font-size: 11px;
        color: #00d3a7;
        text-decoration: underline;
        padding-top: 9px;
        letter-spacing: 0.5px;
    }
    .notifSurveyCategory {
        font-family: 'Roboto';
        color: #00aee6;
        font-size: 14px;        
        display: block;
        clear: right;
        text-transform: uppercase;
        line-height: 18px;
    }
    .notifSurveyLabel {
        font-family: 'Roboto';
        color: #000;
        font-size: 13px;
        display: block;
        clear: right;
        line-height: 18px;
    }
    .notifSurveyPoints {
        font-family: 'Roboto';
        color: #8f8f8f;
        font-size: 12px;
        display: block;
        line-height: 18px;
    }
    .notifSurveyPoints.notifSurveyFds {
        padding-left: 0px;
    }

    #notifCat3 {
        margin-left: -7px;
    }
    #notifCat13 {
        margin-left: -4px;
    }
    #notifCat22 {
        margin-left: -11px;
    }
    #notifCat20 {
        margin-left: -5px;
    }
    #notifCat4 {
       margin-left: -11px;
    }
    #notifCat15 {
        margin-left: -5px;
    }
    #notifCat12 {
       margin-left: -5px;
    }
    #notifCat14 {
       margin-left: -9px;
    }
    #notifCat1 {
       margin-left: -3px;
    }
    #notifCat23 {
        margin-left: -8px;
    }
    #notifCat27 {
        margin-left: -10px;
    }
    #notifCat26 {
        margin-left: -1px;
    }
    #notifCat25, #notifCat24 {
        margin-left: -5px;
    }


.flagsSprites {
    height: 18px;
    width: 25px;
    float: left;
    margin-right: 5px;
}


    .regFsprite-_ASEAN
    {
        background-position: 0 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_African-Union
    {
        background-position: 0 -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Arab-League
    {
        background-position: 0 -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Basque-Country
    {
        background-position: 0 -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_CARICOM
    {
        background-position: 0 -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_CIS
    {
        background-position: 0 -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Catalonia
    {
        background-position: 0 -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Commonwealth
    {
        background-position: 0 -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_England
    {
        background-position: 0 -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_European-Union
    {
        background-position: 0 -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_FAO
    {
        background-position: 0 -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Galicia
    {
        background-position: 0 -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_IAEA
    {
        background-position: 0 -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_IHO
    {
        background-position: 0 -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Islamic-Conference
    {
        background-position: 0 -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Kosovo
    {
        background-position: 0 -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_NATO
    {
        background-position: 0 -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Northern-Cyprus
    {
        background-position: 0 -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Northern-Ireland
    {
        background-position: 0 -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_OAS
    {
        background-position: 0 -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_OECD
    {
        background-position: 0 -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_OPEC
    {
        background-position: 0 -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Olimpic-Movement
    {
        background-position: 0 -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Red-Cross
    {
        background-position: 0 -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Scotland
    {
        background-position: 0 -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Somaliland
    {
        background-position: 0 -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_UNESCO
    {
        background-position: 0 -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_UNICEF
    {
        background-position: 0 -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_United-Nations
    {
        background-position: 0 -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_WHO
    {
        background-position: -75px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_WTO
    {
        background-position: -75px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-_Wales
    {
        background-position: -75px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ad
    {
        background-position: -75px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ae
    {
        background-position: -75px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-af
    {
        background-position: -75px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ag
    {
        background-position: -75px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ai
    {
        background-position: -75px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-al
    {
        background-position: -75px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-am
    {
        background-position: -75px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-an
    {
        background-position: -75px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ao
    {
        background-position: -75px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-aq
    {
        background-position: -75px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ar
    {
        background-position: -75px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-as
    {
        background-position: -75px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-at
    {
        background-position: -75px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-au
    {
        background-position: -75px -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-aw
    {
        background-position: -75px -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ax
    {
        background-position: -75px -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-az
    {
        background-position: -75px -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ba
    {
        background-position: -75px -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bb
    {
        background-position: -75px -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bd
    {
        background-position: -75px -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-be
    {
        background-position: -75px -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bf
    {
        background-position: -75px -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bg
    {
        background-position: -75px -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bh
    {
        background-position: -75px -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bi
    {
        background-position: -75px -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bj
    {
        background-position: -75px -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bl
    {
        background-position: -150px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bm
    {
        background-position: -150px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bn
    {
        background-position: -150px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bo
    {
        background-position: -150px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-br
    {
        background-position: -150px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bs
    {
        background-position: -150px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bt
    {
        background-position: -150px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bv
    {
        background-position: -150px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bw
    {
        background-position: -150px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-by
    {
        background-position: -150px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-bz
    {
        background-position: -150px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ca
    {
        background-position: -150px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cc
    {
        background-position: -150px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cd
    {
        background-position: -150px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cf
    {
        background-position: -150px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cg
    {
        background-position: -150px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ch
    {
        background-position: -150px -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ci
    {
        background-position: -150px -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ck
    {
        background-position: -150px -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cl
    {
        background-position: -150px -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cm
    {
        background-position: -150px -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cn
    {
        background-position: -150px -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-co
    {
        background-position: -150px -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cr
    {
        background-position: -150px -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cu
    {
        background-position: -150px -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cv
    {
        background-position: -150px -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cx
    {
        background-position: -150px -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cy
    {
        background-position: -150px -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-cz
    {
        background-position: -150px -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-de
    {
        background-position: -225px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-dj
    {
        background-position: -225px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-dk
    {
        background-position: -225px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-dm
    {
        background-position: -225px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-do
    {
        background-position: -225px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-dz
    {
        background-position: -225px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ec
    {
        background-position: -225px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ee
    {
        background-position: -225px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-eg
    {
        background-position: -225px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-eh
    {
        background-position: -225px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-er
    {
        background-position: -225px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-es
    {
        background-position: -225px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-et
    {
        background-position: -225px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-fi
    {
        background-position: -225px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-fj
    {
        background-position: -225px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-fk
    {
        background-position: -225px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-fm
    {
        background-position: -225px -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-fo
    {
        background-position: -225px -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-fr
    {
        background-position: -225px -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ga
    {
        background-position: -225px -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gb
    {
        background-position: -225px -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gd
    {
        background-position: -225px -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ge
    {
        background-position: -225px -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gf
    {
        background-position: -225px -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gg
    {
        background-position: -225px -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gh
    {
        background-position: -225px -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gi
    {
        background-position: -225px -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gl
    {
        background-position: -225px -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gm
    {
        background-position: -225px -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gn
    {
        background-position: -300px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gp
    {
        background-position: -300px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gq
    {
        background-position: -300px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gr
    {
        background-position: -300px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gs
    {
        background-position: -300px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gt
    {
        background-position: -300px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gu
    {
        background-position: -300px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gw
    {
        background-position: -300px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-gy
    {
        background-position: -300px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-hk
    {
        background-position: -300px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-hm
    {
        background-position: -300px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-hn
    {
        background-position: -300px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-hr
    {
        background-position: -300px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ht
    {
        background-position: -300px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-hu
    {
        background-position: -300px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-id
    {
        background-position: -300px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ie
    {
        background-position: -300px -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-il
    {
        background-position: -300px -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-im
    {
        background-position: -300px -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-in
    {
        background-position: -300px -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-io
    {
        background-position: -300px -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-iq
    {
        background-position: -300px -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ir
    {
        background-position: -300px -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-is
    {
        background-position: -300px -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-it
    {
        background-position: -300px -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-je
    {
        background-position: -300px -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-jm
    {
        background-position: -300px -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-jo
    {
        background-position: -300px -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-jp
    {
        background-position: -300px -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ke
    {
        background-position: -375px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-kg
    {
        background-position: -375px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-kh
    {
        background-position: -375px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ki
    {
        background-position: -375px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-km
    {
        background-position: -375px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-kn
    {
        background-position: -375px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-kp
    {
        background-position: -375px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-kr
    {
        background-position: -375px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-kw
    {
        background-position: -375px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ky
    {
        background-position: -375px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-kz
    {
        background-position: -375px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-la
    {
        background-position: -375px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-lb
    {
        background-position: -375px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-lc
    {
        background-position: -375px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-li
    {
        background-position: -375px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-lk
    {
        background-position: -375px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-lr
    {
        background-position: -375px -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ls
    {
        background-position: -375px -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-lt
    {
        background-position: -375px -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-lu
    {
        background-position: -375px -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-lv
    {
        background-position: -375px -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ly
    {
        background-position: -375px -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ma
    {
        background-position: -375px -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mc
    {
        background-position: -375px -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-md
    {
        background-position: -375px -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-me
    {
        background-position: -375px -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mf
    {
        background-position: -375px -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mg
    {
        background-position: -375px -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mh
    {
        background-position: -375px -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mk
    {
        background-position: -450px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ml
    {
        background-position: -450px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mm
    {
        background-position: -450px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mn
    {
        background-position: -450px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mo
    {
        background-position: -450px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mp
    {
        background-position: -450px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mq
    {
        background-position: -450px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mr
    {
        background-position: -450px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ms
    {
        background-position: -450px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mt
    {
        background-position: -450px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mu
    {
        background-position: -450px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mv
    {
        background-position: -450px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mw
    {
        background-position: -450px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mx
    {
        background-position: -450px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-my
    {
        background-position: -450px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-mz
    {
        background-position: -450px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-na
    {
        background-position: -450px -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-nc
    {
        background-position: -450px -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ne
    {
        background-position: -450px -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-nf
    {
        background-position: -450px -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ng
    {
        background-position: -450px -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ni
    {
        background-position: -450px -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-nl
    {
        background-position: -450px -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-no
    {
        background-position: -450px -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-np
    {
        background-position: -450px -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-nr
    {
        background-position: -450px -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-nu
    {
        background-position: -450px -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-nz
    {
        background-position: -450px -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-om
    {
        background-position: -450px -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pa
    {
        background-position: -525px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pe
    {
        background-position: -525px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pf
    {
        background-position: -525px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pg
    {
        background-position: -525px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ph
    {
        background-position: -525px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pk
    {
        background-position: -525px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pl
    {
        background-position: -525px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pm
    {
        background-position: -525px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pn
    {
        background-position: -525px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pr
    {
        background-position: -525px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ps
    {
        background-position: -525px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pt
    {
        background-position: -525px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-pw
    {
        background-position: -525px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-py
    {
        background-position: -525px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-qa
    {
        background-position: -525px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-re
    {
        background-position: -525px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ro
    {
        background-position: -525px -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-rs
    {
        background-position: -525px -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ru
    {
        background-position: -525px -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-rw
    {
        background-position: -525px -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sa
    {
        background-position: -525px -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sb
    {
        background-position: -525px -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sc
    {
        background-position: -525px -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sd
    {
        background-position: -525px -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-se
    {
        background-position: -525px -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sg
    {
        background-position: -525px -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sh
    {
        background-position: -525px -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-si
    {
        background-position: -525px -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sj
    {
        background-position: -525px -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sk
    {
        background-position: -600px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sl
    {
        background-position: -600px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sm
    {
        background-position: -600px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sn
    {
        background-position: -600px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-so
    {
        background-position: -600px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sr
    {
        background-position: -600px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-st
    {
        background-position: -600px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sv
    {
        background-position: -600px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sy
    {
        background-position: -600px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-sz
    {
        background-position: -600px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tc
    {
        background-position: -600px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-td
    {
        background-position: -600px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tf
    {
        background-position: -600px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tg
    {
        background-position: -600px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-th
    {
        background-position: -600px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tj
    {
        background-position: -600px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tk
    {
        background-position: -600px -1088px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tl
    {
        background-position: -600px -1156px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tm
    {
        background-position: -600px -1224px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tn
    {
        background-position: -600px -1292px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-to
    {
        background-position: -600px -1360px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tr
    {
        background-position: -600px -1428px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tt
    {
        background-position: -600px -1496px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tv
    {
        background-position: -600px -1564px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tw
    {
        background-position: -600px -1632px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-tz
    {
        background-position: -600px -1700px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ua
    {
        background-position: -600px -1768px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ug
    {
        background-position: -600px -1836px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-um
    {
        background-position: -600px -1904px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-us
    {
        background-position: -675px 0;
        width: 25px;
        height: 18px;
    }
    .regFsprite-uy
    {
        background-position: -675px -68px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-uz
    {
        background-position: -675px -136px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-va
    {
        background-position: -675px -204px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-vc
    {
        background-position: -675px -272px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ve
    {
        background-position: -675px -340px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-vg
    {
        background-position: -675px -408px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-vi
    {
        background-position: -675px -476px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-vn
    {
        background-position: -675px -544px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-vu
    {
        background-position: -675px -612px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-wf
    {
        background-position: -675px -680px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ws
    {
        background-position: -675px -748px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-ye
    {
        background-position: -675px -816px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-yt
    {
        background-position: -675px -884px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-za
    {
        background-position: -675px -952px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-zm
    {
        background-position: -675px -1020px;
        width: 25px;
        height: 18px;
    }
    .regFsprite-zw
    {
        background-position: -675px -1088px;
        width: 25px;
        height: 18px;
    }


/** facebook bar **/
    
    #yellowpopupFacebook #content p
    {
        float: left;
        margin: 0;
        padding: 0 0 10px 0;
        max-width: 900px;
        font-size:16px;
        color:#333 !important;
        font-family:Arial;
    }
    #yellowpopupFacebook #content .hide, #YellowDemographicFinished .content .hide
    {
        float: right;
        font-size: 18px;
        font-weight: bold;
        color: #3399cc;
        text-decoration: none;
        text-indent:1000px;
        width:9px;
        height:9px;
        background: url('/Content/images/close_btn.png') no-repeat;
    }

    #yellowpopupFacebook .faceconect {width:93px}

    #yellowpopupFacebook #content input[type="button"]
    {
        margin-right: 15px;
        padding: 4px 15px;
        background: #6d98b3;
        border: 0;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        vertical-align: top;
        cursor: pointer;
    }
    #yellowpopupFacebook img.signUpSplash
    {
        position: absolute;
        right: 0;
        bottom: -1px;
    }

    .hardplace
    {
        overflow: hidden;
        position: relative;
    }

    .blueButton
    {
        cursor: pointer;
        margin-top: 14px;
        float: right;
        padding: 5px 22px;
        background-color: #a6c0d1;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        float: right;
        margin-right: 10px;
    }

    .blueButton:hover
    {
        background-color: #6d98b3;
    }


    .blueButton span
    {
        font-weight: bold;
        font-size: 14px;
        color: #fff;
    }

    .SponsoredContainer
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border:1px solid #ccc;
        background:#fff;
    }

    .SponsoredContainer .sponsoredTitle
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding:10px 10px 10px 90px;
        background: url('/Content/images/NGIcons/sponsoricon.png') 10px center no-repeat;
        border-bottom:1px solid #ccc;
    }
        .SponsoredContainer .sponsoredTitle h2 {color:#525252;font-size:22px;font-weight:bold;line-height:22px;}
        .SponsoredContainer .sponsoredTitle span {color:#525252;font-size:18px;line-height:18px;}

    .relatedContainer
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #ccc;
        background:#f5f5f5;
    }

    .relatedContainer .r_topic h3, .relatedContainer .r_topic h3 a {
        color: #3399CC;
        font-size: 16px;
        font-weight: bold;
    }

    .relatedContainer .relatedContainerTitle
    {
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    
        background:#fff;
    }

    .relatedContainer .relatedContainerTitle h2
    {
        margin:0;
        color: #737373;
        font-size: 18px;
        font-weight: bold;
        padding: 15px 0 15px 15px;
    }

    .SponsoredStripContainer .SponsoredItem .textHolder .points, .SponsoredContainer .points, .i_vote .points, .surveyContainer .startContainer .points, .surveysPage .points
    {
        color: #3399cc;
        font-size: 10px;
        font-weight: bold;
        display: inline-block;
        height: 15px;
        line-height: 17px;
    }
 
    .SponsoredContainer .points
    {
        margin: 0px;
        padding:0px;
        font-size:12px;
        font-family:Arial;
    }

    .spopolls
    {
        font-size: 10px;
        color: #999999;
        text-align: right;
    }
    .greybox
    {
        background: url(/Content/images/pix_grey.png);
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        width: 303px;
        padding: 10px 15px;
        margin-bottom: 20px;
    }
    .lightgreybox
    {
        background: rgb(243, 243, 243);
        background: rgba(243, 243, 243, 0.8);
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        width: 303px;
        padding: 10px 15px;
        margin-bottom: 20px;
        -moz-box-shadow: 3px 5px 5px #999;
        -webkit-box-shadow: 3px 5px 5px #999;
        box-shadow: 3px 3px 5px #999;
        margin-top: 5px;
    }
    .lightgreybox #registerCountrySelected span span
    {
        margin-left: 5px;
    }

    .imgagesuploader
    {
        overflow: hidden;
    }
    .imgagesuploader h3
    {
        text-align: center;
    }

    .fl_le
    {
        float: left;
        width: 350px;
        margin:0 37px 0 55px;
    }

    .greyform label
    {
        margin: 10px 0px 4px 0px !important;
        display: block;
        color: #424242;
        position: relative;
        font-size:14px;
    }
    .greyform label.yourEmail
    {
        margin: 0px 0px 4px 0px;
    }

    .greyform input
    {
        border: 1px solid #ccc;
        color: #000;
        font: normal 10px Arial, Helvetica, sans-serif;
        background-color: #fff;
    }

    .greyform .country
    {
        color: #999;
        width: 297px;
        padding: 7px 0px 1px 6px;
        cursor: pointer;
    }

    .greyform .country img, .greyform .country span
    {
        float: left;
        margin-right: 5px;
    }
    .greyform .country span span
    {
        margin-top: 2px;
    }

    .bginput, .newbginput, .imgCaptchaInputBg
    {
        border: 1px solid #d1d1d1;
        background:#e3e3e3;
    }

    .bginput option {background:none !important;}
    .bginput input, .imgCaptchaInput
    {
        margin: 3px 0px 2px 5px;
        height: 19px;
        font-size: 13px;
        color: #333;
        border: none;
        background: none;
    }

    .bginput.error
    {
        background: #e3e3e3;
    }

    .okNet
    {
        width: 10px;
        display: inline-block;
        padding: 0px;
        margin: 0px 0px -3px 0px !important;
        width: 15px;
        height: 14px;
         
    }
    .okIcon
    {
        background: url(/Content/images/sprites/rewardssprite.png) -71px -87px no-repeat;
    }

    .shortleft input, .shortright input
    {
        width: 124px;
    }

    .shortleft
    {
        width: 149px;
        float: left;
    }
    .shortright
    {
        width: 150px;
        float: right;
    }

    .sp_size
    {
        width: 145px;
    }
    .sp_size input
    {
        width: 120px;
    }

    .longinput
    {
        width: 270px;
    }

    .showPassWrapper
    {
        font-size: 10px;
    }
    .showPassWrapper input
    {
        width: 10px;
        float: left; 
        background: none;
        padding: 0px;
        margin: -3px 5px 0px 0px;
    }
    .showPassWrapper .styleCheckbox
    {
        margin-top: 0px !important;
    }
    .clearbox
    {
        clear: both;
    }

    #profileForm .styleCheckbox
    {
        background-image: url(/Content/images/Registration/small-box.png);
        display: inline-block;
        width: 13px;
        height: 11px;
        padding: 0px;
        border: none;
        float: left;
    }
    #profileForm .styleCheckbox.cchecked
    {
        background-image: url(/Content/images/Registration/small-box.png); 
        background-position: 0 -13px;
    }

    #profileForm .showPassLabel
    {
        margin: 0px;
        font-size: 10px;
        cursor: pointer;
    }

    .blue_box
    {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        position: relative;
        background: #88abc1;
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        padding: 10px 28px 10px 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .gifts
    {
        margin-top: 8px;
    }

    .signUpText cufon
    {
        top: 14px;
    }
#birthDateError {max-width:160px;}
#genderError {max-width:100px;}
    p.error
    {
        position: relative;
        bottom: -4px !important;
        left: 0px;
        padding: 8px 10px;
        color: #fff;
        margin:0px !important;
        font-size: 0.9em;
        opacity: 0.7;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        background: #000;
        line-height: 11px;
        z-index: 10;
    }

    .captchaImage p.error {
        white-space: nowrap;
    }
    .sepgreyline
    {
        margin: 10px auto 20px auto;
        width: 770px;
        background: #dadada;
        overflow: hidden;
        float: none;
        height: 2px;
        clear: both;
    }

    .m_t_25
    {
        margin-top: 25px;
    }
    .p_r_l_50
    {
        padding: 0px 64px;
    }
    .p_r_l_30
    {
        padding: 0px 30px;
    }

    .ellipsis
    {
        width: 255px;
        display: inline-block;
    }

    div.infoIcon
    {
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(/Content/images/MiscSprites.png) 0 -325px no-repeat;
    }

/*--*/
    .searchheader
    {
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        background: #f0f0f0;
        border-bottom: 2px solid #dbdbdb;
        padding: 15px 30px;
        color: #818181;
    }

    .searchresults
    {
        color: #333333;
        font-size: 16px;
        border-top: 1px solid #f2f2f2;
        padding: 10px 0px 10px 25px;
        margin-bottom: 5px;
    }
    .searchresults a
    {
        color: #000;
    }
    .searchresults a b
    {
        color: #3399cc;
    }
    .searchresults a.nameLink:hover
    {
        color: #26b8ff;
    }
    .searchresults a.nameLink
    {
        color: #3399cc;
        margin-right: 12px;
    }
    .searchresults span
    {
        color: #9a9a9a;
        font-size: 11px;
        margin-right: 12px;
    }
    .searchresults .serchitembody
    {
        overflow: hidden;
    }
    .searchicon
    {
        float: left;
        display: block;
        width: 35px;
        height: 30px;
        margin-top: -5px;
        background: url(/Content/images/NGIcons/dashboardIcons_17_5_2012.png) no-repeat;
    }
    .BattleIcon {
        background-position: -56px -207px;
    }
    .ThumbIcon {
        background-position: -50px -177px;
    }
    .PollIcon
    {
        background-position: -5px 3px;
    }
    .OpinionsIcon
    {
        background-position: -5px -25px;
    }
    .RewardsIcon
    {
        background-position: -5px -55px;
    }
    .FavoritesIcon
    {
        background-position: -5px -87px;
    }
    .FollowingIcon
    {
        background-position: -5px -113px;
    }
    .FollowersIcon
    {
        background-position: -5px -145px;
    }
    .SettingsIcon
    {
        background-position: -5px -177px;
    }
    .LegsIcon
    {
        background-position: -5px -207px;
    }

    .r_searchplace
    {
        border-top: 1px solid #ccc;
        background: #fff;
        width: 430px;
        padding: 7px 5px;
        overflow: hidden;
        margin-bottom: 10px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
    }

    img.roundImage
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .r_searchplace input
    {
        border: none;
        padding: 0px;
        margin: 0px 5px;
        float: left;
    }
    .r_searchplace input.r_search
    {
        width: 385px;
        color: #555555;
        font-size: 16px;
    }
    .r_searchplace input.r_go
    {
        background: url(/Content/images/search.png) no-repeat;
        width: 21px;
        height: 20px;
        cursor: pointer;
    }

    .navigation {
        text-align: center;
        margin: 20px 0px;
    }
    .navigation a, .navigation label {
        padding: 3px 6px 2px 6px;
        display: inline-block;
        color: #595959;
        font-size: 17px;
        font-weight: bold;
        text-shadow: 0px 1px 1px #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .navigation a:hover {
        background: #dfe9ee;
    }
    .navigation span {
        display: inline-block;
        background: url(/Content/images/arrows/navigationarrows.png) no-repeat;
        width: 15px;
        height: 15px;
    }
    .navigation span.left {
        background-position: 0px 2px;
        cursor: pointer;
    }
    .navigation span.right {
        background-position: -15px 2px;
        cursor: pointer;
    }
    .navigation label {
        background: #dfe9ee !important;
    }

    .lineshadow {
        background: white url(/Content/images/bg/lineshadow.png) center top no-repeat;
        height: 2px;
    }
    .lineshadow.profileIndex { margin-bottom: 15px;}

    #emailLabel, #lcountryReg {
        clear: both;
    }

    .thinLine {
        background: url(/Content/images/DashboardSprites.png) center center no-repeat;
        background-position: 0 -90px;
        width: 587px;
        height: 5px;
        clear: both;
    }

    .a_survey .disable {
        z-index: 20;
        background: url(/Content/images/bg/whitetrans.png);
        height: 100px;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        cursor: default;
    }

    .ajaxHolder {
        height: 15px;
        width: 100%;
        background: url(/content/images/loadingboxes.gif) center center no-repeat !important;
    }

    .WidgetContainerSpan .ajaxHolder {
        float: right;
        width: 150px;
        height: 30px;
        background-position: left center;
    }

    .header_right_wrp {
        float: right;
        height: 35px;
        padding: 13px 0;
    }
    .header_right_wrp .mobile-menu-icon {
        display: none;
        float: right;
    }
    .header .mobile-menu {
        display: none;
    }

    .filterContainer .PollImage, .filterContainer .TopicImage, .filterContainer .QuickVotesImage {
        padding-left: 30px;
        background-repeat: no-repeat;
        height: 20px;
        display: inline;
        background: url(/Content/images/NGIcons/filtersicon.png) no-repeat;
        color: #fff;
    }

    .filterContainer .PollImage {
        background-position: -2px -2px;
        margin-top: 3px;
    }

    .filterContainer .QuickVotesImage {
        background: none;
    }

    .filterContainer .TopicImage {
        background-position: -50px -35px;
    }

    .filterContainer {
        width: 100%;
        height: 30px;
        text-align: center;
        display: table;
    }

    .filterContainer .textContainer {
        font-size: 17px;
        font-weight: bold;
        padding-top: 5px;
        display: table-cell;
        vertical-align: middle;
    }

    .allRoundCorners {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    /* remove after new TQS run-time will run */ 
    #SponsoredIframePopup .SponsoredIframePopupTitle {
        display: none;
    }

    #SponsoredIframePopup .BottomPart .blueButton {
        background-color: #6D98B3;
        margin-bottom: 14px;
    }

    a.termsLink {
        color: #999;
        font-size:11px;
    }

/*--*/
    .likesCount, .disLikesCount {
        padding-right: 5px;
    }

    .errorpage {
        background: url(/Content/images/bg/bgerrorpage.png) center top no-repeat;
        height: 512px;
        margin-top: 150px;
    }

    .errorcont {
        width: 1000px;
        margin: 0px auto;
    }
    .errortext {
        width: 370px;
        color: #abbec5;
        font-size: 30px;
        margin-top: 45px;
    }
    .errortext span.strong, .errortext a.strong {
        font-weight: bold;
        color: #abbec5;
        font-size: 30px;
    }
    .errortext p {
        margin-bottom: 25px;
    }
    .errortext span.thank {
        margin-top: 30px;
        text-align: right;
        display: block;
    }

    .cont404 {
        width: 900px;
        margin: 0px auto 0px auto;
        padding-top:50px;
        color: #fff;
        background: url("/Content/images/bg/404BG.png") no-repeat scroll 0 50px transparent;
    }
    .wrap404 {min-height:300px;border:1px solid #ff0000;}

    .oops {
        font-size: 30px;
        color: #fff;
        margin: 0px 0px 0px 280px;
        width: 530px;
        min-height:108px;
    }
    .oops a {
        margin-top: 10px;
        font-size: 18px;
        text-decoration: underline;
        color:#fff;
    }
    .img_BGFooter404b_2_png {
        position: relative;
        height: 155px;
    }
    .img_BGFooter404b_2_png >img {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .logo404  {
        position: absolute;
        right: 0;
        bottom: 10px;
    }
    .logo404 img {           
        padding-right: 70px;
    }
    .pardon {
        font-family:Times New Roman, Arial, Verdana, sans-serif;
        background:#fff;
        border:30px solid #254c60;
        padding: 35px 0px 100px 0px;
        text-align:center;
        width:570px;
        margin: 0 112px 20px 0;
        float:right;
    }
    .pardonText {
        text-align: center;
        font-size: 100px;
        line-height: 90px;
    }
    .pardonLanguage {
        font-size:20px;
        padding-top: 20px;
    }

    .takemehome {
        color: #fff;
        text-align: right;
        font-size: 14px;
    }
    .takemehome a {padding-right: 90px;}
    .tolunafooterlogo {
        text-align:right; 
        background-color: #11131c; 
        margin-top:80px;
    }
    .takemehome a {
        display:block;
        font-size: 18px;
        text-decoration: underline;
        color:#ffffff;
    }
    .sticky_wrapper_404 {
        height: auto !important;
        margin: 0 auto -240px;
        min-height: 100%;
    }
    .bodyBgColor404, .firstDivBgColor404 {
        background-color: #11131c;
    }
    .mainDiv404 {
        width: 900px; 
        margin: auto;
        min-height: 850px;
    }   
    .mainDiv404 .header404 {
        padding-top: 60px;    
    }
    .mainDiv404 .header404 h1 {
        font-size: 30px; 
        color: #fff; 
        padding: 0px; 
        margin: 0px; 
        width: 620px; 
        float: right;    
    }
    .mainDiv404 .clearBoth {
        clear: both;
    }
    .mainDiv404 .positionAbsolute {
        position: absolute;    
    }
    .mainDiv404 .positionAbsolute .img_404BG_png {
        position: relative; 
        top: -110px;
        left: 0px; 
    }
    .mainDiv404 .divPardon {
        margin: 60px 0 50px 0;
    }
    .mainDiv404 .img_BGFooter404b_2_png {
        float: left;
    }
    .bottomStrip404 .graphics {
        width: 900px;
        margin: 0 auto;
    }
    .bottomStrip404 .strip {
        background-color: #244c60; 
        height: 180px;
    }

    .privacycontainer p {
        font-size: 16px !important;
    }

    #SponsoredIframePopup {        
        display: none;
        border-radius: 15px;border: 2px solid #408EA7;
        overflow: hidden;
    }

    #SponsoredIframePopup .sponsoredClose {
        background: transparent url("/Content/images/close_sponsored.png") no-repeat;
        float: right;
        position: absolute !important;
        right: 10px;
        top: 12px;
        display: block;
        width: 18px;
        height: 18px;
    }

    #SponsoredIframePopup.newRuntime .sponsoredClose {
        right: 25px;
    }

     #SponsoredIframePopup iframe {
         margin-bottom: -6px;
     }

/*--*/
    .WidgetIsClosedSmall {
        background: #3399cc !important;
        padding: 0px 6px 0px 6px;
        float: left;
        left: 0px;
        top: 60px;
        font-size: 15px;
        color: #fff;
        position: absolute;
        line-height: 21px;
    }


/*--*/
    .mobilebox {
        padding-top: 15px;
        clear: both;
        float: left;
        width: 100%;
    }
    .mobilebox h3 {
        position: relative;
        padding: 0px 0px 10px 20px;
    }
    .mobilebox a {
        color: #4b4b4b;
        font-size: 24px;
    }
    .mobilebox img.arrow {
        position: absolute;
        bottom: -23px;
        right: 10px;
        z-index: 2;
    }
    .mobilebox .whitecorner {
        text-align: center;
        border: 1px solid #fff;
        padding-top: 15px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
    }

    .opinionplace_round {
        border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
    }

    .scrollbar-handle.move {
        background-position: -16px -13px !important;
    } 

    .countrySelectInnerImage {
        background:none !important;
        background-color:#ccc !important;
    }

    .CountrySelect option {
        background-position: 9px 5px;
        padding-left: 35px !important; 
    }

    .tooltipgiftMy {
        padding:5px 5px 5px 5px;
    } 

    #yellowpopupFacebook .arrow {
        margin-left:329px;display:block;position:absolute;left:50%;top:-11px;height:17px;width:40px; background: url(/Content/images/arrows/hitherearrow.png) no-repeat;
    }

    #YellowPopupVirtualGifties, #YellowDemographicFinished, #yellowpopupFacebook, .dashboardVerificationAlert {
        font: normal 16px Arial, Verdana, sans-serif;
        margin: 20px 0px 20px 0px;
        background: #EAEAEA;
        text-align: center;        
        color: #36ade9;
    }

    #YellowPopupVirtualGifties .content, #YellowDemographicFinished .content,  #yellowpopupFacebook .content, .dashboardVerificationAlert .content {
        overflow: hidden;
        margin: 0 auto;
        padding: 15px 20px 15px 15px;
        font-weight: bold;
        background: url('/Content/images/popups/patternForYellowPopup.png');
    }
    #YellowPopupVirtualGifties .close, #YellowDemographicFinished .close, #yellowpopupFacebook .close, .dashboardVerificationAlert .close {
        cursor:pointer;width:10px;height:10px;background: url("/Content/images/sprites/rewardssprite.png")  -40px -90px no-repeat;position:absolute;
        top:12px;right:12px;
    }

    #YellowPopupVirtualGifties .content a, #YellowDemographicFinished .content a, #yellowpopupFacebook .content a, .dashboardVerificationAlert .content a {
        color: #36ade9;
    }
    
    #YellowPopupVirtualGifties .YellowPopupBorder, 
    #yellowpopupFacebook .YellowPopupBorder, 
    #YellowDemographicFinished .YellowPopupBorder,
    .dashboardVerificationAlert .YellowPopupBorder {
        background: #fff;
        padding:4px;
        border:1px solid #bbb;
        border-radius: 5px;
    }
    #YellowPopupVirtualGifties .content p {
        float: left;
        margin: 0;
        padding: 0 0 10px 0;
        letter-spacing: -1px;
        text-shadow: 1px 1px 0 #fff;
        max-width: 800px;
    }

    #YellowPopupVirtualGifties .content .hide {
        float: right;
        font-size: 18px;
        font-weight: bold;
        color: #3399cc;
        text-decoration: none;
    }

    #YellowPopupVirtualGifties .content input[type="button"] {
        margin-right: 30px;
        padding: 4px 15px;
        background: #6d98b3;
        border: 0;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        vertical-align: top;
        cursor: pointer;
    }

    #YellowPopupVirtualGifties img.signUpSplash {
        position: absolute;
        right: 0;
        bottom: -1.7px;
    }

    .profileSurveysWrp {
        position:static !important;
    }

    .voteError {
        width: 193px;	
        text-align: left;
        position:absolute;
        display: none;
        color: #fff;
        z-index: 1000;
        position: absolute;
    }
    .voteError .voteErrorTop {
        background: url('/Content/images/tooltips/bg_voteserror_sprite.png') no-repeat top;
        height: 4px;
    }
    .voteError .voteErrorMain {
        background: url('/Content/images/tooltips/bg_voteserror_sprite.png') no-repeat bottom;
    }
    .voteError .voteErrorText {
        padding: 6px 10px 20px;
    }
    .voteError a {
        color: #fff;
        text-decoration: underline;
    }


    #YellowPopupVirtualGifties .content a, #YellowPopupVirtualGifties .content a:link, #YellowPopupVirtualGifties .content a:hover, #YellowPopupVirtualGifties .content a:visited {
         text-decoration:underline;
    }

/* START banners*/
    .sweepstakesBanner, .androidBanner { clear: both;float: left;width: 299px;overflow:hidden;position: relative; border: 1px solid #ccc;}
    .sweepstakesBanner .bannerTitle { min-height: 30px; font-size: 20px; color: #333333;text-align: center;margin-top: 10px;position: relative; }
    .sweepstakesBanner .bannerTitle h3 { color: #5c5c5c;text-align: left;padding-left: 15px; font-size: 14px}
    .sweepstakesBanner .bannerTitlesmall { min-height: 20px; font-size: 13px; color: #333333;text-align: center;margin: 14px 0px 6px 0px;position: relative; }
    .sweepstakesBanner .bannerTitlesmall h3 { color: #333333;}
    .sweepstakesBanner .closebanner,#latestNews .closebanner, #phoneBanner .closeBanner-btn { position: absolute; top: 7px; right: 10px; cursor: pointer; background: url('/Content/images/close_x.png');width:6px;height:7px;text-indent:-11000px}
    .sweepstakesBanner .bannerTitlesmall .closebanner {top: -9px;}
    .sweepstakesBanner .bannerBlueRow { height: 5px;background-color: #5BADD6; }
    .sweepstakesBanner .bannerImage { float: left; width: 138px; padding: 20px 0 0 6px; }
    .sweepstakesBanner .bannerImage img { margin-left: -6px;margin-top: -20px; }
    .sweepstakesBanner .bannerImage2 { float: left; width: 145px;padding-top: 5px;}
    .sweepstakesBanner span.ticketPoints { font-size: 10px;font-family: Arial;color: #9F9F9F;display: block;padding: 1px 0 3px 0; }
    .sweepstakesBanner .bannerData { float: right;width: 120px;text-align: left;padding: 10px 20px 0 0; }
    .sweepstakesBanner.androidBanner .bannerData { padding-right: 18px; }
    .sweepstakesBanner .bannerData span { line-height: 16px; }
    .sweepstakesBanner .bannerData .bannerDataText1 { color: #505050;font-size: 16px;font-weight: bold;display: block;padding-bottom: 3px; }
    .sweepstakesBanner .bannerData .bannerDataText2 { color: #398cb5;font-size: 12px;display: block;padding-bottom: 3px;margin-bottom: 5px; }
    .sweepstakesBanner .bannerData .bannerDataText3 { color: #505050;font-size: 12px;display: block;}
    .sweepstakesBanner .bannerData .bannerDataText4 { color: #505050;font-size: 12px;display: block;padding: 5px 0px; }
    .sweepstakesBanner .bottomBox {width: 130px;}
    .sweepstakesBanner .bannerData .bannerLink {
        text-decoration: none;
        display: block;
        background: url('/Content/images/banner_button.png');
        min-width: 95px;
        height: 35px;
        font-size: 16px;color: #fff;font-weight: bold;
        line-height: 35px;
        text-align: center;
    }
    .sweepstakesBanner .googlePaly {
        display: block; background-image: url('/content/images/banners/googleplay.jpg'); 
        width: 90px; height: 42px;padding: 10px 0px 0px 48px;
        color: #fff;font-size: 12px;font-family: Arial;
    }
    .sweepstakesBanner.androidBanner h3 { font-size: 20px;}
    .bannerbottompic 
    {
        float:left;
        padding: 10px 0px 7px 12px;
        -webkit-border-radius:0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
    }

.tolunaquicksurveylogo {margin:10px;}

.brushbg {
    display: block;
    background: url('/content/images/bg/brushbg.png') no-repeat;
    height:20px;
    padding:40px 0px 0px 10px;
    width:270px;
    color:#fff;
    font-size:11px;
    text-transform:uppercase;
    margin:-40px 0px 10px 10px;
}
.brushbg span {font-weight:bold;}



    /* Mobile Banner*/
    .mobileBanner {
        width: 299px;
        height: 146px;
        background:#fff;
        border:1px solid #ccc;
    }
    .mobileBanner .closebanner { top: 8px; }
    .mobileBanner .mobileBannerImage {
        width: 111px;
        height: 136px;
        background: transparent url('/Content/images/Banners/mb_sprite.png') no-repeat -115px -146px;
        margin: 10px 0px 0px 20px;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .mobileBanner .xmas_tree {
        width: 80px;
        height: 80px;
        background: transparent url('/Content/images/christmasLogoDecoration/xmas_tree.png') no-repeat;
        position: absolute;
        left: 15px;
        top: 47px;
    }
    .mobileBanner .mobileBannerText {
        float: left;
        overflow: hidden;
        padding-top: 15px;
        width: 168px;
            
    }
    .mobileBanner .mobileBannerTitle {
        font-family: AvenirLTStd45BookRegular;
        font-size: 18px;
        color:#ff8717;
        text-transform: uppercase;
        line-height: 17px;
        display: block;
        padding-bottom: 2px;
        margin-left:15px;
    }
    .mobileBanner .mobileBannerSmallText {
        font-family: Arial;
        font-size: 11px;
        display: block;
        height: 30px;
    }
    .mobileBanner a {
        display:block;
        width: 153px;
        height: 33px;
        background:#f4f4f4;
        padding: 5px 0px 0px 15px;
        margin-bottom:3px;
    }
    
    .mobileBanner .mobileGooglePlay, .mobileBanner .mobileAppStore 
    {
        display: inline-block; 
        color: #fff;font-family: Arial; text-align: left; font-size: 10px;
    }
    .mobileBanner .mobileAppStore {
        background: url('/Content/images/NGIcons/appleicon.png') left 1px no-repeat;
        padding: 0px 0px 5px 30px;
        color:#000;
        font-family: AvenirLTStd55RomanRegular, Arial;
        font-size:13px;
        line-height:14px;
        display:block;
        width: 100px;          
    }
    .mobileBanner .mobileAppStore:hover {
        color:#ff8717;background: url('/Content/images/NGIcons/appleicon.png') left -36px no-repeat;
    }
    
    .mobileBanner .mobileandroidStore {
        background: url('/Content/images/NGIcons/androidicon.png') left 3px no-repeat;
        padding: 0px 0px 5px 30px;
        color:#000;
        font-size:13px;
        line-height:14px;
        font-family: AvenirLTStd55RomanRegular, Arial;
        display:block;
        width: 100px;          
    }
    .mobileBanner .mobileandroidStore:hover {
        color:#ff8717; background: url('/Content/images/NGIcons/androidicon.png') left -35px no-repeat;
    }



    /* End of Mobile Banner*/

    #tqBanner.sweepstakesBanner .bannerBlueRow { height: 1px;background-color: #D9D9D9; }
    #tqBanner.sweepstakesBanner .bannerTitle h3 {font-family: Arial;font-size: 14px;padding-top: 6px; }
    #tqBanner.sweepstakesBanner .bannerTitle { margin-top: 0; }
    #tqBanner.sweepstakesBanner .closebanner { top: 11px; }
    #tqBanner.sweepstakesBanner .bannerTitle { min-height: 28px; }
    #giftiesBanner { margin: 0px 0px 15px 0px;display:none;}
    #giftiesBanner a {background: url('/Content/images/Banners/gifties-banner.png') no-repeat;width:301px;height:90px;display:block;}
    #giftiesBanner a .textplace {
        width:100px;height:50px;display:block;position:absolute;right:5px;top:23px;color:#303030;
        line-height: 18px; font-family: 'Rancho', cursive; font-size:18px;
    }
    #giftiesBanner.sweepstakesBanner .closebanner { top: 6px;right: 5px; }

    /* Offers Banner*/
    .sweepstakesBanner.offersBanner .bannerTitle h3 { color: #333333;text-align: center;font-size: 22px; }
    .sweepstakesBanner.offersBanner .bannerImage { text-align: center;padding: 31px 0 27px 0;width: 115px;cursor: pointer; }
    .sweepstakesBanner.offersBanner .bannerData { width: 183px;padding: 0;cursor: pointer; }
    .sweepstakesBanner.offersBanner .bannerData table { width: 100%; }
    .sweepstakesBanner.offersBanner .bannerData td { text-align: left;height: 121px;vertical-align: middle;color: #333333;font-size: 16px;font-family: Arial; }
    /* End of Offers banners */

    /* Phone Banner*/
    .sweepstakesBanner.phoneBanner { font-family: Arial;color: #000; background: #fff url('/Content/images/Banners/phone_banner_bg.png') 140px 50px no-repeat; }
    .sweepstakesBanner.phoneBanner.done { background-position: 140px 20px; }
    .sweepstakesBanner.phoneBanner .bannerTitle { margin: 0;height: 40px;line-height: 40px; }
    .sweepstakesBanner.phoneBanner .bannerTitle h3 { color: #2392C9;text-align: left;padding-left: 10px;font-size: 13px;font-weight: bold; text-transform: uppercase; }
    .sweepstakesBanner.phoneBanner .bannerGreyRow { height: 2px; background-color: #EAEAEA; }
    .sweepstakesBanner.phoneBanner .bannerSubtitle { display: inline-block;padding-bottom: 13px; color: #2392C9;font-family: Arial;font-size: 13px;font-weight: bold; }
    .sweepstakesBanner.phoneBanner .bannerContent, .sweepstakesBanner.phoneBanner .bannerContentDone { padding: 15px 10px 15px 10px; } 
    .sweepstakesBanner.phoneBanner .bannerContentDone { display: none; }   
    .sweepstakesBanner.phoneBanner .phoneInput, .sweepstakesBanner.phoneBanner .phoneInput:focus {
         width: 180px;height: 25px;
        padding: 0 5px;
        background-color: #2392C9;
        color: #fff !important;
         -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        box-shadow: none;
        border: solid 1px #fff;
        font-size: 15px;
    }

    .sweepstakesBanner.phoneBanner .bannerContent.error .phoneInput { border: solid 1px #FF5A5A; }

    .sweepstakesBanner.phoneBanner .bannerCheckbox {
        display: inline-block; font-size: 12px;        
    }
    .sweepstakesBanner.phoneBanner .bannerCheckbox .checkboxText {
        display: inline-block;
        padding-top: 4px;
        width: 259px;
        float: right;
        line-height: 13px;
    }

    .sweepstakesBanner.phoneBanner input[type=checkbox] {
        display: none;
    }

    .sweepstakesBanner.phoneBanner input[type=checkbox] + label {
        display:inline-block;
        float: left;
        cursor: pointer;
        font-size: 17px;
        width: 20px;
    }
    .sweepstakesBanner.phoneBanner .comment {
        display: block; float: left; width: 180px; font-size: 12px; padding-bottom: 15px;font-size: 11px;
    }
    .sweepstakesBanner.phoneBanner.done .comment { width: auto; }
    .sweepstakesBanner.phoneBanner .comment a { text-decoration: underline;color: #000;}
    .sweepstakesBanner.phoneBanner .updateButton {
        display: block;
        float: right;
        width: 94px;
        height: 17px; line-height: 17px;
        cursor: pointer;
        text-align: center;
        font-size: 14px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        color: #fff;
        background-color: #FF8717;
        padding: 4px 0;
    }
    .sweepstakesBanner.phoneBanner .updateButton:hover {
        background-color: #FE9737;
    }
    .sweepstakesBanner.phoneBanner .bannerMiddle {
        height: 55px;
        display: table-cell;
        vertical-align: middle;
    }
    .sweepstakesBanner.phoneBanner .phoneError {
        color: #FF5A5A;
        font-weight: bold;
        padding: 5px 0;
        display: none;
    }
    .sweepstakesBanner.phoneBanner .phoneError span { white-space: nowrap; }
    .sweepstakesBanner.phoneBanner .thankYou { display: block; color: #FF8E25;font-weight: bold;padding-bottom: 15px; }
    /* End of Phone banners */

/* END banners */

    .w_bg_input 
    {
        border: 1px solid #d1d1d1;
        background: #e3e3e3;
        color:#000;
    }
    .signbox .w_bg_input {padding:2px 0px 0px 5px;height: 22px;}
    .w_bg_input input, .w_bg_input select {background:none !important;border:none !important;width: 215px;color:#333;}



    div.customTooltip, div.customTooltipWhite {
        position: absolute;    
        width: 193px;
        z-index: 1000;
        display: none;
    }


/* old blach tooltip */
    div.customTooltip .customTooltipTop {
        background: url("/Content/images/tooltips/tt_down.png") no-repeat scroll center top transparent;
        height: 5px;
    }
    div.customTooltip .customTooltipMain {
        background: url("/Content/images/tooltips/tt_down.png") no-repeat scroll center -10px transparent;    
        color: #fff;
        padding: 2px 10px 5px;
        text-align: center;
    }    
    div.customTooltip .customTooltipBottom {
        background: url("/Content/images/tooltips/tt_down.png") no-repeat scroll center -106px transparent;
        height: 13px;
    }
/* slava 24/7/12  new white tooltip */
    div.customTooltipWhite .customTooltipTop {
        background: url("/Content/images/tooltips/tw_down.png") no-repeat scroll center top transparent;
        height: 5px;
    }
    div.customTooltipWhite .customTooltipMain {
        background: url("/Content/images/tooltips/tw_down.png") no-repeat scroll center -10px transparent;    
        color: #000;
        padding: 2px 10px 5px;
        text-align: center;
    }    
    div.customTooltipWhite .customTooltipBottom {
        background: url("/Content/images/tooltips/tw_down.png") no-repeat scroll center -106px transparent;
        height: 13px;
    }


    .ignoreWidgetBtn, .reportWidgetBtn {
        visibility: hidden;
    }

    .verified {margin-top:3px;}
    .unicodeArial {
        font-family: Arial;
    }

    .verified {margin-top:3px;}


    .slideboxChildrenerror, .slideboxPeopleerror {display:block;}


    .fbConnectImg 
    {
        height:49px;
        width:50px;
        display:inline-block;
        cursor: pointer;
        background:#687ae9 ;
        float:right;
         margin:0px 0px 0px 4px;
    }
    .fbConnectImg_homepage {
        height: 50px;
    } 
        .fbConnectImg:hover {
            background:#4d5cb7 ;
        }
    .fbConnectImg span {
        height:25px;
        width:20px;
        background: url("/Content/images/sprites/headersprite.png") -57px -10px no-repeat;
        display:inline-block;
        margin:10px 0px 0px 15px;
    }

    .no-fb-desktop { display: none; }

    .yellowStripConnect.fbConnectImg {
        margin-top: 3px;
    }

    
    .cookieWarningnContainer a,
    .cookieWarningnContainer:visited {
        color: #2481af;
    }
    
    .cookieWarningnContainer .g_close {
        background: url("/Content/images/MiscSprites.png") no-repeat scroll 5px 5px transparent;
    }
    .cookieWarningnContainer .g_close:hover {background: url("/Content/images/MiscSprites.png") no-repeat scroll 5px 5px transparent !important;}

    .apps {float:left}

    .appStoreImg 
    {
        background: url(/Content/images/bgavailable.png);
        background-position: 0 0px; width: 152px;height: 30px; margin-bottom:20px; 
    }

    .gPlayImg {
        background: url(/Content/images/bgavailable.png);
        background-position: 0 -160px; width: 152px; height: 30px;
    }

    .footerAppStore {
        color: #000;
        font-size: 10px;
        display: block;
        padding: 0px 0 0 34px;  
    }

    .footerGooglePlay {
        color: #000;
        font-size: 10px;
        display: block;
        padding: 0px 0 0 35px;  
    }

    .toluna_grey_logo {
        background: url(/Content/images/maintolunalogo.png) no-repeat;
        width: 118px;
         height: 31px;
    }

    .grey_trustE {
        background: url(/Content/images/logos/trustelogo.png) no-repeat;
        width: 113px;
        height: 33px;
        display:block;
        margin-bottom: 20px;
    }
    
    
    #imgUploadPopup {
        padding: 5px;
        border: 2px solid #666666;
        background-color: #fff;
        margin: 17px auto 0 auto;
        display: none;
        position:absolute;
        width:256px;
    }

    #imgUploadPopup .ReplaceImageInner {
        border: 1px solid #38bff3;
        text-align: center;
        height: 213px;
        background: url('/Content/images/Registration/imgUploadSmallMonsterBlue.png') center bottom no-repeat;
    }

     #imgUploadPopup .maybe-later {
            display: block;
            text-decoration: underline;
            color: #6D98B3;
            font-size: 14px;
            margin-top: -20px;
     }

    .ReplaceImageInner.stage2  
    {
        display: none;
    }

    #imgUploadPopup .ReplaceImageInner p {
        color: #787878;
        font-size: 16px;
        width: 200px;
        margin: 0px auto;
        font-style: italic;
        text-align: center;
        margin-top: 30px;
    }

    .userPicArrow {
        background-image: url('/Content/Images/white-arrow.png');
        width: 70px;
        height: 30px;
        z-index: 999999;
        position: relative;
        top: -45px;
        left: -72px;
    }

    #imgUploadPopup .ReplaceImageInner .voteBtn, 
    .blueframe .ReplaceImageInner .voteBtn {
        margin-top: 15px;
        margin-bottom: 25px;
        display: inline-block;
        cursor: pointer;
        background-color:#38bff3;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }


    #imgUploadPopup .successMsg {
        border: 1px solid #DEDEDE;
        width: 255px;
        height: 185px;
        display: none;
    }

    #imgUploadPopup .successMsg p {
        color: #787878;
        font-size: 16px;
        width: 200px;
        margin: 0px auto;
        text-align: center;
        margin-top: 70px;
        font-style: italic;
    }

    #imgUploadPopup .close {
        background: url('/Content/images/close.png') no-repeat 0px 0px;
        position:absolute;
        right: -17px;
        top: -17px;
        width: 17px;
        height: 17px;
        padding: 6px;
    }

    #emptyPopup {
        display: none;
        width: 300px;
        height: 300px;
    }

    #imgCaptcha {
        width: 250px;
        height: 47px;
    }

    #notifTooltip {
        display: none;
    }
.tooltipborder {
border:1px solid #e8e8e8;
border-top:none
}
    .notifTooltip {    
        position: absolute;
        top: 51px;
        left: -70px;
        z-index: 100;
        background: #fff;
        width: 200px;
        -webkit-box-shadow: #93a3a9 0px 2px 3px ;
        box-shadow: #93a3a9 0px 2px 3px ;
        -moz-box-shadow: #93a3a9 0px 2px 3px ;
        border: solid 3px #fff;
        
    }
        .notifTooltip h3 {
            padding:10px;
            font-size: 14px;
        }
    /*.notif_tt_edge {
        background: url('/Content/images/notif_tt_egde.png') center no-repeat;
        height: 16px;
        margin-top: -16px;
    }*/

    .notifTooltip.customizable .arrow{ display: block;width: 0;height: 0;position: absolute;}
        .notifTooltip .layer-arrow {
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 12px solid #fff;
            top: -12px;right: 93px;
        }
        .notifTooltip .arrow-up {
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            border-bottom: 11px solid;
            top: -10px;right: 94px;
        }
    .notif_tt_text {
        display: block;
        padding: 0px 20px;
        color: #333;
        font-size: 14px;
        text-align: center;
        margin-top:15px;
    }
    .notif_tt_close {
        display: block;
        position:absolute;
        right:2px;
        top:2px;
        background: url(/Content/images/sprites/headersprite.png) -18px 2px;
        width: 10px;
        height: 10px;
    }
    .notif_tt_close img {
        padding-top: 2px;
    }
    .notif_tt_btn {
        display: block;
        width: 100px;
        height:17px;
        line-height: 17px;
        cursor: pointer;
        text-align: center;
        margin: 15px auto 15px auto;
        padding: 4px 0;
        font-size: 14px;
        -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
    }

.tolunaonfacebook {
    font-size:11px;color:#3b5999;
      font-family: AvenirLTStd55RomanRegular, Arial;
}
.tolunaontwitter {
    font-size:11px;color:#2ba9e1;
      font-family: AvenirLTStd55RomanRegular, Arial;
}
.tolunaongoogle {
    font-size:11px;color:#d85942;
      font-family: AvenirLTStd55RomanRegular, Arial;
}

#d2a91304-8ff7-4856-9098-5de84b0acd98 img {
     width: 112px;
    margin-bottom: 23px;
}

.no_round {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius:0px !important;
}

.greyform label.firstname_longreg_label {    
    display: inline-block;
    float:left;
    width: 150px;
}
.greyform label.lastname_longreg_label {
    display: inline-block;
    float:right;
    width: 150px;
}
.first_and_last {clear:both;}
/* General popup classes */
.generalPopup {
    display:none;
    background:#fff;
    -webkit-box-shadow: #000 0px 0px 15px;
    -moz-box-shadow: #000 0px 0px 15px;
    box-shadow: #000 0px 0px 15px;
    position:fixed;
    top:25% !important;
    left:50%  !important;
    margin:0 0 0 -240px  !important;
    width:480px; 
    z-index:100000 !important;
}
.generalPopup .textPanel {
    padding:50px 25px;
}
.generalPopup .notificationTitle {
    color: #36ADE9;
    font-size: 30px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    text-align: center;
}
.generalPopup .notificationMsg {
    font-size: 17px;
    color: #6C6C6C;
    text-align: center;
}
generalConfirm .close {
    display: none;
}
.generalConfirm .buttonsRow {
    text-align: center;
    padding-top: 15px;
}
/* End of General popup classes */
.generalButton {
    background: #42B2EA;
    color: #FFF;
    text-align: center;
    padding: 8px 25px;
    display: inline-block;    
    font-size: 18px;
    cursor: pointer;
}
.generalButton:hover {
    background: #ff8717;
}
.verificationWrap .subtitle {
    font-size: 14px;
    color: #5e5e5e;
}
#updateInfoFinishedEmailAddress {
    color: #36ade9;
}

.lotteryWinnerName {color:#fff;}
.lotteryWinnerName:hover {text-decoration:underline;}

.mobileusermenu {display:none}

.sponsoredCategoryImg { margin:20px 0px 0px 8px; width:35px; height:22px; float:left; background: url('/content/images/survey-icons.png') no-repeat 0px 0px; }
.sponsoredCategoryImg.categoryImg3  { background-position: 10px 0px    } /* soccer 3 */
.sponsoredCategoryImg.categoryImg13 { background-position: -30px 0px  } /* house 13*/
.sponsoredCategoryImg.categoryImg22 { background-position: -60px 0px  } /* mirror 22*/
.sponsoredCategoryImg.categoryImg20 { background-position: -95px 0px } /* suitcase 20 */
.sponsoredCategoryImg.categoryImg4  { background-position: -130px 0px } /* knife&Fork 4 */
.sponsoredCategoryImg.categoryImg15 { background-position: -161px 0px } /* first-aid 15 */
.sponsoredCategoryImg.categoryImg12 { background-position: -199px 0px } /* car 12 */
.sponsoredCategoryImg.categoryImg14 { background-position: -235px 0px } /* tie 14 */
.sponsoredCategoryImg.categoryImg1  { background-position: -265px 0px } /* computer 1 */
.sponsoredCategoryImg.categoryImg23 { background-position: -306px 0px } /* globe 23/24 */
.sponsoredCategoryImg.categoryImg24 { background-position: -306px 0px } /* globe 23/24 */
.sponsoredCategoryImg.categoryImg27 { background-position: -336px 0px } /* wine glass 27 */
.sponsoredCategoryImg.categoryImg26 { background-position: -367px 0px } /* news 26 */
.sponsoredCategoryImg.categoryImg25 { background-position: -400px 0px } /* toluna 25 */

/* Latest news */
#latestNews { clear: both;border: 1px solid #ccc;position: relative;height: 190px;}
#latestNews h1 p {
    font-family: AvenirLTStd55RomanRegular;
    font-size: 14px;
    padding-left: 14px;
    text-transform: uppercase;
    padding-bottom: 7px;
    padding-top: 11px;
    color: #36ade9;
    position: static!important;
}
   
     #latestNews .sep { border: 1px solid #eaeaea;margin-bottom: 10px;}


    #latestNews div.slide { display: none;} 
    #latestNews p{ font-family: arial;padding-left: 14px;display: block;color: #616161;}

    #latestNews strong{ font-size: 13px;margin-bottom: 8px;display: inline-block;}
    #latestNews p{ width: 80%;}

    #latestNews a:not(.right-tab){
        color: #36ade9;
        display: inline-block;  
    }

    #latestNews p:last-child {
       /* position: absolute;
        bottom: 10px;*/
    }
    
    #latestNews img{height: 65px !important;width: 242px !important;}
    #latestNews .right-tab {
        position: absolute;
        top: 75px;
        z-index: 2;
        right: 0;
        width: 30px;
        height: 45px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        vertical-align:central;
        text-align: center;
    }

    #latestNews .arrow {
        background: url("/Content/images/DashboardSprites.png") no-repeat -45px -1133px;
        width: 33px;height: 33px;
        display: inline-block;
    }
    /*-- Latest news */


    .wizard-create-progress{font-size: 13px; clear: both; float: right; margin: 0 34px 6px 0;display: none;}

    .clearfix:after {
        content: " "; 
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

@media screen and (min-width: 668px) {
    .sticky_wrapper {
        min-width: 1000px;
    }
}

@media screen 
    and (min-width: 668px) and (max-width: 997px) 
{
     
     #mainHeader > div:first-child{ width: 100%;}
         
     .askstyle { padding: 0 14px;}
     .askstyle span.icon { margin-right: 0; margin-left:0 }
     .askstyle span.text { display: none; }
     
     .headersignup, .headersignin{ padding-left:  5px;padding-right: 5px;}
     #loginLineDiv  .fbConnectImg{ text-align: center;width: 25px;}
     #loginLineDiv  .fbConnectImg span{ margin-left: 0;}
}

@media screen and (max-width:1255px) {
    .no-fb-desktop { display: block; }
    .no-fb-mobile { display: none; }
}

@media screen 
    and (min-width: 668px) and (max-width: 872px) {
    .search.animatedinput{position: absolute !important;top: 1px; right: 0;width: 175px;}   
}

.noclick {width:65px;height:49px;display:block;position:absolute;left:0px;top:0px;z-index:11;}
.menu .noclick:hover > .submenu {display:block;}
.useropenmenu .noclick:hover .userdropmenu_container {display:block;}


/*knockout js utility classes*/
.ko-display-block{ display: block !important;}
.ko-display-inline{display: inline !important;}
.ko-display-none{ display: none;}

.font-smoothing {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.table {
    display:table
}

.table-cell {
    display: table-cell;
}

.table-cell.v-middle {
    vertical-align: middle;
}

#customMenu .active .fa-angle-right {
    display: none;
 }
.sticky-banner-event {
    display: none;
}
 .myEvents {
     clear:both;
 }
 #myevents, #pendingevents {
    background: #fff;
 }
 #pendingevents {
    display: none;
 }
 .jsddm {
     float: left;
 }

.events .menuContent{
     max-height: 260px;
     overflow: auto;
    overflow-x: hidden;
     padding: 0;
 }
.menuContent .list-group-item a {
    font-size: 13px !important; 
}
#pendingevents .title {
    color: #a5a5a5;
    cursor: pointer;
 }
 #myevents .title:hover, #pendingevents .title:hover {
     color: #3399cc;
 }
 .events .ddWrapper {
     display: none;
 }
 .events:hover .ddWrapper {
     display: block;
 }
.blockOne {
    clear: both;
    padding: 10px;
    background: #F3F3F3;
    cursor: pointer;
    font-family: 'Roboto';
    font-size: 13px;
 }
.events .panel-collapse li {
    clear:both;
    border:0;
    background-color: #efefef;
    padding: 5px 0px 10px 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0;
}
 .events .panel-collapse li i{
    border: 1px solid #ccc;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0px;
    padding: 5px 0px 0px 6px;
    float: left;
}
 .events .ddWrapper {
    position: absolute;
    top: 61px;
    min-width: 277px;
    box-shadow: 0 3px 4px rgba(0,0,0,.35);    
    z-index: 1000;
}
 .events .ddWrapper .list-group-item {
     background:none;
     border-bottom: 1px solid #f4f4f4;
     padding: 10px 0 10px;
 }
 .events .ddWrapper .list-group-item:hover {
     background: #FBFBFB;
 }
 .events .ddWrapper .titleWrapper {
    display: flex;
    float: left;
    height: 36px;
    align-items: center;
}
 .events .ddWrapper .titleWrapper span .fa {
    margin: 0 0 0 5px;
 }
.events .ddWrapper .titleWrapper a span.title:hover {
    color: #3399cc;
    text-decoration: none;
}
 .events .ddWrapper .titleWrapper .title {
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 160px;
     padding-top: 2px;
     font-family: 'Roboto';
     font-size: 14px;
 }
 .events .ddWrapper .titleWrapper a {
     color: #000;
 }
.events .ddWrapper .titleWrapper .leaveEvent {
    display: none;
    position: absolute;
    top: 19px;
    right: 8px;
    color: #a5a5a5;
    cursor: pointer;
    line-height: 1.42;
    font-weight: bold;
}
.events .myEvents li {
    width: 100%;
}
.events .ddWrapper .list-group-item:hover .leaveEvent {
    display: block;
    color: #3399cc;
}
.events .eventIcon {
    float: left;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    width: 34px;
    height: 34px; 
    margin:0 10px 0 10px !important;
    border: 1px solid #a5a5a5;
    background: #fff;
}
.events .eventIcon .default {
    margin-left: 7px;
    margin-top: 8px;
    width: 20px;
    height: 20px;
}
.events .pendingEvents .time {
    float: left;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-family: initial;
    color: #ccc;
}
.events .panel-collapse li .leaveEvent i {
    float: right;
    border: 0;
    padding: 2px 0 0px 5px;
}
.events .menuContent .event-points {
     float:left;
     color: rgb(255, 135, 23);
     font-size: 22px;
     line-height: 19px;
     text-align: center;
     width: 60px;
 }
 .events .menuContent .event-points span {
     font-size: 14px;
 }
 .events .removed-event {
     display: none;
     line-height: 36px;
     padding-left: 15px;
     font-style: italic;
     color: #979797;
     font-family: 'Roboto Condensed';
 }
 .events .removed-event i.fa {
     padding-right: 5px;
 }

 .menuContent::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}
.menuContent::-webkit-scrollbar-thumb {
    height: 5px;
    border: 5px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

.menuContent::-webkit-scrollbar-corner {
    background-color: transparent;
}

.streamTypeWrapper {
    margin-left: 70px;
}

#dashboard .mobile-app-banner {
    display: none;
}

.upvotes-container {
    position: relative;
    float: left;
    display: block;
    z-index: 8;
}

.upvotes-container-seperator {
    background-color: #b6b6b7;
    width: 100%;
    height: 1px;
    display: inline-block;
}  

#disableMask {
    position: absolute; 
    top: 61px; 
    left: 0; 
    width: 100%; 
    z-index: 100; 
    background-color: rgba(10, 10, 10, 0.5); 
    display: none;
}

.btn-follow-content {
    display: none;
}  

.black-curtain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0a0a0a;
    opacity: 0.5;
    z-index: 1001;
}

._pxl_of {
    visibility: hidden;
    position: absolute;
    height:0;
    width:0;
}

/************* MOBILE COVER ***************************/
.promo_cover_container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../../Content/images/appPromo/background.png);
    background-size: 100% auto;
    background-position: bottom center;
    min-width: 320px;
    z-index: 1000;
}

.promo_gradient_con {
    position: absolute;
    height: 100%;
    width: 130%;
    margin-left: -10%;
    top: -50%;
    z-index: 0;
    overflow: hidden;
    transform: rotate(9.14deg);
}

.promo_gradient_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #51c1ed;
    background: -moz-linear-gradient(-50deg, #51c1ed 0%, #8970d3 100%);
    background: -webkit-linear-gradient(-50deg, #51c1ed 0%,#8970d3 100%);
    background: linear-gradient(135deg, #51c1ed 0%,#8970d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c1ed', endColorstr='#8970d3',GradientType=1 );
}

.promo_content {
    position: relative;
    z-index: 1;
}

.promo_img_con {
    position: fixed;
    width: 100%;
    left: 50%;
    height: 63%;
    bottom: 0;
}

.promo_img_center {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -50%;
    text-align: center;
}

.promo_img {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-image: url(../../Content/images/appPromo/IPhoneX.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 78% auto;
    max-width: 500px;
    top: -100%;
}

.promo_img_shadow {
    position: relative;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 500px;
    z-index: 0;
    box-sizing: border-box;
    top: -30px;
}

.promo_phone_shadow {
    opacity: 1;
    width: 76.4%;
    height: 500px;
    position: absolute;
    margin: 30px 12%;
    border-top-left-radius: 12.9%;
    border-top-right-radius: 12.9%;
    box-shadow: 0 0 25px rgba(0,0,0,0.35);
}

.promo_button_con {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fdfdfd;
    box-shadow: 0 5px 15px rgba(0,0,0,0.25);
    height: 50px;
}

.promo_app_button {
    position: absolute;
    bottom: 20px;
    left: 22px;
    right: 22px;
    height: 60px; /* same as line-height */
    line-height: 60px; /*same as height*/
    border-radius: 1000px;
    text-align: center;
    display: block;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}

.promo_button_bg {
    position: absolute;
    width: 120%;
    height: 200%;
    top: -10%;
    margin-left: 0;
    z-index: 0;
    background: #f63f6f;
    background: -moz-linear-gradient(-10deg, #f63f6f 0%, #a33db1 100%);
    background: -webkit-linear-gradient(-10deg, #f63f6f 0%,#a33db1 100%);
    background: linear-gradient(170deg, #f63f6f 0%,#a33db1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f63f6f', endColorstr='#a33db1',GradientType=1 );
}

.promo_button_text {
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    color: white;
    font-family: Roboto-Bold, Roboto;
}

.promo_close_button {
    position: fixed;
    right: 0px;
    top: 0px;
    font-size: 25px;
    padding: 25px;
    color: white;
    cursor: pointer;
    z-index: 10;
    opacity: .7;
}


.promo_header {
    text-align: center;
    position: relative;
    margin-top: 70px;
    color: white;
}

.promo_header_bg {
    height: 50px;
    position: absolute;
    width: 100%;
    background-image: url(../../Content/images/appPromo/promo_stars.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -35px;
}

.promo_header_text1 {
    font-size: 2em;
    font-family: Roboto;
    font-weight: 100;
}

.promo_header_text2 {
    font-size: 2.8em;
    font-family: 'Roboto';
    font-weight: 100;
    display: inline-block;
}

.promo_line_separathor {
    height: 1px;
    background-image: -webkit-linear-gradient(204deg, #88b3f8 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(204deg, #88b3f8 0%, #ffffff 100%);
    background-image: -o-linear-gradient(204deg, #88b3f8 0%, #ffffff 100%);
    background-image: linear-gradient(204deg, #88b3f8 0%, #ffffff 100%);
    opacity: 0.2;
}

.promo_text {
    font-size: 3.7em;
    font-family: 'Good Karma';
    padding-top: 12px;
}

/************  DESKTOP PROMO BANNER ********************/
.dashboard_promo_banner {
    position: fixed;
    bottom: 0;
    height: 150px;
    width: 300px; /* if adjusted, also adjust merginLeft with 1/2 value */
    left: 50%;
    margin-left: -150px; /* half of it's width */
    background-color: #fafafa;
    overflow: hidden;
    color: white;
    z-index: 999;
}

.dashboard_promo_img {
    position: absolute;
    top: 16px;
    left: 6px;
    bottom: 0;
    height: 100%;
    width: 110px;
    z-index: 2;
    background-image: url(../../Content/images/appPromo/IPhoneX.png);
    background-position: top center;
    background-size: 100% auto;
}

.dashboard_promo_gradient {
    position: absolute;
    top: -27px;
    right: -16px;
    left: -10px;
    height: 128px;
    background: #51c1ed;
    background: -moz-linear-gradient(-50deg, #51c1ed 0%, #8970d3 100%);
    background: -webkit-linear-gradient(-50deg, #51c1ed 0%,#8970d3 100%);
    background: linear-gradient(135deg, #51c1ed 0%,#8970d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c1ed', endColorstr='#8970d3',GradientType=1 );
    transform: rotate(7deg);
}

.dashboard_promo_close {
    position: absolute;
    z-index: 101;
    font-size: 15px;
    padding: 15px;
    right: 0;
    opacity: .7;
    cursor: pointer;
}

.dashboard_promo_button {
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Roboto !important;
    z-index: 1;
    bottom: 11px;
    right: 6px;
    left: 49px;
    height: 42px; /* SAME AS LINE-HEIGHT! */
    line-height: 42px; /* SAME AS HEIGHT! */
    border-radius: 100px;
    text-align: right;
    padding-right: 10px;
    background: #f63f6f;
    background: -moz-linear-gradient(-10deg, #f63f6f 0%, #a33db1 100%);
    background: -webkit-linear-gradient(-10deg, #f63f6f 0%,#a33db1 100%);
    background: linear-gradient(170deg, #f63f6f 0%,#a33db1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f63f6f', endColorstr='#a33db1',GradientType=1 );
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    font-weight: bold;
}

    .dashboard_promo_button > a.promo_store_borders {
        width: 13px;
        height: 13px;
        padding: 5px;
        margin-left: 1px;
    }

        .dashboard_promo_button > a.promo_store_borders > img {
            top: -11px;
            height: 13px;
        }

.dashboard_promo_text {
    position: absolute;
    left: 133px;
    top: 19px;
    width: 130px;
    font-size: 42px;
    z-index: 3;
    font-family: "Good Karma" !important;
    line-height: 38px;
    letter-spacing: 1px;
}

.dashboard_promo_stars {
    position: absolute;
    background-image: url(../../Content/images/appPromo/stars_banner.png);
    left: 247px;
    top: 61px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

/****************** MOBILE PROMO BANNER ******************************/

.mobile_promo_banner {
    position: fixed;
    bottom: 0;
    height: 90px;
    width: 360px;
    left:50%;
    margin-left: -180px; /* 1/2 of width */
    background-color: #fafafa;
    overflow: hidden;
    color: white;
    z-index: 999;
    cursor: pointer;
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    .mobile_promo_banner {
        width: 320px;
        margin-left: -160px; /* 1/2 of width */
    }
}

    .mobile_promo_banner > .mobile_promo_text {
        left: 100px;
    }

    .mobile_promo_banner > a {
        transform: scale(0.8);
        left: 40px;
    }

.mobile_promo_gradient {
    position: absolute;
    top: -27px;
    right: -16px;
    left: -10px;
    height: 82px;
    background: #51c1ed;
    background: -moz-linear-gradient(-50deg, #51c1ed 0%, #8970d3 100%);
    background: -webkit-linear-gradient(-50deg, #51c1ed 0%,#8970d3 100%);
    background: linear-gradient(135deg, #51c1ed 0%,#8970d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c1ed', endColorstr='#8970d3',GradientType=1 );
    transform: rotate(8deg);
}

.mobile_promo_close {
    position: absolute;
    z-index: 101;
    font-size: 15px;
    padding: 10px;
    right: 0;
    opacity: .7;
}

.mobile_promo_button {
    position: absolute;
    text-transform: uppercase;
    font-size: 14px;
    z-index: 1;
    bottom: 6px;
    width: 250px;
    left: 40px;
    height: 42px; /* SAME AS LINE-HEIGHT! */
    line-height: 42px; /* SAME AS HEIGHT! */
    border-radius: 100px;
    text-align: center;
    background: #f63f6f;
    background: -moz-linear-gradient(-10deg, #f63f6f 0%, #a33db1 100%);
    background: -webkit-linear-gradient(-10deg, #f63f6f 0%,#a33db1 100%);
    background: linear-gradient(170deg, #f63f6f 0%,#a33db1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f63f6f', endColorstr='#a33db1',GradientType=1 );
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    color: white;
    padding-left: 25px;
    font-weight: bold;
    transform: scale(0.8);
}

.mobile_promo_img {
    position: absolute;
    top: 9px;
    left: 16px;
    bottom: 0;
    height: 100%;
    width: 72px;
    z-index: 2;
    background-image: url(../../Content/images/appPromo/IPhoneX.png);
    background-position: top center;
    background-size: 100% auto;
}

.mobile_promo_text {
    position: absolute;
    left: 98px;
    top: 1px;
    width: 200px;
    font-size: 34px; /*42px;*/
    font-family: 'Good Karma' !important;
    z-index: 3;
    letter-spacing: 1px;
}

a.promo_store_borders, span.promo_store_borders {
    position: relative;
    display: inline-block;
    border: 1px solid white;
    height: 20px;
    width: 20px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100px;
    margin-left: 10px;
}

.promo_store_borders > img {
    height: 20px;
    position: relative;
    top: -13px;
}

.promo_button_text + span > img {
    left: -1px;
    top: -14px;
}

.mobile_promo_banner .promo_store_borders > img {
    top: -8px;
    height: 17px;
}

.mobile_promo_banner span.promo_store_borders {
    margin-left: 5px;
    height: 17px;
    width: 17px;
}

a.promo_dl_area {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 100;
    top: 0;
    cursor: pointer;
    height: 100%;
}

.dashboard_promo_banner.dashboar_page {
    position: relative;
    margin: 15px auto;
    left: 0;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
}

/* FR ALIGNMENT */
body.fr .dashboard_promo_text {
    width: 150px;
    left: 125px;
}

body.fr .dashboard_promo_stars {
    top: 55px;
    left: 250px;
}

body.fr span.dashboard_button_text {
    display: inline-block;
    width: 100px;
    text-align: center;
    height: 35px;
    line-height: 1.4;
    font-size: 10px;
    word-break: break-word;
    position: relative;
    top: 6px;
}

body.fr .mobile_promo_button {
    font-size: 11px;
}

/* ID ALIGNMENT */
body.id .dashboard_promo_text {
    width: 150px;
    left: 128px;
}

body.id .dashboard_promo_stars {
    top: 55px;
    left: 257px;
}

body.id span.dashboard_button_text {
    font-size: 11px;
}

body.id .mobile_promo_text {
    width: 230px;
    top: 4px;
}

/* PT ALIGNMENT */
body.pt .dashboard_promo_text {
    width: 190px;
    left: 121px;
    font-size: 32px;
}

body.pt .mobile_promo_text {
    width: 260px;
    font-size: 27px;
    top: 10px;
}

body.pt span.dashboard_button_text {
    font-size: 11px;
}

/* TH ALIGNMENT */
body.th .dashboard_promo_text {
    width: 130px;
    left: 122px;
    font-size: 26px;
}
body.th .dashboard_promo_button > span:first-child {
    margin-right:12px;
}

body.th .mobile_promo_text {
    width: 243px;
    font-size: 23px;
    top: 11px;
}

/* HK ALIGNMENT */
body.zh-CHT .dashboard_promo_text {
    font-size: 35px;
}

body.zh-CHT .mobile_promo_text {
    font-size: 30px;
    top: 3px;
}

span.dashboard_button_text {
    font-family: Roboto !important;
}

/* IT ALIGNMENT */

body.it span.dashboard_button_text {
    display: inline-block;
    width: 90px;
    text-align: center;
    height: 35px;
    line-height: 1.4;
    font-size: 10px;
    word-break: break-word;
    position: relative;
    top: 6px;
}

/* DE ALIGNMENT */
body.de .dashboard_promo_text {
    left: 122px;
    font-size: 34px;
    width: 168px;
}

body.de .dashboard_promo_button {
    font-size: 11px;
}

body.de .mobile_promo_banner > .mobile_promo_text {
    width: 240px;
    font-size: 29px;
    top: 7px;
    left: 95px;
}

/* JP ALIGNENT */
body.ja .dashboard_promo_text {
    left: 120px;
    top: 19px;
    width: 153px;
    font-size: 24px;
}

body.ja .dashboard_promo_button {
    font-size: 10px;
}

body.ja .dashboard_promo_stars {
    left: 260px;
    top: 48px;
}

body.ja .mobile_promo_banner > .mobile_promo_text {
    left: 94px;
    top: 11px;
    width: 234px;
    font-size: 18px;
}

body.ja .promo_text {
    font-size: 2.9em;
}

/* ES ALIGNMENT */

body.es .dashboard_promo_text {
    left: 122px;
    top: 19px;
    width: 161px;
    font-size: 30px;
}

body.es span.dashboard_button_text {
    display: inline-block;
    width: 106px;
    text-align: center;
    height: 35px;
    line-height: 1.4;
    font-size: 11px;
    word-break: break-word;
    position: relative;
    top: 6px;
}

body.es .mobile_promo_banner > .mobile_promo_text {
    left: 95px;
    top: 9px;
    width: 240px;
    font-size: 28px;
}

body.es .promo_text {
    font-size: 3.7em;
    font-family: 'Good Karma';
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

body.es .mobile_promo_button.es {
    width: 314px;
    font-size: 13px;
    padding-right: 6px;
}

body.es .promo_button_text {
    font-size: 12px;
}

/* KO ALIGNMENT */

body.ko .dashboard_promo_text {
    font-size: 31px;
}

body.ko .mobile_promo_banner > .mobile_promo_text {
    top: 4px;
    width: 234px;
    font-size: 29px;
}

body.ko span.dashboard_button_text {
    padding-right: 9px;
}


/********* MEDIA QUERIES **************/
@media screen and (min-width:668px) {
    .header .mobile-menu {
        display: none !important;
    }
}

@media only screen and (min-width: 320px) and (max-width:667px ) {
    #topMenu .events a.MenuHeader .link {
        height: 49px;
    }

    .events .ddWrapper {
        left: -161px;
        top: 50px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #topMenu a.MenuHeader .link {
        padding: 0px 6px;
    }
}

@media screen and (min-width: 360px) and (max-width: 640px) {
    
    .notifTooltip .layer-arrow {
        right: 60px;
    }
    .notifTooltip .arrow-up {
        right: 61px;
    }
}

@media only screen and (min-width : 320px) and (max-width : 636px) {
    .events .ddWrapper {
        position: absolute;
        top: 49px;
    }

    .events .ddWrapper .titleWrapper .title {
        width: 182px;
    }

    .events .titleWrapper .leaveEvent {
        bottom: 35px;
        right: 10px;
    }

    .events .menuContent {
        max-height: 200px;
    }

    .events .ddWrapper .titleWrapper {
        width: 138px;
    }
}

@media screen and (min-width: 320px) and (max-width: 568px) {

    .notifTooltip .layer-arrow {
        right: 25px;
    }

    .notifTooltip .arrow-up {
        right: 27px;
    }
}
.pull-left { float: left;}
.pull-right { float: right;}

.btn-reset{ background: transparent; border: none; }

.text-left{ text-align: left;}
.text-right { text-align: right;}

.table {
    display:table
}

.table-cell {
    display: table-cell;
}

.table-cell.v-middle {
    vertical-align: middle;
}

.hidden-temp {
    display: none;
}
/* @import must be at top of file, otherwise CSS will not work */
@import url("https://hello.myfonts.net/count/2b0e60");

/*Museo*/
@font-face {font-family: 'Museo-100';src: url('/Content/fonts/Museo/2B6917_3_0.eot');src: url('/Content/fonts/Museo/2B6917_3_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_3_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_3_0.ttf') format('truetype');}
@font-face {font-family: 'Museo-300';src: url('/Content/fonts/Museo/2B6917_2_0.eot');src: url('/Content/fonts/Museo/2B6917_2_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_2_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_2_0.ttf') format('truetype');}
@font-face {font-family: 'Museo-500';src: url('/Content/fonts/Museo/2B6917_4_0.eot');src: url('/Content/fonts/Museo/2B6917_4_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_4_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_4_0.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Museo-700';src: url('/Content/fonts/Museo/2B6917_1_0.eot');src: url('/Content/fonts/Museo/2B6917_1_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_1_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_1_0.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Museo-900';src: url('/Content/fonts/Museo/2B6917_0_0.eot');src: url('/Content/fonts/Museo/2B6917_0_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_0_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_0_0.ttf') format('truetype');} 
@font-face {font-family: 'MuseoSans-100';src: url('/Content/fonts/Museo/2B6917_8_0.eot');src: url('/Content/fonts/Museo/2B6917_8_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_8_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_8_0.ttf') format('truetype');} 
@font-face {font-family: 'MuseoSans-300';src: url('/Content/fonts/Museo/2B6917_6_0.eot');src: url('/Content/fonts/Museo/2B6917_6_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_6_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_6_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSans-500';src: url('/Content/fonts/Museo/2B6917_7_0.eot');src: url('/Content/fonts/Museo/2B6917_7_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_7_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_7_0.ttf') format('truetype');}  
@font-face {font-family: 'MuseoSans-700';src: url('/Content/fonts/Museo/2B6917_5_0.eot');src: url('/Content/fonts/Museo/2B6917_5_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_5_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_5_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSans-900';src: url('/Content/fonts/Museo/2B6917_9_0.eot');src: url('/Content/fonts/Museo/2B6917_9_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_9_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_9_0.ttf') format('truetype');}   
@font-face {font-family: 'MuseoSlab-500';src: url('/Content/fonts/Museo/2B5F02_4_0.eot');src: url('/Content/fonts/Museo/2B5F02_4_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B5F02_4_0.woff') format('woff'),url('/Content/fonts/Museo/2B5F02_4_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSlab-700';src: url('/Content/fonts/Museo/2B6917_A_0.eot');src: url('/Content/fonts/Museo/2B6917_A_0.eot?#iefix') format('embedded-opentype'),url('/Content/fonts/Museo/2B6917_A_0.woff') format('woff'),url('/Content/fonts/Museo/2B6917_A_0.ttf') format('truetype');} 

/*Avenir*/
@font-face {
    font-family: 'Avenir85Heavy';
    src: url('/Content/fonts/Avenir_85_Heavy.eot');
    src: url('/Content/fonts/Avenir_85_Heavy.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/Avenir_85_Heavy.woff') format('woff'),
         url('/Content/fonts/Avenir_85_Heavy.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd65MediumBold';
    src: url('/Content/fonts/avenirltstd-black-webfont.eot');
    src: url('/Content/fonts/avenirltstd-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/avenirltstd-black-webfont.woff') format('woff'),
         url('/Content/fonts/avenirltstd-black-webfont.ttf') format('truetype'),
         url('/Content/fonts/avenirltstd-black-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd45BookRegular';
    src: url('/Content/fonts/avenirltstd-book-webfont.eot');
    src: url('/Content/fonts/avenirltstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/avenirltstd-book-webfont.woff') format('woff'),
         url('/Content/fonts/avenirltstd-book-webfont.ttf') format('truetype'),
         url('/Content/fonts/avenirltstd-book-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd35LightRegular';
    src: url('/Content/fonts/adobe_-_avenirltstd-light-webfont.eot');
    src: url('/Content/fonts/adobe_-_avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/adobe_-_avenirltstd-light-webfont.woff') format('woff'),
         url('/Content/fonts/adobe_-_avenirltstd-light-webfont.ttf') format('truetype'),
         url('/Content/fonts/adobe_-_avenirltstd-light-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'AvenirLTStd55RomanRegular';
    src: url('/Content/fonts/adobe_-_avenirltstd-roman-webfont.eot');
    src: url('/Content/fonts/adobe_-_avenirltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/adobe_-_avenirltstd-roman-webfont.woff') format('woff'),
         url('/Content/fonts/adobe_-_avenirltstd-roman-webfont.ttf') format('truetype'),
         url('/Content/fonts/adobe_-_avenirltstd-roman-webfont.svg') format('svg');
    font-weight: normal; font-style: normal;
}

/*gifties-icon*/
@font-face {
	font-family: 'gifties-icon';
	src:url('/Content/fonts/iconFonts/giftiesCategories/gifCat.eot?-c2c4my');
	src:url('/Content/fonts/iconFonts/giftiesCategories/gifCat.eot?#iefix-c2c4my') format('embedded-opentype'),
		url('/Content/fonts/iconFonts/giftiesCategories/gifCat.woff?-c2c4my') format('woff'),
		url('/Content/fonts/iconFonts/giftiesCategories/gifCat.ttf?-c2c4my') format('truetype'),
		url('/Content/fonts/iconFonts/giftiesCategories/gifCat.svg?-c2c4my#icomoon') format('svg');
	font-weight: normal; font-style: normal;
}

/*wizard-icons-font*/
@font-face {
	font-family: 'wizard-icons-font';
	src:url('/Content/fonts/iconFonts/createWizard/createWizard.eot?-c2c4my');
	src:url('/Content/fonts/iconFonts/createWizard/createWizard.eot?#iefix-c2c4my') format('embedded-opentype'),
		url('/Content/fonts/iconFonts/createWizard/createWizard.woff?-c2c4my') format('woff'),
		url('/Content/fonts/iconFonts/createWizard/createWizard.ttf?-c2c4my') format('truetype'),
		url('/Content/fonts/iconFonts/createWizard/createWizard.svg?-c2c4my#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'pea_celestial_creationregular';
    src: url('/Content/fonts/peacelestialcreation/peacelestialcreation-webfont.eot');
    src: url('/Content/fonts/peacelestialcreation/peacelestialcreation-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/peacelestialcreation/peacelestialcreation-webfont.woff2') format('woff2'),
         url('/Content/fonts/peacelestialcreation/peacelestialcreation-webfont.woff') format('woff'),
         url('/Content/fonts/peacelestialcreation/peacelestialcreation-webfont.ttf') format('truetype'),
         url('/Content/fonts/peacelestialcreation/peacelestialcreation-webfont.svg#pea_celestial_creationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "RobotoCondensedBold";
    src: url('/Content/fonts/RobotoCondensed/RobotoCondensed-Bold.ttf');
}
@font-face {
    font-family: "RobotoCondensedLight";
    src: url('/Content/fonts/RobotoCondensed/RobotoCondensed-Light.ttf');
}
@font-face {
    font-family: "RobotoCondensed";
    src: url('/Content/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf');
}

/* ROBOTO-BOLD */
@font-face {
    font-family: 'Roboto-Bold';
    src: url('/Content/fonts/Roboto-Bold.eot');
    src: url('/Content/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), 
         url('/Content/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'), 
         url('/Content/fonts/Roboto-Bold.ttf') format('truetype'), 
         url('/Content/fonts/Roboto-Bold.woff') format('woff'), 
         url('/Content/fonts/Roboto-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* ROBOTO-REGULAR */
@font-face {
    font-family: 'Roboto-Regular';
    src: url('/Content/fonts/Roboto-Regular.eot');
    src: url('/Content/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), 
         url('/Content/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'), 
         url('/Content/fonts/Roboto-Regular.ttf') format('truetype'), 
         url('/Content/fonts/Roboto-Regular.woff') format('woff'), 
         url('/Content/fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* ROBOTO-MEDIUM */
@font-face {
    font-family: 'Roboto-Medium';
    src: url('/Content/fonts/Roboto-Medium.eot');
    src: url('/Content/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), 
         url('/Content/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'), 
         url('/Content/fonts/Roboto-Medium.ttf') format('truetype'), 
         url('/Content/fonts/Roboto-Medium.woff') format('woff'), 
         url('/Content/fonts/Roboto-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* GOOD KARMA */
@font-face {
    font-family: 'Good Karma';
    src: url('/Content/fonts/GoodKarma-Regular.eot');
    src: url('/Content/fonts/GoodKarma-Regular.eot?#iefix') format('embedded-opentype'), 
         url('/Content/fonts/GoodKarma-Regular.svg#Roboto-Medium') format('svg'), 
         url('/Content/fonts/GoodKarma-Regular.ttf') format('truetype'), 
         url('/Content/fonts/GoodKarma-Regular.woff') format('woff'), 
         url('/Content/fonts/GoodKarma-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* general icons font */
@font-face {
    font-family: 'general';
    src: url('/Content/fonts/iconFonts/general/icomoon.eot?-rf3e49');
    src: url('/Content/fonts/iconFonts/general/icomoon.eot?#iefix-rf3e49') format('embedded-opentype'), url('/Content/fonts/iconFonts/general/icomoon.woff?-rf3e49') format('woff'), url('/Content/fonts/iconFonts/general/icomoon.ttf?-rf3e49') format('truetype'), url('/Content/fonts/iconFonts/general/icomoon.svg?-rf3e49#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

    [class^="general-"], [class*=" general-"] {
	font-family: 'general' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.general-lockClose:before {
	content: "\e600";
}
.general-lockOpen:before {
	content: "\e601";
}
.general-right-arrow-rounded:before {
	content: "\e602";
}
.general-icon-apple-logo:before {
	content: "\e603";
}
.general-icon-apple-logo-circled:before {
	content: "\e604";
}
.general-icon-checkbox1:before {
	content: "\e605";
}
.general-icon-checkbox1-selected:before {
	content: "\e606";
}
.general-icon-andriod-logo::before {
    content: "\e900";
}
.general-icon-gift:before {
  content: "\e901";
}

/* Toluna icons font */
@font-face {
  font-family: "tolunaNG";
  src:url("/Content/fonts/TolunaIcons/tolunaNG.eot");
  src:url("/Content/fonts/TolunaIcons/tolunaNG.eot?#iefix") format("embedded-opentype"),
    url("/Content/fonts/TolunaIcons/tolunaNG.woff") format("woff"),
    url("/Content/fonts/TolunaIcons/tolunaNG.ttf") format("truetype"),
    url("/Content/fonts/TolunaIcons/tolunaNG.svg#toluna") format("svg");
  font-weight: normal;
  font-style: normal;

}
[class^="toluna-ng-icon-"]:before,
[class*=" toluna-ng-icon-"]:before {
  font-family: "tolunaNG" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toluna-ng-icon-bell-icon:before {
  content: "\61";
}
.toluna-ng-icon-bars:before {
  content: "\62";
}
.toluna-ng-icon-close:before {
  content: "\63";
}

.headersearch {
  display: inline-block;
  float: right;
  height: 35px;
  position: relative;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb; }
  .headersearch .icon {
    width: 50px;
    height: 35px;
    line-height: 35px;
    display: block;
    margin: 0px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    color: #9a9a9a; }

.main-search {
  background-color: #F6F6F6;
  float: left;
  clear: both;
  height: 55px;
  position: relative;
  display: none; }
  .main-search .search-row {
    line-height: 55px;
    width: 93%;
    float: left;
    position: relative; }
    .main-search .search-row input {
      width: 100%;
      height: 25px;
      border: none;
      padding: 2px 35px 0px 20px;
      font-size: 20px;
      font-family: 'Roboto';
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      background: transparent; }
    .main-search .search-row .clear-main-search {
      position: absolute;
      top: 17px;
      right: 10px;
      font-size: 20px;
      color: #9a9a9a;
      cursor: pointer;
      display: none; }
  .main-search .close-button-place {
    width: 50px;
    height: 55px;
    float: left; }
    .main-search .close-button-place .close-button {
      height: 35px;
      margin-top: 10px;
      line-height: 35px;
      text-align: center;
      border-left: 1px solid #dcdcdc;
      cursor: pointer;
      color: #9a9a9a; }
  .main-search .main-search-place-results {
    position: absolute;
    left: 0px;
    top: 55px;
    width: 361px;
    z-index: 101;
    width: 100%; }
    .main-search .main-search-place-results .seeallquestions a, .main-search .main-search-place-results .seeallusers a, .main-search .main-search-place-results .seeallfaqs a {
      display: block;
      padding: 10px;
      text-decoration: none; }
    .main-search .main-search-place-results .seeallquestions.top a, .main-search .main-search-place-results .seeallusers a, .main-search .main-search-place-results .seeallfaqs a {
      font-weight: bold; }
    .main-search .main-search-place-results .seeallquestions.top, .main-search .main-search-place-results .seeallusers, .main-search .main-search-place-results .seeallfaqs {
      background: #EFF4F5; }
      .main-search .main-search-place-results .seeallquestions.top:hover, .main-search .main-search-place-results .seeallusers:hover, .main-search .main-search-place-results .seeallfaqs:hover {
        background: #CCDEE7; }
    .main-search .main-search-place-results .morefound {
      font-weight: normal; }
    .main-search .main-search-place-results .seeallplace {
      margin: 0px;
      background: #fff;
      line-height: 16px; }
    .main-search .main-search-place-results .seeallquestions {
      background: #F6F6F6; }
      .main-search .main-search-place-results .seeallquestions:hover {
        background: #fff; }

/* ---Imported from the old css file section--- */
.seeallplace span {
  display: inline-block;
  color: #525252; }

.seeallplace .resultsIcon,
.resultsfound .iconuser,
.resultsfound .iconfaq,
.resultsfound .iconquestion,
.seeallusersbanner .icon,
.seeallfaqsbanner .icon,
.seeallquestionsbanner .icon {
  width: 30px;
  height: 30px;
  float: left;
  margin: 0px 10px 0px 0px;
  background: #36ade9 url("/content/images/sprites/headersprite.png") 0px 0px no-repeat; }

#userResults.seeallplace .resultsIcon {
  margin-top: -6px !important; }

/*TNG-6653*/
.seeallplace .name,
.seeallusersbanner .name,
.seeallplace .nameresults,
.seeallfaqsbanner .name,
.seeallquestionsbanner .name,
.seeallplace .result {
  font-family: 'Roboto';
  font-size: 14px;
  line-height: 16px; }

.seeallplace .faqresults .nameresults:hover {
  font-weight: bold;
  color: #333; }

.seeallplace .nameresults, .seeallplace .nameresultsend {
  display: block; }

.seeallplace .faqresults {
  padding: 10px 10px 0px 10px;
  background: #F6F6F6; }

.seeallplace .nameresults {
  word-break: break-all; }

.seeallplace .faqresults .nameresults {
  padding-bottom: 10px; }

.nameresults em {
  color: #36ade9; }

.seeallquestionsbanner a, .seeallfaqsbanner a, .seeallusersbanner a {
  padding: 10px;
  display: block; }

.seeallquestionsbanner + .bannerlong {
  border-top: none; }

.seeallplace .morefound, .seeallusersbanner .morefound, .seeallfaqsbanner .morefound, .seeallquestionsbanner .morefound {
  font-size: 12px;
  display: block; }

.seeallusersbanner .morefound, .seeallfaqsbanner .morefound, .seeallquestionsbanner .morefound {
  color: #737373; }

.seeallquestions .resultsIcon, .resultsfound .iconquestion, .seeallquestionsbanner .icon {
  background-position: 2px -296px; }

.seeallusers .resultsIcon, .resultsfound .iconuser, .seeallusersbanner .icon {
  background-position: -28px -294px; }

.seeallfaqs .resultsIcon, .resultsfound .iconfaq, .seeallfaqsbanner .icon {
  background-position: -53px -296px; }

.seeallusersbanner, .seeallfaqsbanner {
  margin-bottom: 10px; }

.seeallusersbanner:hover, .seeallfaqsbanner:hover, .seeallquestionsbanner:hover {
  background-color: #ffffff; }

.user-result {
  padding: 10px; }

.seeallquestions, .seeallusers, .seeallfaqs, .user-result {
  border-bottom: 1px solid #e1e1e1; }

.user-result {
  cursor: default; }

.seeallquestions:last-child, .seeallusers:last-child, .seeallfaqs:last-child {
  border-bottom: none; }

.user-result img {
  margin-right: 3px;
  width: 50px;
  border-radius: 25px; }

.seeallfaqs.faqresults:hover {
  background: #fff; }

.titlfullesearch {
  min-width: 280px;
  display: inline-block; }

.userLink {
  position: relative; }

.search-user-tooltip {
  position: absolute;
  min-width: 150px;
  background: transparent url("/content/images/bg/serach_users_tt_.png") repeat;
  text-align: center;
  display: none;
  padding: 12px 10px;
  height: 13px;
  left: 0px;
  top: 28px;
  white-space: nowrap;
  z-index: 1; }

.search-user-tooltip .user-name {
  color: #fff !important;
  padding-top: 10px;
  font-family: Arial;
  display: inline-block; }

.search-user-tooltip img {
  width: 19px;
  position: relative;
  top: 3px;
  margin-right: 3px; }

.search-user-tooltip .user-tooltip-arrow {
  width: 13px;
  height: 11px;
  background: transparent url("/content/images/bg/serach_users_tt_arrow.png") no-repeat;
  margin: -23px auto 0px auto;
  display: block; }

/* End of ---Imported from the old css file section--- */


#FBConnectToToluna {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	width:675px;	
	min-height:200px;
	border:0px solid #666;
	 background-color: #fff;
}

#FBConnectToTolunaInner {
	top: 70%; 
	background-color: #e0e5f0 ;
	margin:30px 0px 30px 0px;
}

#FBConnectToToluna .close 
 {
	background:url(/Content/images/close.png) no-repeat 9px 4px;
	position:relative;
	float:right;
	right:-21px;
	top:-18px;
	cursor:pointer;
	height:45px;
	width:45px;
    z-index: 20000;
}



.categoryIcon{ font-family: "wizard-icons-font"}
.categoryIcon.cat3:after,#notifCat3:after,#notifCatBig3:after,.notifContentImage .cat3:after { content: "\e60e"; }
.categoryIcon.cat13:after,#notifCat13:after,#notifCatBig13:after,.notifContentImage .cat13:after { content: "\e60f"; }
.categoryIcon.cat22:after,#notifCat22:after,#notifCatBig22:after,.notifContentImage .cat22:after { content: "\e610"; }
.categoryIcon.cat20:after,#notifCat20:after,#notifCatBig20:after,.notifContentImage .cat20:after { content: "\e611"; }
.categoryIcon.cat4:after,#notifCat4:after,#notifCatBig4:after,.notifContentImage .cat4:after { content: "\e612"; }
.categoryIcon.cat15:after,#notifCat15:after,#notifCatBig15:after,.notifContentImage .cat15:after { content: "\e613"; }
.categoryIcon.cat12:after,#notifCat12:after,#notifCatBig12:after,.notifContentImage .cat12:after { content: "\e614"; }
.categoryIcon.cat14:after,#notifCat14:after,#notifCatBig14:after,.notifContentImage .cat14:after { content: "\e615"; }
.categoryIcon.cat1:after,#notifCat1:after,#notifCatBig1:after,.notifContentImage .ca1:after { content: "\e616"; }
.categoryIcon.cat24:after,#notifCat24:after,#notifCatBig24:after,.notifContentImage .cat24:after { content: "\e617"; }
.categoryIcon.cat27:after,#notifCat27:after,#notifCatBig27:after,.notifContentImage .cat27:after { content: "\e618"; }
.categoryIcon.cat26:after,#notifCat26:after,#notifCatBig26:after, .notifContentImage .cat26:after { content: "\e619"; }
.categoryIcon.cat25:after,#notifCat25:after,#notifCatBig25:after, .notifContentImage .cat25:after { content: "\e61a"; }

.select_w {
    text-align: center;
}
.select_w .wizardMode
{
    position: relative;
    z-index: 101;
    display: inline-block;
    height: 45px; 
    margin: 0px 0px 0px 30px; 
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.cameraContainer {
    float: left;
}

#wizardPanelContainer[data-currwizardmode=thumb] .addpic,
#wizardPanelContainer[data-currwizardmode=battle] .addpic
 {
    display: none;
}

#wizardPanelContainer[data-currwizardmode=thumb] textarea.big,
#wizardPanelContainer[data-currwizardmode=battle] textarea.big {
    width: 93%;
}

a.btnWizard
{
    
    background: #f0f0f0;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: normal;
    line-height: 38px;
    padding: 0px 10px;
    margin:0px 2px 0px 0px;
    overflow:hidden;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #bbb;
    color:#525252;
    min-width:50px;
}
    a.btnWizard:hover {background:#fff;}
.thumbview a.btnWizard {margin:-37px 2px 0px 0px;}
.battleModeBtnContainer a.btnWizard  {
    width: 107px;
    
}

.battleModeBtnContainer a.btnWizard .btnName {
    width: 75px;
    padding-left: 40px;
}

.battleModeBtnContainer a.btnWizard .btnNameShadow {
    left: 39px;
   
}

a.btnWizard .btnName
{
    background: url("/Content/images/btnWizard.png") no-repeat scroll 0 -39px transparent;
    display: inline-block;
    padding: 0 0 0 30px;
    color:#ddd;
    position:relative;
}
.btnNameShadow
{
    color: #858585;
    left: 29px;
    position: absolute;
    top: -1px;
}
a.btnWizard .btnWheelImg
{
    background: url("/Content/images/sprite2.png") -64px -410px no-repeat;
    height: 23px;
    width: 23px;
    display:inline-block;
    float:left;
    margin:7px 7px 0px 0px;
}

.wizardAdvancedWrp
{
    float:left;
    width:100%;
    margin: 10px 0px 0px 0px;
    display: none;
}
.wizardAdvancedWrp.On
{
    display:block;
}

.select_w span
{
    display: inline-block;
    height: 22px;
    line-height: 10px;
    padding-left: 30px;
}
.select_w .wizardMode .w_arrow {display:none}
.select_w .wizardMode.this .w_arrow
{
    background-position: -47px -534px !important;display:block;
    width:20px;height:15px;position:absolute;left:50%;bottom:3px;margin:0px 0px 0px -10px;padding:0px;
}

.select_w .wizardMode span .icon:after{ font-family: "wizard-icons-font";font-weight: normal;font-style: normal;font-size: 31px;display: inline-block;width: 25px;position: relative;top: 7px;margin-right: 3px;}
.select_w .wizardMode.poll .icon:after{ content: "\e600";}
.select_w .wizardMode.topic .icon:after{ content: "\e601";font-size: 25px;}
.select_w .wizardMode.thumb .icon:after{ content: "\e602";}
.select_w .wizardMode.battle .icon:after{ content: "\e603";}

.select_w .wizardMode.question span
{
    background: url(/Content/images/sprite2.png) 0px -690px no-repeat;
}
.select_w .wizardMode.question:hover span
{
    background-position: 0px -715px;
}
.select_w .wizardMode.this.question span
{
    background-position: 0px -715px;
}

.select_w input.big, .select_w textarea.big
{
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 93%;
    line-height: 26px;
    height: 30px;
    padding: 7px 30px 3px 10px;
    margin: 10px auto -5px auto;
    color: #999999;
    font-family: arial;
    font-size: 20px;
    position: relative;
    z-index: 100;
    top: -18px;
  
}


.moreanswer
{
   height:38px;
   position:relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 2px 15px 0px;
}

.moreanswer div.moreanswerCont
{
    padding-right: 0px;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
}

.moreanswer input
{
    padding: 0px 10px;
    color: #999;
    border: none;
    border-left: 1px solid #c6c6c6;
    font-size: 20px;
    width: 510px;
    height: 38px;
   -webkit-border-radius:0px 5px 5px 0px;
   border-radius:0px 5px 5px 0px;
   line-height:30px;
   font-family:Arial;
}



.picframe,.videoFrame {
    display:none; 
    background: url(/Content/images/WizardSprites.png)  0 -776px no-repeat;
    width:180px;
    padding:20px 0px 0px 46px;
    height:190px;
    position:absolute;
    top:-25px;left:30px;z-index:199999;color:#333;font-size:12px;
}

.picframe table, .videoFrame table
{
    margin-top: 10px;
}

.pic4x3,.video4x3
{
   height:107px;
  
    padding:0px 0px 0px 0px;width:150px;margin:0px; 
    text-align: center;border:1px solid #dadada;
}
.pic4x3 div,video4x3 div {background:#fff;border:1px solid #ccc;padding:5px;}
.pic4x3 div div ,video4x3 div div{border:1px solid #ccc;padding:0px;overflow:hidden;}
.pic4x3 img ,video4x3 img
{
    max-width:140px; 
    max-height:100px; 
    border:1px solid #dadada;
    
}


.picframe .shadowDiv , .videoFrame .shadowDiv
{
     background: url(/Content/images/bg/smallshadow.png) center bottom no-repeat;
     height: 10px;
     width:150px;
}

.picframe a, .videoFrame a
{
    background:#cbcbcb;
    display:inline-block;
    color:#fff;
    padding:5px;
    text-align:center;
    min-width:50px;
    margin:0px 0px 0px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position:relative;
    font-weight:bold;
    }

.moreanswer .camera1, .moreanswer .camera2
 {
    display: block;
    width: 27px;
    height: 23px;
    position:absolute;
    cursor:pointer;
    top:5px; right:45px;
}
.moreanswer .camera1{ right: 13px;}

.moreanswer input::-ms-clear{ display: none; }

.mytooltip 
{
    display:none;
    position: absolute;
    left:-133px;
    top:-43px;
	z-index: 1000;
    color: #fff !important;
    width: 300px;
    text-align: center;
    height: 17px;
    white-space:nowrap;
    line-height:17px;
    padding:0px 0px 7px 0px;
    font-size: 11px;
    background: url('/Content/images/MiscSprites.png') 145px -373px no-repeat;
	
}


.addpic
{
    position: absolute;
    z-index: 199999;
    top: 62px;
    right: 20px;
    width: 30px;
    height: 25px;
    cursor: pointer;
}
.addpic::before,.moreanswer .camera1::before{ font-family: "wizard-icons-font";content: "\e60c";font-size: 30px; }
.moreanswer .camera2::before{font-family: "wizard-icons-font";content: "\e60d";font-size: 30px;}

.addpic:hover,
.addpic.this
{
    background-position:-28px -330px;
}
.addpic span {display:block;font-size:12px;font-weight:bold;color:#555555;text-align:center;padding-top:32px;}

.mytooltip span 
{
    margin:0px auto;padding:0px 10px;background: url('/Content/images/bg/bgtooltip.png') repeat-x;display:inline-block;min-width: 60px;
    }
    
.categoryImgSpan {position:relative;}

.topic_categorize .CategorizeTxt {
    font-size:14px;
    color:#000;
    display: inline-block;
    margin: 12px 15px 0px 15px;
    text-shadow: 0px 1px 1px #fff;
    float: left;
}
.topic_categorize .categoryIcon {
    cursor: pointer;
    display: inline-block;
    width: 32px;
    height: 30px;
    margin: 7px 3px 0px 3px;
    position:relative !important;
    font-size: 28px;
}
.notitem .categoryIcon {
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 25px;
    margin: 0px 10px 0px 0px;
    color: #4f4f4f;
}

.categoryImgSpan:hover .mytooltip {display:block;}
    
.qq-upload-list
{
    display: none;
}
    
.flashPreviewImg {
    background-color: #fff;
    border: 1px solid #BABABA;
    width: 320px;
    height: 180px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    overflow:hidden;
    margin-top:15px;
}
.flashPreviewImg.nothing {
     background: #F6F6F6 url('/Content/images/search_empty_video.png') center center no-repeat;
}

.jspVerticalBar
{
    left: 0;
}
    
#rewardsPopupDiv .imgSubstitue, #wizardPopupDiv .imgSubstitue
{
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
    
    .searchvideo .popupScroll
    {
        height:220px;
    }
    
    .nosearchresults {
        height: 100%;
        vertical-align: middle;
    }
    #picResultsSpan {
        display: none;
    }

    .searchpic .imgSubstitue
    {
        width: 100px;
        height: 100px;
    }
    
    .searchvideo .imgSubstitue
    {
        width:100px;
        height: 100px;
    }
    .searchvideo .video-search-error {
        text-align: center;
        padding-top: 10px;
        color: red;
        font-size: 12px;
        display: none;
    }
    
    /* close button positioned on upper right corner */
    #rewardsPopupDiv .close, #wizardPopupDiv .close
    {
        background: url(/Content/images/sprite.png) -22px -518px no-repeat;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 7px;
        right: 8px;
        text-indent: -9999px;
        display: block;
    }
 
 input[type=text]:focus
    {
        color: #5b5b5b;
    }
    
    .NoPicResults
    {
        display: none;
    }
    
    .pollIsSponsoredChckBox
    {
        float: left;
    }
    
    .isSponsoredTxt
    {
        padding-top: 4px;
        float: left;
    }
    
    

.wizard_plus
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    display: block;
    background: #f0f0f0;
    color: #464646;
    font-size: 25px;
    font-family:Arial;
    font-weight: bold;
    text-align: center;
    border: 1px solid #bbb;
    width: 38px;
    height: 38px;
    line-height: 40px;
    text-shadow:   0px 1px #999;
}
.wizard_plus:hover
{
    background: #fff;
}

.s_m_tabs
{
    cursor: pointer;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0px 0px 0px 10px;
    overflow: hidden;
    padding: 0 23px 0 0;
}

.s_m_tabs div
{
    color: #7B7B7B;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    text-align: center;
    padding: 0 10px 0 10px;
    background:#f0f0f0;
    border: 1px solid #bbb;
}
.s_m_tabs div:hover {
    background: #fff;
}
.s_m_tabs .single
{
    -webkit-border-radius:5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}
.s_m_tabs .multiply
{
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;    
    border-left:none;
}
.s_m_tabs .single.this, .s_m_tabs .multiply.this
{
    background: #fff;
}

.topic_categorize
{
    
    height: 40px;
    clear: both;
    margin: 15px 0px 10px 0px;
    border:1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.moreanswer span.numbers
{
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    float: left;
    display: block;
    background: #f0f0f0;
    color: #666;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 38px;
    height: 38px;
    line-height: 36px;
}

.searchvideo .videoDuration
{
    position:absolute;
    bottom:0px;
    padding: 3px 7px 3px 7px;
   background-color: black;
    right:0px;
    font-weight:bold;
    color:#E7EACB;
    float:right !important;
    z-index:1001;
    -webkit-border-radius: 5px 0px 5px 0px;
    -moz-border-radius: 5px 0px 5px 0px;
    border-radius: 5px 0px 5px 0px;
    font-size:12px;
    min-width:20px;
    min-height:15px;
}

.scrollvideo a.videoContainer
{
   
    text-align:center;    
    width: 100px !important;
    height: 100px !important;
    border:1px solid #aeaeae;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:relative;
    vertical-align: middle;
    overflow:hidden;
    display:table-cell;
}
   @-moz-document url-prefix() {
                        .scrollvideo a.videoContainer{
                        display:block !important;
                    }
                    }
                    

.videoContainer .al_mid {vertical-align:middle;height: 10px;display:table-cell; width: 100px;}

.scrollvideo img
{
    width: 100px;
    height: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:0px 0px -5px 0px;
    padding:0px;
}

.scroll #picResultsSpan
{
    height:220px;
}

 .scroll #picResultsSpan .imgWrapper
 {
    float:left;
    padding:0px;
    margin:0px 10px 10px 0px;
    width: 100px;
 }
 
 .scrollvideo #videoResultsSpan .videoWrapper
 {
    float:left;
    padding:0px;
    margin:0px 10px 10px 0px;
    max-width: 100px;
 }

.scrollvideo #videoResultsSpan
{
    overflow: hidden;
    display: block;
    border: 0px solid #0000ff;
    width: 350px !important;
    height: 220px;
}

.scroll #picResultsSpan .imgContainer
{
    width: 100px !important;
    height: 100px !important;
    border:1px solid #aeaeae;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:0px;
    margin:0px;
    text-align: center;
    display:table-cell;
    vertical-align:middle;
}

.scroll img
{
    max-width: 96px;
    max-height: 96px;
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:0px;
    margin:0px;
}

.searchpic
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display:table;
    border-spacing: 0px;
}

.searchvideo
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display: none;
}

.searchpic .preview
{
    display:table-row;
    float:right;
    width: 202px;
    color: #888888;
    font-size: 12px;
    margin-top:15px;
    
}
.p_video
{
    width: 320px !important;
    color: #888888;
    font-size: 12px;
}

.searchpic .preview img
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 200px;
    max-height: 210px;
    margin:0px;padding:0px;
}
.searchpic .preview div.expl
{
    clear: both;
}
.searchpic .preview p
{
    overflow: hidden;
    color:#888888;
    font-size:12px;
}
.searchpic .preview span.bubble
{
    display: none;
    float: left;
    margin-right: 5px;
    background: url(/Content/images/sprite2.png) -10px -627px no-repeat;
    width: 20px;
    height: 22px;
}

#rewardsPopupDiv, #wizardPopupDiv 
{
    display: none;
    z-index: 10002;
    width: 600px;
    top: 35%;
    left: 35%;
    background: #fff;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
}

/* start wizard images/video search */
#wizardPopupDiv {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.search_p_v {
    overflow: hidden;
}
.media-search-tabs {
    overflow: hidden;
    padding-left: 20px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 20px;
}
.media-search-tabs a {
    border-bottom: 2px solid transparent;
}
.media-search-tabs a {        
    background: transparent;
    color: #b2b2b2;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 15px 5px 15px;
    margin-right: 15px;
}
.media-search-tabs .upload, .media-search-tabs .qq-upload-button
{
    color: #b2b2b2;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 15px 3px 15px;
    float: left;
    margin-right: 15px;
}
.media-search-tabs .qq-upload-button .upload-icon {
    font-size: 12px;
    padding-right: 5px;
}

#SearchText::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbb;
    
}
#SearchText:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbb;
}
#SearchText::-ms-input-placeholder { /* Microsoft Edge */
    color: #bbb;
}

.searchplace {
    overflow: hidden;
    height: 30px;
    width: 560px; 
}
.noB_search {       
    border: none;
    color: #41b1e9 !important;
    height: 26px !important;
    width: 60px;
    margin-top: 0px;
       
}
.noB_search input {        
    height: 25px !important;
    width: 70px;
    background: #efefef;
    border: none;
    margin-top: 3px;
    text-transform:uppercase ;
    cursor: pointer;
    font-size: 12px;
}
.searchplace input {
    color: #bbbbbb;
    padding: 0px 2px 0px 5px;
    width: 518px;
    background: none;
    border: none;
    line-height: 23px;
    height: 24px;
    font-size:15px;
}
.searchplace input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #efefef inset;
}
.searchplace div.g_search {
    width: 25px;
    float: right;
}
.g_search span {
    margin: 2px 2px 0px 0px;
    display: block;
    cursor: pointer;
    font-size: 18px;
    color: rgb(49, 157, 211);
}
.bodysearch {
    background: #efefef;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    border:1px solid #ccc;
    height: 24px;
    float: left;
    width: 99%;
    padding: 2px 0;
}
.endofbodysearch {
    background: #ececec url(/Content/images/sprite2.png) -42px -594px no-repeat;
    width: 25px;
}
.video-tab .qq-upload-drop-area { display: none !important; }
#wizardPopupDiv .qq-upload-drop-area { padding-top: 5px; }

/* end wizard images/video search */

#rewardsPopupDiv {top: 28%;display:block;}

#rewardsPopupDiv a.closePopUp, #wizardPopupDiv  a.closePopUp
{
    background: url(/Content/images/sprite.png) -22px -518px no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    right: 8px;
    text-indent: -9999px;
    display: block;
}

#rewardsPopupDiv div.done, #wizardPopupDiv div.done
{
    border-top: 1px solid #c9c9c9;
    padding: 10px 15px;
    overflow: hidden;
}

#rewardsPopupDiv div.done span , #wizardPopupDiv div.done span 
{color:#999;font-size:12px;display:inline-block;padding:6px 0px 0px 5px;max-width:360px;}

#rewardsPopupDiv div.done a, #wizardPopupDiv div.done button
{
    background: #41b1e9;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 15px 3px 15px;
    float: right;
}
#wizardPopupDiv div.done button {
    -webkit-border-radius: 9px; -moz-border-radius:9px;  border-radius: 9px;
    padding: 5px 20px 3px;
    border: none;
    cursor: pointer;
}
#wizardPopupDiv div.done button:disabled {
    cursor: default;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
}

#rewardsPopupDiv div.done a:hover
{
     background: #6d98b3;
}


.imgplace
{
    background-color:#fff;
    border: 1px solid #bababa;
    width: 200px;
    height: 212px;
    text-align: center;
    margin: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:0px;
    vertical-align:middle;
    border-spacing:0px;
}
.imgplace.nothing {
    background: #F6F6F6 url('/Content/images/search_empty_pic.png') center center no-repeat;
}

.searchvideo .preview
{
    width: 200px;
    color: #888888;
    font-size: 12px;
    padding-top: 25px;
    margin: 0 auto;
}
.s_preview {display:none !important;margin:3px 0px;}

.expl
{
    clear: both;
    overflow:hidden;
    margin-top:10px;
}
.searchvideo .preview p
{
    overflow: hidden;
}
.searchvideo .preview span.bubble
{
    display: none;
    float: left;
    margin-right: 5px;
    background: url(/Content/images/sprite2.png) -10px -627px no-repeat;
    width: 20px;
    height: 22px;
}

.scrollbox
{
    float:left;
    margin: 15px 0px 0px 0px;
    width:350px;
}

.searchvideo .scrollbox 
{
    width:350px;
    float:left;
}
    
    
.scroll
{
    height: 220px;
    position: relative;

}

.searchpic .showmore, .searchvideo .showmore
{
    float:left;
    cursor: pointer;
    clear:both;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #e8e8e8;
    text-align: center;
    padding: 5px 0px;
    font-size:14px;
    color: #888888;
    clear: both;
    margin: 5px 0px 0px 0px !important;
    width: 320px;
}
.searchpic .showmore:hover, .searchvideo .showmore:hover {color:#333;}

#wizardPanelContainer .Security
{
    float:left;
     position:relative;
    margin: 15px 10px 0px 0px;

}

#wizardPanelContainer .Security .DropDown .selection
{
    padding:10px 15px 6px 10px;
    font-size: 15px;
    color: #666;
    background: #fff;
}

#wizardPanelContainer .Security .DropDown .selection:hover
{
   background: #f0f0f0;
}

#wizardPanelContainer .Security .DropDown .selection.this{cursor: pointer;}

#wizardPanelContainer .Security .DropDown
{
    z-index:9999;
     clear:both;
     width:130px;
     left:-1px;
     top:29px;
     border:1px solid #bbb;
     position:absolute;
     background: #fff;
     display: none;
}

#wizardPanelContainer .Security:hover,
#wizardPanelContainer .Security.this
{
    cursor: pointer;
}


#wizardPanelContainer .padlock
{
    margin-left:11px;
    background: url(/Content/images/sprite2.png) -63px -358px no-repeat;
    width: 20px;
    height: 24px;
    display: inline-block;
    float: left;
}

#wizardPanelContainer .Security .securityText
{
    float:left;
    margin-left:5px;
    font-size:15px;
    color: #fff;
    margin-top:2px;
    display:none;
}

#wizardPanelContainer .arrow
{
    background: url(/Content/images/sprite2.png) -39px -389px no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    float: left;
    margin:9px 0px 0px 5px;
}

.m_r_20 {margin-right:15px !important;}

#creationProgress
{
    text-align: right;
    width: 200px;
}

.dualcamera {
	display:none;
}

.dualcamera.on {
	display:block;
}


.camera #thumbText {
    padding-top: 100px;
}

.camera img {
    width: 100%;
    height: 100%;
}

.camera {
    height: 140px;
    margin:0px auto;
}

.camera,
#imageContainer img
{
    cursor: pointer;
    position: relative;
    background: #565656 url('/Content/images/WizardSprites.png')  96px -496px no-repeat;
    color: #919191;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    max-width: 240px;
    max-height: 140px;
    border: 3px solid #fff;
    -webkit-box-shadow: #999 0px 0px 3px;
    -moz-box-shadow: #999 0px 0px 2px;
    box-shadow: #999 0px 0px 3px;
}

.thumbview .camera {
    cursor: pointer;
    position: relative;
    background: #565656 url('/Content/images/WizardSprites.png') 80px -637px no-repeat;
    text-align: center;
    color: #919191;
    border: 3px solid #fff;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-shadow: #999 0px 0px 3px;
    -moz-box-shadow: #999 0px 0px 2px;
    box-shadow: #999 0px 0px 3px;
}

.camera span
{
    color: #bbbbbb;
    font-size: 20px;
    font-weight: bold;
    display: block;
    line-height: 17px;
    font-family: Arial;
    text-transform: uppercase;
}


.big_l_arrow
{
    display: none;
    width: 21px;
    height: 90px;
    position: absolute;
    left: -10px;
    top: 40px;
    background: url('/Content/images/WizardSprites.png') -20px -231px no-repeat;
}
.big_r_arrow
{
    
    width: 21px;
    height: 90px;
    position: absolute;
    right: -10px;
    top: 40px;
    background: url('/Content/images/WizardSprites.png') 0px -231px no-repeat;
}

.marker
{
    border-left: 1px solid #8c9094;
    border-right: 1px solid #fff;
    height: 120px;
    position: absolute;
    top: 20px;
    left: 320px;
}

.dualcamera
{
   padding: 3px;
position: relative;
color: #919191;
text-align: left;
font-size: 14px;
font-weight: bold;
height: 150px;
float: left;
border: 3px solid white;
-webkit-box-shadow: #999 0px 0px 3px;
-moz-box-shadow: #999 0px 0px 2px;
box-shadow: #999 0px 0px 3px;
background-color: white;
}
.dualcamera span
{
    color: #bbbbbb;
    font-size: 20px;
    font-weight: bold;
    display: block;
    line-height: 17px;  margin-top: 100px;
}

.dualcamera.picture .leftcamera,
.dualcamera.picture .rightcamera
{
    overflow:hidden;
    width: 100%;
    height: 150px;
    float: left;
    background: #565656 url('/Content/images/WizardSprites.png') 80px -626px no-repeat;
    text-align: center;
}




.dualcamera.video .leftcamera,
.dualcamera.video .rightcamera
{
    width: 100%;
    height: 150px;
    float: left;
  
    background: #565656 url('/Content/images/WizardSprites.png') 80px -80px no-repeat;
    text-align: center;
}

.thumbview .videoChange {
	position: absolute;
    bottom: -12px;
    right:315px;
    font-weight:bold;   
}
.videoChange {
	text-decoration:underline;
    cursor:pointer;
    font-size: 13px;
}
.dualcamera.video .videoChange {
	position: absolute;
    bottom: -25px;
    width: 240px;
    text-align: center;
}

.dualcamera.video {
	margin-bottom:25px;
}

.rightcamera
{
    margin-left: 1px;
}


.battleview .cameraContainer {
    width: 240px;
    height: 150px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}


ul.questionLength
{
    background:#f0f0f0;
    float: left;
    margin: 0 10px 0 0;
    padding:0;
    list-style-type: none;
    overflow: hidden;
    display: block;
    height: 38px;
    line-height: 38px;
    border:1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px ;
    border-radius: 5px ;
}
ul.questionLength.On
{
    background: #fff;
}
ul.questionLength li
{
    background:#f0f0f0;
    float: left;
    border-right: 1px solid #bbb;
    cursor: pointer;
    height:38px;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 13px;
    text-align: center;
    display: block;
    color: #7B7B7B;
}
ul.questionLength li:hover {
    background:#fff;
}
ul.questionLength li.first
{
    background:#f0f0f0;
    color: #464646;
    font-weight: bold;
    padding:0;
    width:38px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}
    ul.questionLength li.first span {display:inline-block;width:20px;height:25px;background:  url('/Content/images/sprite2.png') 2px -938px no-repeat;margin-top:5px;}
ul.questionLength li.last
{
    border-right: 0px;
    padding-right:10px;
}
ul.questionLength li.On
{
    background: #fff;
}
.questionRandom
{
    background: #f0f0f0;
    float: left;
    height: 38px;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px 0 10px;
    text-align: center;
    display: inline-block;
    color: #7B7B7B;
    cursor: pointer;
    border:1px solid #bbb;
}
.questionRandom.On, .questionRandom:hover
{
    background: #fff;
}

.moreanswerCont
{
    position: relative;
}
.moreanswerCont .exclusive
{
    bottom: 12px;
    color: #CCCCCC;
    font-family: arial;
    font-size: 9px;
    font-weight: normal;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: 60px;
    width: 60px;
    cursor: pointer;
}
.moreanswerCont .exclusive.On
{
    color: #2779a2;
}

.battleview ul.questionLength {
	margin:10px 0px;
}

.sponsorbox_two .bluearrow::before, 
.bigbluearrow.customizable::before, .a_survey .bigbluearrow.customizable::before{
    font-family: "wizard-icons-font";
    content: "\e608";
 }
.sponsorbox_two .bluearrow::before { font-size: 19px;}


.bigbluearrow.customizable::before, .a_survey .bigbluearrow.customizable::before {
    font-size: 25px;
    position: relative;
    top: 7px;
}

#wizardSearch #SearchBtn.disabled {
    color: #c3c3c3;
    cursor: default;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
/*DIV#container{ width:571px; height:255px; }
DIV.scroll-pane { position:absolute; width:565px; height:255px; overflow: auto;}*/

 .jspContainer { overflow: hidden; position: relative;}
 .jspPane { position: absolute; }
 .jspVerticalBar { position: absolute; top: 0; left: 328px; height: 100%;
                   background: #fff; width:15px; 
                   border:none; 
                   }
                   
.searchvideo .jspVerticalBar { 
    position: absolute; 
    top: 0; 
    left: 328px; 
    height: 100%;
    background: #fff; 
    width:15px; 
    border:none; 
                   }
                   
                              
 .jspHorizontalBar { position: absolute; bottom: 0; right: 0; width: 100%; height: 15px; background: red; }
 .jspVerticalBar *,  .jspHorizontalBar * { margin: 0; padding: 0; }
 .jspCap { display: none; }
 .jspHorizontalBar .jspCap { float: right; }
 .jspTrack { background: #efefef; position: relative;float: none !important; }

 .jspDrag {
           position: relative; top: 0; /*right: 2px;*/ cursor: pointer;
            width:15px; margin:0px auto;float: none ;
            /*background:#fff url("/Content/images/bg/bgscroll.png") center center no-repeat;*/
            background: #c3c3c3;
            border:none;
             }
 .jspDragTop {  height: 50%; position: relative; top: -2px ;background: none ;}
 .jspDragBottom {  height: 50%; position: relative; top: 2px; background: none ;}

 .jspHover,  .jspActive { }
 .jspHover .jspDragTop,  .jspActive .jspDragTop {  }
 .jspHover .jspDragBottom,  .jspActive .jspDragBottom { }

 .jspHorizontalBar .jspTrack,  .jspHorizontalBar .jspDrag { float: right; height: 100%; }
 .jspArrow {
     text-indent: -20000px;
     display: block; cursor: pointer;margin: 0px;
}
 .jspArrow.jspDisabled { cursor: default; }
 .jspVerticalBar .jspArrow { width:15px;height:0px; }

 .jspArrowUp { background: url("/Content/images/arrows/Followingarrows.png") 3px 0px no-repeat; border:none;}
 .jspArrowUp:active,  .jspArrowUp:focus,  .jspArrowUp:hover { /*background-position: -115px 3px */}
 .jspArrowUp.jspDisabled { /*background-position: -238px 3px */}

 .jspArrowDown {background: url("/Content/images/arrows/Followingarrows.png") 3px -14px no-repeat; border:none;}
 .jspArrowDown:active,  .jspArrowDown:focus,  .jspArrowDown:hover { /*background-position: -145px 4px */}
 .jspArrowDown.jspDisabled { /*background-position: -268px 4px */}

 .jspHorizontalBar .jspArrow { width: 16px; float: right; height: 100%; }
 .jspVerticalBar .jspArrow:focus { outline: none; }
 .jspCorner { background: none ; float: right; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html  .jspCorner { margin: 0 -3px 0 0; }



    /*--*/
.notificationsbox .jspScrollable {}
.notificationsbox .jspContainer
{
	/*overflow: hidden;*/
	position: relative;
	
}
@media all and (-webkit-min-device-pixel-ratio:0) {
.notificationsbox .jspContainer {padding-bottom:25px;}
}

.notificationsbox .jspPane {
	position: absolute;
	width: 329px !important;
}

.notificationsbox .jspVerticalBar {
	position: absolute;
	top: 0;
	left: 363px !important;
	width: 8px;
	height: 100%;
    background: transparent;
    border: none;
}

.notificationsbox .jspArrowDown {display:none !important;height:0px !important;}

.notificationsbox .jspArrowUp {display:none !important;height:0px !important;margin: 0;/*position:absolute;left:-190px;top:0px;margin:0px;width:20px;height:20px !important;*/}

.notificationsbox .jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: red;
}

.notificationsbox .jspVerticalBar *,
.notificationsbox .jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.notificationsbox .jspCap {
	display: none;
}

.notificationsbox .jspHorizontalBar .jspCap {
	float: left;
}

.notificationsbox .jspTrack {
	background: transparent;
	position: relative;
}
.notificationsbox .jspDragTop {
    display: none;
}
.notificationsbox .jspDragBottom {
    display: none;
}
.notificationsbox .jspDrag {
	background: #828282;
	opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	display:none;
}

.notificationsbox .jspHorizontalBar .jspTrack,
.notificationsbox .jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.notificationsbox .jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.notificationsbox .jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.notificationsbox .jspVerticalBar .jspArrow {
	height: 0px;
}

.notificationsbox .jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.notificationsbox .jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.notificationsbox .jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

* html .notificationsbox  .jspCorner
{
	margin: 0 -3px 0 0;
}






/*--*/
.PopUpFollowContainer .jspContainer { overflow: hidden; position: relative;}
.PopUpFollowContainer .jspPane { position: absolute; }
.PopUpFollowContainer .jspVerticalBar { position: absolute; top: 0; left: 525px !important; height: 100%;
                   background: #fff; width:24px !important; 
                   border:none !important;
                   border-left:1px solid #e2e2e2 !important; 
                   }
                   
.PopUpFollowContainer .jspHorizontalBar { position: absolute; bottom: 0; right: 0; width: 100%; height: 16px; background: red; }
.PopUpFollowContainer .jspVerticalBar *, .PopUpFollowContainer .jspHorizontalBar * { margin: 0; padding: 0; }
.PopUpFollowContainer .jspCap { display: none; }
.PopUpFollowContainer .jspHorizontalBar .jspCap { float: right; }
.PopUpFollowContainer .jspTrack { background: #fff; position: relative;float: none !important; }

.PopUpFollowContainer .jspDrag { /*background:#4aa1c3; */
           position: relative; top: 0; right: 0px; cursor: pointer;
            width:15px; margin:0px auto;float: none !important;
            /*background:#fff url("/Content/images/bg/bgscroll.png") center center no-repeat;*/
            background:#36ade9;
            border:none !important;
           /* max-height:150px;*/
             }
.PopUpFollowContainer .jspDragTop {  height: 50%; position: relative; top: -2px ;background: none !important;}
.PopUpFollowContainer .jspDragBottom {  height: 50%; position: relative; top: 2px; background: none !important;}

.PopUpFollowContainer .jspHover, .PopUpFollowContainer .jspActive { /*background:#2f7c9a; */}
.PopUpFollowContainer .jspHover .jspDragTop, .PopUpFollowContainer .jspActive .jspDragTop {  }
.PopUpFollowContainer .jspHover .jspDragBottom, .PopUpFollowContainer .jspActive .jspDragBottom { }

.PopUpFollowContainer .jspHorizontalBar .jspTrack, .PopUpFollowContainer .jspHorizontalBar .jspDrag { float: right; height: 100%; }
.PopUpFollowContainer .jspArrow {
     /*background: none !important;*/ text-indent: -20000px;
     display: block; cursor: pointer;margin: 0px !important;
    
}
.PopUpFollowContainer .jspArrow.jspDisabled { cursor: default; }
.PopUpFollowContainer .jspVerticalBar .jspArrow { width:18px;height:13px; }

.PopUpFollowContainer .jspArrowUp { background: url("/Content/images/arrows/Followingarrows.png") 3px 0px no-repeat; border:none;}
.PopUpFollowContainer .jspArrowUp:active, .PopUpFollowContainer .jspArrowUp:focus, .PopUpFollowContainer .jspArrowUp:hover { /*background-position: -115px 3px */}
.PopUpFollowContainer .jspArrowUp.jspDisabled { /*background-position: -238px 3px */}

.PopUpFollowContainer .jspArrowDown {background: url("/Content/images/arrows/Followingarrows.png") 3px -14px no-repeat; border:none;}
.PopUpFollowContainer .jspArrowDown:active, .PopUpFollowContainer .jspArrowDown:focus, .PopUpFollowContainer .jspArrowDown:hover { /*background-position: -145px 4px */}
.PopUpFollowContainer .jspArrowDown.jspDisabled { /*background-position: -268px 4px */}

.PopUpFollowContainer .jspHorizontalBar .jspArrow { width: 16px; float: right; height: 100%; }
.PopUpFollowContainer .jspVerticalBar .jspArrow:focus { outline: none; }
.PopUpFollowContainer .jspCorner { background: none !important; float: right; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .PopUpFollowContainer .jspCorner { margin: 0 -3px 0 0; }


#commentStreamPlaceHolder .jspVerticalBar {
    right: 0px;
    left: inherit;
}

@media screen and (max-width:667px) {
    .notificationsbox .jspPane {
	    position: absolute;
	    width: 100% !important;
    }
}
.boldGray
{
    color: #999 !important;
    font-weight: bold;
}

.pollWidgetTimeDiff
{
    font-size: 11px;
    color: #9a9a9a;
    font-weight: bold;
}

.vote
{
    height: 50px;
    cursor: pointer;
    position: relative;
    padding: 3px 0px 3px 0;
    font-size: 16px;
    color: #646464;
    overflow: hidden;
}
.vote .checkerSingle, .vote .checker
{
    padding: 0 0 0 20px;
    float: left;
}
#ResultsView .resultsVoteContainer {   
    padding-left: 13px;
    position: relative;
    clear: both;
}
#ResultsView .vote {
    height: 25px;
    cursor: default;
    position: relative;
    padding: 0px;
    font-size: 16px;
    color: #646464;
    overflow: hidden;
    position: relative;
    background: #F2F2F2;
    border: none;
    margin-top: 11px;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    width: 568px;
    display: inline-block;
}
#ResultsView .withMedia .vote {
    width: 515px;
}


#ResultsView {
    padding-top: 5px;
}

#ResultsView .poll_vote {
    padding-bottom: 15px;
    padding-top: 4px;
    display: flex;
    flex-direction: column;
}
#ResultsView .votesPercent {
    width: 48px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    height: 21px;
    padding-top: 5px;
    overflow: hidden;
    margin-left: 18px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    vertical-align: top;
    margin-top: 10px;
    font-family :Arial;
}
#ResultsView .answerImageContainer {
    display: inline-block;
    float: right;
    position: relative;
}
#ResultsView .withMedia .votesPercent {
    margin-left: 10px;
}
table.vote tr td {
    color: #646464;
    font-size: 18px;
    vertical-align: middle;
}
table.vote tr td.answer-media {
    position: relative;
}
table.vote td.answer-media .zoom-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;    
    display: none;
}

.vote img.AnswerImg
{
    border: 1px solid #bebebe;
    float: right;
    margin-right: 10px;
    border: 1px solid #b9b9b9;
    height: 50px;
}
.vote div.pollWidgetAnswerText
{
    display: blue-cell;
    height: 55px;
    padding-left: 5px;
}
.vote p
{
    vertical-align: middle;
    font-size: 16px;
}
.vote input
{
    float: left;
    margin: 10px 10px 0px 0px;
    width: 20px;
    height: 20px;
    border: 3px solid #a3a2a2;
    background: #fff;
}

.mycontentpage #ResultsView .vote {
    width: 405px;
}
.mycontentpage #ResultsView .votesPercent {
    margin-left: 10px;
}
.mycontentpage .right_vote {
    display: none;
}
.mycontentpage .sidesholder .infographics_line .infographicsbtn {
    margin-left: 0 !important;
}
.mycontentpage .i_vote.resultPollWidget {
    right: 13px !important;
}
.mycontentpage #ResultsView .withMedia .vote {
    width: 341px !important;
}
.mycontentpage #ResultsView .withMedia .pollResultsWidgetAnswerText {
    width: 341px !important;
}
.withMedia .sidesholder .pollResultsWidgetAnswerText {
    width: 341px !important;
}

.pollAnswerTxt
{
    color: #a1a1a1;
    font-size: 14px;
    font-weight: bold;
}

.topicBodyTxt, .topicBodyTxt a, .topicBodyTxt a:link, .topicBodyTxt a:visited, .topicBodyTxt a:hover
{
    color: #989898;
    font-weight: normal;
    font-size: 14px;
}



.PollQuestionTxt
{
    color: #333 !important;
    font-size: 16px;
    margin-top: -1px;
}


.weight21
{
    font-size: 21px !important;
    font-weight: bold;
}

.PollQuestionTxt:hover
{
    color: #989898 !important;
}

.CommentsPlace
{
  
    margin-bottom: 0px;
    margin-left: 70px;
    clear: both;
}


.p_comment .CommentsPlace .OpinionReplyDiv
{
    padding: 10px;
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
}
.OpinionReplyDiv span
{
    color: #A5A5A5;
    font-size: 12px;
}
.p_comment .CommentsPlace .OpinionReplyDiv:first-child
{
    padding-top: 0px;
    border-top: 0px solid #D8D8D8;
}


.p_comment .CommentsPlace .OpinionReplyDiv:last-child
{
    padding-bottom: 0px !important;
}


.CommentsListSeeMore
{
    height: 50px;
    display: none;
    width: 100%;
}

.commentBody
{
    margin-top: -1px;
    font-size: 15px;
    color: #666;
    padding-right: 10px;
}

.right_vote
{
    float: right;
    padding: 0px 20px 0px 20px;
    min-height: 51px;
}
.right_vote .i_vote
{
    margin: 13px 0px 0px 0px;
}

.pollWidgetCloseAnswer
{
    cursor: pointer;
    display: none;
    background-color: black;
    z-index: 2000;
    color:#000;
    font-size:12px;
    text-align: center;
    background:#fff;
    width: 14px;
    line-height: 12px;
    height: 14px;
    border:1px solid #ccc;
    position: absolute;
    right: -8px;
    top: -8px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.i_vote .voteBtn, .i_vote .blueVote
{
    float: left !important;
}

.containerForFadeOut
{
    height: 0px;
    overflow: hidden;
}

.voteBtn.blue
{
    background: #5badd6; 
    color: white;
}
.voteBtn:hover
{
    background-color: #ff8717;
    color: white;
}

.voteBtn
{
    text-align: center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    height: 22px;
    line-height: 23px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background-color: #5badd6;
    padding: 0px 15px;
    min-width: 40px;
}

.voteBtnlight
{
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    line-height: 22px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background-color: #38bff3;
    padding: 5px 15px;
    font-weight:bold;
    font-size:14px;
}

.poll_vote
{
    border-top: 1px solid #D5D5D5;
    clear: both;
}

.WidgetContainerSpan .i_vote .ajaxHolder  {
    position: relative;
    bottom: 6px;
}

.i_vote
{
    background: #ebebeb;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    padding: 0px;
    height: 22px;
    float: right;
    margin: 0px 17px 13px 5px;
}
.i_vote_container {
    float: right;
    height: 45px;
}

.wizardCategoriesToolTip
{
    width: 40px;
    height: 20px;
    background: url('/Content/images/catToolTip.png');
}


.s_silver_button
{
    background: url(/Content/images/yellowButtonBg.png) repeat-x;
    padding: 0px 9px 0px 9px;
    line-height: 25px !important;
    height: 23px !important;
    border: none !important;
    text-align: center;
    font-size: 14px !important;
    color: #666666 !important;
    font-weight: bold;
    cursor: pointer;
    border-radius: 10px;
}
.s_silver_button:hover
{
    color: #333;
}

.voteText
{
    margin-left: 16px;
    font-size: 12pt;
    color: #666666;
    cursor: pointer;
}
#currentVotesSpan
{
    font-size: 9pt;
    margin-left: 15px;
    cursor: default;
}
#voteBtnDiv
{
    font-weight: bold;
    background-image: url(/Content/images/NGIcons/greyVoteBtn.png);
    float: right;
    margin-right: 30px;
    margin-bottom: 10px;
    width: 140px;
    height: 30px;
    background-repeat: no-repeat;
    padding-top: 4px;
}
#voteBtnDiv :hover
{
    color: #006da3;
}

.answersAggregateSpan
{
    padding-top: 3px;
}

div.BattleVsOverlay {
    background: url('/Content/images/smallVsOverlay.png') center center no-repeat;
    position: absolute;
    top: 0;
    height: 107px;
    width: 157px;
    left: 0;
}

div.playVideoOverlay {
    background: rgba(0, 0, 0, 0.4) url(/Content/images/VideoPlay.png) center center no-repeat;
    position: absolute;
    top: 3px;
    height: 100px;
    width: 150px;
    left: 3px;
}

img.playVideoOverlay {
    position: absolute;
    margin-top: 14px;
    right: 35px;
    height: 25px;
    z-index: 1;
}

#ResultsView img.playVideoOverlay {
    cursor: pointer;
    right: 27px;
    top: 12px;
    margin-top: 0;
}

.WidgetContainerSpan .smallpicWrapper, .questionfound .smallpicWrapper {
    width: 150px;
    margin: 10px 15px 0px 0px;
    width: 158px;
    padding-bottom: 8px;
    float: right;
    background: url(/Content/images/bg/shadow-small-pic.png) center bottom no-repeat;
}

.WidgetContainerSpan .smallpicWrappernobg {
    margin-top: 10px;
    padding-bottom: 8px;
    float: right;
}

.closeoption {
    background: #ebebeb !important;
    border: 1px solid #c6c6c6;
    padding: 5px 10px 10px 10px;
    -webkit-box-shadow: #93a3a9 1px 1px 2px;
    box-shadow: #93a3a9 1px 1px 2px;
    -moz-box-shadow: #93a3a9 1px 1px 2px;
    width: 250px;
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 90;
}

.closeoption .changePrivacy
{
    color: #323232;
    cursor: pointer;
}

.closeoption .changeDuration {
    cursor: default;
}

.closeoption a, .closeoption span
{
    display: block;
    color: #737373;
    font-size: 12px;
    color: #323232;
    border-bottom: 0px solid #cecece;
    cursor: pointer;
}

ul.closeoptionLength
{
    float: left;
    margin: 10px 0px 0px 0px;
    float: left;
    list-style-type: none;
    overflow: hidden;
    display: block;
    border: 2px solid #989898;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 24px;
}
ul.closeoptionLength li
{
    float: left;
    border-right: 1px solid #989898;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 10px;
    text-align: center;
    display: block;
    color: #787878;
    background: #E4E4E4;
}
ul.closeoptionLength li.first
{
    color: #464646;
    font-weight: bold;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background: #c2c2c2 url(/Content/images/newiconssprite.png) center -23px no-repeat;
}
ul.closeoptionLength li.last
{
    border-right: 0px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
ul.closeoptionLength li.On
{
    background-color: #F7F7F7;
}
ul.closeoptionLength li:hover
{
    background-color: #F7F7F7;
}

ul.closeoptionLength li.first:hover
{
    background: #c2c2c2 url(/Content/images/newiconssprite.png) center -23px no-repeat;
}

.systemclose
{
    background: url(/Content/images/sprite2.png) -64px -410px no-repeat;
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 24px;
    height: 24px;
    z-index: 91;
    cursor: pointer;
}
    .systemclose:hover {background-position:-39px -410px}
.WidgetContainerSpan .closeWidget, .WidgetContainerSpan .WidgetIsClosed
{
    background-color: #ccc;
    padding: 2px 7px 2px 8px;
    float: left;
    clear: left;
    margin-top: 5px;
    color: #fff;
    margin-bottom: 10px;
}

.WidgetContainerSpan .WidgetIsClosed
{
    background: #39c !important;
    float: left;
    font-size: 15px;
    color: #fff;

}
.WidgetContainerSpan .WidgetIsClosed span
{
    display:none;
}

.WidgetContainerSpan .closeWidget a
{
    color: #fff;
    cursor: pointer;
}

.WidgetContainerSpan .bigpicWrapper
{
    text-align: center;
    clear: both;
    margin-bottom: 20px;
}


.WidgetContainerSpan .bigpicWrapper.myVideoContWrp .battleImgContainer {
    height: 200px;
}

.WidgetContainerSpan .bigpicWrapper.myVideoContWrp.big-video {
    margin-bottom: 0;
}

.WidgetContainerSpan.ThumbsWidget  .bigpicWrapper.myVideoContWrp {
    background-color: #212121;
}

.WidgetContainerSpan .bigpic
{
    padding: 10px;
    border: 1px solid #dadada;
    margin-top: 10px;
    text-align: center;
}

.WidgetContainerSpan .bigPicFrame {
    text-align: center;
    margin: 10px auto 20px auto;
    clear: both;
    padding: 5px;
    display: inline-block;
    position: relative;
}

.WidgetContainerSpan .bigPicFrame .zoom-wrapper {
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 15px);
    top: 5px;
    left: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;        
    display: none;
}
.WidgetContainerSpan.ThumbsWidget .bigPicFrame .zoom-wrapper {
    height: calc(100% - 12px);
}
 table.vote td.answer-media .zoom-wrapper, .answerImageContainer .zoom-wrapper {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.5);     
     display: none;
 }

.zoom-wrapper .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.WidgetContainerSpan .widget-zoom-icon {
    color: #fff;
    font-size: 30px;
}
table.vote td.answer-media .widget-zoom-icon {
    font-size: 18px;
}

.WidgetContainerSpan .big-video .bigPicFrame
{   
    margin: 10px auto 10px auto;
}

.WidgetContainerSpan .bigPicFrame img
{
    border: 1px solid #dadada;
}

.WidgetContainerSpan .bigpic img
{
    background: #fff;
    float: none;
    border-width: 0px !important;
    margin: 0px;
}

#answersAggregateSpan span
{
    color: #a1a1a1;
    font-size: 12pt !important;
    margin-left: 10px;
}

.dateOpenedSpan
{
    margin-left: 10px;
}

.pollWidgetAnswerText
{
    padding-top: 10px;
    color: #646464;
    font-size: 14pt;
}

.WidgetContainerSpan {
    position: relative;
    clear: both;
}
.mycontentpage .WidgetContainerSpan {
    float:left;
    width:100%;
}
.WidgetContainerSpan div.voteInfoHolder {
    float: left;
    margin-left: 5px;
    text-align: center;
    margin-right: 5px;
    min-width: 70px;
    line-height:21px;
}
.answerTxtDiv {
    font-weight: bold;
    font-size: 16px;
    color: #646464;
}

.g_close {
    background: url(/Content/images/sprite2.png) -7px -873px no-repeat;
    width: 19px;
    cursor: pointer;
    height: 21px;
    text-indent: -9999px;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
}

.btn-follow-content {
    position: absolute;
    right: 30px;
    top: 20px;    
    text-transform: uppercase;
    background: transparent;
    padding: 3px 10px;
    font-family: 'Roboto';
    font-size: 11px;
    font-weight: bold;
    border-radius: 11px;
    min-width: 81px;
    cursor: pointer;
}
.btn-follow-content.follow-content {
    border: 2px solid #009dd1;    
}
.btn-follow-content.unfollow-content {
    border: 2px solid #3d3d3d;
}
.btn-follow-content.follow-content .follow-text {
    display: inline-block;
    color: #009dd1;    
}
.btn-follow-content.follow-content .unfollow-text {
    display: none;
}
.btn-follow-content.unfollow-content .follow-text {
    display: none;
}
.btn-follow-content.unfollow-content .unfollow-text {
    display: inline-block;
    color: #3d3d3d;
}

/*  SOCIAL RULER */

.infographics_line .right_a .SocialRulerTextButton
{
    font-size: 19pt;
    color: #c8c8c8;
    float: left;
}

.infographics
{
    padding: 10px;
    color: #fff;
    background: #414242 url(/Content/images/bg/bg_infographics.jpg) repeat-x;
    min-height: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0px 0px 20px 0px;
}

.infographics_line
{
    height: 51px
    padding: 0px 10px 0px 0px;
    margin: 0px;
    border-bottom: 0px solid #d3e4eb;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.infographics_line div.right_a
{
    width: 175px;
    padding: 7px 0px 10px 15px;
    height: 29px;
    text-align: center;
    float: right;
    background: url(/Content/images/marker.png) no-repeat;
}
.infographics_line div.right_a a
{
    text-indent: 0px;
}

.infographics_line div.right_a .pollImg
{
    margin-top: 3px;
    background: url(/Content/images/sprite.png) -15px -413px no-repeat;
    width: 20px;
    height: 20px;
    float: right;
}
.infographics_line .iconsContainer
{
    position: relative;
    float: left;    
}
.infographics_line .iconsContainerBox
{
    position: relative;
    float: left;   
    padding-left: 10px;
}
.infographics_line .iconsContainer a,
.infographics_line .iconsContainer > div,
 .infographics_line .iconsContainer .saved
{
    float: left;margin-right:10px;cursor:pointer;
}

.mycontentpage .iconsContainer a,
.mycontentpage .infographics_line .iconsContainer > div,
.mycontentpage .infographics_line .iconsContainer .saved {
    margin-right: 5px;
}

.infographics_line div.right_a:hover .pollImg
{
    background: url(/Content/images/sprite.png) -15px -388px no-repeat;
}

.infographics_line div.right_a a:hover
{
    color: #8c8c8d;
    background-position: 103px -390px;
}

.infographics_line div.right_a.nextPoll, .infographics_line div.right_a.nextTopic
{
    display: none;
}

.infographics_line a, .infographics_line .saved
{
    display: inline-block;
    height: 25px;
    text-indent: -9999px;
    position: relative;
}

.infographics_line a.facebook
{
    background: url(/Content/images/social_icons.png) -23px 2px no-repeat;
    width: 15px;
}
.infographics_line a.facebook:hover,
.infographics_line a.facebook.on
{
    background-position: -23px -25px;
}

.infographics_line a.twitter
{
    background: url(/Content/images/social_icons.png) 0px 2px no-repeat;
    width: 15px;
}
.infographics_line a.twitter:hover, .infographics_line a.twitter.on
{
    background-position: 0px -25px;
}

.infographics_line .saved
{
    background: url(/Content/images/social_icons.png) -48px 2px no-repeat;
    width: 20px;
}
.infographics_line .saved:hover, .infographics_line .saved.on
{
    background-position: -48px -25px;
}

.infographics_line a.abusive
{
    width: 15px;
    margin-right: 10px;
    background: url(/Content/images/social_icons.png) -146px 2px no-repeat;
}
.infographics_line a.abusive:hover
{
    background-position: -146px -25px;
}

.infographics_line a.contact
{
    background: url(/Content/images/social_icons.png) -80px 2px no-repeat;
    width: 26px;
}
.infographics_line a.contact:hover, .infographics_line a.contact.on
{
    background-position: -80px -25px;
}

.infographics_line .plus,
.socialRuler .plus
{
    position: relative;
    height: 25px;
    background: url(/Content/images/social_icons.png) -118px 2px no-repeat;
    width: 19px;
}
.infographics_line .plus:hover {
	  background-position: -118px -25px;
}

.infographics_line a.infographicsbtn_small {
    background: url("/Content/images/sprite.png") no-repeat scroll -16px -411px transparent;
    width: 19px;
}
.infographics_line a.infographicsbtn_small:hover {
    background-position: -16px -437px;
}
.PollPageFlag .infographics_line a.infographicsbtn_small {
    display: none !important;
}

.copy-to-clipboard.hint-text-wrap {
    position: relative;      
    width: 18px;
    margin-right: 10px;
}
.copy-to-clipboard a {
    width: 20px;
    text-indent: initial;
    text-decoration: none;
    margin-right: 0px !important;
}
.copy-to-clipboard span.copy {
    font-size: 18px;
    color: #7C7C7C;
    display: inline-block;
    padding-top: 5px;
}
.copy-to-clipboard span.copy:hover {
    color: #434343;
}
.ThumbsWidget .copy-to-clipboard span.copy, .BattleWidget .copy-to-clipboard span.copy { color: #fff; }
.ThumbsWidget .copy-to-clipboard span.copy:hover, .BattleWidget .copy-to-clipboard span.copy:hover { color: #fff; }

 .embedtooltip {
	display: none;
    position: absolute;
    left: -113px;
    top: -75px;
    text-align: left;
    z-index: 1001;
    color: white !important;
    width: 315px;
    height: 70px;
    line-height: 17px;
    padding: 0px 0px 7px 0px;
    font-size: 11px;
    background: url('/Content/images/embedTooltip.png') 0px 0px no-repeat;
}

.s_follow_icons  .embedtooltip {
    height: 60px;
    padding-top:10px;
    left:-110px;
     top: 30px;
    background: url('/Content/images/embedTooltip2.png') 0px 0px no-repeat;
}


.embedtooltip td {
    text-align: left;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
    width: 250px;
    height: 65px;
    padding-left: 60px;
}


.infographics_line a.pollImg
{
    background: url(/Content/images/sprite.png) -16px -410px no-repeat;
    width: 19px;
}
.infographics_line a.pollImg:hover
{
    background-position: -16px -436px;
}

/*  */

.g_close:hover
{
    background-position: -29px -660px;
}

a.pollStreamClose
{
    background: url(/Content/images/sprite.png) -8px -100px no-repeat;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    display: none;
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.numofresults
{
    width: 62px;
    height: 25px;
    background: #9dbdcd;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 25px;
    margin:0 1px 0 0;
    position:relative;
}
.answerVotingGraph
{
    height: 26px;
    float: left;
    display:block;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    width: 0;
}

#ResultsView .rowColor0 { background-color: #8ac6d7; }
#ResultsView .rowColor1 { background-color: #7fc7af; }
#ResultsView .rowColor2 { background-color: #ff9e9d; }
#ResultsView .rowColor3 { background-color: #f5d76f; }
#ResultsView .rowColor4 { background-color: #9edbcd; }
#ResultsView .rowColor5 { background-color: #b6bce3; }
#ResultsView .rowColor6 { background-color: #ffbc80; }
#ResultsView .rowColor7 { background-color: #f9a6cf; }
#ResultsView .rowColor8 { background-color: #cda969; }
#ResultsView .rowColor9 { background-color: #bfde62; }

.pollResultsWidgetAnswerText
{
    float:left;
    height:26px;
    position: absolute;
    top: 0;
    left: 13px;
    text-align:left;
    width: 565px;
}
.withMedia .pollResultsWidgetAnswerText {
    width: 515px;
}
.sidesholder .pollResultsWidgetAnswerText
{
    width:402px;
}
.pollResultsWidgetAnswerText td
{
    font-family: Arial;
    vertical-align: middle;
}
.pollResultsWidgetAnswerText td.voteTitle {
    font-family: Arial;
    color: #303030;
    font-size: 14px;
    vertical-align: middle;
}
.pollResultsWidgetAnswerText td.votesNum {
    font-size: 13px;    
    color: #6C6C6C;
    width: 75px;
}

/* the overlayed element */
.overlay
{
    /* must be initially hidden */
    display: none; 
    background-color: White;
    padding: 30px;
    position:relative;
    border: 1px solid #666;
}

/* close button positioned on upper right corner */
.overlayWrpTemp {
    top:200px;
    left:35%;
    text-align: center;
}


.overlayImgWrapper.Video {
    width: 400px;
}

.overlayImgWrapper.Video.big-video {
    width: 625px;
}

.overlayWrpTemp .close
{
    background-image: url(/Content/images/close.png) !important;
    position: absolute;
    right: -30px;
    top: -14px;
    cursor: pointer;
    height: 45px;
    width: 45px;
    background-repeat: no-repeat;
    font-size: 0px;
    z-index:10000;
}

.answerOverlayText
{
    text-align: left;
    font-size:20px !important;
    color:#555 !important;
}
.answerOverlayText.Video {
    width: 400px;
}
.answerOverlayText.Image {
    width: 220px;
}

.overlayAnswerImg {
    border: 1px solid #dadada;
}

#widgetListSpan .overlayImgWrapper {
    padding: 5px;
    text-align: center;
    border: 1px solid #dadada;
}

#widgetListSpan .overlay {
    color: #646464;
    font-size: 15pt;
}

#widgetListSpan .answerOverlayText {
    width: 415px;
}


.widgetsSeperatorLine {
    width: 100%;
    height: 7px;
    clear:both;
}
.widgetListSpanFirstItem {
    float:left;
}
#pollImgSpan {
    vertical-align: middle;
    height: 100px;
    cursor: pointer;
    padding: 3px;
    border: 1px solid #d9d9d9;
    width: 150px;
    text-align: center;
    position: relative;
}

.BattleWidget .imgContainer {
    width: 50%;
    height: 100%;
    overflow: hidden;
    float: left;
}

.BattleWidget .imgContainer img {
    max-width: none !important;
    max-height:none !important; 
}

#pollImgSpan img {
    max-width: 150px;
    max-height: 100px;
    border-width: 0px;
    margin-bottom: -6px;
}

#pollImgSpan img.video {
    width: 150px;
    height: 100px;
}


.openPollMainImg {
    padding: 10px;
    border: 1px solid #aeaeae;
    float: left !important;
    max-width: inherit !important;
    height: 300px;
    width: 390px;
    margin-top: 15px;
}

.OpenTopicWidgetBodyTxt {
    clear: left;
    padding: 5px 0px 10px 0px;
    font-size: 15px;
    color: #666;
}

.OpenTopicWidgetBodyTxt.big-video {
    padding: 10px 38px 20px;
}

.opinionFbSharingImg {
    background: url(/Content/images/fbSmallIcon.png) no-repeat;
}

.opinionTwitterSharingImg {
    background: url(/Content/images/twitterSmallIcon.png) no-repeat;
    margin-left: 10px;
}

.opinionListSideVerticalTxt {
    display: none;
    font-size: 27px;
    height: 30px;
    float: left;
    width: 68px;
    height: 50px;
}

.greystylefirst {
    background:#ebebeb;
}
.opinionplace {
    clear: both;
    padding: 10px 20px 10px 20px;
    overflow: hidden;
}
.opinionplace.closed {
    padding: 0px;
    height: 0px;
}
.opinionplace input[type=text], .opinionplace textarea {
    border: 1px solid #D4D4D4;
    color: #B9B9B9;
    font-size: 16px;
    font-family: arial;
    height: 30px;
    line-height:30px;
    margin: 5px auto;
    padding: 0px 10px;
    width: 97%;
    display: block;
}

.p_commentPlaceHolder .opinionplace textarea {
    width: 81% !important;
}

.opinionplace.closed input[type=text], .opinionplace.closed textarea {
    display: none;
}

.bluestylefirst {
    background: #36ade9;
    padding: 15px 20px;
    overflow: hidden;
}
.bluestylefirst input, .bluestylefirst textarea {
    width: 81% !important;
    margin: 0 auto  !important;
    color: #b9b9b9;
    font-size: 16px;
    line-height: 30px;
    background-color: white;
    font-family: Arial;
    display:inline-block;
    float: left;
}
.bluestylefirst .voteBtn {
    float: right;
    margin: 0px;
    position: relative;
    padding: 0px 10px;
    border: 1px solid #70c5ef;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: none;
    text-transform: uppercase;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.bluestylefirst .voteBtn:hover {
    border:1px solid #bbe4f9;
}

.blueInputHolder {
    background: #36ade9;
}

.p_commentPlaceHolder {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 0px 0px;
    line-height: 17px;
    padding-left: 0px;
}

.p_comment .opinionplace .g_close {
    top: -1px;
}

.p_commentPlaceHolder .p_comment {
    position: relative;
    border-top: 1px solid #D8D8D8;
    overflow: hidden;
    color: #494949;
    font-size: 12px;
    line-height: 20px;
    padding: 15px 0px 0px 12px;
}

.p_commentPlaceHolder .p_comment:first-child {
    border-top: 0px solid #efefef;
}

.p_commentPlaceHolder .p_comment:last-child {
    border-bottom: 1px solid #D8D8D8;
}

.p_comment img {
    float: left;
    max-width: 35px;
    margin: 0px 10px 0px 0px;
}

.p_comment h4, .youdata h4 a, .bottomOfOpinionWidget h4 a {
    font-size: 16px;
    font-family:Arial;
    display: inline;
    font-weight:bold;
}

.bottomOfOpinionWidget h4 .see_more_Opinions {
    font-weight: bold;
    color: #3399cc;
    font-size: 16px;
    padding: 15px;
    cursor: pointer;
}

.p_comment a.CommentText h4 {
    font-size: 14px;
    font-weight: bold;
    color: #39c;
}
.p_comment h5, .p_comment a.CommentText {
    display: inline;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.p_comment a.CommentText
{
    color: #39c;
}

.p_comment .CommentContainer span {
    position: relative;
    top: -1px;
}

.p_comment
{
    overflow: hidden;
}
.p_comment p
{
    font-size: 15px;
}
.p_comment p a
{
    color: #3399cc;
    font-size: 10px;
    margin: 0px 5px;
}
.p_comment p a:hover
{
    color: #0d5d85;
}
.p_comment div.p_comment
{
    margin: 0px 30px 0px 60px;
}
.p_comment a.see_more
{
    float: right;
    display: block;
    margin: 15px;
    color: #3399cc;
    font-size: 10px;
}
.p_comment a.see_more:hover
{
    color: #0d5d85;
}
.p_comment div.opinionplace
{
    width: 84%;
    padding: 0px;
    float: right;
    margin-top: 5px;
}
.p_comment div.opinionplace input
{
    width: 100%;
}

.pollWidgetClosedFirstAnswer
{
    float: left;
    margin-left: 8px;
    list-style-type: none;
}

.pollWidgetClosedotherAnswer
{
    float: left;
    margin-left: 25px;
}

.TopicWidget .right_vote
{
    display: none;
}

.i_vote.openPollWidget
{
    margin: 0px;
    position: relative;
    right: 10px;
    top: 12px;
    z-index: 8;
    overflow: visible;
}



.SponsoredStripContainer .verticalBorder
{
    width: 100%;
    background-color: #d3e4eb;
    height: 5px;
    float: left;
    clear: both;
}

.textHolder .startlink
{
    display: inline-block;
    padding: 1px 10px;
    float: right;
    margin: 20px 10px 0px 0px;
    background: #c6d9e1;
    border-top: 1px solid #a8b7be;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.textHolder .startlink a
{
    color: #1d1c1c;
    font-size: 11px;
}

.textHolder .startlink:hover
{
    background: #409fcf;
    border-top: 1px solid #4e91b2;
    color: #fff;
}

/*--*/
.minheight120
{
    min-height: 120px;
}

.infographics_line .SocialRulerAddFavorite
{
    position: relative;
}

.startBlueBtn
{
    color: #1D1C1C;
    font-size: 11px;
    padding: 1px 10px;
    position: absolute;
    right: 0px;
    bottom: 5px;
    margin: 20px 10px 0 0;
    background: #C6D9E1;
    border-top: 1px solid #A8B7BE;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
}

.pollResAnswerImg
{
    border: 1px solid #b9b9b9;
    width: 70px;
    height: 50px;
}
#ResultsView .pollResAnswerImg {
    width: 50px;
    height: 38px;
    margin: 3px 13px 0 0;
    cursor: pointer;
}
div.secondReplyButton 
{
    float: left;
    width: 100%;
    display: none;
    background: #eaeaea;
    text-align: right;
    padding: 10px 0px 10px 0px;
    border-width: 2px 0px 2px 0px;
    border-color: #DADADA;
    border-style: solid;
}

div.secondReplyButton .voteBtn {
    margin-right: 10px;
}

.num_of_vote_holder {
    display: none;
    margin-top: 15px;
}

.indexOverlay
{
    z-index:9999 !important;
}

/* MODERATOR PANEL */

   .ModeratorPanelContainer
    {
        padding: 10px 0px;
        background-color: #dcdcdc;
        float: left;
        width: 100%;
    }
    
    .ModeratorPanelContainer .ModeratorIconsContainer
    {
        float: left;
        margin-right: 8px;
        margin-left: 10px;
    }
    
    .ModeratorPanelContainer .ModeratorReasonContainer
    {
        display: none;
        float: right;
    }
    
    .ModeratorPanelContainer .ModeratorSubCatContainer
    {
        display: none;
        float: right;
    }
    
    .ModeratorPanelContainer .ModeratorAddToPopularContainer
    {
        display: none;
        float: right;
    }

    .ModeratorPanelContainer .ModeratorRankUpContainer
    {
        display: none;
        float: right;
    }
    
    .ModeratorPanelContainer .ModeratorIconsContainer .icon
    {
        float: left;
        background-color: #bfbfbf;
        width: 18px;
        height: 18px;
        margin-right: 4px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-image: url('/Content/images/moderatorSprites.png');
    }
    
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.On {
        cursor: default;
    }
    
    .ModeratorPanelContainer .ModeratorIconsContainer .icon:hover, .ModeratorPanelContainer .ModeratorIconsContainer .icon.this
    {
        background-color: #5badd6;
    }
    
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.On
    {
        background-color: orange;
    }
    
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.plus
    {
        background-position: 4px 0px;
    }
    
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.minus
    {
        background-position: -17px 0px;
    }
    
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.bang
    {
        display: none;
        background-position: -39px 0px;
    }
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.block
    {
        background-position: -61px 0px;
    }
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.x
    {
        background-position: -80px 0px;
    }
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.pencil
    {
        display: none;
        background-position: -100px 0px;
    }
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.arrow
    {
        background-position: -121px 0px;
    }
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.arrows
    {
        background-position: -142px 0px;
    }
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.circle
    {
        background-position: -163px 0px;
    }    
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.bars
    {
        background-position: -185px 0px;
        display: none;
    }
    .ModeratorPanelContainer .ModeratorIconsContainer .icon.arrowUp
    {
        background-position: -203px 0px;
    }
    
    .ModeratorPanelContainer .reasonSelect, .ModeratorPanelContainer .subCatSelect, .ModeratorPanelContainer .rankupSelect
    {
        margin: 0px;
        padding: 0px;
        width: 140px;
        margin-right: 8px;
        padding: 1px 0px 1px 0px;
        color: #646464;
        border: 1px solid #9c9c9c;
        font-size: 10px;
    }
    
    .ModeratorPanelContainer .addCommentTextBox
    {
        width: 175px;
        margin: 0px;
        font-size: 11px;
        color: #a4a4a4;
        padding: 1px 0px 1px 5px;
        border: 1px solid #9c9c9c;
        padding-left: 5px;
        margin-right: 8px;
    }
    
    .CommentsPlace  .ModeratorPanelContainer .addCommentTextBox {
        width: 140px !important;
    }
    
    .ModeratorPanelContainer .submit
    {
        background-color: #bfbfbf;
        color: #fff;
        padding: 2px 5px;
        font-size: 11px;
        font-weight: bold;
        cursor: pointer;
        margin-right: 10px;
        display: inline;
    }
    
    .ModeratorPanelContainer .submit:hover
    {
        background-color: #5badd6;
    }

/* MODERATOR PANEL */

.ignoreWidgetBtn:hover, .reportWidgetBtn:hover a, .reportWidgetBtn a:hover {
	 color: #666;
}

.WidgetContainerSpan:hover .ignoreWidgetBtn, .WidgetContainerSpan:hover .reportWidgetBtn,
.ignoreWidgetBtn:hover, .reportWidgetBtn:hover
 {
    display: block;
}

.ignoreWidgetBtn, .reportWidgetBtn {
    display: none;
	float: left;
    margin-left: 10px;
    background-color: #EFEFEF;
    color: #999;
    cursor: pointer;
    margin-top:5px;
    width: 50px;
    text-align: center;
}

.reportWidgetBtn a {
    color: #999;
}

.BattleWidget .bigpicWrapper {
    background-color: #212121;
    margin-bottom: 0px;
    position: relative;
}

.battleResultBtn .textLine {
  padding-top: 4px;
color: #212121;
font-size: 16px;
   
}

.opened .battleResultBtn {
	 cursor: pointer;
}

.opened .battleResultBtn .textLine:hover,
.battleResultBtn.On .textLine
 {
color: #878787;

}

.opened .battleResultBtn .textLine:hover .Heart,
.battleResultBtn.On .textLine .Heart {
    background-position: 0px -30px;
}

.battleResultBtn .Heart {
    display: inline-block;
    height: 25px;
    position: relative;
    top: 13px;
}

.battleResultBtn .Heart::before{font-family: "wizard-icons-font";content: "\e609";font-size: 43px;color: #000000;margin: 0 -5px;}

.ThumbsWidget .bigpicWrapper {
    background-color: #212121;
    margin-top: 25px;
    margin-bottom: 0px;
}


.ThumbsWidget.closed .bigpicWrapper,
.BattleWidget.closed .bigpicWrapper {
    margin-top: 55px;
}

.BattleWidget .battleImgContainer {
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.BattleWidget .resultBattleImgContainer,
.BattleWidget .openBattleImgContainer {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.BattleWidget .resultBattleImgContainer {
    cursor: auto;
}

.BattleWidget .resultBattleImgContainer,
.BattleWidget .openBattleImgContainer img {
    margin: 20px auto;
}

.BattleWidget .videoWrapper {
    margin: 20px auto 0 auto;
}

.left-25 {
    left: 25%;
}

.left-75 {
    left: 75%;
}

.BattleWidget .resultBattleImgContainer img.selected,
.BattleWidget .videoWrapper.selected,
.BattleWidget .battleImgContainer.selected {
	  box-shadow: #39c 0px 0px 27px;
    -moz-box-shadow: #39c 0px 0px 27px;
    -webkit-box-shadow: #39c 0px 0px 27px;
}

.BattleWidget .battleMidDivider {
    width: 4%;
    height: 10px;
}


.BattleWidget .battleImgContainer .VoteContainer {
    width: 100%;
    height: 100%;
    background-color: #404040;
    filter: alpha(opacity=70);
    opacity: 0.7;
      display: none;
    position: absolute;
    z-index: 9;
}

.bigPicFrame
.bigPicFrame  .BattleVsOverlay {
    top: 43%;
    left: 44%;
    z-index: 39999;
    
}

.BattleWidget .battleImgContainer .Vote {
    opacity: 1;
    left: 35%;
    top: 30%;
    background: url(/Content/images/bigThumbsUp.png) no-repeat;
    width: 115px;
    height: 120px;
    cursor: pointer;
    position: absolute;
}

.BattleWidget .battleImgContainer:hover .VoteContainer {
    display: block;
}

.BattleWidget .openBattleMidDivider {
    width: 2px;
    background-color: white;
}

.BattleWidget .openBattleImgContainer .voteImg {
    cursor: pointer;
}

.ThumbsWidget  .bottomBar,
.BattleWidget .bottomBar {
clear: both;
text-align: left;
background-color: #2d2d2d;
}

.BattleWidget .bottomBar {

    background-color: #3d3d3d;
    color: #aaa;
    text-align: center;
}

.ThumbsWidget  .bottomBar.opened {
	 padding-bottom: 7px;
}

.ThumbsWidget .bigpicWrapper .bigPicFrame {
    padding: 3px;
    position: relative;
}

.BattleWidget .bigpicWrapper .battleBigPicFrame {
    display: flex;
    flex-direction: row;
}

.ThumbsWidget .votesHolder > div {
    width:40px; height:42px; float:left;padding-top: 3px;
    cursor: pointer;
}

.ThumbsWidget .votesHolder > div::before{ font-family: "wizard-icons-font";font-size: 40px;color: #979797;}
.ThumbsWidget .votesHolder > div.upVote::before{content: "\e60a";}
.ThumbsWidget .votesHolder > div.downVote::before{ content: "\e60b";}

.ThumbsWidget  .votesHolder > div.upVote {
    background-position:0px 0px;
    margin-right:10px;
}

.ThumbsWidget  .votesHolder > div.upVote:hover {
    background-position:0px -97px;
}



.ThumbsWidget  .votesHolder > div.downVote {
     position: relative;
     left: -10px;
}


.ThumbsWidget  .votesHolder > div.downVote:hover {
	   background-position: 0px -146px;
}

.bottomBar .socialRuler > div.socBtn
{
    width: 15px;
    height: 18px;
    float: left;
    cursor: pointer;
    background: url(/Content/images/sharing-toolset_Battle_Thumbs.png);
    background-repeat: no-repeat;
    margin-right: 6px;
}

.bottomBar .socialRuler .mytooltip
{
    left: -32px;
    top: -37px;
}


.bottomBar .socialRuler > div.twitter
{
    background-position: 0px 0px;
}

.bottomBar .socialRuler > div.twitter:hover,
.bottomBar .socialRuler > div.twitter.on
{
    background-position: -101px 0px;
}
                 
                 
.bottomBar .socialRuler  > div.facebook
{
    background-position: -18px 0px;
}
                 
.bottomBar .socialRuler  > div.facebook:hover,
.bottomBar .socialRuler  > div.facebook.on {
    background-position: -119px 0px;
}
                  
.bottomBar .socialRuler  > div.heart {
    background-position: -35px 0px;
    width: 25px;
}
                 
.bottomBar .socialRuler  > div.heart:hover,
.bottomBar .socialRuler  > div.heart.on {
    background-position: -136px 0px;
}
                 
.bottomBar .socialRuler  > div.mail 
{
    width: 30px;                  
    background-position: -65px 0px;
}
                 
.bottomBar .socialRuler  > div.mail:hover,
.bottomBar .socialRuler  > div.mail.on
{
    background-position: -166px 0px;
}

.bottomBar .socialRuler > .plus
{    
    width: 21px !important;
    height: 20px !important;
    background-position: -199px 0px !important;
}

    .bottomBar .socialRuler > .plus:hover
    {
        background-position: -226px 0px !important;
    }

.socialRuler {
	margin-top: 10px; float: left;position: relative;
}
              
        
                 
                 
                 

.BattleWidget  .battleResultBtn {
    height: 75px;
    background-image: url(/Content/images/BattleAnswerBG.png);
    background-repeat: no-repeat;
    background-position: 22px 0px;
    padding-left: 5px;
    width: 100%;
}

.sidesholder .BattleWidget .battleResultBtn {  
    background-image: url(/Content/images/BattleAnswerBG2.png) !important;
    background-position: -10px 0px !important;
}

.battleview .battleModeBtnContainer {
    float: left;
    width: 130px;
    margin-right: 15px;
  
}

.battleview .battleModeBtnContainer .battleMode {
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
color: #7B7B7B;
background: #f0f0f0;
font-size: 13px;
padding: 0px 5px 0px 5px;
margin-bottom: 10px;
cursor: pointer;
border: 1px solid #bbb;
height: 38px;
line-height:38px;
}

.battleview div.BattleModeTxt {
    float: left;
    margin-left: 3px;
}

.battleview .battleModeBtnContainer .battleMode.on,
.battleview .battleModeBtnContainer .battleMode:hover 
{
    background:#fff;
	
}

.battleview .battleModeBtnContainer .battleMode .videoIcon,
.battleview .battleModeBtnContainer .battleMode .pictureIcon {
    float: left;
    width: 25px;
    height: 27px;
    margin-top:5px;
    background:url('/Content/images/sprite2.png') -5px 0px no-repeat
}
   
.battleview .battleModeBtnContainer .battleMode .videoIcon {
    background-position: -60px -248px;
}                      
             
      
            
/*--*/


.vs
{
    position: absolute;
    left: 45%;
    top: 60px;
    z-index: 102;
    background: url('/Content/images/pixblack.png');
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #c2c2c2;
    font-size: 27px;
    font-weight: bold;
    padding: 3px 5px 5px 5px;
    width: 35px;
    height: 27px;    
}



.thumbit {
    overflow: hidden;
    min-height: 450px;
    padding: 25px 27px 10px 27px;
    background: #424446 url('/Content/images/bg/bg_thumbit.png') center bottom no-repeat;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}


.ThumbsWidget .seeAllResultsBtnCotnainer {
        height: 45px;
        background: none !important;
}

.BattleWidget.opened .bigPicFrame {
	margin-bottom:10px;
}

.BattleWidget .battleImgVote img {
    border-width: 0px;
    width: 35px;
    margin-top: 10px;
}

.BattleWidget .battleImgVote {
	opacity:0.8;
	background-color:#212121;
	height:60px;
    width:60px;
    border-radius: 50%;
	margin:1px;
	display:none;
	cursor:pointer;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.BattleWidget .openBattleImgContainer:hover .battleImgVote {
	display:block;
}

.BattleWidget .bigPicFrame td {
    vertical-align: middle;
}

/*--*/

.popupbg {position:absolute;left:0px;top:0px;width:100%;height:100%;background: url(/Content/images/bg/transbg.png);z-index: 1110}

.infographicsbtn {
    margin:13px 0px 0px 4px;
    float:left;
    height: 36px;
}
.infographicsbtnLink {
    cursor:pointer;    
    float:left;
    overflow:hidden;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: url(/Content/images/bg/infographicspopupbg.png) repeat;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 3px 0px 17px;
    line-height: 22px;
}
.infographicsbtnLink:hover {
    background: url(/Content/images/bg/bg_mini_infographics_hover.png) repeat;
}
.infographicsbtnLinkText {
    float: left;
    display: inline-block;
    padding-right: 10px;
    font-family: Arial;
}
.infographicsbtnLink .redCircle {
    float: left;
    display: inline-block;
    width: 21px;
    height: 20px;
    background: url(/Content/images/mini_infographics_sprite.png) 0px -108px no-repeat;
}

.sidesholder .infographics_line .infographicsbtn { margin-left: 23px !important; }

.sponsorbox_three:hover  .bluearrow {background-position:-138px -59px }
.sponsorbox_three .bluearrow {float:right;width:15px;height:21px;margin:8px 0px 0px 5px;display:block;background: url("/Content/images/sprites/rewardssprite.png") -108px -59px no-repeat;}

.bigbluearrow {
    position: absolute;
    top: 7px;
    right: 10px;
    display: block;
    width: 15px;
    height: 30px;
    margin: 13px 0px 0px 0px;
}

.sponsorbox_three {width:199px;}
.sponsorbox_two {
    width:309px;
}
.sponsorbox_three:hover {
    background:#fff963;
}
.sponsorbox_two:hover .startpoints {
    background:#0C77AD;
}
.sponsorbox_two h3, .sponsorbox_three h3 {
    color:#525252;
    font-weight:bold;
    font-size:15px;
    margin:0px 0px 0px 0px;
    width: 240px;
}
.sponsorbox_three .survey-icons {
    margin: 0px 5px 0px 5px !important;
}
.sponsorbox_two .survey-icons {
    margin: 7px 10px 0px 10px !important;
}
.sponsorbox_three .getpoints {
    font-size:11px;
    color:#3399cc;
}
.sponsorbox_three .getpoints span {
    font-weight:bold;
}
.sponsorbox_two .startpoints {
    display:none;
    position:absolute;right:0px;top:0px;
    background:#3399cc;
    width:80px;
    height:59px;
    padding:8px 5px 5px 5px;
    text-align:center;
    color:#fff;
    border-left:1px solid #fff;
}
.sponsorbox_two .startpoints span {
    display:block;
    font-size:11px;
}
.sponsorbox_two h4 {
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    font-weight:bold;
}
.sponsorbox_two .star {
    display:inline-block !important;
    height:15px;
    margin:0px 0px -1px 0px;
}
.sponsorbox_two .getpoints.isFds {
    font-size: 11px;
}
.sponsorbox_three .bluearrow {
    display:inline-block;
    background: url(/Content/images/sponsorsprite.png) 0px 0px no-repeat;
    width:12px;
    height:20px;
    position:absolute;right:5px;top:25px;
}
.sponsorbox_two .sponsortext {
    font-size:13px;
    width: 165px;
    float: left;
}
.sponsorbox_three .sponsortext {
    font-size:10px;
    width: 145px;
    float: left;
}
#userContentWrapper .i_vote.resultPollWidget {
    right: 9px;
}

.i_vote.resultPollWidget {
    top: 12px;
}

/* start of mini infographics */
.miniInfogHref {
    display: none;
    width: 4px;height: 4px;
    background: url(/Content/images/bg/bg_mini_infographics_hover.png) repeat;

}
.miniInfogContainer {    
    background: url(/Content/images/bg/infographicspopupbg.png) repeat; 
    height: 72px;
    cursor: pointer;
}
.miniInfogContainer:hover {
    background: url(/Content/images/bg/bg_mini_infographics_hover.png) repeat;
}
.miniInfogButtonBox, .miniInfogGenderBox, .miniInfogVotesBox {
    width: 218px;
    color: #fff;
    text-align: center;
    float: left;
    height: 72px;
    font-family: Arial;
}
.miniInfog_separator {
    width: 2px;
    background: url(/Content/images/bg/separator_y.png) repeat-y;
    height: 55px;
    margin-top: 10px;
    float: left;
}
.miniInfogContainer:hover .miniInfog_separator {
    background: url(/Content/images/bg/separator_y_hover.png) repeat-y;
}
.miniInfogButton {
    font-size: 18px;   
    text-transform: uppercase;
    margin: 0 20px;
    text-align: left;
    margin-top: 20px;
    font-weight: bold;
}
.miniInfogButton .redCircle {
    float: right;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/Content/images/mini_infographics_sprite.png) 0px -83px no-repeat;
}
.miniInfogButton .buttonSubText {
    float: left;
    display: block;
    color: #b4b4b4;
    font-size: 11px;
    text-transform: none;
}
.miniInfogButton .buttonSubText:hover {
    text-decoration: underline;
}
.miniInfogVotesBox {    
    text-align: center;
}
.miniInfogVotesBox .numOfVotes {
    padding-top: 12px;
    font-size: 23px;
    font-weight: bold;
    display: block;
    color: #fff;
}
.miniInfogVotesBox .numOfVotesText {
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #b4b4b4;
    text-transform: uppercase;    
}
.miniInfogGenderBox .genderDiv {
    float: left;
    width: 50%;
}
.miniInfogGenderBox .genderFemale, .miniInfogGenderBox .genderMale {
    display: block;
    padding-left: 24px;
    height: 40px;
    margin: 17px 14px 0 14px;
    text-align: left;
}
.miniInfogGenderBox .genderFemale {
    background: url(/Content/images/mini_infographics_sprite.png) 0px -1px no-repeat;
}
.miniInfogGenderBox .genderMale {
    background: url(/Content/images/mini_infographics_sprite.png) 0px -42px no-repeat;    
}
.miniInfogGenderBox  .genderPercent {
    font-size: 23px;
    display: block;
    color: #fff;
    font-weight: bold;
}
.miniInfogGenderBox  .genderVotes {
    font-size: 11px;
    display: block;
    color: #b4b4b4;
}
.miniInfogVotesBox .userAgeVotesPercent {
    color: #e8da91;
    font-size: 23px;
    font-weight: bold;
    display: block;
    text-align: left;
}
.miniInfogVotesBox .userAgeText {
    color: #b4b4b4;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase; 
    text-align: left;    
}
.miniInfogVotesBox .userAgeNumOfVotes {
    font-size: 11px;
    color: #b4b4b4;
    display: block;
    text-align: left;
}
.miniInfogVotesBox .userAgeLeft {
    display: inline-block;
    float: left;
    padding: 17px 10px 0 20px;
}
.miniInfogVotesBox .userAgeRight {
    display: inline-block;
    float: left;
    width: 120px;
    text-align: left;
    padding-top: 17px;
}
/* end of mini infographics */

/* start of poll results tooltip */
.resultsTooltip {
    display: none;
    position: absolute;
    left: 60px;
    bottom: 55px;
    width: 388px; 
    border: 1px #D2D2D2 solid;
    border-bottom: none;
    padding: 14px 14px 0 14px; 
    background: #fff;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    color: #343434;
    font-size: 14px;
    z-index: 2;
}
.resultsTooltip .results_tt_bottom {
    position: relative;
}
.resultsTooltip .results_tt_arrow {
    background: url(/Content/images/results_tt_arrow.png) no-repeat;
    width: 418px;
    height: 21px;
    position: absolute;
    bottom: -21px;
    left: -15px;
}
/* end of poll results tooltip */

#numOfCommentsSpan {
font-size:11px;font-family:Arial;
}


.votetoseeresult {
    font-size: 18px;
    color: #616161;
    position: absolute;
    padding-top: 22px;
}

.floating {
    float: left;
}

/*special widget cases css*/
.closed-topic-widget .WidgetIsClosedSmall{ padding-top: 1px;padding-bottom: 3px;}
/*-- */

.widgetSurveyButtonWrapper {
    padding: 23px 0;   
    text-align: center;
    background-color: #F7F7F7;
    display: none;
}
.TopicPageFlag .widgetSurveyButtonWrapper {
    margin-bottom: 10px;
}
.PollPageFlag .widgetSurveyButtonWrapper, .TopicPageFlag .widgetSurveyButtonWrapper {
    display: block;
}
.widgetSurveyButtonWrapper .widgetSurveyTitle {
    text-transform: uppercase;
    color: #3399cc;
    text-align: center;
    font-size: 16px;
    padding-bottom: 23px;
}
.widgetSurveyButtonWrapper .widgetSurveyBtn {
     border-top: 1px solid #E6E6E6;
}
.widgetSurveyButtonWrapper .widgetSurveyBtn a {
    text-transform: uppercase;
    background-color: #F7871A;
    color: #fff;
    padding: 15px 35px;
    border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;  -moz-border-radius: 5px 5px 5px 5px;
    display: inline-block;
    margin-top: 20px;
    font-size: 15px;
}
.widgetSurveyButtonWrapper .widgetSurveyBtn a:hover {
        background-color: #EB7624;
}
.widgetSurveyButtonWrapper .widgetSurveyEarned {
    color: #7D7D7D;
    font-size: 16px;
    padding-bottom: 15px;

}
.widgetSurveyButtonWrapper .widgetSurveyEarned span {
    color: #3399cc;
    font-weight: bold;
}

.createdByToluna {
    color: #4f4f4f !important;
}

.vote-icons-container {
    width: 210px;
    float: left;
    position: relative;
    margin: 8px;
}
.vote-icons-container .social-place {
    display: inline-block;
    width: 80px;
    text-align: center;
    border-right: 1px solid #CCCCCC;
}
.vote-icons-container .social-place .social-place-dots {
    color: #858585;
    font-size: 29px;
    padding: 0px 5px;
    border-radius: 15px; -webkit-border-radius: 15px;  -moz-border-radius: 15px;
    cursor: pointer;
}
.vote-icons-container .social-place .social-place-dots:hover, .vote-icons-container .social-place .social-place-dots.focused {
     background-color: #E7E7E7;
}
.vote-icons-container .social-ruler-popup {
    display: none;
    position: absolute;
    bottom: 29px; left: 30px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: 5px 0;
    border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;
}
.vote-icons-container .up-down-votes {
    display: inline-block;
    position: relative;
    top: -5px;   
}
.vote-icons-container .up-down-votes .fa {
    display: inline-block;
    font-size: 17px;
    color: #858585;
    cursor: pointer;
    padding-right: 7px;
}
.vote-icons-container .up-down-votes .fa-arrow-down {
    padding-left: 10px;
}
.vote-icons-container .up-down-votes .downvote:hover, .vote-icons-container .up-down-votes .downvote.selected {
    color: #DB6668;    
}
.vote-icons-container .up-down-votes .upvote:hover, .vote-icons-container .up-down-votes .upvote.selected {
    color: #51DB82;
}
.vote-icons-container .up-down-count {
    display: inline-block;
    color: #858585;
}

.widget-image-zoom-popup {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(10,10,10,0.9);
    z-index: 1001;
    display: none;
}
.widget-image-zoom-popup .zoom-popup-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.widget-image-zoom-popup .zoom-img-wrapper {
    display: flex;    
}
.widget-image-zoom-popup .zoom-img-wrapper img {
    max-width: 850px;
    max-height: 600px;
}
.widget-image-zoom-popup .zoom-img-wrapper .zoom-popup-close {
    color: #fff;
    cursor: pointer;
    padding-left: 5px;
    font-size: 20px;
}

 @media screen and (min-width: 668px) {
    .num_of_vote
    {
        color: #666666;
        font-weight: bold;
        float:left;
        margin: 1px 3px 0px 0px;
    }

    .voteTxt
    {
        color: #999 !important;
        font-size: 10px;
        margin: 4px 5px 0px 0px;
    }
 }

/* ---------- basic theme: these are the most necessary styles --------------------------------- */

.scrollbar-pane {
    margin-right: 0px;
}

.scrollbar-handle-container {
    background: #d6d6d6;
    width: 15px;
    margin:-1px 0px;
    padding: 2px 0px;
}

.scrollbar-handle {
    width: 15px;
    background: #36ade9;
}

.scrollbar-handle:hover {
    background: #74cdfa;
}

.scrollbar-handle.move {
    background: #74cdfa;
}

.scrollbar-handle-up {
    width: 15px;
    height: 12px;
    background: #d6d6d6;
}

.scrollbar-handle-down {
    width: 15px;
    height: 12px;
    bottom:0px !important;
    background: #d6d6d6;
}

.scrollbar-handle-down:hover,
.scrollbar-handle-up:hover {
    background: #666;
}
/* ---------- simple theme --------------------------------------------------------------------- */

.simple .scrollbar-pane {
    margin-right: 16px;
}

.simple .scrollbar-handle-container {
    background: #fff;
    width: 25px;
}

.simple .scrollbar-handle-container.hover,
.simple .scrollbar-handle-container.move {
    background: #fff;
   
}

.simple .scrollbar-handle, 
.simple .scrollbar-handle-up, 
.simple .scrollbar-handle-down 
{
    background: url(/Content/images/arrows/scrollarrows.png) no-repeat;
    margin-right:5px;
}


/* handle */
.simple .scrollbar-handle {
    width: 15px;
	background-position: -1px -13px;
	 margin-right:5px;
}

.simple .scrollbar-handle:hover {
   background-position: -16px -13px;
}



/* arrow up */
.simple .scrollbar-handle-up {
    width: 15px;
    height: 15px;
	background-position: -1px 2px;
	margin-bottom: 1px;
}

.simple .scrollbar-handle-up.hover,
.simple .scrollbar-handle-up:hover {
    background-position: -16px 2px;
}

/* arrow down */
.simple .scrollbar-handle-down {
    width: 15px;
    height: 15px;
    background-position: -1px -65px;
	margin-top: 1px;
}

.simple .scrollbar-handle-down.hover,
.simple .scrollbar-handle-down:hover {
    background-position: -16px -65px;
}




#tooltip {
	position: absolute;
	z-index: 3000;
    color: #fff !important;
    min-width: 70px;

    height: 17px;
    line-height:17px;
    padding:0px 5px;
    font-size: 12px;
	background: url('/Content/images/bg/bgtooltip.png') repeat-x;

    text-align: center;
    display: none;
    
}

#tooltip a
{
      color: #fff !important;
}

#tooltip h3, #tooltip div { margin: 0;color: #fff; }
.categoryTooltip
{
    color: #fff !important;
 /*left:0% !important;
    top:0px !important;
    position: absolute;*/
}



/*

Uniform Theme: Aristo
Version: 1.0
By: 280North / Ported by Josh Pyles
License: Creative Commons Share Alike
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.textarea span.lt,
div.textarea span.rt,
div.textarea span.rb,
div.textarea span.lb,
div.text,
div.text span, 
div.selector, 
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
  background-image: url(/Content/images/sprite_blue.png);
  background-repeat: no-repeat;
}

div.opionionWidgetChecker span
{
     background-image: url(/Content/images/opinionWidgetSprites.png);
  background-repeat: no-repeat;
}

.text,
.textarea,
.selector, 
.radio, 
.checker, 
.uploader, 
.text *, 
.selector *, 
.radio *, 
.checker *, 
.uploader *{
	margin: 0;
	padding: 0;
	float:left;
}

/* SPRITES */

/* Textarea */

div.textarea span.lt {
  background-position: -483px -782px;
  line-height: 20px;
  height: 20px;
}
div.textarea span.rt {
  background-position: right -622px;
  line-height: 20px;
  height: 20px;
}

div.textarea span.cc { background: #fff }

div.textarea span.lb {
  background-position: -483px -804px;
  line-height: 10px;
  height: 10px;
}
div.textarea span.rb {
  background-position: right -644px;
  line-height: 10px;
  height: 10px;
}

div.textarea textarea {
  /* change these to adjust positioning of select element */
	top: 0px;
	left: 0px;
	resize: none
}

div.textarea:active span.lt, 
div.textarea.active span.lt {
	background-position: -483px -814px;
}
div.textarea:active span.rt, 
div.textarea.active span.rt {
	background-position: right -654px;
}

div.textarea:active span.lb, 
div.textarea.active span.lb {
	background-position: -483px -836px;
}
div.textarea:active span.rb, 
div.textarea.active span.rb {
	background-position: right -676px;
}


div.textarea.focus span.lt, div.textarea.hover span.lt, div.textarea:hover span.lt {
	background-position: -483px -846px;
}
div.textarea.focus span.rt, div.textarea.hover span.rt, div.textarea:hover span.rt {
	background-position: right -686px;
}

div.textarea.focus span.lb, div.textarea.hover span.lb, div.textarea:hover span.lb {
	background-position: -483px -868px;
}
div.textarea.focus span.rb, div.textarea.hover span.rb, div.textarea:hover span.rb {
	background-position: right -708px;
}

div.textarea.focus:active span.lt,
div.textarea.focus.active span.lt,
div.textarea:hover:active span.lt,
div.textarea.active:hover span.lt {
	background-position: -483px -878px;
}
div.textarea.focus:active span.rt,
div.textarea:hover:active span.rt,
div.textarea.active:hover span.rt,
div.textarea.focus.active span.rt {
	background-position: right -718px;
}

div.textarea.focus:active span.lb,
div.textarea.focus.active span.lb,
div.textarea:hover:active span.lb,
div.textarea.active:hover span.lb {
	background-position: -483px -900px;
}
div.textarea.focus:active span.rb,
div.textarea:hover:active span.rb,
div.textarea.active:hover span.rb,
div.textarea.focus.active span.rb {
	background-position: right -740px;
}



div.textarea.disabled span.lt,
div.textarea.disabled:active span.lt,
div.textarea.disabled.active span.lt {
	background-position: -483px -910px;
}
div.textarea.disabled span.rt,
div.textarea.disabled:active span.rt,
div.textarea.disabled.active span.rt {
  background-position: right -750px;
}

div.textarea.disabled span.cc,div.textarea.disabled:active span.cc,div.textarea.disabled.active span.cc { background: #f1f1e5 }

div.textarea.disabled span.lb,
div.textarea.disabled:active span.lb,
div.textarea.disabled.active span.lb {
	background-position: -483px -932px;
}
div.textarea.disabled span.rb,
div.textarea.disabled:active span.rb,
div.textarea.disabled.active span.rb {
  background-position: right -772px;
}

/* Text */

div.text {
  background-position: -483px -782px;
  line-height: 32px;
	height: 32px;
}

div.text span {
  background-position: right -622px;
}

div.text input {
  /* change these to adjust positioning of select element */
  top: 0px;
	left: 0px;
}

div.text:active, 
div.text.active {
	background-position: -483px -814px;
}

div.text:active span, 
div.text.active span {
	background-position: right -654px;
}

div.text.focus, div.text.hover, div.text:hover {
	background-position: -483px -846px;
}

div.text.focus span, div.text.hover span, div.text:hover span {
	background-position: right -686px;
}

div.text.focus:active,
div.text.focus.active,
div.text:hover:active,
div.text.active:hover {
	background-position: -483px -878px;
}

div.text.focus:active span,
div.text:hover:active span,
div.text.active:hover span,
div.text.focus.active span {
	background-position: right -718px;
}

div.text.disabled,
div.text.disabled:active,
div.text.disabled.active {
	background-position: -483px -910px;
}

div.text.disabled span,
div.text.disabled:active span,
div.text.disabled.active span {
  background-position: right -750px;
}

/* Select */

div.selector {
  background-position: -483px -160px;
  line-height: 32px;
	height: 32px;
}

div.selector span {
  background-position: right 0px;
  height: 32px;
	line-height: 32px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 6px;
	left: 5px;
}

div.selector:active, 
div.selector.active {
	background-position: -483px -192px;
}

div.selector:active span, 
div.selector.active span {
	background-position: right -32px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -224px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -64px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -483px -256px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -96px;
}

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
	background-position: -483px -288px;
}

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
  background-position: right -128px;
}

/* Checkbox */

div.checker {
  width: 24px;
  height: 24px;
}

div.checker input {
  width: 24px;
  height: 24px;
  cursor:pointer;
}

div.checker span {
  background-position: -242px -317px;
  height: 25px;
  width: 25px;
}
 
div.checker:active span, 
div.checker.active span {
    background-position: 0 -27px;
}


div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,m
div.checker.focus.active span {
	background-position: 0px -27px;
}

div.checker span.checked {
	background-position: 0 -27px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
	background-position: 0px -27px;
}




/* CheckBox for wizard */


div.opionionWidgetChecker 
{
  width: 20px;
  height: 20px
}

div.opionionWidgetChecker input 
{
    margin: 0px !important;
    padding: 0px !important;
    width: 20px;
    height: 20px;
}

div.opionionWidgetChecker span {
  background-position: -22px -62px;
  display:block;
}
 

div.opionionWidgetChecker span.checked {
	background-position: -69px -62px;
}



/* radio */

div.radio {
  width: 24px;
  height: 24px;
}

div.radio input {
  width: 24px;
  height: 24px;
}

div.radio span {
  height: 24px;
  width: 24px;
  background-position: 0px -342px;
}

div.radio:active span, 
div.radio.active span {
	background-position: -24px -342px;
}

div.radio.focus span, 
div.radio:hover span {
	background-position: -48px -342px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -72px -342px;
}

div.radio span.checked {
	background-position: -96px -342px;
}

div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -120px -342px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -144px -342px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
	background-position: -168px -342px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
	background-position: -192px -342px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
	background-position: -216px -342px;
}

/* uploader */

div.uploader {
  background-position: 0px -366px;
  height: 32px;
}

div.uploader span.action {
  background-position: right -494px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  margin: 4px 0px 4px 4px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -430px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -526px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -558px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -590px;
}

div.uploader.disabled {
  background-position: 0px -398px;
}

 div.uploader.disabled span.action {
  background-position: right -462px;
}

/* PRESENTATION */

/* Textarea */
div.textarea {
  width: 500px;
}
div.textarea textarea {
	width: 488px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	border: none; 
	background: none;
	padding: 0;
	margin: -14px 0 -4px -4px;
	overflow: auto;
}

div.textarea span.lc { padding: 0 0 0 10px }
div.textarea span.cc { padding: 0 }
div.textarea span.rc { padding: 0 6px 0 0 }

div.textarea.disabled textarea {
	color: #bbb;
}
/* Text */
div.text {
  width: 190px;
}

div.text input {
	width: 178px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	border: none; 
	background: none;
	line-height: 22px;
	height: 22px;
	padding: 0;
	margin: 0 0 0 -4px
}

div.text span {
  padding: 5px 6px 5px 0;
}

div.text.disabled input {
	color: #bbb;
}

/* Select */
div.selector {
  width: 190px;
  font-weight: bold;
  color: #464545;
  font-size: 14px;
}

div.selector select {
	width: 185px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
	color: #bbb;
}

/* checker */
div.checker {
  margin-right: 10px;
}

/* radio */
div.radio {
  margin-right: 10px;
}

/* uploader */
div.uploader {
  width: 190px;
  margin-bottom: 20px;
  cursor: pointer;
}

div.uploader span.action {
  width: 83px;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  background-color: #fff;
  font-weight: bold;
  color: #1c4257;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #567c91;
  font-size: 90%;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

 div.uploader.disabled span.action {
  color: #aaa;
}

 div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.textarea textarea:focus, .text input:focus, .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Textarea */

 div.textarea {
	position: relative;
}
 div.textarea span {
	display: block;
}
div.textarea span.lt, div.textarea span.lc, div.textarea span.lb {
	position: relative;
	padding-left: 10px;
}

 div.textarea textarea {
	position: relative;	
	z-index: 10
}

/* Text */

 div.text {
	position: relative;
	padding-left: 10px;
}

 div.text span {
	display: block;
	float: left;
}

 div.text input {
	position: static;	
}

/* Select */

 div.selector {
	position: relative;
	padding-left: 10px;
}

 div.selector span {
	display: block;
	float: left;
}

 div.selector select {
	position: absolute;
	opacity: 0;
}

/* checker */

 div.checker {
	position: relative;
	float: left;
}

 div.checker span {
	display: block;
	float: left;
	text-align: center;
}

div.checker input {
  opacity: 0;
  display: inline-block;
}

/* radio */

div.radio {
	position: relative;
	float: left;
}

div.radio span {
	display: block;
	float: left;
	text-align: center;
}

 div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
}

/* uploader */

div.uploader {
  position: relative;
  float: left;
  overflow: hidden;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 4px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
}

 div.checker span
{
    background-image: url("/Content/images/check-box-and-radio.png");
    background-position: 0 1px;
}
 div.checker span.checked
{
    background-position: 0 -27px;
}

 div.checkerSingle span
{
    background-image: url("/Content/images/check-box-and-radio.png");
    background-position: -30px 0;
    height: 25px;
    width: 25px;
    display: block;
    float: left;
    text-align: center;
    cursor:pointer;
     cursor: pointer;
     margin: 0px 10px 0px 0px;
}
 div.checkerSingle span.checked
{
    background-position: -30px -27px;
}
 div.checkerSingle span input
{
    cursor:pointer;
}

 div.checkerWidgetEmbed {
     float: left;
}

 div.checkerWidgetEmbed span
{
      cursor: pointer;
     display: block;
    width: 20px;
height: 18px;
    background-image: url("/Content/images/widgetEmbedPopupSprites.png");
    background-position: 0 18px;
}
 div.checkerWidgetEmbed span.checked
{
    background-position: 19px 18px;
}
.FollowPopUp 
{
    background: #fff;
    width: 550px;
    overflow: hidden;
    border: 3px solid #458DB1;
   -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

 .FollowPopUp .followDesc
{
    position:absolute;
    top:60px;
    left: -125px;
    display:none;
    z-index: 9999999;
    width:300px;
    text-align:center;
}

 .FollowPopUp .followDesc .blackplace 
 {
    padding:5px 10px;
    background:#000;
    font-size: 11px;
    color: #c6c7c7;
    margin:0px auto;
    display:inline-block !important;
    }
.FollowPopUp .followDesc .blackplace  div {float:left;width:16px;margin-top:2px;}
 .FollowPopUp .followDesc span.arrow
{
    background: url(/Content/images/arrows/blacktoparrow.png);
    width:13px;
    height:11px;
    display:inline-block;
    position:absolute;
    top:-8px;
    left:145px;
}

.FollowPopUp span.closeUpper 
{
	 background: url("/Content/images/MiscSprites.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 15px;
    right: 5px;
    position: absolute;
    top: 8px;
    width: 15px;
    z-index:1001;
    display:block !important;
}
.FollowPopUp .FollowPopUpLine
{
    height: 90px;
    padding-bottom: 15px;
    padding-left: 27px;
    
}


.userFollowPopUpWrapper
{
    float: left;
    width: 56px;
    margin: 7px 0px 35px 30px;
}
.userFollowPopUpWrapper span 
{
    font-family: arial;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	width: 100%;
	line-height: 17px;
	height: 17px;
	display: block;
}
.userFollowPopUpWrapper .userImage 
{
    width: 50px;
    height: 50px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.userFollowPopUpWrapper .UserName
{
    color:#989898;
    font-weight: normal;
    font-size:12px;    
}

.PopUpFollowContainer 
{
   width: 100%;
    height: 300px;
    overflow: auto;
}
.FollowPopUp .followPopUpMoreText
{
    background-color: #D4D4D4;
    border-radius: 8px 8px 8px 8px;
    color: #666666;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    height: 43px;
    margin: 17px 0 0;
    padding-top: 27px;
    text-align: center;
    cursor: pointer;
}
.FollowingPopUpTop
{
    width: 100%;
    background: url("/Content/images/bg/popup_top_pattern.png") repeat-x scroll 0 0 transparent;
    height: 40px;
    line-height: 40px;
    overflow:hidden;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}
.FollowingPopUpTop span
{
	font-size: 18px;
	font-weight: bold;
	color: #646464;
    height: 40px;
    line-height: 40px;
    margin: 0 0 0 20px;
    cursor: default;
}
.FollowingPopUpBottom
{
    width: 100%;
    border-top: 1px solid #d8e7ef;
    height: 46px;
    line-height: 45px;
    clear:both;
}
.btnBlue
{
    background: url("/Content/images/buttons/btn_blue.png") no-repeat scroll right 1px transparent;
    float: right;
    height: 30px;
    line-height: 30px;
    display: block;
    text-decoration: none;
    padding: 0 14px 0 0;
    cursor: pointer;
    margin: 11px 13px 0 0;
}
.btnBlue span
{
	background: url("/Content/images/buttons/btn_blue.png") no-repeat scroll left -30px transparent;
    display: block;
    height: 30px;
    line-height: 30px;
	padding: 0 10px 0 24px;
	font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.FollowPopUp .moreFollowersContainer .moreFollowersBtn:hover {
    background-color: #999;
}

.FollowPopUp .moreFollowersContainer .moreFollowersBtn {
    color: white;
padding: 4px 10px;
background-color: #666;
    cursor: pointer;
font-size: 14px;
    display: inline;
    border-radius: 5px;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
}

.FollowPopUp .moreFollowersContainer {
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    width: 100%;
    text-align: center;
}
   #EmailSharePopup
        {
            display:none;
            position: absolute;
            top: 50px;
            right: 50px;
            width: 480px;
            height: 300px;
            background-color: white;
        
          
            z-index: 40000 !important;
           
        }
        
      #EmailSharePopup.showCaptcha {
          height: 433px;
      }

         #WidgetEmbedPopup
        {
             display: none;
            position: absolute;
            top: 50px;
            right: 50px;
            width: 540px;
            background-color: white;
          
            z-index: 40000 !important;
           
        }

#widgetPreviewPart {
    position: absolute;
    z-index: 99999;
    display: none;
}

#widgetPreviewPart > div {
    padding-left: 20px;
    padding-right: 20px;
}

 #widgetPreviewPart .widgetPreviewTop {
     background-color: #E6E6E6;
     padding-top: 10px;
     padding-bottom: 10px;
}

 #widgetPreviewPart .widgetPreviewBottom {
     padding-top: 15px;
     padding-bottom: 15px;
     text-align: center;
     background-color: #fff;
}

#EmailSharePopup .recaptcha_only_if_image {
    position: relative;
    color: #5E5E5E;
    font-size: 14px;
}

 #widgetPreviewPart .widgetPreviewTop h2 {
     color: #5b5b5b;
     font-weight: bold;
     font-size: 19px;
}

 #widgetPreviewPart .widgetPreviewTop h3 {
     color: #afafaf;
     font-size: 14px;
}
        #WidgetEmbedPopup.onPreview {
            border: 0px;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
}
        
        #WidgetEmbedPopup #customSizeTextbox    
        {
            width: 67px;
            margin-left: 10px;
            border: 0px;
            position: relative;
            float: left;
            top: -5px;
            padding: 5px;
       }
       #WidgetEmbedPopup #customSizeTextbox:disabled{ background-color: #ffffff;}
              
        .EmailSharePopupAlertDiv {
            clear: both;
            height: 25px;
            overflow: hidden;                 
        }
        
        .EmailSharePopupAlert {
            background-color: #4E5152;   
            margin-top: 5px;
            height: 20px;
            line-height: 20px;
            padding-left: 5px;
            color: #FFFFFF;
            display: none;
        }
        
        #EmailSharePopup #topPanel,
         #WidgetEmbedPopup #topPanel
        {

        text-transform: uppercase;
            color: #000;
            padding: 15px 20px;
            font-size: 22px;
        }
        
        #WidgetEmbedPopup #topPanel {
            padding-bottom: 0px;
        }
        #EmailSharePopup #topPanel h3,
         .WidgetWidthDiv h3
        {
            font-size: 22px;
            color: #000;
        }
        
       
        #WidgetEmbedPopup  h4 {
            font-size: 16px;
            color: #6b6b6b;
            font-weight: normal;
        }
        #WidgetEmbedPopup h3 { font-size: 18px; color:#42b2ea }
        #EmailSharePopup #topPanel .g_close,
         #WidgetEmbedPopup #topPanel .g_close
        {
            margin: 10px;
        }
        
        #WidgetEmbedPopup #topMidPanel,
         #WidgetEmbedPopup #bottomPanel{
	        background-color: #EEF2F3;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            margin-right: 5px;
            margin: 15px;
            color: #777;
            font-size: 16px;
            padding: 10px;
}

        #WidgetEmbedPopup #topMidPanel .btn {
            position: relative;
            top: -4px;
        }
        
        /*Chrome specific*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
           #WidgetEmbedPopup #topMidPanel .btn {top: -1px;}
           #WidgetEmbedPopup input#pollShortUrlLink {top: 4px;padding-top: 5px;}
           #WidgetEmbedPopup .widgetSizeHolder span.customSizeLbl { top: 0;}
           
}

#WidgetEmbedPopup #bottomPanel #buttonsHolder {
    border-top: 1px solid #DEDEDE;
    margin-top: 7px;
    padding-top: 5px;
    position: relative;right: 10px;
    clear: both;
    float: right;
    width: 394px;
}

#embedPopupsContainer #bottomPanel #buttonsHolder .btn {
    float: right;
    margin-right: 0px;
}


#embedPopupsContainer .btn {
    background-color: #42b2ea;
float: right;
color: white;
padding: 7px 15px;
position: relative;
margin: 7px 10px 2px 0px;
cursor: pointer;
font-size: 14px;
    text-transform: uppercase;
    font-family: arial;
    padding-bottom: 6px;
}

#closePreviewBtn {
margin-left: 12px !important;
}

#embedPopupsContainer .btn:hover,
#embedPopupsContainer .btn.hover
{
    background-color: #39c;
    cursor: pointer;
}


#embedPopupsContainer #bottomPanel #buttonsHolder .btn.disabled,
#embedPopupsContainer #bottomPanel #buttonsHolder .btn.disabled:hover,
#embedPopupsContainer .btn.hover.disabled
 {
   background-color: #5BADD6 !important;
    cursor: default !important;
}

 #WidgetEmbedPopup #pollShortUrlLink {
	float: left;
    margin-right: 0px;
    background: white;
    width: 189px;
    padding: 7px 13px;
    padding-top: 8px;
    font-size: 14px;
    border: 0px solid #000;
    color: #000;
    cursor: text;
    position: relative;top: 3px; 
}

#WidgetEmbedPopup #PollLinkSpan,
#WidgetEmbedPopup #EmbedWidgetSpan

 {
	float:left;width: 87px;
   
}
#WidgetEmbedPopup #PollLinkSpan {
	margin-top:8px;
    position: relative;top: 3px;
}
.WidgetWidthDiv {
	     float:left;
    width: 170px;
}
.textareaWithoutScrollContainer
{
    float: left;
    padding: 5px 10px;
    width: 190px;
    overflow:hidden;
    background-color: white;
    font-size: 14px;
    height: 120px;
    position: relative;
    margin-right: 20px;
}

#WidgetEmbedPopup .textareaWithoutScrollContainer {
    width: 195px;margin-right: 18px;
}

.textareaWithoutScrollContainer #loadingBoxes {
	position: absolute;
left: 100px;
    display: none;
top: 60px;
}
#codeTextArea 
{
    margin: 5px 5px 5px 5px;
    padding: 0 25px 0 0;
    width: 220px;
    border: 0px solid green;
    height: 110px;
    background-color: #ffffff;
    font-size: 14px;
}
.widgetSizeHolder {
    clear: both;
    margin: 10px 0px;
    position: relative;
}

.widgetSizeHolder > span {
    color: #6b6b6b;
    font-size: 14px;
}

.widgetSizeHolder span:nth-child(even) { margin-left: 5px;position: relative;top: 1px;}

.widgetSizeHolder span.customSizeLbl {
    font-size: 14px;
    float: left;
    top: 2px;
}


#WidgetEmbedPopup #PollLinkSpan {
	float:left;
}

#WidgetEmbedPopup .facebookImg {
   display: block;
width: 15px;
height: 20px;
background: url(/Content/images/widgetEmbedPopupSprites.png) 0px 0px;
position: absolute;
top: 5px;
left: 10px;
}

#WidgetEmbedPopup .twitterImg {
	display: block;
width: 20px;
height: 20px;
background: url(/Content/images/widgetEmbedPopupSprites.png) 22px 0px;
position: absolute;
top: 5px;
left: 10px;
}

        #EmailSharePopup #midPanel
        {
            padding: 0 15pt 10pt 15pt;
            border-bottom: 1px solid #C9C9C9;
        }
        
        #EmailSharePopup input, #EmailSharePopup select, #EmailSharePopup textarea
        {
            background-color: #eff8fc; 
            font-weight:bold;
            color: #aeaeae;
            font: 14px Arial,Helvetica,sans-serif;
            padding: 0 7px;
            margin-top: 5pt;
            width: 335px;
            border: none;
            padding: 5px;
            border-right: 1px solid #ededed;
            border-bottom: 1px solid #f9f9f9;
            background-image: url("/Content/images/bg/bginput.png");
            background-repeat: no-repeat;
        }
        #EmailSharePopup textarea {
            height: 76px;
        }
        
        #EmailSharePopup .emailSharingIcon
        {
            background: url('/Content/images/MiscSprites.png') 0 -913px no-repeat;
            width: 75px;
            height: 55px;
            float: right;
            margin-top: 3pt;
            cursor: pointer;
        }
        
        #widgetEmbedPopupErrorMsg {
	background-color:#333;margin: 5px 0px;padding: 5px;color: #fff; font-size:13px;display:none;
            float: right;position: relative;right: 10px;width: 383px;line-height: 17px;
}

#EmailSharePopup .shareCaptcha {
    margin-top: 10px;
}
#EmailSharePopup .shareCaptcha p.error {
    position: absolute !important;
    width: 325px;
}

/* start of security question popup */
.securityQuestionPopup {
    position: fixed;
    background-color: #FFF;
    width: 475px;
    min-height: 280px;
    display: none;
    color: #6c6c6c;
    text-align: center;
}
.securityQuestionPopup span.close {
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: url("/Content/images/sprites/rewardssprite.png") -40px -90px no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 111;
}
.securityQuestionPopup .wrapper {
    margin: 35px 30px 23px 30px;
}
.securityQuestionPopup h2 {
    color: #42b2ea;
    font-size: 30px;    
}
.securityQuestionPopup .subtitle {
    font-size: 18px;
    font-family: Arial;
    display: block;
    text-align: center;
    padding-top: 15px;
}

.securityQuestionPopup select, .securityQuestionPopup input {    
    width: 322px;
    background: #EEE;
    border: 1px solid #D1D1D1;
    font-size: 14px;
    color: #6c6c6c;
}
.securityQuestionPopup select {
    margin-top: 20px;
    height: 27px;
}
.securityQuestionPopup select.error, .securityQuestionPopup input.error {
    border: 1px solid #34393C;
}
.securityQuestionPopup input {
    margin-top: 10px;
    padding: 0px 5px;
    width: 312px;
    height: 24px;
}
.securityQuestionPopup a.blue_button {
    text-transform: uppercase;
    padding: 7px 10px 4px 10px;
    font-size: 20px;
    margin-top: 23px;
    margin-left: 0px !important;
}
.securityQuestionPopup .errorMessage {
    color: #fff;
    background-color: #34393C;
    margin-top: 20px;
    padding: 0px 10px;
    height: 41px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.securityQuestionPopup .errorMessage table {
    width: 100%;height: 100%;
}
.securityQuestionPopup .errorMessage td {
    vertical-align: middle;
}
securityQuestionPopup .errorMessage.blocked {
    background-color: #D85251;
}
.errorLongText, .errorEmptyAnswer, .errorEmptyQuestion, .errorAnswer, .errorBlocked {
    display: none;
    margin: auto 0px;
}
.securityQuestionPopup .errorMessage a {
    color: #fff;
    text-decoration: underline;
}
/* end of security question popup */
#ContactPopup {
     width:555px;
     display:none;
     border: 4px solid #458DB1;
     border-radius: 19px 19px 19px 19px;
     -moz-border-radius: 19px 19px 19px 19px;
     -webkit-border-radius: 19px 19px 19px 19px;
     background:#fff;
     min-height:400px;
}

.ContactPopuptitle h3
{
    float: left;
    color:#646464; font-size:18px;    
}

#ContactPopup .g_close
{
    background: url("/Content/images/MiscSprites.png") no-repeat scroll 0 0 transparent;
    float: right;
    position: relative !important;
    right: -9px;
    top: 13px;
}

.ContactPopupcontent
{
  
  -webkit-border-radius:  0px 0px 15px 15px;
    -moz-border-radius:  0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
    
    
    color: #6b6b6b;
    font-size: 14px;
     background-color: #fff;
    
}

#ContactPopup .smallcontactplace {
    background: none !important;
}

#ContactPopup .whiteplace {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0px 0px 0px 20px!important;
    position: inherit !important;
}

#ContactPopup .difsizetitle h2,  #ContactPopup .difsizetitle h1.contactUsH1{
    width: 380px !important;
    margin: 10px 10px 10px 0 !important;
}

#ContactPopup .errorPanel {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    display: none;
}
div, a, input, h2, span {
    font-family: AvenirLTStd55RomanRegular, Arial;
}

#loginPopup, #joinTolunaPopup, #registrationPopUp, #uploadProfileImagePopup {
    display: none;
    background: #fff;
    -webkit-box-shadow: #000 0px 0px 15px;
    -moz-box-shadow: #000 0px 0px 15px;
    box-shadow: #000 0px 0px 15px;
    position: fixed;
    top: 25% !important;
    left: 50% !important;
    margin: 0 0 0 -240px !important;
    width: 480px;
    min-height: 200px;
    z-index: 2223;
}

#uploadProfileImagePopup {
    z-index: 9999 !important;
}

    #loginPopup .close, #joinTolunaPopup .close, #registrationPopUp .close, #uploadProfileImagePopup .close,
    #GeneralNotificationPopup .close, .join_signup .close, #TestAreaNotificationPopup .close {
        cursor: pointer;
        width: 10px;
        height: 10px;
        background: url("/Content/images/sprites/rewardssprite.png") -40px -90px no-repeat;
        position: absolute;
        top: 5px;
        right: 5px;
    }

#videoPopup .close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -14px;
    color: #fff;
    font-weight: bold;
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url("/Content/images/landingpage-popup-close.png") no-repeat;
}

#uploadProfileImagePopup {
    min-height: 0 !important;
    height: 185px !important;
}

/* ----------------------------- */
/*  =     JoinTolunaPopup     */
/* ----------------------------- */

#JoinTolunaInner {
    top: 70%;
    background-color: #e0e5f0;
    margin: 30px 0px 0px 0px;
}

    #JoinTolunaInner br {
        clear: both;
    }

#joinTolunaPopup #JoinTolunaInner {
    top: 70%;
    background-color: #fff;
    margin: 0px 0px 0px 0px;
}

#JoinTolunaInner .midPanel {
    text-align: center;
}

#GeneralNotificationPopup #JoinTolunaInner .midPanel, #GeneralConfirmPopup #JoinTolunaInner .midPanel {
    padding: 30px 10px;
    overflow: auto;
}

#JoinTolunaInner input.login,
#JoinTolunaInner input.signup {
    margin-right: 23px;
    font-size: 0.9em;
    font-weight: normal;
    float: right;
    cursor: default;
}

#JoinTolunaInner input.login {
    float: right;
    margin: 13px 0 0 8px;
    padding: 3px 9px 5px;
    background: #e0e5f0;
    font-size: 1em;
    font-weight: bold;
    color: #3399cc;
    cursor: default;
}

#registrationPopUp .join {
    top: 70%;
}

#loginPopup .join {
    top: 70%;
}

#loginPopup .title span {
    text-transform: uppercase;
    font-size: 23px;
    color: #000;
    margin-left: 0;
}

#loginPopup .title.fb {
    color: #2d3643;
    font-family: "MuseoSans-500";
}

#loginPopup .fb-title-message {
    color: #666;
    font-size: 14px;
    font-family: "MuseoSans-300";
}

#loginPopup .user-img-name {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #666;
}

    #loginPopup .user-img-name img {
        width: 55px;
        height: 55px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        margin-right: 8px;
    }

    #loginPopup .user-img-name p {
        display: inline-block;
        position: relative;
        top: -20px;
    }

    #loginPopup .user-img-name b {
        font-size: 15px;
        font-family: "MuseoSans-700";
    }

    #loginPopup .user-img-name p span {
        color: #3399cc;
        font-size: 12px;
        cursor: pointer;
        font-family: "MuseoSans-300";
    }

#loginPopup.fbFlow .loginrightside,
#loginPopup.fbFlow .popupbginput.longinput,
#loginPopup.fbFlow .popupbginput.longinput input {
    width: 100%;
}

#loginPopup.fbFlow .forgotPassword {
    margin-top: 0;
}




.join {
    width: 649px;
    padding-bottom: 6px;
    border: 1px solid #345657;
    background: #fff;
    -moz-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.55);
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.55);
}

    .join h2, .join_signup h2 {
        display: block;
        letter-spacing: -0.3px;
        margin-bottom: 10px;
        font-size: 22px;
        color: #000;
        text-transform: uppercase;
        font-weight: bold;
        font-family: AvenirLTStd65MediumBold, Arial;
    }

        .join h2 span, .join_signup h2 span {
            display: inline-block;
            font-size: 14px;
            color: #ff8717;
            text-transform: none;
            font-weight: normal;
            margin-left: 5px;
        }

.join_signup .popupsignup, .join_signup .popuplogin {
    text-decoration: underline;
    margin: 10px 0px 0px 0;
    border: none;
    background: none;
    font-size: 14px;
    color: #ff8717;
    padding: 0px;
    cursor: pointer;
}

    .join_signup .popupsignup:hover {
        color: #525252;
    }

.join_signup .popupsignup {
    background: #929292;
    color: #fff;
    font-weight: bold;
}

.join_signup .popupsignup2 {
    padding: 5px 25px;
    float: right;
    margin: 10px 0px 0px 0;
    border: none;
    background: #ff8717;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#registrationPopUp .fb-wrapper {
    float: none;
    text-align: center;
}

.join input.login,
.join input.signup {
    padding: 5px 25px;
    float: right;
    margin: 10px 0px 0px 0;
    border: none;
    background: #ff8717;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.join input.login, .join_signup input.login {
    margin-right: 10px;
    padding: 5px 8px 4px;
    background: #e0e5f0;
    font-size: 0.9em;
    font-weight: normal;
    color: #3399cc;
}

.join form {
    clear: both;
    overflow: visible;
    position: relative;
    padding: 10px 35px 15px;
    border-top: 1px solid #c5d1e9;
    border-bottom: 1px solid #c5d1e9;
    background: #e0e5f0;
    -moz-box-shadow: inset 0 1px 0 #f3f5f9, inset 0 -1px 0 #f3f5f9;
    -webkit-box-shadow: inset 0 1px 0 #f3f5f9, inset 0 -1px 0 #f3f5f9;
    box-shadow: inset 0 1px 0 #f3f5f9, inset 0 -1px 0 #f3f5f9;
}

    .join form::after {
        content: "";
        display: block;
        clear: both;
    }

.whitelinetop {
    background: #fff;
    height: 1px;
    clear: both;
    margin-bottom: 10px;
}

.whitelinebottom {
    background: #fff;
    height: 1px;
    clear: both;
    margin-top: 10px;
}

.blueframe {
    width: 100%;
}

.join_signup { /*overflow:hidden;*/
    padding: 15px;
}

.planebg {
    background: #e0e5f0 url(/Content/images/MiscSprites.png) 0 -1014px no-repeat;
    position: relative;
}

.join form fieldset input[type="text"],
.join form fieldset input[type="password"],
.join form fieldset select {
    display: block;
    width: 187px;
    height: 29px;
    margin: 1px 0 3px;
    padding: 0 5px;
    border: 0;
    font: 1em Arial, Helvetica, sans-serif;
    color: #a2a2a2;
    border: none;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #f9f9f9;
    background: url("/Content/images/bg/bginput.png") no-repeat;
}

.join form fieldset select {
    padding: 5px 4px 4px 5px;
}

.join form a.LoginButton {
    float: right;
    margin: 10px 34px 0 0;
    padding: 4px 22px 6px;
    border: 0;
    background: #6d98b3;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
}

p.starfooter, #JoinTolunaInner p.popUpFooter {
    color: #5E5E5E;
    font-size: 1em;
    line-height: 1px;
    padding: 10px;
    text-align: center !important;
}

    p.starfooter .bottonText {
        display: block;
        padding-top: 10px;
        line-height: 13px;
    }

#JoinTolunaInner p.starfooter {
    background-color: #fff;
}

p.starfooter a {
    color: #3399CC;
    text-decoration: none;
}

#GeneralNotificationPopup .join p, #JoinTolunaInner p.popUpFooter {
    background-position: center center;
    background-color: #fff;
    padding-top: 10px;
}

.join p strong, .join_signup p strong {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 24px;
}

.fbHeader {
    float: none !important;
    margin: 0px auto !important;
    display: block;
    width: 190px !important;
}

#portlet2 form fieldset {
    float: left;
    margin-left: 22px;
}

#portlet2 form input[type="text"] {
    margin-top: 5px;
}

#portlet2 form input[type="password"] {
    margin-top: 5px;
}

#portlet2 form fieldset {
    position: relative;
}

    #portlet2 form fieldset.username input,
    #portlet2 form fieldset.password input {
        width: 130px;
    }

    #portlet2 form fieldset.country {
        padding-top: 5px;
    }

        #portlet2 form fieldset.country select {
            width: 302px;
            margin-top: 5px;
        }

fieldset.surveys {
    /*clear: both;*/
    padding-top: 16px;
    overflow: hidden;
}

    fieldset.surveys label {
        float: left;
        margin: 4px 8px 0 0;
        font-size: 1em;
        color: #5a5a5a;
    }

#portlet2 elem {
    vertical-align: top;
    padding-left: 6px;
}

fieldset.surveys input[type="button"] {
    float: left;
    margin: 0;
    padding: 3px 6px;
    border: 1px solid #c5c9d3;
    background: #e4e7ee;
    font-size: 1em;
    font-weight: bold;
    color: #666666;
    cursor: pointer;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

fieldset.surveys input.yesPortlet {
    padding-left: 12px;
    border-right: 1px solid #adadae;
    -moz-border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    min-width: 50px;
}

fieldset.surveys input.noPortlet {
    padding-right: 12px;
    border-left: 1px solid #f9f9fb;
    -moz-border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    min-width: 50px;
}

fieldset.surveys input.selected,
fieldset.surveys input:hover {
    background: #f3f4f8;
}

#loginPopup form input[type="submit"], #loginPopup form button {
    padding: 5px 25px;
    float: right;
    margin: 7px 0px 5px 0;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#registrationPopUp #btnSignUp {
    padding: 5px 25px;
    float: right;
    margin: 10px 0px 0px 0;
    border: none;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 111px;
}

#loginPopup form input[type="submit"]:hover {
    background: #ffad60;
}

p.errorPortlet {
    background: #000;
    background-image: none;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 11px;
    padding: 9px 0;
    position: absolute;
    left: 0;
    bottom: 27px;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
}

p.checked {
    display: none;
    background-image: none;
}


#portlet2 div.fakeSelect {
    width: 289px;
    height: 29px;
    padding: 0 7px;
    position: relative;
    font: 0.8em Arial, Helvetica, sans-serif;
    color: #5e5e5e;
    border: none;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #f9f9f9;
    background: url("/Content/images/bg/bginput.png") no-repeat;
}

    #portlet2 div.fakeSelect span {
        display: block;
        height: 21px;
    }

#portlet2 select,
#portlet2 div.fakeSelect {
    width: 303px;
    padding: 0 2px;
    padding-top: 4px;
    padding-right: 0;
    font-size: 1em;
    color: #a2a2a2;
    cursor: pointer;
    border: none;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #f9f9f9;
    background: url("/Content/images/bg/bginput.png") no-repeat;
    margin-top: 5px;
}

#portlet2 div.fakeSelect {
    float: none;
    position: relative;
    width: 297px;
    height: 21px;
    padding: 8px 0 0 6px;
}

.registerScrollBarPopUp {
    width: 300px;
    max-height: 202px;
    overflow: hidden;
    margin: 0px;
    right: 5px;
    top: 4px;
    position: relative;
    border: 1px solid #BBB;
    background: white;
    z-index: 30;
    visibility: hidden;
}

    .registerScrollBarPopUp .scrollbar-handle-container, .registerScrollBarPopUp .scrollbar-handle-up, .registerScrollBarPopUp .scrollbar-handle-down {
        right: 2px;
    }

    .registerScrollBarPopUp li {
        list-style: none;
        padding: 4px 4px 7px 5px;
        width: 260px;
        border-right: 2px solid #E2E2E2;
        overflow: hidden;
    }

        .registerScrollBarPopUp li:hover {
            background-color: #F3F3F3;
            cursor: pointer;
        }

.m_t_5 {
    margin-top: 5px !important;
    display: block;
}

#SignInForm .styleCheckbox, #registrationPopUp .styleCheckbox {
    background-repeat: no-repeat !important;
    cursor: pointer;
    position: relative;
    z-index: 10;
    background-image: url(/Content/images/MiscSprites.png);
    background-position: 0 -1220px;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 2px;
}

    #SignInForm .styleCheckbox input, #mini-reg-form .styleCheckbox input {
        position: relative;
        z-index: 0;
    }

    #SignInForm .styleCheckbox.cchecked, #popUpReg .styleCheckbox.cchecked {
        background-position: 0 -1232px;
    }

.labelRemember {
    cursor: pointer;
    line-height: 20px;
    color: #828283;
}

.rememberDiv {
    float: left;
    position: relative;
}

#registrationPopUp .rememberDiv {
    margin-top: -10px;
}

    #registrationPopUp .rememberDiv label {
        font-size: 10px;
    }

.popuprememberDiv {
    width: 153px;
    margin: 0px;
    float: right;
    color: #333;
    font-size: 12px;
}

    .popuprememberDiv input {
        float: left;
    }

    .popuprememberDiv label, .popuprememberDiv span {
        color: #333;
        font-size: 12px;
    }

#registrationPopUp #emailLabel {
    padding-top: 17px;
    display: block;
}


#registrationPopUp #remember {
    float: left;
}

#registrationPopUp .labelRemember {
    float: left;
    line-height: 21px;
}

#registrationPopUp label .lcountryReg {
    margin-top: 0px !important;
}

.greyplace {
    background: #e9e9e9;
    padding: 15px;
    margin: 10px 0px;
}

    .greyplace .loginleftside {
        float: left;
        width: 200px;
    }

    .greyplace .loginrightside {
        float: right;
        width: 200px;
    }
/* END CHECKBOX STYLE */
.showPassLogin {
    position: absolute;
    top: 40px;
    left: 0;
    display: block;
}

#portlet2 form fieldset.password .showPassSignup input {
    width: 15px;
}

.showPassSignup > input, .showPassSignup > label {
    float: left;
    display: block;
}

.showPassSignupLabel {
    cursor: pointer;
    font-size: 10px;
    margin-top: 5px;
}

.loginshortside .fbConnectImg {
    display: none;
}

.loginshortside img {
    margin-bottom: 10px;
}

.loginshortside label {
    color: #5E5E5E;
}

.popupshortside {
    width: 215px;
    float: left;
}


.popupbginput {
    width: 105px;
    margin-top: 3px;
}

    .popupbginput input, .popupbginput select {
        margin: 4px 0px 4px 5px;
        height: 22px;
        font-size: 15px;
        color: #333;
        border: none;
        background: none;
        width: 80px;
        font-family: AvenirLTStd55RomanRegular, Arial;
    }

    .popupbginput select {
        height: 24px;
    }

.popuplongside {
    width: 315px;
    float: right;
}


.popupbginput {
    background: #fff;
    position: relative;
}

    .popupbginput.loginputbottom {
        margin-bottom: 5px;
    }

    .popupbginput.longinput {
        width: 200px;
    }

        .popupbginput.longinput input {
            width: 177px;
            border: none;
        }

        .popupbginput.longinput select {
            width: 200px;
            border: none;
            margin: 4px 0px 4px 0px;
        }

#mini-reg-form .popupbginput {
    margin-bottom: 15px;
}

.popupshortplace {
    width: 150px;
    float: left;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

    .popupshortplace .popupbginput {
        width: 140px;
    }

        .popupshortplace .popupbginput input {
            width: 120px !important;
        }

.popupshortside label, .popuplongside label {
    display: inline;
    color: #5e5e5e;
    position: relative;
}

.join_signup .country {
    color: #999;
    width: 297px;
    padding: 7px 0px 1px 6px;
    cursor: pointer;
    margin-top: 3px;
}

.join_signup .fbConnectImg {
    height: 25px;
    float: none !important;
    color: #fff;
    margin: 0px;
    width: auto !important;
}

#joinTolunaPopup .join_signup .fbConnectImg {
    width: 190px !important;
}

.join_signup .fbConnectImg span {
    float: left;
    height: auto;
    width: auto;
    background: none;
    margin: 7px 15px 0px 0px;
    padding: 0px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0;
}

    .join_signup .fbConnectImg span.icon {
        height: 25px;
        width: 25px;
        margin: 0px 15px 0px 0px;
        background: url("/Content/images/sprites/headersprite.png") -54px -42px no-repeat;
        border-right: 1px solid #fff;
    }

#joinTolunaPopup .join_signup .fbConnectImg {
    display: inline-block;
    margin-top: 10px;
}

.forgotPassword {
    float: right;
    margin-top: 15px;
}

    .forgotPassword a {
        color: #000;
        text-decoration: underline;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
    }

        .forgotPassword a:hover {
            color: #515151;
        }

#registrationPopUp #btnSignUp {
    margin-bottom: 13px;
}

#usernameRegSignIn {
    min-width: 140px;
    display: block;
}

#passwordRegSignIn {
    display: block;
}

.loginPopupErrorMsg {
    background: #000;
    color: #FFFFFF;
    font-size: 0.9em;
    display: none;
    padding: 13px 10px;
    margin: 10px 0px 15px 0px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
    position: relative;
}

.registerPopupErrorMsg {
    background: #000;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 13px 10px;
    margin: 10px 0px 15px 0px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
    position: relative;
}

#lcountryReg {
    display: inline;
}


.termsofuse {
    font-size: 14px;
    color: #adadad;
    margin: 15px 0px 0px 0px;
    clear: both;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}

    .termsofuse a {
        text-decoration: none;
        color: #39C;
    }

.orstyle {
    color: #687ae9;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    width: 190px;
    margin: 10px auto 0 auto;
    background: url("/Content/images/bg/bgpurple.png") center center repeat-x;
}

    .orstyle span {
        padding: 0px 10px;
        background: #e9e9e9;
    }

.greydownarrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 10px 0 10px;
    border-color: #000000 transparent transparent transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -10px;
}

.uploadBtnContainer {
    color: #6d98b3;
    font-size: 12px;
    display: block;
    margin: 10px 0px;
    text-decoration: underline;
}

.ReplaceImageInner {
    text-align: center;
    padding-top: 18px;
}

    .ReplaceImageInner .firstMsg {
        color: #797979;
        font-style: italic;
        font-size: 16px;
        margin: 0 auto;
        width: 215px;
        height: 38px;
    }

    .ReplaceImageInner .stage2 {
        color: #797979;
        font-size: 16px;
        padding: 52px 0 18px 0;
        display: none;
    }

    .ReplaceImageInner .successMsg {
        color: #797979;
        font-size: 16px;
        padding: 52px 0 33px 0;
    }

    .ReplaceImageInner .errorMsg {
        color: #797979;
        font-size: 16px;
        height: 38px;
        padding: 0 20px;
        display: none;
    }

.bluemonster {
    background: url("/Content/images/monsters/bluemonster.png") no-repeat;
    width: 106px;
    height: 53px;
    margin: 10px auto -15px auto;
}

.SignInConfirmation .greyplace {
    text-align: center;
    padding: 30px 0px;
}

    .SignInConfirmation .greyplace h3 {
        color: #000;
        font-size: 18px;
        text-transform: none;
    }

.logingif {
    margin: 0px auto 10px auto;
}

.registerPopupForm label {
    position: relative;
}

.registerPopupForm p.error {
    position: absolute;
    line-height: 16px;
    width: 180px;
}

/* login circles*/
.circles-wrraper {
    display: inline-block;
    margin-bottom: 8px;
    width: 90%;
}

.circle-dot {
    display: inline-block;
    border-radius: 17px;
    border: 1px solid;
    font-family: Arial;
    font-size: 69px;
    width: 20px;
    height: 20px;
    position: relative;
}

    .circle-dot span {
        position: absolute;
        top: 6px;
        left: 6px;
        display: none;
        border-radius: 17px;
        width: 8px;
        height: 8px;
    }

        .circle-dot span span {
            position: absolute;
            left: 7px;
            top: 10px;
            width: 6px;
            height: 6px;
            display: block;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
/*-- login circles*/


.form-group {
    float: left;
    width: 200px;
}

    .form-group.margin_right {
        margin-right: 20px;
    }

    .form-group.dob .popupbginput {
        background-color: transparent;
    }

    .form-group.dob input {
        background-color: #fff;
        padding: 0 9px;
        margin-top: 0px;
        text-align: center;
        padding-top: 6px;
        padding-bottom: 4px;
        margin-left: 0;
    }

.form-group-email input {
    width: 94%;
}

.join_signup .form-group-email {
    clear: both;
}

.form-group-email .popupbginput {
    width: 100%;
}

input.small-input {
    width: 36px;
    margin-right: 5px;
}

    input.small-input:first-child {
        margin-left: 0;
    }

input.long-input {
    width: 63px;
}

.popupbginput.dob {
    width: auto;
}

#registrationPopUp .hint {
    left: 204px;
    bottom: 0;
}

    #registrationPopUp .hint .hint-info i {
        z-index: 10;
    }

    #registrationPopUp .hint .hint-info {
        background: rgba(255, 255, 255, 1);
        box-shadow: 1px -1px 0.5px rgba(0, 0, 0, 0.3);
    }

    #registrationPopUp .hint.forRoyaltyCardNumber.showing-info {
        background-position: -2px 60px;
    }

#registrationPopUp .password-icon {
    font-size: 18px;
    color: #B0B0B0;
    position: absolute;
    left: 5px;
    top: 7px;
}

    #registrationPopUp .password-icon.selected {
        color: #FF8717;
        cursor: pointer;
    }

#registrationPopUp input[name="password"] {
    padding-left: 20px;
    width: 157px;
}

input.hidden-fld {
    float: left;
    width: 1px;
    display: none;
}

#mini-reg-form .popupbginput {
    margin-bottom: 15px;
}

#registrationPopUp input[name="Password"], #registrationPopUp input[name="Password_text"] {
    padding-left: 20px;
    width: 155px;
}

#loginPopup .custom-text-header {
    padding: 5px 0 15px;
}

.popupbginput.longinput select option.rtlDirection {
    direction: rtl;
}

.popupbginput.longinput select option.ltrDirection {
    direction: ltr;
}

#registrationPopUp input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

#registrationPopUp input:focus:-moz-placeholder {
    color: transparent !important;
}
/* FF 4-18 */
#registrationPopUp input:focus::-moz-placeholder {
    color: transparent !important;
}
/* FF 19+ */
#registrationPopUp input:focus:-ms-input-placeholder {
    color: transparent !important;
}
/* IE 10+ */

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox .mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
	padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:14px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:14px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	bottom:0;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:5px;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	width:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
	padding-bottom:0;
	padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:10px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:10px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	right:0;
	bottom:auto;
	margin-left:-40px;
	margin-top:-16px;
	float:right;
}

/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
	opacity:0.75;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.2);
	filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.35);
	filter:"alpha(opacity=35)"; -ms-filter:"alpha(opacity=35)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
#recaptcha_image {
    border: solid 1px #424242;
    float: left;
    display: block;
    margin-top: 2px;
}
.captchaButtons {
    display: block;
    float: left;
    margin: 2px 0 0 3px;
}
.captchaButtons div {
    margin-bottom: -4px;
}
.captchaText {
    clear: both;
    padding-top: 10px;
}

.greycontainer {background:#d3dde1;padding:15px 25px;position:relative;}
.greycontainer a {display:inline-block;color:#fff;background:#3399cc;font-size:12px;font-weight:bold;text-align:center;padding:5px 15px;margin:0px 10px 0px 0px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    }
.greycontainer a:hover {background:#0c77ad;}
    
.greycontainer h3 {color:#666666;font-size:30px;font-weight:bold;margin-bottom:20px;}
     
.greycontainer span.close 
{
	 background: url("/Content/images/MiscSprites.png") no-repeat scroll 0 0 transparent !important;
   
    cursor: pointer;
    height: 15px;
    right: 5px;
    position: absolute;
    top: 8px;
    width: 15px;
    z-index:1;
    display:block !important;
}

.gifities_container  .navigation
{
    background:#FFF;
    height:28px;
    border-bottom:1px solid #d0d0d0;
    margin: 0px;
}

#RewardsSharePopup 
{
    position:absolute;
    display:none;
    width:555px;
    min-height:370px;
    background:#FFF;
    border: 4px solid #458DB1;
    border-radius: 19px 19px 19px 19px;
    -moz-border-radius: 19px 19px 19px 19px;
    -webkit-border-radius: 19px 19px 19px 19px;
}

#RewardsSharePopup .title {
	-webkit-border-radius: 15px 15px 0px 0px;
    -moz-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    background: url("/Content/images/bg/popuptitle.png") repeat-x;
    height: 41px;
    line-height: 41px;
    color: #646464;
    padding: 0px 15px;
    font-size: 18px;
}

#RewardsSharePopup .g_close {
	 background: url("/Content/images/MiscSprites.png") no-repeat scroll 0 0 transparent;
   top:15px;
}

#RewardsSharePopup .BottomPart {
border-top: 1px solid #F2F2F2;
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
padding-right: 16px;
padding-left: 50pt;
padding-top: 0pt;
padding-bottom: 2px;
clear: both;
padding-bottom:10px;
}

#RewardsSharePopup  .content {
	min-height:260px;
	
}

#RewardsSharePopup  .UserAddress {
	min-height:50px;
}

#RewardsSharePopup .ImageAndPoints {
	width:80px;
	float:left;
	height:260px;
}

#RewardsSharePopup .action 
{
	padding-top:10px;
	width:340px;
	float:left;
}
   
   
#RewardsSharePopup .error 
{
    background:#000;
	background-image: none;
    color: #FFFFFF;
    font-size: 0.9em;
    display: none;
    width:525px;
    height: 27px;
    line-height: 30px;
    padding-left: 30px;
    margin-bottom: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
    position:absolute;
}

#RewardsSharePopup .thankyou {
	font-size:30px;
	color:#6d98b3;
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
	text-align:center;
	padding-bottom:30px;
}

#RewardsSharePopup .infoheader {
	color:#6b6b6b;
	font-size:14px;
}

#RewardsSharePopup .info  {
    color:#b2b2b2;
	font-size:14px;
	padding-left:20px;
	
}

#RewardsSharePopup .sharewithfriends_container_china  {
    color: #B2B2B2;
    border: 0px solid red;
    background: #F0F0F0;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    height: 70px;
    margin-top: 35px;
    margin-left: 100px;
    width:190px;
    padding-left: 10px;
}
#RewardsSharePopup .sharewithfriends_container_china .sharewithfriends_china  {
    color:#b2b2b2;
    font-size:24px;
    text-align:center;
    padding:12px 0px;
    float:left;
    margin-top:10px;
   
}
#RewardsSharePopup .sharewithfriends_container_china .buttons_china 
{
    float:left;
  margin-top:10px;
}
#RewardsSharePopup .sharewithfriends_container  {
    color:#b2b2b2;
	background:#f0f0f0;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    width:390px;
    height:70px;
    margin-top:35px;
    margin-left:20px;
    float:left;
    padding-left:10px;
}

#RewardsSharePopup .sharewithfriends  {
    color:#b2b2b2;
    font-size:24px;
    text-align:center;
    padding:5px 0px;
    width:200px;
    float:left;
    margin-top:10px;
   
}

#RewardsSharePopup .buttons 
{
    float:left;
    width:180px;
  margin-top:10px;
}

#RewardsSharePopup .share_button {
	width:49px;
	height:49px;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background:#6d98b3;
    display:block;
    margin-left:10px;
    text-align:center;
    float:left;
}


#RewardsSharePopup .infoimg {
    background: url("/Content/images/sprite.png") no-repeat scroll -57px -492px transparent;
    width:20px;
    height:19px;
    float:left;
    margin-top:0px;
    clear:both;
}

#RewardsPurchasePopup_message {
	font-family:Arial;
}

.RewardsPurchasePopup_message_disabled 
{
    background:#f2f3f4;
}

.RewardsPurchasePopup_input_focused {
    color: #666 !important;
}

.ui-autocomplete
{
    max-height: 140px;
    max-width: 229px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    /*padding-right: 20px;*/
}
	
.stamp_tooltip { z-index:10000; border: none; height:30px; min-width: 110px;padding:0px 0px 10px 0px !important; 
                 background: url('/Content/images/bg/bgtooltips.png') no-repeat bottom; text-align: left; position:absolute;color:White;display:block;top:150px;left:96px;
                 }
.stamp_tooltip .become { font-size:11px;padding-left:5px;display:block;}
.stamp_tooltip .become2 {padding-top:7px;}
.stamp_tooltip .real { background:#8e2a94;padding:2px 5px;font-size:11px;float:right;margin:-2px 5px 0px 3px;display:inline-block;}


/*-Popups reward-*/
.bgrewardpopup {
    background: rgba(0, 0, 0, 0.6);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2222;
    display:none;
}

.rewardpopup, .giftiespopup, .realgiftiespopup {
    display:inline-block;
    -webkit-box-shadow: #000 0px 0px 15px;
    -moz-box-shadow: #000 0px 0px 15px;
    box-shadow: #000 0px 0px 15px;
    position:fixed;
    top:25%;
    left:50% !important;
    margin:0 0 0 -240px;
    min-width:200px;
    max-width:700px;
    z-index:2223;
    background-color: #fff;
}

.rewardpopup {
    margin:0 0 0 -261px;
}

.rewardpopup.outOfPointsPopup, .rewardpopup.finalizeRegistrationPopup { min-height:0 !important; }
.giftiespopup {margin:0 0 0 -300px;}
.realgiftiespopup {
    width: 700px;
    margin: 0 0 0 -350px;
    background: #e0e0e0;
    /*Enable text selection */
    -webkit-user-select: text;  /* Chrome all / Safari all */
    -moz-user-select: text;     /* Firefox all */
    -ms-user-select: text;      /* IE 10+ */
    /* No support for these yet, use at own risk */
    -o-user-select: text;
    user-select: text;          

}


.realgiftiespopup span.close, .giftiespopup span.close, .rewardpopup span.close, 
.rewardpopup span.customClose, .realgiftiespopup span.customClose {
    cursor:pointer;width:10px;height:10px;background: url("/Content/images/sprites/rewardssprite.png") -40px -90px no-repeat;position:absolute;top:5px;right:5px;z-index:111;
}
.redeemrewardpopup {width: 522px;padding: 35px 35px 25px 35px; display:none;}
.redeemrewardpopup .topPart { float: left;width: 100%; }
.topPart .giftCard { float: left;width: 200px;}
.topPart .plusminus { float: right; }
.topPart h3 {font-size:16px;text-transform:uppercase;font-weight: bold;}
.topPart .points {color:#959494;display:block;margin:8px 0px 0px 0px;}
.giftCard .imgPlace {width: 160px; height: 100px; border: solid 1px #000;}
.giftCard img { max-width: 160px;max-height: 100px;margin-top: 13px; }

.topPart .plusminus {overflow:hidden;font-size:14px;text-align: center;}
.topPart .plusminus span {display:inline-block;}
.topPart .plusminus .points {color:#4aa5d2;margin:3px 5px 0px 5px;display: block;}
.topPart .plusminus input {text-align:center;color:#525252;width:30px;margin:0px;border:none;font-weight:bold;font-size:16px; padding-top: 1px}
.topPart .plusminus .minus, .topPart .plusminus .plus {cursor:pointer;font-family: arial;font-size:20px;width:20px;height:20px;text-align:center;line-height:20px;font-weight:bold;}
.topPart .plusminus a.redeemBtn { display: block;width: 148px;padding: 8px 0px !important; }
.topPart a {text-align:center;padding: 8px 15px;text-transform: uppercase;display:block;font-size:14px;margin:15px 0px;}
.redeemVoucher .topPart .plusminus { margin-top: 20px; }
.topPart .plusminus a {color:#379cce;text-decoration:none;display:inline;}
.redeembottomlineplace a {color:#379cce;text-decoration:underline;display:inline-block;}

.redeemrewardpopup .rewardDescription {
    float: left;
    width: 100%;
    border-top: 1px #dcdcdc solid;
    padding-top: 15px;    
}
.rewardlongtext {min-height: 100px;max-height: 290px; margin-bottom:10px;padding-right:5px;overflow: auto;}
.redeemrewardpopup .redeembottomlineplace {font-size:14px;color:#6c6c6c;border-top:1px solid #b6b6b6;padding:15px 0px 0px 0px;clear:both;}
.redeemrewardpopup .redeembottomlineplace a {padding-left:10px;font-size:12px;}

.redeempointsplace {width:160px;padding:40px 35px 0px 35px;float:right;}


.rightarrowrewardpopup {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 35px 25px 35px 0;
    border-color: transparent #ffffff transparent transparent;
    line-height: 0px;
    _border-color: #000000 #ffffff #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    left: -35px;
    top: 40%;
    cursor:pointer;
}
.leftarrowrewardpopup {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 35px 0px 35px 25px;
    border-color: transparent transparent transparent #ffffff;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #ffffff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    right: -35px;
    top: 40%;
    cursor:pointer;
}

.changeaddressrewardpopup {display:none;}
.changeaddressplace {padding:15px 25px;width:480px;}
.changeaddressplace h3 {color:#525252;font-size:16px;font-weight:bold;margin:0px 0px 18px 0px;}
.changeaddressplace label {float:left;width:210px;margin-bottom:10px;display:block;}
.changeaddressplace label:nth-child(even) { margin-right: 49px;}
.changeaddressplace input {width:210px;height:19px;padding:3px 5px;color:#6c6c6c;background:#eeeeee;border:1px solid #d1d1d1;font-size:14px;}
.changeaddressplace select {height:27px;width:223px;color:#6c6c6c;background:#eeeeee;border:1px solid #d1d1d1;font-size:14px;}
.changeaddressplace span {color:#6c6c6c;display:block;height:20px;font-size:14px;}
.changeaddressplace select.errorField, .changeaddressplace input.errorField {border:2px solid #000;margin:-2px 0px 0px -2px}
.changeaddressplace label.twoRows span, #updatePaypalPopup .changeaddressplace span, #updateAlipayPopup .changeaddressplace span {height: auto;}

.changeaddressplace label.currentPasswordField {
    clear: both;
}

.changeaddressplace .forgot-password {
    float: right;
    clear: both;
    display: inline-block;
    height: 20px;
    margin-top: 3px;
}
.changeaddressplace .emailField .forgot-password {
    margin-right: -49px;
}
.changeaddressplace .currentPasswordField .forgot-password {
    margin-right: -11px;
}
.changeaddressplace .forgot-password a {
    font-size: 13px;
    color: #3399cc;
}

.changeaddressplace .changeAddressTopBox label.emailField { float: none;width: auto; }
.changeaddressplace .changeAddressTopBox input.emailField { width: 469px; }
.changeAddressSeparator {
    height: 3px;
    background: transparent url('/Content/images/update-popups-separator.png') no-repeat;
    margin: 15px 0px;
    clear: both;
}

.changeaddressrewardpopup .redeembottomlineplace {overflow:hidden;font-size:14px;color:#6c6c6c;border-top:1px solid #b6b6b6;padding:10px 15px;clear:both;}
.changeaddressrewardpopup .redeembottomlineplace a {text-decoration:none;padding:5px 15px;font-size:14px;display:inline-block;float:right;margin:0px 0px 0px 10px;}
.changeaddressrewardpopup .redeembottomlineplace button { border: none; padding:5px 15px;font-size:14px;display:inline-block;float:right;margin:0px 0px 0px 10px;cursor: pointer; }
.changeaddressrewardpopup .redeembottomlineplace button:disabled, .changeaddressrewardpopup .redeembottomlineplace button:disabled:hover { cursor: default; background-color: #ebebeb !important; }
.changeaddressrewardpopup .redeembottomlineplace input[type=submit] {
    float:right;margin:0px 0px 0px 10px;color:#fff;background:#36ade9;display:inline-block;border-width: 0px;padding:5px 15px;font-size: 14px;cursor: pointer;
}
.changeaddressrewardpopup .redeembottomlineplace input[type=submit]:hover { background:#ff8717; }

.tooltiperror {background:#565656;position:relative;padding:10px;color:#fff;margin-bottom:30px;display: block;}
.tooltiperror .bottomarrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 10px 0px 10px;
    border-color: #565656 transparent transparent transparent;
    line-height: 0px;
    _border-color: #565656 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left:-10px;
    min-height: inherit !important;
}
.tooltiperror .toparrow {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 10px 7px 10px;
    border-color: transparent transparent #565656 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #565656 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    left: 50%;
    top: -7px;
    margin-left:-10px;
}
.tooltiperror .tooltiperrorPlace {
    color:#fff;
}
.changeaddressplace ~ .changeaddressplace{margin-top: -26px;float: left;}
.changeaddressplace ~ .changeaddressplace h3,
.changeaddressplace ~ .changeaddressplace .changeAddressTopBox,
.changeaddressplace ~ .changeaddressplace + .redeembottomlineplace{display:none}
.changeaddressplace ~ .changeaddressplace .tooltiperror { display: none !important;} 


.thanksrewardpopup { display: none;}
.thanksplace {width:430px;padding:25px;}
.thanksplace .shareicons {font-size:14px;width:200px;border-top:1px solid #999;margin:20px auto 15px auto;padding-top:12px;color:#525252;text-align:center;}
.thanksplace .shareicons .share-text { display: block; }
.thanksplace .shareicons a {margin:0px 10px;display:inline-block;width:33px;height:33px;background:#42b2ea url("/Content/images/sprites/rewardssprite.png")  0px 0px no-repeat;}
.thanksplace .shareicons a:hover {background-color:#ff8717;}
.thanksplace .shareicons .facebook {background-position:-98px -111px;}
.thanksplace .shareicons .twitter {background-position:-94px -142px;}
.thanksplace .shareicons .contact {background-position:-97px -170px;}
.thanksplace .shareicons .googleplus {background-position:-96px -201px;}
.thanksplace h3 {font-size:30px;font-weight:bold;margin:0px 0px 10px 0px;text-align:center;}
.thanksplace .thanksclose {text-decoration:none;padding:7px 5px;text-align:center;text-transform:uppercase;width:140px;margin:10px auto 0px auto;font-size:14px;display:block;}
.thanksplace .youhaveredeem {font-size:17px;color:#6c6c6c;text-align:center;}
.thanksplace .youhaveredeem span {font-size:14px;color:#919191;display:block;margin-top:10px;}
.thanksplace .subText {font-size:14px;color:#919191;text-align:center;padding-top: 10px;}

.smallthanksrewardpopup {display:none;}
.smallthanksplace {width:430px;padding:25px;text-align:center;}
.smallthanksplace h3 {font-size:30px;font-weight:bold;margin:0px 0px 10px 0px;text-align:center;}
.smallthanksplace .youhaveredeem {font-size:17px;color:#6c6c6c;display:inline-block;text-align:center;border-bottom:1px solid #999;padding:0px 20px 20px 20px;margin:0px 0px 25px 0px}
.smallthanksplace .youhaveredeem span { display: block;padding-bottom: 5px; }
.smallthanksplace .thanksclose {text-decoration:none;padding:7px 5px;text-align:center;text-transform:uppercase;width:140px;margin:0px auto;font-size:14px;display:block;}


.chancetowin {width:240px;min-height:320px;border-right:1px solid #ccc;padding:15px;background:#f2f2f2;float:left;position:relative;}
.chancetowin h3 {font-size:14px;margin:10px 0px 10px 0px;text-transform:uppercase; font-weight: bold;}
.chancetowin .achance {color:#969696;font-size:12px;font-weight: bold;font-family: Arial;}
.chancetowin .giftieImgPlaces {width:100%;margin:15px 0px 15px 0px;}
.chancetowin .giftieImgPlaces .winnerimgplace {float:left;margin:0px 0px 0px 0px;width:90px;height:90px;border: 1px solid #ccc;}
.chancetowin .giftieImgPlaces .winnerimgplace span {display:table-cell;vertical-align:middle;text-align:center;width:90px;height:90px;}
.chancetowin .giftieImgPlaces .winnerimgplace img {max-width:78px;max-height:70px;}
.chancetowin .giftieImgPlaces .arrow {background: url("/Content/images/sprites/rewardssprite.png") -94px -235px no-repeat;width:30px;height:40px;display:block;float:left;margin:30px 5px 0px 5px;}
.chancetowin .peoplewhowon {width:100%;clear:both;padding-top:15px;overflow:hidden;}
.chancetowin .peoplewhowon span {display:block;margin-bottom:5px;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #333333;font-family: Arial;}
.chancetowin .peoplewhowon img {float:left;margin-right:5px;width:36px;}
.chancetowin .peoplewhowon a {display:inline-block;color:#999999;font-size:14px;margin:7px 0px 0px 10px;text-decoration:underline;}
.chancetowin .peoplewhowon span.winnersMore { display:inline-block;color:#999999;font-size:14px;margin:9px 0px 0px 10px;float: left;text-transform: none;font-weight: normal;cursor: default; }
.chancetowin .peoplewhowon a:hover {color:#ff8717;}
.chancetowin .peoplewhowon a.winnerLink { margin: 0;display: inline; }
.chancetowin .favorites {background: url("/Content/images/sprites/rewardssprite.png") -76px -282px no-repeat;width:46px;height:43px;position:absolute;right:0px;top:0px;}
.chancetowin .favorites .whitestar {background: url("/Content/images/sprites/rewardssprite.png") -25px -70px no-repeat;width:15px;height:15px;display:block;margin:5px 0px 0px 26px;}

.giftiesendmessage {float:right;width:320px;height:295px;}
.giftiesendmessageplace {padding:15px;background-color: #ffffff;}
.giftiesendmessage .userdatasend, .giftiesendmessage textarea {border:1px solid #b0b0b0;padding:5px;}
.giftiesendmessage textarea {margin:0px;width:278px;color:#b8b8b8;font-size:12px;height: 150px;}
.giftiesendmessage .userdatasend {overflow:hidden;margin:15px 0px 10px 0px;}
.giftiesendmessage .userdatasend img {width:36px;float:left;}
.giftiesendmessage .userdatasend input {float:left;margin:8px 0px 0px 10px;border:none;width:220px;color:#b8b8b8;font-size:12px;}
.giftiesendmessage .userdatasend input.emailInput {margin:11px 5px 8px 10px;}
.giftiesendmessage .userdatasend a {text-decoration:underline;font-size:12px;display:inline-block;margin-top:9px;font-family:Arial;}
.giftiesendmessage .tooltiperror {position: absolute;top: 112px;width: 270px;}
.giftiesendmessage .userdatasend .addressCover { position: absolute;right: 25px; height: 35px;color: #b8b8b8; }
.giftiesendmessage .userdatasend .addressCover.user { width: 230px; }
.giftiesendmessage .userdatasend .addressCover.email { width: 265px; }
.giftiesendmessage .userdatasend .addressCover div.emailCover { display: none;padding-top: 10px; }

.giftierewardpopup {display:none;}
.giftierewardpopup .rewardstabs {border-bottom:1px solid #ccc;}
.giftierewardpopup .rewardstabs span.tab {width:50%;font-size:14px;padding:0px 0px 2px 0px;margin-right:0px;}
.giftierewardpopup .giftielongtext { height: 88px; }
.giftierewardpopup .giftielongtext .scrollbar-pane { padding-right: 17px; }

.userCover {font-family:Arial;}

.pointssendplace {padding:15px;width:290px;position:absolute;bottom:0px;right:0px;}
.pointssendplace .points {display:inline-block;width:190px;text-transform:uppercase;font-size:14px;}
.pointssendplace a {display:inline-block;}
.pointssendplace .terms {font-size:13px;}
.pointssendplace .send {color:#333;font-size:14px;text-transform:uppercase;padding:7px 15px;background:#fff;float:right;}
.pointssendplace .send:hover {text-decoration:underline;-webkit-box-shadow: #094a6a 0px 0px 5px; -moz-box-shadow: #094a6a 0px 0px 5px; box-shadow: #094a6a 0px 0px 5px;}

.finalizeRegistrationPopup {display:none;}
#finalizeRegistrationEmail{ margin: 10px 0px 20px;}
.outOfPointsPopup {display:none;}
.stepsplace {width:440px;padding:20px 20px 15px 20px;text-align:center;}
.stepsplace .steps .step {text-transform:uppercase;margin:10px 0px;padding:2px 15px;color:#fff;display:inline-block;font-size:16px;background:#42b2ea;}
.stepsplace .steps .step:hover {background: #ff8717;}
.stepsplace .steps span {float:left;display:inline-block;margin:4px 0px 0px 0px;cursor: pointer;}
.stepsplace h3 {color:#42B2EA;font-size:30px;margin:0px 0px 10px 0px;text-align:center;}
.stepsplace a {font-size:17px;display:block;color:#ff8717;text-decoration:underline;}
.stepsplace a:hover {color:#42b2ea;}
.stepsplace p {font-size:17px;color:#6c6c6c;text-align:center;margin:15px 0px;}
.stepsplace a.step {display:inline-block;margin:4px 0px 0px 0px;cursor: pointer;text-decoration: none;}

.isrealgiftiepopup {display:none;}
.isrealgiftiepopup .realgiftieimg {background:#fff;border:1px solid #b7b7b7;width:150px;height:150px;margin:20px auto 0px auto; border-radius: 75px;-webkit-border-radis: 75px;-moz-border-radius: 75px;}
.isrealgiftiepopup .realgiftieimg span {display:table-cell;vertical-align:middle;text-align:center;width:150px;height:150px;}
.isrealgiftiepopup .realgiftieimg img {max-width:150px;max-height:150px;border-radius:75px;-webkit-border-radis: 75px;-moz-border-radius: 75px;}
.isrealgiftiepopup .realgiftielenta {position:relative;top:-15px;margin:0px auto 0px auto;padding-top: 40px;text-transform:uppercase;text-align:center;color:#fff;font-size:30px;font-weight:bold;background: url("/Content/images/bg/bglenta.png") no-repeat;width:587px;height:75px;}
.isrealgiftiepopup .realgiftiedata {margin:0px auto 30px auto;color:#6c6c6c;font-size:14px;width:410px;}
.isrealgiftiepopup .realgiftieaddress {margin-bottom:20px;}
.isrealgiftiepopup .realgiftieaddress a {color:#379cce;font-size:11px;text-decoration:underline;}
.isrealgiftiepopup .shareicons {width:142px;float:left;}
.isrealgiftiepopup .shareicons a {margin:0px 10px 0px 0px;display:inline-block;width:33px;height:33px;background:#42b2ea url("/Content/images/sprites/rewardssprite.png")  0px 0px no-repeat;}
.isrealgiftiepopup .shareicons a:hover {background-color:#ff8717;}
.isrealgiftiepopup .shareicons .facebook {background-position:-98px -111px;}
.isrealgiftiepopup .shareicons .twitter {background-position:-94px -142px;}
.isrealgiftiepopup .shareicons .contact {background-position:-97px -170px;}
.isrealgiftiepopup .shareicons .googleplus {background-position:-96px -201px;}
.isrealgiftiepopup .sendittome {text-transform:uppercase;font-size:15px;padding:7px 10px;display:inline-block;}
.isrealgiftiepopup .winningKey { padding-bottom: 7px; }

.seeifisrealgiftiepopup {display:none;}
.seeifisrealgiftiepopup .giftieexpl {color:#525252;font-size:18px;background:#fff;padding:15px 50px;margin:15px 0px 30px 0px;}
.seeifisrealgiftiepopup .giftieexpl h3 {color:#333;font-weight:bold;margin-bottom:5px;}
.seeifisrealgiftiepopup .reveal {margin-left:30px;font-weight:bold;text-transform:uppercase;text-decoration:underline;font-size:15px;padding:10px 50px;display:inline-block;-webkit-box-shadow: #696666 4px 4px 0px; -moz-box-shadow: #696666 4px 4px 0px; box-shadow: #696666 4px 4px 0px;}
.seeifisrealgiftiepopup .seeifthis {position: absolute;left: 390px;top: 55px;z-index:1;}
.seeifisrealgiftiepopup .seeifthis span {padding:6px 15px 6px 30px;margin-bottom:6px;display:inline-block;font-weight:bold;text-transform:uppercase;font-size: 22px;}
.seeifisrealgiftiepopup .realgiftieimgplace {padding:20px 50px;overflow:hidden;}
.seeifisrealgiftiepopup .realgiftieimg {float:left;background:#fff;border:1px solid #b7b7b7;width:150px;height:150px; border-radius: 75px;-webkit-border-radis: 75px;-moz-border-radius: 75px;}
.seeifisrealgiftiepopup .realgiftieimg span {display:table-cell;vertical-align:middle;text-align:center;width:150px;height:150px;}
.seeifisrealgiftiepopup .realgiftieimg img {max-width:150px;max-height:150px;border-radius:75px;-webkit-border-radis: 75px;-moz-border-radius: 75px;}
.seeifisrealgiftiepopup .realgiftiearrow {margin:60px 10px 0px 10px;display:block;float:left;width:30px;height:40px;}
.seeifisrealgiftiepopup .realgiftiearrow::before{font-family: "wizard-icons-font"; content:"\e608";font-size: 45px;position: relative;top: -8px;left: -7px;}
.seeifisrealgiftiepopup .realgiftieimg.secondgiftie {position:relative;z-index:11;}
.seeifisrealgiftiepopup .crossingfingers {display: none;font-family: AvenirLTStd65MediumBold, Arial;text-transform:uppercase;font-weight:bold;font-size:33px;background:#fff;padding:25px 50px 15px 50px;margin:15px 0px 30px 0px;position:relative;}
.seeifisrealgiftiepopup .crossingfingers .icon {margin:0px 20px 0px 0px;display:block;float:left;width:45px;height:75px;background: url("/Content/images/sprites/rewardssprite.png")  -80px -366px no-repeat;}
.seeifisrealgiftiepopup .crossingfingers img {float:right;margin:-10px 0px 0px 10px;}
.seeifisrealgiftiepopup .bluelinetop {background:#55aad4;height:6px;position:absolute;left:0px;top:0px;width:0px;border-radius: 0px 0px 5px 0px;-webkit-border-radis: 0px 0px 5px 0px;-moz-border-radius: 0px 0px 5px 0px;}

.tryagaingiftiepopup {display:none;}
.tryagaingiftiepopup .realgiftieimgplace {padding:20px 50px;margin:0px auto;overflow:hidden;width: 240px;}
.tryagaingiftiepopup .realgiftieimg {float:left;background:#fff;border:1px solid #b7b7b7;width:100px;height:100px; border-radius: 75px;-webkit-border-radis: 75px;-moz-border-radius: 75px;}
.tryagaingiftiepopup .realgiftieimg span {display:table-cell;vertical-align:middle;text-align:center;width:100px;height:100px;}
.tryagaingiftiepopup .realgiftieimg img {max-width:100px;max-height:100px;border-radius:75px;-webkit-border-radis: 75px;-moz-border-radius: 75px;}
.tryagaingiftiepopup .realgiftiearrow {margin:35px 5px 0px 5px;display:block;float:left;width:25px;height:30px;}
.tryagaingiftiepopup .realgiftiearrow::before{font-family: "wizard-icons-font"; content:"\e608";font-size: 45px;position: relative;top: -8px;left: -10px;}
.tryagaingiftiepopup .virtualgiftie {text-align:center;background:#fff;padding:20px 50px;margin:15px 0px 30px 0px;}
.tryagaingiftiepopup .virtualgiftie h3 {font-family: AvenirLTStd65MediumBold, Arial;text-transform:uppercase;font-size:24px;font-weight:bold;}
.tryagaingiftiepopup a {color:#36ade9;font-size:18px;display:block;text-decoration:underline;}
.tryagaingiftiepopup a:hover {color:#000;}
.tryagaingiftiepopup a.tryagain {margin: 20px auto 20px auto;text-decoration:none;width:200px;padding:8px 0px;text-align:center;font-weight:bold;}


.rewardstabs {overflow:hidden;}
.rewardstabs span.tab {display:inline-block;float:left;font-size:10px;text-transform:uppercase;color:#525252;text-align:center;padding:0px 5px 2px 5px;margin-right:15px;border-bottom: 6px solid rgba(0, 0, 0, 0);cursor:pointer;}
.rewardstabs span.this {border-bottom:6px solid;}

.ui-autocomplete .ui-state-hover, 
.ui-autocomplete .ui-widget-content .ui-state-hover, 
.ui-autocomplete .ui-widget-header .ui-state-hover, 
.ui-autocomplete .ui-state-focus,
.ui-widget-content .ui-state-focus, 
.ui-autocomplete .ui-widget-header .ui-state-focus
{
    width: 197px;
}

.addressContent { margin-bottom: 10px;}
.addressContent div { overflow: hidden;}
.addressContent .title { display: inline-block;float: left;min-width: 60px;margin: 0px 10px 0px 0px;}
@media screen and (max-width:667px) {
    .isrealgiftiepopup .realgiftieimg img {
        max-width: 100% !important;
    }
}

.footerSpacer {
    clear: both;
    background: #f6f6f6;
    padding-bottom: 20px;
    padding-top: 55px;
    width: 99.9%;
    margin: 0 auto;
}
 
   .footer
    {
        position: relative;
        width: 980px;
        margin: 0px auto;
    }

    .footer select {
        height: 22px;
        color: #acacac;
        background-color: #fbfbfb;
        width: 240px;
    }
    .footerheight30
    {
        clear: both;
        height: 30px;
    }
    .socialplaceContainer
    {
        background: url(/Content/images/bgfooter.png) center center no-repeat;
        padding-top:85px;
        min-height: 66px;
    }
    .emptyContainer
    {
        height: 50px;
    }
  
    .feedback
    {
        margin-right: 20px;
    }
  

    .heafooterLanguageSelectderLogo 
    {
        background: url(/Content/images/sprites/HeaderSprites.png);
        width:216px; height:61px;
        background-position: 0 -829px;
    }

    .headerLogo .christmasContainer
    {
        position:relative;
    }
    .headerLogo .christmasContainer .xmas_hat {
        background-image: url('/Content/images/christmasLogoDecoration/xmas_hat.png');
        width: 48px;
        height: 46px;
        position: absolute;
        left: 30px;
        top: 1px;
    }
    .headerLogo .christmasContainer .treeBall 
    {
        display: none;
    }
    .headerLogo .christmasContainer .leaf 
    {
        display: none;
    }   

    .logos_grey
    {

       float:right
    }

    .copyright
    {
        text-align: right;
        color: #a5a5a5;
        font-size: 10px;
        clear: both;
        margin: 5px 15px 0px 0px;
    }

    .socialsicons
    {
        width: 190px;
        float: left;
        min-height: 110px;
        margin-left: 20px;
        color:#a5a5a5;
        font-size:11px;
    }

    .footerRightBottom
    {
        float: right;
        margin: 0px 0px 10px 0px;
    }
 
    .footerRightBottom {
        width: 350px;
    }

    #pageLangCur A.langCurOpen
    {
        background: #b3cedb;
        color: #fff !important;
        padding: 5px 0px 4px 5px;
    }
    #pageLangCur A SPAN
    {
        float: left;
        margin: 2px 5px 2px 5px;
    }

    .socialShareContainer
    {
       margin-bottom:10px;
    }
    .follow-instagram {width:137px;height:24px;background: url(/Content/images/instagram.png);}
    .scrollbar
    {
        width: 220px;
        height: 250px;
        overflow: hidden;
        margin: 0px;
        bottom: 130px;
        right: 0px;
        position: absolute; 
        border: 1px solid #bbbbbb;
        background: #fff;
    }

    .bottomMenu
    {
        overflow: hidden;
        float: left;
    }
    .bottomMenu div
    {
        min-height: 145px;
        float: left;
        padding: 0px 0px;
        text-align: left;
        margin-right:40px;
    }
    .bottomMenu div a
    {
        text-shadow: 0px 1px 1px #fff;
        color: #666;
        font-size: 11px;
        padding: 0px 0px 13px 5px;
        display: block;
        text-decoration: none;
        font-weight:normal;
        font-family: AvenirLTStd55RomanRegular, Arial;
    }
    #pageBottomMenu div h2
    {
        padding:0;
        margin:0;
    }
    .bottomMenu a:hover
    {
       color:#ff8717;
    }

    .w_bg_input input, .w_bg_input select {border:none !important;width: 215px;color:#333;font-family: arial;font-size: 12px;padding: 1px 0 1px 7px;}
    .appStoreImg{width: 152px;height: 30px;margin-bottom: 20px;}
  
.footerAppStore {
    color: #000;
    font-size: 10px;
    display: block;
    padding: 0px 0 0 34px;
}
    .footerGooglePlay {
        color: #000;
        font-size: 10px;
        display: block;    
        padding: 0px 0 0 35px;  
    }
    .toluna_grey_logo {
        background: url(/Content/images/maintolunalogo.png) no-repeat;
        width: 118px;
         height: 31px;
    }
    .apps {float:left}
    
    .footer-truste-logo {
        float: left;        
    }
    .footer-truste-logo a {
        background: none !important;
        margin-right: 0 !important;
    }
    
    /*#d2a91304-8ff7-4856-9098-5de84b0acd98*/
        .footer-truste-logo img {
            width: 138px;
            position: relative;
            top: 9px;
        }
    /*#d2a91304-8ff7-4856-9098-5de84b0acd98*//*.truste-logo { display: none;}*/

    #footerLanguageSelect {
        padding-bottom: 40px;
        text-align: center;
    }

    #footerLanguageSelect select option.rtlDirection {
        direction: rtl;
    }

    #footerLanguageSelect select option.ltrDirection {
        direction: ltr;
    }

    #footerLinks {
        text-align: center;
        line-height: 2;
    }

    #footerLinks a {
        font-family: arial;
        font-size: 14px;
        text-decoration: none;
        white-space: nowrap;
    }

    #footerSocials{ 
        text-align: center;
        padding-top: 19px;
        padding-left: 8px;
    }
        #footerSocials a {
            display: inline-block;
            width: 25px;
            height: 29px;
            text-decoration: none;
            background: url("/Content/images/social/footer-socails.png");
            margin-right:35px;  
        }

#footerSocials a.fb{ background-position: -2px 1px;}
#footerSocials a.fb:hover{ background-position: -32px 1px;}
#footerSocials a.twitter{ background-position: -2px -28px;}
#footerSocials a.twitter:hover{ background-position: -32px -28px;}
#footerSocials a.instagram{ background-position: -1px -59px;}
#footerSocials a.instagram:hover{ background-position: -31px -59px;}
#footerSocials a.youtube{background-position: -2px -89px;width: 25px;}
#footerSocials a.youtube:hover{ background-position: -32px -89px;}

#footerSocialLikes {
    text-align: center;
    margin-top: 24px;
}

#footerSocialLikes > div {
    margin-right: 25px;
}

#footerSocialLikes div:last-child {
    position: relative;
    top: 3px;
}
#footerSocialLikes .twitter-wrraper {
    display: inline-block;
    position: relative;
    top: -3px !important;
}

#footerSocialLikes a.tweet,#footerSocialLikes .twitter-count{ font-size: 12px;color:#999999}
#footerSocialLikes a.tweet {
    color: #fff;
    background: #41b1e9 url(/Content/images/social/twitter-icon-white.png) no-repeat 3px center;
    padding: 4px;
    padding-left: 24px;
    display: inline-block;
    border-radius: 2px;
}

#footerSocialLikes .twitter-count {
    position: relative;
    top: 1px;
}

#footerSocialLikes .twitter-count label{
    display: inline;
    margin: 0 !important;
    font-size: 12px;
    color: #9297a4;  
    border: 1px solid #9297a4;
    border-radius: 2px;
    padding: 2px;
    position: relative;
    margin-left: 3px !important;
    font-family: arial;
    padding-bottom: 1px;
}

#footerSocialLikes .twitter-count i{
    width: 6px;
    height: 21px;
    background: url(/Content/images/social/left-arrow.png);
    display: inline-block;
    position: absolute;left: -2px;top: -5px;
}

#footerLogos{padding-left: 121px;margin-top: 40px;float: left;}
#footerLogos a {
    background: url(/Content/images/Channels/gray-logos.png) no-repeat;
    margin-top: 0;
    margin-right: 59px;
    text-decoration: none;
    color: #999999;
    display: block;float: left;
    height: 55px;
}

#footerLogos a.toluna {
    background: none;  
    padding-left: 8px;
    padding-right: 7px;
}

#footerLogos a.g-play span, #footerLogos a.app-store span {
    font-family: Arial;font-size: 14px;margin-top: 9px;display: inline-block;margin-left: 35px;
}
#footerLogos a.g-play span {
    margin-left: 39px;
}
#footerLogos a.app-store{ background-position: -173px -3px; width: 143px;position: relative;top:1px;}
#footerLogos a.g-play{ background-position: -374px -1px; width: 174px;}

#footerLogos a.ssl-certifcate{width:138px;background-position: -597px 0;position: relative;top: -5px;}

#footerLogos a.toluna .copyright{ display: block;margin-top: 42px;margin-right: 11px;font-family: arail;}
#footerLogos a.toluna img { max-width: 125px !important;max-height: 55px !important; }

.cookieWarningnContainer {
    font-size: 14px;
    position: relative;
    background: transparent url('/Content/images/bg/cookie_banner_bg.png') repeat;
    color: #666666;
    text-align: center;    
}
.cookieWarningnContainer .cookiesBannerWrapper {
    margin: 0 auto;
    position: relative;
    width: 995px;
    padding: 5px 0px;
}
.cookieWarningnContainer span.cookiesBannerText {
    display: inline-block;
    overflow: hidden;
    font-family: MuseoSans-300, Arial;
    font-size: 14px;
    width: 960px;
}
.cookieWarningnContainer .closeBanner {
    display: inline-block;
    overflow: hidden;
    background-color: yellow;
    width: 12px;height: 12px;
    background: transparent url("/Content/images/close_banner.png") no-repeat;
    cursor: pointer;  
    float: right;
    margin: 2px 0px 0px 20px;
}
.cookieWarningnContainer a {
    color: #4198c3;
    font-family: MuseoSans-300, Arial;
}
#pageLangCur-menu {
    width: 262px!important;
    max-height: 177px;
}
.mobile-view, #footerSocials .mobile-view {
    display: none;
}

    @media screen\0 {
    /*IE8+*/
    #footerSocialLikes .twitter-wrraper {
    top: -6px;
    }

    #footerSocialLikes div:last-child {
        top: 1px;
    }
    #footerSocialLikes .twitter-count i{ top: -6px;}

    .fb_iframe_widget iframe{ z-index: 1000;}
}
@media screen and (min-width: 668px) {
    .footerSpacer{ min-width: 1000px;}
}
.browsersupport {padding:20px 0px;background:#525252;position:fixed;top:0px;left:0px;width:100%;z-index: 900;}
.browsersupport span {display:inline-block;color:#e8e8e8;font-size:14px;}
.browsersupport span.title {font-size:23px;display:block;}
.browsersupport a {position:absolute;top:10px;right:0px;color:#ff8717;background:#fff;padding:5px 15px;text-transform:uppercase;font-size:14px;}
.browsersupport .exclamationmark {margin-right:20px;font-family:tahoma;width:40px;height:40px;background:#fff;text-align:center;font-size:31px;float:left;color:#ff8717;line-height:40px;font-weight:bold;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.browsersupport .close {width:8px;height:8px;position:absolute;top:-10px;right:0px;padding:0px;margin:0px;font-size:14px;background: url(/Content/images/closewhite.png) no-repeat;}
/* Header */
.header.browsersupported {top:80px;}
/* Landing page */
.landingPageWrapper .browsersupport { position: inherit; }
.landingPageWrapper .browsersupport .wrap {position: relative; width: 995px; margin: 0 auto;}
@media screen and (max-width:667px)
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
    body {height:auto;padding-top:40px;position:relative;}    

	img{max-width:100%;height:auto;}
	h1 {margin-top:15px;}
	.wrap object, .wrap iframe, .w_share, .movieContainer iframe, .countrySelect, #loginForm .personalInfoForm div.form-row, .notificationsButtons, .rewardsexpandedbox .sweepstakeboxes .sweepstakebox, .verificationTopText, .topTitleLeft {width:100% !important;margin:10px 0px !important;} 
	input[type="text"], input[type="tel"], input[type="email"], input[type="password"], select, textarea {padding: 2px 4%;}
	select, .changeaddressplace select {width: 99%;padding:0px 0px;}
    .smallcontactplace select {padding:2.5% 0px !important;}
    .smallcontactplace, .forgotContent, .verificationWrap, .forgotWrap, #personalDetailsForm .personalInfoForm div.form-row, .contactWrap, .surveysPage .userInfoDiv.notEligible {width: 100%;padding:0px;background:none;}
    .topic_categorize, .rewardsexpandedbox .sweepstakeboxes, .giftiesopenvirtual .tableofgiftiesvirtual, .smallcontact, .registr_H, .popupcontent_wizard, .forgotContent, .redeemgiftcard, .rewardlongtext {height:auto !important;}
    .footer, .footerRightBottom, .landingpagewrap,  .movieContainer, .dottedbox.fbUsers, .sprite-landingpage2, .sprite-landingpage1, .sprite-landingpage3, .sprite-landingpage4, .sprite-landingpage5, .l_side, .bottomMenu, .socialsicons,  #lSide, #rSide, #surveyCenterContainer, #surveyCenterInnerContainer, .rewardsexpandedbox .sweepstakeopenboxes .sweepstakebox, .slidergifties ul, #leftSideColumn, #rightMainColumn, .confirmText {width:100% !important;float:none !important;}
    .greyplace .loginleftside, .greyplace .loginrightside, .whatis, .smallcontact_left, .smallcontact_right, .registr_H h1, .sepgreyline, #SignUpBtn, #DashboardUserInfo, #DashboardUserInfo #progressbar, .withMedia .pollResultsWidgetAnswerText, .pollResultsWidgetAnswerText, .inviteform, .scrollbox, .f_r_rewards,#dashboard-right-side {width:100% !important;float:none !important;}
    .wrap,.widgetHeaderTxt, .answerTextSpan, .sidesholder .pollResultsWidgetAnswerText, .prevTestMoreDetails, .popupbginput.longinput, .helpopen div.helpexpl, .privacycontainer table, .grey_s_longfield select, .scrolltable table {width:100% !important}
    .giftiesendmessageplace input[type="text"] { padding: 2px 2%;}
    #GeneralNotificationPopup, #GeneralConfirmPopup, #rewardsPopupDiv, #wizardPopupDiv, #EmailSharePopup, #WidgetEmbedPopup, .redeemrewardpopup, #loginPopup, #joinTolunaPopup, #changePasswordPopUp, #videoPopup, .FollowPopUp, #joinTolunaPopup, #fbBox, .fb_white, .giftierewardpopup, .realgiftiespopup, .rewardpopup, .giftiespopup, .realgiftiespopup, #FBConnectToToluna, #RewardsSharePopup, #uploadProfileImagePopup, #imgUploadPopup, #TourPopup {width:95% !important;left:2.5% !important;top:5px !important;margin:0px !important;padding:0px;/*-webkit-overflow-scrolling:touch;*/right:auto !important;bottom:auto !important;/*position:relative !important;*/}
    #registrationPopUp {width:95% !important;left:2.5% !important;top:5px !important;margin:0px !important;padding:0px;right:auto !important;bottom:auto !important;position:absolute !important}
    #fbBox {position:fixed !important;}
    #quickSurveyStrip .startButton div, #userBigAvatarEnlarge, .smallcontact span, .difsizetitle h2, h1.contactUsH1, .searchplace, .page-title, .botsignup, .mainDiv404, .bottomStrip404 .graphics, .pardon, .profileWrapper #userWall {width:100%;margin:0px;}
    .r_side:not(#dashboard-right-side), .askstyle, #slides, .fbUsers, .planeRelativeContainer, .socialsicons, #tolunaTour, .browsersupport, .righttringle, .giftiesslides, .scrollbargifties, .pagesgifties, .TimeDiffDiv, .socialsicons, #tourMask, .registr_H a.fb, .intro, .banner, .searchpic .preview, .infographicsbtn, #changePasswordPopUp .topImage, .miniInfogContainer, .topic_categorize .CategorizeTxt, .robot, #ResultsView img.playVideoOverlay, .rewardsTutorial, .needmorepoints .triangle, #fbCorners, #fbCorners2, #fbShadows, .profile-surveys, #yellowpopupFacebook .arrow, #main-carousel-content .left-side, .content-bottom, #HeaderToContentSepertor,#DashboardUserInfo,#latestNews,#sweepstakesBanner,#offersBanner,#mobileBanner,#sharingContainer {display:none !important}
    .youhavepoints .righttringle { display: block !important; }
    .aside-surveys, .longregisterheader, .registr_facebook, .longregistersteps .covercurtain, .longregistersteps .nextstep  {display:none !important}
    .tips div, .copyright, .mycontentpage #pager #pageNumbers, .mycontentpage #pager #pageNumbers > .pageNum, .surveysPage .surveyContainer .surveyTitle, .menuBarWrapper, .needmorepoints a, .grayform.inviteFriend, .divPardon, #footerLogos a, #termsOfUse  {margin:0px !important;}
    #shortTour, #ResultsView .resultsVoteContainer, .helplist, .contactThankYou .difsizetitle, #profile div.image .lightgreybox, .search_p_v, .unsubscribeMiddle .unsubscribeWrap, .smallCB, .dateWrp, .addrWrp, .giftiesendmessageplace, div.survey-catagories div.no-surveys div.wrrapper, .landmobile, #footerLanguageSelect {padding:0px !important;}
    .fl_le, #changePasswordPopUp .topText, #recaptcha_image, .unsubscribeWrap, .innerContainer, .envelope, .wrapper, div.surveys-catagories, .catgory-item, .postregbox, .pardon, .mainDiv404 .header404 h1   {width:100% !important;float:none !important;margin:0px !important}
    .redeemgiftcard, .redeempointsplace, .thanksplace, .stepsplace, #main-content {width:96% !important;float:none !important;margin:0px !important;padding:2%;}
    p.error, #changePasswordPopUp input, .giftiesendmessage textarea, .realgiftiedata, .yourPayments > div input[type=text] {width:95% !important;padding:2.5% !important}
    #additional .opacbox p.surveys, #additional .opacbox p.newsletter, .acceptanceForm p.surveys, .acceptanceForm p.newsletter, #rewardsPopupDiv div.done span, #wizardPopupDiv div.done span, .interestSurvey .greysubmenu   {width:100% !important;float:none !important;padding:0px !important}
    #wizardPopupDiv div.done span { display: block; }
    .select_w .this, .landingpageBlue, .unsubscribeMiddle {background:none;}
    .whatis img, .unsubscribeMiddle, .submitplace {border:none !important;}
    .landingpagewrap, .unsubscribeMiddle {width:auto !important;min-height:1px;}
    .unsubscribeMiddle .youtube, .unsubscribeText, .userCountry, .personalInfoForm span, #footerLogos {height:auto !important;float:none !important;width:100% !important;margin:0px !important;padding:0px !important;}
    .userCountry, .w_bg_input input, .w_bg_input select {width:99% !important;}
    .userCountry > img { margin-left: 10px; }
    .personalInfoForm .forgot-password { padding-top: 5px !important; width: auto !important;float: right !important; }
    .personalInfoForm div.form-row { width: 100%; }
    .youhavepoints, p#signup, #ResultsView .answerImageContainer, .selectadate .load {float:none !important;}
    #gender_male {float:right !important;}
    .contactThankYou {min-height:1px;}
    .boyplane {overflow:hidden;}
    .youpic img, .EmailSharePopupAlertDiv, .surveysPage #rSide {height:auto;}
    .morecomments {clear:both;margin:10px 0px;padding:5px 0px;}
    .interestSurvey .t_popup span {color:#fff;}
    ul.questionLength, .btnWizard, .rewardsexpandedbox .sweepstakeboxes .sweepstake {float:none !important;margin:0px !important;}
    .questionRandom, .surveysPage #rSide, .profileWrapper #leftSideColumn, .profileWrapper #rightMainColumn, .whatis img, a.btnDoIt, .notEligibleButtons a  {float:none !important;margin:10px 0px !important;}
    .first_last_name, .grey_s_longfield {width:99% !important;margin:0px;height:auto;padding:0px 0px !important;}
    .grey_s_longfield {padding:4px 0px !important;}
    .grayform .genderBox {height: 14px;}
    .mycontentpage #midContainer #lSide #widgetListSpan {-webkit-border-radius: 0px;-moz-border-radius:0px;border-radius: 0px;}
    .helpopen div.helpexpl div div, .interestSurvey .blue_title h3, .interestSurvey .blue_title h2 {padding:10px !important;}
    .grass, .sky, .lightgreybox, .loginPopupErrorMsg {width:95%;padding:2.5%;}
    .surveysPage .surveyContainer, .longregistration select, .searchplace input, .changeaddressplace input {width:94.8% !important;padding:0px 2.5% !important;}
    .surveysPage .yourBalance, .surveysPage .yourCanEarn, .longregistration, .rightside, .personalInfoForm input, .personalInfoForm textarea, .personalInfoForm .genderBox, .grayform input, .grayform textarea, .grayform .genderBox, .pointssendplace {width:95% !important;padding:2.5% !important;height:auto;}
    .roundContainerYourZone .rightside { padding: 0 2.5% 20px 2.5% !important; min-height: inherit !important;}
    .accountSettings, .sharingpreferences, .yourpoints, .loginsettings, .yourvauchers { min-height: inherit !important; }
    .grayform input, .grayform textarea {width:94% !important;margin:0px !important;height: auto !important;}
    .inviteform input {margin:0px 0px 10px 0px !important}
    .grayform .first_last_name input, .grayform .genderBox {width:40% !important;}
    .grayform .genderBox {height: 11px !important;}
    .registerPopupForm #birthInput0, .registerPopupForm #birthInput1, .registerPopupForm #birthInput2 {width:27% !important;}
    .popupbginput input {width:85% !important;padding:4px 2.5% !important;height:auto !important;margin:0px!important;}
    .popupbginput input[name="password"] { padding-left: 25px !important;}
    #registrationPopUp .password-icon { font-size: 17px;top: 3px; }
    .popupbginput select {height: 17px;}
    .surveysPage .yourBalance .rewardsCenterBtn, .smallthanksplace {clear:both;width:90%;margin:10px auto 0px auto;}
    .surveysPage .survey-end-message>h1 {left: -8px !important; }
    .wrap.surveysPage.rtr-end-page { margin-top: 30px !important; }
    
    .genderBox {float:left !important;margin:0px !important;}
    .contentBox   {width:95% !important;float:none !important;padding:2.5% !important}
    .innerContainer a.button, .searchpic .showmore, .searchvideo .showmore {width:100% !important;float:none !important;margin:1.5% 0px !important}
    #pageLangCur {
        float:none;
        margin:10px auto;
        width: 234px;
        background-color: #544D4D;
        border: 0;
    }
    .popuptitle {height:auto;padding:5px;line-height:normal;}
    .popupcontent_wizard, #rewardsPopupDiv div.done, #wizardPopupDiv div.done, .join_signup, #GeneralNotificationPopup #JoinTolunaInner .midPanel, #GeneralConfirmPopup #JoinTolunaInner .midPanel {padding:5px;}
    .selectadate input.show {float:right;margin:0px 0px 0px 0px;}
    #JoinTolunaInner {background:none;margin:10px 0px;}
    .logo img {margin: 0px 0px 0px 10px;}

    .form-group {float:none;width:100%;margin: 0px 0px 0px 0px; }
   

    div.survey-catagories div.no-surveys {padding:0px 0px 5px 0px;}
    .notificationsCounter {width:35px !important;z-index: 11;position: relative;}
    .notificationsCounter span.globus {margin: 12px 0px 0px 5px;}
    .user-pic-header {margin: 7px 0px 0px 8px;}
    #footerSocials {
        padding-left: 0px !important;
        padding-top: 5px !important;
        margin: 6vw 0;
    }
    #footerSocials a {
        margin: 0 4vw;
        background: none !important;
        font-size: 6vw;
        color: white!important;
        height: 21px!important;
    }
    .MenuHeader.more .link {background-position: -48px -249px;}

    .landingpage .signinWithFacebook { width:270px;margin:30px auto 0px auto;float:none;clear:both;}
    .landingpage .signinWithFacebook .facebookSigninText { left: 50px; width: 220px;}
    .landingPageWrapper .rewardsContainer { margin-top: 0px; margin-bottom: 20px; }

    .surveysPage .surveyContainer .points {padding:3px 0px 0px 10px;}
    .surveysPage .surveyContainer .blueArrow {margin:5px 5px 0px 0px;}

    .personalInfoForm span.smallCB {left:20px !important;}
    #loginForm .smallCB .styleCheckbox, #personalDetailsForm .smallCB span.styleCheckbox {height:11px;}
    .personalInfoForm span.styled-checkbox {width: 11px !important; height: 11px !important; display: inline-block !important; margin-right: 4px !important;}

    .giftiesendmessage textarea {height:30px;}

    .landingpage, .contentWrapper, .PollPageFlag, .profileWrapper, #userWall, #userContent, .wrap, .testAreaContent {overflow:visible;margin:0px auto;padding:0px !important;}
  
    .landingpage .signbox {margin:15px auto 0px auto;float:none;padding:10px 15px 50px 15px;}
    .greyplace {margin:0px;padding:5px;}
    .orstyle {margin:2px auto 0px auto;font-size:12px;}
    #profileForm .popupbginput {margin:0px 0px 5px 0px;}
    #rewardsPopupDiv div.done a, #wizardPopupDiv div.done a {float:none;margin:5px;padding:5px;text-align:center;display:block;}

    #usermenu { display: none;}
    .join h2, .join_signup h2, .innerContainer h1 {font-size:18px;margin-bottom:3px;}
    .giftbgsplace {margin:5px auto;}
    #YellowPopupVirtualGifties, #YellowDemographicFinished, #yellowpopupFacebook, .dashboardVerificationAlert {margin-bottom:0px;margin-top: 45px;}
   .topic_categorize {margin: 10px 0px 0px 0px;}
   .rightside h3  {margin: 30px 0px 0px 0px;}
    H1.bigH {margin: 10px 0px 0px 0px !important;padding:0px;float:none;font-size:30px;}
    .account-page H1.bigH { margin: 45px 0px 0px 0px !important;}
    H1.bigH a {display:block;padding:5px 0px;}
    H1.bigH span {display:block !important;min-height:10px;padding:0px;}
    .loginsettings, .personaldetails, .sharingpreferences, .accountSettings, .yourpoints, .yourvauchers, .settings {border-bottom:2px solid #ccc;/*display:block !important;*/min-height:10px;overflow:hidden;}

    .contentH, H1.bigH, .scrolltable td {word-wrap: break-word;}

    .s_m_tabs {margin: 0px 0px 10px 10px;}

    .landingpage .orSignUpWithEmail {float: none;text-align: center;width:100%;margin: 10px 0px;} 

    .bottomsugnup a {margin:10px auto;}
    #userBigAvatar {margin:20px 0px 0px 0px !important;}
    .youhavepoints {margin:47px 0px 0px 0px !important;}

    .votetoseeresult, .envelope {position:static;text-align:center;font-size:14px;display: block;}
    #fbBox #fbSubControls {width: 80px !important;}
    .giftsplace {margin: 40px 0px 30px 0px;}

    .moreanswer .camera1{right:5px;}
    .moreanswer .camera2 {right:35px;}

    .moreanswerCont .exclusive {right: -13px;bottom: -1px;color: #999;font-size: 8px;}
    .picframe, .videoFrame {top: -20px;left: -190px;}

    .sponsorbox_two .survey-icons {margin:7px 5px 0px 5px !important;}
    .sponsorbox_two .sponsortext {line-height: 12px;margin: 7px 0px 0px 0px;}
    .rewardsexpandedbox .sweepstakeopenboxes .sweepstakebox img, .rewardsexpandedbox .sweepstakeboxes .imgBox {width:50% !important;margin:0px auto !important;float:none !important;}
    .rewardsexpandedbox .sweepstakeopenboxes .sweepstakebox {text-align:center;}
    .sticky_wrapper {margin:0px auto;padding:0px;height:auto;min-height:10px;width:100%;}
    .envelope img {margin:5px auto;}
    .battleview .battleModeBtnContainer {margin:0px;width:125px;}
    .battleModeBtnContainer a.btnWizard {width: 102px;}

    .bottomMenu div {width:33%;margin:0px;min-height:120px;text-align: center;}
    .bottomMenu div a { padding: 0px 0px 5px 0px;line-height:11px;}

    .testAreaComingSoon {float:none;width:95%;height:auto;padding:2.5%;}
    .testAreaOneStep {width:95%;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;font-size:16px;}
    .testAreaSteps {padding:10px 2.5%;width:95% !important;background:#ccc !important;height:auto;float:none;overflow:hidden;}
    .onePrevTest {width:100% ;margin:10px 0px;}
    .prevTestTitle {width:95%;padding:2px 0px 0px 5px;}

    .battleview .cameraContainer, .dualcamera {height: 125px;}
    .dualcamera.picture .leftcamera, .dualcamera.picture .rightcamera {background: #565656;height: 125px;}
    .dualcamera.on {width:50%;}
    .battleview .cameraContainer {width:50%;}
    .dualcamera span {font-size:16px;margin-top: 35px;}
    .vs {left: 50%;top: 50px;margin-left:-17px;}

    .bluestylefirst {padding: 10px 10px;}
    .bluestylefirst input, .bluestylefirst textarea, .profileWrapper .bigInputHolder input, .profileWrapper .bigInputHolder textarea {padding:0px 2.5% !important;width:95% !important;float:none;}
    .bluestylefirst .voteBtn, .bigInputHolder .voteBtn {margin:5px;}

    .termsofuse {margin:5px;float:none;}
    .filterContainer .PollImage, .filterContainer .TopicImage, .filterContainer .QuickVotesImage {padding:5px;font-size:14px;}

    .ModeratorPanelContainer .reasonSelect, .ModeratorPanelContainer .subCatSelect {margin:10px;width:94%;background:#fff !important;border:1px solid #999 !important;}

    .socialplaceContainer {padding: 25px;min-height: 100%;}
    .footerSpacer {width:100%;padding:0px 1%;margin:0px;overflow:hidden;background-color: #544D4D; }
    .footerSpacer iframe, .giftiesendmessage .userdatasend .addressCover.user {width:100%;/*display:none !important;*/}

    .dottedbox .topdot {padding:2px;}

    .userInfoDiv.notEligible .textBox {position:static;margin:10px 0px;width:100% !important}
    .youdata, .longinput, .shortleft input, .shortright input {width: 75% !important;}
    .youdata h2.poll_p a, .youdata h1.poll_p a, .PollPageFlag .PollWidget .youdata h2.poll_p a, .PollPageFlag .PollWidget.WidgetContainerSpan .youdata h1.poll_p a { width: 100%;}
    .addpic {top: 57px;right:10px;}
    #additional .opacbox fieldset ul li {margin-right: 10px;text-align:center;}
    #additional .opacbox fieldset ul li input.longBtn {width: 50px;}
    .WidgetContainerSpan .youdata { width: 65% !important;}
    .chancetowin {min-height:10px;padding:2.5%;width:95%;}
    .giftiesendmessage {float: right;padding:2.5%;width:95%;height: auto;}
    .giftierewardpopup .giftielongtext {height:auto;}

    .select_w span {width:30px;padding:0px;/*text-indent:-1000px;*/overflow:hidden;display:inline-block;line-height: 26px;height: 30px;}



    .profileWrapper .wallActivity {padding:0px 5px;}
    .profileWrapper .wallActivityImage img.usersmallthumb {margin:0px 10px 0px 0px;}
    .profileWrapper .wallActivity .wallActivityContentContainer {width:80% !important;float:left;}

    #quickSurveyStrip .tqs_icon {width: 70px;}
    #quickSurveyStrip .quickSurveyStripData {padding: 0px 0px 0px 5px;}
    #quickSurveyStrip .startButton div {margin-right: 0px;padding-top: 8px;}
    #quickSurveyStrip .startButton span.points_number {line-height: 14px;}

    .mycontentpage #pager #pageNumbers > .pageNum {width: 20px;font-weight: normal;font-size: 12px;height: 17px;line-height: 18px;}
    .pageNumLeftArrow, .pageNumLeftArrow:hover {background-position: 0px -434px !important;}
    .pageNumRightArrow, .pageNumRightArrow:hover {background-position:  0px -451px !important;}

    .mycontentpage .mycontentpageheader span.tab {margin-right: 10px;}

    .opinionplace input[type=text], .opinionplace textarea {width: 92%;padding: 2px 4%;}
    .verificationWrap .bginput, .bginput input {width: 92%;padding: 2px 4%;background:#fff !important;}
    .tips {padding:10px 0px 10px 0px;}
    .tips a {font-size:10px;width:30%;height: 17px;margin:5px 4px;}
    .tips a:hover, .tips a.selected {background:#ccc;}
    .tips a .down-arrow {right:44%;}

    #EmailSharePopup input, #EmailSharePopup select, #EmailSharePopup textarea {width: 92%;padding: 2px 4%;background:#fff !important;border:1px solid #ccc;}
    #EmailSharePopup #GeneralMailSubject {width: 62%;}
    #EmailSharePopup .emailSharingIcon {margin-bottom:5px;}
    #imgCaptcha {height:45px;}

    #TolunaNG_main_content {width:96%;margin:0px auto;padding:0px;overflow:visible;}

    .SponsoredItemBox {padding:0px !important;width:100%;margin:2px 0px;}
    .sponsorbox_two, .sponsorbox_three, .sponsorbox_two.customizable {width:98%;padding:5px 1%;margin:0px}
    .SponsoredItemBox.two_firstItem {padding:0px !important;}

    .whatnext {font-size:14px;margin:0px;}

    .moreanswer {margin: 0px -2px 15px 0px;}
    .moreanswer input {width:64% !important;padding:0px 17% 0px 15% !important;font-size:16px !important;line-height: 30px !important;-webkit-border-radius:  5px;-moz-border-radius: 5px;border-radius:5px;}
    .moreanswer div.moreanswerCont {background:#fff;position:relative;float:none;}
    .moreanswer span.numbers {position:absolute;left:0px;top:0px;}
    .select_w input.big, .select_w textarea.big {width: 90.5% !important;padding:0px 7% 0px 2.5%;font-size:16px;line-height: 30px;}
    .topicview textarea {width:95%;font-size:16px;}

    .votesHolder {width:90px;margin-left:-45px;left:50% !important;}

    .youpic {margin:5px 0px 0px 5px;width:40px !important;}

    .vote img.AnswerImg {max-width:70px;}
    .mycontentpage #ResultsView .vote, #ResultsView .vote {width:84% !important;}
    #ResultsView .votesPercent {width: 40px;float:right;margin: 10px 0px 0px 0px !important;}

    .signbox .email input {width: 220px;}
    .tour2 {font-size: 20px;color: #666 !important;margin: 60px 0px 0px 0px;float: none;text-align:center;}
    .tour2 img {float: none;position: static;}

    .clear50 {height: 10px;}
    .whytitle {color: #666;font-size: 28px;padding-bottom: 40px;margin: 10px 0px;text-shadow: 0px 1px #ccc;}

    .useboxes {width: 100%;margin-bottom: 10px;}
    .useboxes .dottedbox {float: none;margin: 0px 0px 10px 0px;width:99%;}
   
    /*.rewardsexpandedbox .giftiesvirtual div {width: 29.6%;height: auto;min-height:76px;text-align: center;display: block;margin: 0px 1.5% 10px 1.5%;float: left;}*/
    .rewardsexpandedbox .giftscards div img {max-width: 98% !important; max-height: 90% !important;}
    .rewardsexpandedbox .giftiesvirtual div, .rewardsexpandedbox .giftscards div {margin: 0px 10px 10px 0px !important;}
    .rewardsexpandedbox .giftiesvirtual div, .rewardsexpandedbox .giftiesvirtual div span, .rewardsexpandedbox .giftscards div, .rewardsexpandedbox .giftscards div span {width: 92px !important;height: 72px !important;}
    .rewardsexpandedbox .giftiesvirtual div img {max-width:100% !important}
    .giftsopencards .tableofgiftscards {max-height:100%;margin:0px;}
    .tableofgiftscards table {width:100%;}
    .tableofgiftscards table tr, .tableofgiftscards table tr td, .wrap.profile-surveys, #shortTour, .signupemailbtn, .closemobile {display:block !important;}
    #shortTour {margin:0px;padding:0px;}
    .giftsopencards .giftcardplace {width:95% !important;padding:2.5% !important;height:auto !important;max-height:170px !important;min-height:100px;border:none !important}
    .topPart .giftCard {max-width: 100px;}
    .redeemrewardpopup .topPart, .rewardDescription {padding:1%;width:98% !important;}
    #tourVideo {margin:50px 0px 10px auto !important;float:none !important;text-align:center;position:static !important;display:block !important;}
    .rewardsexpandedbox .sweepstakeboxes .sweepstake .vactac, .rewardsexpandedbox .sweepstakeopenboxes .sweepstake, .rewardsexpandedbox .sweepstakeopenboxes .sweepstake .vactac {float:none !important;display:block !important;width:100% !important;padding:10px 0px !important;height:auto !important;}
    .rewardsexpandedbox .winnersbox {overflow:hidden !important;float:none !important;width:100% !important;margin:10px 0px !important;}
    .rewardsexpandedbox .winnersopenboxes .winnerimgplace, .rewardsexpandedbox .winnersopenboxes .winnerimgplace span {width:50px;height:50px;}
    .rewardsexpandedbox .winnersopenboxes .winnerimgplace img {max-width: 48px;max-height: 48px;}
    .chancetowin .giftieImgPlaces .arrow {margin: 5px 5px 0 5px;}
    .giftiesopenvirtual .availble {margin:20px 0px !important;}
    .giftiesopenvirtual .slidergiftiesplace {float:none !important;width:100% !important;margin:0px !important;}
    .slidergifties ul li {width: 49.6% !important;height:auto !important;}
    .slidergifties {overflow:visible !important;height:auto !important;}
    .giftiesopenvirtual .giftvirtualplace {border:none !important;width:auto !important;padding:0px !important;max-height:156px !important;min-height:125px !important;height:auto !important;}
    .giftiesopenvirtual .giftvirtualplace .superGiftie {top: -1px !important;right: 0px !important;}
    .giftiesopenvirtual .giftvirtualplace .giftimgplace {display:block !important;width:100% !important;min-width: 160px !important;}

    #changePasswordPopUp .close {top:0px;right:0px;}
    #changePasswordPopUp .inner {padding:10px;margin:5px;}

    .giftiesendmessage .userdatasend, .giftiesendmessage textarea {padding: 2px;}
    .giftiesendmessage .userdatasend {margin: 5px 0px 5px 0px;}
    .giftiesendmessage .userdatasend .addressCover {position:relative;right:0px;}
    .forgotPassword, .page-title {margin-top: 15px;}
    .page-title span {display:block;margin:0px 0px 5px 0px;}

    .userWallFilterContainer > div, .menuBarWrapper > div {margin-bottom:10px;}

    #rightMainColumn {float:left;}
    #pollImgSpan {position:relative;}

    .smallcontactplace p {width:280px;float:none;overflow:hidden;display:block;margin-bottom:15px;}
    .smallcontact {width:100%;float:none;overflow:hidden;display:block;margin-bottom:15px;}
    .whiteplace {width:95%;padding:2.5% !important;border:none;-webkit-box-shadow: #93a3a9 0px 0px 0px;-moz-box-shadow: #93a3a9 0px 0px 2px;box-shadow: #93a3a9 0px 0px 2px;}
    .smallcontact input, .smallcontact textarea, .smallcontact select {clear:both;width:94% !important;padding:2.5% !important;background:#f0f0f0 !important;border:1px solid #ccc !important;}
    .smallcontact textarea {height:100px;}
    .smallcontact input { height: 30px !important; }
    .smallcontact input[type="button"] {background: #6d98b3 !important;color:#fff;float:left !important;margin: 25px 0 0 10px !important;line-height: 13px;}
    .smallcontact.captchaImage .captcha-placeholder input[type="button"] { float: left;margin-right: 0;margin-left: 10px; }
    .contactWrap H1.bigH { font-size: 24px; }
    .zendesk-title {margin-top: 47px;}
    .zendesk-title h1.contact-title { font-size: 24px;width: 100%;text-align: center; }
    .contactWrap, .zendesk-form { width: 100% !important; }
    .zendesk-title .contact-title-text { display: none;}

    .recaptcha_textbox { width: 100%; }
    #recaptcha_image { border: none;}
    #recaptcha_image img { max-width: 320px;border: 1px #000 solid; }
    .captchaButtons { float: right;margin: 5px 5px 0 0; }
       .smallcontact.captchaImage .captcha-placeholder input[type="button"] { float: left;margin-right: 0;margin-left: 10px; }

    .helpclose, .helpopen {padding: 5px 0px 5px 20px;margin:0px;}
    .smallcontactplace {display:inline;background: none !important;}
    .privacycontainer, .privacycontainer p, .privacycontainer div {font-size:14px !important;}
    .shortleft, .shortright {width:120px;}
    #profile #file-uploader {left: 0px;}
    .image.regCont .optionalComment {left: 120px;}

    p.starfooter, #JoinTolunaInner p.popUpFooter {padding:0px;background:none;}
    .starfooter {margin-bottom:10px;}
    .join p strong, .join_signup p strong {line-height:20px;font-size:16px;}
    p#signup a#SignUpBtn {margin:10px 0px;display: block;padding:10px 0px;}

    .interestSurvey .blue_title {background:#ccc;height:auto;}
    .interestSurvey .t_popup {background:#999;height:auto;padding:5px;margin:0px;}

    .leftbar {width:100% !important;float:none;}
    .leftbar h3, .leftbar .specialtab {display:none}
    .leftbar h4, .leftbar a span {display:inline-block !important;padding:5px !important;}

    .selectadate .filter {margin:10px 0px;width:100%;overflow:hidden;float:none !important;}
    .selectadate span.filterTitle {padding:0px !important;margin:10px 0px;}
    .PointsFiltertSelect {height:auto !important;margin:0px !important;padding:0px !important;width:99% !important;}
    .PointsFiltertSelect select {width:100% !important;}

    .lr_t_corner span {width:50px !important}
    .yourpoints .lr_t_corner span.last {width:90px !important}

    

    .prevTestInfo {width:70%;}

    p.error.PayPalEmailField {bottom: -39px !important;left: 0px !important;}

    .search_p_v a.photo, .search_p_v a.video {margin-right: 5px;padding: 5px 5px 3px 5px;}

    #wizardSearch .searchplace input {width: 87% !important;}
    #wizardSearch .bodysearch { width: 98%; margin: 0 1%; }
    #wizardSearch .searchplace div.g_search  { width: 8%; }
    .searchvideo .preview { padding-top: 0; }

    .ModeratorPanelContainer .addCommentTextBox {margin-left:10px;}

    .noB_search {margin-left: 20px;}

    .scroll #picResultsSpan {height:auto;}
    .scroll #picResultsSpan .imgWrapper {width:31%;margin: 0px 5px 10px 0px;}
    .scroll #picResultsSpan .imgContainer, .scroll #picResultsSpan .imgContainer img, .searchpic .imgSubstitue {width:100%;}
    .scrollbox .jspContainer {height:auto !important;width:100% !important;overflow:visible!important;}
    .scrollbox .jspContainer div {position:static;}
    .scrollbox .scroll, .scrollbox .jspPane, .scrollvideo #videoResultsSpan, .searchvideo .popupScroll {height:auto;}


    .winnerssweepstakeslideplace .wrap {padding:0px;}
    .winnerssweepstakeslideplace, .winnersgiftiesslideplace {width:80% !important;padding:0px 10% !important;background:#fff !important;}
    .winnersgiftiesslideplace.shotver {background:#fff !important;}
    .winnersgiftiesslide .winnersgiftiesbox {padding: 0px !important;margin: 35px 0px 15px 0px !important;}
    .winnersgiftiesslide .winnersgiftiesbox .winnerimgplace, .winnersgiftiesslide .winnersgiftiesbox .winnerimgplace span {width: 100px !important;height: 100px !important;}
    .winnersgiftiesslide .winnersgiftiesbox .winnerimgplace img {max-width: 98px !important;max-height: 98px !important;}
    .winnersgiftiesslide .winnersgiftiesbox .winnerimgplace:hover {border:1px solid #ff8717 !important;margin:0px !important}
    .winnersgiftiesslide .winnersgiftiesbox p {height:auto !important;}

    .winnersgiftiesslideplace .bx-viewport {min-height: 250px !important;}
    .winnerspage .slide {width:280px !important;}
    .winnerspage .bx-prev {left:-30px !important;}
    .winnerspage .bx-next {right:-30px !important;}

    .pointssendplace {float:left;position:relative;}    

    .BattleWidget .battleImgContainer.selected{box-shadow: #39c 0px 0px 10px;-moz-box-shadow: #39c 0px 0px 10px;-webkit-box-shadow: #39c 0px 0px 10px;}

    .chancetowin .favorites {top:20px;}

    .tooltipblack {margin-top:25px;}

    #topMenu .submenu a, .userdropmenu a {font-size:17px;padding:5px 10px 5px 15px;}
    #topMenu li {
        display: none;
    }
    #EmailSharePopup #midPanel {padding:0px 5px;border:none;}

    .scrolltable.vouchersTable, .scrolltable.pointsTable, .scrolltable .jspContainer, .scrolltable .jspPane {height:auto !important;overflow:visible;position:static;margin:0px !important;width:100% !important;}
    .scrolltable .jspVerticalBar {display:none !important;position:static;}
    .scrolltable td {padding:5px !important;}
    .selectadate input {width:80px;}

    .notifTooltip {top: 62px;left: -144px;}
    .notif_tt_edge { background: url('/Content/images/notif_tt_egde.png') 163px top no-repeat;}

    .BattleWidget .opened td .battleImgVote, .battleImgVote.On {display: block;}

    .needmorepoints {text-align:center; }
    .needMorePointsTitle { padding: 0 5px;display: block;text-align:center; }

    .seeifisrealgiftiepopup .crossingfingers {padding:15px;}
    .BattleWidget .battleResultBtn {background-position: -10px 0px;}
    .battleResultBtn .textLine {font-size: 13px;}

    .bluelinetop {max-width:100% !important;}

    .dualcamera.video .videoChange {left: -96px;}

    .mobileusermenu {width:45px;height:49px;display:block;position:absolute;left:0px;top:0px;z-index:11;}
    .noclick {width: 45px !important;display:none}

    .mobileusermenumain:hover .useropenmenu { background: #f7f7f7 !important;}

    .isrealgiftiepopup .realgiftielenta {height: 66px;width:100%;background: url("/Content/images/bg/bglenta.png") center top no-repeat;padding: 35px 0px 5px 0px;font-size:20px;}
    .isrealgiftiepopup .realgiftiedata {margin: -15px auto 0px auto;}

    .birth li {width: 82px !important;}
    .birth li #birthInput0, .birth li #birthInput1, .birth li #birthInput2 {width: 95% !important;letter-spacing: 1px !important;font-size:15px;}


    .topic_categorize .mytooltip {display: none !important;}

    .redeempointsplace {position:absolute;top:0px;left:0px;}
    .redeemimgplace {width:50px !important;height:50px !important;float:left;}
    .redeemimgplace img {max-width:50px !important;max-height:50px !important}
    .redeemgiftcard {margin-top:100px !important;}

    .redeemrewardpopup .redeembottomlineplace a {padding-left: 0px;}

    .user-details .user-points, .user-details .rewards {width:40%;padding:5%;}

    div.survey-catagories {float:left;width:100% !important;margin:0px;}
    div.survey-catagories div.surveys-exist ul,div.survey-catagories div.surveys-exist { float: none !important;overflow: hidden;}
    div.survey-catagories div.surveys-exist ul li, div.survey-catagories div.surveys-exist ul li.right {/*margin: 0px 0px 20px 0px;width: 100%;*/width: 95% !important;margin: 10px auto !important;float: none !important; padding:0}
    div.survey-catagories div.surveys-exist ul li span.btn-start-survey{ display: inline !important;}
    div.survey-catagories div.surveys-exist ul li img {width: 100% !important;}
   
    div.survey-catagories div.surveys-exist ul li span.btn-start-survey {right: 15px;bottom:0px;}
    div.user-details, div.profile-surveys {width:100%;margin:0px 0px 20px 0px;float: left;}

    /*.first-survey div.survey-bottom-wrap { position: static; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);} 
    .first-survey div.survey-bottom-wrap span { font-family: Arial !important; }
    div.survey-catagories div.surveys-exist ul li.first-survey { padding: 0 !important;} 
    div.survey-catagories div.surveys-exist ul li.first-survey span.catagory-label { font-size: 14px !important;} 
    div.survey-catagories div.surveys-exist ul li.first-survey span.points-label { font-size:14px !important;margin-bottom: 0 !important;}
    div.survey-catagories div.surveys-exist ul li.first-survey span.btn-start-survey { position: absolute !important;} 
    .first-survey .flip-triangle{ display: none!important;}
    div.survey-catagories div.surveys-exist ul li.first-survey::after,div.survey-catagories div.surveys-exist ul li.first-survey::before{content: none !important;}
    .first-survey-backdrop{ display: none;}*/
    .postregbox {margin:10px 0px 35px 0px !important;}
    .postregbox .bluecont {padding: 0 10px 10px 10px;font-size: 16px;min-height: 0px;}
    .postregbox.postregleft h2 .icon {margin: -34px 20px 0px 0px; }
    .postregbox .bluecont p {margin:0px 0px 20px 0px;line-height:19px;}

    .seeifisrealgiftiepopup .realgiftieimgplace {padding:5px;}
    .isrealgiftiepopup .realgiftieimg {margin: 5px auto 0px auto;}
    .seeifisrealgiftiepopup .realgiftieimg, .seeifisrealgiftiepopup .realgiftieimg span, .isrealgiftiepopup .realgiftieimg {width:110px;height:110px;}
    .seeifisrealgiftiepopup .realgiftieimg img {max-width:110px;max-height:110px;}
    .seeifisrealgiftiepopup .realgiftiearrow {margin: 40px 5px 0px 5px;}
    .seeifisrealgiftiepopup .seeifthis {position:static;margin: 10px;}
    .seeifisrealgiftiepopup .reveal {margin: 0px;}

    .scrollvideo #videoResultsSpan .videoWrapper {width: 29.9%;max-width: 25%;}
    .scrollvideo a.videoContainer {width: 100% !important;display:block;}
    .searchvideo .imgSubstitue {width: 100%;}

    div.user-details div.rewards {float: right;}
    div.survey-catagories div.not-eligible h1, div.survey-catagories div.no-surveys h1 {padding:0px !important}

    .notinfo { min-height: 20px; }
    .notitem img { width: 25px;max-height: 25px; margin-right: 10px; }

    .notificationsbox {-webkit-overflow-scrolling: touch;min-width:255px;width:100%;top: 79px;}
    .notitem .expand-arrow.customizable { color: #525252 !important; }
    .notitem:hover { background-color: #fff !important; }

    .rewardstabs span.tab {/*width:30px;height:29px;*/overflow:hidden;line-height: 10px;}
    #rewardstabsGifties.rewardstabs span.tab {line-height: 12px !important;}

    #rewardswinners .rewardstabs span.tab {text-indent:0px;max-width:105px;padding: 0px;line-height: 16px;}
    .rewardstabs .tab .icon {height:32px !important;}
    .rewards-page H1.bigH {
            margin: 45px 0px 0px 0px !important;
    }

    p.error {width: 180px !important;}

    .headersearch { border: none;}
    .header_right_wrp.guest .headersearch { padding-right: 15px; }
    .headersearch .icon { width: 35px; color: #39A3E6; }
    .header_right_wrp.guest .headersearch .icon {font-size: 20px;}
    
    .search.animatedinput {position:fixed;right:0px;top:0px;margin:0px;min-width:320px;width: 100%;z-index:999;padding:0px;height: 50px;}
    .mainsearchplace {margin-top: 8px;width: 100%;padding:0px;}
    .search.animatedinput .mainsearchplace {display:block !important;}
    .search.animatedinput input#btnSearch.go {background: url(/Content/images/sprites/headersprite.png) -5px -111px no-repeat;margin-right:14px;width: 40px}
    .search.animatedinput input[type="text"] {color:#000;width:70%;min-width: 200px !important;}

    .mainsearchplaceresults {width:100%;top: 40px;}
    .seeallquestions a, .seeallusers a, .seeallfaqs a, .seeallplace .faqresults {padding:2px 5px;}
    .user-result img {width: 25px;}
    .seeallplace {margin:0px;}
    .seeallplace .name, .seeallusersbanner .name, .seeallplace .nameresults, .seeallfaqsbanner .name, .seeallquestionsbanner .name, .seeallplace .result {font-size: 12px;line-height: 14px;}

    .search.animatedinput .closesearch {display:block;}
   
    .userfoundplace .username-link {width: 110px;}

    .notifinner .message {margin:0px;width:95%;}

    .search-user-tooltip {width:auto;min-width: 150px;background: url('/content/images/bg/serach_users_tt_.png');padding: 5px 5px;left: 0px !important;top: 25px;height:15px;}
    .user-tooltip-arrow {margin: -16px 0 0px 0 !important;}
    .search-user-tooltip .user-name {padding:0px;text-overflow:ellipsis;width:100px;white-space:nowrap; overflow:hidden;}

    .winnersgiftiesslide {height:240px;overflow: hidden;}

    .userfoundplace .numof_ff, .userfoundplace .timeago, .rightSideContent .numof_ff, .rightSideContent .timeago {margin-right: 5px;font-size: 11px;}

    .notifSurveyLabel {max-width: 125px;}

    #FBConnectToTolunaInner {top: 0%; background: none; margin:  0px; overflow: visible;}
    #FBConnectToToluna .close { right: -11px;top: -8px;}

    #main-carousel, #main-carousel img {height:200px;}
    #main-carousel.opensugnup, #main-carousel.opensugnup img {height:530px;}
    #main-carousel-content .right-side {padding: 0px;width: 290px;float: none;margin:20px auto;position:relative;}
    #main-content .component {margin: 0px auto 10px auto;padding: 20px 2% 20px 2%;width:96%}
    .roundimgstyle {width: 100px;height: 100px;-webkit-border-radius: 75px; -moz-border-radius:75px; border-radius: 75px;}
    .roundimgstyle.left {margin-right:10px;}
    .roundimgstyle.right {margin-left: 10px;}
    .roundimgstyle img {height:auto !important;width:auto !important;min-width: 100px;min-height: 100px;}
    #main-content .component .component-vert-align {height: auto;float:left;width: 160px;display:inline-block;}
    #main-content .component h2, #main-content .component h3 {width: auto;margin:0px !important;font-size:16px;}
    .sign-up {padding:20px 0px;}
    .sign-up a {font-size: 16px;padding: 10px 0;min-width: 290px;margin-top: 10px;}

    #short-reg-form {display:none}
    .landmobile .headersearch, .landmobile .bx-controls-direction {display:none !important;}
    .landmobile .right-side {margin-right:10px;}
    .landmobile #header ul li > a {font-size: 12px;padding-left: 10px;}

    #footerSocialLikes {width:100%;margin-bottom: 20px;}
    #footerSocialLikes > div {display:inline-block;margin:-1px;}
    
    .landmobile #short-reg-form input[type="button"] {top:0px;}

    #main-carousel-wrapper {margin-bottom:0px;}

    .mainsearchplace .mainsearch {padding:0px;}

    #landingMenu .submenu {left:auto;right:0px;top: 45px;}

    .logo p img, #header.wrapper p img {position:static !important;}

    #imgUploadPopup .close { background: url("/Content/images/landingpage-popup-close-blue.png") no-repeat; right: 10px;top: 10px;}

    .landmobile #header {height:49px;}

    .chanelstyle .logo img {margin: 0px 10px 0px 0px !important;/*max-height: 52px !important;*/}
    
    .cookieWarningnContainer .closeBanner {position: absolute;right:5px;top:5px;}
    .cookieWarningnContainer .cookiesBannerWrapper { width: 95%;}    
    .cookieWarningnContainer span.cookiesBannerText { width: 85%;padding-top: 5px;}  

    .signinicon, .exploreicon, .abouticon {display: block;padding:0px !important;margin:2px 0px 0px 5px !important; width: 35px;height: 45px;}
    .signinicon a.customizable, .exploreicon a.customizable, .abouticon a.customizable {text-indent:-1000px;}
    .signinicon {background: #36ade9 url(/Content/images/sprites/headersprite.png) -48px -175px no-repeat;}
    .exploreicon {background-position:6px -212px;}

    .mobilesignin, .mobileexplore, .mobileabout {background: #36ade9 url(/Content/images/sprites/headersprite.png) -44px -174px no-repeat;padding:0px !important;text-indent:-9999px;width:40px;height: 49px;line-height: 49px;}
    .mobileexplore {background: url(/Content/images/sprites/headersprite.png) 12px -212px no-repeat;}
    .mobileabout {background: url(/Content/images/sprites/headersprite.png) -47px -141px no-repeat;}

    #accountMainContent .leftbar.customizable a.this h4::after {border-width: 15px !important; right: -30px !important;top: 2px !important;}

    .innerContainer .contentBox em {-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}

    div.gifits-help-message, div.gifits-help-message.noWinners {padding:2.5%;width:95%;top: 35px !important;bottom: auto !important;}

    .topLevelButHolder {float:right;margin:10px 10px;}

    .changeaddressplace {width: 95%;padding:2.5%;background:none;margin:auto;}
    .changeaddressplace label {width:100%;float:none;margin:5px 0px !important;}
    .changeaddressplace h3 {margin:0px;}
    .changeAddressSeparator {margin: 5px 0px;}
    .changeaddressplace .emailField .forgot-password, .changeaddressplace .currentPasswordField .forgot-password { margin-right: 0 !important; margin-left: 0 !important; }

    .pollResultsWidgetAnswerText td.voteTitle {padding:6px 0px 0px 0px;}
    .pollResultsWidgetAnswerText td.votesNum {vertical-align: top;padding: 5px;}

    .longregpage h1 {margin:20px 0px 0px 0px;}
    .longregpage .longregistersteps #profileForm{ display: block;}
    .longregpage .longregistersteps .table-row { display: block;}
    .longregpage .longregistersteps .table-cell { display:block}
    .longregistersteps div.step2-container{ width: 100%;}
    .longregpage .longregistersteps {background:#fff url(/Content/images/Registration/bglongregister2mobile.jpg) left top;min-height:0px;padding: 0px 0px 20px 0px;-moz-box-shadow: 0px 0px 0px rgba(200, 200, 200, 0.70);webkit-box-shadow: 0px 0px 0px rgba(200, 200, 200, 0.70);box-shadow: 0px 0px 0px rgba(200, 200, 200, 0.70);-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
    .longregpage .longregistersteps .step1, .longregpage .longregistersteps .step2, .longregpage .longregistersteps .step3 {width:100%;float:none;}
    .longregpage .longregistersteps .step2 {margin:0px;height: initial!important;}
    .longregpage .longregistersteps h2 {background: #000;}
    .longregpage .numof{ width: 72%;}
    .longregpage .longregistersteps .numof span:not(.arrow) {width:30px;height:30px;margin: 0px 5px 5px 0px;line-height:30px;}
    .longregpage .longregistersteps .numoftitle {clear:both;}
    .longregpage .longregistersteps .genderplace div:not(.error-label) {width:32%;margin:5px 1%;}
    .longregpage .genderplace div.error-label{ left: auto;right: -23px;}
    .longregpage .longregistersteps .genderplace div input {width: 100%;background: #5ab7e3;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}

    .longregpage .longregister {min-height: 10px;padding: 0px 0px 20px 0px;background:#fff url(/Content/images/Registration/bglongregister2mobile.jpg) left top;}
    .longregpage .longregister h2 {display:block;background: #000;color: #fff;font-weight: 300;text-align: center;border: none;text-transform: none;padding: 7px 5px;margin: 0px 0px 20px 0px;font-size: 22px;line-height: 22px;}
    .longregpage .longregister .leftsideregister, .longregpage .longregister .rightsideregister, .longregpage .longregister .rightsideregister.nums {width: 90%;float: none;padding: 0px 5%;border: none;margin: 0px 0px 0px 0px;}
    .longregpage .longregister .numoftitle {clear:both;}
    .longregpage .longregister .numof span:not(.arrow) {width: 30px;height: 30px;margin: 0px 5px 5px 0px;line-height: 30px;}
    /*.longregpage .longregister .genderplace div {width:48%;margin:5px 1%;}
    .longregpage .longregister .genderplace div input {width: 100%;background: #5ab7e3;}*/
    .longregpage .longregister .datesofbirth div input {width: 100%;background: none;border: none;font-size: 18px;color: #fff !important;text-align: center;padding: 5px 0px;}
    .longregpage .longregister .datesofbirth div {margin:0px !important;}
    .longregpage .longregister .datesofbirth .month {width: 20%;margin: 0px 4px 0px 0px !important;}
    .longregpage .longregister .datesofbirth .day {width: 14%;margin: 0px 4px 0px 0px !important;}
    .longregpage .longregister .datesofbirth .year {width: 16%; margin: 0px 4px 0px 0px !important;}
    .longregpage .longregister .datesofbirth .error-label{ left: auto;right: 0;}
    .longregpage .longregister .loadimgplace {margin:0px 0px 20px 0px;}
    .longregpage .longregister .vert-line { display: none; }
    .longregpage #signin {float:none;margin:20px auto}

    #SponsoredIframePopup.newRuntime .sponsoredClose { background: transparent url("/Content/images/close_sponsored_mobile.png") no-repeat; }
    #SponsoredIframePopup .sponsoredClose, #SponsoredIframePopup.newRuntime .sponsoredClose { right: -5px; top: 13px;width: 50px;background-position: center center;z-index: 100000;}
    #SponsoredIframePopup .RewardsRedeempopupcontent{ width: 99% !important;}
    #SponsoredIframePopup.newRuntime .RewardsRedeempopupcontent{ width: 100% !important;height: 450px !important; overflow-y:auto; -webkit-overflow-scrolling:touch;}
    #SponsoredIframePopup.newRuntime{
        position: fixed !important;
        top: 0 !important;left: 0 !important;
        border: none !important;
        height: 100%;width: 100%;
        border-radius: 0;
    }
    #SponsoredIframePopup.newRuntime iframe {
        width: 100%;
        height: 450px !important;
    }
   
    .longregpage .additionalInfo { margin-top: 0;}
    .longregpage div.error-label p.error { width: 100px !important;} 
    .longregpage div.error-label { right: -21px;left: auto;}
    .longregpage .numof div.error-label { right: -95px;}
    .longregpage .datesofbirth div.month,.longregpage .datesofbirth div.day,.longregpage .datesofbirth div.year { width: 25%;}
    .longregpage .datesofbirth div.error-label p.error{ width: 72px !important;}
    .landmobile.chanelstyle .signinicon, .landmobile.chanelstyle .exploreicon, .landmobile.chanelstyle .abouticon {margin: 0px 0px 0px 5px !important;}
    .landmobile.chanelstyle .mobileabout {height: 45px;line-height: 45px;}
    .landmobile.chanelstyle .mobileabout {background: url(/Content/images/sprites/headersprite.png) -47px -139px no-repeat;}
    .landmobile .logo p img.logo-scrollable {width: auto!important;}

    #accountMainContent .yourpoints th,
    #accountMainContent .yourvauchers th{ padding-left: 8px;padding-right: 8px;}
    .hint{ display: none !important;}

    #countryCultures{min-width: 68px !important;margin: 0 2px !important;}
    #countryCultures a{ padding: 6px !important;}

    .surveysPage #mobileBannerSmall, #mobileBannerMedium, .sweepstakesBannerLink { display: none;}
    .surveysPage .user-details,#profileSurveysPage .user-details{margin-top: 20px;}
    .surveysPage .user-details{ width: 99%;height: 35px;}
    #profileSurveysPage .user-details{ width: 100%;}
    #sharingContainer { overflow: hidden; }


    #phoneBanner {float: none;width: 99%;margin-bottom: 21px;}
    #profileSurveysPage #phoneBanner { width: 100%;}
    
    /*verification - set new password*/
    div.verificationWrap,
    div.verificationWrap div.bginput{ width: 94%; }
    div.verificationWrap input.longinput { width: 100%;box-sizing: border-box;}
    div.verificationWrap div.botsignup{ text-align: center;padding-bottom: 24px;width: 100%;}
    div.verificationWrap div.passwordDescription{ width: 100%;}
    .verificationWrap input[type="text"], .verificationWrap input[type="password"] {
        width: 96%; padding: 0 5px;
        font-size: 20px;
    }

    .verificationWrap .left-side, .verificationWrap .right-side, .verificationWrap .left-side-content {
        width: 100%!important;
    }
    .verificationWrap .left-side {
        padding-top: 30px !important;
        padding-bottom: 20px;
        height: auto !important;
    }
    .verificationWrap .right-side {
        height: auto !important;
    }
    .verification-header {
        height: 135px !important;
        line-height: 135px!important;
        font-size: 46px!important;
    }
    .verificationWrap .left-side-content .welcome-row {
        font-size: 34px;
    }
    .verificationWrap.coreg .left-side-content .welcome-row {
        display: none !important;
    }
    .verificationWrap .right-side {
        padding-top: 0 !important;
        padding-left: 0 !important;
        border: none !important;
    }
    .verificationWrap .right-side .rewards-box img {
        max-width: 100px !important;
    }
    .verificationWrap .rewardBox {
        display: inline-block;
        width: 31%;
        overflow: hidden;
    }
    .verificationWrap .right-side-title { display: none; }
    .verificationWrap.coreg .captcha-text { display: none !important;}
    .verificationWrap .error-msg { width: 100% !important; }
    .verificationWrap .input-label { display: none !important; }
    .verificationWrap .input-label.username { display: inline-block !important; }
    .verificationWrap #btnSend.blue_button2.customizable { width: 100% !important; margin-top: 24px !important; }

    .verification-header span.general-icon-gift { font-size: 40px !important; }

    .verification-input { margin-bottom: 20px !important; }
    .verification-input.verification-page { margin-bottom: 5px !important; }

    .verificationWrap input.validation-error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #fff;
    }
    .verificationWrap input.validation-error::-moz-placeholder { /* Firefox 19+ */
      color: #fff;
    }
    .verificationWrap input.validation-error:-ms-input-placeholder { /* IE 10+ */
      color: #fff;
    }
    .verificationWrap input.validation-error:-moz-placeholder { /* Firefox 18- */
      color: #fff;
    }

    .verificationWrap .separator-h { display: none; }

    .verificationWrap .forgotPassword { padding-bottom: 20px; }
    .wrap.contentWrapper { display: table;}
    #dashboard .r_side {margin-top: 7px;display: table-footer-group;}
    #dashboard .l_side {padding-top: 15px; display: table-header-group;float: left !important}

    .longregistersteps .inputplace.includes-hint { width: auto !important; }
    span.mobilePhoneComment { padding-top: 5px !important; }

    .greyform label.firstname_longreg_label, .greyform label.lastname_longreg_label {width: 120px;}

    #TourPopup {top:15px !important}
    .joyride-tip-guide {width:95% !important;left:2.5% !important;margin:0px !important;padding:10px;right:auto !important;bottom:auto !important;position:absolute !important}
    .joyride-close-tip, #TourPopup .joyride-close-tip { font-size: 25px !important;top: 0px !important;right: 9px !important; }
    .joyride-tip-guide, #TourPopup.joyride-tip-guide {width:90% !important;padding:2.5% !important}  

    #joyRidePopup1.joyride-tip-guide .joyride-nub { right: 125px !important; }
    #joyRidePopup2.joyride-tip-guide .joyride-nub { left: 124px !important; }
    #joyRidePopup3.joyride-tip-guide .joyride-nub { right: auto !important; left: 213px !important; }
    #joyRidePopup4.joyride-tip-guide .joyride-nub {left: auto !important; right: 65px !important; }

   .personaldetails input.Month, .personaldetails input.Day { width: 27% !important;margin-right: 4px;}
   .personaldetails input.Year { width: 27% !important; }

   .cookieWarningnContainer { margin-top: 45px; }
   .events { width: 100%; }

   /*New footer design*/

   .line-separator{
        height:1px;
        background:#4b4444;
        width: 90%;
        margin: 4vw auto;
        display: block;
    }
   .desktop-view {
       display: none!important;
   }
   .mobile-view, #footerSocials .mobile-view {
        display: inline-block;
   }
   .mobile-view {
       font-size: 5px;
   }
   
  
  
  #pageLangCur-menu, #pageLangCur-button {
    text-align: center;
    width: 232px;
    margin: auto;
  }
  #pageLangCur-button {
      background-color: #544D4D;
      color: white;
      border: 0;
  }
  #footerLinks {
    width: 95%;
    margin: 5vw auto;
    clear: both;
    color: white!important;
    line-height: 1.8;
  }
/*  #footerSocials .instagram {
    background: url(/Content/images/instagram-v1.png) no-repeat!important;
    background-size: contain!important;
    width: 20px!important;
  }*/
  .nice-select {
    width: 65vw!important;
    margin: auto!important;
    float: none!important;
    background-color: transparent!important;
    border: 0!important;
    color: white!important;
    text-align: center!important;
    height: 9vw!important;
    line-height: 10vw!important;
  }
  .nice-select:after {
    border-bottom: 2px solid white!important;
    border-right: 2px solid white!important; 
    height: 7px !important;
    width: 7px !important;
    right: 9px;
  }
  .nice-select .list {
    height: 74vw!important;
    overflow: auto!important;
    color: black!important;
    border-radius: 3px!important;
    border-top: 11px solid white!important;
     border-bottom: 11px solid white!important;
  }
  .nice-select .option {
    line-height: 7vw!important;
    min-height: 7vw!important;
    text-align: center!important;
    font-size: 5vw!important;
  }
  .nice-select.open .list {
      margin: auto;
      left: 50% !important;
      transform: translateX(-50%) !important;
      max-height: 74vw!important;
  }
  .nice-select .current {
    font-size: 5vw;
    font-family: "MuseoSans-300";
  }
  #footerLanguageSelect {
      margin: 5vw 0 5vw 0;
  }
  #footerLinks a {
    margin: 0 4px 0 4px;
    font-size: 5vw;
    color: white!important;
    font-family: "MuseoSans-300";
  }
  .hide-in-mobileview {
      display: none!important;
  }
  #footerLinks .mobile-view .fa {
     vertical-align: super;
  }
  .social-ads {
    display: block;
    text-align: center;
    margin-top: 6vw;
  }
  .social-ads .g-play, .social-ads .app-store {
    display: inline-block !important;
    width: 28vw;
    height: 10vw;
    text-decoration: none;
    background-size: contain !important;
    margin: 0 3px 0 5px;
  }
  .social-ads .app-store {
    background: url(/Content/images/app-store-v1.png) no-repeat;
  }
  .social-ads .g-play {
    background: url(/Content/images/g-play-v1.png) no-repeat;
  }
  .footer-truste-logo img {
    display: none;
  }
  .footer-truste-logo a {
    background: url(/Content/images/Trust-icon.png) no-repeat !important;
    width: 8vw!important;
    height: 8vw!important;
    display: block !important;
    background-size: contain!important;
   }
  .footer-truste-logo {
    float: none!important;
    margin: auto;
    width: 40px;
  }
  #footerLogos {
      margin-top: 3vw!important;
  }

  .account-page .icon-email-loading{ top: 24px;}

  .new-postreg-wraper {
      padding-top: 22px !important;
      margin-bottom: 15px;
  }
  .new-postreg {
      width: 90% !important;
      padding: 30px 10px 60px !important;
  }
  .new-postreg h1 {
    font-size: 26px !important;
    width: 276px; 
    white-space: nowrap;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

    .new-postreg .texts {
          padding: 30px 0 !important;
  }
  .new-postreg .row1 {
      font-size: 21px !important;
  }
  .new-postreg .row2 {
      font-size: 16px !important;
  }
  .mobile-app-banner {
      display: block !important;
        width: 100%;
        height: 80px;
        position: fixed;
        bottom: 0;
        left: 0;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        z-index: 9;
        background: url(/Content/images/appBanner/app-bg.png)no-repeat scroll 0 0;
        padding-bottom: 10px;
      -ms-background-size: cover;
      background-size: cover;
  }

    .mobile-app-banner .social-ads {
       margin-top: 2vw;
       margin-left: 62px;
  }
  .mobile-app-banner .close {
      background: url(/Content/images/appBanner/m-close.png)no-repeat scroll 2px 5px;
        float: right;
        width: 23px;
        height: 23px;
      -ms-background-size: 16px 16px;
      background-size: 16px 16px;
  }

    .mobile-app-banner .title {
        margin: 19px 0 0 118px;
        display: inline-block;
       font-family: "MuseoSans-300";
        font-size: 14px;
   }
   .mobile-app-banner .title span {
       font-family: "MuseoSans-500";
   }
   .mobile-app-banner i {
       float: right;
   }
   .mobile-app-banner  .social-ads .g-play,.mobile-app-banner .social-ads .app-store {
    width: 22vw;
    margin: 0 1px 0 3px
   }
   .social-ads .app-store {
    background: url(/Content/images/appBanner/AppStore.png) no-repeat;
}
   .social-ads .g-play {
    background: url(/Content/images/appBanner/GooglePlay.png) no-repeat;
}
   .mobile-app-banner .phone-bg {
       background: url(/Content/images/appBanner/app-phone.png)no-repeat scroll 0 0;
        width: 145px;
        height: 98px;
       -ms-background-size: 140px 94px;
        background-size: 140px 94px;
        float: left;
        position: absolute;
       -ms-image-rendering: -webkit-optimize-contrast;
       -o-image-rendering: -webkit-optimize-contrast;
       image-rendering: -webkit-optimize-contrast;
   }

   .zendesk-wrapper {
       width: 100% !important;
       padding-bottom: 20px;
   }
   .zendesk-wrapper .zendesk-tickets span.answer {
       display: block;
       color: #333;
       clear: both;
   }
   .zendesk-wrapper .zendesk-tickets .search-ticket, .zendesk-wrapper .zendesk-tickets .search-ticket input {
       width: 100%;
   }   
   .zendesk-wrapper .zendesk-tickets .details-row {
       padding-bottom: 12px;
   }
   .zendesk-wrapper .zendesk-tickets .attachments .files-count {
       display: block;
       color: #d3d3d3;
       padding-top: 3px;
   }
   .zendesk-wrapper .zendesk-tickets .notes .note-input {
       width: 84%;
   }
   .zendesk-tickets .qq-upload-button, .zendesk-form .qq-upload-button {
       min-width: 85px !important;
   }
   .zendesk-form {
       padding: 0 !important;
   }
   .zendesk-form form {
       padding: 10px;
   }
   .zendesk-form .browse-wrapper .attachments-list {
       width: 90% !important;
   }
   .zendesk-form .form-field input, .zendesk-wrapper .form-field select {
       padding: 0;
   }

   .widgetSurveyButtonWrapper .widgetSurveyTitle {
        padding: 0 15px;
    }

   .WidgetContainerSpan .bigPicFrame {
       display: block;
   }

   .widget-image-zoom-popup {
       margin-left: -2%;
   }
   .widget-image-zoom-popup .zoom-img-wrapper {
       flex-direction: column;
       flex-flow: column-reverse;
   }
   .widget-image-zoom-popup .zoom-img-wrapper img {
       max-width: 100%;
       max-height: 400px;
   }
   .widget-image-zoom-popup .zoom-img-wrapper .zoom-popup-close {
       padding-left: 0;
       font-size: 20px;
       margin-left: auto;
       margin-right: 5px;
   }

   .dtRewardsBanner, .dtSideBanner {
       display: none;
    }

   .iconsContainerBox div.plus, .socialRuler div.plus {
       display: none;
   }

   .i_vote.m_r_20 {
       margin-right: 0 !important;
   }

   .confirm-page textarea {
        width: 90% !important;
    }
   .confirm-page H1.bigH {
       font-size: 26px;
       margin: 16px 0 6px !important;
   }
   .confirm-page .unsubscribeMiddle {
       padding: 5px;
   }

   .main-search {
       width: 100% !important;
   }
   .main-search .search-row {
       width: 100% !important;
   }
   .main-search .close-button-place {
       display: none;
   }
   .main-search .search-row .clear-main-search {
       font-size: 19px;
       top: 15px;
   }
   .s_up_s_in {
       margin: 0;
   }
   .headersignup, .headersignin {
       padding: 0 10px 0 0;
       min-width: auto !important;
       height: 27px !important;
       line-height: 27px !important;
       border: none !important;
       color: #39A3E6 !important;
       background: transparent;
   }
   .headersignup span, .headersignin span {
       display: none;
   }
   .headersignin .fa {
       font-size: 24px;
   }
   .headersignup .fa {
       font-size: 24px;
       color: #9c47fc;
       display: block;
       background: -webkit-linear-gradient(#9c47fc, #356ad2);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
   }
   #loginLineDiv {
       padding-top: 5px;
   }
   .headersignin {
       margin-right: 0;
   }

   /* ---- START OF Mobile Menu ---- */
   .header {top:0px !important;height: 78px;}
   .header .logo { padding: 15px 0; }
   .header_right_wrp { padding: 22px 0; }

   .header_right_wrp .mobile-menu-icon {
       display: inline-block;
       font-size: 30px;
       margin: 1px 12px 0 25px;
   }
   .header_right_wrp.guest .mobile-menu-icon {
       margin: 1px 12px 0 7px;
   }
   .header_right_wrp .mobile-menu-icon.selected {
       font-size: 20px;
       margin: 7px 12px 0 25px;
   }
   .header_right_wrp .mobile-menu-icon.selected:before {
       content: "\63";
   }
   .header .mobile-menu {
       float: left;
       width: 100%;
       background-color: #fff;
       border-top: 1px solid #f4f4f4;
    }
   .mobile-menu .jsddm {
       width: 100%;
       overflow-y: scroll;
   }
   .mobile-menu li.user-menu {
       display: list-item;
       line-height: 0;
   }
   .mobile-menu a.MenuHeader .link {
       border-bottom: 1px solid #f4f4f4 !important;
   }
   .mobile-menu .blue_arrow {
       margin: 15px 18px 0px 0px !important;
       float: right;
   }
   .mobile-menu a.MenuHeader .link {
       height: 50px;
       line-height: 50px;
   }
   .mobile-menu .submenu {
       position: relative;
       top: auto; left: auto;
       box-shadow: none !important;
       border-top: none !important;
   }
   .mobile-menu .submenu a {
       display: block;
       height: 40px;
       padding-left: 30px;
       line-height: 40px;
       background: #FBFBFB;
       font-size: 14px;
   }
   .mobile-menu .submenu.ddWrapper a {
       display: initial;
       height: auto;
       padding-left: 0;
       line-height: normal;
       background: #FBFBFB;
   }
   .mobile-menu .submenu a:hover {
       background: #FBFBFB;
       color: inherit;
   }
   .mobile-menu li.selected .fa-chevron-down:before {
       content: "\f077";
   }
   .mobile-menu .link .user-link {
       display: -webkit-flex;
       display: flex;
       -webkit-align-items: center;
       align-items: center;
       font-family: 'Roboto';
       height: 50px;
   }
   .mobile-menu li .MenuHeader {
       display: block;
       overflow: hidden;
   }
   .mobile-menu .user-img-mobile {
       width: 35px;
       height: 35px;
       -webkit-border-radis: 20px;
       -moz-border-radius: 20px;
       border-radius: 20px;
       margin-right: 10px;
   }
   .mobile-menu .signout {
       text-align: center;
       clear: both;
       position: fixed;
       bottom: 30px;
       width: 100%;
   }
   .mobile-menu .signout button {
       background-color: transparent;
       border-radius: 15px;
       padding: 5px 20px;
       text-transform: uppercase;
       font-weight: bold;
   }

   .events .ddWrapper {
       position: inherit;
       border-top: none !important;
       box-shadow: none;
   }
   .events .blockOne {
       display: none;
   }
   .events .ddWrapper .titleWrapper .leaveEvent {
       display: block;
       right: 19px;
       color: #3399cc;
   }
   .events .ddWrapper .list-group-item {
       position: relative;
       clear: both;
       overflow: hidden;
   }
   #myevents, #pendingevents {
       background: #FBFBFB;
   }
   .events .menuContent {
       padding: 0;
   }
   .events .ddWrapper .titleWrapper .title {
       width: 175px;
   }
   a.MenuHeader .link {
       font-family: 'Roboto';
   }
   /* ---- END OF Mobile Menu ---- */

   #widgetListSpanFirstItem {
       padding-top: 7px;
   }

   .poll_vote {
       display: flex;
       flex-direction: column;
   }

   .upvotes-container {
       width: 100%;
   }
     
   .i_vote {
        background: transparent;
        align-self: center;
        display: flex;
        flex-direction: column;
    }

    .i_vote_container {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .voteInfoHolder {
        color: #999;
        font-size: 12px;
    }

    .i_vote.openPollWidget {
        top: 0;
    }

    .btn-follow-content {
        display: none !important;
    }
    #wizardBottomSpan .thumbview #imageContainer {
        margin-right: 0;
    }
    .BattleWidget .bottomBar {
        text-align: left !important;
    }
    .wrap.policy-container, .wrap.cookies-page.policy-container {
        padding-top: 50px !important;
    }
    .forgot-pass-page H1.bigH {
        margin: 55px 0px 0px 0px !important;
    }
    .verificationWrap .forgotContent .bginput {
        width: 100% !important;
    }
    .forgot-pass-page.verificationWrap .forgotWrap .longinput {
        width: 100% !important;
    }
    .forgot-pass-page.verificationWrap .bginput, .bginput input {
        padding: 0;
    }
    .forgot-pass-page .forgotPassSignUp {
        padding-bottom: 20px;
    }
    .wrap.cookies-page {
        overflow: scroll;
    }
}

@media screen and (min-width: 321px) and (max-width: 480px) 
{
    .winnersgiftiesslide .winnersgiftiesbox {width:270px !important;}
    .notificationsCounter {position:relative;}
}

@media screen and (max-width: 365px) 
{
    .logo img {height: auto !important;}
}

@media screen and (min-width: 480px) and (max-width: 667px) 
{
    div.survey-catagories {float:left;width:100%;margin:0px;}
    div.survey-catagories div.surveys-exist, div.survey-catagories div.surveys-exist ul.hasShowMore {overflow:hidden;}
    div.survey-catagories div.surveys-exist ul li {margin: 0px 0px 15px 0px;width: 48% !important;float:left}
    div.survey-catagories div.surveys-exist ul li.right {margin: 0px 0px 15px 0px;width: 48% !important;float:right;}
    div.survey-catagories div.surveys-exist, div.survey-catagories div.surveys-exist ul {float:none !important}
    .winnersgiftiesslide .winnersgiftiesbox {width:270px !important;}
    .search.animatedinput input[type="text"] {color:#000;width:80%;min-width: 200px !important;}
    #main-content .component .component-vert-align {width: 560px;}
    .roundimgstyle {width: 150px;height: 150px;}
    .notificationsCounter {position:relative;}
    .roundimgstyle img {min-width: 150px;min-height: 150px;}
     #main-content .component .component-vert-align {height:150px;display: table-cell;vertical-align: middle;float:none;}
    .searchpic .preview, .searchvideo .preview {display:block !important;}
    .scrollbox {float: left !important;margin: 15px 0px 0px 0px;width: 310px !important;}
    #rewardsPopupDiv div.done a, #wizardPopupDiv div.done a {display:inline-block;float:right;}
    .innerContainer a.button, .searchpic .showmore, .searchvideo .showmore {width:300px !important;}
    .searchpic {overflow:visible}
    .landmobile .bx-controls-direction, .topic_categorize .CategorizeTxt {display:block !important; }
    .landmobile .bx-controls-direction a {top:15%;}
    .opensugnup .bx-controls-direction a {top:40%;}
    .moreanswer input {width: 75%;padding: 0px 17% 0px 7%;}    
}

@media screen and (max-width: 320px) 
{
    .select_w input.big, .select_w textarea.big { font-size: 15px; }
    .joyride-tip-guide, #TourPopup.joyride-tip-guide { left: 0.5% !important; }

    #joyRidePopup2.joyride-tip-guide .joyride-nub { left: 133px !important; }
    #joyRidePopup3.joyride-tip-guide .joyride-nub { right: 68px !important;left: auto !important; }
    #joyRidePopup4.joyride-tip-guide .joyride-nub {left: auto !important; right: 48px !important; }

    .verificationWrap .rewardBox img { max-width: 95px !important; }
    .verification-header { font-size: 40px !important; height: 100px !important; line-height: 100px!important;}
    .verificationWrap #btnSend.blue_button2.customizable {margin-top: 20px !important;}
    .verificationWrap .left-side-content .welcome-row { font-size: 30px; }
    .verificationWrap .captcha-text { padding: 25px 0 25px 0; }
    .mobile-app-banner .title {
        font-size: 12px;
    }
    .mobile-app-banner {
        height: 70px;
    }
    .mobile-app-banner .phone-bg {
        width: 125px;
        height: 93px;
        -ms-background-size: 124px 80px;
        background-size: 124px 80px;
    }
    .mobile-app-banner .title {
        margin: 18px 0 0 112px;
    }
    .mobile-menu .submenu a {
        height: 35px;
        line-height: 35px;
    }
    .mobile-menu .submenu.ddWrapper a {
        height: auto;
        line-height: normal;
    }
    .mobile-menu a.MenuHeader .link {
        height: 40px;
        line-height: 40px;
    }
    .mobile-menu .signout {
        bottom: 20px;
    }
    .mobile-menu .blue_arrow {
        margin-top: 12px !important;
    }
    .media-search-tabs a {
        font-size: 14px;
        padding: 5px 10px 5px 10px;
        margin-right: 10px;
    }
    .media-search-tabs .qq-upload-button {
        font-size: 14px;
    }
    #wizardPopupDiv .popuptitle {
        font-size: 20px;
    }
    .dualcamera.on {
        width: 48%;
    }
}

@media screen and (max-height:768px) {
 .img-cropper-popup .crop-area img {
        max-height: 600px !important;
    }   
}

 @media screen and (min-width: 600px) and (max-width: 960px) {
     .mobile-app-banner {
        height: 106px;
    }
     .mobile-app-banner .phone-bg {
        background: url(/Content/images/appBanner/app-phone.png)no-repeat scroll 0 0;
        width: 220px;
        height: 120px;
    }
     .mobile-app-banner .title {
        font-size: 31px;
        margin: 14px 0 0 210px;
    }
     .mobile-app-banner .close {
         -ms-background-size: 23px 23px;
         background-size: 23px 23px;
        padding: 0 3px 0 3px;
        height: 30px;
     }

     .mobile-app-banner .social-ads {
        margin-top: 1vw;
        margin-left: 8px;
    }
     .notifTooltip .layer-arrow {
        right: 28px;
    }
     .notifTooltip .arrow-up {
        right: 28px;
    }
 }
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('/Content/styles/fontIconCSS/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('/Content/styles/fontIconCSS/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('/Content/styles/fontIconCSS/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('/Content/styles/fontIconCSS/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('/Content/styles/fontIconCSS/font-awesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}

.ng-styled-select select {
   background: transparent !important;

   border: 0 !important;
   border-radius: 0;
   width: calc(100% + 22px) !important;
   height: 24px !important;
   -webkit-appearance: none;
    padding: 3px 38px 3px 3px !important;
    direction: ltr;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.ng-styled-select select::-ms-expand {
    display: none;
}
.ng-styled-select select:focus::-ms-value {background-color: transparent; color:#000;}
.ng-styled-select {
    height: 24px !important;
    overflow: hidden;
    position: relative;
    padding: 0 !important;
}
.ng-styled-select span.fa {
    width: 11px !important;
    height: 11px !important;
    color: inherit;
    display: inline-block;
    position: absolute;
    right: 3px;
    top: 7px;
    font-size: 13px !important;
}
.ng-styled-select select option.rtlDirection {
    direction: rtl;
    text-align: right;
}
.ng-styled-select select option.ltrDirection {
    direction: ltr;
    text-align: left;
}

.ng-styled-select .fa.fa-caret-down {
    pointer-events: none;
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }
/* fonts */
.identified-user-login-popup .modal-dialog {
  width: 100%;
  height: 100%; }
  .identified-user-login-popup .modal-dialog .modal-content {
    width: 482px;
    margin: 0 auto; }

#identifiedUserLoginPopup {
  border-radius: 5px;
  overflow: hidden; }
  #identifiedUserLoginPopup *:not(.fa) {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-family: "MuseoSans-300"; }
  #identifiedUserLoginPopup header {
    height: 79px;
    border-bottom: 1px solid #cfd9db;
    background-color: #fafafa;
    font-size: 23px;
    padding: 25px 30px 30px;
    text-transform: capitalize; }
  #identifiedUserLoginPopup button {
    cursor: pointer; }
  #identifiedUserLoginPopup .btn-close {
    color: #cfd9db;
    border: 1px solid #cfd9db;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
    width: 25px;
    height: 25px; }
  #identifiedUserLoginPopup .popup-main-content {
    padding: 18px 25px 20px; }
  #identifiedUserLoginPopup .popup-user-details {
    margin-bottom: 18px; }
    #identifiedUserLoginPopup .popup-user-details span {
      font-family: "MuseoSans-700";
      font-size: 15px;
      position: relative;
      top: -23px;
      text-transform: capitalize;
      margin-left: 4px; }
    #identifiedUserLoginPopup .popup-user-details img {
      width: 55px;
      height: 55px;
      border-radius: 30px; }
    #identifiedUserLoginPopup .popup-user-details a {
      position: relative;
      top: -23px; }
  #identifiedUserLoginPopup input {
    display: block;
    padding: 8px 17px;
    border: 1px solid #cfd9db;
    font-size: 15px;
    height: 34px;
    margin-bottom: 12px;
    width: 100%;
    border-radius: 5px; }
    #identifiedUserLoginPopup input + a {
      float: right;
      clear: both; }
  #identifiedUserLoginPopup a {
    text-decoration: underline;
    color: #2a7ed4;
    font-size: 12px; }
  #identifiedUserLoginPopup footer {
    height: 62px;
    padding: 13px 30px 18px 25px;
    border-top: 1px solid #cfd9db; }
    #identifiedUserLoginPopup footer .grecaptcha-badge {
      right: 3px !important;
      bottom: -62px !important; }
  #identifiedUserLoginPopup footer.show-fb {
    height: 0;
    padding: 0; }
  #identifiedUserLoginPopup button.btn-reset:not(.btn-close) {
    text-align: center;
    min-width: 76px;
    min-height: 31px;
    text-transform: capitalize;
    border-radius: 5px; }
  #identifiedUserLoginPopup .login-btn-wrapper-fb {
    padding-top: 20px; }
  #identifiedUserLoginPopup button.btn-reset span {
    color: #fff; }
  #identifiedUserLoginPopup button.btn-reset.btn-transparent {
    color: #cfd9db;
    border: 1px solid #cfd9db; }
  #identifiedUserLoginPopup button.btn-reset.btn-transparent span {
    color: #cfd9db; }
  #identifiedUserLoginPopup .btn-blue {
    color: #fff;
    background-color: #36ACE9; }
  #identifiedUserLoginPopup .thanks-message {
    color: #90949c; }
  #identifiedUserLoginPopup .error-message {
    display: block;
    color: #a94442;
    margin-bottom: 3px;
    font-weight: bold; }
  #identifiedUserLoginPopup .imgCaptchaInputBg {
    background: #fff;
    border: none; }
    #identifiedUserLoginPopup .imgCaptchaInputBg input {
      margin-left: 0; }
  #identifiedUserLoginPopup .orstyle {
    color: #E3E3E3;
    width: 100%; }
  #identifiedUserLoginPopup .orstyle span {
    padding: 0px 20px;
    background: #fff; }
  #identifiedUserLoginPopup .fbConnectImg {
    height: 25px;
    float: none !important;
    color: #fff;
    margin: 10px auto 7px;
    width: auto !important;
    display: table; }
  #identifiedUserLoginPopup .fbConnectImg span.icon {
    height: 25px;
    width: 25px;
    margin: 0px 15px 0px 0px;
    background: url(/Content/images/sprites/headersprite.png) -54px -42px no-repeat;
    border-right: 1px solid #fff; }
  #identifiedUserLoginPopup .fbConnectImg span {
    float: left;
    height: auto;
    width: auto;
    background: none;
    margin: 7px 15px 0px 0px;
    padding: 0px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0;
    color: #fff; }

@media screen and (max-width: 667px) {
  .identified-user-login-popup .modal-dialog {
    width: auto; }
    .identified-user-login-popup .modal-dialog .modal-content {
      width: auto; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("fonts/glyphicons-halflings-regular.eot");
  src: url("fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("fonts/glyphicons-halflings-regular.woff") format("woff"), url("fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/*@import "bootstrap/scaffolding";
@import "bootstrap/type";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";*/
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

/*@import "bootstrap/dropdowns";
@import "bootstrap/button-groups";
@import "bootstrap/input-groups";
@import "bootstrap/navs";
@import "bootstrap/navbar";
@import "bootstrap/breadcrumbs";
@import "bootstrap/pagination";
@import "bootstrap/pager";
@import "bootstrap/labels";
@import "bootstrap/badges";
@import "bootstrap/jumbotron";
@import "bootstrap/thumbnails";
@import "bootstrap/alerts";
@import "bootstrap/progress-bars";
@import "bootstrap/media";
@import "bootstrap/list-group";
@import "bootstrap/panels";
@import "bootstrap/responsive-embed";
@import "bootstrap/wells";
@import "bootstrap/close";*/
.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

/*@import "bootstrap/tooltip";
@import "bootstrap/popovers";
@import "bootstrap/carousel";*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.reset-pass-fb {
  display: none;
  background-color: #fff; }
  .reset-pass-fb .wrpr {
    padding: 30px; }
  .reset-pass-fb .title {
    font-size: 16px; }
  .reset-pass-fb input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #d2d2d2;
    background: transparent;
    margin: 30px 0 10px;
    padding: 0 5px 5px;
    font-size: 14px; }
    .reset-pass-fb input.error {
      border-bottom: 1px solid #FF4136; }
  .reset-pass-fb .error-msg {
    color: #FF4136;
    margin-bottom: 15px;
    display: block;
    visibility: hidden; }
  .reset-pass-fb .buttons-row {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .reset-pass-fb a.btn-cancel, .reset-pass-fb a.btn-cancel:hover, .reset-pass-fb a.btn-cancel:active {
    color: #606060;
    text-decoration: none !important;
    margin-right: 20px;
    font-size: 14px; }
  .reset-pass-fb button.btn-send, .reset-pass-fb a.btn-send, .reset-pass-fb a.btn-send:hover, .reset-pass-fb a.btn-send:active {
    font-size: 14px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 15px;
    padding: 7px 50px;
    background-color: transparent;
    cursor: pointer; }

.signin-modal .reset-pass-fb {
  height: 400px;
  margin: 31px 0; }
  .signin-modal .reset-pass-fb .wrpr {
    padding-top: 90px; }
  .signin-modal .reset-pass-fb input {
    margin: 30px 0 10px; }
  .signin-modal .reset-pass-fb .error-msg {
    margin-bottom: 50px; }
  .signin-modal .reset-pass-fb .title {
    font-size: 18px; }

#identifiedUserLoginPopup .reset-pass-fb input {
  border: none;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 0; }
  #identifiedUserLoginPopup .reset-pass-fb input.error {
    border-bottom: 1px solid #FF4136; }

#identifiedUserLoginPopup .reset-pass-fb .error-msg {
  color: #FF4136; }

.update-pass-alert {
  border: 2px solid #fff;
  width: 504px;
  background: #fff;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: #707070 0px 0px 15px;
  -moz-box-shadow: #707070 0px 0px 15px;
  box-shadow: #707070 0px 0px 15px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99999; }
  .update-pass-alert .update-pass-alert-wrpr {
    display: flex;
    flex-direction: column;
    padding: 24px;
    position: relative; }
  .update-pass-alert .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #595959;
    cursor: pointer; }
  .update-pass-alert label {
    font-family: 'Roboto';
    font-size: 22px;
    color: #595959; }
  .update-pass-alert .main-text {
    font-family: 'Roboto';
    font-size: 14px;
    color: #595959;
    padding: 25px 0;
    line-height: 21px; }
  .update-pass-alert .buttons-row {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .update-pass-alert .btn-link {
    font-family: 'Roboto';
    color: #309DD4;
    font-size: 15px;
    text-decoration: none;
    margin-right: 18px; }
  .update-pass-alert .btn {
    font-family: 'Roboto';
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    background-color: #309DD4;
    -ms-border-radius: 25px;
    border-radius: 25px;
    padding: 9px 11px;
    text-transform: uppercase; }
  @media screen and (max-width: 667px) {
    .update-pass-alert {
      width: 95%; }
      .update-pass-alert .update-pass-alert-wrpr {
        padding: 10px; }
      .update-pass-alert .btn-link, .update-pass-alert .btn {
        font-size: 14px; } }