@charset "utf-8";
/* common.css */

html {
	font-size: 100%;
}
body {
	font-size: 62.5%;
}
p {
	font-size: 1em;
}
p, h1 {
	margin:0px 10px 10px 10px;
	color: #000;
}
h1 {
	font-size:1.5em;
	color: #000;
	line-height:1.25em;
}
h2 {
	font-size:1.25em;
	color: #000;
	margin-left: 10px;
}
h3 {
	font-size: 1em;
	color: #000;
	margin-left: 10px;
}
h4 {
	font-size: .75em;
	font-weight: bold;
	line-height: 1.5em;
	margin-left: 10px;
}
h5 {  /* used on contacts page */
	font-size: 1em;
	font-weight: bold;
	line-height: 2.5em;
	margin-left: 10px;
}
#breadcrump a {
	font-style: italic;
	font-size: 1em;
	color:#981b1f;
	font-weight: bold;
}
#breadcrump p {
	font-style: italic;
	font-size: .75em;
	color:#981b1f;
	font-weight: bold;
}
sup {font-size:.75em;padding-left:5px}

.text-underline {
	text-decoration:underline;
}
.text-emphasis {
	font-style:italic;
}
.text-strong {
	font-weight:bold;
}
.text-10px {
	font-size:1em;
}
.text-title {
	color: #fffff3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	background-color: #3d392d;
	text-align:center;
	width: 100%;
}
.column-align-right {text-align:right;}
.column-align-left {text-align:left;}
.column-align-center {text-align:center;}

img.floatLeft {
	float: left;
	margin: 15px;
	border: 0;
}
hr {
	width: 95%;
	color: #3D392D;
	background-color: #3D392D;
	margin-left: 10px; 
	padding-left: 30px;
	/*  text-align:center; */
}
p.footer {
	clear: left;
	line-height: 2em;
	text-align: left;
	padding: 5px 0 5px 0;
	font-weight:normal;
	font-size: 10px;
	margin-top: 100px;
}
ul.common {
	margin-top: 1em;
	margin-bottom: 1em;
	list-style: disc;
	font-style:normal;
}
li.common {
	font-style:normal;
	padding-bottom: 5px;
}
.larger-text {
	font-size:1.6em;
}
.medium-text {
	font-size:medium;
}
.medium-text-bold {
	font-size: medium;
	font-weight:bold;
}
.smaller-text {
	font-size: 0.8em;
}
.smaller-text-bold {
	font-size: smaller;
	font-weight: bold;
}
.red-bold-smaller-text {
	font-weight: bold;
	color:#981b1f;
	font-size: smaller;
}
.text-align-right {
	text-align: right;
}
 .text-align-left {
	text-align:left;
}
.text-align-center {
	text-align:center;
}
.text-strikethrough {
    text-decoration: line-through;
}

.list-double-spaced ul {
	margin: 0;
	padding-bottom: 5px;
}

.list-double-spaced ul li {
	list-style: none;
}

.list-double-spaced  li {
	margin-bottom: 15px;
	line-height: 1.5em;
	list-style: none;
}
.sublist-double-spaced ul {
	margin: 0;
	padding-bottom: 5px;
}

.sublist-double-spaced ul li {
	list-style: none;
}

.sublist-double-spaced  li {
	margin-top:10px;
	margin-bottom: 15px;
	line-height: 1.5em;
	list-style: none;
}

.list-double-spaced-wdisc ul li {
	margin: 0;
	padding: 0;
}
ul.list-double-spaced-wdisc  {
	list-style: disc;
}
.list-double-spaced-wdisc  li{
	margin-bottom: 10px;
	line-height: 1.4em;
}

.list-no-margin ul li {
	margin: 0;
	padding: 0;
}
ul.list-no-margin  {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	padding-bottom: 15px;
	padding-top: 10px;
}
.list-no-margin li{
	margin-bottom: 10px;
	line-height: 1.4em;
}

/* used as a divider for nested lists */

.list-divider {
	font-size: 110%; 
	font-weight: bold; 
	background-color: #f4f2ec; 
	padding: 0;
	padding-left: 10px; 
	padding-right: 96%; 
	padding-top: 2px;
	padding-bottom: 2px;
}


