/* 
    Document   : scroll_tabs
    Created on : 19.01.2013, 1:32:04
    Author     : kirill
*/

.scroll-tabs { position: relative; padding: 45px 0 0; }
.st-tabs { position: absolute; left: 0; z-index: 20; top: 5px; width: 100%; border-bottom: 1px solid #ccc; height: 31px; }
.st-tab { float: left; cursor: pointer; color: #fff; height: 30px; line-height: 30px; padding: 0 10px; border: solid 1px #ccc; font-size: 15px; background: #c0c0c0; margin: 0 0 0 30px; }
.st-tab:first-child { margin: 0 0 0 10px; }
.st-tab.active { background: #fff; color: #000; border-bottom-color: #fff; box-shadow: 2px -2px 5px rgba(0, 0, 0, .1); }
.st-content { max-height: 400px; overflow-y: auto; padding: 10px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.scroll-tabs:before,
.scroll-tabs:after { 
  content: ""; position: absolute; left: 0; right: 0; top: 45px; height: 20px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.scroll-tabs:after {
  bottom: 0; top: auto;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.popup-common .scroll-tabs { margin: 0 -10px 0 0; }