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


/*  050708: Added for Test       */
ul li.listblank {
 height:17px;
}


.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 */
}

/*equivalent to .titledbox .imagecontainer selector on arbhomepage.css*/

.block_with_image_and_tabpanel .image_container {
 border: 1px solid #bcc5d0;
 background:#fff;
 padding:7px 7px 7px 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 */
}

 /*test below- selector below is from arbhome.css*/
/* .titledbox .imagecontainer {
 border: 1px solid #bcc5d0;
 background:#ffffff;
 padding:12px;
 margin:7px 0 0 7px;
 text-align:center;
 float:left;
 display:inline;
 width:137px; /* Width for portrait photos, 127 + 10 = 137, needed for IE 5.0 */
/* overflow: hidden;
 voice-family:"\"}\"";
 voice-family:inherit;
 width:auto; /* Width for portrait photos, for non-broken browsers */
/*}*/
 /*test selector above*/
.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;
}

/*commented out below for test*/
/*#tabpanel_container {
 padding:8px 8px 0 0;
 margin:0 0 0 10px;
}*/

/*arbhome version below*/
#tabpanel_container {
margin:0 0 0 180px;
padding:8px 8px 0 0;
}

.contains_landscape_photo, .contains_portrait_photo {
 height:auto;
}

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

.contains_portrait_photo #tabpanel_container {
 margin:0 0 0 150px; /* Width for portrait photos up to 123px wide, 123 + 27 padding = 150 */
}
/*commented out for test rding 050608: note the width property keeps ie6 tabs from branching out to the right*/
/*#tabpanel {
 margin:0;
 width:99%;
}*/
#tabpanel {
 margin: 0;
 width:99%;
 }

#tab_list {
 background: #e8eff6 none repeat scroll 0%;
 padding: 0;
 position: relative; /* Makes this the containing block */
 white-space: nowrap;
 display: block;
 z-index: 3;
 /*width:100%;*/
 /*z-index:10;*/

}
/*changed z-index to 3 from 1 to match arbhome baseline*/
#tab_list ul {
 position: absolute; /* Needed for IE 5.x */
 margin: 0;
 z-index:3;
 padding: 0;
 width:100%;
}
#tab_list ul#tab_ul {
 height: 30px;
}

/*Selectors that are used to for the homepage tabs*/
li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4 {
 background: #7E98BA url(/cc/images/ca_department/tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs */
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}

/*Used for the 3 column tab Note: removed left: 12px from padding.  It now allows for longer titles w/o breaking up*/
#tab_list a.tab_link {
 z-index:10;
 position: relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding:8px 12px 0px; /* 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(/cc/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] #tab_list a.tab_link {
 float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

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

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

#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 */
}

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

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

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

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

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

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

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

#tab_list .bottom_right { /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 right:-2px;
 background: url(/cc/images/ca_department/tabpanel_corners.gif) top left no-repeat;
}
#tab_list .bottom_left { /* For the rounded corner */
 position:absolute;
 width:6px;
 height:6px;
 font-size:1px;
 bottom:-2px;
 left:-2px;
 background: url(/cc/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   */
/*--------------------------------------------------*/
/*equivalent to .titledbox on arbhome.css (selector below)*/
.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;
}

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

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

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

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

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

#left_column a {
 color:#000;
}

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

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

.left_column_top a {
 display:block;
}

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

.column_inner {
 padding:14px;
}

#left_column .column_inner {
 padding:8px;
}

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

#amber_alert_on {
 margin-bottom:10px;
}

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

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

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

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

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

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

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

.img_on_right {
float:right;
margin:0 20px;
}

h2 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 1.38em;
 color: #253b5a;
 border-bottom:2px dotted #999;
 margin:14px 0;
 width:99%; /* Fix IE problem, too short */
}

h3 {
 font-size:1.2em;
 /* JR - comment out on May 28 2009 - baseline is text-transform:uppercase; */ 
 margin-bottom:6px;
}

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

h5 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 1.5em;
 color: #253b5a;
 border-bottom:1px dotted #999;
 margin:14px 0;
 width:99%; /* Fix IE problem, too short */
}

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

#middle_column ul li {
 list-style-image:url(/cc/images/ca_department/bullet_red.gif);
 margin-bottom:15px;
}

#middle_column li ul li{
 list-style-image:url(/cc/images/ca_department/bullet_darkgray.gif);
 margin-bottom:5px;
}

/* Carousel CSS Starts */

#carousel {
	position: relative;
}

#caro_left {
	position: absolute;
	top: 22px;
	left: -10px;
}

#caro_right {
	position: absolute;
	top: 22px;
	right: -10px;
}

#caro_images1 {
	position: relative;
	overflow: scroll;  /* Show scrollbars for graceful degradation when javascript is disabled. We'll change this to "hidden" in the javascript */
	height: 81px; /* carousel collapses on resize without this */
	padding: 7px 0px;
}

