/* TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	background: #F7F6F5;
	border-left: 5px solid #CCCCCC;
	font: 1em/1.5 "Courier News", monospace;
	margin: 5px 0 15px;
	padding: 10px 15px;
}
background: url(../images/typo/sc-q.gif) no-repeat bottom right;
	padding: 2px 25px 2px 0;
}

/* Dropcap */
.dropcap {
	color: #C55901;
	display: block;
	float: left;
	font: 60px/58px Georgia, Times, serif;
	padding: 0 10px 0 0;
}
color: #D33615;
	font-weight: bold;
	padding: 1px 5px;
}

/* Note Style */
.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

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

ul.checklist li {
	background: url(../images/typo/icon-checklist.gif) no-repeat 0 4px !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/typo/icon-arrow.gif) no-repeat 3px 5px;
	margin-left: 15px;
	padding: 0 0 0 20px;
}

/* Bignumber */
.bignumber {
	background: url(../images/typo/ol-bg.gif) no-repeat top left;
	color: #FFFFFF;
	display: block;
	float: left;
	font: bold 20px/normal 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: 10px;
	padding-left: 0px;
}

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

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

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

div.bubble1 div div div div {
	background: url(../images/typo/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/typo/bub2-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

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

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

div.bubble2 div div div div {
	background: url(../images/typo/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/typo/bub3-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

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

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

div.bubble3 div div div div {
	background: url(../images/typo/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/typo/bub4-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

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

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

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

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

/* Legend */
.legend-title {
	background: #FFFFFF;
	color: #555555;
	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 #CCCCCC;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}


/* @group Typography */

ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5 {
	padding-left: 15px;
	overflow: hidden;
	margin-left: 5px;
}

ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li {
	list-style: none;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 14px;
}

ul.bullet-1 li {
	background: url(../images/main-arrow.png) 0 4px no-repeat;
}

ul.bullet-2 li {
	background: url(../images/typo/bullet-2.png) 0 4px no-repeat;
}

ul.bullet-3 li {
	background: url(../images/inset-arrow.png) 1px 4px no-repeat;
}

ul.bullet-4 li {
	list-style: none;
	padding-left: 22px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: url(../images/typo/bullet-4.png) 0 0 no-repeat;
}

ul.bullet-5 li {
	list-style: none;
	padding-left: 22px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: url(../images/typo/bullet-5.png) 0 0 no-repeat;
}

pre {
	padding: 10px;
	background: #f6f6f6;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

blockquote {
	display: block;
	font-style: italic;
	font-size: 110%;
	line-height: 150%;
	width: auto;
	padding: 10px 20px 10px 20px;
	margin: 15px 0;
	background: #f6f6f6;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

blockquote.color1,
blockquote.color2,
blockquote.color3 {
	display: block;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 20px;
	margin: 15px 0;
	border: 0;
	background: 0;
}

blockquote.color1 {
	color: #666;
}

blockquote.quotes {
	display: block;
	background: url(../images/typo/quote-start.png) 0 5px no-repeat;
	padding: 0px 20px 10px 38px;
	margin: 20px 0;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	color: #666;
	border: 0;
}

blockquote.quotes p {
	padding: 0 38px 0 0;
	margin-top: 0;
	background: url(../images/typo/quote-end.png) 100% 100% no-repeat;
}

.important {
	border: 1px solid #999;
}

.important,
.important2,
.important3,
.important4 {
	padding: 15px;
	margin: 15px 0;
}

span.important-title,
span.important-title2,
span.important-title3,
span.important-title4 {
	display: block;
	float: left;
	margin-top: -24px;
	background: #fff;
	padding: 0 8px;
	font-weight: bold;
	font-size: 120%;
}

.important4 {
	border: 1px solid #000;
}

span.important-title,
span.number {
	color: #666;
}

span.important-title4 {
	color: #000;
}

span.number,
span.number-color,
span.number-color2 {
	display: block;
	font-size: 170%;
	float: left;
	margin: 2px 10px 0 15px;
}

span.highlight {
	background: #FFFBD5;
	padding: 1px 2px;
}

span.highlight-blue {
	color: #0294C1;
}

span.highlight-red {
	color: #cc0000;
}

span.highlight-green {
	color: #7FA500;
}

span.highlight-orange {
	color: #ff9900;
}

span.highlight-bold {
	font-weight: bold;
	font-size: 120%;
}

span.dropcap,
span.dropcap-color,
span.dropcap-color2 {
	display: block;
	font-size: 260%;
	float: left;
	margin: 0px 4px 0 0;
	line-height: 100%;
}

span.inset-left {
	display: block;
	color: #000;
	padding: 15px;
	float: left;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

span.inset-right {
	display: block;
	color: #000;
	padding: 15px;
	float: right;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

/* @end */

/* @group Notice Styles */

span.attention,
span.notice,
span.alert,
span.download,
span.approved,
span.media,
span.note,
span.cart,
span.camera,
span.doc,
span.information ,

span.tips,
span.lock,
span.volume,
span.preferences,
span.date,
span.feed{
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;	
}

span.attention {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/typo/attention-icon.png) 10px 50% no-repeat;
}

span.notice {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 url(../images/typo/notice-icon.png) 10px 50% no-repeat;
}

span.alert {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(../images/typo/alert-icon.png) 10px 50% no-repeat;
}

span.download {
	color: #1C6B8B;
	border: 1px solid #6ABCE2;
	background: #A8CDE3 url(../images/typo/download-icon.png) 10px 50% no-repeat;
}

span.approved {
	color: #666;
	border: 1px solid #a8a8a8;
	background: #ccc url(../images/typo/approved-icon.png) 10px 50% no-repeat;
}

span.media {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../images/typo/media-icon.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/typo/note-icon.png) 10px 50% no-repeat;
}

span.cart {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../images/typo/cart-icon.png) 10px 50% no-repeat;
}

span.camera {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../images/typo/camera-icon2.png) 10px 50% no-repeat;
}

span.doc {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../images/typo/doc-icon.png) 10px 50% no-repeat;
}

span.information {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../images/typo/info-icon.gif) 10px 50% no-repeat;
}

span.tips{
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/typo/tips-icon.gif) 10px 50% no-repeat;
}

span.lock{
	color: #;
	border: 1px solid #;
	background: # url(../images/typo/lock-ico.png) 10px 50% no-repeat;
}

span.volume{
	color: #;
	border: 1px solid #;
	background: # url(../images/typo/volume-ico.png) 10px 50% no-repeat;
}

span.preferences{
	color: #;
	border: 1px solid #;
	background: # url(../images/typo/preferences-ico.png) 10px 50% no-repeat;
}

span.date{
	color: #;
	border: 1px solid #;
	background: # url(../images/typo/date-ico.gif) 10px 50% no-repeat;
}

span.feed {
	color: #;
	border: 1px solid #;
	background: url(../images/typo/icon-rss.gif) 10px 50% no-repeat;
}


#accessibility {
	width: 90px;
	height: 20px;
	margin-top: 10px;
	float: right;
}

/* 
#accessibility span {
	background-repeat: no-repeat;
}
*/
#accessibility a {
	text-decoration: none;
	cursor: pointer;
	color:#fff;
	font:12px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
/*
#accessibility #buttons {
	padding-right: 5px;
}

#accessibility .button {
	display: block;
	float: right;
	width: 12px;
	height: 14px;
	margin-right: 10px;
}
*/
/* @end */