
#appBar {
	position:fixed;
	z-index:99;
	top:30px;
	text-align:center;
	width:100%;
	background:transparent url('/assets/images/appBar/appBarBG02b.png') repeat-x 0 1px;
}

#appBar.topBar {
	background:transparent url('/assets/images/appBar/appBarBG02t.png') repeat-x;
}

#toolsHndl {
	position:fixed;
	z-index:9;
	top:30px;
	text-align:center;
	width:100%;
}

#appBar > div {
	width:1001px;
	height:51px;
	margin:1px auto -1px;
	text-align:center;
	position:relative;
}

#appBar.topBar > div {
	margin:0 auto;
}

#appBar > div > .appSpace {
	height:51px;
	width:25px;
	background:transparent url('/assets/images/appBar/appBar_crvL1_b.png') no-repeat right;
	position:absolute;
	top:0;
	left:0;
}

#appBar > div > .appSpace ~ .appSpace {
	background:transparent url('/assets/images/appBar/appBar_crvR1_b.png') no-repeat left;
	left:auto;
	right:0;
}

#appBar.topBar > div > .appSpace {
	background:transparent url('/assets/images/appBar/appBar_crvL1_t.png') no-repeat right;
}

#appBar.topBar > div > .appSpace ~ .appSpace {
	background:transparent url('/assets/images/appBar/appBar_crvR1_t.png') no-repeat left;
}

#appBar > div > #appContent {
	width:951px;
	height:50px;
	margin:0 auto;
	background:transparent url('/assets/images/appBar/appBar_crv_bg_b.png') repeat-x;
	position:relative;
	top:0;
	padding-left:133px;
}

#appBar.topBar > div > #appContent {
	background:transparent url('/assets/images/appBar/appBar_crv_bg_t.png') repeat-x;
}

body.bible > #appBar > div > #appContent,
body.lexicon > #appBar > div > #appContent,
body.hta > #appBar > div > #appContent,
body.search > #appBar > div > #appContent {
	padding-left:47px;
}

#appBar > div > #appContent > .appSpace {
	height:50px;
	width:6px;
	background:transparent url('/assets/images/appBar/appBar_crvL2_b.png') no-repeat right;
}

#appBar > div > #appContent > .appSpace ~ .appSpace {
	background:transparent url('/assets/images/appBar/appBar_crvR2_b.png') no-repeat left;
}

#appBar.topBar > div > #appContent > .appSpace {
	background:transparent url('/assets/images/appBar/appBar_crvL2_t.png') no-repeat right;
}

#appBar.topBar > div > #appContent > .appSpace ~ .appSpace {
	background:transparent url('/assets/images/appBar/appBar_crvR2_t.png') no-repeat left;
}

#appBar > div > #appContent > div {
	float:left;
	margin-left:-1px;
}

	#appBar > div > #appContent > div:first-child {
	margin-left:0;
}

#appBar > div > #appContent > #appVersion {
	border-left:solid #c5d2e0 0;
	margin-left:-1px;
	display:none;
}

body.bible > #appBar > div > #appContent > #appVersion,
body.lexicon > #appBar > div > #appContent > #appVersion,
body.hta > #appBar > div > #appContent > #appVersion,
body.search > #appBar > div > #appContent > #appVersion {
	display:block;
	cursor:pointer;
}

#appSearch,
#appVersion {
	position:relative;
}

#appSoc > div {
	position:relative;
}

#appSearch > img {
	margin-bottom:-4px;
}

#appSearch > div {
	position:absolute;
	top:-3px;
	left:11px;
}

#appBar.topBar > div > #appSearch > div {
	top:-2px;
}

#appSearch > div > form > div {
	float:left;
}

#appSearch > div > form > div > img {
	vertical-align:bottom;
	margin-bottom:2px;
	cursor:pointer;
}

#appSearch form#appBarSearch > div > input[type=text] {
	background:transparent url('/assets/images/appBar/app_search_input.png') no-repeat;
	width:113px;
	height:23px;
	padding:4px 4px 3px;
	margin-right:5px;
	margin-top:1px;
	color:#999;
	font-size:.7em;
	border-width:0;
}

