/*!
 * Bounce Template v2.1 - Blue
 * More colors coming soon! 
 *
 * Built with Bootstrap v2.2.2
 * http://twitter.github.com/bootstrap
 */

/* Navbar
-------------------------------------------------- */
.navbar-inner
{
	background: none repeat scroll 0 0 #394755;
}

.navbar .brand
{
	color: #FFFFFF;
}

.navbar .nav > li > a
{
	color: #D6DFE5;
}

.navbar .nav > li > a:hover
{
	color: #FFFFFF;
}

.navbar .nav > li.active > a,
.navbar .nav > li.active:hover > a,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus
{
	background: none repeat scroll 0 0 transparent;
	border-bottom: 2px solid #308CCF;
	color: #FFFFFF;
}

/* Landing
-------------------------------------------------- */
#landing
{
	background: none repeat scroll 0 0 #F1F1F1;
}

#landing h1
{
	color: #308CCF;
}

#landing p
{
	color: #394755;
}

#landing .carousel-control
{
	color: #0088CC;
}

#landing .carousel-control:hover
{
	color: #17405E;
}

#landingSlide
{
	background: url("../img/landing.png") no-repeat scroll center 200px #F1F1F1;
}

/* Page Header
-------------------------------------------------- */
#header
{
	background: none repeat scroll 0 0 #F1F1F1;
}

#header h1
{
	color: #308CCF;
}

/* Main Content
-------------------------------------------------- */
#content
{
	background: url("../img/noise.png") repeat scroll 0 0 #FFFFFF;
	color: #394755;
}

.bouncy:hover i
{
	color: #0074CC;
}

/* Pricing Tables
-------------------------------------------------- */
.product-plan
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
}

ul.plans
{
	margin: 0;
}

.product-plan .name
{
	background: none repeat scroll 0 0 #394755;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.product-plan .name h3
{
	color: #D6DFE5;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}

.product-plan .price
{
	background: none repeat scroll 0 0 #F1F1F1;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid rgba(255, 255, 255, 0.8);
}

.product-plan .price h3
{
	color: #308CCF;
}

.product-plan .feature
{
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

.product-plan .action
{
	background: none repeat scroll 0 0 #F1F1F1;
}

.product-plan.popular .name
{
	background: none repeat scroll 0 0 #308CCF;
	color: #FFFFFF;
}

.product-plan.popular .name h3
{
	color: #FFFFFF;
}

/* Footer
-------------------------------------------------- */
#footer
{
	background: none repeat scroll 0 0 #F1F1F1;
	color: #17405E;
}

#footer h3
{
	color: #308CCF;
}

#footer a
{
	color: #17405E;
}

#footer a:hover
{
	color: #333333;
}

/* Copywrite
-------------------------------------------------- */
#copywrite
{
	background: none repeat scroll 0 0 #394755;
	color: #D6DFE5;
}

/* Mobile Defaults
------------------------- */
@media (max-width: 979px)
{
	.navbar .nav-collapse .nav > li.active > a,
	.navbar .nav-collapse .nav > li.active:hover > a,
	.navbar .nav-collapse .nav .active > a,
	.navbar .nav-collapse .nav .active > a:hover,
	.navbar .nav-collapse .nav .active > a:focus
	{
		background-color: #308CCF;
	}

	.navbar .nav-collapse .nav > li > a:hover
	{
		background-color: #308CCF;
	}

	.product-plan .feature .pull-right
	{
		color: #308CCF;
	}
}





/* New design overrides */

.navbar .brand
{
	font-size: 39px;
	text-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

.navbar .brand i
{
	margin-right: -7px;
}

.username-truncated
{
	max-width: 330px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.accountbox
{
	margin-top: 20px;
	border: solid 1px rgba(0,0,0,0.1);
	padding: 20px;
	/*background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 50px);*/
}


/* S3stat old design shims */

.leftchannel img.hero
{
	/*max-width:initial;*/
}

img.goicon
{
	margin-bottom: 0px;
}

label
{
	display: inline;
}

a:visited
{
	color: #0088cc;
	text-decoration: none;
}

.imageright
{
	float: right;
	margin: 0px 0px 20px 20px;
}

.fineprint
{
	font-size: 10px;
	color: #999;
}

#footer h3
{
	font-size: 23px;
}

#content
{
	background: #fff;
}

.alert h1, .alert h2, .alert h3, .alert h4
{
	font-weight: bold;
	line-height: 20px;
}

.btn-large .caret
{
	margin-top: 8px;
}

.bouncy .icon_wrapper i
{
	width: 60px;
}

.navbar .nav > li > a.pull-right
{
	float: right;
}

body.responsive .centerbox
{
	position: inherit;
	width: inherit;
	text-align: inherit;
	left: inherit;
	margin-left: inherit;
}

@media (max-width: 979px)
{
	body.responsive
	{
		padding-top: 0;
	}

	.navbar .btn-dropnav
	{
		display: none;
	}

	body.responsive .navbar .btn-dropnav
	{
		display: block;
	}

	body.responsive .nav.pull-right, body.responsive .navbar .nav > li > a.pull-right
	{
		float: none;
	}

	body.responsive .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a
	{
		color: #D6DFE5;
	}

	body.responsive .navbar-fixed-top
	{
		margin-bottom: 0;
	}

	#landing
	{
		height: 468px !important;
	}

	body.responsive .progress-steps
	{
		left: 0;
		margin-top: 25px;
	}

	body.responsive .progress-steps > i
	{
		left: 60px;
	}

	body.responsive .progress-steps li > a, .progress-steps li > span
	{
		border: 1px solid transparent;
	}

	body.responsive .setup-progress
	{
		margin: 20px 0 0 13px;
	}
}

@media (max-width: 767px)
{

	body.responsive #content
	{
		padding: 0px 20px !important;
	}

	#landing
	{
		height: 706px !important;
	}

	#landing .hero-column
	{
		text-align: center;
		margin-bottom: 50px;
	}

	img.hero
	{
		max-width: initial;
		left: 50%;
		margin-left: -280px;
	}
}

@media (max-width: 559px)
{
	img.hero
	{
		max-width: 100vw;
		left: 50%;
		margin-left: -50vw;
	}
}