/*	=== DEPENDENT LOCATIONS ===
	logos.com/iphone
	logos.com/ipad
	logos.com/android
	logos.com/kindlefire
	logos.com/biblia
	logos.com/pc
	logos.com/mac
*/

#fb-root {
    height: 0 !important;
    line-height: 0;
    overflow: hidden;
}

.bl-1{border-left: 1px solid #ddd;}
.bb-1{border-bottom: 1px solid #ddd;}

.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}

.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}

.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}

.ta-c{text-align: center;}
.ta-l{text-align: left;}
.ta-r{text-align: right;}

.h-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
	.h-list > li{
		display: inline-block;
		margin: 0;
	}
.v-align-shim{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.feat-icon{
	background-color: transparent;
	background-image: url(/images/pages/apps/feature_sprites.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 65px !important;
	height: 65px;
	line-height: 0 !important;
	width: 65px;
}
	.feat-icon.icon-device{background-position: 0px 0px;}
	.feat-icon.icon-compare{background-position: -1em 0px;}
	.feat-icon.icon-settings{background-position: -2em 0px;}
	.feat-icon.icon-touch{background-position: -3em 0px;}
	.feat-icon.icon-calendar{background-position: -4em 0px;}
	.feat-icon.icon-book{background-position: -5em 0px;}
	.feat-icon.icon-words{background-position: -6em 0px;}
	.feat-icon.icon-globe{background-position: -7em 0px;}
	.feat-icon.icon-share{background-position: 0px -1em;}
	.feat-icon.icon-search{background-position: -1em -1em;}
	.feat-icon.icon-highlight{background-position: -2em -1em;}
	.feat-icon.icon-quotesearch{background-position: -3em -1em;}
	.feat-icon.icon-split{background-position: -4em -1em;}
	.feat-icon.icon-notes{background-position: -5em -1em;}
	.feat-icon.icon-ereader{background-position: -6em -1em;}
	.feat-icon.icon-article{background-position: -7em -1em;}
	.feat-icon.icon-list{background-position: 0px -2em;}
	.feat-icon.icon-time{background-position: -1em -2em;}
	.feat-icon.icon-letters{background-position: -2em -2em;}
	.feat-icon.icon-bubble{background-position: -3em -2em;}
	.feat-icon.icon-audio{background-position: -5.4em -2em;}
	.feat-icon.icon-airbubbles{background-position: -6.2em -2em;}
	.feat-icon.icon-topic{background-position: -7em -2em;}
	.feat-icon.icon-sunrise{background-position: 0 -3em;}


.acct-icon-pre:before{
	background-color: transparent;
	background-image: url(/images/pages/apps/feature_sprites.png);
	background-position: 260px 130px;
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	height: 30px;
	margin-right: 10px;
	vertical-align: middle;
	width: 30px;
}
	.acct-icon-pre.icon-free:before{background-position: -260px -130px;}
	.acct-icon-pre.icon-bubble:before{background-position: -292px -130px;}
	.acct-icon-pre.icon-help:before{background-position: -320px -130px;}
	.acct-icon-pre.icon-connect:before{background-position:  -260px -160px;}
	.acct-icon-pre.icon-cart:before{background-position: -290px -160px;}
	.acct-icon-pre.icon-download:before{background-position: -320px -160px;}

#platform-navigation-bar{
	padding-bottom: 10px;
	text-align: center;
}
	#platform-navigation-bar li+li{
		margin-left: 8px;
	}
	#platform-navigation-bar img {
		display: block;
		margin: 0 auto 15px;
	}
	#platform-navigation-bar a {
		color: #888888;
		display: block;
		padding: 25px 25px 6px;
		position: relative;
	}
	#platform-navigation-bar a:hover {
		color: #6EA5E1;
	}
	#platform-navigation-bar .active-platform:after,
	#platform-navigation-bar a:hover:after {
		border-bottom: 6px solid #6ea5e1;
		bottom: -10px;
		content: '';
		left: 50%;
		margin-left: -36px;
		position: absolute;
		width: 72px;
	}

/* States */
	.user-show{display:none;}
	.non-user-show{display:block;}

	/*Signed in*/
	.signed-in .user-show{display: block;}
	.signed-in .non-user-show{display: none;}

	/*Signed out*/
	.signed-out .user-hide{display: none;}
	.signed-out .non-user-show{display: block;}


