/*---------------------------------------------*/
/*  ca_department.css                          */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  Department-specific styles                 */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*  main_content_1                             */
/*---------------------------------------------*/

.external_content #left_column a {
 color:#000;
}

.external_content #left_column ul {
 margin: .4em .5em 1em 0em;
}
.external_content #left_column ul ul {
 margin: .2em 0em 0em 0em;
}

.external_content .left_column_top {
 margin:0;
 padding:1px 0 34px 8px;
 background:#BCC5D0 url(http://www.dir.ca.gov/images/ca_department/left_column_divider.gif) bottom left no-repeat;
}

.external_content .left_column_top a {
 display:block;
}

.external_content .left_column_top a:hover {
 background:#ECECE7; /* light gray */
}

.external_content .column_inner {
 padding:14px;
}

.external_content #left_column .column_inner {
 padding:8px;
}

* html .external_content .column_inner {
  float:left; /* Needed for IE */
}
.external_content #left_column, .external_content #right_column, .external_content .column_inner { /* Prevent oversized content from breaking the layout */
  overflow:hidden;
}

.external_content #amber_alert_on {
 margin-bottom:10px;
}

.external_content .list_decorative_dark li, .external_content #middle_column .list_decorative_dark li {
 list-style-image:url(http://www.dir.ca.gov/images/ca_department/bullet_black.gif);
 padding:2px;
 margin-bottom:0px;
}

.external_content .list_decorative_light li, .external_content #middle_column .list_decorative_light li {
 list-style-image:url(http://www.dir.ca.gov/images/ca_department/bullet_gray.gif);
 padding:2px;
 margin-bottom:0px;
}

.external_content .list_decorative_blue li, .external_content #middle_column .list_decorative_blue li {
 list-style-image:url(http://www.dir.ca.gov/images/ca_department/bullet_blue.gif);
 padding:2px;
 margin-bottom:0px;
}

.external_content .list_decorative_dark a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #999999;
}

.external_content .list_decorative_light a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #ECECE7;
}

.external_content .list_decorative_blue a {
 text-decoration:none;
 display:block;
 border-bottom:1px dotted #253B5A;
}


.external_content .list_decorative_dark a:hover, .list_decorative_light a:hover, .list_decorative_blue a:hover {
 text-decoration:underline;
}

.external_content h1{
 font-family: arial, verdanna, sans-serif;
 font-weight: bold;
 font-size: 1.3em;
 color:#669454;
 margin:8px 0;
 width:99%; /* Fix IE problem, too short */
}

.external_content h2 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 1.2em;
 color:#4d7fb2;
 margin:6px 0;
 width:99%; /* Fix IE problem, too short */
}

.external_content h3 {
 font-size:1.1em;
 text-transform:uppercase;
 margin-bottom:6px;
}

.external_content h4 {
 font-size:1em;
 font-weight:bold;
}

.external_content hr {
 color: #bc3e06;
 background-color: #bc3e06;
 height: 2px;
 border: 0;
}

.external_content #middle_column ul li {
 list-style-image:url(http://www.dir.ca.gov/images/ca_department/bullet_red.gif);
 margin-bottom:5px;
}

.external_content #middle_column li ul li{
 list-style-image:url(http://www.dir.ca.gov/images/ca_department/bullet_darkgray.gif);
 margin-bottom:5px;
}

/*---------------------------------------------*/
/*  breadcrumbs                                */
/*---------------------------------------------*/

.external_content .breadcrumbs {
 background-color:#ecece7;
 padding:5px 5px 5px 10px;
}

/*  End of breadcrumbs  */


/*---------------------------------------------*/
/*  tabpanel_module                            */
/*  Tab Panel section with hover effects       */
/*---------------------------------------------*/

.external_content .block_with_image_and_tabpanel {
 padding-bottom:8px;
 min-width:559px;
 /* height:14em; */ /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
}

.external_content .block_with_image_and_tabpanel .image_container {
 border: 1px solid #bcc5d0;
 background:#fff;
 padding:7px 7px 0px 7px;
 margin:5px 0px 0px 5px;
 text-align:center;
 float:left;
 display:inline;
 width:137px; /* Width for portrait photos, 123 + 14 = 137, needed for IE 5.0 */
 overflow: hidden;

 voice-family:"\"}\"";
 voice-family:inherit;
 width:auto; /* Width for portrait photos, for non-broken browsers */
}