#appSearch form#appBarSearch > div >  input[type=text]:focus {
	color:#40526e;
}

#appSearch form#appBarSearch #selectBox {
	position:relative;
	margin-top:1px;
}

#appSearch form#appBarSearch #selectDropU {
	margin:0 4px 0 0;
}

#appSearch form#appBarSearch #selectDropU {
	margin:0 4px 0 0;
}

#appSearch form#appBarSearch input[type=image] {
	margin:1px 0 0;
}

#appLinkDrop,
#appCiteDrop {
	position:absolute;
	left:-130px;
	top:35px;
	width:197px;
	padding:0 0 0 5px;
	border-radius:5px;
	border:solid #a5b5c6 1px;
	background-color:#dee7e9;
	z-index:1;
	display:none;
}

#appLinkDrop.noCopy,
#appCiteDrop.noCopy {
	left:-12px;
	width:148px;
}

#appLinkDrop > div,
#appCiteDrop > div {
	position:relative;
	float:left;
	border:solid #C5D2E0 1px;
	border-width:0 1px;
	background-color:#EAEFF2;
	margin-right:5px;
	padding:7px;
	width:185px;
}

#appLinkDrop.noCopy > div,
#appCiteDrop.noCopy > div {
	width:136px;
}

#appLinkDrop > div > img,
#appCiteDrop > div > img {
	position:absolute;
	top:-17px;
	right:12px;
}

#appLinkDrop > div > div > input,
#appCiteDrop > div > div > input {
	padding:2px 4px;
	border:solid #c2cfdf 1px;
	border-radius:4px;
	width:120px;
	height:23px;
}

#appLinkDrop > div > div > img#linkCopy,
#appCiteDrop > div > div > img#linkCopy {
	cursor:pointer;
}

#appLinkDrop > div > div > img.appClose,
#appCiteDrop > div > div > img.appClose {
	position:absolute;
	top:2px;
	right:-4px;
	cursor:pointer;
}

#appCiteDrop {
	width:325px;
	left:-196px;
}

#appCiteDrop > div {
	width:313px;
}

#appCiteDrop > div > #appCiteBox > h2 {
	background-color: #73839B;
	border:solid #5c749a 1px;
	border-width: 1px 0;
	color: #FFFFFF;
	font-family: verdana,helvetica;
	font-size: 0.75em;
	font-weight: bold;
	letter-spacing: 0.02em;
	padding: 4px 7px 4px 7px;
	text-shadow: 1px 1px 0 #355488;
	margin-left:-7px;
	margin-right:-7px;
	margin-bottom:5px;
	}
#appCiteDrop > div > #appCiteBox > div.citeCont {
	width:297px;
	min-height:56px;
	padding:5px 9px 5px 20px;
	text-indent:-15px;
	border:solid #c2cfdf 1px;
	border-radius:4px;
	font-size:.7em;
	background-color:#fff;
	float:left;
	margin-right:4px;
	color: #9e0b0f;
	font-family: AndaleMonoRegular,'courier new',courier,monotype,system;
}
#appCiteDrop > div > #appCiteBox > p.citenote {
	font-size:.7em;
	color:#c60026;
	padding:4px;
	}


#appCiteDrop > div > #appCiteBox > div.citeHead {
	width:297px;
	font-size:.9em;
	float:left;
	font-weight:bold;
	margin-top:20px;
	height:26px;
	text-align:right;
	color:#575F6A;
	text-transform:uppercase;
	}
#appCiteDrop > div > #appCiteBox > h2 + div.citeHead {
	margin-top:0;
	}
#appCiteDrop > div > #appCiteBox > div.citeHead > span {
	position:relative;
	top:5px;
	padding-right:4px;
	}
#appCiteDrop > div > #appCiteBox > div.citeHead > img {
	margin:0 1px 3px 0;
	}

	#scrollTop > #ipadTop {display:none;}

#appSearchSel {
	position:absolute;
	left:-73px;
	width:193px;
	padding:0 0 0 5px;
	border-radius:5px;
	border:solid #a5b5c6 1px;
	background-color:#dee7e9;
	z-index:50;
	display:none;
}

