/*
 - CredoWeb screen styles
 - Author: Peter Ciuffetti
 - Description: These styles override the styles in base.css and reset-fonts-grids.css and are included
 - in the main template.  This stylesheet also defines styles used by indivdual views within CredoWeb.
*/

/* - Element IDs - */
/* - Div: YUI Grid Body - */
#bd {
	background-color:#F0F0F0;
	height:80%;
}

/* - Div: (class yui-u) Wraps custom logo and custom menu - */
#cheader{
	text-align:right;
	margin:5px;
	width:auto;
}

/* - Div: Custom logo - */
#clogo{
}

/* - Div: Custom menu items - */
#cmenu{
	padding:5px;
	white-space:nowrap;
}

#cm_search {
	border:1px solid #ccc;
	height:100px;
	padding-top:50px;
	margin-top:70px;
}
/* - Div: Concept map description on search form - */
#cm_desc {
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	width:100%;
	text-align:center;
	font-size:116%;
}

/* - Div: Wraps #content and #ft - */
#content_frame {
	height:100%;
}

/* - Div: provided by embedded view - */
#content,#content1,#content2,#content3,#content4,#content5,#content6 {
	background:#FFFFFF;
	padding:15px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:15px auto 10px auto; /* top right bottom left */
}

/* - Div: YUI Grid Fluid Document - */
#doc3{
	margin:auto;
	padding: 0px 0.63em;
	height:95%;
	width:auto;
	min-width:43.75em;
	max-width:78.13em;
}

/* - Div: YUI Grid Footer - */
#ft {
	text-align:center;
}

#footermap {
	margin-top: 7px;	
}

/* - Div: wraps gadget div - */
#gadget_frame {
}

#gadget_frame.yui-skin-sam .yui-panel .hd {
	background: none;
	background-color:#fff;
}
#gadget_frame.yui-skin-sam .yui-panel .bd {
	border: 0;
	background-color:#f0f0f0;
}
#gadget_frame.yui-skin-sam .yui-panel, #gadget_frame.yui-skin-sam .yui-panel .hd, #gadget_frame.yui-skin-sam .yui-panel .ft  {
	border: 0;
}

#gadgets_wrapper {
	height:100%;
}
/* - Div: wraps available gadgets - */
#gadget_opts {
	border:1px black solid;
	position:absolute;
	width:200px;
	height:75%;
	background-color:#fff;
}
#gadget_opts_wrapper {
	height:100%;
}
/* - Img: open gadget optons overlay - */
#gadget_add {
	position:absolute;
	top:0px;
	right:50px;
	cursor:default;
}
#gadget_drag {
	position:absolute;
	top:0px;
	right:75px;
	cursor:move;
}
#gadget_opts_drag {
	position:absolute;
	top:0px;
	right:25px;
	cursor:move;
}
/* - Img: make gadgets a popup window - */
#gadget_pin {
	top:5px;
	right:18px;
	cursor:default;
	position:absolute;
}

#crossword_help {
	text-align:left;
}

#gadgets #conv_unit_type, #gadgets #units {
	display:block;
	margin:4px;
}

#gadget_crossword img {
	position:relative;
	float:right;
	top:-15px;
	right:5px;
}

#gadget_person_input, #gadget_define_input, #gadget_image_input, #gadget_crossword_input, #gadget_quotation_input, #gadget_holiday_input, #gadget_audio_input, #gadget_location_input {
	display:block;
	margin-top:2px;
}

/* - Div: wraps logos and user menu items - */
#header{
	background:#FFFFFF;
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

#home_form {
	margin-left:5%;
	margin-right:5%;
}
#home_form #tab_main, #tab_image, #tab_cm {
	padding-top:30px;
}
#home_form #tab_main, #home_form #tab_image,#home_form #tab_cm {
	background:#dddef5 url(/images/tab_background.png) repeat-x scroll left top;
	padding-bottom:20px;
	padding-left:10px;
}
#home_form div.search_form_div {
	display:inline;
	padding-left:5px;
}
#home_scope {
	position:relative;
	top:25px;
	text-align:right;
	margin-left:6%;
	margin-right:6%;
}
#home_intro {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#663300;
	font-size:108%;
	text-align: left;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	background-color: #cecece;
	margin-top: 25px;
}
#home_extra {
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#home_links {
	text-align:left;
	background:#DDDEF5 url(/images/logos/watermark.gif) no-repeat scroll left center;
	height:320px;
	width:24%;
}
#home_linksintro {
	color:#663300;
	font-size:100%;
	font-weight:bolder;
	text-align:left;
	padding-top:10px;
	padding-left:15px;
}
#home_links ul {
	padding-left:15px;
}
#home_links li {
	padding-top:10px;
	font-size:100%;
}
#home_feature_button {
	position:absolute;
	right:125px;
}
#home_feature_button a {
	color:#ffffff;
	font-size: 77%;
}
#home_features {
	width:74%;
}
#home_lang {
	color:#666699;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
	padding-bottom:20px;
	text-align:center;
}
#home_lang a {
	font-weight:bolder;
}
#tab_fc_li em {
	background: url(/images/tab_corner_peel.gif) right top no-repeat;
	padding-right:35px;
	white-space: nowrap;
}
table#carouselstatic {
	margin: auto;
	width:95%;
}
table#carouselstatic td {
	text-align:center;
}
#fc_title {
	display:inline-block;
	font-weight:bolder;
	font-size:123.1%;
	margin:10px;
}

