div#playground_tool {
display:inline;
}

div#font_cloud {
margin-top:1em;
width:230px;
padding:.75em;
background:#ffffff;
border:solid 1px #cccccc;
}

div#column1 {
float:left;
width:300px;
border:solid 0px black;
}

div#column2 {
float:left;
width:420px;
margin-left:20px;
border:solid 0px black;
}

div#column2 p {
	font-size:11px;
	font-family:verdana;
}

div#column2 ul {
	margin-left:2em;
}

div#column2 li {
	font-size:11px;
	list-style:disc;
	font-weight:bold;
}

div#column3 {
width:150px;
margin-left:770px;
border:solid 0px black;
}

div#column3.inserts {
width:240px;
margin-left:690px;
margin-top:0em;
border:solid 0px black;
}

div#calcprice2 {
	border:solid 1px #cccccc;
	background:#e9ede6;
	color:#000;
	padding:10px;
	text-align:right;
	width:220px;
}

.calcprice2 {
	position:relative;
	right:3px;
	font-family:arial;
	font-size: 10px;
	line-height:15px;
	text-align:right;
	width:220px;

}
.calctotal2 {
	position:relative;
	top:7px;
	right:-10px;
	font-family:arial;
	font-size: 12px;
	line-height:16px;
	text-align:right;
	width:200px;
	padding:3px;
	padding-right:5px;
	margin-bottom:7px;
	background:#c8d3bf;
	color:black;
}

div#customerTextInput {
width:270px;
font-family:arial;
font-size:12px;
border:solid 2px #d5e1d7;
padding:1em;
font-weight:bold;
}

div#customerTextInput input {
background:#d5e1d7;
margin-bottom:4px;
}

div#customerTextDisplay {
width:380px;
height:700px;
padding:1em;
border:solid 2px #d5e1d7;
}

div#playground_autofill {
position:relative;
left:1em;
top:0.75em;
font-family:verdana;
font-size:11px;
color:#666666;
width:400px;
}

div#customerTextDisplay ul {
color:#000000;
}

div#customerTextDisplay ul.charcoal {
color:#747678;
}

div#customerTextDisplay ul.blue {
color:#0d3967;
}

div#customerTextDisplay ul.chocolate {
color:#724539;
}

div#customerTextDisplay ul.purple {
color:#65396f;
}

div#customerTextDisplay ul.cranberry {
color:#9e4344;
}

div#customerTextDisplay ul li {
list-style:none;
text-align:center;
font-family:courier;
font-size:14px;
line-height:18px;
margin-bottom:5px;
margin-left:-1.25em;
}

div#customerTextDisplay li.body_eaves {
list-style:none;
font-size:18px;
line-height:1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_eaves {
list-style:none;
font-size:20px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_eavesroman {
list-style:none;
font-size:18px;
line-height:1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_eavesroman {
list-style:none;
font-size:20px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_eavespetite {
list-style:none;
font-size:21px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_locarno {
list-style:none;
font-size:21px;
line-height:1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_locarno {
list-style:none;
font-size:23px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_snell {
list-style:none;
font-size:18px;
line-height:1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_snell {
list-style:none;
font-size:20px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_century {
list-style:none;
font-size:15px;
line-height:1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_century {
list-style:none;
font-size:17px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_copperplate {
list-style:none;
font-size:18px;
line-height:1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_copperplate {
list-style:none;
font-size:20px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_copperplate_heavy {
list-style:none;
font-size:19px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_exponto {
list-style:none;
font-size:21px;
line-height:1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_exponto {
list-style:none;
font-size:25px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_greetings {
list-style:none;
font-size:19px;
line-height:1em;
margin-bottom:8px;
}

div#customerTextDisplay li.name_greetings {
list-style:none;
font-size:20px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_papyrus {
list-style:none;
font-size:16px;
line-height:1em;
margin-bottom:7px;
}

div#customerTextDisplay li.name_papyrus {
list-style:none;
font-size:19px;
line-height:1.1em;
margin-bottom:8px;
}

div#customerTextDisplay li.body_michelangelo {
list-style:none;
font-size:24px;
line-height:1em;
margin-bottom:5px;
}

div#customerTextDisplay li.name_michelangelo {
list-style:none;
font-size:26px;
line-height:1.1em;
margin-bottom:5px;
}

div#customerTextDisplay li.body_shelley {
list-style:none;
font-size:19px;
line-height:1em;
margin-bottom:5px;
}

div#customerTextDisplay li.name_shelley {
list-style:none;
font-size:22px;
line-height:1.1em;
margin-bottom:6px;
}

div#customerTextDisplay li.body_zapfino {
list-style:none;
font-size:10px;
line-height:1em;
margin-bottom:0px;
}

div#customerTextDisplay li.name_zapfino {
list-style:none;
font-size:14px;
line-height:1em;
margin-bottom:0px;
}

div#customerTextDisplay li.body_bickham {
list-style:none;
font-size:21pt;
line-height:1em;
margin-bottom:-2px;
}

div#customerTextDisplay li.name_bickham {
list-style:none;
font-size:25pt;
line-height:1.1em;
margin-bottom:0px;
}

div#customerTextDisplay li.body_cezanne {
list-style:none;
font-size:22px;
line-height:1em;
margin-bottom:-3px;
}

div#customerTextDisplay li.name_cezanne {
list-style:none;
font-size:25px;
line-height:1.1em;
margin-bottom:-2px;
}

div#customerTextDisplay li.body_zaner {
list-style:none;
font-size:33px;
line-height:1em;
margin-bottom:-8px;
margin-top:-8px;
}

div#customerTextDisplay li.name_zaner {
list-style:none;
font-size:40px;
line-height:1.1em;
margin-bottom:-8px;
margin-top:-15px;
}

div#customerTextDisplay li.body_splendid {
list-style:none;
font-size:23px;
line-height:1em;
margin-bottom:-8px;
margin-top:-8px;
}

div#customerTextDisplay li.name_splendid {
list-style:none;
font-size:28px;
line-height:1.1em;
margin-bottom:-8px;
margin-top:-15px;
}

div#customerTextDisplay li.orn_golden {
list-style:none;
font-size:26px;
line-height:1.1em;
margin:20px;
}

div#customerTextDisplay li.orn_victorianone {
list-style:none;
font-size:26px;
line-height:1.1em;
margin:20px;
}

div#customerTextDisplay li.orn_victoriantwo {
list-style:none;
font-size:26px;
line-height:1.1em;
margin:20px;
}

div#customerTextDisplay li.orn_davy {
list-style:none;
font-size:26px;
line-height:1.1em;
margin:20px;
}

div#customerTextDisplay li.orn_davyother {
list-style:none;
font-size:26px;
line-height:1.1em;
margin:20px;
}