/*---------------------------------------------*/
/*  ca_department.css                          */
/*  Version 1.20                               */
/* Last Updated 12/18/2008                     */
/*                                             */
/*  HFP specific styles                        */
/*---------------------------------------------*/

/* ************************************************************************************** */
/* Start Banner */
#banner{
 background-color:#253B5A;
 height:150px;
}
#banner_main{
 background: url("/images/MCAP/MCAP_Banner1.jpg");
 position: absolute;
 width:798px;
 height:150px;
 float:right;
}
#banner_main_es{
 background: url("/images/MCAP/MCAP_Banner1_es.jpg");
 position: absolute;
 width:798px;
 height:150px;
 float:right; 
} 

#banner_ext{
 background-image: url("/images/MCAP/MCAP_Banner1_ext.jpg");
 background-repeat:x-repeat;
 background-position: 798px;
 height:150px;
}
/*End Banner */
/* ************************************************************************************** */
.listfooter{
font-size:small;
margin-left:35px;

}
.centered_content{
	text-align:center;

}

.address_block {
margin-left:35px;
font-weight:bold;
}


.homepage_content {
 margin:12px;
 text-align:left;
}


.homepage_content .feature   {
 min-height:96px;
 margin:5px 0 10px 0;
 padding:4px 0 5px 0;
}
.homepage_content .feature p {
margin-top:3px;
margin-left:86px;


}

.homepage_content .feature .topic_img  {
 float:left;
 width:75px; 
 margin:0 10px 0 0;
}


.homepage_quote {
 text-align:center;
 font-size:14px;
 font-weight:bold;
 color:#253B5A;
}
.homepage_quote_es {
 text-align:center;
 font-size:13px;
 font-weight:bold;
 color:#253B5A;
}

.download_block{
background-color:#BCC5D0;
width:85%;
padding:8px;
margin:auto;
}


.plan_ad_contact{
font-weight:bold;
font-style:italic;

}

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

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


/*  End of breadcrumbs  */

/*---------------------------------------------*/
/*  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 {
/* top right bottom left */
 margin:0;
 padding:1px 0 34px 8px;
 background:#BCC5D0 url(/images/ca_department/left_column_divider.gif) bottom left no-repeat;
 text-align: left;
}

.left_column_top a {
 display:block;
}

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


#middle_column .column_inner {
 padding:18px;
 margin-right:46px;
 
}

#left_column .column_inner {
 padding:0px;
}

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


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;
 text-transform:uppercase;
 margin-bottom:6px;
}

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

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

#amber_alert_on {
 margin-bottom:10px;
}



.list_decorative_dark li, #middle_column .list_decorative_dark li {
 list-style-image:url(/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(/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(/images/ca_department/bullet_blue.gif);
 padding:2px;
 margin-bottom:0px;
}

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

.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;
}



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

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


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

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

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

.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;
}

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

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

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

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

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

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

#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(/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(/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(/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 {
 background: #E8EFF6 url(/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(/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(/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   */
/*--------------------------------------------------*/

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

/*--------------------------------------------------*/
/*  Javascript control rules                        */
/*  Allows for javascript controls that             */
/*  successfully degrade for users without          */
/*  javascript.                                     */
/*--------------------------------------------------*/

.jscontrol {display: none;}
.nojscontrol {display: inline;}


/*--------------------------------------------------*/
/*  Plan markups                                    */
/*--------------------------------------------------*/

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

h4.plan_header_text {
  text-align: center;
}

dl.plan_list {}

dl.plan_list dt {
  font-weight: bold;
  float: left;
  margin-right: .5em;
}

dl.plan_list dd {
  margin-left: 0;
  margin-bottom: 1em;
}

/*--------------------------------------------------*/
/*  Specialized list rules                          */
/*  Allows for lists with speicific issues to be    */
/*  correctly formatted                             */
/*--------------------------------------------------*/

ul.cspp_counties {
  list-style-type: none;
  white-space: nowrap;
}

ul.cspp_counties li {
  display: inline;
  float: left;
  width: 8em;
}

/*--------------------------------------------------*/
/*  Ordered list styles                             */
/*--------------------------------------------------*/

