@charset "utf-8";
/* CSS Document */

.article-content {padding:30px;}
pre, .code {
background:none repeat scroll 0 0 #FFFFDD;
border-left:5px solid #CCCCCC;
font:1em/1.5 Monaco,Consolas,"Courier News",monospace;
margin:15px 0;
padding:10px 15px !important;
}
.dropcap {
color:#333333;
display:block;
float:left;
font:60px/40px Georgia,Times,serif;
padding:7px 8px 0 0;
}
blockquote {
font-family:Georgia,Times,serif;
font-size:115%;
padding:0 20px 10px;
}
blockquote span.open {
background:url("images/so-q.gif") no-repeat scroll left top transparent;
padding:0 0 0 20px;
}
blockquote span.close {
background:url("images/sc-q.gif") no-repeat scroll right bottom transparent;
padding:0 20px 0 0;
}
blockquote.testimonial {
border-bottom:1px solid #E7E8E6;
padding:0 0 10px;
}
blockquote.testimonial span.author {
background:url("images/icon-author.gif") no-repeat scroll 5px center transparent;
display:block;
font-weight:bold;
margin-top:5px;
padding-left:20px;
}
.highlight {
background:none repeat scroll 0 0 #FFFFDD;
font-weight:bold;
padding:1px 5px;
}
p.error, p.message, p.tips, p.rss, p.key, p.tag, p.cart, p.note, p.photo, p.doc, p.mobi {
padding-left:25px;
position:relative;
}
p.error span.icon, p.message span.icon, p.tips span.icon, p.rss span.icon, p.key span.icon, p.tag span.icon, p.cart span.icon, p.note span.icon, p.photo span.icon, p.doc span.icon, p.mobi span.icon {
background-image:url("images/icons-sprites-silk.png");
background-repeat:no-repeat;
display:block;
height:18px;
left:0;
position:absolute;
top:2px;
width:18px;
}
p.error span.icon {
background-position:left -54px;
}
p.message span.icon {
background-position:left -72px;
}
p.tips span.icon {
background-position:left -90px;
}
p.key span.icon {
background-position:left -108px;
}
p.tag span.icon {
background-position:left -126px;
}
p.cart span.icon {
background-position:right -54px;
}
p.doc span.icon {
background-position:right -72px;
}
p.note span.icon {
background-position:right -90px;
}
p.photo span.icon {
background-position:right -108px;
}
p.mobi span.icon {
background-position:right -126px;
}
p.error {
color:#CC0000;
}
p.message {
color:#2C79B3;
}
p.tips {
color:#E58C00;
}
ul.checklist li, ul.star li, ul.arrow li, ul.address li, ul.phone li, ul.email li {
background:none repeat scroll 0 0 transparent;
margin-left:18px;
overflow:hidden;
padding:0 0 10px 24px;
position:relative;
}
ul.checklist span.icon, ul.star span.icon, ul.arrow span.icon, ul.address span.icon, ul.phone span.icon, ul.email span.icon {
background-image:url("images/icons-sprites-silk.png");
background-repeat:no-repeat;
display:block;
height:18px;
left:0;
position:absolute;
top:0;
width:18px;
}
ul.arrow span.icon {
background-position:left top;
}
ul.star span.icon {
background-position:left -18px;
}
ul.checklist span.icon {
background-position:left -36px;
}
ul.phone span.icon {
background-position:right top;
}
ul.address span.icon {
background-position:right -18px;
}
ul.email span.icon {
background-position:right -36px;
}
ul.bookmark-links li {
background:url("images/arrow.png") no-repeat scroll 0 10px transparent !important;
border-bottom:1px dotted #E6E6E6;
padding:5px 0 5px 10px !important;
}