#login_image {
	text-align: center;
	background-color:#D2D0D3;
	padding-bottom:100px;
	min-width: 150px;
}
#login_image img {
	margin:10px;
	border: 10px solid white;
}
#login_form {
}
#login_form h1, #login_blurb h1 {
	margin-top:0px;
	font-style:italic;
	font-size:116%;
	font-weight:bolder;
	color:white;
	background-color:#666699;
	border:3px solid #666699;
}
#login_form h2 {
	margin-top:0px;
	font-style:italic;
	font-size:93%;
	font-weight:bolder;
	color:white;
	background-color:#666699;
	border:3px solid #666699;
}
#login_form li {
	padding: 3px;
}
#login_blurb {
	margin-top:0px;
}
#login_blurb p {
	font-size:116%;
}
#loginResults {
}
#login_links a, #login_links a:visited{
	color:#382d70;
	text-decoration:none;
}
#login_links a:hover{
	color:#6666cc;
	text-decoration:underline;
}
/* - Span: push logout menu item to the right - */
#logout_link {
	float: right;
	margin: 0px;
}

/* - Div: main horizontal menu below header - */
#mainmenu {
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background-color:#666699; 
	color: #ffffff;	
}

#mainmenu span.mmselected {
}

/* - a: styling for mainmenu and custom menu links - */
#cmenu a,
#cmenu a:visited,
#mainmenu a,
#mainmenu a:visited {
	color:#ffffff;
	font-weight:bolder;
	text-decoration:none;
	white-space:nowrap;
}

#cmenu a, #cmenu a, #cmenu a:visited {
	color: #000000;	
}

#cmenu a:hover,
#mainmenu a:hover {
	text-decoration:underline;
}


/* - Language selector and Font size selectors - */
#options{
	margin:0px;
	padding:0px;
	text-align:right;
	font-size:77%;
}
#options form {
	display:inline;
	padding:0;
	margin:0;
}
#options fieldset {
	display:inline;
	padding:0;
	margin:0;
}

/* - Div: product logo - */
#plogo{
	margin-left:15px;
	margin-top:10px;
	padding-bottom:10px;
}
#plogo img {
}
#trylink {
	font-weight:bolder;
	padding-top:3px;
	display:block;
	width:200px;
	margin-left:80px;
	margin-top:-10px;
	margin-bottom:10px;
}
.tagline {
	font-size:116%;
	font-weight: bolder;
	color:#333300;
	font-style: italic;
	display:block;
	margin-left:200px;
	margin-top:-10px;
	margin-bottom:10px;
	width: 150px;
}

/* - Div: main content when #content is divided into two columns - */
#primaryContent,#primaryContent1,#primaryContent2,#primaryContent3,#primaryContent4,#primaryContent5 {
	width:75%;
	padding:5px;
}
#primaryContent {
	overflow-x:visible;
	overflow-y:visible;
}

.logincard-primary {
    width: 55%;
}

#resultsSummary {
	margin:0px;
	padding: 7px 5px;
	background-color:#6666cc;
	color: #ffffff;
	text-align:left;
}

#resultsContinue div.limitSearchFloat {
	min-height: 35px;
	margin-top: 8px;
	display: inline;
	float: left;	
}

#resultsContinue div.limitSearch {
	min-height: 20px;
	margin-top: 8px;
	text-align: left;
}

#resultsContinue a.filterClose {
	margin-right: 8px;
	padding: 2.5px;
	border: solid 1px #000;
	background: #D1D1FF;
	color: #000;
	font-weight: bold;
	font-size: 85%;
}

#resultsContinue a.filterClose:hover {
	text-decoration: none;	
}

#resultsContinue a.filterClose span {
	margin: 1.5px;
	padding: 1.5px 2px .5px 2px;
	background: #aaa;
	color: #fff;
	font-weight: normal;
	font-size: 7px;
}

#resultsContinue {
	background-color:#d2d0d3;
	padding: 2px 5px 4px;
	text-align:right;
	margin-bottom: 12px;
}

/* - Div: secondary content when #content is divided into two columns - */
#secondaryContent,#secondaryContent1,#secondaryContent2,#secondaryContent3,#secondaryContent4,#secondaryContent5{
	float:left;
	width:22%;
	padding:4px;
	border-right:1px solid #cccccc;
	overflow-x:hidden;
}
/* - Div: search form above content - */
#search {
	padding:10px 15px 0px 15px;
	background-color:#f0f0f0;
	color:#333300;
}
#search form {
	vertical-align:middle;
	padding:0;
	margin:0;
	display:table
}
#search fieldset {
	vertical-align:middle;
	padding:0px;
	margin:0px;
	display:table-row;
}
#search span {
	display:table-cell;
	display:inline-block;
	vertical-align:middle;
	padding-left:5px;
}
#search input {
	display:inline;
	vertical-align:middle;
	padding:0;
	margin:0;
}
#search_type {
	float:right;
	margin-left:10px;
}

/* - ADVANCED SEARCH - */
#adv_search fieldset, #savedresults fieldset {
	background-color:#fff;
	border:thin solid gray;
	margin-top: 10px;
	padding-left:6px;
	padding-bottom:6px;
}

#adv_search legend, #savedresults legend {
	font-style:italic;
	font-size:93%;
	font-weight:bolder;
	color:white;
	background-color:#666699;
	border:solid 1px #666699;
	margin-bottom: 5px;
}

#adv_search td, #savedresults td {
	padding:3px;
}

#adv_search th, #savedresults th {
	text-align:left;
	padding-top:5px;
}

#adv_search input, #savedresults input {
	margin-right:4px;
}
.form_title {
	display: inline;
	color:#333300;
}
.search_scope {
	color:#333300;
	font-weight: normal;
	display: inline;
	padding-left: 20px;
}
#selectedEntries {
	font-weight: bolder;
}
#selectedTitles {
	font-weight: bolder;
}
#selectedPubs {
	font-weight: bolder;
}

/* - CredoMap - */
#credoMapApplet {
    min-width:800px;
    min-height:600px;
    /*width:950px;
    position:relative;
    left:50%;
    margin-left:-475px;*/
}

