body {
   color: #000000;
}

/* Normal link */
/*a {
	color: #FF9A48;
	text-decoration: none;
	border-bottom: 1px solid;
}*/

a:hover, a:active, a:focus {
	color: #FF9A48;
	text-decoration: none;
	border-bottom: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption {
	font-size: 100%;
	color: #999999;
}

h1, h2, h3, h4 {
background:#FFF0E4 none repeat scroll 0%;
border-bottom:1px dotted #FF9A48;
font-weight:bold;
padding:0pt 1px;
}

/* Heading */
h1 {
	font-size: 225%;
	*font-size: 200%;
	margin: 0px 0px 15px 0px;
}

h2 {
	font-size: 200%;
	margin: 0;
}

h3 {
	font-size: 175%;
	margin: 0;
}

h4 {
	font-size: 125%;
	text-transform: uppercase;
	margin: 0;
}

p, pre, blockquote, /*ul,*/ ol /*h1, h2, h3, h4, h5, h6*/ {
	margin: 10px 10px;
	padding: 0;
}

ul {
	list-style: none;
	margin-left: 20px;
}

/*ul li {
	padding-left: 35px;
	line-height: 170%;
	background: url(typography/bullet-list.gif) no-repeat 25px 8px;
}

ol li {
	margin-left: 35px;
	line-height: 170%;
} */

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #CCCCCC;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
/*form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 1px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
}

select, textarea, .inputbox {
	background: #FFFFFF;
	color: #333333;
}

.button, .button:hover {
}

.button:active, .button:focus {
}

.inputbox {
	border: 1px solid #999999;
	margin-bottom: 1px;
}

.inputbox:hover, .inputbox:focus {
	border-color: #333333;
}*/

/* BONUS TYPOGRAPHY STYLES
-------------------------------------------------------------------------*/
/* Code text */
pre, .code {
	margin: 15px 0;
	padding: 15px 25px 15px 15px;
	background: #F7F7F7;
	border-top: 3px solid #CCCCCC;
	font: 1em/1.5 monospace;
}

/* Quote */
blockquote {
	padding: 15px 40px 15px 60px;
	background: url(typography/open_quotes.gif) 20px 10px no-repeat;
	font: 12px/1.5 Georgia, Times, serif;
}

p.quote {
	margin: 0;
	padding: 0;
	background: url(typography/close_quotes.gif) bottom right no-repeat;
}

/* Quote hilight */
div.quote-grey {
	background: url(typography/q1_std.gif) no-repeat 20px 10px #F7F7F7;
	padding : 0;
	margin: 0;
	border: 1px dotted #999999;
}

div.quote-grey blockquote {
	background: url(typography/q2_std.gif) no-repeat right bottom;
	margin: 0;
}

div.quote-hilite {
	color: #FFFFFF;
	background: url(typography/q1_std_hl.gif) no-repeat 10px 10px #FF9A48;
	margin-top: 20px; 
	padding-right : 5px;
	padding-bottom: 10px;
}

div.quote-hilite blockquote {
	background: url(typography/q2_std_hl.gif) no-repeat right bottom;
	margin: 0;
}

/* Dropcap */
.dropcap {
	float: left;
	padding: 0 5px 0 0;
	display: block;
	color: #333333;
	font: 50px/40px Georgia, Times, serif;
}

.dropcap-hilite {
	float: left;
	padding: 4px 3px 0 3px;
	margin: 0 4px 0 0;
	display: block;
	color: #FFFFFF;
	background: #FF9A48;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding: 5px 5px 5px 25px;
	background: url(typography/bullet-error.gif) no-repeat center left;
	color: #CC0000;
}

.message {
	padding: 5px 0 5px 25px;
	background: url(typography/bullet-info.gif) no-repeat center left;
	color: #006DA3;
}

.tips {
	padding: 5px 5px 5px 25px;
	background: url(typography/bullet-tips.gif) no-repeat center left;
}

.highlight {
	border-bottom: 1px dotted #FF9A48;
	padding: 0 1px;
	background: #FFF0E4;
	font-weight: bold;
}

a.watch-video {
	padding: 5px 0 5px 20px;
	background: url(typography/bt_play_o.gif) no-repeat left center;
	border: none;
	text-decoration: none;
}

a.headphone {
	padding: 5px 0 5px 25px;
	background: url(typography/img_headphones.gif) no-repeat left center;
	border: none;
	text-decoration: none;
}

/* Note Style */
p.pinnote {
	background: url(typography/pin-bg.gif) no-repeat top left #FFF8F2;
	padding: 10px 10px 10px 50px;
	border: 1px dotted #F2CAB7;
}

p.clipnote {
	background: url(typography/clip-bg.gif) no-repeat top left #FFF8F2;
	padding: 10px 10px 10px 50px;
	border: 1px dotted #F2CAB7;
}

p.newspaper {
	background: url(typography/newspaper-bg.gif) no-repeat top left #FFF8F2;
	padding: 10px 10px 10px 50px;
	border: 1px dotted #F2CAB7;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 3px;
	padding: 0 0 5px 20px;
	background: url(typography/checklist-bg.gif) no-repeat 0px 2px;
}

/* Big number list */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 7px 7px;
	display: block;
	color: #000;
	background: url(typography/ol-bg.gif) no-repeat top left;
	font: normal 20px/normal Arial, sans-serif;
}

