/* START vtc general section CSS */
body {
   padding-top:70px;
}

/* START general class defs */

p.left {
   text-align:left;
}

.center {
   text-align:center;
}

.ad-banner-lg {
   margin-top:10px;
   margin-bottom:20px;
}

.clear-sm {
   clear:both;
   height:20px;
}

.clear-md {
   clear:both;
   height:30px;
}

.clear-lg {
   clear:both;
   height:50px;
}


.row-centered {
   margin: auto;
   width:100%;
}

.im-centered {
   margin: auto;
   max-width:940px;
}

.col-centered {
   float:none;
   margin:0 auto;
   text-align:center;
}

.lborder {
   border-left:1px solid grey;
}

.rborder {
   border-right:1px solid grey;
}

.ad_box {
   background-color:#E8E8F0;
   border:1px solid grey;
   min-height:250px;
}

.box {
   background-color:#aaa7a7;
   border:1px solid grey;
}

.round_box {
   min-height:100px;
   border-radius:8px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   background-color:#E8E8E8;
   border:1px solid grey;
   padding:4px;
}

.round_box_trans {
   min-height:100px;
   border-radius:8px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   border:1px solid grey;
   padding:4px;
}

.sub_table {
   width:100%;
   margin:30px 0px 30px 0px;
}

.sub_table td {
   vertical-align:middle;
}

.sub_checkboxes br {
   display:block;
   margin:0px 0px 10px 0px;
}

.ad_info ol {
   margin-top:20px;
   margin-bottom:20px;
}

.ad_info li {
   padding-top:10px;
   padding-bottom:10px;
}

/* START general tag related css */

div.digital {
   margin-bottom:20px;
   padding-bottom:20px;
}

td {
   padding:5px;
}

table.popup_table td {
   padding-top:30px; 
}

table.center {
   margin-top:20px; 
   margin-left:auto;
   margin-right:auto;
}

/* 
input {
   max-width:80%;
}
*/

/*  START id style section */

#index_ad_img {
   max-width:320px;
}

#signup_status {
   color:#800;
   font-size:16px;
   margin-bottom:20px;
}

/*  START scrolling ticker style section */
#featuredArticleScrollingDiv {
        height: 140px;
        margin-left:-50px;
        margin-top: 10px;
        margin-bottom: 10px;
}
#ticker-container {
        position:relative;
        overflow:hidden;
        width:100%;
        height:220px;
        background-color:#FFF;
        background-repeat: repeat;
        padding: 0px 0px 20px 0px;
        margin-left:-20px;
        border: Defaultpx dotted;
}
#ticker {
        position:relative;
        width:500px;
        height: 220px;
}
#ticker ul {
        padding:0px;
        margin:0px;
        list-style-type:none;
}
#ticker ul li {
        display:list-item;
        margin-top: 1px;
        margin-bottom: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-family: arial;
        font-size: 14px;
        font-weight: normal;
        //padding-left: 2px;
}
#ticker ul li a {
        font-family: arial;
        font-size: 14px;
        font-weight: normal;
        color: #ff0033;
        text-decoration: none;
        //padding-left: 2px;
}
#ticker ul li a:hover {
        font-family: arial;
        font-size: 14px;
        text-decoration: underline;
        //padding-left: 2px;
}
/*  END scrolling ticker style section */


/*  START back issue carousel */
#backIssueCarousel {
        width:90%;
        height:220px;
        overflow: hidden;
        margin-top:0px;
        padding-top:0px;
        margin-bottom:0px;
}

/*  END back issue carousel */


/*  START @media section */
@media (min-width:650px) {
   #pop_login_auth, #pop_reset_email, #pop_reset_pass1, #pop_reset_pass2 {
      width:70%;
   }

   #login_modal, #edit_modal, #ad_modal {
      margin-top:35px;
   }

}