#didYouMean {
    margin:0px;
	padding:5px;
	background-color:#eeeeee;
	text-align:left;
	color: #000000;
}

#didYouMean strong {
	font-size:123.1%;
}

/* - Element Classes */
.error_box {
	display:block;
	font-weight:bolder;
	border:1px solid blue;
	padding:5px;
	margin-bottom:10px;
}

/* ----- gadget ----- */
.gadget {
	margin-top:5px;
}

.gadget_hdr {
	border-bottom:1px black solid;
	background-color:#fff;
	padding:4px;
	margin:4px;
	cursor:default;
}

.gadget_hdr h1 {
	font-style:italic;
	font-size:108%;
	color:#333300;
	display:inline;
	cursor:default;
}

.gadget_close {
	position:absolute;
	top:5px;
	right:2px;
	cursor:default;
}

.gadget fieldset {
	background-color:#fff;
	border:thin groove gray;
	padding-left:6px;
	padding-bottom:6px;
}

.gadget legend {
	font-style:italic;
	font-size:93%;
	font-weight:bolder;
	color:white;
	background-color:#666699;
	border:solid 1px #666699;
}

.gadget legend label {
	color:white;
}

span.hit {
	background-color: #F0E989;
	padding: 1px ;
}
/* - YUI tab loading condition - */
.loading {
	width:200px;
	height:50px;
	background-image:url(/images/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
}



/* - Login form - */
.loginForm {
	margin-left:auto;
	margin-right:auto;
}
.loginForm fieldset {
	border:1px solid grey;
	padding:20px;
}
.loginForm legend {
	border:1px solid grey;
	padding:5px;
}
.loginForm label, .loginForm input {
	display:block;
	width:150px;
	float:left;
	margin-bottom:10px;
}
.loginForm label {
	text-align:right;
	width:75px;
	padding-right:20px;
	white-space:nowrap;
}
.loginForm br {
	clear:left;
}
.loginForm button {
	margin-left:95px;
}
.loginForm span {
    color:#333300;
    font-weight:bolder;
    padding: 2px 2px 10px;
}
.loginLang {
	margin-top: 10px;
	text-align: center;
}
.loginLang a {
	color:#333300;
	font-weight:bolder;
}
.citHead {
	font-size:138.5%;
	font-weight:bolder;
	margin-bottom: 5px;
}
#unauthorized_citation {
	margin-bottom: 20px;
}

/****** Saved results: saved.jspx **********************/
#savedresults h2 {
	font-size: 153.9%;
	color: #6666cc;	
}

#savedresults div.clearAll {
	margin: 3px 0px 10px;
	padding: 2px 6.5px 2px 5px;
	background: #333333;
	border: solid 1px #cccccc;
	color: #ffffff;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	width: 75px;
	text-align: center;
	font-weight: bold;
}

#savedresults div.clearAll:hover {
	cursor: pointer;	
}

#savedresults #citation ol {
	padding: 0px;
	margin: 0px;
}

#savedresults #citation ol li {
	line-height: 1.4em;
	padding: 0px;
	padding-bottom: 15px;
	margin: 0px;
}

#savedresults #citation ol li div.remove {
	display: inline;
}

#savedresults #citation ol li div.remove:hover {
	cursor: pointer;
}

#savedresults #citation ol li div.remove span {
	padding: 3px;
	margin-right: 5px;
	font-size: 77%;	
	background: #6666cc;
	color: #ffffff;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

#savedresults #citation ol li a {
	font-weight: bold;	
	font-size: 123.1%;
}

/****** Search Results Page: search.jspx ***************/

#searchResults div.resultTopic div.headLink a {
	font-size: 108 %;
	font-weight: bold;		
}

#searchResults div.resultTopic div.headLink span.headPrefix {
	padding-left: 27px;
 	background: url('/images/right_arrow.gif') no-repeat left ;	 
}

#searchResults div.resultTopic {
	clear: both;
}

#searchResults div.save, div.save  {
	display: inline;
   	padding: 2px 3px 3px 4px;
   	margin-right: 5px;
   	height: 22px;
   	width: 20px;
   	font-size: 77%;
   	background: #6666cc;
   	text-align: center;
   	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;
   	color: #ffffff;	  
}

#searchResults div.isSaved, div.isSaved {
   	background: #bbbbbb;	
   	color: #000000;
}

#searchResults div.save:hover, div.save:hover {
	cursor: pointer;	
}

#searchResults div.topicHeader {
	background: #aaaaaa;		
	padding: 5px;
	font-weight: bold;
	font-size: 108%;
	width: 98%;
	margin-bottom: 12px;
}

#searchResults div.topicHeader div.topicsInclude {
	float: right;
	color: #fff;
	font-size: 85%;
}

#searchResults div.resultHeader {
	background: #aaaaaa;	
	padding: 5px;
	font-weight: bold;	
	font-size: 108%;
	width: 98%;
	margin-bottom: 12px;
}

#searchResults div.result div.headLink {
	margin-bottom:5px;
}

#searchResults div.result div.headLink a {
	font-weight: bold;	
	font-size: 123.1%;
}

#searchResults div.result div.headLink span.headSource {
	font-weight: normal;	
	font-size: 85%;
}

#searchResults div.resultData {
	margin-left:25px;
}

#searchResults a img {
	background: #ffffff;
	padding: 3px;
	border: solid 1px #cccccc;	
}

#searchResults div.resultData p.extracttext {
	line-height: 1.4em;	
}

#searchResults div.resultData p.entrymeta {
	color:#333;
	font-size: 85%
}

#facetTree table td {
	padding-bottom: .2em;	
}

/*******************************************************/

/* - Search result - */