.topBar #appSearchSel {
	top:35px;
}

.bottomBar #appSearchSel {
	bottom:32px;
}

#appSearchSel > div {
	position:relative;
	float:left;
	border:solid #C5D2E0 1px;
	border-width:0 1px;
	background-color:#EAEFF2;
	margin-right:5px;
	padding:7px 0;
}

#appSearchSel > div > img {
	position:absolute;
	bottom:-17px;
	left:12px;
}

.topBar #appSearchSel > div > img {
	top:-17px;
}

.topBar #appSearchSel > div ~ img {
	display:none;
}

#appSearchSel > div > img.appClose {
	position:absolute;
	top:-5px;
	left:119px;
	cursor:pointer;
}

#appSearchSel > div:first-child {
}

#appSearchSel > div + div + div {
	background-color:#f2f4e3;
}

#appSearchSel > div > span {
	font-size:.6em;
	font-weight:bold;
	width:55px;
	text-align:center;
	display:block;
	padding:2px 4px;
	color:#627b9f;
	cursor:pointer;
}

#appSearchSel > div > span:hover {
	background-color:#ced9e5;
}

#appSearchSel > div > span.null:hover {
	background-color:#EAEFF2;
}

#appSearchSel > div + div + div > span {
	color:#74775d;
}

#appSearchSel > div + div + div > span:hover {
	color:#555842;
	background-color:#d4d7c1;
}

#appSearchSel > div + div + div > span.null:hover {
	background-color:#F2F4E3;
}

#appVerSel {
	position:absolute;
	left:-40px;
	width:254px;
	padding:0 0 0 5px;
	border-radius:5px;
	border:solid #a5b5c6 1px;
	background-color:#dee7e9;
	display:none;
}

.topBar #appVerSel {
	top:55px;
}

.bottomBar #appVerSel {
	bottom:60px;
}

#appVerSel > div {
	position:relative;
	border:solid #C5D2E0 1px;
	border-width:0 1px;
	background-color:#EAEFF2;
	margin-right:5px;
	padding:4px 0 6px;
}

#appVerSel > div > img {
	position:absolute;
	bottom:-17px;
	left:104px;;
}

.topBar #appVerSel > div > img {
	top:-17px;
}

#appVerSel > div > span {
	font-size:.6em;
	font-weight:bold;
	width:240px;
	text-align:left;
	display:block;
	padding:2px 4px 2px 10px;
	color:#627b9f;
	cursor:pointer;
}

	#appVerSel > div > span:hover {
	background-color:#ced9e5;
}

	#appVerSel > div:first-child {
	background-color:#f2f4e3;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom-width:1px;
}

	#appVerSel > div:first-child > span {
	color:#74775d;
}

	#appVerSel > div:first-child > span:hover {
	color:#555842;
	background-color:#d4d7c1;
}

#emailShare p.alert {
	font-size:.7em;
	font-weight:bold;
	color:#b84e51;
	background-color:#EAEFF2;
	margin: 0;
	border-width:0;
	padding:0 12px;
	overflow:hidden;
}

#emailShare p.login {
	font-size:.7em;
	font-weight:bold;
	background-color:#b84e51;
	color:#fff;
	margin:5px;
	border:solid #922e31 1px;
	border-radius:3px;
	padding:4px 12px;
	text-align:hidden;
}
#emailShare #emailSent {
	font-size:.7em;
	font-weight:bold;
	background-color:#b84e51;
	color:#fff;
	margin:5px 5px 15px;
	border:solid #922e31 1px;
	border-radius:3px;
	padding:4px 12px;
	text-align:hidden;
}
#emailShare table {
	width:100%;
}

#emailShare table > tbody > tr > td {
	font-size:.6em;
	text-transform:uppercase;
	color:#7888a0;
	padding-bottom:6px;
	vertical-align:center;
	text-align:left;
}

	#emailShare table > tbody > tr:last-child > td {
	text-align:center;
	padding-bottom:0;
}

