<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&amp;display=swap');

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Lato', sans-serif;
	color:#111;
}

* {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-decoration: none;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

button, input, select, textarea, label {
	font-family: 'Lato', sans-serif; /*Probably Helvetica for Linux/Mac Systems And Arial for Windows PC*/
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after { /* Safari Reset as Safari does not recognise quotes property */
	content: '';
	content: none;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

ins {
	background-color: #fcd700;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #fcd700;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

.main p {
	margin: 0;
	padding: 5px 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
}

a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	transition:0.5s;
}

a:hover {
 color: #;
}

a:hover, a:active {
	outline: 0;
	text-decoration: none;
}

a img {
	border: 0 none;
}

img {
	max-width: 100%;
	border: none;
	height: auto;
}

del {
	text-decoration: line-through;
	color: #ed1c24;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer; /* hand cursor on clickable elements */
}

button, input, select, textarea {
	margin: 0; /* Webkit browsers add a 2px margin outside the chrome of form elements */
}

button { /* make buttons play nice in IE */
	width: auto;
	overflow: visible;
}

table {
	font-size: inherit;
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	font-weight: bold;
	vertical-align: bottom;
}

td {
	font-weight: normal;
}

td, td img {
	vertical-align: top;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

dd {
	margin: 0 0 0 40px;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.content ul, .content ol {
	margin: 0;
	padding: 0;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: 600;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

.main {
	width: 100%;
	float: left;
}

.container {
	width: 1170px;
	margin: 0 auto;
}

/******** header ******/
.header-form {
	width: 100%;
	float: left;
	padding: 30px 0;
	overflow: hidden;
}

.header-form-cont {
    position: relative;
}

.top-left {
    float: left;
    width: 20%;
}

.top-right {
    float: right;
    width: 40%;
}

.top-middle {
    width: 100%;
    float: left;
    text-align: center;
}

.middle-logo {
    width: 39%;
    float: left;
    text-align: right;
    padding-top: 101px;
}

.top-right p {
    font-size: 20px;
	text-align:right;
    font-weight: 600;
    line-height: 26px;
}

.rtl-logo {
	width: auto;
    text-align: right;
}

.rtl-logo img {
    width: 10%;
    margin-top: 10px;
    height: auto;
}

.middle-top{
	width: 100%;
	float: left;
	text-align: center;
}

.middle-top-cont{
    width: 75%;
    margin: 0 auto;
}

.middle-title {
    width: 100%;
    float: left;
}

.middle-title.bottom {
    width: auto;
    float: left;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 135px;
    transform: translate(-50%, 0%);
}

.middle-title h1 {
    background: #ffed99;
    display: inline-block;
    padding: 10px 10px 15px;
    border-radius: 15px;
    line-height: 35px;
    font-weight: 800;
    font-size: 50px;
	text-transform: capitalize;
}

.middle-title h2 {
    background: #ffed99;
    display: inline-block;
    padding: 4px 10px 10px;
    border-radius: 15px;
    line-height: 23px;
    font-weight: 800;
    text-transform: capitalize;
}

.real-state{
	width: 100%;
    float: left;
	padding: 40px 0;
}

.real-state ul{
	width: 100%;
    float: left;
	padding: 10px 16px;
}

.real-state ul li{
	font-size: 17px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	padding-left: 16px;
}

.real-state ul li:before{
	position: absolute;
    font-family: fontawesome;
    left: 0;
    content: "\f111";
    font-size: 8px;
}

.reminder{
	width: 100%;
    float: left;
	padding-top: 25px;
}

.reminder h4{
	font-weight: 700;
	padding-bottom: 10px;
}

.real-service-center{
	width: 100%;
    float: left;
	padding-bottom: 55px;
}

.service-cont{
	width: 85%;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
}

.real-service-center h4{
	font-weight: 800;
	line-height: 30px;
	text-align: center;
	padding-bottom: 10px;
	text-transform: capitalize;
	text-decoration: underline;
}

.service-left{
	width: 35%;
    float: left;
}

.service-right{
	width: 49%;
    float: right;
}

.real-img {
    width: 100%;
    float: left;
    height: 110px;
    margin-bottom: 20px;
}

.service-cont h5 {
    font-weight: 700;
    line-height: 30px;
    font-style: italic;
    text-decoration: underline;
}

.real-text p {
    font-size: 16px;
    padding: 10px 0;
}

.delta-form{
	width: 100%;
    float: left;
	padding: 30px 0;
}

.numeric {
    width: auto;
    float: left;
    position: absolute;
    left: -30px;
    font-weight: bold;
}

.form-info {
    width: 100%;
    float: left;
	position: relative;
    padding-bottom: 20px;
}

.form-info span {
    width: 100%;
    float: left;
	font-size: 14px;
}

.delata-form-detail .left-in{
	width: 49%;
    float: left;
}

.delata-form-detail .right-in{
	width: 49%;
    float: right;
}

.text-type{
    width: 100%;
	float: left;
}

.delata-form-detail label {
    font-size: 16px;
    font-weight: 600;
	padding-bottom: 10px;
	display: inline-block;
}

.delata-form-detail input[type="text"] {
    width: 100%;
	float: left;
    height: 35px;
    color: #000;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #000;
}

.delata-form-detail input[type="email"] {
    width: 100%;
	float: left;
    height: 35px;
    color: #000;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #000;
}

.delata-form-detail .add-01 {
    width: 33.33%;
    float: left;
    padding: 5px;
    margin-top: 25px;
}

.text-type.add-04 {
    width: 33.33%;
    float: left;
    padding-top: 25px;
}

.delata-form-detail .form-info p{
    width: auto;
	float: left;
	padding: 0;
    font-size: 16px;
    font-weight: 600;
	line-height: normal;
}

.delta-form h6 {
    width: auto;
    float: left;
    padding: 5px;
}

.delata-form-detail .form-info .checkbox {
    width: auto;
    float: left;
    padding-left: 6px;
}

.delata-form-detail .checkbox input[type="checkbox"] {
    height: 20px;
    width: 25px;
    vertical-align: middle;
}

.delta-form .checkbox-right {
    width: 20%;
    float: left;
    padding: 5px 25px;
}

.delata-form-detail .checkbox-right input[type="checkbox"] {
    height: 20px;
    width: 30px;
    vertical-align: middle;
}

.form-info-list ul{
	width: 100%;
    float: left;
	padding: 10px 16px 0 0;
}

.form-info-list ul li{
	font-size: 17px;
	font-weight: 500;
	line-height: 32px;
	position: relative;
	padding-left: 16px;
}

.form-info-list ul li:before{
	position: absolute;
    font-family: fontawesome;
    left: 0;
    content: "\f111";
    font-size: 8px;
}

.sign-box {
    width: auto;
    float: right;
}

.return-service{
	width: 100%;
    float: left;
}

.return-service.real-estate span {
    width: auto;
    float: left;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 10px 0 0;
}

.return-service h5 {
    text-align: center;
    font-weight: 800;
    line-height: 26px;
	font-style: italic;
	padding-bottom: 35px;
}

.return-service h5 span {
	font-size: 15px;
	font-style: normal;
}

.return-service .checkbox-right {
    width: 25%;
    float: left;
	padding-top: 12px;
}

.return-service .delata-form-detail .add-01 {
	margin-top: 0;
}

.service-use-only{
	width: 100%;
    float: left;
}

.service-use-only h5 {
    border-top: 2px solid #000;
    padding-top: 20px;
    margin-top: 20px;
}

.service-use-only h5 {
    text-align: center;
    font-weight: 800;
    line-height: 26px;
	padding-bottom: 25px;
}

.botm-text {
    float: left;
    width: 100%;
    margin-top: 56px;
}

.botm-text p{
    float: left;
    font-size: 13px;
}

.submit_btn {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.submit_btn input[type="submit"] {
    background-color: #d9a73b;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 15px;
    border-radius: 4px;
    display: inline-block;
    border: none;
	transition: 1s;
}

.submit_btn input[type="submit"]:hover {
    background-color: #304760;
    color: #fff;
}

/* Appraiser-Participant  */

.delta-form.appraiser{
	width: 100%;
    float: left;
}

.delta-form .checkbox-right.appraiser {
    width: auto;
    float: left;
    text-align: right;
    padding: 5px 15px;
}

.chk-box-title h6 {
    width: auto !important;
    float: left;
}

.delta-form.appraiser h6{
	width: 100%;
    float: left;
	padding-bottom: 10px ;
}

.appraiser-app{
	width: 100%;
    float: left;
}

.appraiser-app-detail{
	width: 100%;
    float: left;
}

.appraiser-agreement{
	width: 100%;
    float: left;
	padding-bottom: 25px;
}

.appraiser-agreement h5{
	font-weight: 600;
    padding: 30px 0 5px;
}

.appraiser-agreement h5 span {
    padding-right: 14px;
    font-weight: 600;
    font-size: 15px;
}

.appraiser-app p{
	font-size: 17px;
    padding: 5px 0;
	line-height: 26px;
}

.appraiser-app p span{
	padding-right: 14px;
	font-weight: 600;
	font-size: 15px;
}

.appraiser-agreement ul{
	width: 100%;
    float: left;
	padding-bottom: 20px;
}

.appraiser-agreement ul li{
	font-size: 17px;
	line-height: 26px;
	display: flex;
	padding: 5px 0;
}

.appraiser-agreement ul li span{
	padding-right: 20px;
	font-weight: 600;
}

.appraiser-app .delata-form-detail h5{
	font-weight: 700;
    line-height: 30px;
    font-style: italic;
	padding-bottom: 10px;
    text-decoration: underline;
}

.appraiser-app .checkbox-right {
    width: 33%;
    float: left;
    padding-top: 15px;
}

/****  Appraiser Subscriber Application ****/

.delta-form.appraiser.subscriber{
	width: 100%;
    float: left;
}

.delata-form-detail .add02{
	width: 33.33%;
    float: left;
    padding: 5px;
}


/**** Broker Application ****/


.borker-mla-title{
	width: 100%;
    float: left;
	padding: 15px 0 0;
}

.borker-mla-title h5{
	font-weight: 800;
    line-height: 30px;
    text-align: center;
	font-style: italic;
    text-transform: capitalize;
    text-decoration: underline;
}

.appraiser-app.broker{
	width: 100%;
    float: left;
}

.appraiser-app.broker .checkbox-right {
    width: 25%;
}

/**** City-of-Oakley-Addendum_06.19 ****/

.text-center{
	text-align:center;
}

.Adden-dum h5 span {
    float: right;
}

.middle-form {
    margin: 20px 0;
}

span.datd-01 input[type="text"] {
    height: 35px;
    width: 40%;
    margin: 7px 0;
}

span.datd-02 input[type="text"] {
    height: 35px;
    width: 87%;
    margin: 7px 0;
}

span.datd-03 input[type="text"] {
    height: 35px;
    width: 62%;
    margin: 7px 0;
}

.middle-form p {
    line-height: 40px;
}

.delta-tile {
    float: left;
    margin-bottom: 18px;
    width: 100%;
}

.delta-tile h4 {
    font-weight: 600;
    font-size: 20px;
    text-decoration: underline;
}


.repo-box.seler-b {
    margin-left: 140px;
}

.delta-tile.poll-cal {
    margin-top: 45px;
}

strong.un-line {
    text-decoration: underline;
}

.form-full.full-okley .type-text input {
    width: 100%;
	    height: 35px;
}

.form-full.full-okley .type-text input {
    width: 100%;
	    height: 35px;
}

.form-full.full-okley .type-text label {
    font-size: 18px;
    font-weight: 500;
    width: auto;
    float: left;
    margin: 5px 10px 0 0;
}

.form-full.full-okley .type-text input[type="text"] {
    width: 97%;
    float: left;
    padding: 0 10px;
    font-size: 16px;
    height: 35px;
    color: #000;
}

.reque-box-off.bun-in {
    width: 40%;
	    float: left;
}

.form-full.full-okley {
    margin-top: 12px;
	float:left;
	    width: 100%;
}

.full-okley-botm {
    margin-top: 20px;
}



/**** City-of-Oakley-Addendum_06.19 ****/

.text-center{
	text-align:center;
}
.Adden-dum h5 span {
    float: right;
}
.middle-form {
    margin: 20px 0;
}
span.datd-01 input[type="text"] {
    height: 35px;
    width: 40%;
    margin: 7px 0;
}
span.datd-02 input[type="text"] {
    height: 35px;
    width: 87%;
    margin: 7px 0;
}
span.datd-03 input[type="text"] {
    height: 35px;
    width: 62%;
    margin: 7px 0;
}
.middle-form p {
    line-height: 40px;
}
.delta-tile {
    float: left;
    margin-bottom: 18px;
    width: 100%;
}
.delta-tile h4 {
    font-weight: 600;
    font-size: 20px;
    text-decoration: underline;
}
.repo-box span {
    float: left;
    width: 100%;
    padding: 12px 80px 0;
}
.comp-rtl {
    float: left;
    width: 100%;
    padding: 18px 0 0px 80px;
}
.repo-box.seler-b {
    padding-left: 140px;
}
.delta-tile.poll-cal {
    margin-top: 45px;
}
strong.un-line {
    text-decoration: underline;
}

.form-full.full-okley .type-text input {
    width: 100%;
	    height: 35px;
}
.form-full.full-okley .type-text input {
    width: 100%;
	    height: 35px;
}


.form-full.full-okley .type-text label {
    font-size: 18px;
    font-weight: 500;
    width: auto;
    float: left;
    margin: 5px 10px 0 0;
}

.form-full.full-okley .type-text input[type="text"] {
    width: 97%;
    float: left;
    padding: 0 10px;
    font-size: 16px;
    height: 35px;
    color: #000;
}
.reque-box-off.bun-in {
    width: 40%;
}
.form-full.full-okley {
    margin-top: 12px;
}
.full-okley-botm {
    margin-top: 20px;
}
.botm-text {
    float: left;
    width: 100%;
    margin-top: 56px;
 }
.botm-text p{
    font-size: 14px;
}


/***** City-of-Pinole-Addendum_06.19  ***/
.cony-col {
    float: left;
    width: 100%;
}
.cony-col h5 span {
    font-size: 16px;
}
p.env-col {
    margin-top: 26px;
    float: left;
}
.comp-rtl.elft-20 {
    padding-left: 150px;
}
.comp-rtl.elft-10 {
    padding-left: 60px;
}
.middle-form.prop-input span.datd-01 input[type="text"] {
    width: 10%;
}
.repo-box.seler-b input[type="text"] {
    height: 35px;
    width: 10%;
    margin-right: 6px;
}
.delta-tile.weft {
    margin-top: 35px;
}
.repo-box {
    float: left;
    width: 100%;
}
.cony-col.wads {
    margin: 21px 0;
}







</pre></body></html>