.result .headSource .title {
	font-style:italic;
}
.result ul {
	font-size:85%;
	margin-top: 0px;
	margin-bottom:5px;
	margin-left: 40px;
}
.result li {
	list-style-type: none;
	margin-left: -15px;
}
.result input {
	vertical-align:middle;
}
.result a img {
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #382d70;
	display:inline;
	float:left;
}
.result hr {
	margin-top:10px;
	clear:left;
	border:0;
	color:#ccc;
	background-color:#ccc;
	height:1px;
	width:100%;
}
.result .entrymeta {
	color:#888;
}
.result .entrymeta img {
	border: none;
	margin: 0px 0px 10px 0px;
}
.result .resultData {
	margin-left:20px;
}
.result .source .title {
	font-style:italic;
}
.result label {
	font-weight:normal;
}

/* - Topic result - */
.resultTopic {
	/* background-color:#f0f0f0; 
	border-right:1px solid #888;
	border-top:1px solid #888;
	*/
}
.resultTopic .headLink {
	font-weight: normal;
	margin-bottom:5px;
	font-size:123.1%;
}
.resultTopic .headSource {
	color:#888;
}
.resultTopic .headSource .title {
	font-style:italic;
}
.resultTopic ul {
	font-size:93%;
	margin-top: 0px;
	margin-bottom:5px;
}
.resultTopic li {
	list-style-type: none;
	margin-left: -15px;
}
.resultTopic input {
	vertical-align:middle;
}
.resultTopic a img {
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #382d70;
	display:inline;
	float:left;
}
.resultTopic hr {
	margin-top:10px;
	clear:left;
	border:0;
	color:#ccc;
	background-color:#ccc;
	height:1px;
	width:100%;
}
.resultTopic .entrymeta {
	color:#888;
}
.resultTopic .entrymeta img {
	border: none;
	margin: 0px 0px 10px 0px;
}
.resultTopic .resultData {
	margin-left:20px;
}
.resultTopic .source .title {
	font-style:italic;
}

div.pageNav {
	background-color:#d2d0d3;
	padding: 5px 7px;
}

div.pageNav span.curPage {
	font-size:123.1%;
	background: #6666cc;
	font-weight: bold;
	color: #ffffff;
	border:1px solid #ffffff;
	padding:2px;
}
.treeRoot {
	color:#333300;
	font-weight:bolder;
}

/****** Entry Results Page: entry.jspx ***************/

#entryItem p {
	line-height: 1.4em;	
}

#entryItem div.mediawrapper  {
	text-align: center;
	margin: 5px 15px 7px;
}

#entryItem div.mediawrapper img  {
	background: #ffffff;
	padding: 3px;
	border: solid 1px #cccccc;	
	margin-bottom: 7px;
}

#entryItem div.mediawrapper p  {
	margin-bottom: 0px;
}

#entryItem div.mediawrapper div.caption {
	padding: 5px;
	font-style: italic;
	line-height: 1em;	
}

#entryItem div.bibliography {
	line-height: 1.15em;	
	font-size: 93%;	
}

#entryItem  div.bibliography span.sHeadSense span.bodyi {
	font-size: 108%;
}

#entryItem div.bibliography img {
	border: none;
	padding: 0px;
}

/* - YUI Grid 1-column Template - */
.yui-t7 {
	width:auto;
}
.yui-ge .yui-u{
	width:15%;
}
.yui-ge div.first{
	width:83.2%;
}

/* --- SHELF and SHELFTAB CLASSES --- */
.title_list p {
	display:block;
	margin:0px 0px 3px 15px;
}
.see_list p {
	display:block;
	margin:0px 0px 3px 15px;
}
.title_link {
	display:block;
}
.jacket_link {
	display:none;
	white-space:nowrap;
}
.jacket_link a img {
	border:1px solid gray;
	vertical-align:top;
	margin:4px;
}
.tree_hdr {
	font-size:108%;
	font-weight:bolder;
	color:#333300;
}

/* --- BOOK BROWSE BODY and TAB CLASSES --- */
#bookTab table{
	width:100%;
}
.alphabar{
	padding:2px;
	font-weight:bolder;
	color:#333300;
}
.browseentries {
	margin:20px 0px 20px 55px;
	font-size:108%;
}
.browseentries li {
	list-style-type: none;
	padding: 3px;
}
.ygtvchildren p {
	display:block;
	margin:0px 0px 3px 15px;
}
/* Added to fix IE 6 display problems. ToDo: See if they can be simplified. */

div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvtp {
	width: 10px;
	}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvtph {
	width: 10px;
	}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvtm {
	width: 10px;
	}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvtmh {
	width: 10px;
	}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvdepthcell {
	width: 10px;
	}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvblankdepthcell {
	width: 0;
	}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvlm {
	width: 10px;
	min-width: 20px;
}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvlmh {
	width: 10px;
	min-width: 20px;
}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvlp {
	width: 10px;
	min-width: 20px;
}
div#bookTab div.yui-content div.ygtvchildren table tbody td.ygtvlph {
	width: 10px;
	min-width: 20px;
}
/* end IE 6 */

.heading_group td {
	vertical-align:top;
}
.heading_group_hdr {
	font-size:108%;
	font-weight:bolder;
	color:#333300;
}

/* left indent for children in the tree, i.e. on heading browse*/
.heading_children_group {
    margin-left:20px;
}
.filterForm {
	margin:10px;
}
.book_info {
	font-size:100%;
	font-weight:bolder;
	padding-bottom:13px;
}
.book_title {
}
.book_publ {
	padding-left:50px;
}
.book_publ img {
	vertical-align: middle;
}
.book_title {
	font-size:100%;
	font-weight:bolder;
	margin:5px;
	padding:10px;
}
.replacedmsg {
	font-style: italic;
}
.tabContent {
	padding:10px;
}