#caro_images2 {
	white-space: nowrap; 
	position: absolute;
	padding: 0px 6px;
}

#caro_images2 img {
	border: 0;
	vertical-align: middle;
	padding: 0px 10px;
}

/* Carousel CSS Ends */

/* Info Box (infoBoxRight, infoBoxLeft) Styles */
.infoBoxRight {
float:right; 
width:175px;
border:1px solid #ccc; 
padding:.5em 1em; 
margin:0 0 1em 1em;
background:#fff;
}

.infoBoxLeft {
float:left; 
width:175px;
border:1px solid #ccc; 
padding:.5em 1em; 
margin:0 1em 1em 0;
background:#fff;
}

.infoBoxRight h2, .infoBoxLeft h2 {
text-align:center;
}

#cellwrap .infoBoxRight ul, #cellwrap .infoBoxLeft ul {
margin-left:0em;
}

/* End Info Box Styles */

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

.floating_roundedCorners {
width: 32%;
border-style: solid;
border-color: #BCC5D0;
border-width: 1px;
position: relative; /* Make this the containing block of the corner spans */
float:left;
margin:0 1% 16px 0;
min-height:14em; /* baseline is 15.6 */
}

.floating_roundedCorners h3 {
background: #5D7493 none;
color: #fff; /*color:#253B5A;*/
padding:5px 10px;
margin:0px;
}
.floating_roundedCorners p {
margin-left: 5px;
}
.floating_roundedCorners ul {
margin-left:7px;
margin-bottom:0;
}
.floating_roundedCorners .bottom_right {
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
right:-2px;
background: url(http://www.arb.ca.gov/cc/images/block_vertical_title_corners.gif) 
top left no-repeat;
}
.floating_roundedCorners .bottom_left {
position:absolute;
width:6px;
height:6px;
font-size:1px;
bottom:-2px;
left:-2px;
background: url(http://www.arb.ca.gov/cc/images/block_vertical_title_corners.gif) 
top right no-repeat;
}
.floating_roundedCorners .top_right {
position:absolute;
width:6px;
height:6px;
font-size:1px;
top:-1px;
right:-2px;
background: url(http://www.arb.ca.gov/cc/images/block_vertical_title_corners.gif) 
bottom left no-repeat;
}
.floating_roundedCorners .top_left {
position:absolute;
width:6px;
height:6px;
font-size:1px;
top:-1px;
left:-2px;
background: url(http://www.arb.ca.gov/cc/images/block_vertical_title_corners.gif) 
bottom right no-repeat;
}
.floating_roundedCorners .list_decorative_dark a:hover {
background:transparent; /* Fixes problem in IE (dotted line disappears) */
}

/* End of floating_roundedCorners */

/* Center Item Highlight Box and banners state */

}
.CenterItem {
display:block;
margin-left:auto;
margin-right:auto;

}
.highlight_box {
background:#ECECE7 none repeat scroll 0 0;
border:1px solid #5D7493;
padding:10px;

}
.banners_state {
background-color:#F1F1E9;
border:1px solid #5D7493;  /* Baseline #CCD4DF */
color:#253B5A;
display:block;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.95em;
height:75px;
margin:5px 0 5px 10px;
padding:5px 0;
text-align:center;
width:173px;  /* baseline small box 199 */

}

/* End of  Center Item Highlight Box and banners state */

#heading, #navigation, #maincontent2col {
 min-width:800px;
 width: 100%;
 text-align: left;
 margin: 0;
}


h1, h2 {
color: #112299;
}

#cellwrap h2 {
font-weight: bold;
	font-size: 1.7em; /* JR edit on May 28 2009 - baseline 1.3em */
	color: #253b5a;
	border-bottom: 1px dotted #999;
	margin:.9em 0 .4em 0;
	width: 100%; /* Fix IE problem, too short */
	padding-bottom: 1px;
}

/*rding added for cc.htm move to v4_ files : 05-17-10*/
#content_area h2 {
font-weight: bold;
	font-size: 1.7em; /* JR edit on May 28 2009 - baseline 1.3em */
	color: #253b5a;
	border-bottom: 1px dotted #999;
	margin:.9em 0 .4em 0;
	width: 100%; /* Fix IE problem, too short */
	padding-bottom: 1px;
}


#information_for
{
position: relative;
}
#information_for .icon
{
float:right;
display:none;
}
#information_for #icon
{
float: right;
padding: 1em;
}
.contact_us
{
width:155px; /* JR note: baseline is 200px */
float: left;
text-align:center;
border: 1px solid #e5e5e5;
padding: .8em;
margin-right: 1em;
}
.floating_roundedCorners h3
{
background: #9da9b9 url(h3_shine.jpg) left top no-repeat;
}
.floating_roundedCorners {
width: 31.5%;
border-style: solid;
border-color: #BCC5D0;
border-width: 1px;
position: relative; /* Make this the containing block of the corner spans */
float:left;
margin:0 1% 1em 0;
min-height:14em; /* baseline is 15.6 */
}