/*---------------------------------------------*/
/*  ca_master.css                              */
/*  version 6/26/2010 8:20:55 AM               */
/*  Master template styles                     */
/*---------------------------------------------*/

body {
 margin:0;
 padding:0;
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.8em;
}

#heading, #navigation, #main_content_1, #footer, #header_no_nav {
 min-width:774px;
 width: 100%;
 text-align: left;
 margin: 0;
}

/*---------------------------------------------*/
/*  heading                                    */
/*---------------------------------------------*/

#heading, #header_no_nav, #header_no_nav_es {
 border-top:4px solid #253B5A;
 height:100px; /* Original height is 80px */
 position:relative;
}
#header_no_nav {
 height:80px; 
}
#header_no_nav_es {
 height:90px; 
}

#heading img, #header_no_nav img, #header_no_nav_es img {
 float:left;
}

#state_logo_no_nav {
 width:118px;
 height:77px;
 display:block;
 float:left;
 background:#fff url(../images/heading_logo_ca.gif) no-repeat;
 position:relative; 
}
#state_logo {
 width:118px;
 height:77px;
 display:block;
 float:left;
 background:#fff url(../images/heading_logo_ca.gif) no-repeat;
 position:relative; 
 margin-top:13px;
}
#header_no_nav #state_logo, #header_no_nav_es #state_logo {
 height:77px;
}

/* only used on static pages as of 6-16-10  */
#heading #search_and_skipto, 
#header_no_nav #search_and_skipto, 
#header_no_nav_es #search_and_skipto {
 position:absolute;
 right:0px;
 top:2px;
 width:52em;
}


/* used on portal pages as of 6-16-10  */
#heading #search_and_skipto2, 
#header_no_nav #search_and_skipto2, 
#header_no_nav_es #search_and_skipto2 {
 position:absolute;
 right:0px;
 top:2px;
 position:absolute; 
 z-index:99; 
 padding-right: 290px;
}


#heading #search_and_skipto_fo,
#header_no_nav #search_and_skipto_fo, 
#header_no_nav_es #search_and_skipto_fo {
 position:absolute;
 right:0px;
 top:2px;
 width:52em;
}


/* only used on static pages as of 6-16-10  */
#heading #search_and_skipto_spanish,
#header_no_nav #search_and_skipto_spanish,
#header_no_nav_es #search_and_skipto_spanish {
 position:absolute;
 right:0px;
 top:2px;
 width:67em;
}

/* used on portal pages as of 6-16-10  */
#heading #search_and_skipto_spanish2,
#header_no_nav #search_and_skipto_spanish2,
#header_no_nav_es #search_and_skipto_spanish2 {
 position:absolute;
 right:0px;
 top:2px;
 padding-right: 290px;
 z-index:99;
}


#heading #search_container,
#header_no_nav #search_container,
#header_no_nav_es #search_container {
 float:right;
 width:20em;
 padding:3px 0 8px 0;
 background:#CCD4DF url(../images/ca_master/search_bg.gif) no-repeat bottom left;
 position:relative;
}

#heading #skipto_container,
#header_no_nav #skipto_container,
#header_no_nav_es #skipto_container {
 float:left;
 margin:6px 0 0 0;
 color:#90897D;
}

#heading form,
#header_no_nav form,
#header_no_nav_es form {
 margin:0;
 float:right;
 width:20em;
}
#heading form p,
#header_no_nav form p,
#header_no_nav_es form p {
 margin:0;
}
#heading form input,
#header_no_nav form input,
#header_no_nav_es form input {
 margin:0;
}
#heading #search,
#header_no_nav #search,
#header_no_nav_es #search {
 border: 1px solid #728EB4;
 width:15em;
 position:relative;
 top:1px; /* adjust the text box */
 margin:0 0 0 10px;
}
#heading #submitbutton,
#header_no_nav #submitbutton,
#header_no_nav_es #submitbutton {
 position:relative;
 top:-1px; /* Line up the submit button with the text box */
}
/* only used on static pages as of 6-16-10  */
#heading #shopping_cart {
    	margin: 17px 10px 0px 0px;
    	text-align: right;
   }