/* --- Topic Browse Classes ---*/

#topicBrowseContent {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
}

#topicBrowseContent H1 {
	margin: 1em 0 1.5em 0;
}

#topicAlphaCodes h2 {
        margin: 1em 0 1.5em 0;
	font-size: 18px;
}

#topicAlphaCodes h2 a {
	margin-right: 0.7em;
}

#alphaTopics h1 {
        margin: 0 0 0.5em 0;
}

div.alphaTopicsCol {
        width: 350px;
        padding: 0 0;
        float: left;
        border: 0 1px solid #FAFAFA;
}

div.alphaTopicsCol p, div.alphaTopicsCol ul li {
        margin: 0 0 0.5em 0;
}

div.topicCategoryBlock {
	float: left;
	width: 30%;
	height: 8em;
	padding: 0 20px 0 0;
}

div.topicCategoryBlock ul li {
	margin-left: 1em;
}

h2.topicCategoryBreadcrumbs {
	font-size: 18px;
	margin: 2em 0 2.5em 0;
}

/* --- ENTRY BODY CLASSES --- */
#entryActions {
}
#entryActions ul {
	height: 20px;
	width: 170px;
	position: relative;
	background: url(/images/eps_sprite.gif) no-repeat;
	margin: 0px 0px 0px auto;
	padding: 0;
}
#entryActions li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#entryActions li, #entryActions a {
	height: 20px;
	display: block;
}
#entryEasyBib{
	left:0px;
	width:50px;
}
#entryEmail{
	left:55px;
	width:16px;
}
#entryPdf{
	left:77px;
	width:16px;
}
#entrySave {
	left:99px;
	width:16px;
}
#entryShare {
	left:120px;
	vertical-align: top;
	font-size: 85%;
}
#entryShare a img {
	display: inline;
	vertical-align: middle;
}
.eBody img[class=char] {
	margin: 0;
}
.eHead {
	font-size:167%;
	color:#333300;
	margin-bottom: 8px;
	display: inline;
}
.sHead {
	font-size:116%;
	font-weight:bold;
	color:#333300;
}
.sHead2 {
	font-size:116%;
	font-weight:bold;
	font-style:italic;
	color:#333300;
}
.sHead3 {
	font-size:116%;
	font-style:italic;
	color:#333300;
}
.sHead4 {
	font-size:100%;
	font-weight:bold;
	color:#333300;
}
.sHead5 {
	font-size:100%;
	font-weight:bold;
	font-style:italic;
	color:#333300;
}
.sHead6, .sHead7, .sHead8, .sHead9, .sHead10 {
	font-size:100%;
	font-style:italic;
	color:#333300;
}
.sHeadCitation {
	display:block;
	margin-left:18px;
	margin-right:18px;
	text-indent:-18px;
}
.sHeadSense {
    display:block;
    margin-top:18px;
	font-weight:bold;
}
.sHeadQuote {
	color:#777777;
}
.bodyac {
	text-transform:uppercase;
}
.bodyb {
	font-weight:bold;
}
.bodybi {
	font-weight:bold;
	font-style:italic;
}
.bodybsb {
	font-weight:bold;
	vertical-align:sub;
}
.bodybsp {
	font-weight:bold;
	vertical-align:super;
}
.bodybu {
	font-weight:bold;
	text-decoration:underline;
}
.bodyi {
	font-style:italic;
}
.bodyisb {
	font-style:italic;
	vertical-align:sub;
}
.bodyisp {
	font-style:italic;
	vertical-align:super;
}
.bodysb {
	vertical-align:sub;
}
.bodysc {
	font-variant:small-caps;
}
.bodysp {
	vertical-align:super;
}
.bodyu {
	text-decoration:underline;
}
.bodyltt {
	font-weight:bold;
}
.bodysansserif {
	font-family:Helvetica,sans-serif;
}
.bodymonospace {
	font-family:Courier, monospace;
}
.fm {
	font-size:100%;
	line-height:32px;
}
.dq {
	text-transform:uppercase;
}

.authorCapsRight {
    display:block;
    text-align:right;
    font-variant:small-caps;
}
img.frontCover, img.frontcover { /* both case styles have been used */
    float:left;
    margin: 0 20px 5px 0;
}
p.eCopyright {
    margin-top: 20px;
    color:#888888;
    font-style:italic;
}
/* footnotes */
div.footnote span.footnoteLabel {
	float: left; /* display: in-line would work better, but it doesn't work */
	font-style: italic;
	margin-right: .4em;
	font-weight: bold;
}
div.footnote > ul.sHeadCitation { 
	text-indent : 0;
} /* remove the normal negative indent from the sHeadCitation */

/* Words of Christ in legacy RML bible title */
em.wc {
    font-style:normal;
    color:#CC0000;
}
/* --- media/video --- */
div.videowrapper {
	margin-left:4%;
	margin-right:4%;
	background-color: #f1f1f1;
	text-align:center;
	padding:1.0em;
}
div.videowrapper p.videohint {
	font-style:italic;
	color:#888888;
}
div.mediawrapper > img { /* default: images have max width of their containing div */
	max-width: 100%;
}
div.mediawrapperoverflow > img { /* default: images that need to overflow */
	max-width: none;
}
div.mediawrapperwide { /* horizontal scrolling div for wide media */
	overflow-x: scroll;
	overflow-y: visible;
}
div.mediawrapperwide > img { /* images in a wide wrapper should be full size */
	max-width : none;
}

/* --- sidebars --- */
.sidebar { /* identical to sidebarfullwidth since ed group has been using it with that expectation */
    border: solid 1px #888888;
    margin: 5px 0;
    padding: 10px;
    width: 97%;
}
.sidebarfullwidth {
    border: solid 1px #888888;
    margin: 5px 0;
    padding: 10px;
    width: 97%; /* or the right border is cut off */
}
/* center tables, images and captions inside full-width sidebars */
.sidebarfullwidth table {
    margin : 0 auto;
 }
