.tab_control_area
{
  position: relative;
}

.tabs_area
{
  overflow: hidden;
  position: relative;
}

.tab_control_bottom .tabs_area
{
  margin-top: -1px;
}

.tabs_sliding_area
{
  width: 10000px;
}

.tabs_wrapper
{
  float: left;
}

.tab_scoll_left
{
  display: none;
  position: absolute;
  top: 0px;
  border: 1px solid gray;
  background-color: #dddddd;
  cursor: pointer;
  z-index: 1;
  width: 26px;
  height: 28px;
  background: white url(../images/previous.png) no-repeat center center;
}

.tab_scoll_right
{
  display: none;
  position: absolute;
  border: 1px solid gray;
  background-color: #dddddd;
  cursor: pointer;
  z-index: 1;
  top: 0px;
  left: 100%;
  width: 26px;
  height: 28px;
  margin-left: -28px;
  background: white url(../images/next.png) no-repeat center center;
}

.tab_control_bottom .tab_scoll_left
{
  top: auto;
  margin-top: -1px;
}

.tab_control_bottom .tab_scoll_right
{
  top: auto;
  margin-top: -1px;
  margin-left: -28px;
}

.tab
{
  border: 1px solid gray;
  cursor: pointer;
  overflow: hidden;
}

.tab:hover
{
  background-color: #dddddd;
}

.active_tab,
.active_tab:hover
{
  background-color: #dddddd;
}

.tab_control_horizontal .tab
{
  float: left;
  border-right: 0;
  height: 24px;
  padding: 2px;
}

.tab_control_top .active_tab
{
  border-bottom: 1px solid #dddddd;
}

.tab_control_bottom .active_tab
{
  border-top: 1px solid #dddddd;
}

.tab_control_horizontal .tab:nth-last-child(2)
{
  border-right: 1px solid gray;
}

.tab_control_vertical
{
  overflow: hidden;
}

.tab_control_vertical .tab
{
  border: 1px solid gray;
  height: 19px;
  padding: 4px;
  width: 192px;
  border-bottom: 0;
}

.tab_control_vertical .tab:last-child
{
  border-bottom: 1px solid gray;
}

.tab_control_left .tabs_area
{
  width: 201px; /* tab width + 1 (border overlap) */ 
  top: 0px;
  position: absolute;
  overflow: visible;
}

.tab_control_left .active_tab
{
  border-right: 1px solid #dddddd;
}

.tab_control_right .active_tab
{
  border-left: 1px solid #dddddd;
}

.tab_control_right .tabs_area
{
  width: 202px; /* tab width + 2(borders) */
  position: absolute;
  top: 0px;
  left:100%;
  margin-left:-202px; /* tab width + 2(borders) */
}

.tab_control_accordion .tab
{
  border-bottom: 0;
}

.tab_control_accordion .tab:nth-last-child(2)
{
  border-bottom: 1px solid gray;
}

.tab_control_accordion .tab_content:last-child
{
  border-top: 0px;
  border-bottom: 1px solid gray;
}

.tab_content_area
{
  border: 1px solid gray;
  overflow: auto;
  height: 300px;
}

.tab_control_right .tab_content_area
{
  margin-right: 201px; /* tab width + 1 (border overlap) */
}

.tab_control_left .tab_content_area
{
  margin-left: 201px; /* tab width + 1 (border overlap) */
}

.tab_control_top .tab_content_area
{
  margin-top: -1px;
}

.tab_content
{
  display: none;
}

.active_tab_content
{
  display: block;
}

.tab_content:first-child
{
  display: block;
}

.tab_scoll_top
{
  position: absolute;
  display: none;
  width: 200px;
  height: 24px;
  border:1px solid gray;
  background-color: yellow;
  z-index: 1;
  cursor: pointer;
  background: white url(../images/top.png) no-repeat center center;
}

.tab_control_right .tab_scoll_top
{
  top: 0px;
  left: 100%;
  margin-left: -202px;
}

.tab_scoll_bottom
{
  position: absolute;
  display: none;
  width: 200px;
  height: 24px;
  border:1px solid gray;
  background-color: orange;
  z-index: 1;
  cursor: pointer;
  background: white url(../images/bottom.png) no-repeat center center;
}

.tab_control_right .tab_scoll_bottom
{
  left: 100%;
  margin-left: -202px;
  margin-top: -26px;
}

.tab_control_left .tab_scoll_bottom
{
  top: 100%;
  margin-top: -26px;
}

.tab_control_accordion .tab_content
{
  border: 1px solid gray;
  border-bottom: 0px;
  overflow: auto;
}

.tab_control_presentation
{
  display: none;
}

.tab_navigation_buttons
{
  padding: 4px;
  width: 224px;
  margin: 0 auto;
}

.tab_navigation_button
{
  float: left;
  width: 37px;
  height: 31px;
  cursor: pointer;
  opacity: 0.90;
}

.tab_navigation_button:hover
{
  opacity: 1;
}

.tab_navigation_first
{
  background: white url(../../../images/play/first.png) no-repeat center center;
}

.tab_navigation_previous
{
  background: white url(../../../images/play/previous.png) no-repeat center center;
}

.tab_navigation_next
{
  background: white url(../../../images/play/next.png) no-repeat center center;
}

.tab_navigation_last
{
  background: white url(../../../images/play/last.png) no-repeat center center;
}

.tab_navigation_info
{
  float: left;
  width: 70px;
  height: 29px;
  line-height: 29px;
  border: 1px solid #D9D9D9;
  border-radius: 7px;
  margin: 0px 2px 0px 2px;
  color: black;
  text-align: center;
}

.tab_control_presentation .tab_content
{
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  opacity: 0;
}

.tab_control_presentation .tab_content:first-child
{
  opacity: 1;
}