/*clearfix*/
.group:before,
.group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.hidden { display: none; }
.nowbar {  top: 0; z-index: 1000; margin: 0 auto; padding: 5px 5px 0 5px; position: fixed; width: 99.5%; background: #FFF;}
.nowbar:before, .nowbar:after { content: " "; display: table; }
.nowbar:after { clear: both; }
.container { padding: 0; margin: 0 auto; background: #232323;}
.container:before,
.container:after { display: table; content: " "; }
.container:after { clear: both; }
.logo-main {
    height: 138px;
    z-index: 1000;
    position: absolute;
   }
.gen-logo { 
   display: block;
   background: #FFF url(../../../App_Themes/Public/NowBar/images/gen-logo.svg) 0 -3px no-repeat;
   background-size: 222px 110px;
   width: 222px;
   height: 110px;
   padding-right: 5px;
}
.tagline {
    float: left;
    padding: 2px 3px 0 0;
    color: #000;
    font-family: "Myriad W01 SmBd Sm Cnd";
    font-size: 13.5px;
    letter-spacing:-0.02em;
    height: 26px;
    background: #FFF;
}
ul.channelbar { 
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 77%;
    }
ul.channelbar li { 
   display: inline;
   float: left;
   width: 128px;
    }
ul.channelbar li:hover a { 
    color: #000;
}

ul.channelbar li.navbar-item {
    padding: 10px 0 10px 10px;
  }
ul.channelbar li.navbar-item:hover { 
    background-color: #EEE;
    color: #000;
    width: 128px;
}
ul.channelbar li.navbar-item-logo {
    width: 31%;
    height: 100px;
}
a.channel-hdr-caps { 
    float: left;
    font-family: "oswaldlight", Arial, Sans Serif;
    text-transform: uppercase;
    font-size: 21px;
    color: #FFF;
 }
 a.channel-hdr-caps:hover { 
    color: #000;
    text-decoration: none;
 }
a.nav-hdlns {
    color: #FFF;
    font-family: 'Century Gothic W01', Arial, sans-serif;
    padding: 0;
    float: left;
    line-height: 1.3em;
}
.red_arrow {
    background: url(../../../App_Themes/Public/NowBar/images/arrow_red.png) 0 0 no-repeat;
    height: 7px;
    width: 11px;
    padding: 0;
    margin: 0;
    float: right;
}
.menu-item {
   border-right: 1px dashed #999;
   float: left;
   width: 118px;
   height: 80px;
   padding-right: 10px;
}
.menu-item:hover {
    border-right: 1px solid #232323;
    }
ul.more-gen {
    float: left;
    padding: 0;
    margin: 0;
}
ul.more-gen li a {
    display: block;
    }
.channelbar .showDropdown { left: 0px !important; top: 0}
.channelbar .dropdown { 
        margin: 0 auto;
        padding: 0;
        float: left;
        position: absolute;
        text-align: left;
        z-index: 2;
        background: #EEE;
        display: none;
        font-family: 'Century Gothic W01';
        overflow: hidden;
        width: 75.75%;/*adds right-padding 5px */
        border-bottom: 25px solid #EEE;
    }
.channelbar li:hover .dropdown { 
        margin: 105px 5px;
        padding-left: 23.7%;
        padding-top: 25px;
        padding-bottom: 25px;
        display: block;
}
.channelbar a:hover { text-decoration: underline; }
.channelbar li:hover a.more-news {
    clear: both;
    float: right;
    font-size: 8pt;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 0 0 0;
}
.channelbar li:hover a.more-news2 {
    font-size: 8pt;
    float: right;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 6px 0 0;
}
.channelbar li:hover a.more-news3 {
    font-size: 8pt;
    float: right;
    color: #0033ff;
    font-family: Arial, sans-serif; 
    padding: 20px 0 0 0;
}
.mag-links {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.channelbar ul.left {
   border-right: 1px dashed #000;
    width: 295px;
    margin-bottom: -1000px;
    list-style: none;
    color: #000;
    float: left;
    padding: 0 25px 1000px 0; 
 }
.channelbar ul.right {
    border-right: 1px dashed #000;
    width: 295px;
    margin-bottom: -1000px;
    list-style: none;
    color: #000;
    float: right;
    padding: 0 25px 1000px 25px;
}
ul.channelbar ul.left li, ul.channelbar ul.right li {
    padding: 0;
    float: none;
    width: 100%;
    display: block;
    font-size: 15px;
}
a.channel-hdl {
    color: #000;
    text-decoration: none;
    padding: 10px 0;
    margin: 0;
    float: left;
    clear: both;
}
a.channel-hdl:hover {
    color: #000;
    text-decoration: underline;
    }
a.channel-hdl-more {
    color: #000;
    text-decoration: none;
    padding: 20px 0;
    margin: 0;
    float: left;
    clear: both;
    border-bottom: 1px solid #777;
    width: 100%
}
a.channel-hdl-more:hover {
    color: #000;
    text-decoration: underline;
    }
.list-wrap { display: table;}
.list-contr { display: table-cell; float: left; vertical-align: top;}
.sponsor-contr { display: table-cell; float: right; padding-left: 25px;}
.sponsor-contr img { border: none; }
ul.search-user-box {
  margin-right: 0;
  margin-top: 17px;
  padding: 0;
  float: right;
  list-style: none;
  }
ul.search-user-box li {
   display: block;
   padding: 0;
}
ul.search-user-box li input[type="text"] {
  background: #FFF;
  padding-left: 6px;
  font-family: "Century Gothic W01 Bold",Arial,sans-serif;
  font-size: 13px;
  height: 28px;
   width: 235px;
   border:none;
   margin: 0;
   float: left;
   }
ul.search-user-box li input[type="text"]:focus {outline:none;}
ul.search-user-box li input.search-trigger {
  height: 30px;
  width: 32px;
  background: url(../../../App_Themes/Public/NowBar/images/brandbar-search-img.gif) 0 0 no-repeat;
  border: none;
  cursor: pointer;
}
ul.subscribe-signedin {
     float: left;
    list-style-type: none;
    margin-top: 5px;
    padding: 0;
}
ul.subscribe-signedin li {
    float:left;
    background: #e2192c;
    padding: 7px 11px;
    margin-right: 5px
    }
ul.subscribe-signedin li a { 
    color: #FFF;
    padding: 0;
    font-family: 'Century Gothic W01 Bold';
    font-size: 13px;
}
ul.subscribe-signedin li a:hover {
    text-decoration: none;
    }
ul.subscribe-signedin li.hi-user {
    background: #FFF;
    padding: 8px;
    margin-right: 5px;
    color: #000;
    width: 172px;
    }
ul.subscribe-signedin li.my-gen {
    background: #e2192c;
    color: #FFF;
    padding: 7px 6px;
    margin-right: 5px;
    display: block;
    outline: none;
    text-align: left; 
}
ul.subscribe-signedin li .account-box { position: absolute; /*left: -9999px;*/ display: none; padding: 0;}

ul.subscribe-signedin li:hover .account-box { padding-top: 25px; left: 78%; display: block;  padding-bottom: 1000px; }

ul.subscribe-signedin li:hover .account-box ul { list-style-type: none;  }

ul.my-gen-menu { 
    padding: 10px 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    float: left;
    display: inline-block;
    background: #FFF;
}
ul.my-gen-menu li {
    padding: 0;
    background: #FFF;
}
ul.my-gen-menu li a {
    list-style-type: none;
    display: inline;
    padding: 0 7px;
    border-right: 1px solid #000;
    font-size: 13px;
    margin: 0;
    color: #000;
}
ul.my-gen-menu li.last a {
    border-right: none;
    padding-right: 0;
    }
ul.my-gen-menu li a:hover, ul.my-gen-menu li.last a:hover {
        text-decoration: underline;
    }
ul.my-gen-menu:after, .my-gen-menu:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.nowbar-gray {
    height: 33px;
    padding: 0;
    margin-top: 5px;
    width: 100%;
    background: #EEE;
}
.gen-slogan {
    float: left;
    text-align: center;
    padding-top: 5px;
    padding-left: 40%;
    margin: 0;
    font-size: 20px;
    font-family: "Myriad W01 Regular";
    letter-spacing: 0.01em;
    z-index: 0;
}
.sharebar { float: right; list-style-type: none; margin: 0; padding: 3px;}

.sharebar li { display: inline-block;}

.sharebar a { 
    display: block; 
    background: url(../../../App_Themes/Public/NowBar/images/social-media-sprite.png) no-repeat;
    height: 29px;
    width: 30px;
    text-indent: -9999px;
    outline: none;
     transition: all 350ms ease-out;
    -webkit-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
}

.sharebar a.facebook { background-position: 0 0; }

.sharebar a.twitter { background-position: -31px 0; }

.sharebar a.linkedin { background-position: -62px 0; }

.sharebar a.youtube { background-position: -93px 0; }

.sharebar a.google { background-position: -124px 0; }

.sharebar a.rss{ background-position: -154px 0; }

.sharebar a.facebook:hover { background-position: 0 -30px; }

.sharebar a.twitter:hover { background-position: -31px -30px; }

.sharebar a.linkedin:hover { background-position: -62px -30px; }

.sharebar a.youtube:hover { background-position: -93px -30px; }

.sharebar a.google:hover { background-position: -124px -30px; }

.sharebar a.rss:hover { background-position: -154px -30px; }


/*//////////////////// MEDIA QUERIES /////////////////// */


/* 1680PX */
@media screen and ( max-width: 1680px) {

   /*.nowbar { border-bottom: 12px solid red; }*/

    .nowbar { width: 99.3%;}
 
    ul.channelbar li.navbar-item-logo { width: 26%; }

    .channelbar .dropdown { width: 80.8%;/*adds right-padding 5px */ }

    ul.channelbar li:hover .dropdown { padding-left: 18.5%; } 

    ul.subscribe-signedin li:hover .account-box { left: 75%;  padding-top: 24.5px}
}
/* 1580PX */
@media screen and (max-width: 1580px) {

    /*.nowbar { border-bottom: 12px solid purple; }*/

    .channelbar .dropdown { width: 79.4%;/*adds right-padding 5px */ }

    ul.channelbar li:hover .dropdown { padding-left: 20%; } 

    ul.subscribe-signedin li:hover .account-box { left: 73%;} 
}
/* 1440PX */
@media screen and (max-width: 1440px) {

  /*.nowbar { border-bottom: 12px solid blue; }*/

   .list-contr { margin-top: 20px}

   .channelbar .dropdown { width: 84.2%;/*adds right-padding 5px */ }

    a.channel-hdr-caps { font-size: 18px;}

    ul.channelbar li:hover .dropdown { padding-left: 15% }

     ul.subscribe-signedin li:hover .account-box { left: 72%;} 
 }
/* 1295PX */

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

    /*.nowbar { border-bottom: 12px solid pink; }*/

    .channelbar .dropdown { width: 88.7%;/*adds right-padding 5px */ }

    ul.channelbar { width: 76%}
    
    ul.channelbar li.navbar-item-logo { width: 24%; }

    ul.channelbar li:hover .dropdown { padding-left: 10.5%; }
       
    ul.subscribe-signedin li:hover .account-box { left: 69%;} 

   ul.channelbar li { width: 108px; }

    ul.channelbar li.navbar-item:hover { width: 108px; }
 
    .menu-item { width: 98px; }
}
/* 1233PX */

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

    /*.nowbar { border-bottom: 12px solid aqua; }*/

    ul.subscribe-signedin li:hover .account-box { left: 68%;} 

    ul.channelbar li:hover .dropdown { padding-left: 8%} 

    .channelbar a.channel-hdr { font-size: 19px; padding-left: 2px;}
}
/* 1200PX */

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

    /*.nowbar { border-bottom: 12px solid orange; }*/

   .nowbar { width: 99.2%;}

    ul.channelbar li.navbar-item-logo { width: 20.5%; }

   .list-contr { margin-top: 0}

   ul.channelbar { width: 73%;}

   .gen-logo {
    background: #fff url("../../../App_Themes/Public/NowBar/images/gen-logo.svg") no-repeat scroll 0 -5px / 150px 80px;
    height: 80px;
    width: 150px;
}
    .tagline {
        font-size: 9.24px;
        padding: 0 2px 0 0;
        height: 20px;
        background: #FFF
       }
    .gen-slogan {
     padding-left: 30%;
    }
    a.nav-hdlns, ul.more-gen li a {
    font-size: 10px;
    line-height: 1.2;
}
    ul.channelbar li:hover .dropdown { padding-left: 5%} 
    .channelbar .dropdown { width: 94.1%;/*adds right-padding 5px */ }

    ul.subscribe-signedin li:hover .account-box { left: 65%;}
}
/* 1024PX */

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