.sidebarfullwidth table caption {
    margin : 0 auto;
}
.sidebarfullwidth>img {
    display: block;
    margin : 0 auto;
}
.sidebarfullwidth div.caption {
    margin : 0 auto;
}
/* Do we need the .entrytable class restriction? */
div.eBody table.entrytable caption {
	padding: 5px;
	margin: 5px auto 5px auto;
	font-style: italic;
	font-weight: bold;
}
div.eBody table.entrytable {
	margin-left: auto ;
	margin-right: auto;
}	
div.eBody table.entrytable tr th {
	border: solid 1px #000000;
	font-weight: bold;
}
/* tables in eBody(s) are used for layout.  -- This may no longer be true.*/
div.eBody table {
    margin-bottom: 10px;
    border-collapse: separate;
}
div.eBody thead {
	background-color:#e6e6e6;
}
div.eBody tbody {
	background-color: #f5f5f5;
}
div.eBody table th {
	padding: 2px 8px;
}
div.eBody table td {
    padding: 10px;
    border: 1px solid #777777;
}
/* image slice tables -- produced by the rml parser */
div.eBody table.imageslice {
	border-collapse: collapse;
	border-spacing:0;
	}
div.eBody table.imageslice td {
	border:0;
	padding:0;
}
div.eBody table.imageslice td img{
        vertical-align: bottom;
}
/* --- Simple lists. Make the bullets line up with the left margin. --- */
.simplelist { padding-left : 0;
              margin-left : 2.0em; }
ul.simplelist li.member { margin-left : 1.0em;}
/* --- Bibliography div's --- */
div.bibliography {
	margin-bottom:16px;
}

/* --- Character gifs --- */
img.im_top {
	vertical-align: text-top;
}
img.im_bottom {
	vertical-align: text-bottom;
}
img.im_base {
	vertical-align: baseline;
}
img.im_middle {
	vertical-align: middle;
}

/* --- Citation styles --- */
div#citationbox {
    margin-top:20px;
    border: solid 1px #cccccc;
    padding:5px;
    clear:left;
}

/* --- Previous/next nav --- */
div#prevnextnav {
    width: 100%;
    text-align:center;
}
span#prevnav {
    float:left;
}
span#nextnav {
    float:right;
}

/* --- toc classes. Displayed as embedded lists without bullets. Each tocdiv is indented by 20 pix. --- */
ul.toc {
    margin-left: 0;
    padding-left: 0;
}
li.tocdiv, li.tocentry {
   list-style: none;
   padding-left: 0;
   margin-left: 0;
}
ul.tocdiv {
    margin-left: 20px;
    padding-left: 0;
    padding-top: 0;
}
span.tocDetails { /* block element to allow text in toc's. */
	display: block;
	margin-left: 2.0em;
	margin-right: 2.0em;
}

/* --- Entry Tree --- */

.ygtvlabeltop {
	color:#333300;
	font-weight:bolder;
}

#entryTree table td {
	padding-bottom: .35em;
}

/* Related entry links */
.relink {
	margin-bottom:2px;
}
.retitle {
	display:block;
	color:#333300;
	font-style:italic;
	margin-left:15px;
	margin-bottom:3px;
}
#entryopts {
	float:right;
}
#entryselect {
	width:10px;
	margin:0px 10px 0px -4px;
	display: inline;
}
#entryselect fieldset {
	margin:0;
	display: inline;
}

/* - Dynamic Table Classes -*/
.dtr {
}
.dth {
	background-color:#d2d0d3;
	padding: 2px;
}
.dtmenu {
	background-color:#f0effc;
	border-top:1px solid #382D70;
	border-bottom:3px outset white;
	border-left:1px solid #382D70;
	border-right:3px outset white;
	font-weight:bold;
	white-space: nowrap;
	padding: 4px;
	margin: 2px;
}
.dtgrp {
	font-size:108%;
	font-weight:bold;
	background-color:#CCCCCC;
}
.dtgrp th {
	text-align:left;
}
.dtable_wrapper table {
	margin-top:20px;
}
/* override the sitewide table styles */
div.eBody table.dtable_wrapper>tbody>tr>td {
    border: none;
}
div.eBody table.dtable_wrapper table td {
	padding:2px;
}
div.eBody table.dtable_wrapper thead {
	background-color: #FFFFFF;
}
div.eBody table.dtable_wrapper tbody {
	background-color: #FFFFFF;
}

#chart {
	margin-top:20px;
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: rgb(16, 172, 218) rgb(16, 172, 218) rgb(16, 172, 218) rgb(16, 172, 218);
	border-collapse: collapse;
}
a.dtNavBar {
	color: #6666CC;
	text-decoration: none;
}
a.dtNavBar:hover {
	color: #6666CC;
	text-decoration: underline;
}
a.dtNavBar:visited {
	color: #6666CC;
}
tr.dtfld0 th {
	font-size:100%;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
	padding: 4px;
}
tr.dtfld1 th {
	font-size:100%;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	background-color:#fffaf0;
	padding: 4px;
}
tr.dtfld0 td {
	vertical-align:top;
	padding: 4px;
}
tr.dtfld1 td {
	vertical-align:top;
	background-color:#fffaf0;
	padding: 4px;
}
tr.dtfld0 th.dtsort,
tr.dtfld0 td.dtsort,
tr.dtfld1 th.dtsort,
tr.dtfld1 td.dtsort {
	background-color:#ffeae0;
}
.dtable, .dtable_rotated {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: rgb(16, 172, 218) rgb(16, 172, 218) rgb(16, 172, 218) rgb(16, 172, 218);
	border-collapse: collapse;
	background-color: white;
}
.dtable th, .dtable_rotated th
{
	border-width: 1px;
	border-style: solid;
	border-color: rgb(16, 172, 218) rgb(16, 172, 218) rgb(16, 172, 218) rgb(16, 172, 218);
}
.dtable td, .dtable_rotated td
{
	border-width: 1px;
	border-style: solid;
	border-color: rgb(16, 172, 218) rgb(16, 172, 218) rgb(16, 172, 218) rgb(16, 172, 218);
}


