.coverstory_fallback .logotext {
    -moz-hyphens: none;
    display: block;
    font-family: arial,san-serif;
    font-size: 0.6em;
    font-weight: bold;
    line-height: 1em;
    margin: 0.5em 15px 0;
    padding: 0;
    text-indent: 0;
    text-transform: none;
}
.coverstory_fallback .headline {
    -moz-hyphens: none;
    color: #0B4A7F;
    display: block;
    font-family: arial,san-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0.2em 15px 0.4em 14px;
    padding: 0;
    text-indent: 0;
    text-transform: none;
}
.coverstory_fallback .byline {
    -moz-hyphens: none;
    display: block;
    font-family: arial,san-serif;
    font-size: 11px;
    line-height: 12px;
    margin: -5px 15px 0;
    padding: 0;
    text-indent: 0;
    text-transform: none;
}
.coverstory_fallback .deck {
    -moz-hyphens: none;
    color: #000000;
    display: block;
    font-family: arial,san-serif;
    font-size: 0.8em;
    font-weight: normal;
    height: 30px;
    line-height: 1.25em;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 2px;
    padding: 0;
    text-indent: 0;
    text-transform: none;
    width:230px;
}
.coverstory_fallback img  {
  padding:0;
  margin: 0;
  width:250px;
  display: none;
   }  
.coverstory_fallback .coverstoryimage  {
  background-size: 90%;
  background-repeat: no-repeat;
  margin-left: 10px;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  width: 250px;
  height: 120px;
  padding: 0;
  padding-top: 0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  display:none;
   }
.coverstory_fallback .coverstory  {
    margin-bottom: .0;
    margin-top: .0;
    height: 10em;
    width: 250px;
    border-bottom: solid 1px gray;
    border-right: solid 1px gray;
    background-color:transparent;
    padding: 0;
}


.treesaver body {
  /* Hide scrollbars */
  overflow: hidden;
  /* Use full body canvas */
  margin: 0;
  border: 0;
  padding: 0;
}
.chrome, .viewer, .grid, .column, .container {
  /* Manually position everything */
  position: absolute;
  /* Make sure seams aren't visible */
  overflow: hidden;
  /* Set the base vertical grid */
  line-height: 20px;
}


/* Stretch the viewer to fill the screen */
.viewer {
  top: 0;
  bottom: 40px;
  left: 0;
  right: 0;
}



.grid {
  /*width: 310px;*/
  border: 0px solid #ccc;
  margin: 9px;
  opacity: .25;
  min-height: 30px;
      -moz-box-shadow: 1px 3px 5px #999;
-webkit-box-shadow: 1px 3px 5px #999;
box-shadow: 1px 3px 5px #999;
}

figure {
  display: block; 
}

.cols-2 {
  width: 620px;
}

.cols-3 {
  width: 940px;
}

.column, .container {
  width: 280px;
  top: 15px;
  bottom: 15px;
  left: 10px;
}

.col-2 {
  left: 320px;
}

.col-3 {
  left: 630px;
}

.container.cols-2 {
  width: 600px;
}

.container.cols-3 {
  width: 920px;
}

#currentPage {
  opacity: 1;
}



.pagenumbers {
    color: white;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 12px;
    text-align: center;
}

.controls .pagewidth {
  margin: 0 auto;
  position: relative;
}

.next { 
    border-right: 1px solid white;
    background-image: url("/images/navbig.png");
    background-position: -7.9em center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    border-right: 1px solid white;
    position: absolute;
    right: 35%;
    top: .5em;
    width: 35px;
}
.nextArticle {
    background-image: url("/images/navbig.png");
    background-position: -11.25em center;
    border-right: 1px solid white;
    background-repeat: no-repeat;
    background-size: auto 20px;
    top: .5em;
    width: 35px;
    position: absolute;
    right: 20%;
 }
.prev {
    border-left: 1px solid white;
    background-image: url("/images/navbig.png");
    background-position: -5.85em center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    top: .5em;
    width: 20px;
  position: absolute;
  left: 35%;
}
.prevArticle {
    border-left: 1px solid white;
    background-image: url("/images/navbig.png");
    background-position: -2.5em center;
    background-color: ;
    background-repeat: no-repeat;
    background-size: auto 20px;
    top: .5em;
    width: 35px;
  position: absolute;
  left: 20%;
}