#header_no_nav #shopping_cart {
    	margin: 37px 10px 0px 0px;
    	text-align: right;
    	vertical-align: bottom;
   }
#header_no_nav_es #shopping_cart_es {
    	margin: 47px 10px 0px 0px;
    	text-align: right;
    	vertical-align: bottom;
   }
#heading #shopping_cart img,
#header_no_nav #shopping_cart img,
#header_no_nav_es #shopping_cart_es img {
	float: none;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
  	vertical-align: bottom;
}

/* used on portal pages as of 6-16-10  */
#heading #shopping_cart2 {
    	margin: 17px -280px 0px 0px;
    	text-align: right;
   }
#header_no_nav #shopping_cart2 {
    	margin: 37px -280px 0px 0px;
    	text-align: right;
    	vertical-align: bottom;
   }
#header_no_nav_es #shopping_cart2_es {
    	margin: 47px -280px 0px 0px;
    	text-align: right;
    	vertical-align: bottom;
   }
#heading #shopping_cart2 img,
#header_no_nav #shopping_cart2 img,
#header_no_nav_es #shopping_cart2_es img {
	float: none;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
  	vertical-align: bottom;
}


#heading_login,
#heading_login_opt2
{
	margin: 0px;
	padding: 0px;
}
#heading_login_opt1
{
	margin: 4px 0px 4px 0px;
	padding: 0px;
}

#heading_login .arrow { 
	padding-left:16px; 
	margin-left: -15px;
	background:url(../images/arrowblack.gif) no-repeat left; 
}


/*---------------------------------------------*/
/*   search form with radio buttons            */
/*---------------------------------------------*/

#heading #control p,
#header_no_nav #control p {
 float:right;
 clear:right;
}

#textfield_container {
 padding:6px 40px 0 0;
 text-align:right;
}

#radio_container {
 width:100%;
 text-align:right;
 display:none; /* Display this only if javascript is enabled, so we'll unhide this using javascript */
}

#radio_container span {
 padding-right:40px;
}

#submit_container {
 position:absolute;
 top:3px; /* Line up the submit button with the text box */
 right:8px;
}


#submit_containerSp {
 position:absolute;
 top:2px; /* Line up the submit button with the text box */
 right:8px;
}





#heading #control #search,
#header_no_nav #control #search {
 top:0px;
 margin:0px;
}

#heading #control #submitbutton,
#header_no_nav #control #submitbutton {
 position:relative;
 top:0px;
}

#heading #control .radiobutton,
#header_no_nav #control .radiobutton{
 position:relative;
 top:2px;
}

#heading_login_name {
	color: #808000; 
	font-weight: bold; 
	padding-right:10px; 
}

form > #radio_container { /* Hack applies to FF and IE7 */
 padding-top:5px; /* for FF */
}
*+html #radio_container { /* Hack applies to IE5 and IE7 */
 padding-top:0; /* for IE7 */
}


/*---------------------------------------------*/
/*  navigation                                 */
/*---------------------------------------------*/

#navigation {
 padding: 0;
 position:relative; /* Makes this the containing block */
 background: #253B5A; /* Blue, needed for empty sublists */
 height:60px;
 white-space: nowrap;
 overflow: hidden;
}

#navigation ul {
 position: absolute; /* Needed for FF, background */
 margin: 0;
 padding: 0 0 0 10px;
 height: 30px;
 z-index:1;
 width:99%;
}
#navigation a {
 color: #fff;
 font-weight: normal;
 text-decoration: none;
 display: block;
 padding:9px 6px 0px 6px;
 float:left;
 background: transparent url(../images/navigation_tabs.gif) top right no-repeat;
 position:relative;
 height:30px; /* Needed for IE 5.x broken box */
 voice-family:"\"}\"";
 voice-family:inherit;
 height:21px; /* 30 - 9, for non-broken browsers */
}

#navigation a.dmv_tab_color { /* This class added to show DMV tab text blue on first display */
 color: #032F8B;
 font-weight: bold;
 text-decoration: none;
 display: block;
 padding:9px 6px 0px 10px;
 float:left;
 background: transparent url(../images/navigation_tabs.gif) top right no-repeat;
 position:relative;
 height:30px; /* Needed for IE 5.x broken box */
 voice-family:"\"}\"";
 voice-family:inherit;
 height:21px; /* 30 - 9, for non-broken browsers */
}

