.newtabs {
  height: 36px;
  padding: 0 0 0 0;
  overflow: visible;
}
.newtab {
  width: 76px;
  height: 36px;
  overflow: hidden;
  float: left;
  margin: 0 -30px 0 0;
}

.newtab:hover {
  cursor: pointer;
  text-decoration: underline;
}
  
.newtab-box {
  height: 50px;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #808080;
  margin: 0 10px 0;
  box-shadow:  0 0 2px  #fff inset;

 -webkit-transform: perspective(100px) rotateX(10deg);
 -moz-transform: perspective(100px) rotateX(10deg);
  
}

.newtab-box.dark-mode {
  background-color: #222222;
}

.newtab.active {
  z-index: 40;
  width: 120px;
  position: relative;
  padding-bottom: 1px;
  cursor: default;
  text-decoration: none;

}
.newtab.active .newtab-box{
  background-color: #f4f4f4;
  box-shadow: 0 0 2px 0 #fff inset;

    background: -webkit-linear-gradient(#d0d0d0, #e8e8e8, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d0d0d0, #e8e8e8, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d0d0d0, #e8e8e8, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d0d0d0, #e8e8e8, #ffffff); /* Standard syntax */
    
}

.newtab.active .dark-mode {
  color: black;
}

.content {
  z-index: 1;
  padding: 8px;
/*  border: 1px solid #eee; */
/*  background: #f0f0f0;*/
  position: relative;
  
}

.clear {
 clear: both;
}