/* WP Zillow Mortgage Rates */

#wpzmr h4.wpzmr-state { padding: 0; margin: 0 0 10px 0; font-size: 1em; text-transform: uppercase; }
#wpzmr ul { list-style: none; margin: 0; padding: 0; clear: left; }
#wpzmr ul li.type { float: left; margin: 0 10px 0 0; padding: 0; width: 7em; }
#wpzmr ul li.value { float: left; margin: 0 0 0 10px; padding: 0; }
#wpzmr ul li.value .rate:after { content: '%'; }
#wpzmr ul li.value .minus:before { content: '-'; padding-left: 10px; }
#wpzmr ul li.value .plus:before { content: '+'; padding-left: 10px; }
#wpzmr .wpzmr-branding { display: block; clear: both; }
#wpzmr .wpzmr-branding ul { margin: 0; padding: 10px 0 0 0; list-style: none; }
#wpzmr .wpzmr-branding li { float: left; margin: 0 0 0 -5px; padding: 0; }
#wpzmr .wpzmr-branding img { display: inline-block; margin-left: -5px; }


/* Light style */

#wpzmr.light {
	width: 100%-40px;
	padding: 0px;
	background: transparent;
	border: 0px solid #ccc;
	font-family: Open Sans, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	color: #555;
}
#wpzmr.light h2,
#wpzmr.light h3,
#wpzmr.light h4 {
	margin: -5px 0 10px 0;
	text-shadow: 0px;
	font-family: Open Sans, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size: 30px;
	font-weight: bold;
	color: #000;
	line-height: 90%;
}
#wpzmr.light h4.wpzmr-state { letter-spacing: 1px; text-transform: uppercase; font-size: 14px; }
#wpzmr.light { text-shadow: 1px 1px #fff; }
#wpzmr.light li.type,
#wpzmr.light li.value {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size: 14px; font-weight: bold; line-height: 1.5em;
}
#wpzmr.light li.value .rate:after { font-size: .75em; }
#wpzmr.light .wpzmr-branding { font-size: .9em; color: #666; }
#wpzmr.light a { color: #333; text-decoration: none; font-weight: bold; }
#wpzmr.light a:hover { text-decoration: underline; }


/* Dark style */

#wpzmr.dark {
	width: 100%-40px;
	padding: 20px;
	background: #222 url(patterns/black/07.png);
	border: 1px solid #111;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	color: #ccc;
}
#wpzmr.dark h2,
#wpzmr.dark h3,
#wpzmr.dark h4 {
	margin: -5px 0 10px 0;
	text-shadow: 1px 1px #000;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size: 1.5em;
	color: #aaa;
}
#wpzmr.dark h4.wpzmr-state { letter-spacing: 1px; text-transform: uppercase; font-size: 14px; color: #666; }
#wpzmr.dark { text-shadow: 1px 1px #000; }
#wpzmr.dark li.type,
#wpzmr.dark li.value {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	font-size: 14px; font-weight: bold; line-height: 1.5em;
}
#wpzmr.dark li.value .rate:after { font-size: .75em; }
#wpzmr.dark .wpzmr-branding { font-size: .9em; color: #666; }
#wpzmr.dark a { color: #ccc; text-decoration: none; font-weight: bold; }
#wpzmr.dark a:hover { text-decoration: underline; }