/*---------------------------------------------------------------
# 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}
.share_img{float:left}
.image-left,.img_caption.left,.img-fulltext-left,.img-intro-left{float:left;margin:0 1em .5em 0}
.image-right,.img_caption.right,.img-fulltext-right,.img-intro-right{float:right;margin:0 0 .5em 1em}
.border{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:.5em}
span.image_wrapper img {background:#f2f2f2;padding:5px;border:1px solid #fff;float:left}
span.image_wrapper {background:url(../images/typo/image-bg.png) no-repeat 50% 100%;display:inline-block;padding-bottom:7px}

/* 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}

/*Social Share*/
.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.png) no-repeat -4px 2px;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-box-block {	border-left:1px solid #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;}
.sp-block1,.sp-block2,.sp-block3,.sp-block4,.sp-block5,.sp-block6,.sp-block7{margin:0 0 15px;padding:15px}
.sp-block1{background: #F3F3F3;border: 1px solid;border-color: #FFFFFF #C9C9C9 #C9C9C9 #FFFFFF;line-height: 1.8;}
.sp-block2{padding: 8px 35px 8px 14px;margin-bottom: 18px;color: #C09853;margin: 20px;
background-color: #FCF8E3;border: 1px solid #FBEED5;}
.sp-block3{padding: 8px 35px 8px 14px;margin-bottom: 18px;color: #B94A48;background-color: #EED3D7;
border: 1px solid #FBEED5;margin: 20px;}
.sp-block4{padding: 8px 35px 8px 14px;margin-bottom: 18px;color: #468847;background-color: #DFF0D8;
border: 1px solid #D6E9C6;margin: 20px;}
.sp-block5{padding: 8px 35px 8px 14px;margin-bottom: 18px;color: #3A87AD;background-color: #D9EDF7;
border: 1px solid #BCE8F1;margin: 20px;}
.sp-block6{background:}
.sp-block7{background:}

/*Columns*/
.sp-typo-row {clear: both;overflow: hidden;margin: 0 0 15px;font-size:16px;}
.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:transparent url(../images/typo/bignumber.png) no-repeat 0 0;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:#fff;display:inline-block;font-size:100%;font-weight:bold;left:7px;margin:0;padding:0 5px;position:absolute;top:-10px}
.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}

/* new aded typography*/
/* Lables and Badges*/
.sp-table {
  width: 100%;
  margin-bottom: 18px;
  border:1px solid #ddd;
}
.sp-tbordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.sp-label,.sp-badge {
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.sp-label {
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.sp-table th,
.sp-table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.sp-table th {
  font-weight: bold;
}

.sp-table thead th {
  vertical-align: bottom;
}
.sp-badge {
padding: 1px 9px 2px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
.sp-alt1{
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
color: #C09853;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #FCF8E3;
border: 1px solid #FBEED5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 20px;
}
.sp-alt2
{
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
color: #B94A48;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #EED3D7;
border: 1px solid #FBEED5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 20px;
}
.sp-alt3
{
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
color: #468847;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #DFF0D8;
border: 1px solid #D6E9C6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 20px;
}
.sp-alt4
{
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
color: #3A87AD;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #D9EDF7;
border: 1px solid #BCE8F1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 20px;
}
/*Styling Table */
.sp-widget{-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;background:#fff; }
.sp-head { background: #f5f5f5; height: 38px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: relative;padding:5px 15px;}
.sp-widget .sp-num { float: right; display: inline-block; text-align: center; margin: -27px 12px 0 0; font-size: 11px;background:#222;padding:3px 10px;border-radius:4px;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;}
.sp-widget .sp-num a.sp-blueNum {color:#fff;font-size:14px;}
.sp-widget .sp-num a.sp-blueNum:hover {color:#222;}
.sp-widget .sp-num:hover{background:#ccc;}
.sp-tableStatic thead td { padding: 3px 0 2px 0; text-align: center; border-left: 1px solid #D5D5D5; background: #efefef url(../images/leftNavBg.png) repeat-x; border-bottom: 1px solid #D5D5D5; font-size: 11px; color: #878787; }
.sp-tableStatic thead td:first-child { border-left: none; }

.sp-tableStatic tbody tr { border-top: 1px solid #e7e7e7;transition:transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.sp-tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; }

.sp-tableStatic tbody td { border-left: 1px solid #e7e7e7; padding: 8px 10px; vertical-align: middle; }
.sp-tableStatic tbody td:first-child { border-left: none; }
.sp-tableStatic tbody tr:hover{background:#C0F0DC;}

/*Button Style */
.sp-aligncenter {text-align: center;}
.sp-icobody{width:auto;background:#fff;height:auto;padding:10px 0 20px 0;}
.sp-socialbody{width:auto;background:#fff;padding:0px;height:auto;padding:20px;}
.sp-anim{width:auto;background:#fff;height:240px;padding:20px;font-size:12px;}
.sp-btn14{-moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;margin:5px; }
.sp-btn14 { border: 1px solid #d5d5d5; background: url(../images/leftNavBg.png) repeat-x 0 0; padding: 6px 8px; display: inline-block; }
.sp-btn14:hover { background: #f6f6f6; }
.sp-btn14:active { background: #f1f1f1; }
.sp-btn55 { background: #efefef url(../images/leftNavBg.png) repeat-x 0 0;; border: 1px solid #d5d5d5; padding: 8px 6px 2px 6px; display: inline-block;margin:8px; }
.sp-btn55:hover { background: #f6f6f6; }
.sp-btn55:active { background: #f1f1f1; }
.sp-btn55 span { display: block; padding: 5px 5px 0 5px; color: #595858; }
.sp-btnIconLeft { border: 1px solid #d5d5d5; margin:10px; display: inline-block; color: #595858; font-size:12px;background: url(../images/leftNavBg.png) repeat-x 0 0; }
.sp-btnIconLeft:hover { background: #f6f6f6; color: #B55D5C; }
.sp-btnIconLeft:active { background: #f1f1f1; }
.sp-btnIconLeft .icon { float: left; border-right: 1px solid #d5d5d5; padding: 8px; }
.sp-btnIconLeft span { display: block; float: left; padding: 7px 10px; }
.sp-mr5 { margin-right: 5px; }
.sp-mr10 { margin-right: 10px; }
.sp-mt5 { margin-top: 5px; }
.sp-mt10 { margin-top: 10px; }

.sp-btn:hover {
color: #333;
text-decoration: none;
background-color: #E6E6E6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.sp-btn {
border-color: #CCC;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
margin:19px;
padding: 6px 22px;
}
.sp-btn {
display: inline-block;
font-size: 13px;
line-height: 18px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: whiteSmoke;
background-image: -ms-linear-gradient(top, white, #E6E6E6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
background-image: -o-linear-gradient(top, white, #E6E6E6);
background-image: linear-gradient(top, white, #E6E6E6);
background-image: -moz-linear-gradient(top, white, #E6E6E6);
background-repeat: repeat-x;
border: 1px solid #CCC;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-bottom-color: #B3B3B3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.sp-btn.sp-btn-primary
{
background:#0087ED;
border:1px solid #CCC;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
transition:transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;
}
.sp-btn.sp-btn-primary:hover {background:#0074CC;}
.sp-btn.sp-btn-info
{
background:#2ACBF7;
border:1px solid #CCC;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
transition:transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;
}
.sp-btn.sp-btn-info:hover {background:#04B1E0;}
.sp-btn.sp-btn-success
{
background:#ADEDB6;
border:1px solid #CCC;
color: #222;
transition:transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;
}
.sp-btn.sp-btn-success:hover {background:#96D69F;}
.sp-btn.sp-btn-warning
{
background:#F7F08B;
border:1px solid #CCC;
color: #434D1E;

transition:transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;
}
.sp-btn.sp-btn-warning:hover {background:#F2E85A;}

.sp-btn.sp-btn-danger
{
background:#F27474;
border:1px solid #CCC;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
transition:transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;
}
.sp-btn.sp-btn-danger:hover {background:#F20F38;}F27474

.sp-btn.sp-btn-inv
{
background:#222;
border:1px solid #CCC;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
transition:transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;
}
.sp-btn.sp-btn-inv:hover {background:#fff;}

/*Animated Button*/
.sp-btn-animation{
    background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left:20px;
    padding-right:80px;
    height:38px;
    display:inline-block;
    position:relative;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sp-btn-animation-text{
    padding-top:8px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#446388;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.sp-btn-animation-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:16px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:38px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.sp-btn-animation-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.sp-btn-animation-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../images/typo/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sp-btn-animation:hover{
    padding-right:180px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.sp-btn-animation:hover .sp-btn-animation-text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#fff;
}
.sp-btn-animation:hover .sp-btn-animation-slide-text{
    width:100px;
}
.sp-btn-animation:hover .sp-btn-animation-icon-right span{
    opacity:1;
}
.sp-btn-animation:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}

/*Form Element*/
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append
{
display: inline-block;
  *display: inline;
  margin-bottom: 0;
  *zoom: 1;
}
.form-horizontal .hide {
  display: none;
}
.form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .sp-controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 160px;
  *margin-left: 0;
}

.form-horizontal .sp-controls:first-child {
  *padding-left: 160px;
}

.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
}

.form-horizontal .form-actions {
  padding-left: 160px;
}
.sp-focused{
color: #222;
border-radius: 6px;
border: 1px solid rgba(82, 168, 236, .8) !important;
}
.sp-focused:active
{
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
}
.sp-focused:focus
{
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
}
.uneditable-input
 {
overflow: hidden;
white-space: nowrap;
cursor: not-allowed;
background-color: white;
border-color: #EEE;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}
.uneditable-input {
background: #F0F0F0;
padding: 5px 28px;
border-radius: 5px;
color: #CCC;
}
.disabled
{
background: #F0F0F0 !important;
padding: 8px 8px !important;
border-radius: 5px !important;
color: #CCC !important;
}
.inputWarning
{
border:1px solid #F7D723 !important;
padding:8px !important;
border-radius:5px;
}
.sp-controls span.help-inline.warning
{
color:#F7D723 !important;
}
.inputerror
{
border:1px solid #FA0207 !important;
padding:8px !important;
border-radius:5px;
}
.help-inline.error
{
color:#FA0207 !important;
}
.inputsuccess
{
border:1px solid #468847 !important;
padding:8px !important;
border-radius:5px;
}
.help-inline.sp-success
{
color:#468847 !important;
}
.sp-selector
{
padding: 5px 8px 5px 125px;
border-radius:5px;
border:1px solid #ccc;
}
.sp-controls span.sp-woo
{
color:#38F5C6;
}