.dmv_tab_color a:hover  {
 text-decoration: underline;
 color: #FFF; /* Added to show DMV tab text white on hover  */
}

#navigation a:hover {
 text-decoration: underline;
 color: #FFF; /* Added to show DMV tab text white on hover  */
}

#navigation a span {
 background: transparent url(../images/navigation_tabs.gif) top left no-repeat;
 height:30px;
 width:7px;
 display:block;
 font-size:1px;
 position:absolute;
 top:0px;
 left:0px;
}

#navigation li {
 margin: 0;
 float: left;
 display: block;
 list-style: none;
}

#navigation li ul {
 display: none; /* Hide sublists */
 width:990px; /* 800 - 10, IE needs this to be fixed width */
 top: 30px; /* moves the sublist below main list */
 left: 0px;
}

#navigation li:hover a, #navigation li.mouse_over a {
 background: transparent url(../images/navigation_tabs.gif) 100% -60px  no-repeat;
 color:#fff; /*Added to display main tab text color white when hovering over tab sublist */
}
#navigation li:hover a span, #navigation li.mouse_over a span {
 background: transparent url(../images/navigation_tabs.gif) 0px -60px  no-repeat;
}

#nav_list li {
 height: 30px;

}
#navigation ul ul,
#navigation li li a,
#navigation li li  {
		background:#032F8B none repeat scroll 0 0;
		background-color:#032F8B;
}

#navigation #nav_list li li a {
 background-image: none;
 color:#fff; /* Added to display text color white on Home tab and sublist on first display */
  background-color: transparent; /* Needed to make dividers visible */
}

#navigation li.nav_default_on a, #navigation li.nav_default_off a {
 background: transparent url(../images/navigation_tabs.gif) 100% -120px no-repeat;
 color:#fff; /*Added to display text color white on tab when it is the default */
}

#navigation li.nav_default_on a span, #navigation li.nav_default_off a span {
 background: transparent url(../images/navigation_tabs.gif) 0% -120px no-repeat;
 color:#fff; /*Added to display text color white on tab when it is the default */
}

#navigation #background_top {
 position:absolute;
 width:100%;
 height:30px;
 background: #fff; /* First row, white */
}

#navigation img.logo {
 padding-top:10px;
 padding-bottom:10px;
 text-align:center;
}
/*--------------------------------------------------------*/
/*  amber_alert_on                                        */
/*  Active Amber Alert banner                             */
/*--------------------------------------------------------*/

#amber_alert_on {
 position:relative;  /* Makes this the containing block */
 background: transparent url(../images/ca_master/amber_alert_on_background.gif) repeat-x;
 height:57px;
}

#amber_alert_on #amber_alert_on_left {
 position:absolute;
 left:0px;
 background: transparent url(../images/ca_master/amber_alert_on_left.gif) no-repeat;
 width:203px;
 height:57px;
}

#amber_alert_on #amber_alert_on_right {
 position:absolute;
 right:-1px; /* Fixes IE6 issue */
 background: transparent url(../images/ca_master/amber_alert_on_right.gif) no-repeat;
 width:10px;
 height:57px;
}

#amber_alert_on p {
 text-align:right;
 position:relative;
 padding-top:7px;
 margin:0px 10px 0px 0px;
 z-index:10;
}

#amber_alert_on strong {
 font-weight:normal;
 font-size:1.5em;
 text-transform:uppercase;
}

#amber_alert_on {
}


/*--------------------------------------------------------*/
/*  statewide_banners                                     */
/*  Flex Your Power and Amber Alert banners               */
/*--------------------------------------------------------*/

#position_banners  {

 display:block;
}

.statewide_banners  {

 display:block;
}

.statewide_banners strong {
 text-align:center;
 display:block;
}

.statewide_banners div {
 float:left;
 width:234px;
 padding:0 30px 0 0;
 margin:.7em 0em .9em 0em;
}

.statewide_banners img {
 display:block;
 margin:6px 0;
}