/* this is used on CCROV pages */
ul.list-style-none {
	margin-top: .25em;
	margin-left: 5em;
	list-style: none;
	text-indent: -4.2em;
}
li.list-style-none {
	padding-bottom: 1.5em;
}
ul.list-default  li {
    list-style-type: none;
   	margin-top: .25em;
	margin-left: -2.5em;
	padding-bottom: 1.5em;
}

/* used on main pages */

ul.list-blocks {
	margin-top: .25em; 

}
li.list-blocks {
	padding-bottom: .75em;
}

/* standard list with no bullet */
ul.list-no-disc {
	margin-top: .25em;
	margin-bottom: .5em;
	margin-left: 10px;
	list-style: none;
}
li.list-no-disc {
	margin-left: 20px;
	padding-bottom: 1em;
}
/* standard list with dash image */
ul.bullet-dash {
	margin-top: 0;
	margin-bottom: 0;
	list-style: url(//cdn.sos.ca.gov/www/images/vers3/bullet-dash.gif);
	list-style-position:outside;
}
li.bullet-dash {
	margin: 0 0 0 -20px;
}
ul.list-inline li {
	display: inline;
	list-style:none;
	/* margin-top: .25em;
	/* margin-left: -30px; 
	padding-right: 3em;  */
}

ul.video-list {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
ul.video-list  li {
	margin-left:0;
	padding: 1px 15px;
	border-left: 1px solid #000;
	list-style:none;
	margin-right: 5px;
	display: inline;
}
ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

/* used on BPD CBC landing page */
.milestoneTbl {width:100%;border-collapse:collapse}
.milestoneTbl th, .milestoneTbl td {border:1px solid #3d392d;padding:6px;font-weight:normal}
.milestoneTbl th {font-weight:700;text-align:center}
.milestoneTbl td{text-align:left;width:60%}
.milestoneTbl td + td {text-align:center;width:20%}
.milestoneHidden {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* used in BPD Mail Processing Times page */
#bpd-table
{
	width: 100%;
	border-collapse: collapse;
}
#bpd-table th, #bpd-table td {
	border: 1px solid #3d392d;
	font-weight: normal;
	padding: 6px;
	vertical-align: center;
}

#bpd-table th {
	text-align: center;
	font-weight: bold;
}

table.simple-tbl {
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	border-collapse: collapse;
	margin-bottom: 10px;
}
table.simple-tbl th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #3d392d;
	-moz-border-radius: ;
}
table.simple-tbl td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #3d392d;
	vertical-align: top;
}

table.simple-tbl h3 { padding: 10px 0 10px 0;}
table.simple-tbl h2 { font-size: 1em; padding: 10px 0 10px 0;}
td.simple-tbl-ctr {	text-align: center; line-height: 2em;}

ul.list-table {
	margin-top: .25em;
	list-style: disc;
}
.related-link-text {
	font-size: medium;
	font-weight: bold;
	color:#981b1f;
}
.red-bold-text {
	font-weight: bold;
	color:#981b1f;
}
.text-background-white {
	background-color:white;
}
.inline-list ul {
	display: inline;
	list-style: none;
	margin: 10px;
}
.inline-list li {
	display:inline;
	padding-bottom: 1.5em;
	padding-right: 5em;
}
.rss-indent {
	margin-left: 10px;
	padding-left: 10px;
}

.customer-alerts {
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 2px 10px 2px 10px;
/*	border: 1px solid #000000; */
}

.text-title {
	font-weight: bold;
	font-size: larger;
	color:#fff;
	text-align: center;
	background-color: #3d392d;
}
/* callout box */
.float-right-img {
   float: right;
   margin: 0 28px 10px 10px;
   
  }
  
.float-left-img {
	float: left;
	padding-bottom: 10px;
	padding-right: 20px;
}
  