.external_content .block_with_image_and_tabpanel .image_container img {
 width: 123px;
 height: 193px; /* Width and height are needed if images are turned off in the browser */
 display:block;
}

.external_content #tabpanel_container {
 padding:8px 8px 0 0;
 margin:0 0 0 10px;
}

.external_content .contains_landscape_photo, .contains_portrait_photo {
 height:auto;
}

.external_content .contains_landscape_photo #tabpanel_container {
 margin:0 0 0 180px; /* Width for landscape photos up to 167px wide, 167 + 13 padding = 180 */
}

.external_content .contains_portrait_photo #tabpanel_container {
 margin:0 0 0 150px; /* Width for portrait photos up to 123px wide, 123 + 27 padding = 150 */
}

.external_content #tabpanel {
 margin:0;
 width:99%;
}

.external_content #tab_list {
 padding: 0;
 position:relative; /* Makes this the containing block */
 white-space: nowrap;
 display:block;
 z-index:10;
 width:100%;
}

.external_content #tab_list ul {
 position: absolute; /* Needed for IE 5.x */
 margin: 0;
 z-index:1;
 padding: 0;
 width:100%;
}
.external_content #tab_list ul#tab_ul {
 height: 30px;
}

.external_content li#tabpanel_1, li#tabpanel_2, li#tabpanel_3 {
 background: #7E98BA url(http://www.dir.ca.gov/images/ca_department/tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs */
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}

.external_content #tab_list a.tab_link {
 z-index:10;
 position:relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding:8px 12px 0px 12px; /* Adjust left and right padding to adjust width of the tabs */
 display: block; /* Needed for Opera */
 float:left; /* Needed for IE, breaks Opera */
 background: transparent url(http://www.dir.ca.gov/images/ca_department/tabpanel_tabs.gif) 100% -60px  no-repeat;

 height:30px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 height:22px; /* 30 - 8, for non-broken browsers */
}

html[xmlns] .external_content #tab_list a.tab_link {
 float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

.external_content #tab_list a:hover {
 text-decoration: underline;
}

.external_content #tabpanel #tab_list li {
 list-style-type: none;
 list-style-image: none;
}

.external_content #tab_list ul ul {
 position:absolute;
 top:29px;
 left:0px;
 display:none;
 z-index:-10;
 border:1px solid #7E98BA; /* dark blue */
 padding:12px 0 16px 0;
 background:#E8EFF6; /* Light blue */
}

.external_content #tabpanel #tab_list ul ul li {
 float: left;
 width:48%;
 background:transparent url(http://www.dir.ca.gov/images/ca_department/bullet_black.gif) 6px .3em no-repeat;
}

.external_content #tabpanel #tab_list ul ul li a {
 float:none;
 height:auto;
 margin:0 0 0 24px;
}

.external_content #tab_list ul li.tabpanel_default ul, .external_content #tab_list ul li:hover ul {
 display:block;
}

.external_content #tab_list li.tabpanel_default a.tab_link, .external_content #tab_list li:hover a.tab_link {
 background: transparent url(../images/ca_department/tabpanel_tabs.gif) top right no-repeat;
 color:#000;
 text-decoration: none;
}
.external_content #tab_list li.tabpanel_default, .external_content #tabpanel_1:hover, #tabpanel_2:hover, #tabpanel_3:hover {
 background: #E8EFF6 url(../images/ca_department/tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}

.external_content #tabpanel #tab_list li a.tab_link:hover { /* Needed for IE */
 text-decoration: none;
}

.external_content #tabpanel #tab_list a:hover, .external_content #tabpanel #tab_list li.tabpanel_default ul a:hover {
 text-decoration:underline;
}

.external_content #tabpanel ul ul a:hover {
 background:transparent;
}