/* - HTML Elements - */
html{
	margin-bottom:0.01em;
	height:100%;
	background-color:#F0F0F0;
}

body{
	background-color:#F0F0F0;
	height:100%;
}
input.hint {
	color: grey;

}

/* Elements */


h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}

h1 {
	font-size:138.5%;
}

h2 {
	font-size:123.1%;
}

p, fieldset, table {
margin-bottom:1em;
}

blockquote {
	margin: .5em 1.5em .5em 1.0em;
	font-style: italic;
}

em {
	font-style: italic;	
}

/* - HTML Links - */
a{
	color:#382d70;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#6666cc;
}
a:visited{
	color:#6666cc;
}
a:visited:hover{
	text-decoration:underline;
}
a:focus{
	text-decoration:underline;
}
/* - Adjacents list includes the current page. yui tree gives it an href. Style it to stand out. - */
a span.curAdj, a:hover span.curAdj, a:hover span.curAdj, a:visited span.curAdj  {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#entryTreeMap a[target="_blank"],
div#externals a.external[href^="http:"],
p.title a.external,
div.videoTemplate * a[target="_blank"],
div.imageTemplate * a[target="_blank"] {
    display: inline-block;
    padding-right: 14px;
    background: transparent url(/images/new_window_icon.png) center right no-repeat;
}
/* - HTML links in eBodies are underlined, with hover undecorated - */
div.eBody a {
    text-decoration:underline;
}
div.eBody a:hover,  div.eBody a:visited:hover, div.eBody a:focus {
    text-decoration:none;
}

/* - Overrides of YUI base.css - */
th,td,table {
	border:0;
	padding:0;
	margin:0;
}
p {
	line-height: normal;
}
sup {
	vertical-align:super;
}
sub {
	vertical-align:sub;
}
/* - HTML Form Elements - */
button{
	color:white;
	background-color: #b3b0d4;
	border: 3px solid white;
	font-weight:bolder;
	padding:2px;
	font-size:100%;
	letter-spacing:1px;
    margin-left: 6px;
}
button:hover{
	color:#6666cc;
}
fieldset{
	border:0;
}
label{
	padding:2px;
	font-weight:bolder;
	color:#333300;
}
legend {
	color:black;
}

/* - HTML List elements. Map our xsl transform of the Docbook numeration attribute to a css style type- */

ol.olarabic li {
	list-style-type: decimal;
	margin-left: 2.0em;
}

ol.olupperalpha li {
	list-style-type: upper-alpha;
	margin-left: 2.0em;
}

ol.olloweralpha li {
	list-style-type: lower-alpha;
	margin-left: 2.0em;
}

ol.olupperroman li {
	list-style-type: upper-roman;
	margin-left: 2.0em;
}

ol.ollowerroman li {
	list-style-type: lower-roman;
	margin-left: 2.0em;
}

ul.ulbulleted li {
	list-style-type: disc;
	margin-left: 2.0em;
}

ul.ulcircle li {
	list-style-type: circle;
	margin-left: 2.0em;
}

ul.uldisc li {
	list-style-type: disc;
	margin-left: 2.0em;
}

ul.ulsquare li {
	list-style-type: square;
	margin-left: 2.0em;
}

/* --- Overlay Classes --- */
div.overlayContent {
	text-align:left;
	padding:0;
	margin:0;
}
div.overlayContent hr {
	display:none;
	height:0;
	width:0;
}
div.overlayContent span.eHead {
	background-color:#d2d0d3;
	border:none;
	border-bottom:solid 1px #4E2614;
	color:#333300;
	display:block;
	font-size:108%;
	font-weight:bold;
	padding:4px;
	margin:0;
	filter:none;
}
div.overlayContent div.eBody {
	margin:5px;
	border:none;
}
div.overlayContent th {
	padding-left:5px;
	text-align:right;
}
div.overlayContent td {
	text-align:left;
	padding-left:5px;
}
div.overlayContent p {
	padding-left:5px;
	padding-right:5px;
}
#jackettitle {
	background-color:#d2d0d3;
	font-weight:bolder;
	color:#333300;
	padding:4px;
	text-align:center;
}
#jacketcpy {
	margin-top:5px;
}
#jacketimg {
	text-align:center;
}
#jacketblurb {
}

/************* YUI OVERRIDES *********************/

/****************** Containter */

.overlayContent {
	border: 1px solid #000;
	padding: 3px;
    background-color: #ffffff;
}


/****************** Tree */

/* first or middle sibling, no children */
.ygtvtn {
	width:18px; height:22px; 
	background: url(/images/sprite-orig.gif) 0 -5600px no-repeat; 
}

/* first or middle sibling, collapsable */
.ygtvtm {
	width:18px; height:22px; 
	cursor:pointer ;
	background: url(/images/sprite-orig.gif) 0 -4000px no-repeat; 
}

/* first or middle sibling, collapsable, hover */
.ygtvtmh {
	width:18px; height:22px; 
	cursor:pointer ;
	background: url(/images/sprite-orig.gif) 0 -4800px no-repeat;
}

/* first or middle sibling, expandable */
.ygtvtp {
	width:18px; height:22px; 
	cursor:pointer ;
	background: url(/images/sprite-orig.gif) 0 -6400px no-repeat; 
}