#app-header-account {
	background: url(/images/pages/apps/account-bg.png) repeat-x bottom;
	height: 290px;
	padding: 60px 90px 0px;
}
	#app-header-account h2  {
		color: #4c4c4c;
		font-size: 28px;
		letter-spacing: -.75px;
		margin-bottom: 20px;
		text-align: center;
		white-space: nowrap;
	}
	#app-header-account h2 span {
		color:#6EA5E1;
	}
	#app-header-account ul.account-features {
		float:left;
		margin-left:40px;
	}
	#app-header-account ul.account-features li {
		color: #4c4c4c;
		font-size: 16px;
		height: 30px;
		line-height: 30px;
		list-style-type: none;
		margin-bottom: 15px;
		margin-left: 0;
	}
	
.app-info{
	padding-top:10px;
}
	.app-info h2 {
		letter-spacing: -2px;
	}
	.app-info p{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.app-info .social-share-widgets{
		margin-top: 60px;
		margin-bottom: 10px;
	}
	.app-info .social-share-widgets>li{
		width: 90px;
	}
	.app-info .device-screen{
		display: inline-block;
		vertical-align: bottom;
	}

.video-link{
	border-right: 1px solid #ccc;
	display: inline-block;
	margin-left: 40px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	vertical-align: middle;
	width: 400px;
}

.video-shadow{
	position: relative;
}
	.video-shadow:after{
		background: url(/images/pages/apps/video-shadow.png) no-repeat center center transparent;
		content: "";
		display:block;
		height: 40px;
		left: 0;
		position: absolute;
		top: 105%;
		width: 100%;
	}

.video-callout{
	vertical-align: middle;
	display: inline-block;
	width: 305px;
}

.features .disclaimer {
	font-size: 11px;
}
.features .tab-list{
	margin-bottom: 20px;
	margin-top: 20px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
	.tab-list .tab{
		color: #8A8A8A;
		cursor: pointer;
		display: inline-block;
		height: 29px;
		line-height: 29px;
		margin-bottom: 10px;
		margin-left: 0;
		padding-left: 25px;
		width: 125px;
	}
	.tab-list .tab.selected,.tab-list .tab:hover{
		background: url(/images/pages/apps/button-hover.png) no-repeat scroll 0 0 transparent;
		color: #0F6CB6;
	}

.tab-content .screens{
	overflow: hidden;
	margin:0;
	position: relative;
}
	.tab-content .screen{
		display: none;
		list-style: none;
		margin-left: 0;
		position: absolute;
		width: 100%;
	}
	.tab-content .screen.selected{
		display: list-item;
	}
	.tab-content .screen .feature-description{
		display: inline-block;
		float: right;
		vertical-align: top;
		width: 180px;
	}
	.tab-content .screen .feat-icon{
		margin-bottom: 20px;
		margin-top: 60px;
	}
	.tab-content .screen .feature-description p{
		padding-top: 10px;
		border-top: 1px solid #ddd;
	}
	.tab-content .screen .screen-image{
		display: inline-block;
		text-align: center
	}

.download-cta-bar{
	background: #0F6CB6;
	padding: 20px 0 15px;
	text-align: center;
}
	.download-cta-bar h3, .download-cta-bar a{
		display: inline-block;
		color: white;
		vertical-align: middle;
		margin: 0 20px;
	}

.form-wrapper{
	padding: 70px 0 50px;
	background: url(/images/pages/apps/form-bg.png) no-repeat center center transparent;
	height: 310px;
	text-align: center;
}
	.form-wrapper:before{
		content:"";
		display: inline-block;
		height: 100%;
		width: 1px;
		margin-left: -1px;
		vertical-align: middle;
	}
	.form-wrapper .form-device-image{
		display: inline-block;
		vertical-align: middle;
	}
	.form-wrapper form{
		margin-left: 40px;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}
	.form-wrapper input.text-input{
		border: 1px solid #999;
		border-radius: 3px;
		height: 20px;
		width: 200px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 13px;
	}
	.form-wrapper input.text-input, .form-wrapper input.text-input+.button{
		vertical-align: middle;
	}
	.form-wrapper .checkbox--label{
		display: block;
		color: #999;
		margin-bottom: 10px;
	}
		.form-wrapper .checkbox--label input[type=checkbox]{
			margin: 0 5px 0 0;
			vertical-align: middle
		}
		.form-wrapper .checkbox--label .label-text{
			vertical-align: middle
		}