.connect *,.connect :before,.connect :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.connect .counter{font:100% Helvetica,arial,sans-serif;display:inline-block;min-width:18px;min-height:15px;text-align:center;font-size:11px;font-size:.6875rem;font-weight:700;background:#f45e30;color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;line-height:15px;-webkit-font-smoothing:antialiased;cursor:default;padding:2px 2px 1px 2px}.connect h2{padding:0;margin:30px 12px 20px 12px;font-weight:400;font-size:18px;font-size:1.125rem;color:#000;line-height:23px}#connect{font:100% Helvetica,arial,sans-serif;width:100%;height:46px;background:none repeat scroll 0 0 #EAEAEA;border-bottom:1px solid #d0d0d0;padding:2px 0 0;z-index:10}@-moz-document url-prefix(){#connect{width:100%;height:46px;background:none repeat scroll 0 0 #EAEAEA;border-bottom:1px solid #d0d0d0;padding:3px 0 0}}.connect{float:right}.connect .open-menu{display:inline-block;cursor:pointer}.connect a{float:left;color:#0095da;text-decoration:none;margin-right:1em}.connect .connect-action{position:relative;float:left;top:13px;color:#0095da;margin-right:8px;cursor:pointer;font-size:.97em}.connect .connect-logo{position:relative;float:left;padding:5px 5px 0 0;cursor:pointer}.connect .connect-menu-arrow{border:4px solid transparent;border-top-color:#0095da;float:right;position:relative;top:19px;margin:0 10px 0 5px;cursor:pointer}.connect .connect-menu-arrow.opened{border:4px solid transparent;border-bottom-color:#0095da;top:15px}.connect .connect-user{position:relative;float:left;top:12px;color:#0095da;margin:0 10px 0 0;cursor:pointer;display:block;font:100% Helvetica,arial,sans-serif}@-moz-document url-prefix(){.connect-user{top:13px}}.connect .connect-avatar{position:relative;float:left;padding:5px 0 0 0;cursor:pointer}.connect .connect-avatar img{border:1px solid silver;width:27px;height:27px}.connect .connect-avatar .counter{position:absolute;top:5px;left:-8px}.connect .connect-avatar .counter .spinner{top:7px;left:5px}.connect .connect-avatar .alert{position:absolute;top:5px;left:-8px;width:20px;height:16px;background:url(../img/alert.png)}.auth-menu{width:100%;height:48px;border-bottom:1px solid #d0d0d0;background:#eaeaea;padding:2px 0 0 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-menu .back{float:left;margin:15px 0 0 5px;font-size:14px;font-size:.875rem;font-weight:700;color:#0095da;background:url(../img/auth_back.png) no-repeat scroll 0 0 transparent;padding:0 0 0 12px;cursor:pointer}.auth-menu .logo{width:28px;height:28px;top:7px;position:relative;right:11px;background:url(../img/connect_l.png) no-repeat scroll 0 0 transparent;background-size:28px 28px;float:right}.auth-menu .done{float:right;margin:15px 5px 0 0;font-size:14px;font-size:.875rem;font-weight:700;color:#0095da;cursor:pointer}@-moz-document url-prefix(){.auth-menu .back{padding:2px 0 0 12px}}.connect-menu{display:none;position:absolute;top:48px;right:0;background:#fff;width:275px;-webkit-box-shadow:-7px 7px 17px rgba(0,0,0,.3);-moz-box-shadow:-7px 7px 17px rgba(0,0,0,.3);box-shadow:-7px 7px 17px rgba(0,0,0,.3);z-index:10;border-bottom-left-radius:3px;font:100% Helvetica,arial,sans-serif}.connect-menu img{width:70px;height:70px}.connect-menu .menu-row{margin:0;padding:0}.connect-menu .menu-row.selected .item .name{background:#edf9ff;color:#000}.connect-menu .menu-dropdown{float:right;position:relative;top:20.5px;right:10px;width:0;height:0;border-top:6.6px solid transparent;border-bottom:6.6px solid transparent;border-left:6.6px solid #000}.connect-menu .menu-dropdown.opened{width:0;height:0;border-style:solid;border-width:6.6px 6.6px 0 6.6px;border-color:#000 transparent transparent transparent}.connect-menu .item{float:left;width:100%;height:52px;cursor:pointer;text-align:left}.connect-menu .item .name{position:relative;border-top:1px solid #cecece;line-height:52px;padding-left:16px;font-size:17px;font-size:1.0625rem;font-weight:400;height:53px;color:#000}.connect-menu .item .name.name-centre{padding-left:0;text-align:center}.connect-menu .item .name .counter{position:relative;top:-1em;right:0;padding-top:2px}.connect-menu .item .name img{position:relative;top:9px;margin-left:1em;height:30px;width:30px}.connect-menu .item .sub_icon{width:33px;height:35px;float:left;margin-top:11px;margin-left:10px;margin-right:10px;background-size:33px 35px}.connect-menu .item:hover{background-color:#edf9ff}.sub-menu{display:none;float:left;background:#f8f8f8;overflow:hidden;width:100%}.sub-menu:before{border-bottom:1px solid #cecece}.username_overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ie8 .connect-menu{z-index:10}.ie8 .connect-menu .item{float:left;height:52px}.ie8 .connect-menu .item .name{position:relative}.ie8 .connect-menu .item .name .counter{position:relative}.ie8 .connect-menu .item .name img{position:relative}.ie8 .connect-menu .item .name .nolink{position:relative}.ie8 .connect-menu .item .sub_icon{width:33px;height:35px;float:left;margin-top:11px;margin-left:10px;margin-right:10px}.ie8 .connect-menu .item:hover{background-color:#edf9ff}.ie8 .connect-menu .item:active{background-color:#edf9ff}.connect-menu .profile-image{padding:1em;margin-bottom:4em}.connect-menu .profile-image .col{padding-right:1em;float:left;display:block;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-menu .profile-image .col .avatar{width:70px;height:70px;margin:0 -4px 0 0!important;border:1px solid silver;font:100% Helvetica,arial,sans-serif}.connect-menu .profile-image .col .avatar img{width:68px;height:68px}.connect-menu .profile-image .col .avatar.droppable{background:url(../img/upload.png)}.connect-menu .profile-image h2,.connect-menu .profile-image p,.connect-menu .profile-image a{padding:0 0 3px 0;margin:0}.connect-menu .profile-image h2{font-size:1.2em}.connect-menu .profile-image p{font-size:.8em}.connect-menu .profile-image a{font-size:.8em;text-decoration:underline}.open-menu .counter{position:absolute;z-index:1;right:40px;top:2px}.connect-menu .notification-item{min-height:60px;background:#f4f4f4;font:100% Helvetica,arial,sans-serif;position:relative;float:left;height:100%;padding:0}.connect-menu .notification{position:relative;border-top:1px solid #cecece;color:#000;padding:0 0 4px}.connect-menu .notification .notification-image{position:absolute;width:45px;background-size:30px;height:40px}.connect-menu .notification .notification-image.empty{background:url(../img/spr_notific.png) no-repeat 8px -258px;background-size:30px;top:8px;height:32px}.connect-menu .notification .notification-image.Connect{background:url(../img/spr_notific.png) no-repeat 8px 1px;background-size:30px;top:12px;height:32px}.connect-menu .notification .notification-image.SuperSport{background:url(../img/spr_notific.png) no-repeat 8px -36px;background-size:30px;top:15px;height:33px}.connect-menu .notification .notification-image.CatchUp{background:url(../img/spr_notific.png) no-repeat 8px -130px;background-size:30px;top:15px;height:33px}.connect-menu .notification .notification-image.BoxOffice{background:url(../img/spr_notific.png) no-repeat 8px -95px;background-size:30px;top:15px;height:33px}.connect-menu .notification .notification-image.DStv{background:url(../img/spr_notific.png) no-repeat 8px -63px;background-size:30px;top:12px;height:32px}.connect-menu .notification .notification-image.M-Net{background:url(../img/spr_notific.png) no-repeat 8px -165px;background-size:30px;top:15px;height:33px}.connect-menu .notification .notification-message{position:relative;top:0;left:45px;min-height:59px;font-size:13px;font-size:.8125rem;font-weight:400!important}.connect-menu .notification .notification-message .message{display:table-cell;vertical-align:middle;padding:11px 0 3px 0;width:195px}.connect-menu .notification .notification-message .time-stamp{padding-top:3px;color:#424242}.connect-menu .notification .notification-delete{position:absolute;top:0;right:0;width:30px;min-height:60px;background-color:#fff;height:100%;padding:4px 0 4px}.connect-menu .notification .notification-delete:hover{background-color:#f4f4f4}.connect-menu .notification .notification-delete .notif-trash{display:block;background:url(../img/spr_notific.png) no-repeat 2px -199px transparent;background-size:30px;top:21px;width:25px;height:25px;position:relative}.connect-menu .notification:hover{background:#edf9ff;cursor:pointer}.connect-menu .notifications-toolbar{position:relative}.connect-menu .notifications-toolbar a{display:block;width:100%;line-height:45px;text-align:center;background:#edf9ff;border-top:1px solid #cecece}.connect-menu .logout{padding:1.2em;display:inline-table;border-top:1px solid #cecece;width:275px;text-align:center}.connect-menu .logout.top-border{margin-left:0;padding-left:16px}.connect-menu .logout .btn{font:100% Helvetica,arial,sans-serif;float:left;background:#f2f2f2;border:1px solid #d4d4d4;color:#0095da;width:100%;padding:18px;font-size:16px;font-size:1rem;font-weight:400;cursor:pointer;border-radius:3px;-webkit-transition:background .4s;-moz-transition:background .4s;-ms-transition:background .4s;-o-transition:background .4s;transition:background .4s}.connect-menu .logout .btn:hover{-webkit-transition:background .4s;-moz-transition:background .4s;-ms-transition:background .4s;-o-transition:background .4s;transition:background .4s;background:#edf9ff;border:1px solid #c8eeff}.connect-menu .logout .btn:active{-webkit-transition:background .4s;-moz-transition:background .4s;-ms-transition:background .4s;-o-transition:background .4s;transition:background .4s;background:#edf9ff}#connect .loading{overflow:hidden;top:0;position:absolute;width:100%;height:2px}#connect .loading .bar{top:0;display:block;position:absolute;content:"";left:-200px;width:200px;height:2px;background-color:#29d;-webkit-animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-o-animation:loading 2s linear infinite;animation:loading 2s linear infinite}@-webkit-keyframes loading{from{left:-10%;width:0}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}@-moz-keyframes loading{from{left:-10%;width:0}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}@-o-keyframes loading{from{left:-10%;width:0}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}@keyframes loading{from{left:-10%;width:0}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}