/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/

/* TYPOGRAPHY */
pre.typo{background:transparent!important;font-size-adjust:none;font-stretch:normal;font:normal normal normal 1em/1.5 "Courier News",monospace;margin:0!important;padding:0!important;border:none!important;border-left:none!important}
pre,.code{background:#ededed;font-size-adjust:none;font-stretch:normal;font:normal normal normal 1em/1.5 "Courier News",monospace;margin:5px 0 15px;padding:10px 15px;border:1px solid #d3d3d3;border-left:5px solid #888}
blockquote{padding:1em 40px 1em 15px}
blockquote span.open{background:url(../images/typo/quote-open.png) no-repeat left top;padding:3px 0 0 30px}
blockquote span.close{background:url(../images/typo/quote-close.png) no-repeat bottom right;padding:0 30px 3px 0}
blockquote.testimonial{padding:0 0 15px;border-bottom:1px solid #E6E6E6}
blockquote.testimonial span.author{background:url(../images/typo/author.gif) no-repeat 5px center;display:block;font-weight:bold;margin-top:5px;padding-left:20px}
p.quote {background:url(../images/typo/quote.png) no-repeat left top;min-height:35px;padding:3px 0 0 40px;font-size:90%;font-style:italic}

small{font-size:0.85em}
sup{position:relative;bottom:0.3em;vertical-align:baseline}
sup em{color:#F00;font-size:.8em}
sup{position:relative;bottom:0.3em;vertical-align:baseline}
acronym,abbr{border-bottom:1px dashed;letter-spacing:1px;cursor:help}

/* @IMAGE */
img{border:none}
img.image-left,.img-fulltext-left, .img-intro-left{float:left;margin:.5em 1em .5em 0}
img.image-right,.img-fulltext-right,.img-intro-right{float:right;margin:.5em 0 .5em 1em}
img.border{background:#f5f5f5;border:1px solid #e5e5e5;padding: 4px}
img.image-margin{margin:.5em}

/* Dropcap */
.dropcap{overflow:hidden}
.dropcap:first-letter{color:#666;display:block;float:left;font:50px/40px Georgia,Times,serif;padding:4px 8px 0 0}

/* Tips,Error,Message,Hightlight*/
p.error{background:url(../images/typo/error.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.warn{background:url(../images/typo/warn.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.tips{background:url(../images/typo/tips.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.help{background:url(../images/typo/help.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.info{background:url(../images/typo/info.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.email{background:url(../images/typo/email.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.print{background:url(../images/typo/print.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.rss{background:url(../images/typo/rss.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.save{background:url(../images/typo/save.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.lock{background:url(../images/typo/lock.gif) no-repeat 0 5px;padding:0 0 5px 24px}
p.user{background:url(../images/typo/user.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.new{background:url(../images/typo/new.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.house{background:url(../images/typo/house.png) no-repeat 0 5px;padding:0 0 5px 24px}
p.tag{background:url(../images/typo/tag.png) no-repeat 0 5px;padding:0 0 5px 24px}

.highlight{color:#fff;background:#999;font-weight:bold;padding:3px 5px}

/* Note Style */
p.stickynote{background:#f5f5f5 url(../images/typo/sticky.png) no-repeat 0 0;border:1px solid #d3d3d3;padding:15px 10px 15px 60px}
p.download{background:#f5f5f5 url(../images/typo/download.png) no-repeat 0 0;border:1px solid #d3d3d3;padding:15px 10px 15px 60px}
.blocknumber{clear:both;padding:5px 15px 10px;position:relative}

/*Unordered Lists*/
ol {list-style-type: decimal;list-style-position:inside}
ol li {margin-left:0;padding:0}
ul, ul.rss, ul.minus, ul.delete, ul.check, ul.arrow, ul.arrow-2, ul.add, ul.star {list-style:none}
ul.rss li, ul.minus li, ul.delete li, ul.check li, ul.arrow li, ul.arrow-2 li, ul.add li, ul.star li {margin-left:0;padding:0 0 0 20px}
ul li {background:url(../images/typo/bullet.gif) no-repeat 0 6px;margin-left:0;padding:0 0 0 10px}
ul.rss li {background:url(../images/typo/rss_list.png) no-repeat 0 2px;}
ul.minus li {background:url(../images/typo/minus.png) no-repeat 0 2px;}
ul.delete li {background:url(../images/typo/delete.png) no-repeat 0 2px;}
ul.check li {background:url(../images/typo/check.png) no-repeat 0 2px;}
ul.arrow li {background:url(../images/typo/arrow.png) no-repeat 0 2px;}
ul.arrow-2 li {background:url(../images/typo/arrow-2.png) no-repeat 0 2px;}
ul.add li {background:url(../images/typo/add.png) no-repeat 0 2px;}
ul.star li {background:url(../images/typo/star.png) no-repeat 0 2px;}

/*Blocks*/
.sp-block1,.sp-block2,.sp-block3,.sp-block4,.sp-block5,.sp-block6,.sp-block7{margin:0 0 15px;padding:15px}
.sp-block1{
	background: #F3F3F3;
	background: -moz-linear-gradient(top, #F3F3F3 0%, #E6E6E6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#E6E6E6));
	background: -webkit-linear-gradient(top, #F3F3F3 0%,#E6E6E6 100%);
	background: -o-linear-gradient(top, #F3F3F3 0%,#E6E6E6 100%);
	background: -ms-linear-gradient(top, #F3F3F3 0%,#E6E6E6 100%);
	background: linear-gradient(top, #F3F3F3 0%,#E6E6E6 100%);
	border: 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 1.8;
	text-shadow: 0 1px 0 #FFFFFF;
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	box-flex: 2;
	border-color: #FFFFFF #C9C9C9 #C9C9C9 #FFFFFF;
}
.sp-block2{border:2px dotted #ccc}
.sp-block3{border:1px solid #ccc}
.sp-block4{background:#000;color:#fff}
.sp-block5{background:#c80505;color:#fff}
.sp-block6{background:#7c9a02;color:#fff}
.sp-block7{background:#1096d4;color:#fff}

/*Columns*/
.sp-typo-row {clear: both;overflow: hidden;margin: 0 0 15px;}
.sp-typo-padding {padding: 0 5px;}
.sp-col1, .sp-col2, .sp-col3, .sp-col4, .sp-col5, .sp-col6 {float:left} 
.sp-col1 {width:100%}
.sp-col2 {width:50%}
.sp-col3 {width:33.33%}
.sp-col4 {width:25%}
.sp-col5 {width:20%}
.sp-col6 {width:16.66%}

/* Bignumber */
.bignumber{background:#000;color:#FFF;display:block;float:left;font-size-adjust:none;font-stretch:normal;font:normal normal bold 20px/normal Arial,sans-serif;margin-right:8px;padding:6px 7px}

/* Legend */
.legend-title{background:#000;color:#fff;display:inline-block;font-size:100%;font-weight:bold;left:7px;margin:0;padding:0 5px;position:absolute;top:-10px;line-height: 160%;}
.legend{border:1px solid #e7e7e7;margin:20px 0;padding:10px;position:relative}
/* Left & Right*/
div.sp-left,div.sp-right{margin:0;padding:0;width:49%}
div.sp-left{float:left}
div.sp-right{float:right}