@media (max-width:600px) {
   #pop_login_auth, #pop_reset_email, #pop_reset_pass1, #pop_reset_pass2 {
      width:95%;
   }

   #login_modal, #edit_modal, #ad_modal {
      margin-top:0px;
   }

   #edit_modal {
      max-width:90%;
   }
   
}

@media (max-width:990px) {
   #featuredArticleScrollingDiv {
       margin-left:0px;
       height:100px;
       overflow:hidden;
   }

   .holder { 
      width:200px;
      height:100px;
   }

   .holder .mask {
      width:200px;
      height:100px;
   }
}

/*  END @media section */

.magbrowser {
        height: 32px;
        width: 90%;
        padding-left:10px;
        padding-top:10px;
        margin-top: 15px;
        margin-bottom: 10px;
        font-size:18px;
        text-align:center;
}

/* START CSS dividers and other stuff */
#dividerBar {
        background-image: url(/images/header/mainNavigationBarGradient.jpg);
        background-repeat: repeat-x;
        height: 32px;
        width: 100%;
        padding-left:0px;
        padding-top:5px;
        margin-bottom: 10px;
        font-size:16px;
        //font-weight:bolder;
        text-align:center;
}
#dividerBar2 {
        background-image: url(/images/header/mainNavigationBarGradient.jpg);
        background-repeat: repeat-x;
        height: 32px;
        width: 100%;
        padding-left:0px;
        padding-top:5px;
        margin-top: 0px;
        font-size:16px;
        //font-weight:bolder;
        text-align:center;
}
.dividerBar_100 {
        background-image: url(/images/header/mainNavigationBarGradient.jpg);
        background-repeat: repeat-x;
        height: 32px;
        width: 100%;
        padding-left:10px;
        padding-top:10px;
        margin-bottom: 10px;
        font-size:14px;
        text-align:center;
}

.product_title {
   font-weight:bold;
   text-decoration:underline;
   text-align:center;
   margin-top:10px;
   margin-bottom:10px;
}

.press_release{
   width:90%;
}

.press_release td{
   padding-bottom:10px;
}

.press_release_box{
   width:95%;
   border:1px solid #000;
   border-radius:12px;
   -moz-border-radius:12px;
   padding:10px;
   margin-bottom:20px;
}

.openclose_buttons button{
   width:40px;
   background-color:#938;
   color:#fff;
   border-radius:8px;
   -moz-border-radius:8px;
   font-size:12px;
   font-weight:bold;
   margin-right:15px;
}

/* END CSS dividers and other stuff */


/* START CSS to make an animated glyphicon */
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    -moz-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spin2 {
  from { -moz-transform: rotate(0deg);}
  to { -moz-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/* END CSS to make an animated glyphicon */

/* Login status div */
#login_status p {
   padding-top:8px;
}

#login_status a {
   text-decoration:underline;
}

#login_status {
   margin-top:8px;
}


/* Glyphicon sizing */
.glyphicon-large {
   font-size:1.5em;
}

.glyphicon-xlarge {
   font-size:2.5em;
}

/* END vtc general section CSS */

/* START color classes CSS */
.blue {
   color:#008;
}

.red {
   color:#800;
}

.green {
   color:#080;
}
/* END color classes CSS */

/* START header CSS */
#headerTopBar {
        height: 25px;
        background-image: url(/images/barGradient1.jpg);
        background-repeat: repeat-x;
        width: 940px;
}

#headerContainer {
        width: 940px;
}

#headerCenter {
        height: 198px;
        background-image: url(/images/header/headerMainGraphic.jpg);
        background-repeat: no-repeat;
        line-height: 22px;
        color: #FFF;
        width: 940px;
        position:relative;
}

#mainNavigationBar {
        background-image: url(/images/header/mainNavigationBarGradient.jpg);
        background-repeat: repeat-x;
        height: 32px;
        width: 940px;
        padding-left:10px;
        padding-top:5px;
        margin-bottom: 10px;
}

/* END header CSS */

/* START footer CSS */

#footer2 {
   margin-top:70px;
}

