/*
    ShortChangeHero
*/

.navbar-inverse {
    background-image: none !important;
    background-color: #28B7ED !important;
}

body {
    height:95%!important;
    font-family:Verdana,sans-serif!important;
}

#footer {
    background-color:#F5F5F5!important;
    min-height:100px;
    padding:20px;
    font-family:Verdana,sans-serif;
    font-size:17px;
}

.bs-callout {
    background:#FFFFFF!important;
    color:#949492!important;
    border:1px solid #777777!important;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-nav>li>a {
    color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav>li>a:hover {
    background:#2CBBF1!important;
}

.navbar-toggle {
    background-color: #333333 !important;
}

.dropdown-menu {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dropdown-menu>li>a:hover {
    background-image: none !important;
    background-color: #5C7AB9 !important;
    color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #5C7AB9 !important;
    color: #FFFFFF !important;
}
.bg-success {
    background-color:#88D889;
    padding:5px;
    color:#ffffff;
}
.bg-danger {
    background-color:#FC858F;
    padding:5px;
    color:#ffffff;
}
.reg_btn{
    background:#5C7AB9!important;
    border:none;
    padding:10px;
    color:#FFFFFF;
}
.reg_btn:hover{
    background:#718FCE!important;
}
.container{
    margin-top:-63px!important;
}
.tooltip-inner{
    background-color:#244281!important;
}
.top .tooltip-arrow{
    border-top-color:#244281!important;
}
.left .tooltip-arrow{
    border-left-color:#244281!important;
}
.bottom .tooltip-arrow{
    border-bottom-color:#244281!important;
}
.right .tooltip-arrow{
    border-right-color:#244281!important;
}
#paper{
    background-color:#FCFCFC;
    padding:1px;
    color:#444444;
    position:relative;
    margin:1px 0;
    text-align:center;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
#paper:before,#paper:after {
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: -3px;
	bottom: 20px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
}
#paper:after {
	left: auto;
	right: -3px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}

#tpl {
font-size: 22px;
line-height: 32px;
position: relative;
margin: 20px 0 30px 0;
background: #fff;
border-left: 3px solid #6bb5eb;
padding: 8px 0 7px 17px;
color: #5c617b;
font-weight: normal;
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(255, 255, 255);
background-image: none;
background-origin: padding-box;
background-size: auto;
border-left-color: rgb(107, 181, 235);
border-left-style: solid;
border-left-width: 3px;
color: rgb(92, 97, 123);
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: normal;
height: 32px;
line-height: 32px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 40px;
margin-left: 0px;
margin-right: 0px;
margin-top: 30px;
padding-bottom: 7px;
padding-left: 17px;
padding-right: 0px;
padding-top: 8px;
position: relative;
text-rendering: optimizelegibility;
font-family:'Open Sans', sans-serif;
font-size: 22px;
line-height: 32px;
position: relative;
margin: 30px 0 40px 0;
background: #fff;
border-left: 3px solid #6bb5eb;
padding: 8px 0 7px 17px;
height:50px;
border-top:1px solid rgba(230,230,230,0.3);
border-bottom:1px solid rgba(230,230,230,0.3);
border-right:1px solid rgba(230,230,230,0.5);
margin:10px!important;
}

.pull{
float:right;
margin-right:10px;
margin-top:4px;
}

#tpl:before {
content: "";
display: block;
width: 4px;
height: 6px;
background: transparent url("../img/header-triangle.png") no-repeat;
position: absolute;
top: 21px;
left: 0;
}

#tpl:after {
content: "";
display: block;
width: 186px;
height: 18px;
position: absolute;
right: 0;
bottom: -18px;
background: transparent url("../img/header-shadow.png") no-repeat;
}

ul.social li {
    background:rgba(240,240,240,1);
    padding:0;
}

ul.social li {
    display:inline-block;
    list-style:none;
    padding:0;
    margin:0;
}

ul.social li a{
display: block;
background: transparent url("../img/sprite-social.png") no-repeat;
width: 60px;
height: 60px;
color: transparent;
font-size: 0;
padding:0;
margin:0;
}

ul.social li a.fb {
  background-position: -4px -3px;
}
ul.social li a.fb:hover {
  background-position: -92px -3px;
}
ul.social li a.tw {
  background-position: -4px -93px;
}
ul.social li a.tw:hover {
  background-position: -92px -93px;
}
ul.social li a.go {
  background-position: -4px -183px;
}
ul.social li a.go:hover {
  background-position: -92px -183px;
}
ul.social li a.in {
  background-position: -4px -273px;
}
ul.social li a.in:hover {
  background-position: -92px -273px;
}