/* 60px to make the container go all the way to the bottom of the topbar */

.fadegray {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.14) 14%, rgba(48, 48, 48, 1) 68%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(255, 255, 255, 0)), color-stop(14%, rgba(255, 255, 255, 0.14)), color-stop(68%, rgba(48, 48, 48, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.14) 14%, rgba(48, 48, 48, 1) 68%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.14) 14%, rgba(48, 48, 48, 1) 68%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.14) 14%, rgba(48, 48, 48, 1) 68%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0.14) 14%, rgba(48, 48, 48, 1) 68%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#303030', GradientType=0); /* IE6-9 */
}

#userLiveNow {
    text-align: center;
    font-size: 18px;
}

.popinput {
    margin-bottom: 10px;
}

#videocontainer_wrapper {
    margin: 0 auto;
}

#broadcasterUserHeader {
    width: 640px;
    margin: 0 auto;
    height: 50px;
    background-color: #f6f7f8;
    padding: 3px;
}

.countdownBox {
    background-color: #585858;
    height: 450px;
    width: 100%;
}

.startbtext {
    color: #FFF;
    font-size: 24px;
    margin: 0 auto;
    text-align: center;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 96px;
    height: 96px;
    padding: 8px;

    background: #585858;
    border: 4px solid #24abe2;
    color: #FFF;
    text-align: center;

    font-size: 48px;
    margin: 0 auto;
}

.broadcastingtype {
    padding-bottom: 15px;
}

.broadcastingtype img {
    cursor: pointer;
}

.blue {
    color: #00a9e4;
}

.archivebox {
    margin-bottom: 50px;
}

.archivebox:nth-child(3n+1) {
    clear: left
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #E9E9E9;
    margin-top: 15px;
    margin-left: 10px;
    position: absolute;
    display: none;
}

#footer {
    width: 100%;
    height: 50px;
    background-color: #49565f;
}

#body, #archivesList {
    min-height: 85%;
/ / min-height : 300 px;
}

#aimtellPoweredAlt {
  display: block;
  padding-bottom: 15px;
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}


.gradient-grey {
    background-image: -webkit-gradient(
            linear,
            right top,
            left top,
            color-stop(0.54, #FFFFFF),
            color-stop(0.63, #E9E9E9)
    );
    background-image: -o-linear-gradient(left, #FFFFFF 54%, #E9E9E9 63%);
    background-image: -moz-linear-gradient(left, #FFFFFF 54%, #E9E9E9 63%);
    background-image: -webkit-linear-gradient(left, #FFFFFF 54%, #E9E9E9 63%);
    background-image: -ms-linear-gradient(left, #FFFFFF 54%, #E9E9E9 63%);
    background-image: linear-gradient(to left, #FFFFFF 54%, #E9E9E9 63%);
}

#chatholder {
    margin-top: 40px;
/ / height : 500 px;
    height: 625px;
    display: none;
}

#vidparent {
    margin-top: 50px;
}

#profileAlert {
    display: none;
    width: 100%;
    background-color: rgba(9, 140, 48, 0.7);
    color: white;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}

#bgoverlay {
    position: fixed;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.9);
    height: 100%;
    width: 100%;
    top: 0px;
}

#popupcontainer {
    position: relative;
    z-index: 101;
    width: 100%;
    padding-top: 5%;
}

.hwblue {
    color: #00a9e4 !important;
}

.chatmessage {
    color: #FFF !important;
    padding: 10px;
    background-repeat: no-repeat;
    background-image: url('/assets/img/chat_bubble_body.png');
/ / background-size : 300 px 250 px;
    background-size: contain;
    overflow: hidden;
}

#broadcast-header {
    height: 75px;
    background-color: #FFF;
}

#profileAlertFail {
    display: none;
    width: 100%;
    background-color: rgba(140, 9, 9, 0.7);
    color: white;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}

.verifiedicon {
    display: none;
}

.rrssb-buttons li {
    width: 108px !important;
}

