/* tabs */

/** COLORS & BUTTON STYLING **/
.tab a,.tab a:visited,.tab a:hover,.tab_selected a,.tab_selected a:visited
{
  color:#707070;
  background:#F2F2F2;
  border-radius:2px;
  margin-bottom:5px;
  font-size:12px;
  text-decoration:none;
  padding:15px;
}
.tab a:hover 
{
  background:#cccccc;
}

/** COLORS & BUTTON STYLING : HORIZONTAL TABS **/

.tabs_h .tab a,.tabs_h .tab a:visited,.tabs_h .tab a:hover,.tabs_h .tab_selected a,.tabs_h .tab_selected a:visited
{
  border-radius:5px 5px 0 0;
  margin-bottom:0px;
}

.tabs_h .tab a:hover 
{
  border-radius:5px 5px 0 0;
}


/** SELECTED TAB **/
.tab_selected a,.tab_selected a:hover,.tab_selected a:visited
{
  color:#fff;
  border-radius:4px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.18);
  
  
  background:#2F800A; 
  
  
}

/** SELECTED TAB : HORIZONTAL **/
.tabs_h .tab_selected a,.tabs_h .tab_selected a:visited,.tabs_h .tab_selected a:hover
{

  border-bottom:none;
}

.tabs:empty
{
  display:none;
}


/** STRUCTURE **/

.tabs 
{
  float:left;
  width:180px;
  padding:23px 15px 0 0;
}

.tabs_content 
{
  float:left;
  width:720px;
  background:none;
  border:none;
  overflow:visible;
  padding: 23px 0 0;
}

.tab_display 
{
  background:none;
  border:none;
  padding:0;
  overflow:visible;
}

.tab a,.tab a:visited,.tab a:hover,.tab_selected a,.tab_selected a:visited
{
  display:block;
  height:auto;
}

.tab_category_group_heading
{
  color:#660000;
}


/** HORIZONTAL TABS **/
.tabs_h .tabs_content,.tabs_h .tabs
{float:none;width:auto;}
.tabs_h .tabs {border-bottom:1px solid #ccc;margin-bottom:10px;}
.tabs_h .tab,.tabs_h .tab_selected
{display:inline-block;}

.tabs_h .tab a
,.tabs_h .tab a:visited
,.tabs_h .tab a:hover
,.tabs_h .tab_selected a
,.tabs_h .tab_selected a:visited
{
  text-decoration:none;
  padding:10px 16px;
  
}


@media only screen and (max-width: 940px)
  {
  
  
}


@media (max-width: 768px)
  {
  .tabs 
  {
    float:none;
    width:100%;
    padding:0;
  }
  
  .tabs .tab
  {
    display:inline-block; 
  }
  
  .tabs_content 
  {
    float:none;
    width:100%;
  }
}