ol.county {
}

ol.county li {
  margin-top: 10px;
}

ol.county li h4 {
  margin-bottom: 0;
}

/*--------------------------------------------------*/
/*  Table styles                                    */
/*  For the few cases where they are necessary,     */
/*  these are the rules to manage tables.           */
/*--------------------------------------------------*/

table {
  border: thin solid #253B5A;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}

table td, tbody td {
  border: thin solid #253B5A;
  text-align: left;
  padding: .2em;
}

table th, tbody th {
  border: thin solid #253B5A;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  padding: .2em;
  background-color: #cccccc;
}

table td.row_header, tbody td.row_header {
  border: thin solid #253B5A;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  padding: .2em;
}

/* a clone of the above table, since td[row] should be treated as a header   */
/* However, merging these into the list above cause css to fail in IE 6      */
table td[row], tbody td[row] {
  border: thin solid #253B5A;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  padding: .2em;
}

thead {
  empty-cells: hide;
}

thead th {
  background-color: #bcc5d0;
}

thead td {
  background-color: #bcc5d0;
}

tfoot, tfoot tr, tfoot th, tfoot td {
  border: hidden;
}

tbody {
  empty-cells: show;
}

table.Income_Guidelines td {
  text-align: center;
}

table.DHCS_Services td  {
     text-align: left;
 }

table.layout td[row], tbody td[row]  {
border:0;
text-align:left;
}

table.descriptive {}

table.descriptive td {
  text-align: left;
}

table td.row_header {
  font-weight: normal;
  text-align: center;
}

table td[row] {
  font-weight: normal;
  text-align: left;
}


form.MCAPForm fieldset {
  margin-bottom: 10px;
  border:none;
}
form.MCAPForm legend {
  padding: 0 2px;
  font-weight: bold;
}
form.MCAPForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
    font-weight: bold;

}
form.MCAPForm fieldset ol {
  margin: 0;
  padding: 0;
}
form.MCAPForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.MCAPForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.MCAPForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.MCAPForm fieldset fieldset label {
  display: block;
  width: auto;
}
form.MCAPForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.MCAPForm label {
  width: 140px; /* Width of labels */
}
form.MCAPForm fieldset fieldset label {
  margin-left: 143px; /* Width plus 3 (html space) */
}

form.MCAPForm#es label {
  width: 170px; /* Width of labels */
}
form.MCAPForm#es fieldset fieldset label {
  margin-left: 173px; /* Width plus 3 (html space) */
}

form.MCAPForm legend {
  padding: 0 2px;
  font-weight: bold;
  _margin: 0 -7px; /* IE Win */
}

/*--------------------------------------------------*/
/*  Social media styles                             */
/*--------------------------------------------------*/

div.social_media {
    background-color: #4d7fb2;
    background-image: url('/images/MCAP/social_media_center.gif');
    background-repeat: repeat-y;
    background-position: center left;
    font-family: "Arial","sans-serif";
    width: 162px;
}
div.social_media_top {
    background-image: url('/images/MCAP/social_media_top.gif');
    background-repeat: no-repeat;
    background-position: top left;
    height: 14px;
}
div.social_media_bottom {
    background-image: url('/images/MCAP/social_media_bottom.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 17px;
}
div.social_media h4 {
    color: white;
    font-family: "Arial","sans-serif";
    font-weight: bold;
    font-style: italic;
    margin: 0;
    margin-left: 1em;
    margin-bottom: .5em;
    padding-bottom: .4em;
    border-bottom: thin dotted white;
    width: 140px;
}
div.social_media ol {
    padding: 0;
    margin: 0;
    margin-left: .5em;
}
div.social_media ol li {
    list-style-type: none;
    list-style-position: inside;
}
div.social_media img {
    padding: 0;
    margin: 0;
    margin-top: -.1em;
    margin-bottom: -.2em;
    display: inline;
}
div.social_media ol li a {
    color: white;
    font-family: "Arial","sans-serif";
    vertical-align: .6em;
    margin: 0;
    text-decoration:none;
    display: inline;
}
div.social_media ol li a:hover {
    text-decoration:underline;
    background-color: #5e90c3;
}