.external_content #tab_list .bottom_right { /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(http://www.dir.ca.gov/images/ca_department/tabpanel_corners.gif) top left no-repeat;
}
.external_content #tab_list .bottom_left { /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(http://www.dir.ca.gov/images/ca_department/tabpanel_corners.gif) top right no-repeat;
}

/* End of tabpanel_module */

/*--------------------------------------------------*/
/*  block_with_rounded_corners                      */
/*  Adds rounded corners and blue bar for heading   */
/*--------------------------------------------------*/

.external_content .block_with_rounded_corners {
 width:99%;
 background:#ECECE7;
 border-style:solid;
 border-color:#5d7493;
 border-width:0 1px 1px 1px;
 position:relative; /* Make this the containing block of the corner spans */
 margin-bottom:16px;
}

.external_content .block_with_rounded_corners h3 {
 background:#5d7493;
 color:#fff;
 padding:5px 10px 5px 10px;
 margin:0px;
}

.external_content .block_with_rounded_corners .bottom_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(http://www.dir.ca.gov/images/ca_department/block_with_image_corners.gif) top left no-repeat;
}
.external_content .block_with_rounded_corners .bottom_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(http://www.dir.ca.gov/images/ca_department/block_with_image_corners.gif) top right no-repeat;
}
.external_content .block_with_rounded_corners .top_right {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 right:-2px;
 background: url(http://www.dir.ca.gov/images/ca_department/block_with_image_corners.gif) bottom left no-repeat;
}
.external_content .block_with_rounded_corners .top_left {
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 top:-1px;
 left:-2px;
 background: url(http://www.dir.ca.gov/images/ca_department/block_with_image_corners.gif) bottom right no-repeat;
}

.external_content .block_with_rounded_corners .list_decorative_dark a:hover {
 background:transparent; /* Fixes problem in IE (dotted line disappears) */
}

/* End of block_with_rounded_corners */



.external_content .page_heading {
 color:#669454;
 padding:5px 5px 5px 10px;
 font-weight:bold; 
 font-size:1.1em;
 
}


.external_content .division_main_page {
 float: none;
 text-decoration:none;
 text-align:center;
 display:block;
 margin:5px 0;
 color:#333333;
}

.external_content .division_main_page a {
 float: none;
 text-decoration:none;
 font-size:120%; margin-bottom:0; font-family:Verdana,sans-serif; color:#0033CC;
}

.external_content .division_main_page span a {
 float: none;
 text-decoration:none;
 margin-bottom:0; font-family:Verdana,sans-serif; color:#0033CC;
}

.external_content .main_titles {
 float: none;
 text-decoration:none;
 text-align:center;
 display:block;
 margin:5px 0;
 color:#333333;
}

.external_content .main_titles a {
 float: none;
 text-decoration:none;
 font-size:120%; margin-bottom:0; font-family:Verdana,sans-serif; color:#0033CC;
}


.external_content .alert {
 font-family:Verdana,sans-serif; 
 color:#FF6633; 
 font-size:18px; 
 font-weight:bolder;
 border-bottom:1px solid #999999;
}

.external_content .lhs {
 float: none;
 text-decoration:none;
 text-align:center;
 display:block;
 margin:5px 0;
}

.external_content .lhs a {
 float: none;
 text-decoration:none;
}

.external_content .lhs_left_justified {
 text-decoration:none;
 display:block;
 margin:5px 0;
}

.external_content .lhs_left_justified a  {
 text-decoration:none; 
}

.external_content .lhs_left_justified_bottom a  {
 text-decoration:none; 
}

.external_content .lhs_left_justified_bottom a:hover  {
 text-decoration:none; 
 background:#BCC5D0; /* light gray */ 
}


.external_content .hdr {
 text-decoration:underline;
 font-weight:bolder; 
}

.external_content .ub {
 text-decoration:underline;
 font-weight:bolder; 
}

.external_content .plm {
 margin-left: 1em;
}

.external_content .center {
 text-align:center;
 }

.external_content .content {
 font-size:1em; margin-bottom:0; font-family:Verdana,sans-serif;
}

.external_content .content a {
 font-size:1em; margin-bottom:0; font-family:Verdana,sans-serif;
}

.external_content .alert1 {
 font-family:Verdana,sans-serif; 
 color:#FF6633; 
 font-size:18px; 
 font-weight:bolder;
 border-bottom:1px solid #999999;
}

.external_content .alert2 {
 font-family:Verdana,sans-serif; 
 color:#CC6633; 
 font-size:18px; 
 font-weight:bolder;
 border-bottom:1px solid #999999;
}

.external_content .alert3 {
 font-family:Verdana,sans-serif; 
 text-transform:capitalize; 
 color:#FF0000; 
 font-size:12px; 
 font-weight:bolder;
 border-bottom:1px solid #999999;
}

.external_content .alert3:first-letter {
 font-family:Verdana,sans-serif;
 color:#FF0000; 
 font-size:18px; 
 font-weight:bolder;
 border-bottom:1px solid #999999;
}

.external_content #BID { 
 font-family:Verdana,sans-serif; 
 color:#FF6633; 
 font-size:18px; 
 font-weight:bolder;
 border-bottom:1px solid #999999;
} 
.external_content #BID span { 
 font-family:Verdana,sans-serif;
 color:#FF6633; 
 font-size:22px; 
 font-weight:bolder;
 border-bottom:1px solid #999999;
 } 
 
