#tabs {
  overflow: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

#tabs li {
    margin: 0;
    padding: 0;
    float: left;
}
#tabs a {
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    background: #fbfbfb;
    color:#3c3c3c;
    float: left;
    font: bold 12px/35px 'Lucida sans', Arial, Helvetica;
    height: 35px;
    padding: 0 30px;
    text-decoration: none;
}

#tabs a:hover {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cc63e+0,72c02c+100 */
background:#ccc;
color:#fff
}

#tabs a:focus {
    outline: 0;
}

#tabs #current a {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cc63e+0,72c02c+100 */
background: rgb(209,115,124); /* Old browsers */
background: -moz-linear-gradient(top, rgba(209,115,124,1) 0%, rgba(186,39,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(209,115,124,1) 0%,rgba(186,39,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(209,115,124,1) 0%,rgba(186,39,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1737c', endColorstr='#ba2737',GradientType=0 ); /* IE6-9 */
   color:#fff;
}

#content {
    background-color: #fff;
    background-image:         linear-gradient(top, #fff, #ddd);
    border: 1px dashed #e2e2e4;
    padding: 30px;
    border-radius: 0 0 4px 4px;
    border-top: 2px solid #ba2737;
}

/* Remove the rule below if you want the content to be "organic" */
#content div {
    height: 220px; 
}