/*.nowbar { border-bottom: 12px solid green; }*/

    .nowbar { width: 99%;}

    ul.channelbar li.navbar-item-logo { width: 24%; }

    ul.search-user-box li input[type="text"] { width: 150px; font-size: 10px }

    ul.subscribe-signedin li.hi-user { padding: 7px 6px; width: 106px;}

    ul.my-gen-menu { padding: 3px 8px; }

    a.nav-hdlns, ul.more-gen li a {
    color: #fff;
    float: left;
    font-family: "Century Gothic W01",Arial,sans-serif;
    font-size: 10px;
    line-height: 1;
    padding: 0;
    }
    ul.channelbar li { width: 88px; }

    ul.channelbar li.navbar-item:hover { width: 88px; }
 
    .menu-item { width: 78px; }

    .channelbar .dropdown { width: 98%;/*adds right-padding 5px */ }

    ul.channelbar li:hover .dropdown {  margin: 105px auto; padding-left: 2%; } 

    ul.subscribe-signedin li { padding: 7px 4px}

    ul.subscribe-signedin li a {font-size: 10px;}

    ul.subscribe-signedin li:hover .account-box { left: 55%;}

   .sharebar { padding-top: 3px;}

   a.channel-hdr-caps { font-size: 15px; padding-bottom: 3px}

   .channelbar ul.left, .channelbar ul.right { width: 260px; }

    ul.my-gen-menu li a { padding: 0 5px; font-size: 13px }

    ul.subscribe-signedin a.my-gen {
        background: url("../../../App_Themes/Public/NowBar/images/my-gen.gif") no-repeat scroll 40px 0;
        height: 30px;
        margin-left: -108px;
        padding-bottom: 45px;
        padding-left: 150px;
        padding-right: 110px;
        position: absolute;
        width: 63px;
    }

    #popup_box { top: 30%; }

    .modal-content {margin: 110px auto; }
}

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

/*.nowbar { border-bottom: 12px solid yellow; }*/

    ul.channelbar li.navbar-item-logo { width: 23%; }

    .gen-logo {
    background: #fff url("../../../App_Themes/Public/NowBar/images/gen-logo.svg") no-repeat scroll 0 -5px / 130px 80px;
    height: 80px;
    width: 130px;
}

    .tagline { font-size: 8px; padding: 0 3px 0 0; }

   ul.channelbar li { width: 80px; }

   ul.channelbar li.navbar-item:hover { width: 80px; }
 
    ul.subscribe-signedin li { padding: 7px 0}

   .menu-item { width: 70px; }

    a.channel-hdr-caps { font-size: 13px; padding-bottom: 3px}

   .gen-slogan { padding-left: 16%; }

   .channelbar ul.left, .channelbar ul.right { width: 200px; }

   .modal-content {margin: 140px auto; }
}