.external_content #FIRSTLTR { 
 text-align:left;
 font-size:25px;  
 color:#000033;
}

.external_content #FIRSTLTR p {
 font-size:35px;  
 color:#000033; 
}

.external_content #FIRSTLTR p:first-letter { 
 font-weight:bolder; 
 font-size:35px; 
 font-style:italic; 
 color:#FF0000; 
}

.external_content #FIRSTLTR span { 
 text-transform:uppercase;
}


.external_content .dept_title {
 text-align:left;
 font-family:Stencil;
 font-weight:400;
 font-size:1.2em;  
 color:#3366CC;
}

.external_content .dept_title:first-line {
 text-align:left;
 font-family:Stencil;
 font-weight:400;
 font-size:1em;  
 color:#669900;
}


.external_content .dept_title2 {
 text-align:left;
 font-family:arial;
 font-size:1.7em; 
 font-weight:bold; 
 text-transform:uppercase;
 color:#669454;
 vertical-align:text-bottom;
}

.external_content .dept_title1 {
 text-align:left;
 font-family:arial;
 font-weight:bold;
 font-size:1.2em;  
 color:#4d7fb2;
 vertical-align:text-bottom;
}

.external_content .tbl {
 border: 1px solid black;
 border:1px;
}

.external_content .lnk-nou {
 text-decoration:none;
}

.external_content #text_position {
 float: none;
 text-align:center;
}

.external_content #text_position #left {
 float: left;
 text-align:left;
}

.external_content #text_position #center {
 float:none;
 text-align:justify;
}

.external_content #text_position #right {
 float: right;
 text-align: right;
}

/* *** *** */

.external_content #navigation ul {
 position: absolute; /* Needed for FF, background */
 margin: 0;
 padding: 0 0 0 10px;
 height: 30px;
 z-index:1;
 width:64em; /* *** Adjust this to match the actual width of the tabs. *** */
}


.external_content #navigation #nav_list ul {
 width:64em; /* *** Adjust this to match the actual width of the tabs. *** */
}

.external_content .textunderline { text-decoration: underline; }
.external_content .textred { color: red; }

.external_content .blackHeader {font-weight:bold;}
.external_content .blackheader {font-weight:bold;}

.external_content .header {color:white;}

