body{
	font-family: "Verdana";
	margin:0;
	padding:0;
}
div.quote {color:#d2691e; width:160px; height:160px; padding:3px; border:solid 1px #EDDA74;}
p{font-family:"Verdana"; font-size:10pt; color:#000000; 
text-align:left}
.p9{font-family:"Verdana"; font-size:8pt; color:#d2691e; text-align:left; font-weight:bold;}
h2{font-family:Verdana, Times, Serif; font-size:12pt; color:#37597B; font-weight:bold; text-decoration:none}
.table1{width:795px; }
.tablemark{width:695px; }
.tablebook{width:160px; height:220px;; border: solid 0px #c0c0c9; -moz-border-radius: 5%; padding:0px;}
.td4{font-family:"Verdana"; border-width:0;
font-size:8pt; text-decoration:none; color:#4372AA; text-align:left}
.td4time{font-family:"Verdana"; border-width:0;
font-size:8pt; text-decoration:none; color:#d2691e; text-align:left}
.td4cbold{font-family:"Verdana"; border-width:0; font-weight:bold;
font-size:8pt; text-decoration:none; color:#4372AA; text-align:center; padding-left:3px; padding-right:3px}
.td4bold{font-family:"Verdana"; border-width:0; font-weight:bold; max-width:200px;
font-size:8pt; text-decoration:none; color:#4372AA; text-align:left; padding-left:3px; padding-right:10px; padding-top:5px}
.td4c{font-family:"Verdana"; 
font-size:8pt; text-decoration:none; color:#4372AA; text-align:center; padding-left:3px; padding-right:3px}
.td4border{font-family:"Verdana"; 
font-size:7pt; text-decoration:none; color:#FF0000;  text-align:center; padding-left:3px; padding-right:3px}
a{font-family:"Verdana"; 
font-size:8pt; font-weight:bold; text-align:left; text-decoration:none; 
color:white;} a:hover{color:#000044}
.a7{font-family:"Verdana"; 
font-size:12pt; text-decoration:none; color:#d2691e; text-align:center} .a7:hover{color:#000000} 
.a8{font-family:"Verdana"; 
font-size:8pt; text-decoration:none; color:#d2691e; text-align:center} .a8:hover{color:#000000}
.a8big{font-family:"Verdana"; 
font-size:9pt; font-weight:bold;  color:#0000FF; text-align:center} .a8big:hover{color:#d2691e}  
.a8l{font-family:"Verdana"; 
font-size:10pt; font-weight:bold; text-decoration:none; color:#d2691e; text-align:center} 
.a8:hover{color:#000000} 

/* For submit button could have something like <p class="submit"><input type="submit" value="Submit" /></p>
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} */

.create {border:solid 0px #c0c0c9;  width:35em; height:100px; text-align:justify; -moz-border-radius: 5%; padding:0px 10px; background-color:#FFFFFF; margin:0px 10px 0px 10px;}

.preview {border:solid 1px #c0c0c9; width:35em; height:150px; text-align:justify; -moz-border-radius: 5%; padding:10px; margin:0px 10px 0px 10px;}
.pmax{font-size:1pt;color:white;}

#check_nutname_availability{
	background: #5860FF;
	border:1px solid black;
	color:white;
}


#nutname_availability_result{height:20px; padding-top:8px;}
#using{
	margin: 20px 25px 5px 0px;
	border:0px solid #d2691e;
	padding: 2px;
	color:#d2691e;
	font-size:7pt;
	text-align:center;
}
input{
	padding:5px;

}
.is_available{
	color:green;font-weight:bold;font-size:8pt;
}
.is_not_available{
	color:red;font-weight:bold;font-size:8pt;
}
.error{
	font-family:"Verdana"; font-size:8pt; color:#808080;font-weight:bold;
}
.checking{
	font-family:"Verdana"; font-size:8pt; color:#5860FF;font-weight:bold;
}
.ui-button{
width:140px;
white-space:normal;
}
.ui-widget { font-size: 0.8em; }