/* Button styling from ubuwaits' css3-buttons
* http://github.com/ubuwaits/css3-buttons
*/
button {
  font-family: arial, Sans-Serif;
  font-size: 14px;
  line-height: 20px;
  height: 30px;
  box-sizing: border-box;
  font-weight: bold;
  padding: 4px 12px;
/*  color: #666;
  background: #eee;
  background: -moz-linear-gradient(0% 100% 90deg, #ccc, #eee);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;  */
  margin: 0;
  transition: left 0.5s ease 0s;
}

button:hover {
/*  background: #ddd;
  background: -moz-linear-gradient(0% 100% 90deg, #bbb, #ddd);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;  
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;   */
}

button:active {
/*  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;  */
}

button:disabled, button:disabled:hover, button:active:disabled {
/*  color: #ccc;
  background: #;
  border-color: #eee;
  text-shadow: none;
  box-shadow: none; */
}

.zoomable, .zoomable * {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: zoom-in; 
}

.lightbox, .lightbox * {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: zoom-out;
  width: 100%;
}

.lightbox {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  }

.lightbox .container  {
    position: absolute;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    background-color: white;
    border: 10px solid white;
    width: 80%;
    height: 500px;
}


.msg{
	position: absolute;
  left: 0;
  top: 0;
}

/**
 * Sidebar
 */
.sidebar {
  /*position: absolute;*/
  /*background: #445;*/
  /*border-right: 2px solid #334;*/
  /*color: #fff;*/
  /*width: 12em;*/
  /*left: -12em;*/
  /*top: 0;*/
  /*bottom: 0;*/
  position: absolute;
  background: #005E9E;
  background: #113067;
  font-family: sans-serif;
  z-index: 999;
}


.sidebar-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  padding-left: 160px;
  display: none;
  width: 150px;
  display: block;
}

/*.toggle-sidebar2 {
background-color: black;
    background-image: url("http://www.solarindustrymag.com/ad-proofs/images/nav2.png");
    background-position: 0px -8px, center;
    background-repeat: no-repeat;
    background-size: 500% auto;
    border-right: 1px solid white;
    height: 35px;
    left: 192px;
    position: absolute;
    top: -20px;
    width: 60px;
}*/