blockquote.float-right {
	background: #E8E4D9 none repeat scroll 0%;
	border-bottom: 2px solid #3D392D;
	border-right: 2px solid #3D392D;
	color: #0d133D;
	float: right;
	margin: 0 0 0 0;
	padding: 5px 0 0 5px;
	width: 14em;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-style:normal;
	font-weight:normal;
}
blockquote.float-right a {
	color: #202A4D;
	text-decoration:underline;
}
blockquote.float-right a:hover {
	color: #E8E4D9;
	background-color: #202A4D;
	text-decoration: underline;
}
blockquote p {
	text-align: right;
	color: #0D1335;
}
.convert blockquote {
	text-align: left;
	font-size: large;
	font-weight: bold;
	font-family:"Courier New", Courier, monospace;
}
/* callout box  */
.callout blockquote {
	background: #E8E4D9 none repeat scroll 0%;
	border-bottom: 2px solid #3D3B2F;
	border-right: 2px solid #3D3B2F;
	color: #0d1335;
	float: right;
	margin: 0 4px 0 0;
	padding: 0.5em;
	width: 12.6em;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8125em;
	font-style:normal;
	font-weight:bold;
}
/* callout box  */
.callout-larger blockquote {
	background: #E8E4D9 none repeat scroll 0%;
	border-bottom: 2px solid #3D3B2F;
	border-right: 2px solid #3D3B2F;
	color: #0d1335;
	float: right;
	margin: 0 4px 0 4px;
	padding: 0.5em;
	width: 14em;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style:normal;
	font-weight:bold;
}

.text-float-right {
	float: right;
	text-align: right;
	margin: 15px;
	border: 0;
}
.text-float-left {
	float: left;
	margin: 15px;
	border: 0;
}
div.row span.left-col {
	float: left;
	padding: 5px;
	text-align: left;
	color: #000;
	background-color:#fff;
	width: 46%;
}
div.left-col {
	float: left;
	padding: 5px;
	text-align: left;
	color: #000;
	background-color:#fff;
	width: 46%;
}
div.row span.right-col {
	float: right;
	padding: 5px;
	text-align: left;
	color: #000;
	background-color:#fff;
	width: 46%;
}
div.right-col {
	float: right;
	padding: 5px;
	text-align: left;
	color: #000;
	background-color:#fff;
	width: 46%;
}
.clearboth {
	clear:both;
}
.center-form form {
	margin:0px 10px 10px 10px;
}
.hr-light-brown-1px hr {
	width: 100%;
	color: #998445;
	background-color: #998445;
	text-align: left;
	border: thin;
	height: 1px;
}
.hr-light-grey-1px hr {
	width: 100%;
	color: #E8E4D9;
	background-color: #E8E4D9;
	text-align: left;
	border: thin;
	height: 2px;
}
/* table with visible caption */
table.common-vis-tbl {
	border-width: 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #fffffe;
	border-collapse: collapse;
	background-color: #fffffe;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	width: 95%;
	color: #3d392d;
	margin-left: 10px;
}
table.common-vis-tbl th {
	border-width: 3px 3px 3px 3px;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #fffffe;
	background-color: #FFFFFE;
	text-align:left;
}
table.common-vis-tbl td {
	border-width: 3px 3px 3px 3px;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #FFFFFE;
	background-color: #FFFFFE;
	vertical-align: top;
}
table.common-vis-tbl caption {
	visibility: visible;
	vertical-align: top;
	padding-top: 20px;
}
caption.none {
	display: none;
}
table.common-vis-tbl-border {
	border: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
}
table.common-vis-tbl-border td {
	border: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	padding: 4px;
}
table.common-vis-tbl-border th {
	border: 1px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	padding: 4px;
}
table.common-nonvis-tbl-border {
	border: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	margin-left: 10px;
	margin-bottom: 25px;
	margin-top: 25px;
	border-collapse: collapse;
}
table.common-nonvis-tbl-border td {
	border: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	padding: 4px;
	border-collapse: collapse;
}
table.common-nonvis-tbl-border th {
	border: 1px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	padding: 4px;
	border-collapse: collapse;
}
table.common-nonvis-tbl caption {
	visibility: hidden;
}

table.common-prd-forms-tbl {
	border: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	margin-left: 10px;
	border-collapse: collapse;
}
table.common-prd-forms-tbl td {
	border: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	padding: 4px;
	border-collapse: collapse;
	vertical-align: top;
}
table.common-prd-forms-tbl th {
	border: 1px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	padding: 4px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: top;
}

/*--------------*/
table.common-prd-forms-instr-tbl caption {
	visibility: hidden;
}

