/*-  Layout
----------------------------------------------------------------------*/
body {
	font-size: 13px;
	line-height:18px;
}
.center {
	text-align: center;
}

.right-align {
	text-align:right;	
}

.clr {
	clear:both; padding:0; margin:0; width:100%; height:0; font-size:0px; line-height:0px; border:none;
}


/*-  Header
----------------------------------------------------------------------*/
.navbar .welcome {
	float:right; 
	color:#FFF; 
	line-height:18px; 
	height:18px; 
	padding:10px 10px 11px;
}
.navbar .welcome a {
	color:#FFF;
}

/*-  Left Nav
----------------------------------------------------------------------*/
.well hr {
	border-top: 1px solid #DDD;
	margin:5px 0;
}


/*-  Varnish
----------------------------------------------------------------------*/
.span-nested{
	margin-left:0;
}
.indented {
	margin-left:20px;
}

.high {
	line-height:3em;
}

.no-rounded-corners{
	border-radius:0; 
	-webkit-border-radius:0; 
	-moz-border-radius:0;
}

.btn:focus {
	outline:0px;
}

input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
    border-color: #CCCCCC;
    color:#555;
    box-shadow:none;
}

/*-  Alerts
----------------------------------------------------------------------*/
.alert-info{
	color:#555;
}


/*-  Type
----------------------------------------------------------------------*/
.large {
	font-size: 27px;
	line-height: 36px;	
}


/*-  Homepage
----------------------------------------------------------------------*/
.homepage .hero-unit {
	padding:10px;
	-webkit-box-shadow: 0 8px 6px -6px #999;
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;
    background:#f5f5f3;
}

.homepage .hero-unit h1 {
	font-size:42px;
	font-weight:normal;
	line-height: 1.2em;
	margin-top:0px;
}



.homepage .hero-unit .text {
	padding:20px 0px 15px 40px;
}

.homepage .hero-unit p {
	margin-top: 20px;
	font-size:20px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.homepage .hero-unit ul {
	margin-top:10px;
}
.homepage .hero-unit ul li {
	font-size:16px;
	line-height: 1.6em;
}

.homepage .hero-unit .btn {
	margin-top:10px;
    border-radius: 6px 6px 6px 6px;
    font-size: 20px;
    font-weight: normal;
    margin-right: 10px;
    padding: 14px 24px;
}

.homepage .hero-image{
	float:right; 
	margin:0 0 0 40px;
	height:562px;
	width:600px;
}

.homepage .circle30 {
	 display:inline-block;
	 margin-right:10px;
}

.homepage p{
	line-height:1.7em;
}

.homepage h2 a{
	color:#333;
}

.more_info p {
	margin-left:50px;
}

.circle30 {
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:15px; 
	-webkit-border-radius:15px; 
	-moz-border-radius:15px;
	background:#f3f3f3;
}

.circle30 .sprite_vertical.info {
	margin:0px 0px 4px 9px;
}

.circle30 .sprite_vertical.gear {
	margin:0px 0px 4px 5px;
}

.circle30 .sprite_vertical.right_arrow {
	margin:0px 0px 4px 7px;
}

.circle30 .sprite_vertical.heart {
	margin:0px 0px 4px 6px;
}

.sprite_vertical { background:transparent url("/images/sprite_vertical.png"); border:0; padding:0; vertical-align:middle; display:-moz-inline-stack; display:inline-block; }
.sprite_vertical.info { width:12px; height:20px; background-position:0px 0px; }
.sprite_vertical.gear { width:21px; height:21px; background-position:0px -23px; }
.sprite_vertical.right_arrow { width:18px; height:19px; background-position:0px -46px; }
.sprite_vertical.heart { width:18px; height:15px; background-position:0px -66px; }


/*-  Footer
----------------------------------------------------------------------*/
.footer {
	margin-top: 45px;
	padding: 20px 0 20px 0;
	border-top: 1px solid #e5e5e5;
}


/*-  Modal Window
----------------------------------------------------------------------*/

.bsp_overlay {
  background-color:#1d3847;
  opacity:.6;
  filter:alpha(opacity=50)
}
.dialog {
  -moz-box-shadow:0px 0px 10px 5px #333333;
  -webkit-box-shadow:0px 0px 10px 5px #333333;
  box-shadow:0px 0px 10px 5px #333333;
  color:#333;
  font-family:Arial;
  font-size:12px;
  background-color:#ebf3f8;
  line-height:14px;
  position:absolute;
}
.dialog.white {
  background-color:#fff
}
.dialog .content .section, .content.section {
  padding:20px
}
.dialog .title {
  line-height:24px;
  color:#fff;
  background-color:#333;
  font-weight:bold;
  font-size:14px;
  padding:0px 20px;
  zoom:1;
}
.dialog .title a {
  position:absolute;
  right:20px;
  top:0px;
  font-weight:bold;
  font-size:12px;
  color:#fff;
  text-decoration:none
}
.dialog .title a:OFFactive {
  position:absolute;
  top:1px;
}
.dialog .title.empty {
  background-color:transparent
}
.dialog .title.empty a {
  color:#000
}
.dialog .content {
  overflow:hidden;
}
.dialog .content .sect-submit {
  float:right;
}

#login_iframe { height:260px; width:600px; overflow:hidden; border:0px; }
#signup_iframe { height:473px; width:400px; overflow:hidden; border:0px;}



.btn-bsp-primary {
	padding: 4px 20px;
	background-color: #5CB1E4;
	*background-color: #5CB1E4;
	background-image: -ms-linear-gradient(top, #5CB1E4 100%, #2693D5 100%);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5CB1E4), to(#2693D5));
	background-image: -webkit-linear-gradient(top, #5CB1E4, #2693D5);
	background-image: -o-linear-gradient(top, #5CB1E4, #2693D5);
	background-image: -moz-linear-gradient(top, #5CB1E4, #2693D5);
	background-image: linear-gradient(top, #5CB1E4, #2693D5);
	background-repeat: repeat-x;
	border-color: #2693D5 #2693D5 hsl(201, 93%, 54.5%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5CB1E4', endColorstr='#2693D5', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	color: #FFF;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 2px 2px rgba(50, 50, 100, 0.25);

}

.btn-bsp-primary:hover,
.btn-bsp-primary:active,
.btn-bsp-primary.active,
.btn-bsp-primary.disabled,
.btn-bsp-primary[disabled] {
	background-color: #2693D5;
	*background-color: #2693D5;
	color: #ffffff;
}

.btn-bsp-primary:active,
.btn-bsp-primary.active {
	background-color: #24748c \9;
}

.btn-bsp-primary,
.btn-bsp-primary:hover {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .btn-bsp-primary {
	margin:-7px -7px -5px 4px;
	text-align:left;
	padding:3px 6px;
	
}

.btn-bsp-primary .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}

.brand.partners img {
	width: 107px;
	height: 29px;
}