.toggle-sidebar {
   background-color: #565656;
    background-image: url("http://www.solarindustrymag.com/ad-proofs/images/contents.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    border-color: #969696 #4A4A4A #3D3D3D #707070;
    border-radius: 0px 5px 5px 0px;
    border-style: solid;
    border-width: 1px;
    height: 100px;
    left: 190px;
    display: block;
    position: absolute;
    top: 40%;
    width: 30px;
    z-index: -1;
    -moz-box-shadow: 4px 4px 5px #888;
-webkit-box-shadow: 4px 4px 5px #888;
box-shadow: 4px 4px 5px #888;
}
.close-sidebar {
   background-color: #565656;
    background-image: url("/images/nav2.png");
    background-position: -5.75em center;
      background-size: auto 35px;
    background-repeat: no-repeat;
    border-color: #969696 #4A4A4A #3D3D3D #707070;
    border-radius: 0px 5px 5px 0px;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    left: 190px;
    display: block;
    position: absolute;
    top: 2%;
    width: 30px;
    z-index: -1;
      opacity: 0.8;  
    filter: alpha(opacity=80); 
    -moz-box-shadow: 4px 4px 5px #888;
-webkit-box-shadow: 4px 4px 5px #888;
box-shadow: 4px 4px 5px #888;
}
.open-sidebar {
   background-color: #565656;
    background-image: url("/images/nav2.png");
    background-position: -8em center;
          background-size: auto 35px;
    background-repeat: no-repeat;
    border-color: #969696 #4A4A4A #3D3D3D #707070;
    border-radius: 0px 5px 5px 0px;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    left: 190px;
    display: block;
    position: absolute;
    top: 2%;
    min-width: 30px;
      opacity: 0.8;  
    filter: alpha(opacity=80); 
    z-index: -1;
    -moz-box-shadow: 4px 4px 5px #888;
-webkit-box-shadow: 4px 4px 5px #888;
box-shadow: 4px 4px 5px #888;
}
.active .sidebar-controls, .sidebar-active .sidebar-controls {
  display: block;
  
}

/**
 * Left sidebar
 */

/* Position the left sidebar offscreen when it is not active */
.sidebar-left {
  width: 12em;
  left: -12em;
  top: 0px;
  bottom: 0px;
  transition: left 0.5s ease 0s;
  -webkit-transition: left 0.5s ease 0s;
    -o-transition: left 0.5s ease 0s;
    -moz-transition: left 0.5s ease 0s;
  position: absolute;
}

/* Position the left sidebar correctly when it is active but hides by tapping button or screen only */
/* .sidebar-active  {
  left: 0;  
} */

/* Position the left sidebar correctly when it is active */
.active .sidebar-active {
  left: 0;  
}


/* Hide the close button when the left sidebar is not active */
.sidebar-left .close-sidebar {
  display: none;
  
}

/* Show the close button when the left sidebar is active */
.sidebar-active.sidebar-left .close-sidebar {
  display: block;
}

/* Hide the open button when the left sidebar is active */
.sidebar-active.sidebar-left .open-sidebar {
  display: none;
}

/* Show the open button when the left sidebar is not active. We have to position it
   relative to its parent (which we positioned at -150px. This is just one way to
   hide a sidebar. You can also use CSS animations to show a sidebar. */
.sidebar-left .open-sidebar {
  display: block;
  position: absolute;
}

/**
 * Right sidebar
 */
.sidebar-right {
  top: 0;
  right: 0;
}

/* The right sidebar is a little bit different in that it is not hidden by moving it
   offscreen, but by hiding its content element. */
.sidebar-right .content {
  width: 200px;
  display: none;
}

.sidebar-active.sidebar-right .open-sidebar {
  display: none;
}

.sidebar.sidebar-right .close-sidebar {
  display: none;
}

.sidebar-active.sidebar-right .close-sidebar {
  display: block;
}

.sidebar-active.sidebar-right .content {
  display: block;
}


.active .sidebar-controls, .sidebar-active .sidebar-controls {
  display: block;
}




.toggle-controls {
    background-color: #565656;
    background-image: url("http://www.solarindustrymag.com/ad-proofs/images/contents.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% auto;
    border-color: #969696 #4A4A4A #3D3D3D #707070;
    border-radius: 0 5px 5px 0;
    border-style: solid;
    border-width: 1px;
    bottom: 30px;
    display: block;
    height: 30px;
    left: 50%;
    position: absolute;
    width: 50px;
    z-index: 2;
    visibility: hidden;
}


/**
 * Bottom controls
 */

/* Position the controls offscreen when it is not active */
.controls {
  background-color: gray;
  cursor: default;
  background-image: url("http://www.solarindustrymag.com/images/controlbackground.png");
  background-size: 100% 100%;
  bottom: -50px;
  font-family: arial,Sans-Serif;
  height: 50px;
  left: 0;
  position: absolute;
  right: 0;
  opacity: 1;  
    filter: alpha(opacity=80);  
  z-index: 999;
transition-property:bottom;
transition-duration:0.5s;
transition-delay: ease 0s;

/* Firefox 4 */
-moz-transition-property:bottom; 
-moz-transition-duration:0.5s;
-moz-transition-delay: ease 0s;

/* Safari and Chrome */
-webkit-transition-property:bottom; 
-webkit-transition-duration:0.5s;
-webkit-transition-delay:ease 0s;

/* Opera */
-o-transition-property: bottom;
-o-transition-duration: 0.5s;
-o-transition-delay: ease 0s;
}

/* Position the controls correctly when it is active */
.active .controls {
  bottom: 0px;  
    cursor: default;

}

/* Hide the close button when the controls is not active */
.close-controls {
  display: none;
}

/* Show the close button when the controls is active */
.controls-active .close-controls {
  display: block;
}

/* Hide the open button when the controls is active */
.controls-active .open-controls {
  display: none;
}

/* Show the open button when the controls is not active. We have to position it
   relative to its parent (which we positioned at -30px. This is just one way to
   hide a sidebar. You can also use CSS animations to show a sidebar. */
.open-controls {
  display: block;
  position: absolute;
}

/**
 * Table of contents
 */
/*
#scroller {
overflow: auto; width: 200px; height: auto;
position: relative;
margin: 0;
}
*/
.toc {
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
}



.toc .article h3 {
  margin: 0;
}

.toc .article p {
  margin: 0;
}
.tocfeaturecat {
    color: #FEF574;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 5px 5px 10px;
    text-align: left;
} 
.tocdeptcat {
    color: #FEF574;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 5px 5px 10px;
    text-align: left;
} 


.tocfeature {
border-bottom: 1px solid gray;
    color: white;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: .2em;
    padding-bottom: 1em;
    padding-top: 1em;
    margin-left: 10px;
    margin-right: 10px;
}
.tocdept {
  color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-left: 10px;
    padding: 8px 0;
}



.toc .current {
  background-color: black;
  z-index: 22;
}


.article a {
/*    color: lightgray;
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 6px;
    margin-left: 25px;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 65%; */
}
.current a {
color: #fef574;
font-weight: ;
text-decoration: none;
}


/**
 * Fallback images
 */
.no_figure {
  color: red;
}

.buttons {
    opacity:1;
    display:block;
}

.infopage_button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #6e6e6e; /* Old browsers */
    background: -moz-linear-gradient(top,  #6e6e6e 0%, #3b3b3b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e6e6e), color-stop(100%,#3b3b3b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6e6e6e 0%,#3b3b3b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6e6e6e 0%,#3b3b3b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6e6e6e 0%,#3b3b3b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6e6e6e 0%,#3b3b3b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-9 */
    background-color: #545454;
    margin-left: 18px;
    margin-right: 0;
    border-color: #222222 #555555 #6E6E6E;
    border-image: none;
    border-left: 1px solid #555555;
    border-radius: 18px 18px 18px 18px;
    border-right: 1px solid #555555;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 20px !important;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding: 10px !important;
    text-align: center;
    text-shadow: 0 -1px 0 #2F2F2F, 0 1px 0 #7B7B7B;
    text-transform: uppercase;
    width: auto;
}

.info_button {
  	background-image: url("http://www.solarindustrymag.com/images/info_button.png");
  	background-repeat: no-repeat;
  	height: 35px;  	
    top: .5em;
    right: 2.5%;
    width: 35px;
  	position: absolute;  	
}

.lightbox .closelightbox {
    background: none repeat scroll 0 0 #ed1f24;
    border: 6px solid white;
    border-radius: 35px;
    bottom: auto;
    color: white;
    cursor: pointer;
    display: block;
    font-family: arial,sans-serif;
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
    left: auto;
    margin: auto;
    padding: 5px;
    position: absolute;
    right: 2%;
    text-align: center;
    top: 13%;
    width: 35px;
    z-index: 999;
}

.pagenumbers, .pagenumbers_viewer {
    color: white;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 12px;
    text-align: center;
}

.pagecontrols {
  cursor: default;
  background-size: 100%;
  bottom: 0px;
  font-family: Arial,Sans-Serif;
  height: 50px;
  left: 0;
  position: absolute;
  right: 0;
  z-index:2;
}

.pagenumbers_viewer {
    color: #CECECE;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 16px;
    text-align: center;
}

.controls button.menu {
    background-image: url("http://www.solarindustrymag.com/images/share_button.png");
    background-repeat: no-repeat;
    height: 50px;
    width:35px;
    display: block;
 }

.activemenu  {
  display: none;
  z-index: 3; }

  

 .menu-active + .activemenu {
    position: absolute;
    display: block;
    bottom: 3.9em;
    left: 6px;
    width: 50px;
    padding: 0;
    border-top: 1px solid #969696;
    border-bottom: 1px solid #3d3d3d;
    border-left: 1px solid #707070;
    border-right: 1px solid #4a4a4a;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    background-color: #565656;
    background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d));
    background: -moz-linear-gradient(top, #707070, #3d3d3d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#3d3d3d');
    background: gradient(linear, left top, left bottom, from(#707070), to(#3d3d3d)); 
    }
    
    .menu-active + .activemenu li {
      font-size: 14px;
      position: relative;
      display: block;
      border: none;
      height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 50px;
      border-top: 1px solid #7d7d7d;
      border-bottom: 1px solid #3d3d3d; }

      .menu-active + .activemenu li:first, .menu-active .activemenu li:last {
        border: none; }

      .menu-active + .activemenu li a {
        display: block;
        text-align: center;
        width: 50px;
        height: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: white !important; }

        .menu-active + .activemenu li a:hover {
          border-top: none;
          /*background-color: #838383;
          background: -webkit-gradient(linear, left top, left bottom, from(#969696), to(#707070));
          background: -moz-linear-gradient(top, #969696, #707070);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#707070');
          -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#707070');
          background: gradient(linear, left top, left bottom, from(#969696), to(#707070));
          color: white !important; */} 
.bottom_left {
   left: 3%;
   position: absolute;
   top: 8px;
   }

/* Controls Bottom Buttons Styles */
.home_button {
    background-image: url("http://www.solarindustrymag.com/images/home_button.png");
    background-repeat: no-repeat;
    height: 35px;
    width:35px;
    top: 8px;
    position: absolute;
    left: 3%;
 }
 .library_button {
    background-image: url("http://www.solarindustrymag.com/images/library_button.png");
    background-repeat: no-repeat;
    height: 35px;
    width:35px;
    top: 8px;
    position: absolute;
    left: 19%;
 }
.howto_button {
    background-image: url("http://www.solarindustrymag.com/images/howto_button.png");
    background-repeat: no-repeat;
    height: 35px;
    width:35px;
    top: 8px;
    position: absolute;
    right: 14%;
    display: none;
 }
.info_button {
    background-image: url("http://www.solarindustrymag.com/images/info_button.png");
    background-repeat: no-repeat;
    height: 35px;
    width:35px;
    top: 8px;
    position: absolute;
    right: 3%;
 }
  
 .home_li {
    background-image: url("http://www.solarindustrymag.com/images/home_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 35px;
    width:35px;
    position: absolute;
 }
  .home_li:hover {
    background-image: url("http://www.solarindustrymag.com/images/home_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:black;
    height: 35px;
    width:35px;
    position: absolute;
 }
   .home_li:active {
    background-image: url("http://www.solarindustrymag.com/images/home_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:black;
    height: 35px;
    width:35px;
    position: absolute;
 }
 .tw_li {
    background-image: url("http://www.solarindustrymag.com/images/tw_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 35px;
    width:35px;
    position: absolute;
 }
  .tw_li:hover {
    background-image: url("http://www.solarindustrymag.com/images/tw_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#00bbf1;
    height: 35px;
    width:35px;
    position: absolute;
 }
   .tw_li:active {
    background-image: url("http://www.solarindustrymag.com/images/tw_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:black;
    height: 35px;
    width:35px;
    position: absolute;
 }
 .fb_li {
    background-image: url("http://www.solarindustrymag.com/images/fb_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 35px;
    width:35px;
    position: absolute;
 }
  .fb_li:hover {
    background-image: url("http://www.solarindustrymag.com/images/fb_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#4b6cad;
    height: 35px;
    width:35px;
    position: absolute;
 }
   .fb_li:active {
    background-image: url("http://www.solarindustrymag.com/images/fb_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:black;
    height: 35px;
    width:35px;
    position: absolute;
 }
 .email_li {
    background-image: url("http://www.solarindustrymag.com/images/email_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 35px;
    width:35px;
    position: absolute;
 }
  .email_li:hover {
    background-image: url("http://www.solarindustrymag.com/images/email_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:blue;
    height: 35px;
    width:35px;
    position: absolute;
 }
   .email_li:active {
    background-image: url("http://www.solarindustrymag.com/images/email_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:black;
    height: 35px;
    width:35px;
    position: absolute;
 }
  .linkedin_li {
    background-image: url("http://www.solarindustrymag.com/images/li_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 35px;
    width:35px;
    position: absolute;
 }
  .linkedin_li:hover {
    background-image: url("http://www.solarindustrymag.com/images/li_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#007BAF;
    height: 35px;
    width:35px;
    position: absolute;
 }
   .linkedin_li:active {
    background-image: url("http://www.solarindustrymag.com/images/li_button.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:black;
    height: 35px;
    width:35px;
    position: absolute;
 }
 
 
.tocpagebutton {
    color: white;
    font-weight: bold;
    font-size: .5em;
    font-family: arial, Arial, san-serif;
    background-image: url("http://www.solarindustrymag.com/images/home.png");
    background-position: -1em center;
    background-size: auto 45px;
    background-repeat: no-repeat;
    background-color: black;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: 1px solid white;
    height: 28px;
    width:35px;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border: 1px solid gray;
    top: 8px;
    position: absolute;
    left: 1%;
 }
 .creditsbutton {
    color: white;
    font-weight: bold;
    font-size: .7em;
    font-family: arial, Arial, san-serif;
    background-position: 20px -8px, center;
    background-color: black;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: 1px solid white;
    background-repeat: no-repeat;
    background-size: 350% auto;
    height: 20px;
    padding-top: 9px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    border: 1px solid gray;
    top: 8px;
    position: absolute;
    right: 1%;
 }
  .feedback {
    color: white;
    font-weight: bold;
    font-size: 1em;
    font-family: arial, Arial, san-serif;
    background-position: 20px -8px, center;
    background-color: blue;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: 1px solid white;
    background-repeat: no-repeat;
    background-size: 350% auto;
    height: 20px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border: 1px solid gray;
    top: 8px;
    position: absolute;
    left: 18%;
    display: none;
 }