/* Display: Flex classes */
.largeTabNav,
.largeTabNav li,
.innerTabNav,
.innerTabNav li {
    display: -webkit-box; /* Safari 3+ */
    display: -moz-box; /* Firefox */
    display: -ms-flexbox; /* IE 10 */
    display: -webkit-flex; /* Safari 6.1+ */
    display: flex;
}

/* Flex: 1 classes */
.largeTabNav li,
.largeTabInner,
.innerTabNav li,
.innerTabInner {
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
}

/* Large Tabs */
.largeTabNav {
    margin: 0;
    padding: 0;
    width: 100%;
}

.largeTabNav li {
    cursor: pointer;
    margin-top: 10px;
}

.largeTabNav li.tabActive {
    margin-top: 0;
}

.largeTabInner {
    background: #F2F7F8;
    border: solid #ccc;
    border-width: 1px 0 1px 1px;
    box-sizing: border-box;
    color: #2a2a2a;
    padding: 10px 15px;
}

.largeTabNav li .largeTabInner:hover {
    background: #D3E3E8;
}

.largeTabNav li.tabActive .largeTabInner {
    background: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: bold;
    padding-top: 15px;
}

.largeTabNav .last {
    /* Last of the tabs */
    border-right: 1px solid #ccc;
}

/* Tab contents */
.largeTabContentContainer {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #fff;
    border-top: 0;
}

.largeTabUnpaddedContentContainer {
    border: 1px solid #ccc;
    background-color: #fff;
    margin-bottom: 30px;
    border-top: 0;
}

.largeTabContent h2:first-child,
.largeTabContent h3:first-child {
    margin-top: 0;
}

.largeTabContent h3 {
    font-weight: bold;
}

.largeTabContent h4 {
    font-size: 1.1em;
    font-weight: bold;
}

.largeTabNav .tabActive + li > .largeTabInner {border-left: 0} /* First tab after the active one */
.largeTabNav .tabActive + li > .largeTabInner { border-left: 0 !important; } /* First tab after the active one */

/* Mobile version */
#mobile .largeTabNav .largeTabInner {font-size: .9em; padding: 10px 6px 15px; text-align: center;}
#mobile .largeTabNav li.tabActive .largeTabInner { padding-top: 20px; }
#mobile .largeTabNav > li:first-child .largeTabInner { border-left: 0; }
#mobile .largeTabNav .last { border-right: 0; }
#mobile .largeTabContentContainer { border: 0; margin: 0; padding: 10px 10px 20px; }
#mobile .largeTabUnpaddedContentContainer { border: 0; }
#mobile .largeTabUnpaddedContentContainer h2 { margin-left: .5em; }

/* Small Tabs Styles */
.innerTabNav {
    margin: 0;
    padding: 0;
}

.innerTabNav li {
    cursor: pointer;
    text-align: center;
}

.innerTabInner {
    background: #fff;
    border: solid #ccc;
    border-width: 0 0 1px 0;
    box-sizing: border-box;
    color: #007aa9;
    font-size: .8750em;
    line-height: 1;
    padding: 15px 5px;
}

.innerTabNav li .innerTabInner:hover {
    background:#E2EDF0;
    outline: 0;
}

.innerTabNav li.tabActive .innerTabInner {
    background: #fff;
    border-width: 1px 1px 0;
    color: #000;
    font-weight: bold;
}

.innerTabContentContainer {
    border: 1px solid #ccc;
    padding: 10px;
    margin: -1px 0 20px;
}

/* Print version */
@media print {
    .largeTabContentContainer, .innerTabContentContainer { border: 0; margin: 0; padding: 10px 0; }
    .largeTabContent { display: block; }
}