/*---------------------------------------------------------------
# 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 */
.image-left,.img_caption.left,.img-fulltext-left,.img-intro-left, img[align="left"]{float:left;margin:0 15px 5px 0}
.rtl .image-left,.rtl .img_caption.left,.rtl .img-fulltext-left,.rtl .img-intro-left, .rtl img[align="left"]{float:right;margin:0 5px 0 15px}
.image-right,.img_caption.right,.img-fulltext-right,.img-intro-right, img[align="right"]{float:right;margin:0 0 5px 15px}
.rtl .image-right, .rtl .img_caption.right, .rtl .img-fulltext-right, .rtl .img-intro-right, .rtl img[align="right"]{float: left;margin: 0 15px .5px 0;}
.border{display:block;position:relative;border:1px solid #F0F0F0;border-bottom:1px solid #D4D4D4;border-right:1px solid #D4D4D4;padding:5px;background:#fff}
img.img_caption{width:auto!important}
.image-margin{margin:5px}

/* 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:#1d1d1d url(../images/typo/sticky.png) no-repeat 0 0;border:1px solid #000;padding:15px 10px 15px 60px}
p.download{background:#1d1d1d url(../images/typo/download.png) no-repeat 0 0;border:1px solid #000;padding:15px 10px 15px 60px}

/*Unordered Lists*/
ul.rss, ul.minus, ul.delete, ul.check, ul.arrow, ul.arrow-2, ul.add, ul.star {list-style:none;margin:0;padding:0}
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.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;}

/*Columns*/
.sp-row {padding:30px 0}
.sp-col2, .sp-col3, .sp-col4, .sp-col5 {float:left}
.sp-col2 {width:50%}
.sp-col3 {width:33.33%}
.sp-col4 {width:25%}
.sp-col5 {width:20%}

/*Bootstrap*/
.btn .caret {margin-bottom:8px}
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
}


.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

/* Echo out a label for the example */
.bs-docs-example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #9da0a4;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

ul.the-icons {
	list-style:none;
	padding:0;
	margin:0
}
.the-icons li {
	float: left;
	width: 25%;
	line-height: 25px;
	background: none;
}

/* Example sites showcase */
.example-sites {
  margin-left: 20px;
}
.example-sites img {
  max-width: 100%;
  margin: 0 auto;
}

.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}

pre {
background:#1d1d1d !important;
color:#c4c5c6!important;
}


p.bt-box-info {
	padding: 15px 15px 15px 50px;
	border-top: solid 1px #C5DCE8;
	border-bottom: solid 1px #C5DCE8;
	background: #394e59 url(../images/typo/box-info.png) no-repeat 10px 8px;
}
p.bt-box-warning {
	padding: 15px 15px 15px 50px;
	border-top: solid 1px #DED6A3;
	border-bottom: solid 1px #DED6A3;
	background: #514e38 url(../images/typo/box-warning.png) no-repeat 10px 8px;
}
p.bt-box-stickynote {
	padding: 15px 15px 15px 50px;
	border-top: solid 1px #E0E0E0;
	border-bottom: solid 1px #E0E0E0;
	background: #4b4b4b url(../images/typo/box-stickynote.png) no-repeat 10px 8px;
}
p.bt-box-download {
	padding: 15px 15px 15px 50px;
	border-top: solid 1px #B8CBA4;
	border-bottom: solid 1px #B8CBA4;
	background: #434f37 url(../images/typo/box-download.png) no-repeat 10px 8px;
}
p.bt-box-faq {
	padding: 15px 15px 15px 50px;
	border-top: solid 1px #DED6A3;
	border-bottom: solid 1px #DED6A3;
	background: #69612d url(../images/typo/box-faq.png) no-repeat 10px 8px;
}
p.bt-box-flag {
	padding: 15px 15px 15px 50px;
	border-top: solid 1px #D8C2A9;
	border-bottom: solid 1px #D8C2A9;
	background: #59432a url(../images/typo/box-flag.png) no-repeat 10px 8px;
}

/***Box***/
div.bt-box1 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #000;
	background: none;
}
div.bt-box2 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #000;
	background: #1d1d1d;
}
div.bt-box3 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #1d1d1d;
	background: #383838;
}
div.bt-box4 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #0f76a7;
	background: none;
}
div.bt-box5 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #0f76a7;
	background: #005177;
}
div.bt-box6 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #5F95B0;
	background: #0f76a7;
}
div.bt-box7 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #FFE0B0;
	background: none;
}
div.bt-box8 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #E8CA9C;
	background: #c17400;
}
div.bt-box9 {
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #D69839;
	background: #754600;
}
/***End Box***/


/***Legend***/
.bt-legend {
	margin: 20px 0;
	padding: 10px 10px;
	position: relative;
	background: #1d1d1d;
	border: 1px solid #000;
}
.legend-title {
	margin: 0;
	padding: 2px 5px;
	display: block;
	left: 10px;
	top: -10px;
	color: #c4c5c6;
	position: absolute;
	background: #000;
}
.bt-legend.legend1 {
	border: 1px solid #000;
}
.bt-legend.legend2 {
	border: 1px solid #5F95B0;
}
.bt-legend.legend3 {
	border: 1px solid #D69839;
}
.bt-legend.legend4 {
	border: 1px solid #0F0F0F;
}
.bt-legend.bt-dotted {
	border-style: dotted;
}
.bt-legend.bt-rounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.legend1 .legend-title {
	color: #c4c5c6;
	background: #1d1d1d;
}
.legend2 .legend-title {
	color: #fff;
	background: #5F95B0;
}
.legend3 .legend-title {
	color: #fff;
	background: #D69839;
}
.legend4 .legend-title {
	color: #fff;
	background: #0F0F0F;
}
/***End Legend***/

/***Table***/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}
/* Plain rows */
table.plainrows {
	background-color: #1d1d1d;
	color: #c4c5c6;
	border-collapse: collapse;
}

table.plainrows caption {
	padding: 6px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

table.plainrows thead {
	border-bottom: solid 1px #000;
}

table.plainrows thead th {
	padding: 5px 10px;
	background-color: #000;
	color: #c4c5c6;
	font-size: 1.1em;
	text-transform: capitalize;
}

table.plainrows tfoot th, table.plainrows tfoot td {
	padding: 3px 10px;
	background-color: #111;
	color: #c4c5c6;
	font-size: 1.1em;
	text-transform: capitalize;
}

table.plainrows tfoot td {
	text-align: right;
}

table.plainrows tbody th, table.plainrows tbody td {
	border-bottom: solid 1px #000;
	padding: 4px 10px;
}

table.plainrows tbody th {
	white-space: nowrap;
}

table.plainrows tr.odd {
}

table.plainrows tbody tr:hover {
	background: #000;
}