body { color:#222; }
/* Basic link styles 
---------------------------------------------------------------*/
a { color:#3078ab; }
a:hover { color:#444; }

/* Typography - template_css.css
------------------------------------------------------------------*/
.audio{background:transparent url('./images/icons/audio.gif') no-repeat left top;}
.creditcard{background:transparent url('./images/icons/credit.gif') no-repeat left top;}
.email{background:transparent url('./images/icons/email.gif') no-repeat left top;}
.feed{background:transparent url('./images/icons/feed.gif') no-repeat left top;}
.help{background:transparent url('./images/icons/help.gif') no-repeat left top;}
.webcam{background:transparent url('./images/icons/webcam.gif') no-repeat left top;}
.images{background:transparent url('./images/icons/images.png') no-repeat left top;}
.lock{background:transparent url('./images/icons/lock.png') no-repeat left top;}
.printer{background:transparent url('./images/icons/printer.png') no-repeat left top;}
.report{background:transparent url('./images/icons/report.png') no-repeat left top;}
.script{background:transparent url('./images/icons/script.png') no-repeat left top;}
.time{background:transparent url('./images/icons/time.png') no-repeat left top;}
.user{background:transparent url('./images/icons/user.png') no-repeat left top;}
.world{background:transparent url('./images/icons/world.png') no-repeat left top;}
.cart{background:transparent url('./images/icons/cart.png') no-repeat left top;}
.cd{background:transparent url('./images/icons/cd.png') no-repeat left top;}
.chart_bar{background:transparent url('./images/icons/chart_bar.png') no-repeat left top;}
.chart_line{background:transparent url('./images/icons/chart_line.png') no-repeat left top;}
.chart_pie{background:transparent url('./images/icons/chart_pie.png') no-repeat left top;}
.clock{background:transparent url('./images/icons/clock.png') no-repeat left top;}
.cog{background:transparent url('./images/icons/cog.png') no-repeat left top;}
.coins{background:transparent url('./images/icons/coins.png') no-repeat left top;}
.compress{background:transparent url('./images/icons/compress.png') no-repeat left top;}
.computer{background:transparent url('./images/icons/computer.png') no-repeat left top;}
.cross{background:transparent url('./images/icons/cross.png') no-repeat left top;}
.disk{background:transparent url('./images/icons/disk.png') no-repeat left top;}
.error{background:transparent url('./images/icons/error.png') no-repeat left top;}
.exclamation{background:transparent url('./images/icons/exclamation.png') no-repeat left top;}
.film{background:transparent url('./images/icons/film.png') no-repeat left top;}
.folder{background:transparent url('./images/icons/folder.png') no-repeat left top;}
.group{background:transparent url('./images/icons/group.png') no-repeat left top;}
.heart{background:transparent url('./images/icons/heart.png') no-repeat left top;}
.house{background:transparent url('./images/icons/house.png') no-repeat left top;}
.image{background:transparent url('./images/icons/image.png') no-repeat left top;}
.information{background:transparent url('./images/icons/information.png') no-repeat left top;}
.magnifier{background:transparent url('./images/icons/magnifier.png') no-repeat left top;}
.money{background:transparent url('./images/icons/money.png') no-repeat left top;}
.new{background:transparent url('./images/icons/new.png') no-repeat left top;}
.note{background:transparent url('./images/icons/note.png') no-repeat left top;}
.page{background:transparent url('./images/icons/page.png') no-repeat left top;}
.page_white{background:transparent url('./images/icons/page_white.png') no-repeat left top;}
.plugin{background:transparent url('./images/icons/plugin.png') no-repeat left top;}
.accept{background:transparent url('./images/icons/accept.png') no-repeat left top;}
.add{background:transparent url('./images/icons/add.png') no-repeat left top;}
.camera{background:transparent url('./images/icons/camera.png') no-repeat left top;}
.brick{background:transparent url('./images/icons/brick.png') no-repeat left top;}
.box{background:transparent url('./images/icons/box.png') no-repeat left top;}
.calendar{background:transparent url('./images/icons/calendar.png') no-repeat left top;}

/* Code */
pre, .code1, .code2 { background:#f7f7f7; }
pre, .code1 { border-left:5px solid #3078ab; }
.code2 { border-top:5px solid #3078ab; border-bottom:5px solid #3078ab; }
.code3 { border-top:1px solid #3078ab; border-bottom:1px solid #3078ab; }
.code3 h4 { background:#fff; }
/* Warnings */
p.info1, p.info2, p.info3, p.info4 { background:transparent url('./images/icons/info.gif') no-repeat left center; }
p.warning1, p.warning2, p.warning3, p.warning4 { background:transparent url('./images/icons/warning.gif') no-repeat left center; }
p.tips1, p.tips2, p.tips3, p.tips4 { background:transparent url('./images/icons/tips.gif') no-repeat left center; }
p.info2, p.info4 { border-top:#3399ff solid 1px; border-bottom:#3399ff solid 1px; background-position:3px center; }
p.info3, p.info4 { background-color:#E6F1FF; background-position: 7px center; }
p.warning2, p.warning4 { border-top:#f71212 solid 1px; border-bottom:#f71212 solid 1px; background-position: 3px center; }
p.warning3, p.warning4 { background-color:#FFE5E0; background-position: 7px center; }
p.warning4 { border-top:#f71212 solid 1px; border-bottom:#f71212 solid 1px; }
p.tips2, p.tips4 { border-top:#fde647 solid 1px; border-bottom:#fde647 solid 1px; background-position:3px center; }
p.tips3, p.tips4 { background-color:#FDFFC7; background-position: 7px center; }
p.tips4 { border-top:#fde647 solid 1px; border-bottom:#fde647 solid 1px; }
/* Blockquotes */
blockquote div.blockquote1 { background:transparent url(./images/open1.png) no-repeat left bottom; }
blockquote div.blockquote1 div { background:transparent url(./images/close1.png) no-repeat right top; }
blockquote div.blockquote2 { background:transparent url(./images/open1.png) no-repeat left top; }
blockquote div.blockquote2 div { background:transparent url(./images/close1.png) no-repeat right top; }
blockquote div.blockquote3 { background:transparent url(./images/open2.png) no-repeat left bottom; }
blockquote div.blockquote3 div { background:transparent url(./images/close2.png) no-repeat right top; }
blockquote div.blockquote4 { background:transparent url(./images/open2.png) no-repeat left top; }
blockquote div.blockquote4 div { background:transparent url(./images/close2.png) no-repeat right top; }
/* Legends */
div.legend1 h4, div.legend2 h4, div.legend3 h4, div.legend4 h4, div.legend5 h4, div.legend6 h4 { background: #f5f5f5; }
div.legend3 h4:first-child, div.legend5 h4:first-child { background:#e7e7e7; }
div.legend4 h4:first-child, div.legend6 h4:first-child { border:solid 1px #666; }
div.legend1, div.legend5, div.legend6 { border:solid 1px #666; }
div.legend2, div.legend3, div.legend4 { border-top:solid 1px #666; border-bottom:solid 1px #666; }
/* Highlights */
.highlight-1 { background:#ffffda; }
.highlight-2 { background:#3078ab; color:#fff; }
.highlight-3 { background:#cfcbbc; color:#fff; }
.highlight-4 { background:#101011; color:#fff; }
/* Colors for spans */
span.clear { border-top:1px solid #3078ab; border-bottom:1px solid #3078ab; color:#3078ab; }
span.clear-1 { border-top:1px solid #cfcbbc; border-bottom:1px solid #cfcbbc; color:#cfcbbc; }
span.clear-2 { border-top:1px solid #101011; border-bottom:1px solid #101011; color:#101011; }
span.color { color:#3078ab; }
span.color-1 { color:#cfcbbc; }
span.color-2 { color:#3078ab; border-left:2px solid #3078ab; }
span.color-3 { color:#101011; border-left:2px solid #101011; }
span.color-4 { color:#fff; background:#3078ab; }
span.color-5 { color:#fff; background:#cfcbbc; }
span.color-6 { color:#d48d1c; background:#ffe; border-top:1px solid #e9e9a1; border-bottom:1px solid #e9e9a1; }
span.color-7 { background:#222; color:#fff; }
/* unordered lists */
ul.circle1 { list-style-image:url(./images/bullet3ul.png); }
ul.circle2 { list-style-type:circle; }
ul.bullet1 { list-style-image:url(./images/bullet_ol_1_dark.png); }
ul.bullet2 { list-style-image:url(./images/bullet1ul.png); }
ul.bullet3 { list-style-image:url(./images/bullet2ul.png); }
ul.bullet4 { list-style-image:url(./images/bullet_ol_1_color.png); }
ul.square1 { list-style-type:square; }
ul.square2 { list-style-image:url(./images/bullet_squ1_dark.png); }
ul.square3 { list-style-image:url(./images/bullet_squ1_color.png); }
/* Numbers */
div.number1 span { background:transparent url(./images/bullet_ol_2.png) no-repeat center center; color:#fff; }
div.number2 span { background:transparent url(./images/bullet_ol_2_color.png) no-repeat center center; color:#fff; }