#emailShare table > tbody > tr > td > input {
	width:100%;
}

#emailShare table > tbody > tr > td > input[type="submit"] {
	width:90px;
}

#emailShare table > tbody > tr > td > textarea {
	font-size:1.2em;
	margin-bottom:0;
	resize:none;
}

#emailShare > img.arrow {
	position:absolute;
	bottom:-17px;
	left:19px;;
}

.topBar #emailShare > img.arrow {
	top:-17px;
}

#sharePop,
#followPop {
	position:absolute;
	left:-93px;
	top:32px;
	width:251px;
	padding:4px;
	border-radius:5px;
	border:solid #a5b5c6 1px;
	background-color:#eaeff2;
	z-index:50;
	display:none;
}

#followPop {
	left:-36px;
}

#sharePop > hr,
#followPop > hr {
	margin:10px 20px;
}

#sharePop > p,
#followPop > p {
	font-size:.7em;
	margin-top:4px;
	text-align:center;
}

#followPop p.alert {
	font-size:.7em;
	font-weight:bold;
	color:#b84e51;
	padding:0 12px;
	overflow:hidden;
	display:none;
}

#followPop > div > form {
	margin-top:4px;
	margin-left:34px;
	text-align:center;
}

#followPop > div > form > p {
	border: 1px solid #EAEFF2;
	padding:2px;
	font-size:.7em;
	width:100px;
	cursor:pointer;
}

#followPop > div > form > p:hover {
	background-color: #F8F8DA;
	border-color: #D1CEA1;
	border-radius: 3px 3px 3px 3px;
}

#followPop > div > form > button {
	margin-top:10px;
}

#sharePop > img.arrow,
#followPop > img.arrow {
	position:absolute;
	top:-17px;
	left:-moz-calc(50% - 16px);
	left:-webkit-calc(50% - 16px);
	left:calc(50% - 16px);
}

#sharePop > p > a,
#followPop > p > a {
	margin-left:4px;
}

	#sharePop > p > a:first-child,
	#followPop > p > a:first-child {
	margin-left:0;
}

#followPop > form > p > input[type="text"] {
	margin-right:4px;
	margin-left:23px;
}

#followPop > form > p > input {
	margin-top:4px;
}

#appSocNet {
	position:absolute;
	width:151px;
	padding:4px;
	border-radius:5px;
	border:solid #a5b5c6 1px;
	background-color:#eaeff2;
	z-index:50;
	left:71px;
	top:32px;
}

#appSocNet > a {
	margin-left:4px;
}

	#appSocNet > a:first-child {
	margin-left:0;
}

#appSocNet > img.arrow {
	position:absolute;
	bottom:-17px;
	left:19px;;
}

.topBar #appSocNet > img.arrow {
	top:-17px;
}

.topBar #appVerSel > div {
	background-color:#f2f4e3;
}