table.common-prd-forms-instr-tbl {
	border: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	margin-left: 10px;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.common-prd-forms-instr-tbl td {
	border: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	padding: 4px;
	border-collapse: collapse;
	vertical-align: top;
}
table.common-prd-forms-instr-tbl th {
	border: 1px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	padding: 4px;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	background-color: #e8e4D9;
}


table.common-prd-forms-instr-tbl caption {
	visibility: hidden;
}

dl {
	border: 0;
	margin:0 0 0 -50px;
	padding: 0 0 0 5em;
	width: 90%;
}
dt {
	text-align:left;
	font-weight: bold;
	font-size:125%;
	/* width: 80%; */
	padding-bottom: .75em;
	padding-top: .5em;
}

dd {
	padding-bottom: .75em;
}

.new-voter dl {
	border: 0;
	margin:0 0 0 -50px;
	padding: 0 0 0 5em;
	width: 90%;
}
.new-voter dt {
	text-align:left;
	font-weight: bold;
	padding-bottom: .75em;
	padding-top: .5em;
	margin-left: 25px;
	font-size: 1em;
}

.new-voter dd {
	padding-bottom: .1em;
	margin-left: 25px;
}

.multi-step  dl{
	border: 0;
	padding: 0 0 0 .5em;
	margin: 0 0 0 15px;
	width: 90%;
}
.multi-step dt  {
	text-align:left;
	font-weight: bold;
	font-size: 1em;
	margin:0 0 0 -15px;
	padding-bottom: .5em;
	padding-top: .5em;
}

.multi-step  dd {
	padding-bottom: 1em;
	margin-left: 15px;
}

dt.sah-def-term  {
	font-size: 1em;
}

.sah-def-term dd {
	min-width: 80%;
}

/* used with smaller DT */

dt.common {
	text-align:left;
	font-weight: bold;
	font-size: 100%;
	width: 80%;
	padding-bottom: .75em;
	padding-top: .5em;
}
#twitter_div {
	width:90%;
	border-color: #998445;
	border-style:solid;
	border-width:thin;
	margin: 5px;
	padding: 10px;
	
}
#twitter_update_list {
	list-style:none;
	font-size: small;
	/* border-top-style: solid; */
    border-style: solid;
	border-width:thin;
	border-color:#3d392d;
	padding: 5px 10px 5px 5px;
	background-color: #f4f2ec;
	color: #0d1335;
	margin: 0;

}
#twitter_update_list li {
	padding-bottom: 1em;
}
ul.list-dash li {
	list-style: none;
	background-image: url(../images/dash.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 17px;
	margin-left: -19px;
	padding-top: 0;
	padding-bottom: 2px;
}

form.form-align {
  clear: both;
  margin: 10px 0 10px 10px;
  border: 0;
}
.alert {
	background-color:#F4F2EC; 
	border-style:solid; 
	border-width:thin; 
	border-color:#981b1f; 
	padding:5px;
	text-align: center;
}
.alert-text {
	font-weight: bold;
	color:#981b1f;
}

#alert-left {
	background-color:#F4F2EC; 
	border-style:solid; 
	border-width:1px; 
	/* border-color:#E8E4D9;  */
	border-color:#3d392d;
	padding:5px;
	width: 83%;
}

#alert-left ul {
  margin: 5px 5px 0 5px;
  padding: 0;
  list-style-type: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-style:normal;
  list-style: none;
}

#alert-left li {
  padding: 0.25em 0 0.5em 0.25em;
 }
 
#alert-left a {
   text-decoration: none;
   color: #000000;
   font-weight:bold;	
}
#alert-left a:hover {
    text-decoration: underline;
	color: #000;
	font-weight:bold;
}
#alert-left h3 {
	margin: 0 auto;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	}
#alert-left h3 a {
	color: #000;
	text-align: center;
	}
#alert-left h3 a:hover {
	background-color: #3d392d;
	color: #fff;
	text-align: center;
	text-decoration: none;
	}
/* notary education vendor styles */

