/*BONUS TYPOGRAPHY STYLES
---------------------------------------------------------*/
PRE, .code
{
	background: #FFFFCC;
	border-left: 5px solid #CCCCCC;
	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.gif) no-repeat left top;
	padding: 0 0 0 15px;
}
BLOCKQUOTE SPAN.close
{
	background: url(../images/sc-q.gif) no-repeat bottom right;
	padding: 0 15px 0 0;
}
BLOCKQUOTE.testimonial
{
	padding: 0 0 10px;
	border-bottom: 1px solid #E7E8E6;
}
BLOCKQUOTE.testimonial SPAN.author
{
	background: url(../images/icon-author.gif) no-repeat 5px center;
	display: block;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 20px;
}
/*Drropcap*/
.dropcap
{
	color: #4B4B4B;
	display: block;
	float: left;
	font: 50px/40px Georgia, Times, serif;
	padding: 4px 8px 0 0;
}
/*Tips, Error, Message, Hightlight*/
P.error
{
	background: url(../images/icon-error.gif) no-repeat top left;
	color: #CC0000;
	padding-left: 25px;
}
P.message
{
	background: url(../images/icon-info.gif) no-repeat top left;
	color: #2C79B3;
	padding-left: 25px;
}
P.tips
{
	background: url(../images/icon-tips.gif) no-repeat top left;
	color: #E58C00;
	padding-left: 25px;
}
.highlight
{
	background: #FFFFCC;
	font-weight: bold;
	padding: 1px 5px;
}
/*Note Style*/
P.stickynote
{
	background: #FFFFFF url(../images/sticky-bg.gif) no-repeat 5px center;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 10px 50px;
}
P.download
{
	background: #FFFFFF url(../images/download-bg.gif) no-repeat 5px center;
	border: 1px solid #CCCCCC;
	padding: 10px 0px 10px 50px;
}
.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 4px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}
/*Check list (star)*/
UL.stars
{
	list-style: none;
}
UL.stars LI
{
	background: url(../images/icon-star.gif) no-repeat 0 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}
/*List arrow*/
UL.arrow
{
	list-style: none;
}
UL.arrow LI
{
	background: url(../images/icon-arrow.gif) no-repeat 3px 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}
/*Inline Underlist*/
UL.none-padding
{
	margin: 0;
	padding: 0;
	list-style: none;
}
UL.none-padding LI
{
	margin: 0;
	padding: 0;
	background: none;
}
/*List video*/
A.video
{
	background: url(../images/icon-video.gif) no-repeat 0px 2px;
	padding: 0 0 0 20px;
}
/*List Feed RSS*/
A.rss
{
	background: url(../images/icon-rss.png) no-repeat 0px 2px;
	padding: 0 0 0 15px;
}
/*List link*/
A.link
{
	background: url(../images/icon-link.png) no-repeat 0px 3px;
	padding: 0 0 0 20px;
}
/*Bignumber*/
.bignumber
{
	background: url(../images/ol-bg.gif) no-repeat top left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: normal bold 20px Arial, sans-serif;
	margin-right: 8px;
	padding: 6px 7px;
}
/*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;
	margin-left: 15px;
	padding-left: 15px;
	background: url(../images/icon-author.gif) no-repeat 0px 2px;
}
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;
}
/*Box style*/
.box-grey, .box-hilite
{
	border: 1px solid #CCCCCC;
	background-color: #F7F7F7;
	margin: 20px 0 0;
	padding: 10px;
}
.box-hilite
{
	border: 1px solid #006699;
	background: #E7F4FA;
}
/*Legend*/
.legend-title
{
	background: #FFFFFF;
	display: block;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 3px;
	position: absolute;
	top: -13px;
}
.legend
{
	border: 1px solid #CCCCCC;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}
.legend-hilite
{
	border: 1px solid #006699;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}
/*Highslide*/
.highslide-header
{
	border-bottom: 1px solid #CCCCCC;
}
.highslide-header LI
{
	background: none;
}
.highslide-body
{
	padding: 10px 0 !important;
}
.highslide
{
	margin: 0;
}
.highslide IMG
{
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.highslide:hover IMG
{
	border: 1px solid #ABABAB !important;
}