.rrssb-buttons.large-format li a, .rrssb-buttons.large-format li a .text {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.rrssb-buttons, .rrssb-buttons li, .rrssb-buttons li a {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    clear: both
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.rrssb-buttons {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 100%
}

.rrssb-buttons li {
    float: left;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0 2.5px;
    line-height: 13px
}

.rrssb-buttons li.email a {
    background-color: #0a88ff
}

.rrssb-buttons li.email a:hover {
    background-color: #006ed6
}

.rrssb-buttons li.facebook a {
    background-color: #306199
}

.rrssb-buttons li.facebook a:hover {
    background-color: #244872
}

.rrssb-buttons li.tumblr a {
    background-color: #32506d
}

.rrssb-buttons li.tumblr a:hover {
    background-color: #22364a
}

.rrssb-buttons li.linkedin a {
    background-color: #007bb6
}

.rrssb-buttons li.linkedin a:hover {
    background-color: #005983
}

.rrssb-buttons li.twitter a {
    background-color: #26c4f1
}

.rrssb-buttons li.twitter a:hover {
    background-color: #0eaad6
}

.rrssb-buttons li.googleplus a {
    background-color: #e93f2e
}

.rrssb-buttons li.googleplus a:hover {
    background-color: #ce2616
}

.rrssb-buttons li.youtube a {
    background-color: #df1c31
}

.rrssb-buttons li.youtube a:hover {
    background-color: #b21627
}

.rrssb-buttons li.reddit a {
    background-color: #8bbbe3
}

.rrssb-buttons li.reddit a:hover {
    background-color: #62a3d9
}

.rrssb-buttons li.pinterest a {
    background-color: #b81621
}

.rrssb-buttons li.pinterest a:hover {
    background-color: #8a1119
}

.rrssb-buttons li.pocket a {
    background-color: #ed4054
}

.rrssb-buttons li.pocket a:hover {
    background-color: #e4162d
}

.rrssb-buttons li.github a {
    background-color: #444
}

.rrssb-buttons li.github a:hover {
    background-color: #2b2b2b
}

.rrssb-buttons li a {
    background-color: #ccc;
    border-radius: 2px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 100%;
    padding: 11px 7px 12px 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out
}

.rrssb-buttons li a .icon {
    display: block;
    height: 100%;
    left: 10px;
    padding-top: 9px;
    position: absolute;
    top: 0;
    width: 10%
}

.rrssb-buttons li a .icon svg {
    height: 17px;
    width: 17px
}

.rrssb-buttons li a .icon svg path, .rrssb-buttons li a .icon svg polygon {
    fill: #fff
}

.rrssb-buttons li a .text {
    color: #fff
}

.rrssb-buttons li a:active {
    box-shadow: inset 1px 3px 15px 0 rgba(22, 0, 0, 0.25)
}

.rrssb-buttons li.small a {
    padding: 0
}

.rrssb-buttons li.small a .icon {
    height: 100%;
    left: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: auto;
    width: 100%
}

.rrssb-buttons li.small a .text {
    visibility: hidden
}

.rrssb-buttons.large-format {
    height: auto
}

.rrssb-buttons.large-format li {
    height: auto
}

.rrssb-buttons.large-format li a {
    font-size: 15px;
    font-size: 1vw;
    padding: 7% 0% 7% 12%;
    border-radius: 0.2em;
    line-height: 1vw
}

.rrssb-buttons.large-format li a .icon {
    left: 7%;
    padding-top: 0;
    width: 12%
}

.rrssb-buttons.large-format li a .icon svg {
    height: 100%;
    width: 100%
}

.rrssb-buttons.large-format li a .text {
    font-size: 15px;
    font-size: 1vw
}

.rrssb-buttons.large-format li a:hover {
    font-size: 15px;
    font-size: 1vw;
    padding: 7% 0% 7% 12%;
    border-radius: 0.2em
}

.rrssb-buttons.small-format {
    padding-top: 5px
}

.rrssb-buttons.small-format li {
    height: 80%;
    padding: 0 1.5px
}

.rrssb-buttons.small-format li a .icon {
    height: 100%;
    padding-top: 0
}

.rrssb-buttons.small-format li a .icon svg {
    height: 48%;
    position: relative;
    top: 6px;
    width: 80%
}

.rrssb-buttons.tiny-format {
    height: 22px;
    position: relative
}

.rrssb-buttons.tiny-format li {
    padding-right: 7px
}

.rrssb-buttons.tiny-format li a {
    background-color: transparent;
    padding: 0
}

.rrssb-buttons.tiny-format li a .icon svg {
    height: 70%;
    width: 100%
}

.rrssb-buttons.tiny-format li a:hover, .rrssb-buttons.tiny-format li a:active {
    background-color: transparent
}

.rrssb-buttons.tiny-format li.email a .icon svg path, .rrssb-buttons.tiny-format li.email a .icon svg polygon {
    fill: #0a88ff
}

.rrssb-buttons.tiny-format li.email a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.email a .icon:hover .icon svg polygon {
    fill: #0054a3
}

.rrssb-buttons.tiny-format li.facebook a .icon svg path, .rrssb-buttons.tiny-format li.facebook a .icon svg polygon {
    fill: #306199
}

.rrssb-buttons.tiny-format li.facebook a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.facebook a .icon:hover .icon svg polygon {
    fill: #18304b
}

.rrssb-buttons.tiny-format li.tumblr a .icon svg path, .rrssb-buttons.tiny-format li.tumblr a .icon svg polygon {
    fill: #32506d
}

.rrssb-buttons.tiny-format li.tumblr a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.tumblr a .icon:hover .icon svg polygon {
    fill: #121d27
}

.rrssb-buttons.tiny-format li.linkedin a .icon svg path, .rrssb-buttons.tiny-format li.linkedin a .icon svg polygon {
    fill: #007bb6
}

.rrssb-buttons.tiny-format li.linkedin a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.linkedin a .icon:hover .icon svg polygon {
    fill: #003650
}

.rrssb-buttons.tiny-format li.twitter a .icon svg path, .rrssb-buttons.tiny-format li.twitter a .icon svg polygon {
    fill: #26c4f1
}

.rrssb-buttons.tiny-format li.twitter a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.twitter a .icon:hover .icon svg polygon {
    fill: #0b84a6
}

.rrssb-buttons.tiny-format li.googleplus a .icon svg path, .rrssb-buttons.tiny-format li.googleplus a .icon svg polygon {
    fill: #e93f2e
}

.rrssb-buttons.tiny-format li.googleplus a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.googleplus a .icon:hover .icon svg polygon {
    fill: #a01e11
}

.rrssb-buttons.tiny-format li.youtube a .icon svg path, .rrssb-buttons.tiny-format li.youtube a .icon svg polygon {
    fill: #df1c31
}

.rrssb-buttons.tiny-format li.youtube a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.youtube a .icon:hover .icon svg polygon {
    fill: #84111d
}

.rrssb-buttons.tiny-format li.reddit a .icon svg path, .rrssb-buttons.tiny-format li.reddit a .icon svg polygon {
    fill: #8bbbe3
}

.rrssb-buttons.tiny-format li.reddit a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.reddit a .icon:hover .icon svg polygon {
    fill: #398bcf
}

.rrssb-buttons.tiny-format li.pinterest a .icon svg path, .rrssb-buttons.tiny-format li.pinterest a .icon svg polygon {
    fill: #b81621
}

.rrssb-buttons.tiny-format li.pinterest a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.pinterest a .icon:hover .icon svg polygon {
    fill: #5d0b11
}

.rrssb-buttons.tiny-format li.pocket a .icon svg path, .rrssb-buttons.tiny-format li.pocket a .icon svg polygon {
    fill: #ed4054
}

.rrssb-buttons.tiny-format li.pocket a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.pocket a .icon:hover .icon svg polygon {
    fill: #b61124
}

.rrssb-buttons.tiny-format li.github a .icon svg path, .rrssb-buttons.tiny-format li.github a .icon svg polygon {
    fill: #444
}

.rrssb-buttons.tiny-format li.github a .icon:hover .icon svg path, .rrssb-buttons.tiny-format li.github a .icon:hover .icon svg polygon {
    fill: #111
}

.avatarloading {
    background-size: 50% !important;
    background-repeat: no-repeat;
    background-position-x: 50;
    background-position-y: 50;
}

.androidorientation1 {
    margin-left: -105px;
    margin-top: 35px;
    transform: rotate(-90deg);
/ / height : 375 px;
    width: 575px;
}

.androidorientation0 {
    margin-left: -95px;
    margin-top: 5px;
    transform: rotate(90deg);
/ / height : 375 px;
    width: 575px;
}

.livecorner {
    top: -2px;
}

#useravatar {
    padding: 0px;
    border: 5px solid #FFF;
    height: 150px;
    overflow: hidden;
    position: relative;
}

.mobilenavitem, .mobilenavitem a {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
}

#mobilesearch {
    display: none;
}

