/* MAIN TABS */

.fab_tabs .ajax__tab_header { background-color: transparent; font-family: 'Open Sans', sans-serif; z-index:2; }

/* NORMAL */
.fab_tabs .ajax__tab_header .ajax__tab_tab { color:#999999; padding: 5px 16px 0 16px; height: 22px; }
.fab_tabs .ajax__tab_header .ajax__tab_tab i { margin-left: -6px; }
.fab_tabs .ajax__tab_header .ajax__tab_inner { }
.fab_tabs .ajax__tab_header .ajax__tab_inner span { color:#999999; font-size: 14px; }
.fab_tabs .ajax__tab_header .ajax__tab_outer { color:#ffffff; border-top: 0; border-right:0; border-bottom: 3px solid Transparent; border-left:0; margin-right:6px; }

/* HOVER */
.fab_tabs .ajax__tab_header .ajax__tab_hover .ajax__tab_tab { cursor: pointer; }
.fab_tabs .ajax__tab_header .ajax__tab_hover .ajax__tab_inner { cursor: pointer; }
.fab_tabs .ajax__tab_header .ajax__tab_hover .ajax__tab_inner span { color:blue; }
.fab_tabs .ajax__tab_header .ajax__tab_hover .ajax__tab_outer { border-top: 0; border-right:0; border-bottom: 3px solid blue; border-left:0; }

/* ACTIVE */
.fab_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background-color:#ffffff; }
.fab_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner { background-color:#ffffff; }
.fab_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner span { color:#000000; font-weight:bold; }
.fab_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer { border-top: 0; border-right: 0; border-bottom: 3px solid #FFA500; border-left: 0; }
.fab_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer:first-child { border-left: 1px solid #fff; }
.fab_tabs .ajax__tab_body { border-top: 1px solid #e5e5e5; margin: -4px 0 0 0; padding: 8px 8px 3px 8px; background-color: #ffffff; z-index: 100; }
.zfab_tabs .ajax__tab_body { box-shadow: 3px 3px 3px #ddd; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin: -1px 0 0 0; padding: 8px 8px 3px 8px; background-color: #ffffff; z-index: 100; }

/* scrolling */
.fab_tabs .ajax__scroll_horiz { overflow-x: scroll; }
.fab_tabs .ajax__scroll_vert { overflow-y: scroll; }
.fab_tabs .ajax__scroll_both { overflow: scroll}
.fab_tabs .ajax__scroll_auto { overflow: auto}
.fab_tabs .ajax__scroll_none { overflow: hidden}




/* vertical left */
.fab_tabs .fab__tab_header_verticalleft { background-color: transparent; font-family: 'Open Sans', sans-serif; font-size: 11px; display:inline-block; width:300px; }

/* NORMAL */
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_tab { color: #000; background-color: #efefef; padding: 0; height:24px; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_inner { padding: 0; text-align: left; border: 0; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_inner span { display:inline-block; text-align: left; white-space: nowrap; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_outer { border-top: 0; border-right: 0; border-bottom: 0; border-left: 4px solid #efefef; padding: 0; height: 24px; }

/* HOVER */
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_tab { cursor:pointer; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_inner { cursor:pointer; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_hover .ajax__tab_outer { background-color:#fafafa; cursor:pointer; border-top: 0; border-right: 0; border-bottom: 0; border-left: 4px solid #B23F33; }

/* ACTIVE */
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_active { margin-top: 1px; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_tab { background-color:#999; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner { background-color:#999; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner span { color:#fff; }
.fab_tabs .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_outer { border-top: 0; border-right: 0; border-bottom: 0; border-left: 4px solid #B23F33; }

.fab_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer:first-child { border-left: 1px solid #fff; }

.fab_tabs .ajax__tab_body_verticalleft { border: 0; padding: 0; background-color: #ffffff; display:inline-block; }



/* SUB TABS */
.fab_subtabs .ajax__tab_header { background-color: transparent; font-family: 'Open Sans', sans-serif; z-index:2; }

/* NORMAL */
.fab_subtabs .ajax__tab_header .ajax__tab_tab { color:#ffffff; background-color:#999; padding: 5px 14px 0 14px; height: 22px; }
.fab_subtabs .ajax__tab_header .ajax__tab_inner { }
.fab_subtabs .ajax__tab_header .ajax__tab_inner span { color:#ffffff; font-size: 12px; }
.fab_subtabs .ajax__tab_header .ajax__tab_outer { color:#ffffff; border-top:4px solid Transparent; border-right:0; border-bottom:0; border-left:0; margin-right:6px; }

/* HOVER */
.fab_subtabs .ajax__tab_header .ajax__tab_hover .ajax__tab_tab { background-color:#fafafa; cursor: pointer; }
.fab_subtabs .ajax__tab_header .ajax__tab_hover .ajax__tab_inner { cursor: pointer; }
.fab_subtabs .ajax__tab_header .ajax__tab_hover .ajax__tab_inner span { color:#000000; }
.fab_subtabs .ajax__tab_header .ajax__tab_hover .ajax__tab_outer { border-top:4px solid #B23F33; border-right:0; border-bottom:0; border-left:0; }

/* ACTIVE */
.fab_subtabs .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background-color:#fafafa; }
.fab_subtabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner { background-color:#fafafa; }
.fab_subtabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner span { color:#000; }
.fab_subtabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer { border-top: 4px solid #B23F33; border-right: 1px solid #cccccc; border-bottom:0; border-left: 1px solid #cccccc; }

.fab_subtabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer:first-child { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.fab_subtabs .ajax__tab_body { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; margin:-1px 0 0 0; padding: 8px 0 0 8px; background-color: #fafafa; z-index:1; }

/* scrolling */
.fab_subtabs .ajax__scroll_horiz { overflow-x: scroll; }
.fab_subtabs .ajax__scroll_vert { overflow-y: scroll; }
.fab_subtabs .ajax__scroll_both { overflow: scroll}
.fab_subtabs .ajax__scroll_auto { overflow: auto}
.fab_subtabs .ajax__scroll_none { overflow: hidden}

/* BOOTSTRAP TABS */
/* MAIN TABS */

.bs_tabs .ajax__tab_header { background-color: transparent; font-family: Arial; font-size: 14px; z-index:2; }

/* NORMAL */
.bs_tabs .ajax__tab_header .ajax__tab_tab { color: #337AB7; background-color: transparent; padding: 10px 20px 6px 20px; height: 36px; margin-bottom: -5px; }
.bs_tabs .ajax__tab_header .ajax__tab_tab i { margin-left: -6px; margin-right: 5px; font-size: 14px; }
.bs_tabs .ajax__tab_header .ajax__tab_tab span { font-weight:600; }

.bs_tabs .ajax__tab_header .ajax__tab_inner { border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; }
.bs_tabs .ajax__tab_header .ajax__tab_inner span { color:#337AB7;  }
.bs_tabs .ajax__tab_header .ajax__tab_outer { color:#337AB7; border-top: 1px solid transparent; border-right: 2px solid transparent; border-bottom: 0; border-left: 2px solid transparent; margin: 0; }

/* HOVER */
.bs_tabs .ajax__tab_header .ajax__tab_hover .ajax__tab_tab { background-color:#eee; cursor: pointer; }
.bs_tabs .ajax__tab_header .ajax__tab_hover .ajax__tab_inner { cursor: pointer; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 0 solid transparent; border-left: 1px solid #eee; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.bs_tabs .ajax__tab_header .ajax__tab_hover .ajax__tab_inner span { color: #337AB7; }
.bs_tabs .ajax__tab_header .ajax__tab_hover .ajax__tab_outer { margin: 0; border-top: 1px solid transparent; border-right: 2px solid transparent; border-bottom: 0; border-left: 2px solid transparent; }

/* ACTIVE */
.bs_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_tab { background-color:transparent; }
.bs_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner { background-color:transparent; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #fff; border-left: 1px solid #ccc; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.bs_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_inner span { color: #404040; }
.bs_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer { margin: 0; border-top: 1px solid transparent; border-right: 2px solid transparent; border-bottom: 0; border-left: 2px solid transparent; }
.bs_tabs .ajax__tab_header .ajax__tab_active .ajax__tab_outer:first-child { }

.bs_tabs .ajax__tab_body { box-sizing: border-box; border-top: 1px solid #ccc; margin: -1px 0 0 0; padding: 8px 0 3px 0; background-color: #ffffff; z-index: 100; }

/* scrolling */
.bs_tabs .ajax__scroll_horiz { overflow-x: scroll; }
.bs_tabs .ajax__scroll_vert { overflow-y: scroll; }
.bs_tabs .ajax__scroll_both { overflow: scroll}
.bs_tabs .ajax__scroll_auto { overflow: auto}
.bs_tabs .ajax__scroll_none { overflow: hidden}



@media (max-width: 500px)   {
    /* NORMAL */
    .bs_tabs .ajax__tab_header .ajax__tab_tab { padding: 10px 15px 6px 15px; height: 36px; }
    .bs_tabs .ajax__tab_header .ajax__tab_tab i { display: none; }
}