.notary-vendor {
	font-size: 1em;
	margin: 0 auto;	
}
.notary-vendor-form {
	width: 155px; 
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.notary-vendor select {
	width: 155px;
	padding-top: 10px;
    text-align: left;
}
.notary-vendor input {
	font-size: .5em; 
	text-align: left;
	padding-bottom: 10px;
}

table.notary {
	border-width: thin;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	border-collapse: collapse;
	background-color: white;
	margin-top: 5px;
}
table.notary caption {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 5px;
}
table.notary th {
	border-width: thin;
	padding: 5px;
	border-style: solid;
	border-color: #fff;
	color: #fff;
	background-color: #3d392d;
	-moz-border-radius: ;
}
table.notary td {
	border-width: thin;
	padding: 5px;
	border-style: solid;
	border-color: #3d392d;
	background-color: #fffffe;
	-moz-border-radius: ;
}
table.notary-page {
	border-width: thin;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	border-collapse: collapse;
	background-color: #fffffe;
	margin-top: 5px;
}
table.notary-page td {
	border-width: thin;
	padding: 10px;
	border-style: solid;
	border-color: #3d392d;
	background-color: #fffffe;
	font-size: 1.1em;
	-moz-border-radius: ;
}

/* table for bond search */

table.bondsrch {
	border-width: thin;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3d392d;
	border-collapse: collapse;
	background-color: white;
	margin-top: 5px;
}
table.bondsrch caption {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 5px;
}
table.bondsrch th {
	border-width: thin;
	padding: 5px;
	border-style: solid;
	border-color: #fff;
	color: #fff;
	background-color: #3d392d;
	-moz-border-radius: ;
}
table.bondsrch td {
	border-width: thin;
	padding: 5px;
	border-style: solid;
	border-color: #3d392d;
	background-color: #fffffe;
	-moz-border-radius: ;
}
/* table for bond search */

table.bondsrch {
	margin-left: 25px;
	width: 612px;
	border-width: thin;
	border-spacing: 0px;
	border-style: none;	
	border-color:  #e8e4d9;
	border-collapse: collapse;
	background-color: white;
	margin-top: 10px;
}
table.bondsrch caption {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 5px;
}
table.bondsrch th {
	text-align: left;
	width: 150px;
	border-width: thin;
	padding: 5px;
	border-style: solid;
	border-right-color: #3d392d;
	border-color: #3d392d;
	color: #3d392d;
	background-color: #e8e4d9;
	-moz-border-radius: ;
}
table.bondsrch td  {
	width: 270px;
	border-width: thin;
	padding: 5px;
	border-style: solid;
	border-color:  #e8e4d9;
    border-left-color: #3d392d;
	background-color: #F4F2EC;
	-moz-border-radius: ;
}
td.bondsrch-photo {
	text-align: center;
	vertical-align: top;
	border-width: thin;
	padding: 5px;
	border-style: solid;
	border-color:  #e8e4d9;
	width: 150px;
	background-color: #fffffe;
	-moz-border-radius: ;
}

.bondsrch ul {
 padding: 0;
 margin: 0;
}

.bondsrch li{
	padding-bottom: 10px;
}

p.sah-comment   {
	font-size: .5em;
	font-weight: bold;
	font-size: .5em;
	font-style: italic;
	padding-right: 0;
	margin-right: 0;
}
p.sah-comment-attr   {
	font-size: .5em;
	font-weight: bold;
	font-size: .5em;
	font-style: italic;
	padding-right: 0;
	margin-right: 0;
	padding-top: 2px;
	padding-bottom: 20px;
}
img.sah-comment {
	padding-bottom: 10px;
	text-align: center;
}
.sov {line-height: 1.75em;}

.text-khmer {
	font-size: 1em;
	font-family: "Khmer OS System", "Khmer OS";
	}		
.text-khmer-left-content {
	font-size: 1em;
	font-family: "Khmer OS System", "Khmer OS"; 
	}	
.text-khmer-left-content h3 {
	font-family: "Khmer OS System", "Khmer OS"; 
	}

.text-english {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.text-thai   {
	font-size: 120%; 
	font-weight: normal;
}
.text-hindi {
	font-family:  Mangal;
}
.foreign-lang-help {font-size: 85%;}

/* must also change inline styles in /elections/move/voting-assistance.htm */
.mov-box-left {
	float: left;
	border: 1px solid #000;
	background: #eeeeee;
	padding: 10px 0 10px 0;
	width: 235px;
	border: 1px solid #000;
	background: #eeeeee;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 90%;
}
.mov-box-right {
	float: left;
	border: 1px solid #000;
	background: #eeeeee;
	padding: 10px 0 10px 0;
	width: 248px;
	border: 1px solid #000;
	background: #eeeeee;
	font-size: 90%;
}
.mov-box-right h2, 
.mov-box-right h3, 
.mov-box-left  h2, 
.mov-box-left  h3{
	font-size: 100%;
	margin: 0 0 0 10px;
	padding: 0;
}