/*---------------------------------------------*/
/*  footer                                     */
/*---------------------------------------------*/

#footer {
 text-align: center;
}

#footer div {
 background: #253B5A url(../images/footer_corners.gif) no-repeat -8px 100%;
 position:relative;
 padding:8px;
 color:#D76B10;
 height:1.5em; /* Needed for IE */
}
#footer div a {
 color:#fff;
 background-color:transparent;
}
#footer div span {
 background: #253B5A url(../images/footer_corners.gif) no-repeat;
 width:7px;
 height:7px;
 position:absolute;
 bottom:0px;
 right:0px;
 display:block;
 font-size:1px;
}

* html #footer div span { /* Fix for IE, hack hides this from FF */
 height:8px;
 bottom:-1px;
}

/*---------------------------------------------*/
/*  Miscellaneous other styles                 */
/*---------------------------------------------*/
/*
.governor_website {
 display:block;
 text-align:center;
 margin:0px 0 4px 0;
 clear:both;
}

a:link {
 color: #3754d4;
}

a:visited {
 color: #8b3f1d;
}

a:hover {
 color: #bc3e06;
 background-color:#ecece7;
}

a:active {
 color: #bc3e06;
}
*/
img {
 border:0px;
}


.hidden {
 display:none; /* For IE 4 only */
}

@media all{ /* Hide this from IE 4 */
 .hidden { /* Hide from regular displays.  Screen readers can still read it. */
  display:block;
  position: absolute;
  left: -9999px;
  top: 0;
 }
}

.cleaner {
 clear:both;
 height:2px;
 font-size:1px;
 border:none;
 margin:0 0 -2px 0;
 padding:0 !important;
 width:auto !important;
 float:none !important;
}

p {
 margin:.7em 0em .9em 0em;
}

ul {
 margin: 1em 0em 1em 1.4em;
 padding: 0em 0em .5em 1.4em;
}
ul.extra_space li {
	margin-bottom: 12px;
}

ul ul {
 margin: 0em 0em 0em 1.4em;
 padding: .2em 0em .2em 1.4em;
}

/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print{

 #navigation, #heading div, #header_no_nav div, #footer div { /* Hides the nav, search and footer */
  display:none;
 }

 #heading, #header_no_nav, #navigation, #main_content_1, #footer {
  min-width:inherit;
 }

 .column_inner {
  display:inline; /* Needed for FF */
 }

}

div.how_do_i {
	width: 199px;
	padding-left: 9px; /* added because ie6 chops off left part of numbers */
	}
div.how_do_i a {
	text-decoration: none;
	color: #333333;
}
div.how_do_i h3 {
	color: #000099;
	font-size: 1.1em !important;
	height: 1.6em;
	margin: 23px 10px 8px 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	}
div.how_do_i ol {
	margin: 0px 15px 0px 0px;
	padding: 0px 10px 0px 20px;
	}
div.how_do_i li {
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 2px 0px;
	font-size: 1em;
	background:url(../images/user_control_line.gif) repeat-x bottom;
}

/* 4/27/2010 12:01:47 PM - Rex Marzke
   Added for Change of address.
*/
p.bold, span.bold {
	font-weight: bold;
}
div.button_area {
	text-align:center;
}
/* 4/28/2010 1:37:32 PM - Rex Marzke
   Added for left-hand styling
*/
#security_logo {
	text-align:center;
	padding-top: 10px
}
#logo {
	text-align:center;
	padding-top: 20px;
}
#cellphone {
	position: absolute; 
	top: 79px; 
	float: left; 
	left: 124px;
	color: black;
}
SPAN.header_phone {
	font-weight: bold;
}
a#agency_branding {
	position:absolute; 
	z-index:200;
}


div.warning_box,
div.error_login {
	border: 1px solid #E3E3E3;
	margin: 0px 10px 0px 10px;
	background-color: #ffffcc;
	background-image: url(../images/ca_master/warning_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 8px 10px 8px 60px;
	min-height: 30px;
	height: 100%;
}	
div#region2{
	padding-left:10px;
	padding-top:10px;
}
h1#tpagetitle {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.25em;
	font-weight:bold;
	margin-right:10px;
}