h1.componentheading, .componentheading { border-bottom: 1px solid rgb(186, 187, 187); font-weight: normal; font-family: "Arial Narrow",Arial,sans-serif; font-size: 170%; line-height: 1.1em; color: rgb(85, 85, 85); text-transform: uppercase; float: left; padding: 0px 35px 6px 0px; margin: 0px ! important; }
pre, .code { background-color: rgb(255, 255, 221) ! important; border-width: 1px 1px 1px 5px ! important; border-style: solid ! important; border-color: rgb(204, 204, 204) ! important; -moz-border-top-colors: none ! important; -moz-border-right-colors: none ! important; -moz-border-bottom-colors: none ! important; -moz-border-left-colors: none ! important; border-image: none ! important; font: 1em/1.5 Monaco,Consolas,"Courier News",monospace ! important; padding: 10px 15px ! important; }
.highlight { background: none repeat scroll 0% 0% rgb(255, 255, 221); font-weight: bold; padding: 1px 5px; }
.dropcap { display: block; float: left; font: 60px/40px Georgia,Times,serif; padding: 7px 8px 0px 0px; }
blockquote { font-family: Georgia,Times,serif; font-size: 100%; }
blockquote span.open { background: url(655f69c3ab1485782827dfe54834d737661a4f88.gif)  no-repeat scroll left top transparent; display: inline-block; padding: 0px 0px 0px 20px; }
blockquote span.close { background: url(a655ed3f9583ad71fc2db186dec41f8650df4ff3.gif)  no-repeat scroll right bottom transparent; display: inline-block; padding: 0px 20px 0px 0px; }
sub, sup { color: rgb(204, 0, 0); font-size: 11px; font-weight: bold; }
ul.ja-typo-list li { background: none repeat scroll 0% 0% transparent; margin-left: 8px; padding: 0px 0px 0px 25px; position: relative; overflow: hidden; }
ul.ja-typo-list span.icon { background-image: url(f458f48ab1d416e27801ac6114e4b3c61c814f9b.png) ; background-repeat: no-repeat; width: 18px; height: 18px; display: block; position: absolute; top: 0px; left: 0px; }
ul.list-arrow span.icon { background-position: left top; }
ul.list-star span.icon { background-position: left -18px; }
ul.list-check span.icon { background-position: left -36px; }
ul.ja-unordered-list li { background: url(851a9ac7ff3e88bc61fc36688bfc8d24af873b38.gif)  no-repeat scroll 20px 7px transparent; line-height: 160%; margin-bottom: 5px; overflow: hidden; padding-left: 30px; }
ol.contributors-list h4 { margin: 15px 0px; }
ol.ja-ordered-list li { line-height: 180%; margin-left: 30px; }
dl.ja-definition-list dt { font-weight: bold; line-height: 160%; }
dl.ja-definition-list dd { margin-left: 15px; line-height: 160%; }
.blocknumber { position: relative; padding: 5px 0px 5px 55px ! important; min-height: 44px; }
.blocknumber .bignumber { background-image: url(1db884e68cffd5f0bd6667b10e3a0c17aacf3152.png) ; background-repeat: no-repeat; color: rgb(255, 255, 255); display: block; width: 44px; height: 44px; line-height: 44px ! important; position: absolute; top: 0px; left: 0px; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 20px; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal; text-align: center; }
.blocknumber-1 .bignumber { background-position: left top; }
.blocknumber-2 .bignumber { background-position: left -44px; }
.blocknumber-3 .bignumber { background-position: left -88px; }
p.ja-typo-icon { padding-left: 25px; position: relative; }
p.ja-typo-icon span.icon { background-image: url(f458f48ab1d416e27801ac6114e4b3c61c814f9b.png) ; background-repeat: no-repeat; width: 18px; height: 18px; display: block; position: absolute; top: 2px; left: 0px; }
p.icon-error span.icon { background-position: left -54px; }
p.icon-message span.icon { background-position: left -72px; }
p.icon-tips span.icon { background-position: left -90px; }
p.icon-key span.icon { background-position: left -108px; }
p.icon-tag span.icon { background-position: left -126px; }
p.icon-cart span.icon { background-position: right -54px; }
p.icon-doc span.icon { background-position: right -72px; }
p.icon-note span.icon { background-position: right -90px; }
p.icon-photo span.icon { background-position: right -108px; }
p.icon-mobi span.icon { background-position: right -126px; }
p.icon-error { color: rgb(204, 0, 0); }
p.icon-message { color: rgb(44, 121, 179); }
p.icon-tips { color: rgb(229, 140, 0); }
.ja-typo-bubble { margin: 20px 0px; position: relative; }
.ja-typo-bubblect { padding: 15px; border: 3px solid rgb(221, 221, 221); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
.ja-typo-bubble p.ja-typo-bubble-meta { margin: -3px 0px 0px; height: 25px; padding-left: 65px; }
.ja-typo-bubble span.ja-typo-bubble-author { font-weight: bold; display: block; padding-top: 5px; }
.ja-typo-bubble span.ja-typo-bubble-arrow { display: block; position: absolute; bottom: 0px; left: 28px; width: 25px; height: 25px; background: url(54aba8dd3b21f8bbfcf32baa9bb869c409b92d71.png)  repeat scroll 0px 0px transparent; }
.bubble-2 .ja-typo-bubblect { border: 0px none; background: none repeat scroll 0% 0% rgb(221, 221, 221); }
.bubble-2 span.ja-typo-bubble-arrow { background-position: -25px 0px; }
.bubble-3 .ja-typo-bubblect { border: 3px solid rgb(0, 136, 204); }
.bubble-3 span.ja-typo-bubble-arrow { background-position: 0px -25px; }
.bubble-4 .ja-typo-bubblect { border: 0px none; background: none repeat scroll 0% 0% rgb(0, 136, 204); color: rgb(255, 255, 255); }
.bubble-4 span.ja-typo-bubble-arrow { background-position: -25px -25px; }
.bubble-5 .ja-typo-bubblect { border: 3px solid rgb(51, 51, 51); }
.bubble-5 span.ja-typo-bubble-arrow { background-position: -50px -50px; }
.bubble-6 .ja-typo-bubblect { border: medium none; background: none repeat scroll 0% 0% rgb(51, 51, 51); color: rgb(255, 255, 255); }
.bubble-6 span.ja-typo-bubble-arrow { background-position: -25px -50px; }
.bubble-rounded .ja-typo-bubblect { border-radius: 18px; }
p.ja-typo-box { border: 3px solid rgb(221, 221, 221); padding: 10px 10px 10px 50px; }
p.box-download, p.box-sticky { background-repeat: no-repeat; background-position: 10px 15px; }
p.box-download { background-image: url(dfd55984e09de685256c20875d82b9c1d7bfad41.png) ; }
p.box-sticky { background-image: url(9d48c076331328c01b970525a2d0e1ea07614c8b.png) ; }
p.box-grey-1, p.box-hilite-1 { padding: 10px 15px; }
p.box-grey-1 { background: none repeat scroll 0% 0% rgb(247, 247, 247); border-color: rgb(221, 221, 221); }
p.box-hilite-1 { background: none repeat scroll 0% 0% rgb(255, 255, 221); border-color: rgb(210, 210, 182); }
p.box-grey-2, p.box-hilite-2 { padding: 10px 15px; }
p.box-grey-2 { background: none repeat scroll 0% 0% rgb(247, 247, 247); border-color: rgb(221, 221, 221); border-style: dotted; }
p.box-hilite-2 { background: none repeat scroll 0% 0% rgb(255, 255, 221); border-color: rgb(210, 210, 182); border-style: dotted; }
.box-rounded { border-radius: 8px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
.ja-typo-legend { border: 3px solid rgb(221, 221, 221); margin: 20px 0px; padding: 20px 15px 15px; position: relative; }
.ja-typo-legend .legend-title { background: none repeat scroll 0% 0% rgb(255, 255, 255); display: block; float: left; font-family: Arial,sans-serif; font-size: 125%; font-weight: bold; left: 10px; line-height: normal; margin: 0px ! important; padding: 5px ! important; position: absolute; top: -17px; }
.legend-2 { border: 3px solid rgb(0, 136, 204); }
.legend-2 .legend-title { color: rgb(0, 136, 204); }
.legend-rounded { border-radius: 8px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
a.ja-typo-btn { display: block; text-decoration: none; white-space: nowrap; border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.8); background: url(4ee7ae99edd8b1abf36683537cf1149f0dd204cc.png)  repeat-x scroll center top rgb(221, 221, 221); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
a.ja-typo-btn:hover, a.ja-typo-btn:active, a.ja-typo-btn:focus { border: 1px solid rgb(170, 170, 170); background-position: center bottom; color: rgb(51, 51, 51); }
#ja-typo a.ja-typo-btn { margin: 20px 30px 10px 0px; float: left; }
#ja-typo a.ja-typo-btn:hover, #ja-typo a.ja-typo-btn:focus, #ja-typo a.ja-typo-btn:active { text-decoration: none; }
a.ja-typo-btn-icn { height: 30px; color: rgb(51, 51, 51); }
a.ja-typo-btn-icn span { padding: 0px 15px 0px 34px; display: block; background-repeat: no-repeat; background-position: 10px 7px; border: 1px solid rgb(255, 255, 255); }
a.btn-icn-save span { background-image: url(d415886a9eba12e23cf5885094e8518a98a3701c.png) ; }
a.btn-icn-tip span { background-image: url(6f334535228229365b56d2fde796e796757ceb90.png) ; }
a.btn-icn-info span { background-image: url(2dda8e1db5464c2be25dc00edb0eb8b1004186ae.png) ; }
a.btn-icn-ok span { background-image: url(54f47efac5bf2b3ae87a06e99f58f7b7d0171c12.png) ; }
a.btn-icn-warning span { background-image: url(cd13c89ecb11d5028e0e666a772f6a8ae20a8f50.png) ; }
a.ja-typo-btn-icn span span { height: auto; line-height: 28px; padding: 0px; display: inline; background: none repeat scroll 0% 0% transparent; border: medium none; }
a.ja-typo-btn-big { text-align: center; border: 1px solid rgb(204, 204, 204); font-size: 125%; line-height: normal; font-weight: bold; }
a.ja-typo-btn-big span { padding: 8px 15px; border: 1px solid rgb(255, 255, 255); display: block; }
a.ja-typo-btn-sm { text-align: center; border: 1px solid rgb(204, 204, 204); font-size: 100%; line-height: normal; }
a.ja-typo-btn-sm span { padding: 5px 10px; border: 1px solid rgb(255, 255, 255); display: block; }
a.btn-blue, a.btn-red, a.btn-green, a.btn-orange, a.btn-black { background-image: url(fd2d6a13e016797e12b1e65ee05a4606b6b45d78.png) ; color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); }
a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus, a.btn-red:hover, a.btn-red:active, a.btn-red:focus, a.btn-green:hover, a.btn-green:active, a.btn-green:focus, a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus, a.btn-black:hover, a.btn-black:active, a.btn-black:focus { background-image: url(fd2d6a13e016797e12b1e65ee05a4606b6b45d78.png) ; background-position: center bottom; border-color: rgb(170, 170, 170); }
a.btn-blue { background-color: rgb(0, 136, 204); border-color: rgb(0, 136, 204); }
a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus { border-color: rgb(0, 110, 166); color: rgb(255, 255, 255); }
a.btn-blue span { border-color: rgb(106, 185, 225); }
a.btn-black { background-color: rgb(102, 102, 102); border-color: rgb(102, 102, 102); }
a.btn-black:hover, a.btn-black:active, a.btn-black:focus { border-color: rgb(51, 51, 51); color: rgb(255, 255, 255); }
a.btn-black span { border-color: rgb(153, 153, 153); }
a.btn-green { background-color: rgb(102, 153, 0); border-color: rgb(102, 153, 0); }
a.btn-green:hover, a.btn-green:active, a.btn-green:focus { border-color: rgb(77, 115, 0); color: rgb(255, 255, 255); }
a.btn-green span { border-color: rgb(177, 203, 125); }
a.btn-red { background-color: rgb(204, 0, 0); border-color: rgb(204, 0, 0); }
a.btn-red:hover, a.btn-red:active, a.btn-red:focus { border-color: rgb(154, 0, 0); color: rgb(255, 255, 255); }
a.btn-red span { border-color: rgb(228, 120, 120); }
a.btn-orange { background-color: rgb(229, 140, 0); border-color: rgb(229, 140, 0); }
a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus { border-color: rgb(169, 103, 0); color: rgb(255, 255, 255); }
a.btn-orange span { border-color: rgb(241, 192, 115); }
.btn-rounded-icn, .btn-rounded-big, .btn-rounded-sm, .btn-rounded-icn span, .btn-rounded-big span, .btn-rounded-sm span { border-radius: 18px; }
.btn-rounded-sm, .btn-rounded-sm span { border-radius: 12px; }
span.ja-typo-tag { padding: 3px 12px; margin: 0px 2px; display: inline-block; line-height: normal; white-space: nowrap; background: none repeat scroll 0% 0% rgb(102, 102, 102); color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5); }
span.tag-blue { background: none repeat scroll 0% 0% rgb(0, 136, 204); }
span.tag-green { background: none repeat scroll 0% 0% rgb(102, 153, 0); }
span.tag-orange { background: none repeat scroll 0% 0% rgb(229, 140, 0); }
span.tag-red { background: none repeat scroll 0% 0% rgb(204, 0, 0); }
span.tag-grey { background: none repeat scroll 0% 0% rgb(204, 204, 204); color: rgb(51, 51, 51); text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8); }
span.tag-rounded { border-radius: 12px; }
.badge { background-image: url(af24efec38c235d5c25fe47cb00c0c25b5865bcc.png) ; background-repeat: no-repeat; height: 46px; position: absolute; right: 0px; width: 45px; }
.badge-hot .badge { background-position: 0px 0px; }
.badge-new .badge { background-position: 0px -46px; }
.badge-pick .badge { background-position: 0px -92px; }
.badge-top .badge { background-position: 0px -138px; }
#ja-typo .moduletable_badge { margin: 0px; padding: 0px; min-height: 40px; }
#ja-typo .moduletable_badge .ja-box-ct { border: 3px solid rgb(221, 221, 221); padding: 20px; background: none repeat scroll 0% 0% rgb(247, 247, 247); }
fieldset.ja-typo-fieldset { border: 3px solid rgb(221, 221, 221); padding: 10px 12px; }
fieldset.ja-typo-fieldset legend { padding: 0px 10px; }
fieldset.fieldset-2 { border: 3px solid rgb(0, 136, 204); border-radius: 12px; }
fieldset.fieldset-2 legend { color: rgb(0, 136, 204); }
#ja-typo fieldset { margin-top: 20px; }
.ja-typo-blockswrap { margin: 15px 0px; }
.ja-typo-blockrow { border-bottom: 1px dotted rgb(221, 221, 221); padding: 0px 0px 20px; }
.ja-typo-block { float: left; padding-top: 20px; }
.ja-typo-blockct { padding: 0px 10px; }
.ja-typo-blockswrap .cols-1 .ja-typo-block { width: 100%; float: none; }
.ja-typo-blockswrap .cols-2 .ja-typo-block { width: 50%; float: left; }
.ja-typo-blockswrap .cols-3 .ja-typo-block { width: 33%; float: left; }
.ja-typo-blockswrap .cols-4 .ja-typo-block { width: 24.9%; float: left; }
.ja-typo-blockswrap .ja-typo-block.last { float: right; }
.ja-typo-blockswrap h1.ja-typo-title { font-size: 175%; border-bottom: 8px solid rgb(221, 221, 221); padding: 5px; margin: 0px; font-family: "Arial Narrow",Helvetica,Arial,sans-serif; text-transform: uppercase; font-weight: bold; position: relative; color: rgb(102, 102, 102); }
.ja-typo-blockswrap:hover h1.ja-typo-title { border-color: rgb(51, 51, 51); color: rgb(51, 51, 51); }
.ja-typo-blockswrap h2.ja-typo-title { font-size: 115%; margin: 0px; padding: 0px 10px; font-family: "Arial Narrow",Helvetica,Arial,sans-serif; text-transform: uppercase; }
.ja-typo-blockswrap h2.ja-typo-title span { background: none repeat scroll 0% 0% rgb(242, 242, 242); color: rgb(102, 102, 102); text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8); padding: 3px 10px; display: inline-block; }
.ja-typo-blockswrap:hover h2.ja-typo-title span { background: none repeat scroll 0% 0% rgb(221, 221, 221); color: rgb(51, 51, 51); }
.ja-typo-blockrow > h2.ja-typo-title { margin-bottom: -20px; margin-top: 20px; }
.ja-typo-blocks-actions { font-size: 85%; position: absolute; right: 5px; top: 5px; color: rgb(153, 153, 153); }
.ja-typo-blocks-actions a { font-size: 85%; text-transform: none; font-family: Arial,Helvetica,sans-serif; font-weight: normal; color: rgb(204, 0, 0); text-decoration: none; }
img.img-left { float: left; margin: 0px 10px 5px 0px; }
img.img-right { float: right; margin: 0px 0px 5px 10px; }
img.img-border { border-radius: 3px; border: 2px solid rgb(220, 220, 220); }