html {background:white; font: normal normal normal large/1.6em  Verdana, sans-serif; text-align: center;}
body {padding-top:2em;}
header, footer {display:block;}

fieldset {border:1px dotted #C5D1C0; background:#F3FCE6; padding:.6em; margin:1em;}
fieldset p {padding-bottom:.4em;}
button {font-size:larger;}

h1 {font-weight:normal; font-size:4em; display:inline; text-shadow: 4px 2px 6px #ccc;}
h2 {font-weight:normal;}

label span {opacity:.3; padding-right:1em;}
input, select {font-size:x-large; background:white; border:1px solid silver;}

#price {width:2em; text-align:center;}

a {color:#65A800;}
a:hover {color:#FC4C00;}
.current {text-decoration:none; color:black; cursor:default;}

#blind {position:fixed; background:green; 
			top:0; left:0; width:100%; height:100%; 
			z-index:10; opacity:.95;}

#forSpecial {position:fixed; padding:.4em 1em; border:none;
			text-align: left; background: transparent;
			top:13%; left:50%; width:24em; margin-left:-14em; 
			z-index:20; color:white;}

#forSpecial label {display:block; clear:both; text-align:right; margin-bottom:1em;}

#forSpecial input {
		font-size: large;
		background:transparent; color:yellow; border:none;
		border-bottom:1px solid #3BB33B;
		margin-left:.4em;
		float:right; width:16em; text-align:left;}

.right {text-align:right;}

.page {float:left; max-width:40%; padding:1em 2em; margin-right:4em; text-align:left;}

h2 .note {display:block; font-size:small; color:gray; text-align:right;}

#averX:after, #averM:after {font-size:small; color:gray; padding-left:.4em;}
#averX:after {content:'(x)';}
#averM:after {content:'(m)';}

#recList li, .clean {list-style:none;}
#recList b  {float:left; width:6em;}

footer {font-size:small; line-height:1.1em; color:gray; clear:both;}
footer a {color:gray;}