p.blocknumber {
padding:5px 0 5px 55px !important;
position:relative;
}
.bignumber-1, .bignumber-2, .bignumber-3 {
background-image:url("images/numberlist-bg.png");
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-family:Arial,sans-serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:44px;
left:0;
line-height:44px !important;
position:absolute;
text-align:center;
top:0;
width:44px;
}
.bignumber-1 {
background-position:left top;
}
.bignumber-2 {
background-position:left -44px;
}
.bignumber-3 {
background-position:left -88px;
}
div.bubble {
padding-bottom:20px;
position:relative;
}
div.bubble .box-ct {
padding:16px;
position:relative;
}
div.bubble .box {
height:16px;
position:absolute;
width:16px;
}
div.bubble .tl, div.bubble .tr, div.bubble .br, div.bubble .bl {
background-repeat:no-repeat;
position:absolute;
}
div.bubble .tl {
background-position:left -20px;
left:0;
top:0;
}
div.bubble .tr {
background-position:right -20px;
right:0;
top:0;
}
div.bubble .br {
background-position:right bottom;
bottom:0;
right:0;
}
div.bubble .bl {
background-position:left bottom;
bottom:0;
left:0;
}
div.bubble span.arrow {
display:block;
font-weight:bold;
height:7px;
margin-left:20px;
width:13px;
}
div.bubble-l1 span.arrow, div.bubble-l2 span.arrow {
background:url("images/bubble-l.png") no-repeat scroll left top transparent;
}
div.bubble-d1 span.arrow, div.bubble-d2 span.arrow {
background:url("images/bubble-d.png") no-repeat scroll left top transparent;
}
div.bubble-hl1 span.arrow, div.bubble-hl2 span.arrow {
background:url("images/bubble-hl.png") no-repeat scroll left top transparent;
}
div.bubble span.author {
background:url("images/icon-author.gif") no-repeat scroll 10px 3px transparent;
display:block;
font-weight:bold;
padding-left:25px;
}
div.bubble-l1 div.box-ct {
background:none repeat scroll 0 0 #E0E0E0;
}
div.bubble-l1 .tl, div.bubble-l1 .tr, div.bubble-l1 .bl, div.bubble-l1 .br {
background-image:url("images/bubble-l.png");
}
div.bubble-l2 div.box-ct {
background:none repeat scroll 0 0 #E0E0E0;
}
div.bubble-d1 div.box-ct {
background:none repeat scroll 0 0 #444444;
color:#FFFFFF;
}
div.bubble-d1 div.tl, div.bubble-d1 div.tr, div.bubble-d1 div.bl, div.bubble-d1 div.br {
background-image:url("images/bubble-d.png");
}
div.bubble-d2 div.box-ct {
background:none repeat scroll 0 0 #444444;
color:#FFFFFF;
}
div.bubble-hl1 .box-ct {
background:none repeat scroll 0 0 #006699;
color:#FFFFFF;
}
div.bubble-hl1 div.tl, div.bubble-hl1 div.tr, div.bubble-hl1 div.bl, div.bubble-hl1 div.br {
background-image:url("images/bubble-hl.png");
}
div.bubble-hl2 div.box-ct {
background:none repeat scroll 0 0 #006699;
color:#FFFFFF;
}
.box-sticky, .box-download, .box-grey, .box-hilite {
border:3px solid #DDDDDD;
margin:15px 0;
padding:10px !important;
}
.box-sticky {
background:url("images/sticky-big.png") no-repeat scroll 10px center #FFFFFF;
border-color:#D2D2B6;
padding-left:50px !important;
}
.box-download {
background:url("images/download-big.png") no-repeat scroll 10px center #FFFFFF;
border-color:#D6E9F3;
padding-left:50px !important;
}
.box-grey {
background-color:#F7F7F7;
}
.box-hilite {
background:none repeat scroll 0 0 #FFFFDD;
border-color:#D2D2B6;
}
.legend-title {
background:none repeat scroll 0 0 #FFFFFF;
display:block;
float:left;
font-weight:bold;
left:7px;
margin:0 !important;
padding:0 5px !important;
position:absolute;
top:-12px;
}
.legend {
border:3px solid #CCCCCC;
margin:20px 0;
padding:0 10px;
position:relative;
}
.legend-hilite .legend-title {
color:#006699;
}
.legend-hilite {
border:3px solid #D6E9F3;
margin:20px 0;
padding:0 10px;
position:relative;
}