.external_content .tabborder { border: solid 1px #000000; border-spacing: 0px; border-collapse: collapse;} 

.external_content .tabborder td { border: solid 1px #000000; padding: 4px; }
.external_content .tabborder th { border: solid 1px #000000; padding: 4px; }

.external_content .bodybluebanner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4d7fb2;
	text-indent: 5px;
}

.external_content .bodybluebannersmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4d7fb2;
	text-indent: 5px;
}

/****** addenda ****/

.external_content .whiteContent {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	font-size:  1em;	
}

.external_content .maroonContent {
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;	
	font-size:  1em;	
}

.external_content table {font-size:1em;}

.external_content .tableborder { border: solid 1px #c0c0c0; border-spacing: 0px; border-collapse: collapse; padding: 8px;} 

.external_content .cellborder { border: solid 1px #c0c0c0; border-spacing: 0px; border-collapse: collapse;} 
.external_content .cellborder td { border: solid 1px #c0c0c0; padding: 4px; }
.external_content .cellborder th { border: solid 1px #c0c0c0; padding: 4px; }

.external_content .listloweralpha {
 list-style-type:lower-alpha;
 margin-bottom:5px;
}

.external_content .listupperalpha {
 list-style-type:upper-alpha;
 margin-bottom:5px;
}

.external_content .listupperoman {
 list-style-type:upper-roman;
 margin-bottom:5px;
}

.external_content .loweralpha {
 list-style-type:lower-alpha;
}

.external_content .upperalpha {
 list-style-type:upper-alpha;
}

.external_content .underline {text-decoration:underline;}
.external_content .right {text-align:right;}

.external_content .blockquote {
 text-decoration:none;
 display:block;
 margin:5px 0 auto;
 margin-left:30px;
 margin-right:30px;
}

.external_content .floatright {
 float: right;
 text-align:left;
 margin-top:5px;
 margin-left:10px;
 margin-right:10px;
 margin-bottom:5px;
}

.external_content .floatleft {
 float: left;
 text-align:left;
 margin-top:5px;
 margin-left:10px;
 margin-right:10px;
 margin-bottom:5px;
}

.external_content .subtitle {
 font-size:1em;
 font-weight:bold;
}

.external_content .box {
 width:auto;
 position:relative;
 text-decoration:none;
 display:block;
 font-family:Verdana,sans-serif; 
 color:#999; 
 font-size:1em;
 border-bottom:1px solid #c0c0c0;
 border-top:1px solid #c0c0c0;
 border-left:1px solid #c0c0c0;
 border-right:1px solid #c0c0c0;
 float: left;
 text-align:left;
 margin-top:6px;
 margin-left:10px;
 margin-right:8px;
 margin-bottom:6px;
 border-spacing: 0px;
 border-collapse: collapse;
 padding: 4px;
  
}

/******home page addenda ****/

.external_content a.divlink:link  {color:blue; text-decoration:none;}
.external_content a.divlink:visited  {color:blue; text-decoration:none;}
.external_content a.divlink:hover   {color:blue; text-decoration:underline;}

.external_content a.divlinkb:link  {color:blue; text-decoration:none; font-weight:bolder}
.external_content a.divlinkb:visited  {color:blue; text-decoration:none;font-weight:bolder}
.external_content a.divlinkb:hover   {color:blue; text-decoration:underline;font-weight:bolder}

.external_content a.boardlink:link  {color:black; text-decoration:none;}
.external_content a.boardlink:visited  {color:black; text-decoration:none;}
.external_content a.boardlink:hover   {color:black; text-decoration:underline;}


.external_content a.standardlink:link  {color:black; text-decoration:none;}
.external_content a.standardlink:visited  {color:black; text-decoration:none;}
.external_content a.standardlink:hover   {color:black; text-decoration:underline;}

.external_content .boardlink {margin-left:2em;}


/******home page addenda ****/

.external_content #redlink {
text-align:center;
 font-style: italic; 
 font-weight:bold; 
}
.external_content #redlink a {
 text-decoration:none;
 color:#FF0066;
 }
.external_content #redlink a:hover {
 text-decoration:none;
 color:#FF9900
 }

.external_content #redlink a:visited {
 text-decoration:none;
 color:#CC0066;
 }


.external_content .mission {
color:#000066; 
font-family: times, serif;  
font-size: 1.2em;  
font-weight: bold;
/* width:99%;  Fix IE problem, too short */}

/* \*/ 
* html .external_content #fix { 
     overflow: hidden; 
     o\verflow: visible; 
     width: 100%; 
     w\idth: auto; 
     he\ight: 1%; 
} 
/* */ 


.external_content #fadeinbox{
position:absolute;
width: 300px;
left: 0;
top: -200px;
border: 2px solid black;
background-color: white;
padding: 4px;
z-index: 100;
visibility:hidden;
}