/* first or middle sibling, expandable, hover */
.ygtvtph {
	width:18px; height:22px; 
	cursor:pointer ;
	background: url(/images/sprite-orig.gif) 0 -7200px no-repeat; 
}

/* last sibling, no children */
.ygtvln {
	width:18px; height:22px; 
	background: url(/images/sprite-orig.gif) 0 -1600px no-repeat; 
}

/* Last sibling, collapsable */
.ygtvlm {
	width:18px; height:22px; 
	cursor:pointer ;
	background: url(/images/sprite-orig.gif) 0 0px no-repeat; 
}

/* Last sibling, collapsable, hover */
.ygtvlmh {
	width:18px; height:22px; 
	cursor:pointer ;
	background: url(/images/sprite-orig.gif) 0 -800px no-repeat; 
}

/* Last sibling, expandable */
.ygtvlp { 
	width:18px; height:22px; 
	cursor:pointer ;
	background: url(/images/sprite-orig.gif) 0 -2400px no-repeat; 
}

/* Last sibling, expandable, hover */
.ygtvlph { 
	width:18px; height:22px; cursor:pointer ;
	background: url(/images/sprite-orig.gif) 0 -3200px no-repeat; 
}

/* Loading icon */
.ygtvloading { 
	width:18px; height:22px; 
	background: url(/images/loading.gif) 0 0 no-repeat; 
}

/* the style for the empty cells that are used for rendering the depth 
 * of the node */
.ygtvdepthcell { 
	width:18px; height:22px; 
	background: url(/images/sprite-orig.gif) 0 -8000px no-repeat; 
}

.ygtvblankdepthcell { width:18px; height:22px; }

/* the style of the div around each node */
.ygtvitem { }  

/* the style of the div around each node's collection of children */
.ygtvchildren {  }  
* html .ygtvchildren { height:2%; }  

/* the style of the text label in ygTextNode */
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 
	margin-left:2px;
	text-decoration: none;
    background-color: white; /* workaround for IE font smoothing bug */
}

div.save  .ygtvlabel, div.save  .ygtvlabel:link, div.save  .ygtvlabel:visited, div.save .ygtvlabel:hover { 
    background-color: transparent; 
    color: black !important;
}

.ygtvspacer { 
	height: 22px; 
	width: 18px; 
}

a.ygtvspacer:hover {
	text-decoration: none;
}

/* The style added to any of the above to highlight the node having the focus */
.ygtvfocus{
	background-color: transparent;
}

.ygtvfocus .ygtvlabel{
	background-color: transparent;
}

/* The style of a node with no highlight */
.ygtvhighlight0 {
	background-color: transparent;
}

/* The style of a highlighted node */
.ygtvhighlight1{
	background-color: transparent;
}

/* The style of a node that have some but not all children hightlighted */
.ygtvhighlight2{
	background-color: transparent;
}


/************ Rounded Tabs *****/
.yui-navset .yui-content {
    border-top:1px solid #ccc;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
    background-color:#fff;
}

.yui-navset .yui-nav li a {
    background:#f0f0f0 url(/images/round_4px_trans_gray.gif) no-repeat;
}
.yui-navset .yui-nav li a em {
    background:transparent url(/images/round_4px_trans_gray.gif) no-repeat top right;
    padding:0.5em;
}

/* top oriented */

.yui-navset-top .yui-nav { margin-bottom:-1px; } /* for overlap, based on content border-width */
.yui-navset-top .yui-nav li a {
    border-bottom:1px solid #ccc;
}

.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */

/* top & bottom oriented */
.yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
    margin-left:4px; /* based on border-radius */
    padding-right:8px; /* based on border-radius (2x left to balance margin) */
    padding-left:4px;
}

/* bottom oriented */

.yui-navset-bottom .yui-nav { margin-top:-1px; } /* for overlap, based on content border-width */
.yui-navset-bottom .yui-nav li a { border-top:1px solid #ccc; }

.yui-navset-bottom .yui-nav .selected a { border-top:0; }
.yui-navset-bottom .yui-nav .selected a em { padding-top:0.6em; } /* adjust height */

.yui-navset-bottom .yui-nav li a { background-position:bottom left; }
.yui-navset-bottom .yui-nav li a em { background-position:bottom right; }

/* left oriented */

.yui-navset-left .yui-content { margin-left:-1px; } /* for overlap, based on content border-width */

.yui-navset-left .yui-nav li a {
    border-right:1px solid #ccc;
    padding-bottom:4px;
}

.yui-navset-left .yui-nav li a em, .yui-navset-right .yui-nav li a em {
    padding-top:8px; /* based on border-radius (2x left to balance margin) */
}

.yui-navset-left .yui-nav .selected a { border-right:0; }
.yui-navset-left .yui-nav .selected a em { padding-left:0.6em; } /* adjust width */

.yui-navset-left .yui-nav li a { background-position:bottom left; }
.yui-navset-left .yui-nav li a em { background-position:top left; }

/* right oriented */

.yui-navset-right .yui-content { margin-right:-1px; } /* for overlap, based on content border-width */

.yui-navset-right .yui-nav li a {
    border-left:1px solid #ccc;
    padding-bottom:4px;
}

.yui-navset-right .yui-nav .selected a { border-left:0; }
.yui-navset-right .yui-nav .selected a em { padding-left:0.6em; } /* adjust width */

.yui-navset-right .yui-nav li a { background-position:bottom right; }
.yui-navset-right .yui-nav li a em { background-position:top right; }

/* Rounded div corners */
div.sb-inner { 
	background:white; 
}
div.sb-shadow { 
	background:blue; 
}
div.sb-border {
	background:#888;
}

/* Overlay modal mask */
.mask {
	background-color:#000;
	opacity:0.12;
	filter:alpha(opacity=12);
}