#footer-navbar {
}

.page-bodyFooter {
        width: 940px;
        min-height:220px;
}
#footer a {
        text-decoration: none;
}
#footerContainer {
        width:940px;
}
#footerTopBar {
        background-image: url(/images/barGradient1.jpg);
        background-repeat: repeat-x;
        height: 25px;
}
#footerOuter {
        background-image: url(/images/footer/footerMainGraphic_responsive.png);
        background-repeat: no-repeat;
        background-size:100%;
}
#footerCenter {
        background-image: url(/images/footer/footerMainGraphic_responsive.png);
        //background-image: url(/images/footer/footerMainGraphic.jpg);
        background-repeat: no-repeat;
        height: 203px;
        padding-left: 32px;
        padding-top:12px;
        position: relative;
        padding-right: 32px;
        font-size:12px;
}
#footerCenter2 {
        height: 203px;
        padding-left: 32px;
        padding-top:12px;
        position: relative;
        padding-right: 32px;
        font-size:12px;
}
@media (max-width:992px) {
   #footerCenter2 {
        height: 160px;
   }
}
@media (max-width:768px) {
   #footerCenter2 {
        height: 160px;
   }
}
@media (max-width:414px) {
   #footerCenter2 {
        height: 75px;
   }
}

#footerSiteLinks {
        width:380px;
        margin-left:-50px;
        display:block;
        color: #FFF;
        float: left;
}
#footerSiteLinks ul li {
        list-style-type: none;
        margin-left: 0px;
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 18px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
}

#footerSiteLinks ul {
        display: block;
        margin-top: 14px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
}
#footerSiteLinks li a {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
}
#footerSiteLinks li a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
}
#footerSiteLinks li a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0FC;
        text-decoration: none;
}

#footerDownloads {
        color: #FFF;
        float: left;
        margin-left: -20px;
        width:250px;
}

#footerDownloads ul {
        display: block;
        margin-top: 14px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
}
#footerDownloads ul li {
        list-style-type: none;
        margin-left: 0px;
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 18px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
}
#footerDownloads li a {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
}
#footerDownloads li a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
}
#footerDownloads li a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #0FC;
        text-decoration: none;
}

#footerSubscribeBtn {
        float:right;
        margin-top: 40px;
}
#subBtnFooter {
        width:172px;
        height:51px;
        text-decoration:none;
        display:block;
        margin-right:-10px;
        background-image: url(/images/footer/subscribeBtn_inactive.png);
        background-position:0 0;
}

#footerReturnToTop {
        float: right;
        clear: right;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bolder;
        color: #FFF;
        margin-top: 10px;
        font-size: 12px;
        text-align: right;
        height: 22px;
        width:200px;
        display:block;
}

#footerReturnToTop a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #FFF;
        text-decoration: none;
}
#footerReturnToTop a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #CF0;
        text-decoration: none;
}

#footerReturnToTop a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #FFF;
        text-decoration: none;
}
#footerReturnToTop img {
        line-height: 18px;
        margin-right: 5px;
}
#footerCopyright {
        color:white;
        font-family:Verdana, sans-serif;
        font-size:10px;
        text-align:right;
        position:absolute;
        bottom:10px;
        right:32px;
        width:350px;
}
#footerBottomBar {
        background-image: url(/images/barGradient1.jpg);
        background-repeat: repeat-x;
        height: 25px;
}
.footerVerticalDivider {
        height: 175px;
        width: 2px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #FFF;
        float: left;
        margin-left: 20px;
}

// CSS for new ticker added 2/14/18
.holder { 
  background-color:#ccc;
  width:500px;
  height:250px;
  overflow:hidden;
  padding:10px;
  font-family:Helvetica;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:500px;
  height:240px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
}
.holder ul li a {
  color:darkred;
  text-decoration:none;
}
span.span-black {
   color:black;
   font-style:italic;
   padding-left:10px;
}

/* END Footer CSS */