/* Front End Tabs Styles */
.tmp_tabs-wrapper{
    margin-bottom: 20px;
}

.tmp_tabs-menu{
  margin: 0 !important;
  padding: 7px 0 0;
  list-style: none;    
}
.tmp_tabs-menu li{
  float: left;
  margin: 0 5px 0 0;
  padding: 5px 5px 0;
  line-height: 18px;
  height: 21px;
}
.tmp_tabs-menu li a{
  padding: 4px 8px;
  background: #E2E2E2;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  font-weight: bold;
}
.tmp_tabs-menu li a:hover{
  background: #eaeaea;
}
.tmp_tabs-menu li.active a{
  background: #fff;
  border-bottom: 1px solid #fff;
  cursor: text;
}
.tmp_tabs-menu li input{
  display: none;
}

.tmp_tabs-content-wrapper{
  border: 1px solid #e0e0e0;
  border-radius: 0 3px 3px 3px;
  background: #fff;
  padding: 10px 15px 1px;
}
.tmp_tabs-content{
  border-radius: 3px;
  padding-bottom: 10px;
  padding: 0;
}

.tmp_tabs-content{
  margin-bottom: 1px;
  display: none;
}
.tmp_tabs-content.active{
  display: block;
}


/* Edit Interface Tabs Styles Only */

.tmp-edit_settings{
    background: #f2f7fd;
    padding: 10px 16px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
}
.tmp-edit_setting{
    float: left;
    padding-right: 20px;
}
.tmp-edit_setting-value{
    display:inline-block;
}

.tmp-edit_content{
    padding: 15px;
}
.tmp-edit_content .tmp_tabs-content .bodycopy_content{
    padding: 10px 15px 1px;
}
.tmp_tabs-content .sq-wysiwyg-preview-wrapper{
    min-height: 50px;
    padding: 0 0 1px;
    font-size: inherit;
}
.tmp-edit_content > .tmp_main-content .bodycopy_content { 
    padding: 0;
    transition: none;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    cursor: pointer;
    border-bottom: 1px solid #fff;
}
      .ui-tabs-hide {
          /*opacity:0;*/
          /*display: -webkit-box;*/
          display: none;
          width:0;
          height:0;
          color:#fff;
      }
      
.ui-tabs-hide p {
    display: block;
    line-height: 1px;
    height: 0;
}

.ui-tabs-hide h3 {
    color: #fff !important;
}
.nav-tabs>.ui-state-active>a, .nav-tabs>.ui-state-active>a:hover, .nav-tabs>.ui-state-active>a:focus {
    cursor: pointer;
}
.tabs li.ui-state-default a {
    font-size:.8em;
}
.tabs > ul li {
    padding: 0.5em 0;
}

.nav-tabs>li>a {
    margin:0;
    border-radius: 0;
}

div.ui-tabs-panel {transition: opacity .25s ease-in-out; border: 1px solid #ededed;}

.tabs li.ui-state-default {margin-left:2px !important; margin-right:2px !important;}
.tabs li.ui-state-default a {margin:0; border:1px solid #ccc;border-bottom:none;border-top:1px solid #ccc; background:#ddd !important; color:#000 !important;}
.tabs li.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {text-decoration: none!important;}

.tabs li.ui-state-active a {
    border: 1px solid #ededed;
    background-color: #fff !important;
    border-bottom: 1px solid #fff;
    border-top:1px solid #ededed;
}

.tabs li.ui-state-hover a:hover, .tabs li.ui-state-focus a, .tabs li a:focus {
    border-top: 3px solid #999 !important;
}

.nav-tabs {border:none;}

.tabs a:focus {
    outline: none;
}

div.ui-tabs-panel {padding:10px 20px;}

.tabs tr {
        border-bottom: 1px solid #aaa;
    }
.tabs td {
        border:0;
    }
thead th {
        background-color: #0d538b;
        color: #fff;
    }
.tabs>a {
    font-size: .8em;
}

.section .tabs ol {
    counter-reset: list;
}
.section .tabs ol > li {
    list-style: none;
    position: relative;
    padding-left: 5px;
}
.section .tabs ol > li:before {
    counter-increment: list;
    content: "("counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
}
 
.section .tabs ol > li ol li:before {
    counter-increment: list;
    content: "("counter(list, lower-roman) ") ";
    position: absolute;
    left: -1.4em;
}

.section .tabs ol > li ol > li ol > li:before {
    counter-increment: list;
    content: "("counter(list, upper-alpha) ") ";
    position: absolute;
    left: -1.4em;
}


/*Moving stuff*/
.moveable #parentContainer span.next, .moveable #parentContainer span.prev {padding:0 5px;}
span.next:hover, span.prev:hover {color: red;text-decoration: underline;cursor: pointer;}
.moveable #parentContainer .li:first-of-type .prev, #parentContainer .li:last-of-type .next {display:none;}

/* Hide first/last for time being - TBD functionality for prev 1 to go 8 and next 8 to go 1 */
/*.moveable #parentContainer li:first-of-type .prev {display:none!important;}
.moveable #parentContainer li:last-of-type .next {display:none!important;}*/

#tabs-hidden-placeholder {display:none;}

ul.advanced li.active {background: #E2E2E2}
ul li .prev, ul li .next {display:none;}
ul.advanced li .prev, ul.advanced li .next {display:inline;}