.tab-container {}
.tab-container { position:relative; padding:5px; border: 1px solid transparent; }
.tabs { margin: 0  !important; padding: 0; }
.tab { background:#f7f7f7; margin:0px !important; display: inline-block; zoom:1; *display:inline;  border: solid 1px #D1D1D1; border-bottom: none; -moz-border-radius: 3px 3px 0 0 !important; border-radius: 3px 3px 0 0 !important; -webkit-border-radius: 3px 3px 0 0 !important; margin-right:4px !important; }
.tab span { font-size: 14px; line-height: 2em; display: block; padding: 3px 10px; outline: none; cursor:pointer }
.tab span:hover { text-decoration: none; }
.tab.active { background: #fff;  position: relative; top: 1px; text-decoration:none; border: solid 1px #D1D1D1; border-bottom: none}
.tab span.active {}
.tab-container .panel-container {  border: solid #D1D1D1 1px; padding: 10px; background:#fff; }

@media (max-width: 600px) {
    .tab {
        margin:0px;
        width:100%;
        display:block;
        -moz-border-radius: -0px !important; 
        border-radius: -0px !important; 
        -webkit-border-radius: -0px !important; 
    }
    .tab.active  {
        border-bottom: solid 1px #D1D1D1;
    }
}