.blocknumber {
	clear: both;
	margin: 5px 0;
	padding: 10px 15px;
	position: relative;
}

/* Small number list */
ol.smallnumber {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.smallnumber li {
	margin: 10px 0 0 0;
	padding: 2px 0 0 30px;
	line-height: normal;
}

ol.smallnumber li.one {
	background: url(typography/li-01.gif) no-repeat 0px 3px;
}

ol.smallnumber li.two {
	background: url(typography/li-02.gif) no-repeat 0px 3px;
}

ol.smallnumber li.three {
	background: url(typography/li-03.gif) no-repeat 0px 3px;
}

ol.smallnumber li.four {
	background: url(typography/li-04.gif) no-repeat 0px 3px;
}

ol.smallnumber li.five {
	background: url(typography/li-05.gif) no-repeat 0px 3px;
}

ol.smallnumber li.six {
	background: url(typography/li-06.gif) no-repeat 0px 3px;
}

ol.smallnumber li.seven {
	background: url(typography/li-07.gif) no-repeat 0px 3px;
}

ol.smallnumber li.eight {
	background: url(typography/li-08.gif) no-repeat 0px 3px;
}

ol.smallnumber li.nine {
	background: url(typography/li-09.gif) no-repeat 0px 3px;
}

ol.smallnumber li.ten {
	background: url(typography/li-10.gif) no-repeat 0px 3px;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
	margin: 15px 0;
}

div.bubble1 div {
	margin: 0;
	width: 100%;
	background: url(typography/bub1-br-bg.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(typography/bub1-bl-bg.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(typography/bub1-tr-bg.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(typography/bub1-tl-bg.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.bubble2 div {
	margin: 0;
	width: 100%;
	background: url(typography/bub2-br-bg.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(typography/bub2-bl-bg.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(typography/bub2-tr-bg.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(typography/bub2-tl-bg.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.bubble3 div {
	margin: 0;
	width: 100%;
	background: url(typography/bub3-br-bg.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(typography/bub3-bl-bg.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(typography/bub3-tr-bg.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(typography/bub3-tl-bg.gif) no-repeat top left;
}

div.bubble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.bubble4 div {
	margin: 0;
	width: 100%;
	background: url(typography/bub4-br-bg.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(typography/bub4-bl-bg.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(typography/bub4-tr-bg.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(typography/bub4-tl-bg.gif) no-repeat top left;
}

div.bubble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Caption Box */
.caption {
  border: 1px solid #CCCCCC;
  padding: 15px 10px 10px 10px;
  margin: 20px 0 19px 0;
  position: relative;
  line-height: normal;
}

.caption span.title {
  position: absolute;
  top: -7px;
  left: 10px;
  margin: 0 0 0 -2px;
  padding: 0 2px;
  line-height: 14px;
  background: #FFFFFF;
  color: #999999;
}