#mobilenav {
    display: none;
}

.bglogin {
    background-color: #00a9e4
}

#broadcastthumbnail {
    height: 500px;
}

#mobilenav {
    display: none;
}

#topnav {
    position: relative;
    z-index: 121;
}

.discoverfollowbutton {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 99;
    width: 60px;
    moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

@media only screen and (max-width: 620px) {

    #broadcastthumbnail {
        height: 350px;
    }

    #discovercontainerparent {
        padding-top: 0px !important;
    }

    #useravatar {
        margin-top: 0px !important;
    / / height : 150 px !important;
    / / width : 150 px !important;
    }

    #mobilenav {
        display: block;
    }

    #broadcastthumbnailparent {
        padding-bottom: 25px;
    }

    #useravatar {
        margin-top: 0px;
        height: 125px;
    }

    .bglogin {
        background-image: url('https://s3.amazonaws.com/hangw/web_assets/background_blur.jpg');
    }

    #user-header-contents {
        background-color: #FFF !important;
        padding-bottom: 0px !important;
    }

    #vidparent {
        display: none;
    }

    .user-nav-tab:nth-child(-n+2) {
        border-right: 2px solid #E9E9E9;
    }

    .user-nav-tab {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .user-nav-tab-parent {
        border-top: 2px solid #E9E9E9;
        border-bottom: 2px solid #E9E9E9;
    }

    #avatarSettings {
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1100px !important;
    }

    #popupcontents {
        position: relative;
        margin: 0 auto;
        margin-top: 10%;
        margin-bottom: 25%;
        background-color: #FFF;
        padding: 25px;
    }
}

