pre, .code {	background: url(../images/trans-bg1.png);	border-left: 5px solid #A2893E;	color: #cc0000;	font: 1em/1.5 "Courier News", monospace;	margin: 5px 0 15px;	padding: 10px 15px;}
blockquote {	padding: 1em 40px 1em 15px;}
blockquote span.open {	background: url(../images/so-q.png) no-repeat left top;	padding: 2px 0 2px 25px;}
blockquote span.close {	background: url(../images/sc-q.png) no-repeat bottom right;	padding: 2px 25px 2px 0;}
.dropcap {	color: #E9DA95;	display: block;	float: left;	font: 60px/58px Georgia, Times, serif;	padding: 0 10px 0 0;}
/* Tips, Error, Message, Hightlight*/
p.error {	background: url(../images/icon-error.gif) no-repeat 0px 4px;	color: #8E0500;	padding-left: 25px;}
p.message {	background: url(../images/icon-info.gif) no-repeat 0px 4px;	color: #00AFF0;	padding-left: 25px;}
p.tips {	background: url(../images/icon-tips.gif) no-repeat 0px 4px;	color: #F99412;	padding-left: 25px;}
p.feed {	background: url(../images/icon-rss.gif) no-repeat 0px 4px;	padding: 3px 0 3px 25px;}
.highlight {	color: #333333;	background: #FFFFCC;	font-weight: bold;	padding: 1px 5px;}
/* Note Style */
p.stickynote {	background: url(../images/sticky.png) no-repeat left top #310900;	border: 1px solid #46221A;	padding: 15px 10px 15px 60px;}
p.download {	background: url(../images/download.png) no-repeat top left #310900;	border: 1px solid #46221A;	padding: 15px 10px 15px 60px;}
.blocknumber {	clear: both;	padding: 5px 15px 10px;	position: relative;}
/* Check list */
ul.checklist {	list-style: none;}
ul.checklist li { background: url(../images/icon-checklist.gif) no-repeat 0 6px !important;	margin-left: 15px !important;	padding: 0 0 0 20px !important;}
/* Check list arrow */
ul.arrow {	list-style: none;}
ul.arrow li {	background: url(../images/icon-arrow.gif) no-repeat 3px 7px;	margin-left: 15px;	padding: 0 0 0 20px;}
/* Bignumber */
.bignumber {	background: url(../images/ol-bg.png) no-repeat top left;	color: #FFFFFF;	display: block;	float: left;	font: bold 20px/normal Arial, sans-serif;	margin-right: 8px;	padding: 6px 7px;}
.bignumber-hilite {	background: url(../images/ol-bg-hilite.gif) no-repeat left top !important;	margin: 0 0 10px 0 !important;	padding: 11px 0 !important;}
.bignumber-hilite span {	display: block;	float: left;	color: #FFFFFF;	padding: 0px 25px 0 20px;	font: bold 30px/normal Arial, sans-serif;}
/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {	margin: 15px 0;}
div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author {	font-weight: bold;	padding-left: 0px;}
div.bubble1 div {	background: url(../images/bub1-br.gif) no-repeat bottom right;	margin: 0;	width: 100%;}
div.bubble1 div div {	background: url(../images/bub1-bl.gif) no-repeat bottom left;}
div.bubble1 div div div {	background: url(../images/bub1-tr.gif) no-repeat top right;}
div.bubble1 div div div div {	background: url(../images/bub1-tl.gif) no-repeat top left;}
div.bubble1 div div div div div {	margin: 0;	padding: 10px 15px 20px;	width: auto;}
div.bubble2 div {	background: url(../images/bub2-br.gif) no-repeat bottom right;	margin: 0;	width: 100%;}
div.bubble2 div div {	background: url(../images/bub2-bl.gif) no-repeat bottom left;}
div.bubble2 div div div {	background: url(../images/bub2-tr.gif) no-repeat top right;}
div.bubble2 div div div div {	background: url(../images/bub2-tl.gif) no-repeat top left;}
div.bubble2 div div div div div {	margin: 0;	padding: 10px 15px 25px;	width: auto;}
div.bubble3 div {	background: url(../images/bub3-br.gif) no-repeat bottom right;	margin: 0;	width: 100%;}
div.bubble3 div div {	background: url(../images/bub3-bl.gif) no-repeat bottom left;}
div.bubble3 div div div {	background: url(../images/bub3-tr.gif) no-repeat top right;}
div.bubble3 div div div div {	background: url(../images/bub3-tl.gif) no-repeat top left;}
div.bubble3 div div div div div {	margin: 0;	padding: 10px 15px 45px;	width: auto;}
div.bubble4 div {	background: url(../images/bub4-br.gif) no-repeat bottom right;	margin: 0;	width: 100%;}
div.bubble4 div div {	background: url(../images/bub4-bl.gif) no-repeat bottom left;}
div.bubble4 div div div {	background: url(../images/bub4-tr.gif) no-repeat top right;}
div.bubble4 div div div div {	background: url(../images/bub4-tl.gif) no-repeat top left;}
div.bubble4 div div div div div {	margin: 0;	padding: 10px 15px 45px;	width: auto;}
.legend-title {	background: #310900;	display: block;	font-size: 100%;	float: left;	font-weight: bold;	left: 7px;	margin: 0;	padding: 0 3px;	position: absolute;	top: -10px;}
.legend {	border: 1px solid #6B3C27;	margin: 20px 0;	padding: 0 10px;	position: relative;}