#referral{overflow:hidden;padding:7px 0 0;font-family:Arial;font-size:12px;width:100%}
#referral .widgets{text-align:center}
#referral .widgets-col{width:49%;padding:0;margin:0;text-align:left;display:inline-block;vertical-align:top}
#referral #referral-account{margin:0 1% 0 0}
#referral-account .widget .aside-buttons .more-info-button{display:none}
#referral .center-block{margin:0 auto}
#referral .main-title{padding:0;margin:10px 0 25px;font-size:19px;font-weight:300;text-align:center;color:#000}
#referral .widget{border:solid #e6e6e6 1px;box-shadow:0 2px 5px rgba(0,0,0,0.11);border-radius:3px;margin-bottom:15px;color:#949494;width:100%;display:inline-block;background-color:#fff}
#referral .business-card .referral-card-box p{margin-top:0}
#referral .business-card .referral-card-box .buttons{float:none;text-align:left}
#referral .widget .header{background:#f9f9f9;margin:0;padding:10px;display:block;text-decoration:none;height:auto;color:#085ab7;font-size:16px;font-weight:700}
#referral .widget .header i{background-image:url(images/plus-minus-buttons.png);width:20px;height:20px;display:inline-block;float:left;margin-right:10px}
#referral .widget.opened .header i{background-position:0 -20px}
#referral .widget.closed .header i{background-position:0 0}
#referral .widget-content{padding:18px 16px;border-top:solid #f4f4f4 1px}
#referral .widget-content p{color:#6c6c6c;font-size:12px}
#referral .widget .button{color:#fff;display:inline-block;padding:10px 15px;border-radius:3px;text-decoration:none;margin:0;border:none}
#referral .widget .white-button{background:url(images/white-button-bg.png) 0 bottom repeat-x;color:#000;border:solid #dedfe5 1px;line-height:26px;padding:2px 15px;margin:0 0 0 4px}
#referral .widget input.button{line-height:11px}
#referral .widget .blue-button{background:url(images/blue-button-bg.png)}
#referral .widget .grey-button{background:url(images/grey-button-bg.png)}
#referral .widget .icon-button span{padding:2px 10px 2px 25px}
#referral .widget .print-button span{background:url(images/print-icon.png) no-repeat;padding:0 10px 0 25px}
#referral .widget .save-button span{background:url(images/save-icon.png) no-repeat}
#referral .widget .notice{margin:10px 0;border-radius:3px}
#referral .widget .orange-notice{background:#fbfaef;color:#dc7d1f!important;padding:10px}
#referral .widget .orange-notice p{color:#dc7d1f!important}
#referral .widget .green-notice{background:#f5fbef;color:#3f6b00!important;padding:10px}
#referral .widget .green-notice p{color:#3f6b00!important}
#referral .data-table{width:100%;border-collapse:collapse;margin:10px 0;overflow:hidden}
#referral table.data-table tr th{text-align:left;color:#000;border-bottom:solid #bdbdbd 1px}
#referral .data-table tr:nth-child(2n){background:#f9f9f9}
#referral .data-table tr th,#referral .data-table tr td{padding:10px;color:#949494}
#referral .data-table tr td span{color:#000}
#referral .widget .underline-header{font-size:15px;font-weight:300;border-bottom:solid #ececec 1px;padding-bottom:15px;text-align:center;margin:10px 0;color:#000;background:none}
#referral .widget form table td{padding:4px 20px 4px 0}
.widget select,#referral .widget form input[type="text"],#referral .widget form textarea{border:solid #e7e7e7 1px;border-radius:2px;background:url(images/input-bg.png) repeat-x;padding:7px;color:#717171;width:100%;background-color:#FAFAFA;font-family:Arial;font-size:13px;box-sizing:border-box;height:auto;box-shadow:none}
#referral .widget table{width:100%}
#referral .widget .data-list,#referral .widget .data-list-2,#referral .widget .data-list-3{margin:0;padding:0;list-style:none;font-size:14px}
#referral .widget .data-list li{border-bottom:solid #efefef 1px;padding:10px}
#referral .widget .data-list li:last-child{border:none}
#referral .widget .data-list li b{float:right;color:#085ab7}
#referral .widget .data-list-2 li,#referral .widget .data-list-3 li{margin-bottom:6px}
#referral .widget .data-list-2 li:last-child,#referral .widget .data-list-3 li:last-child{margin:0}
#referral .widget .data-list-2 li .li-header{background:#f9f9f9;color:#0d65bf}
#referral .widget .data-list-3 li .li-header{background:#e3f6fd;color:#3c4f86}
#referral .widget .data-list-2 li .li-header,#referral .widget .data-list-3 li .li-header{font-size:13px;text-decoration:none;display:block;padding:10px;border-radius:2px;outline:grey}
#referral .widget .data-list-2 li a i{background-image:url(images/grey-arrows.png)}
#referral .widget .data-list-3 li a i{background-image:url(images/blue-arrows.png)}
#referral .widget .data-list-2 li a i,#referral .widget .data-list-3 li a i{width:13px;height:13px;display:block;float:left;margin:2px 10px 4px 0}
#referral .widget .data-list-2 li.closed a i,#referral .widget .data-list-3 li.closed a i{background-position:0 0}
#referral .widget .data-list-2 li.opened a i,#referral .widget .data-list-3 li.opened a i{background-position:0 -14px}
#referral .widget .data-list-2 li .li-content,#referral .widget .data-list-3 li .li-content{padding:20px 20px 14px;font-size:12px}
#referral .widget .data-list-2 li ul,#referral .widget .data-list-2 li ol{margin:0;padding:0 0 0 20px}
#referral .widget .data-list-2 li ul li,#referral .widget .data-list-2 li ol li{padding:3px 0}
#referral .widget .data-list-3 li h3{font-size:17px;color:#085ab7;background:none;border:none;padding:0}
#referral .widget .data-list-3 li h3:first-child{margin-top:0}
#referral .widget .data-list-3 li h4{font-size:14px;color:#4f4f4f;font-weight:400}
#referral .widget .data-list-3 ul,#referral .widget .data-list-3 ol{margin:0 0 15px;color:#000;font-size:13px;list-style:disc;padding:0 0 0 25px}
#referral .widget .blue-label{color:#085ab7}
#referral .widget .red-label{color:#c04343}
#referral .widget .green-label{color:#546711}
.referral-link{color:#0d65bf;text-decoration:none;background:#f6f9ff;padding:10px 10px 5px;border:solid #e6e9ef 1px;border-radius:2px;margin:0;display:inline-block;position:relative;width:100%}
.referral-link:hover{text-decoration:underline}
#referral .banners-widget .code{padding-right:6px;margin-bottom:10px}
#referral .banners-widget textarea{width:100%;height:75px}
#referral .banners-widget ul{margin:0;padding:0;list-style:none}
#referral .banners-widget ul li{border-bottom:solid #d0dee8 1px;padding:20px 0}
#referral .banners-widget ul li:first-child{padding-top:0}
#referral .banners-widget ul li:last-child{padding-bottom:0;border:none}
#referral .banners-widget ul li .image-wrapper{text-align:center;margin-bottom:20px;display:block}
#referral .banners-widget ul li .image-wrapper img{box-shadow:0 2px 5px rgba(0,0,0,0.11);border:none}
#referral .banners-widget ul li h4{text-align:center;font-size:15px}
#referral .link a{display:block;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.account{background:url(/files/images/account_c.gif) repeat-x}
.table-top-referrals td{text-align:center}
#referral-account .referral-blocks{position:relative;padding:12px 0 0;border:1px solid #EDEDEE;margin:0;border-top:none}
@media screen and (min-width: 1200px) {
    #referral .data-table tr th,#referral .data-table tr td{padding:5px}
    #referral .image-wrapper img{max-width:300px}
}
@media(max-width: 680px) {
    #referral .banners-widget ul li .image-wrapper img{max-width:220px}
    #referral .business-card .referral-card-box .buttons{float:none}
    #referral .data-table tr th,#referral .data-table tr td{padding:7px}
}
@media(max-width: 420px) {
    #referral .link a{max-width:78px}
}
#referral-account{padding:24px 0 0;margin:0;text-align:center;background:#fbfbfb}
#referral #referral-account{padding:0;min-width:0;margin:0 3% 0 0;text-align:left}
#referral-account p{margin:10px 0;font-size:12px}
#referral-account ul{font-size:12px}
#referral-account .block{display:inline-block;text-align:left;width:49%;padding:1%;vertical-align:top;font-family:​tahoma,sans-serif,​Verdana,​Helvetica}
#referral-account .block .referral-card-box{width:380px}
.share-buttons .share-btn{display:inline-block;color:transparent!important;background-image:url(/referral/files/images/sprite-1.png);width:120px;height:32px;vertical-align:top;margin:0 0 4px}
.share-buttons .share-btn.facebook{background-position:0 -145px}
.share-buttons .share-btn.twitter{background-position:0 -184px}
.share-buttons .addthis_inline_share_toolbox{clear:none!important;display:inline-block;vertical-align:top}
.share-buttons .at-style-responsive .at-share-btn{padding:0!important}
.share.f-share{background-image:url(/referral/files/images/f-share.png);width:59px;height:20px;display:inline-block;vertical-align:top}
#referral-account h3{color:#085ab7;font-family:Arial;font-size:16px;background:none;border:none;padding-left:0;font-weight:700;margin-top:0;padding-top:0}
#referral-account h4{font-size:13px;margin:20px 0 5px;padding:0}
#referral-account p{color:#4f4f4f}
#referral-account ul{margin:10px 0 15px 20px;padding:0}
#referral-account ul li{padding:1px 0}
#referral-account .buttons{margin-top:10px}
#referral-account .aside-buttons{margin-bottom:0}
.referral-blocks .buttons.aside-buttons{margin-top:0!important}
#referral-account .button{border:none;text-decoration:none;color:#fff;border-radius:3px;padding:9px 15px;line-height:13px;font-size:13px;margin-right:5px;display:inline-block;font-weight:400;cursor:pointer}
#referral-account .buttons .button{margin:8px 0 0}
#referral-account .button span{font-weight:400}
.green-button{background:url(images/green-button-bg.png) repeat-x}
#referral-account .grey-button{background:url(images/grey-button-bg.png) repeat-x}
#referral-account form input[type="button"],#referral-account .white-button{background:url(images/white-button-bg.png) 0 bottom repeat-x;color:#000;border:solid #dedfe5 1px}
#referral-account .button span{padding:1px 10px 1px 25px}
#referral-account .print-button span{background:url(images/print-icon.png) no-repeat}
#referral-account .save-button span{background:url(images/save-icon.png) no-repeat}
.sms-button span{background:url(images/sms-icon.png) no-repeat;padding:1px 10px 1px 25px}
#referral-account form input[type="text"],#referral-account form textarea{display:block;margin:6px 0;border:solid #e0e0e0 1px;border-radius:2px;padding:7px 10px;width:100%;font-family:Arial;font-size:13px;color:#000;box-sizing:border-box;height:auto;box-shadow:none}
#referral #referral-account form input[type="text"],#referral #referral-account form textarea{width:100%}
#referral #referral-account .business-card .white-button{display:none}
#referral-account form textarea{height:90px;resize:vertical}
#referral-account .block .addinput{position:relative}
#referral-account .block .delete{background:#2d88e5 url(images/referer-close.png) no-repeat scroll center center;border-radius:5px;display:block;height:28px;position:absolute;right:0;top:0;width:28px}
#referral-account .friend-help-banner{margin:0 0 -12px 10px;width:250px;float:right}
.addinput{position:relative}
.addinput .delete{background:#2d88e5 url(images/referer-close.png) no-repeat scroll center center;border-radius:5px;display:block;height:32px;position:absolute;right:0;top:0;width:30px}
.addinput .delete-clear{background:#2d88e5 url(images/referer-close.png) no-repeat scroll center center;border-radius:5px;display:block;height:32px;position:absolute;right:0;bottom:4px;top:0;width:28px}
#referral-account .addthis_toolbox,#referral .addthis_toolbox{display:inline-block;height:16px;margin-bottom:2px;margin-top:-3px;overflow:hidden}
form.referral-program-pop-up-form .send-email-panel{width:100%}
form.referral-program-pop-up-form .send-email-panel tr td{padding:0!important}
form.referral-program-pop-up-form tr td [type="submit"]{margin:0 0 0 5px !important}
#referral-account #ajax_referral_pop_up_form{width:95%}
#referral #referral-account #ajax_referral_pop_up_form{width:100%}
#referral-account-wrapper .bottom-banner,#referral .bottom-banner{background:#fafcfe url(images/banner.jpg) center no-repeat;margin-top:10px;height:49px}
.referral-blocks{margin:24px 0 0;display:none}
.referral-blocks.active{display:block}
.account{background:url(/files/images/account_c.gif) repeat-x}
#referral-account .referral-blocks{position:relative;padding:12px 0;border:1px solid #EDEDEE;margin:0;border-top:none}
.affiliate-more-info{margin-top:-17px;cursor:pointer}
.start-earning{position:absolute;right:0;top:10px}
@media(max-width: 860px) {
    #referral-account-wrapper .bottom-banner{background-size:contain}
}
@media(max-width: 680px) {
    #referral-account h3{margin:12px 0;padding:0}
    #referral-account #ajax_referral_pop_up_form{width:100%}
    #referral-account .block .referral-card-box{width:100%}
}
#top-panel{text-align:left;border-bottom:solid #e1e1e1 1px;padding:0 1px 5px 5px;overflow:hidden;position:relative}
#top-panel.referral-page{margin-bottom:8px;padding-top:10px;padding-bottom:10px}
#top-panel.referral-page .button{display:none}
#top-panel .close{float:right;background:url(images/close.png) no-repeat;width:7px;height:7px;display:block}
#top-panel .blue{font-size:15px;color:#f60;margin-right:15px;font-weight:700}
#top-panel .highlight{font-size:16px;color:#085ab7;margin-right:25px;background:none;text-decoration:underline}
#top-panel .earnings{font-size:14px;padding-right:0;margin-right:0}
#top-panel .earnings b{color:#085ab7}
#top-panel .discount{font-size:14px;margin-right:20px}
#top-panel .discount b{color:#f60}
#referral-account .send-sms h3{margin-bottom:0;padding-bottom:0}
#referral-account .send-sms p{margin-bottom:0;margin-top:7px}
#referral .code textarea{border:1px solid #d0dee8;padding:4px}
#top-panel .left{float:left}
#top-panel .right{float:right}
#top-panel .row-2{width:170px;margin:10px 0 0}
#top-panel .row-4{width:90px;margin:10px 0 0}
.copy-msg{color:#000;display:block;opacity:.7;position:absolute;font-size:12px;left:0;right:-3px;top:0;bottom:-2px;z-index:9999;background:#000;text-align:center;border-radius:4px}
.copy-msg span{z-index:9;color:#fff;text-align:center;padding:12px 0 0;position:relative;top:12px;font-family:Arial;font-weight:700}
#referral .widget-content > p:first-child{margin-top:0}
.help-icon{display:inline-block;width:17px;height:17px;font-size:12px;line-height:17px;text-align:center;font-weight:700;border-radius:50%;margin:-2px 0 0 10px;font-style:normal;background-color:#d9f0ff;cursor:pointer;vertical-align:top;border:1px solid #5fabef;color:#5fabef}
#referral .hint{display:inline-block;margin:0 0 0 10px}
#referral .hint .tooltip{top:25px;max-width:100%;display:none;position:absolute;left:0;text-decoration:none;text-align:left;z-index:2;padding:10px;width:305px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border:1px solid #cfe2f3;border-radius:5px}
#referral .hint .tooltip.show{display:block}
#referral .widget-content p{color:#292d3c;font-size:12px;line-height:15px;margin:0}
#referral .widget .data-list li{position:relative}
.notice{padding:12px 12px 12px 52px;background-color:#21a5f8;background-image:url(images/notice-info.png);background-position:14px 50%;background-repeat:no-repeat}
.notice,.notice p,.notice a{font-size:13px;line-height:17px;color:#fff!important}
.notice p{margin:0 0 4px}
.notice p:last-child{margin:0}
.notice .p{text-transform:uppercase}
.notice.notice-error{background-color:#f44747;background-image:url(images/notice-error.png);background-size:20px}
.notice.notice-success{background-color:#09a912;background-image:url(images/notice-success.png);background-size:18px}
.notice.notice-warning{background-color:#fa3;background-image:url(images/notice-warning.png);background-size:18px}
@media(max-width: 480px) {
    .referral-link-wrapper .referral-link{padding:8px!important;font-size:13px}
    .referral-link-wrapper .button{position:relative!important;top:0!important;right:0;left:0;margin:12px auto 0;display:block;max-width:80px;text-align:center}
    .iphone .referral-link-wrapper .button{display:none!important}
    #ajax_referral_sms_form .buttons{margin-bottom:0!important}
    #referral .widget .white-button{margin:4px 0 0}
    #referral .widget .notice{margin:0 0 8px}
    .h-ref-page p:last-child{margin-bottom:0!important}
    #referral .widget-content p{line-height:16px}
}