#mobileVideoContainer {
    display: none;
    position: fixed;
    top: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #000
}

#mobileVideoHeader {
    text-align: right;
    background-color: #000;
    color: #FFF;
    font-size: 24px;
    padding: 15px;
    cursor: pointer;
}

.mobileplayer_overlay {
    top: 0px !important;
    left: 0px !important;
    z-index: 999999 !important;
    margin: 0 auto;
}

@media only screen and (max-width: 480px) {

    #discoverContainer {
        padding: 0px;
    }

    .discoverbox img {
        padding-bottom: 0px !important;
        margin-bottom: 5px !important;
    }

    #broadcastthumbnailparent {
        padding-bottom: 0px !important;
    }

    #broadcastthumbnailparent .userdetails {
        max-height: 50px;
        overflow: hidden
    }

    .userdiscoverpic {
        height: 100px !important;
    }

    .barheadercontainer {
        max-height: 65px;
        overflow: hidden
    }

    .livenowcontainer {
        padding: 0px !important;
    }

    #livenowContainer {
        padding: 0px !important;
    }

    .livenowholder {
        padding-top: 5px !important;
    }

    .livecorner {
        right: 15px !important;
        top: 65px !important;
    }

    #avatarSettings {
        float: none !important;
    }

    .discoverfollowbutton {
        width: 40px;
        moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    }

}

.bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 27px 29px 0;
    border-color: #F16529 transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -29px;
    bottom: -27px;
    left: 81%;
}

#dtPrompt h2
{
    text-shadow: 2px 2px 10px #555555;
}