.topBar #appVerSel > div > span {
	color:#74775d;
}

	.topBar #appVerSel > div > span:hover {
	color:#555842;
	background-color:#d4d7c1;
}

	.topBar #appVerSel > div:first-child {
	background-color:#eaeff2;
}

	.topBar #appVerSel > div:first-child > span {
	color:#627b9f;
}

	.topBar #appVerSel > div:first-child > span:hover {
	background-color:#ced9e5;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav {
	position:absolute;
	top:28px;
	left:-282px;
	width:583px;
	background-color:#e2a23c;
	border:solid #7b5e30 1px;
	border-radius:6px;
	z-index:601;
	padding:3px;
	display:none;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > div {
	/*	position:relative; */
	font-size:.7em;
	background-color:#fff;
	border:solid #7b5e30 1px;
	border-radius:4px;
	padding:8px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > h2 {
	font-size:1.5em;
	font-weight:bold;
	border-bottom:solid #c5d2e0 1px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > h2.opac {
	opacity:0.2;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table {
	margin:10px;
	font-size:1.1em;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table th + th {
	padding-left:15px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td {
	width:80px;
	padding:10px 5px 10px;
	font-weight:bold;
}

	div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td:nth-child(5) {
	border-left:solid #c5d2e0 1px;
}

	div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td:nth-child(7) {
	width:55px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td a {
	padding:5px 0;
	display:block;
	width:40px;
	color:#be6700;
	border:solid #fff 1px;
	border-radius:4px;
	text-align:center;
}

	div#appBar > div > div#appContent > div#appSearch > div  form + div#appBarQuiknav > #appBarQuiknav_book > table td a:hover {
	background-color:#ffecd5;
	border-color:#be6700;
}

	div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td:nth-child(4) ~ td a {
	color:#039407;
}

	div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_book > table td:nth-child(4) ~ td a:hover {
	background-color:#d1f8d2;
	border-color:#039407;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap {
	position:absolute;
	left:4px;
	top:48px;
	top:40px;
	width:561px;
	height:303px;
	background-color:#e9eef1;
	border:solid #c5d2e0 1px;
	border-left-width:0;
	border-radius:0 4px 4px 0;
	padding:10px;
	display:none;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap > h2 {
	font-size:1.2em;
	font-weight:bold;
	border-bottom:solid #c5d2e0 1px;
	margin-bottom:4px;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap > h2 +button {
	position:absolute;
	top:2px;
	right:4px;
	cursor:pointer;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap > div > a {
	float:left;
	font-size:1.15em;
	width:32px;
	text-align:center;
	border:solid #c5d2e0 1px;
	border-radius:3px;
	background-color:#fff;
	margin-left:4px;
	margin-top:4px;
	font-weight:bold;
	padding:2px 0;
}

	div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknav_chap > div > a:hover {
	background-color:#9e0b0f;
	border-color:#363f4e;
	color:#fff;
	text-decoration:none;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknavArrow {
	position:absolute;
	top:-13px;
	left:327px;
	padding:0;
	border-width:0;
	background-color:transparent;
	height:0;
	width:0;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknavClose {
	position:absolute;
	top:-21px;
	right:53px;
	padding:0;
	border-width:0;
	background-color:transparent;
	height:0;
	width:0;
}

div#appBar > div > div#appContent > div#appSearch > div > form + div#appBarQuiknav > #appBarQuiknavClose img {
	cursor:pointer;
}

/****************
ADVANCED SEARCH OPTIONS
*****************/


#shappBarAdvOptMenu {
	font-size:.75em;
	display:none;
}

#appBarAdvOptMenu {
	display:none;
	position:absolute;
	top:30px;
/*	left:148px; */
	width:285px;
	padding-top:6px;
	background-color:#e2a23c;
	border:solid #7b5e30 1px;
	border-radius:6px;
	z-index:1;
}

#appBarAdvOptMenu > div {
	position:relative;
	top:-3px;
	left:3px;
	width:277px;
	font-size:.7em;
	background-color:#f5f7f9;
	border:solid #7b5e30 1px;
	border-radius:4px;
	padding:8px;
}

#appBarAdvOptMenu > div > p {
	font-size:1.1em;
	margin:0;
	padding:0;
	color:#37404f;
}

#appBarAdvOptMenu > div > p > span {
	font-size:.9em;
	color:#90a5bc;
	text-transform:uppercase;
}

#appBarAdvOptMenu  > div> p:nth-last-child(1) {
	font-size:.8em;
	color:#9e0b0f;
}

#appBarAdvOptMenu > div > p > select {
	margin:0 0 12px;
	width:180px;
}

#appBarAdvOptMenu > div > p > input[type="text"] {
	margin:0 0 3px;
	width:100%;
}

#appBarAdvOptMenu > .menuOptionsClose {
	position:absolute;
	top:5px;
	left:255px;
	cursor:pointer;
	padding-top:0;
	background-color:transparent;
	border-width:0;
	width:0;
	height:0;
}

#appBarAdvOptMenu > .menuOptionsArrow {
	position:absolute;
	top:-13px;
	left:104px;
	padding-top:0;
	background-color:transparent;
	border-width:0;
	width:0;
	height:0;
}

#appBarAdvOptMenu > div > #clearAppBarOptMenu {
	display:none;
}

