/*
* Z-Index Ranges:
* Header Navigation: 275-300
* Title Navigation: 200-225
* Position:Fixed tabs: 99996-100000
* tooltips: 999999
* Site Shade: 9999995
* Bible: 100-200
*/
/*-----------------------------------------------------------------------------
* =resets and defaults
*---------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html {
height:100%;
}
body, p, ol, ul, td {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.4em;
border-top: 1px;
}
ul {
margin: 0 0 10px;
padding: 0 0 0 25px;
list-style: disc;
}
ol {
margin: 0 0 10px;
padding: 0 0 0 25px;
list-style: decimal;
}
li {
margin: 0 0 5px 0;
}
h1, h2, h3, h4 {
font-family: helvetica, arial, sans-serif;
color: #000;
margin: 0 0 8px;
line-height: 1.3em;
/* border-bottom: 1px dotted #ccc; */
}
h1 { font-size: 24px; margin-top: 5px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 12px;}
p {padding: 0 0 10px 10px; line-height: 1.3em;}
a, a:active, a:visited {
text-decoration: none;
color: #006699;
}
a:hover {
text-decoration: underline;
cursor: pointer;
}
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: none;
-ms-interpolation-mode: bicubic;
}
fieldset {
margin-bottom: 10px;
padding: 10px;
border: 1px solid #e5e5e5;
}
fieldset legend {
padding: 0 5px;
font-weight: bold;
}
/*-----------------------------------------------------------------------------
* =miscellaneous
*---------------------------------------------------------------------------*/
.clear { clear: both; }
.required { color: #cc0000; }
.add_ajax {
float: right;
padding: 0 12px 0 0;
color: #999;
background: url(http://www.just1word.com/images/icons/add_small.gif) no-repeat 100% 40%;
}
.center_text {
text-align: center;
}
.right_text {
text-align: right;
}
span.avatar {
display: inline-block;
width: 30px;
height: 30px;
padding: 3px;
margin: 0 5px 0 0;
background: #fff;
border: 1px solid #ccc;
vertical-align: bottom;
}
a.hotword_disabled:hover {
color:#000;
text-decoration:none;
}
.user_avatar {
overflow: hidden;
float: left;
background: #fff;
border: 1px solid #999;
}
.bible_text {
font-family: Georgia, serif;
}
.bible_verse_inline {
display: block;
width: 80%;
font-style: italic;
color: 666;
margin: 0 auto;
}
.bible_reference_inline {
display: block;
width: 80%;
color: 666;
margin: 0 auto;
}
.rounded_thumbnail {
width: 50px;
height: 50px;
vertical-align: bottom;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
}
.no_list_style {
list-style: none;
padding-left: 15px;
}
.indented_paragraphs p {
padding-left: 15px;
}
.indented_paragraphs li p {padding-left: 0;}
.indented_paragraphs ol {padding-left: 35px;}
.superscript {vertical-align: super; font-size: .5em;}
/*-----------------------------------------------------------------------------
* =borders
*---------------------------------------------------------------------------*/
.rounded_border {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
}
.rounded_bottom_border {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.rounded_top_border {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.column {background: #fff; border: 1px solid #b6b4b2;}
/*-----------------------------------------------------------------------------
* = Alternate Rounded Borders (hidden from the good browsers)
*---------------------------------------------------------------------------*/
.alt_rounded_border {display: none;}
/*-----------------------------------------------------------------------------
* =body
*---------------------------------------------------------------------------*/
body {
background: #333 url(http://www.just1word.com/images/layout/bg-body-texture.jpg) repeat 0 0;
min-width: 1000px;
}
#page_wrapper {
background: transparent url(http://www.just1word.com/images/layout/bg-body.jpg) no-repeat 50% 0;
}
/*-----------------------------------------------------------------------------
* =header
*---------------------------------------------------------------------------*/
#header_wrapper_outer {
width: 100%;
height: 42px;
background: #da5a09 url(http://www.just1word.com/images/layout/bg-header-texture.jpg) repeat 0 0;
border-bottom: 1px solid #b94c07;
}
#header_wrapper_inner {
background: transparent url(http://www.just1word.com/images/layout/bg-header.jpg) no-repeat 50% 0;
height: 100%;
padding: 0 25px;
}
#header {
position: relative;
width: 960px;
height: 100%;
margin: 0 auto;
padding: 0;
color: #fff;
background: transparent;
z-index: 275;
}
#header_branding {
position: absolute;
top: 8px;
left: 15px;
width: 105px;
height: 27px;
text-indent: -99999px;
background: transparent url(http://www.just1word.com/images/layout/header-branding.png) no-repeat 0 0;
}
/*-------- =header-branding --------*/
#header_branding a {
display: block;
width: 100%;
height: 100%;
}
/*-------- =header-navigation [general] --------*/
#header ul {
margin: 0;
padding: 0;
}
#header li {
display: block;
float: left;
margin: 0 3px 0 0;
padding: 0;
list-style: none;
}
#header li a {
display: block;
color: #fff;
padding: 8px;
line-height: 1em;
}
#header li a:hover {
background: #f87320;
text-decoration: none;
}
/*-------- =header-navigation [site] --------*/
#header_site_navigation {
position: absolute;
top: 6px;
left: 160px;
font-size: 14px;
line-height: 1em;
z-index: 275;
}
#header_site_navigation .menu,
#header_user_navigation .menu {
position: absolute;
top: 37px;
padding: 5px 0;
background: #e8e8e2;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #999;
width: 125px;
}
#header_site_navigation .menu li,
#header_user_navigation .menu li {
display: block;
float: none;
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
#header_site_navigation .menu li a,
#header_user_navigation .menu li a {
color: #666;
padding: 5px 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#header_site_navigation .menu li a:hover,
#header_user_navigation .menu li a:hover {
background: #999;
color: #fff;
}
#header_site_navigation .menu_label:hover,
#header_user_navigation .menu_label:hover {
padding-right: 15px;
background: #f87320;
}
#header_site_navigation .menu_label,
#header_user_navigation .menu_label {
padding-right: 15px;
background: transparent;
}
#header_site_navigation .active_menu .menu_label,
#header_user_navigation .active_menu .menu_label {
color: #000;
background: #e8e8e2;
}
/*-------- =header-navigation [user] --------*/
#header_user_navigation {
position: absolute;
top: 6px;
right: 230px;
font-size: 12px;
z-index: 275;
}
#header_user_navigation .menu {
width: 105px;
}
/*-------- =header-search --------*/
#header_search {
position: absolute;
top: 9px;
right: 0;
width: 204px;
height: 31px;
padding: 2px 8px 0;
background: transparent url(http://www.just1word.com/images/layout/bg-header-search.png) no-repeat 0 0;
}
#header_search input {
background: transparent;
border: none;
}
#header_search_textfield {
color: #999;
width: 190px;
}
#header_search input#header_search_submit {
display: block;
position: absolute;
top: 0;
right: 3px;
width: 18px;
height: 22px;
padding: 3px 5px;
background: transparent url(http://www.just1word.com/images/layout/bg-header-search-submit.gif) no-repeat 0 50%;
cursor: pointer;
text-indent: -99999px;
}
#header #search_suggestions {
position: absolute;
top: 24px;
left: 0;
width: 218px;
margin: 0;
padding: 0 0 5px 0;
background: #FFFFFF none repeat scroll 0 0;
border: 1px solid #b6b4b2;
color: #fff;
font-size: 12px;
z-index: 5000;
}
#search_suggestions li {
display: block;
float: none;
margin: 0;
padding: 0;
}
#search_suggestions li a,
#search_suggestions li a:hover {
display: block;
padding: 5px 8px;
color: #999;
background: #fff;
}
#search_suggestions li.suggest_active a {
background: #e5e5e5;
}
/*-----------------------------------------------------------------------------
* =pull-down menus
*---------------------------------------------------------------------------*/
.menu_wrapper {
position: relative;
}
.menu_wrapper,
.menu_wrapper li {
display: block;
margin: 0;
list-style: none;
}
.menu_label {
position: relative;
padding-right: 15px;
}
.menu_label .arrow {
position: absolute;
right: 5px;
top: 45%;
width: 5px;
height: 3px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat 0px -26px;
overflow: hidden;
}
.menu_label .close_menu {
position: absolute;
right: 5px;
color: #000;
}
.active_menu .menu_label {
overflow: hidden;
}
.active_menu .menu_label .arrow {
background-position: 0px 0px;
}
.active_menu .menu_label .arrow {
display: none;
}
.active_menu .menu_label .close_menu {
display: inline;
}
.inactive_menu .menu,
.inactive_menu .menu_label .close_menu {
display: none;
}
.active_menu .menu {
display: block;
}
.menu {
position: absolute;
left: -10px;
top: 15px;
padding: 5px;
background: #000;
font-size: 12px;
z-index: 200;
}
.menu li a {
display: block;
padding: 3px 20px 3px 5px;
}
/*-----------------------------------------------------------------------------
* =feedback tab
*---------------------------------------------------------------------------*/
#feedback_tab {
position: fixed;
right: 0;
top: 25%;
display: block;
width: 28px;
height: 78px;
overflow: hidden;
text-indent: -999999px;
background: #666 url(http://www.just1word.com/images/layout/background_feedback_tag.gif) no-repeat 0 0;
}
#feedback_tab:hover {
width: 30px;
}
/*-----------------------------------------------------------------------------
* =site Messages
*---------------------------------------------------------------------------*/
#site_messages {
width: 960px;
margin: 10px auto;
}
/*-----------------------------------------------------------------------------
* =title navigation
*---------------------------------------------------------------------------*/
#title_previous_next {
float: left;
width: 40px;
}
#title_previous_item,
#title_previous_item_disabled {
float: left;
display: block;
width: 16px;
height: 16px;
margin-top: 8px;
text-indent: -999999px;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat 0 -16px;
overflow: hidden;
}
#title_next_item,
#title_next_item_disabled {
float: left;
display: block;
width: 16px;
height: 16px;
margin: 8px 0 0 5px;
text-indent: -999999px;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat 0 0;
overflow: hidden;
}
#title_previous_next .previous_disabled,
#title_previous_item:active {
background-position: -16px -16px;
}
#title_previous_next .next_disabled,
#title_next_item:active {
background-position: -16px 0;
}
#title_navigation {
position: relative;
width: 940px;
height: 35px;
margin: 10px auto 0;
padding: 5px 10px 0px;
background: #fafafa;
border: 1px solid #b6b4b2;
z-index: 200;
}
/*--------------- title heading and search form ----------------*/
#page_title_heading {
position: relative;
float: left;
width: 540px;
margin: 0 5px 0 10px;
padding: 0 0px 0 0;
font-weight: bold;
font-size: 22px;
line-height: 1em;
border: 1px solid #999;
height: 28px;
overflow: hidden;
}
#page_title_heading .arrow {
position: absolute;
right: 5px;
top: 45%;
width: 5px;
height: 4px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat 0px -18px;
}
#page_title_heading h1 {
display: block;
float: none;
height: 20px;
line-height: 1em;
margin: 0;
width:400px;
float:left;
font-size:18px;
padding: 6px 6px 3px;
}
#page_title_heading h1 .disabled_text {
color:#999;
}
#page_title_h1 span.version_header {
font-size:14px;
color:#999;
font-variant:small-caps;
}
/* #page_title_search_form { display: none; }
.title_hover #page_title_heading,
.title_selected #page_title_heading { display: none; }
.title_hover #page_title_search_form,
.title_selected #page_title_search_form { display: block; } */
/*-------- version menu --------*/
#version_menu_wrapper {
position: relative;
float: left;
margin: 0 10px 0 0;
width: 60px;
height: 28px;
z-index: 200;
}
#version_menu_wrapper .inactive_menu .menu_label .arrow,
#version_menu_wrapper .active_menu .menu_label .arrow {
display: block;
position: absolute;
right: 5px;
top: 45%;
width: 5px;
height: 4px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat 0px -18px;
}
#version_menu {
position: absolute;
font-size: 10px;
margin: 0;
padding: 0;
width: 60px;
height: 28px;
}
#version_menu_wrapper_inner {
position: absolute;
width: 60px;
height: 28px;
}
#version_menu .menu_label,
#version_menu .menu_label:hover {
display: block;
height: 28px;
text-align: center;
color: #000;
font-size: 12px;
padding: 0 15px 0 0;
border: 1px solid #999;
text-decoration: none;
}
#version_menu .label_text {
display: block;
height: 20px;
padding: 8px 5px 0;
border-right: 1px solid #999;
}
#version_menu .menu {
position: absolute;
left: -100px;
top: 36px;
width: 250px;
font-size: 10px;
background: #fff;
border-width: 0 1px 1px 1px;
border-color: #999;
border-style: solid;
}
#version_menu .menu li {
display: block;
padding: 0 0 3px;
}
#version_menu .menu li a {
float: left;
}
#version_menu .current_version {
position: relative;
display: block;
height: 100%;
padding: 5px 20px 5px 15px;
color: #fff;
background: transparent;
}
#version_menu .current_version .arrow {
position: absolute;
left: 5px;
top: 35%;
width: 3px;
height: 5px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat 0px -18px;
}
#version_menu .copyright_link,
.dropdown_menu .copyright_link {
padding: 2px 10px 0 0;
font-family: "Times New Roman", "Times", Serif;
font-style: italic;
}
/*-------- explore menu --------*/
.toolbar_menu {
float: left;
margin: 5px 5px 0 0;
padding: 0;
font-size: 12px;
z-index: 200;
}
.toolbar_menu .center_menu_wrapper {
position: absolute;
left: 50%;
top: 0;
width: 275px;
}
.toolbar_menu .menu {
position: absolute;
left: -50%;
top: 31px;
width: 275px;
border-color: #999;
border-width: 0 1px 1px 1px;
border-style: solid;
background: #fff;
}
.toolbar_menu .menu_wrapper {
height: 20px;
}
.toolbar_menu .menu_label {
background: url("http://www.just1word.com/images/layout/buttons1.gif") no-repeat scroll 0 -32px transparent;
display: block;
height: 20px;
padding: 0 0 0 3px;
color: #000;
}
.toolbar_menu .menu_label:hover {
text-decoration: none;
}
.toolbar_menu .menu_label .button_bg {
display: block;
height: 18px;
padding: 2px 18px 0 5px;
background: transparent url("http://www.just1word.com/images/layout/buttons1.gif") no-repeat scroll -68px -52px;
}
.toolbar_menu .active_menu .menu_label:active {
background-position: 0px -72px;
}
.toolbar_menu .active_menu .menu_label:active .button_bg {
background-position: -68px -92px;
}
#passages_menu,
#keywords_menu {
position: relative;
width: 78px;
z-index: 200;
}
#passages_menu .button_bg,
#keywords_menu .button_bg {
background-position: -55px -52px;
}
#passages_menu .active_menu .menu_label,
#keywords_menu .active_menu .menu_label {
background-position: -0px -72px;
}
#passages_menu .active_menu .menu_label .button_bg,
#keywords_menu .active_menu .menu_label .button_bg {
background-position: -55px -92px;
}
/*-- explore menu specific --*/
.explore_wrapper {
position: relative;
padding: 5px 0 5px 3px;
}
.explore_wrapper #explore_bcv_sort,
.explore_wrapper #explore_passages_sort {
position: absolute;
top: 0px;
right: 5px;
line-height: 1em;
color: #fff;
}
.explore_wrapper #explore_tabs {
font-size: 10px;
list-style: none;
}
.explore_wrapper #explore_tabs .tab li {
display: inline;
}
.explore_wrapper #explore_tabs .tab a {
display: inline;
margin: 0;
padding: 3px 5px;
}
.explore_wrapper #explore_tabs .tab a.active {
background-color: #ccc;
color: #000;
}
.explore_wrapper .explore_tab {
padding-top: 5px;
}
.explore_wrapper .explore_tab a.alpha_sort {
background: #666;
}
.explore_wrapper .explore_scroller {
position: relative;
display: block;
float: left;
width: 85px;
height: 150px;
margin: 0 5px 5px 0;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
font-size: 10px;
}
.explore_wrapper .explore_scroller .scroller_chapter_replacement {
color: #fff;
}
.explore_wrapper .explore_scroller .alpha_sort .scroller_chapter_replacement {
color: #000;
}
.explore_wrapper .explore_scroller ul {
width: 300px;
overflow-x: hidden;
}
.explore_wrapper .explore_scroller li {
display: block;
width: 300%;
}
.explore_wrapper .explore_scroller li a {
display: block;
color: #000;
background: transparent;
line-height: 1em;
padding: 3px 5px;
font-size: 12px;
}
.explore_wrapper .explore_scroller li a.selected_option,
.explore_wrapper .explore_scroller li a.selected_option:hover,
.explore_wrapper .explore_scroller li a.selected_option .chapter_title {
color: #fff;
background: #000099;
}
.explore_wrapper .explore_scroller li a:hover {
background: #ccc;
color: #000;
}
.explore_wrapper .explore_scroller .chapter_title {
color: #000;
}
.explore_wrapper .explore_scroll1 {
width: 85px;
}
.explore_wrapper .explore_scroll2 {
width: 175px;
}
.explore_loading_indicator {
position: absolute;
top: 35%;
left: 40%;
padding: 10px;
background-color: #fff;
line-height: 0px;
border-color: #ccc #666 #666 #ccc;
border-style: solid;
border-width: 1px 1px 1px 1px;
}
/*-------- page tools --------*/
#search_menu {
float: left;
margin: 5px 0 0 0;
}
#search_menu .menu_label {
display: block;
width: 24px;
height: 20px;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat -32px 0;
text-indent: -9999px;
}
/*-------- page tools --------*/
#page_tools {
float: right;
width: 230px;
margin: 5px 0 0 0;
}
/*-------- bible toggle --------*/
#bible_toggle,
#bible_toggle_inactive,
a#bible_toggle:hover {
float: left;
display: block;
width: 35px;
height: 20px;
margin: 0 10px 0 0;
text-indent: -999999px;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat 0 -112px;
}
#bible_toggle_inactive {
background-position: -35px -112px;
}
/*-------- bible popout --------*/
#bible_popout,
a#bible_popout:hover {
float: left;
display: block;
width: 24px;
height: 20px;
margin: 0 10px 0 0;
text-indent: -999999px;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat -70px -112px;
}
/*-------- increase text size control -------*/
#increase_text_control {
display: block;
float: left;
width: 22px;
height: 20px;
margin: 0 0 0 2px;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat -22px -132px;
text-indent: -999999px;
}
/*-------- descrease text size contorl -------*/
#decrease_text_control {
display: block;
float: left;
width: 22px;
height: 20px;
margin: 0;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat 0px -132px;
text-indent: -999999px;
}
/*------- print page control ------*/
#print_page_control {
display: block;
float: left;
width: 20px;
height: 20px;
margin: 0 0 0 10px;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat -50px -132px;
text-indent: -999999px;
}
/*------- bible settings menu -------*/
#bible_settings {
float: right;
position: relative;
margin: 0;
padding: 0;
font-size: 12px;
width: 65px;
z-index: 200;
}
#bible_settings_message {
font-size: 12px;
margin: 0;
padding: 0;
}
#bible_settings .menu {
position: absolute;
left: -42px;
top: 31px;
width: 105px;
background: #fff;
border-color: #999;
border-width: 0 1px 1px 1px;
border-style: solid;
}
#bible_settings .menu_wrapper {
display: block;
height: 20px;
}
#bible_settings .menu_label {
height: 20px !important;
background:url("http://www.just1word.com/images/layout/buttons1.gif") no-repeat scroll 0 -32px transparent;
display:block;
padding:0 0 0 3px;
color: #000;
overflow-y: hidden;
}
#bible_settings .menu_label:hover {
text-decoration: none;
}
#bible_settings .menu_label .button_bg {
display: block;
height: 16px;
padding: 2px 17px 2px 5px;
background: transparent url("http://www.just1word.com/images/layout/buttons1.gif") no-repeat scroll -68px -52px;
}
#bible_settings .active_menu .menu_label,
#bible_settings .active_menu .menu_label:active {
background-position: 0px -72px;
}
#bible_settings .active_menu .menu_label .button_bg,
#bible_settings .active_menu .menu_label:active .button_bg {
background-position: -68px -92px;
}
#bible_settings .menu li {
display: block;
margin-bottom: 10px;
}
#bible_settings .row {
padding: 0;
margin-bottom: 5px;
}
#bible_settings label {font-size: 12px;}
#bible_settings input {}
#bible_settings #bible_settings_submit {
float: none;
width: 100%;
text-align: center;
}
/*-----------------------------------------------------------------------------
* =content
*---------------------------------------------------------------------------*/
#content_wrapper {
width: 100%;
background: transparent;
}
#content {
width: 960px;
margin: 0 auto;
padding: 10px;
}
.content_220 {
float: left;
width: 200px;
margin: 10px 0 0 15px;
padding: 0 0 10px 0;
}
.content_280 {
float: left;
width: 264px;
margin: 0;
padding: 0;
}
.content_380 {
width: 380px;
margin: 10px 0 0 10px;
padding: 0 9px 10px 0;
float: left;
}
.content_460 {
width: 460px;
margin: 10px 0 0 10px;
padding: 0 9px 10px 0;
float: left;
}
.content_700 {
float: left;
width: 700px;
margin: 10px 0 0 10px;
padding: 0 9px 10px 0;
}
.flex_height,
#content .content_700 .flex_height{
height: auto;
}
.content_right_250 {
float: right;
width: 230px;
margin: 0;
padding: 10px;
}
.content_960 {
width:960px;
margin: 0;
padding: 0;
}
.column_content {
padding: 0 10px;
}
.no_spacing {padding: 0; margin: 0;}
#page_wrapper .column_left {margin-left: 0; margin-top: 0;padding-right: 19px;}
.column_right {margin-right: 0;}
/*------------------ popout content -----------------*/
.popout_flex_height,
.popout_flex_height #page_wrapper {
height: 100%;
min-width: 0;
background: #d9d8d3;
padding-bottom: 50px;
}
.popout_flex_height #bible_content {
height: 60%;
width: auto;
margin: 10px 0 0;
}
.popout_flex_height #title_navigation {
width: auto;
margin: 10px 20px 0;
overflow: hidden;
}
.popout_flex_height #content_actions_wrapper_outer,
.popout_flex_height #content_tabs_wrapper {
width: auto;
margin: 0 20px 0;
}
.popout_flex_height #content_actions_wrapper_inner {
width: auto;
}
.popout_flex_height #comment_action_form textarea {width: 100%;}
.popout_flex_height #footer_info_wrapper {margin-top: 20px;}
/*-----------------------------------------------------------------------------
* =content selections; =content actions
*---------------------------------------------------------------------------*/
#content_actions_wrapper_outer {
width:700px;
height: 35px;
margin-top: 5px;
position: relative;
z-index: 101;
}
#content_actions_wrapper_inner {
width: 700px;
margin: 0;
padding: 0;
height: 35px;
}
#content_actions_wrapper_outer .expanded {
height: auto;
}
.content_actions_fixed {
position:fixed;
bottom:0;
z-index: 99999;
}
#content_selections_arrow {
display: block;
width: 15px;
height: 15px;
position: relative;
top: 12px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat 0 -88px;
}
#content_selections_wrapper {
position: absolute;
margin: 0;
padding: 3px 65px 0px 3px;
bottom: 2px;
left: 0;
height: 24px;
background: #fff;
width: 273px;
border: 1px solid #B6B4B2;
}
#content_selections_wrapper_inner {
width: 100%;
height: 100%;
overflow: hidden;
}
#content_selections_wrapper .tail {
position: absolute;
left: 55px;
bottom: -8px;
width: 11px;
height: 8px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat -30px -62px;
}
#content_selections_controls {
position: absolute;
top: 0;
right: 0;
width: 67px;
padding: 5px 0 5px 3px;
margin
background: #fff;
}
#content_selections_controls a {
float: right;
font-size: 10px;
line-height: 1em;
margin-right: 5px;
}
#content_selections {}
#toggle_selected_expand {
display: block;
width: 20px;
height: 10px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat -11px -60px;
border-left: 1px solid #d8d8d8;
text-indent: -99999px;
}
.expanded #toggle_selected_expand {
background-position: -11px -73px;
}
#content_selections .selected_verse {
float: left;
margin: 0 3px 3px 0;
padding: 3px 8px;
background: #fff;
border:1px solid #B6B4B2;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #666666;
line-height: 1em;
font-size: 12px;
}
#content_selections .selected_verse a {
color: #990000;
font-size: 16px;
}
#content_selections .omission {
line-height: 2em;
display: inline;
}
.expanded #content_selections .omission {display: none;}
#content_actions {
position: absolute;
right: 5px;
bottom: -2px;
width: 345px;
padding: 0;
margin: 0;
height: 32px;
list-style: none;
}
#content_actions li {
display: block;
float: left;
height: 100%;
margin: 0 2px 0 0;
}
#content_actions li a {
padding: 10px 10px 5px;
display: block;
color: #666;
background: #e8e8e2;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #b6b4b2;
line-height: 1em;
}
#content_actions a.active {
color: #000;
font-weight: bold;
background: #fafafa;
text-decoration: none;
border-width: 1px;
border-color: #b6b4b2 #b6b4b2 #fafafa #b6b4b2;
}
#content_actions a:hover {
color: #000;
text-decoration: none;
}
#content_tabs_wrapper {
padding: 10px;
margin-bottom: 20px;
background: #fafafa;
border: 1px solid #b6b4b2;
}
#comment_tab_count {font-size: 10px; position: relative; top: -1px; line-height: 1em;}
.hidden {display: none;}
/*-----------------------------------------------------------------------------
* =comments
*---------------------------------------------------------------------------*/
#content_tabs_wrapper .action_wrapper {}
#content_tabs_wrapper .action_content {
padding: 10px 20px 20px;
text-align: right;
}
#comment_action_wrapper .comment {
position: relative;
margin: 0 0 5px 0;
padding: 10px 15px;
background: #fff;
border-style: solid;
border-color: #e8e8e8;
border-width: 0 1px 1px 0;
}
#comments_content {}
.comment_tools {
position: absolute;
top: 5px;
right: 10px;
font-size: 11px;
}
.comment_tools li {
display: block;
float: right;
height: 15px;
margin: 0 3px 0 0;
}
.comment_tools .hover_only {
display: none;
}
.hover .comment_tools .hover_only {
display: block;
}
.comment_tools li.private {
width: 15px;
background: transparent url(http://www.just1word.com/images/icons/lock_silhouette.gif) no-repeat 5px 1px;
}
.comment_tools .delete_comment a {
display: block;
width: 15px;
text-indent: -99999px;
background: transparent url(http://www.just1word.com/images/icons/cross.png) no-repeat 0 0;
}
.comment_tools .edit_comment a {
display: block;
width: 18px;
text-indent: -99999px;
background: transparent url(http://www.just1word.com/images/icons/pencil.png) no-repeat 0 0;
}
.comment_tools .flag_comment a {
display: block;
width: 18px;
text-indent: -99999px;
background: transparent url(http://www.just1word.com/images/icons/flag_yellow.png) no-repeat 0 0;
}
.comment_tools .flagged a {
background: transparent url(http://www.just1word.com/images/icons/flag_red.png) no-repeat 0 0;
}
.comment_meta {
font-size: 11px;
padding-bottom: 5px;
margin-left: 50px;
}
.comment_timestamp {
color: #999;
}
.comment_content {
margin-left: 50px;
padding: 0;
}
#comment_action_form,
.ajax_comment_edit_form {
text-align: right;
}
#comment_action_form p,
.ajax_comment_edit_form p {
padding: 0 0 10px;
}
#comment_action_form textarea {
width: 625px;
padding: 5px;
}
.ajax_comment_edit_form textarea {
width: 590px;
padding: 5px;
}
.comment_visibility_message {
text-align: left;
padding: 0 5px 5px;
}
.comment_visibility_message .private,
.comment_visibility_message .public {
display: block;
}
.comment_visibility_message .icon {
display: block;
float: left;
width: 15px;
height: 13px;
background: transparent url('http://www.just1word.com/images/icons/lock_silhouette.gif') no-repeat 0 0;
}
.comment_visibility_message .private {
color: #990000;
}
.comment_visibility_message .private .icon {
background-position: ;
}
.comment_visibility_message .public {
color: #666;
}
.comment_visibility_message .public .icon {
background-position: 0 -13px;
}
.comment_counter_unlimited {
color: #999;
font-style: italic;
}
#comments_wrapper {
position: relative;
min-height: 50px;
}
#comments_wrapper .ajax_loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent url('http://www.just1word.com/images/layout/transparency_white.gif') repeat 0 0;
padding: 20px;
}
#comments_wrapper .ajax_loading img {
position: absolute;
left: 50%;
top: 50%;
margin: -50px 0 0 -50px;
}
#comments_wrapper .new_comment {
border-bottom: 0px;
}
#comment_pagination {
margin-top: 20px;
font-size: 12px;
}
#comment_pagination .comment_pagination_previous {
position: relative;
display: block;
float: right;
height: 15px;
padding: 0 0 0 18px;
background: transparent;
color: #999;
}
#comment_pagination .comment_pagination_previous .arrow {
position: absolute;
top: 1px;
left: 0;
display: block;
width: 15px;
height: 15px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat -15px 2px;
}
#comment_pagination .comment_pagination_next {
position: relative;
display: block;
float: right;
height: 15px;
padding: 0 18px 0 0;
margin-left: 10px;
background: transparent;
color: #999;
}
#comment_pagination .comment_pagination_next .arrow {
position: absolute;
top: 1px;
right: 0;
display: block;
width: 15px;
height: 15px;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat -15px -12px;
}
.no_comments {
color: #ccc;
}
/*-------------- inline comments ---------------*/
.comments_inline {
margin: 5px 5px;
padding: 5px 5px 0 5px;
background: #f1f1f1;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.comments_inline .comment {
background: #fff;
padding: 5px;
margin-bottom: 3px;
}
.comments_inline .comment .comment_content {
font-size: 12px;
color: #666;
}
/*-----------------------------------------------------------------------------
* =share
*---------------------------------------------------------------------------*/
.action_content .share_action_padding {
padding: 0 50px;
text-align: left;
}
.action_content .share_action_links {
width: 420px;
margin: 0 auto 10px auto;
}
.action_content .share_action_links li {
display: block;
float: left;
margin-left: 15px;
}
.action_content .share_action_links .icon {
display: block;
float: left;
width: 20px;
height: 20px;
}
.action_content .share_action_links .facebook .icon {
background: transparent url(http://www.just1word.com/images/social_icons/facebook.png) no-repeat 0 0;
}
.action_content .share_action_links .twitter .icon {
background: transparent url(http://www.just1word.com/images/social_icons/twitter.png) no-repeat 0 0;
}
.action_content .share_action_links .stumble .icon {
background: transparent url(http://www.just1word.com/images/social_icons/stumble.png) no-repeat 0 0;
}
.action_content .share_action_links .email .icon {
background: transparent url(http://www.just1word.com/images/layout/icons_sprite1.png) no-repeat -105px 0;
}
.action_content .message_preview {
padding: 0 0 15px;
text-align: center;
font-size: 11px;
font-style: italic;
}
/*-----------------------------------------------------------------------------
* =highlight
*---------------------------------------------------------------------------*/
#highlight_messages, #highlight_instructions {
text-align: center;
font-size: 11px;
}
#highlight_messages div {
padding: 5px 10px;
font-size: 11px;
}
#highlight_messages .ajax_loading {
padding: 5px 10px;
background: #ffffcc;
}
.highlight_options {
width: 185px;
margin: 10px auto 0;
}
.highlight_options .option {
text-align: center;
display: block;
float: left;
width: 25px;
height: 25px;
margin: 0 10px 0 0;
}
.highlight_options .option a {
display: block;
width: 25px;
height: 25px;
border: 1px solid #666;
text-indent: -999999px;
}
.highlight_options .option .selected {
border: 2px solid #000;
}
.highlight_options .option a .highlight_option_background {
display: block;
margin: 3px;
background: #ccc;
width: 19px;
height: 19px;
}
#highlight_option_blue a .highlight_option_background {
background: #ccffff;
}
#highlight_option_green a .highlight_option_background {
background: #ccffcc;
}
#highlight_option_yellow a .highlight_option_background {
background: #ffffcc;
}
#highlight_option_red a .highlight_option_background {
background: #ffcccc;
}
#highlight_option_none {
background: transparent;
width: auto;
}
#highlight_option_none a,
#highlight_option_none a .highlight_option_background {
text-indent: 0px;
background: #fff;
width: auto;
font-size: 10px;
color: #666;
}
#highlight_option_none a:hover {
text-decoration: none;
}
/*-----------------------------------------------------------------------------
* =compare
*---------------------------------------------------------------------------*/
#compare_intructions {
padding: 0 0 10px 0;
text-align: center;
}
#compare_box_left,
#compare_box_right {
float: left;
width: 305px;
text-align: left;
}
#compare_box_left {
margin: 0;
}
#compare_box_right {
float: right;
margin: 0;
}
#compare_box_left .bible_select,
#compare_box_right .bible_select {
width: 100%;
}
#compare_box_left_content,
#compare_box_right_content {
padding: 0px 10px 10px;
}
#compare_box_left_content h3,
#compare_box_right_content h3 {
padding: 0;
margin: 10px 0 5px;
}
#compare_1_ajax_loading,
#compare_2_ajax_loading {
padding-top: 5px;
text-align: center;
line-height: 10px;
}
/*-----------------------------------------------------------------------------
* =publish
*---------------------------------------------------------------------------*/
#devotions_entry_form {
width: 600px;
margin: 0 auto;
text-align: left;
}
#devotions_entry_form p {
padding: 0 0 15px;
}
#devotions_entry_form label {
display: block;
padding: 0 0 3px;
}
#devotions_entry_form input,
#devotions_entry_form textarea {
width: 100%;
padding: 3px 5px;
}
#devotions_entry_form #devotion_submit {
width: auto;
}
.mceContentBody {
padding: 3px 5px;
}
.devotion_edit_controls {
float: right;
}
.devotion_preview {
width: 100%;
}
.devotion_info_header h2 {
color: #006699;
display: inline;
clear: none;
margin: 0 0;
}
.left_floated {
float: left;
}
.right_floated {
float: right;
}
/*-----------------------------------------------------------------------------
* =right column related
*---------------------------------------------------------------------------*/
.sidebar {margin: 0; padding: 10px; width: 219px;}
.sidebar_related_wrapper {
margin: 0 0 10px 0;
}
.sidebar_related_wrapper .title {
position: relative;
height: 21px;
margin: 0 0 10px -20px;
padding: 9px 5px 0 20px;
background: url("http://www.just1word.com/images/layout/heading1.png") no-repeat scroll 0 0 transparent;
font-size: 11px;
text-transform: uppercase;
color: #666666;
border: none;
}
.sidebar_related_wrapper ul,
.sidebar_related_wrapper p {
margin: 0;
padding: 0;
}
.sidebar_related_wrapper ul {
border-top: 1px dotted #d8d8d8;
margin-right: 0;
}
.sidebar_related_wrapper ul li {
list-style: none;
padding: 5px 0 3px;
margin: 0;
border-bottom: 1px dotted #d8d8d8;
}
.sidebar_related_wrapper ul li a {
display: block;
}
.sidebar_related_wrapper .more_link {
font-size: 12px;
text-align: right;
}
/*-----------------------------------------------------------------------------
* =right column tools
*---------------------------------------------------------------------------*/
#page_sharer_link {
width: 194px;
float: left;
color: #666;
}
#page_sharer_link_label {
display: block;
float: left;
width: 14px;
height: 9px;
margin: 7px 5px 0 0;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat -33px -21px;
text-indent: -99999px;
font-size: 0px;
line-height: 0px;
}
#page_sharer_links {
margin: 10px 0 5px;
text-align: center;
}
#page_sharer_links .icon {
display: block;
float: left;
width: 23px;
height: 23px;
margin-right: 5px;
padding: 0;
font-size: 8px;
color: #999;
text-indent: -9999px;
background: transparent url(http://www.just1word.com/images/layout/buttons1.gif) no-repeat 0 -152px;
}
#page_sharer_links .facebook {
background-position: 0 -152px;
}
#page_sharer_links .twitter {
background-position: -23px -152px;
}
#page_sharer_links .stumble {
background-position: -46px -152px;
}
#page_sharer_links .email {
background-position: -69px -152px;
margin-right: 0;
text-indent: 0;
padding: 1px 0 0 0;
width: 39px;
height: 22px;
text-align: center;
}
/*-----------------------------------------------------------------------------
* =Book
*---------------------------------------------------------------------------*/
.book_intro_2col {float: left; width: 310px; margin-right: 15px; position: relative;}
.book_intro_2col_right {margin-right: 0;}
#book_intro_first_verse .mt,
#book_intro_first_verse .mt1,
#book_intro_first_verse .mt2,
#book_intro_first_verse .d,
#book_intro_first_verse .mbk,
#book_intro_first_verse .c,
#book_intro_first_verse .s,
#book_intro_first_verse .fm {
display: none;
}
#book_intro_first_verse .vh,
#book_intro_first_verse .m0,
#book_intro_first_verse .p0 {
display: inline;
}
#book_chapter_toc {
padding: 10px;
}
#book_chapter_toc .chapter_list_wrapper {
float: left;
width: 280px;
position: relative;
}
#book_chapter_toc .chapter_list {
margin: 0 0 0 15px;
}
#book_chapter_toc .first_list {
padding-right: 40px;
}
/*---------------------- =book TOC, =chapter list ----------------------*/
.chapter_list {
list-style-position: outside;
line-height: 1.3em;
}
.chapter_list ul {
margin-top: 5px;
padding: 0;
}
.chapter_list ul li {
list-style-type: none;
padding-left: 0;
}
/*-----------------------------------------------------------------------------
* =footer
*---------------------------------------------------------------------------*/
#footer_wrapper {
width: 100%;
margin: 0;
padding: 0;
}
#super_footer_wrapper {
width: 100%;
margin: 0;
padding: 10px 0 0;
background: #63635c url(http://www.just1word.com/images/layout/bg-footer.png) repeat-x 0 0;
}
#super_footer {
width: 960px;
margin: 0 auto;
padding: 20px 0;
}
#super_footer h4 {
color: #fff;
border: none;
}
#super_footer ul {
margin: 0;
padding: 0;
}
#super_footer li {
margin: 0 0 3px;
padding: 0;
list-style: none;
}
#super_footer li,
#super_footer li a {
font-size: 12px;
color: #ccc;
}
#super_footer .footer_4column {
float: left;
width: 210px;
padding: 10px;
margin: 0 10px 0 0;
background: #63635C url("http://www.just1word.com/images/layout/bg-footer.png") repeat-x 0 -115px;
}
#super_footer .footer_2column {
float: left;
width: 470px;
padding-left: 10px;
text-align: center;
}
#super_footer ul.footer_networks li {
display: inline;
margin-right: 10px;
}
#super_footer .current_fans {
padding: 10px 0 0;
font-size: 12px;
color: #666;
font-style: italic;
}
#super_footer .multi_column_list ul {
float: left;
margin-right: 20px;
}
#twitter_update_list {
font-size: 14px;
overflow-x: hidden;
}
#twitter_update_list li {
font-weight: normal;
margin-bottom: 15px;
}
#twitter_update_list span {
color: #ccc;
font-size: 14px;
padding-right: 10px;
}
#twitter_update_list span a {
color: #fff;
}
#twitter_update_list a {
color: #fff;
font-size: 12px;
}
#twitter_update_list .twtr-hd {
display: none;
}
#twitter_update_list .twtr-ft span a {font-size: 10px;}
.twtr-ft div {padding:10px 0;}
#footer_info_wrapper {
width: 100%;
height: 20px;
padding: 0;
padding-bottom: 25px;
color: #999;
font-size: 10px;
background: #333;
}
#footer_info {
position: relative;
width: 960px;
margin: 0 auto;
}
#footer_copyright {
position: absolute;
left: 0;
top: 10px;
}
#footer_navigation {
position: absolute;
right: 0;
top: 10px;
}
#footer_navigation li {
display: inline;
}
#footer_navigation li a {
font-size: 10px;
color: #999;
}
#footer_navigation li a:hover {
color: #fff;
}
#footer_navigation li .separator {
color: #666;
}
div.twitter_tweet
{
color:#ccc;
font-size:12px;
}
div.twitter_tweet a,
div.twitter_tweet a:visited,
div.twitter_tweet a:hover,
div.twitter_footer a,
div.twitter_footer a:visited
{
color:#fff;
}
span.twitter_timestamp
{
display:block;
font-size:9px;
}
/*-----------------------------------------------------------------------------
* = Feedback popup
*---------------------------------------------------------------------------*/
#feedback_popup{
display: block;
width: 340px;
position: fixed;
bottom: 0px;
right: 0px;
background: #fff;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #666;
z-index:99999;
}
#feedback_popup .intro {
padding: 15px;
background: #e5e5e5;
}
#feedback_popup .intro p,
#feedback_popup .intro h3{
margin: 0;
}
#feedback_popup .question {
padding: 5px 15px 20px;
}
#feedback_popup p {
margin: 10px 0 0;
}
#feedback_popup p.question_text {
font-size: 14px;
}
#feedback_popup textarea {
padding: 5px;
}
#feedback_popup .submit_wrapper {
text-align: center;
}
#feedback_popup .submit {
color: #fff;
background: #99cc33;
border: 0px solid #ccc;
padding: 4px 10px;
font-size: 14px;
vertical-align: middle;
}
#feedback_popup .submit_cancel {
color: #fff;
background: #999;
margin-right: 10px;
padding: 6px 10px;
font-size: 14px;
height: 50px;
}
/*-----------------------------------------------------------------------------
* = tooltip popup
*---------------------------------------------------------------------------*/
#tooltip {
position: absolute;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px 0;
border-color: #eee #999 #999 #eee;
background: #eee;
z-index: 999999;
}
#tooltip .tail {
position: absolute;
left: 45%;
bottom: -8px;
width: 10px;
height: 8px;
background: transparent url(http://www.just1word.com/images/layout/tooltip_tail.gif) no-repeat 0 0;
}
#tooltip .content {
margin: 0px -1px;
padding: 2px 3px;
border-style: solid;
border-width: 0 1px;
border-color: #eee #999 #999 #eee;
background: transparent;
font-size: 10px;
line-height: 12px;
color: #000;
}
/*-----------------------------------------------------------------------------
* = Search
*---------------------------------------------------------------------------*/
.search_phrase {
font-weight: bold;
}
.suggest_active {
background: #E9E9E9;
}
.match {
font-weight:bold;
}
.featured_results {
background:#dfd;
padding: 10px 10px 10px 10px;
margin-bottom:5px;
}
.results {
padding: 10px 10px 10px 10px;
margin-bottom:5px;
}
.featured_results .body {
color:#000;
}
#page_content_wrapper_inner .featured_results p.search_results_title {
font-weight:normal;
font-size:12px;
}
#page_content_wrapper_inner .featured_results .bcv {
border-bottom: none;
}
.search_filters {
float:right;
}
ul.search_totals {
list-style-type:none;
margin-bottom:10px;
margin-left:10px;
padding-left:0;
}
ul.search_totals li {
display:inline;
margin-right: 5px;
}
a.current_filter,
a.current_filter:visited {
color:#000;
}
/*-----------------------------------------------------------------------------
* = Top Search cloud
*---------------------------------------------------------------------------*/
.popular_search_cloud {
font-size: 18px;
text-align: center;
}
.top_search_1 { font-size: 0.5em; }
.top_search_2 { font-size: 0.6em; }
.top_search_3 { font-size: 0.7em; font-weight: bold; }
.top_search_4 { font-size: 0.8em; }
.top_search_5 { font-size: 0.9em; }
.top_search_6 { font-size: 1em; font-weight: bold; }
/*-----------------------------------------------------------------------------
* = Search Pagination
*---------------------------------------------------------------------------*/
.paginate {
clear: both;
margin: 0 auto 10px;
padding: 0 5px 0 0;
text-align: center;
font-size: 10px;
}
.paginate a,
.paginate a:visited,
.paginate .current {
border: 1px solid #ccc;
margin: 0 3px 0 0;
padding: 5px 6px;
color: #fff;
background: #006699;
}
.paginate .current {
color: #333;
background: #ccc;
}
.paginate .gap {
margin: 3px 3px 5px 0px;
padding: 2px;
}
.main_site_pagination {
clear: both;
margin: 0 auto 10px;
padding: 0 5px 0 0;
text-align: center;
font-size: 10px;
}
.main_site_pagination a,
.main_site_pagination a:visited,
.main_site_pagination .current {
border: 1px solid #ccc;
margin: 0 3px 0 0;
padding: 5px 6px;
color: #000;
background: #fff;
}
.main_site_pagination .current {
padding: 5px 6px;
color: #333;
font-weight: bold;
font-size: 14px;
line-height: 1em;
border: none;
}
/*--------------- bible content ---------------*/
p.bible_content .body,
p.bible_content .body:hover,
.bible_content_list_item .body,
.bible_content_list_item .body:hover {
text-decoration: none;
color: #000;
}
.bible_content .related_items,
.bible_content_list_item .related_items {
display: block;
font-size: 12px;
}
.bible_content .related_items .title,
.bible_content_list_item .related_items .title {
color: #999;
font-style: italic;
font-size: 12px;
}
.page_bible_content {
width: 425px;
margin: 0 auto;
padding: 10px 15px;
background: #fff;
overflow-x: hidden;
}
.page_bible_content .passage_reference {
display: block;
}
.version, #bible_content .version {
font-size: 0.75em;
font-variant:small-caps;
}
/*--------------- bible list content ---------------*/
.bible_content_list_item {
padding: 0 0 20px;
}
/*--------------- page content ---------------*/
#page_content_border {
background: #fff;
border: 1px solid #B6B4B2;
}
#page_content_border #bible_content {
width: auto;
}
#page_content_wrapper_outer {
margin-top: 10px;
width: 100%;
height: 500px;
overflow-y:auto;
}
#page_content_wrapper_inner {
margin: 0px 10px;
padding: 3px 0 0;
}
#page_content_wrapper_inner .search_results_title {
font-size: 14px;
font-weight: bold;
color: #000;
padding: 0 0 10px;
}
#page_content_wrapper_inner .search_results_stats {
font-size: 12px;
font-weight: normal;
color: #999;
padding: 0 0 0 5px;
}
.page_letterbox {
background: transparent url(http://www.just1word.com/images/layout/page_letterbox.gif) repeat-y 50% 0;
}
.page_content_padding,
#content_full_width .page_content_padding,
#bible_content .page_content_padding {
margin: 10px;
}
/*-----------------------------------------------------------------------------
* = forms [general]
*---------------------------------------------------------------------------*/
.block_input_form label,
.block_input_form input,
.block_input_form select,
.block_input_form textarea {display: block; margin-bottom: 2px;}
.block_input_form input,
.block_input_form textarea {font-size: 14px; padding: 3px; width: 95%;}
.block_input_form select {font-size: 12px;}
.block_input_form label {font-weight: normal;}
.block_input_form .inline {display: inline; width: auto; font-weight: normal;}
.block_input_form .submit {width: auto; padding: 0 10px; font-size: 12px;}
.form_table {vertical-align: top;}
.form_table tr td {vertical-align: top; padding-bottom: 10px;}
.form_note {font-size: 10px; font-style: italic; color: #666; vertical-align: middle;}
.form_verification_field {display: none;}
/*-----------------------------------------------------------------------------
* = site toggle
*---------------------------------------------------------------------------*/
#site_toggle {
position: fixed;
left: 0px;
top: 25%;
width: 15px;
height: 15px;
border-width: 1px 1px 1px 0;
border-color: #777772;
border-style: solid;
z-index: 9999996;
overflow: hidden;
}
#site_toggle a {
display: block;
width: 100%;
height: 100%;
background: #cccbc3 url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat -15px -28px;
text-indent: -9999px;
}
#site_toggle .active {
background-position: -15px -43px;
}
#site_shade {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff url(http://www.just1word.com/images/layout/bg-body-texture.jpg) repeat 0 0;
z-index: 9999995;
}
#site_shade div {
width: 100%;
height: 100%;
background: transparent url(http://www.just1word.com/images/layout/bg-body.jpg) no-repeat 50% 0;
}
/*-----------------------------------------------------------------------------
* = global admin bar
*---------------------------------------------------------------------------*/
#admin_bar {
position: relative;
min-width: 700px;
height: 25px;
padding: 5px 10px;
background: #000;
}
#admin_bar h1 {
position: absolute;
left: 20px;
top: 5px;
margin: 0;
padding: 0;
color: #fff;
font-size: 14px;
}
#admin_bar #session_links {
position: absolute;
right: 20px;
top: 10px;
color: #fff;
}
#admin_bar #session_links a {
color: #fff;
}
#admin_bar #edit_this_page {
position: absolute;
left: 48%;
top: 10px;
}
#admin_bar #edit_this_page a {
color: #fff;
}
/*-----------------------------------------------------------------------------
* = home activity feed; whats happening
*---------------------------------------------------------------------------*/
#whats_happening {
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding-right: 2px;
margin-bottom: 10px;
}
#whats_happening h2 {
font-size: 24px;
color: #000;
margin: 0px;
padding: 5px 0 5px 10px;
}
#whats_happening h2 a {
float: right;
}
#sitewide_activity {
padding: 10px;
}
#sitewide_activity .activity_home_viewed {background: transparent url(http://www.just1word.com/images/icons/activity_viewed.png) no-repeat 5px 10px;}
#sitewide_activity .activity_home_compared {background: transparent url(http://www.just1word.com/images/icons/activity_compared.png) no-repeat 5px 10px;}
#sitewide_activity .activity_home_highlighted {background: transparent url(http://www.just1word.com/images/icons/activity_highlighted.png) no-repeat 5px 10px;}
#sitewide_activity .activity_home_commented {background: transparent url(http://www.just1word.com/images/icons/activity_commented.png) no-repeat 5px 10px;}
#sitewide_activity .activity_home_searched {background: transparent url(http://www.just1word.com/images/icons/activity_searched.png) no-repeat 5px 10px;}
#sitewide_activity .activity_home_item {
margin: 0 0 10px;
padding: 10px 10px 0 55px;
border-top: 1px dotted #e5e5e5;
min-height:40px;
}
#whats_happending_loading_indicator {
float: right;
display: block;
width: 16px;
height: 16px;
margin: 10px 0 0;
text-align: center;
}
#sitewide_activity .first_item {
border-top: none;
}
#sitewide_activity img {
float: left;
position: relative;
}
#sitewide_activity .activity_info {
display: block;
padding: 0;
line-height: 1em;
}
#sitewide_activity .activity_home_item .title {
margin: 0 0 5px 0;
font: normal 15px/1em helvetica,arial,sans-serif;
}
#sitewide_activity .activity_home_item .activity_description {
display: block;
padding: 0;
}
#sitewide_activity .activity_home_item .activity_meta {
font-size: 11px;
line-height: 1em;
color: #666;
}
#sitewide_activity .activity_home_item .activity_action {
font-weight: bold;
font-style: italic;
}
#sitewide_activity .activity_home_item .activity_reference {
color: #666;
font-size: 11px;
}
/*-----------------------------------------------------------------------------
* = prayers
*---------------------------------------------------------------------------*/
#prayer_content {
padding: 0 0 10px 0;
}
#prayer_index {
width: 425px;
}
.prayers .intro {
padding: 0;
margin: 5px 0;
font-size: 10px;
}
.prayers .intro strong {
font-weight: bold;
font-style: italic;
}
.prayers .prayer {
padding: 5px 10px 5px 0;
border-bottom: 1px dotted #ccc;
}
.prayers .prayer p,
#lightbox_wrapper #lightbox_content .prayer p {
float: left;
padding: 0;
margin: 0 0 0 5px;
width: 80%;
}
#home_prayers .prayer p {
width: 130px;
}
.prayers span.avatar {
float: left;
overflow-x: hidden;
overflow-y: hidden;
}
.prayers .delete {
float: right;
padding: 0 0 3px 3px;
color: #cc0000;
font-size: 14px;
}
.share_prayer_button,
.share_prayer_button:active,
.share_prayer_button:visited {
display: block;
width: 135px;
height: 22px;
margin: 0;
padding: 7px 0 0;
color: #000;
background: transparent url(http://www.just1word.com/images/layout/button_white_wide.png) no-repeat 0 0;
text-align: center;
float: right;
}
.share_prayer_button:hover {
text-decoration: none;
font-weight: bold;
}
#home_prayers {
border-top: 1px solid #ccc;
margin-bottom: 10px;
padding: 0;
}
#home_prayers h3 {
padding: 5px 10px;
border-bottom: 1px solid #e5e5e5;
color: #666;
font-size: 18px;
background: #f5f5f5;
width: auto;
}
/*#home_prayers h3 a {
float: right;
font-weight: normal;
font-size: 12px;
}*/
#prayers_loading_indicator {
float: right;
}
#prayer_messages {
margin: 0 0 5px 0;
}
#home_prayers #prayer_content {
padding: 0 10px 10px;
}
#home_prayers #prayer_prayer {width: 135px;}
/*-----------------------------------------------------------------------------
* = promotions
*---------------------------------------------------------------------------*/
.sidebar_promo {margin: 0 0 10px;}
.connect_daily1 {position: relative; left: 5px; top: -15px; width: 220px; height: 220px;}
.connect_daily1 .facebook,
.connect_daily1 .twitter {display: block; position: absolute; top: 182px; height: 25px;}
.connect_daily1 .facebook {left: 5px; width: 103px;}
.connect_daily1 .twitter {right: 5px; width: 100px;}
.rotating_promo_220 {width: 220px; height: 210px; overflow: hidden;}
/*-----------------------------------------------------------------------------
* = sponors
*---------------------------------------------------------------------------*/
#sponsors .sponsor100x100 {
float: right;
width: 100px;
height: 100px;
margin: 0 0 10px;
padding: 0;
border: 1px solid #ccc;
background: #e5e5e5;
color: #ccc;
text-align: center;
overflow: hidden;
}
#sponsors .left {
float: left;
margin: 0 8px 10px 0px;
}
/*-----------------------------------------------------------------------------
* = about
*---------------------------------------------------------------------------*/
.indented {padding: 10px 15px;}
.indented h3 {margin: 0 0 5px; border-bottom: 1px solid #e5e5e5;}
.about_table {
margin: 0 15px;
}
.about_table td {
padding: 0 0 10px 0;
}
.about_table td.heading {
font-weight: bold;
padding: 0 10px 0 0;
}
.about_table .about_quote {
margin: 15px 0;
padding: 0;
font-size: 14px;
}
.about_table .about_quote .quote_text {
margin: 0;
padding: 0 20px;
}
.about_table .about_quote .quote_open,
.about_table .about_quote .quote_close {font-size: 34px;}
#bible_facts {
padding: 10px 20px 20px;
border-left: 1px solid #e5e5e5;
color: #666;
}
#bible_facts h2 {color: #666;}
#bible_facts ul {
margin: 0;
padding: 0;
}
#bible_facts li {
border-bottom: 1px solid #f1f1f1;
padding: 0 0 5px;
margin: 0 0 10px;
list-style: none;
}
#bible_facts li ul {
margin: 10px 0 0 25px;
}
#bible_facts li ul li {
list-style: disc;
border-bottom: none;
}
#bible_facts .last_item {
border-bottom: none;
margin-bottom: 0;
}
/*-----------------------------------------------------------------------------
* = contact
*---------------------------------------------------------------------------*/
.contact_intro { padding: 0 10px 10px;}
.contact_form_sidenotes p {
font-size: 12px;
color: #666;
}
/*-----------------------------------------------------------------------------
* =login
*---------------------------------------------------------------------------*/
#login_form {
width: 250px;
margin: 50px 0 0 150px;
}
#ajax_login #login_form {margin: 0px 25px 25px;}
/*-----------------------------------------------------------------------------
* =signup
*---------------------------------------------------------------------------*/
#signup_form {
width: 300px;
margin: 10px 0 0;
padding: 20px;
float:right;
background: #f1f1f1;
border: 1px solid #ccc;
}
#signup_form label {color: #333;}
#signup_form input {width: 285px;}
#signup_form .submit {width: auto;}
#signup_form span.screenname_avail {font-size: 11px; font-weight: bold;}
#signup_form span#screenname_good {color: green;}
#signup_form span#screenname_bad {color: red;}
#signup_info {
margin: 0;
padding: 10px;
background: #f1f1f1;
border: 1px solid #ccc;
}
#signup_info h2 {
border: none;
font-size: 16px;
}
/*-----------------------------------------------------------------------------
* =forgot password
*---------------------------------------------------------------------------*/
#forgot_password {
width: 400px;
margin: 0;
}
/*-----------------------------------------------------------------------------
* =donate
*---------------------------------------------------------------------------*/
#donation_intro_letter {
padding: 10px;
}
#donation_intro_letter p {
text-align: justify;
}
.donate_form_button {
display: inline;
text-align: center;
}
.donate_buttons {
padding: 0 10px;
text-align: center;
}
.address {
display: block;
padding: 5px 0 10px 30px;
font-weight: bold;
font-size: 14px;
text-align: left;
}
.address span {
display: block;
}
.quoted_verse {
position: relative;
margin: 20px 0;
padding: 0 20px;
text-align: center;
font-style: italic;
font-size: 14px;
}
.quoted_verse .quote_text {
padding: 0 30px;
position: relative;
display: block;
}
.quoted_verse .quote_open,
.quoted_verse .quote_close {
color: #ccc;
font-size: 60px;
position: absolute;
left: 0;
top: 10px;
}
.quoted_verse .quote_close {
left: auto;
top: auto;
right: 5px;
bottom: -10px;
}
.quoted_verse .quote_reference {
display: block;
padding: 10px 0 0 0;
text-align: right;
}
.donation_sidebar {
border-left: 1px solid #e5e5e5;
margin: 30px 0 10px 10px;
padding: 0 9px 0 0;
}
.donation_sidebar .column_content {
padding: 10px 5px 10px 15px;
}
/*-----------------------------------------------------------------------------
* =versions
*---------------------------------------------------------------------------*/
.version_index_info {
margin-top: 0;
}
.version_index_info h2 { border-width: 1px 0px; border-style: solid; border-color: #ccc #ccc #e5e5e5; background: #f5f5f5; padding: 5px 10px; margin: 0;}
.version_index_info h2 a {color: #000; display: block; width: 100%; height: 100%;}
.version_index_info .column_content {padding: 10px;}
.version_index_info p {
font-size: 12px;
}
.version_index_info .version_image {
float: left;
width: 100px;
margin: 0 10px 0 0;
padding: 2px;
border: 5px solid #ccc;
}
.version_index_info .links {clear: both; padding: 10px 0 0 20px;}
/* single version */
.version_single_entry {padding: 10px 0 0;}
.version_single_entry h1, .version_single_entry h2, .version_single_entry h3, .version_single_entry h4 {border: 0;}
.version_single_entry .version_image {
width: 165px;
margin: 0;
padding: 2px;
background: #fff;
border: 5px solid #ccc;
}
.version_single_entry .version_publisher_link {
text-align: center;
margin: 10px 0;
padding: 5px;
width: 165px;
border: 1px solid #ccc;
background: #f1f1f1;
}
.version_single_entry .version_short_copyright {font-size: 10px; width: 175px; text-align: center; padding: 10px 0 0;}
.version_single_entry .version_section {border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px;}
.version_single_entry .content_220 {width: 210px;}
.version_single_entry .content_460 {width: 450px;}
/*---------- Version Lightbox Splash Info ---------*/
.version_splash_info h2 { border: none; background: transparent; padding: 0; margin: 0;}
.version_splash_info h2 a {color: #000; display: block; width: 100%; height: 100%;}
.version_splash_info .links {text-align: right;}
/*-----------------------------------------------------------------------------
* =User Activity
*---------------------------------------------------------------------------*/
.activity {
margin: 0;
padding: 0;
}
.activity .date_wrapper {
margin: 0 0 20px;
padding: 10px 10px 0;
border-top: 1px solid #ccc;
list-style: none;
}
.activity .date {
display: block;
float: left;
width: 75px;
background: #fff;
}
.activity .day_of_week {
display: block;
margin: 0 5px 3px;
padding: 3px 0;
text-align: center;
font-size: 10px;
font-weight: normal;
color: #fff;
background: #C32513;
line-height: 1em;
}
.activity .month, .activity .year {
display: block;
margin: 0 0 5px;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 1em;
text-align: center;
}
.activity .year {font-size: 14px;}
.activity .day_of_month {
display: block;
font-size: 32px;
font-weight: bold;
text-align: center;
line-height: 26px;
color: #666;
}
.activity .activity_for_date {
float: left;
width: 550px;
margin: 0 0 0 15px;
list-style: none;
}
.activity .activity_item {
border-bottom: 1px dotted #ccc;
}
.activity .activity_item_last {
border: 0;
}
.activity .activity_item a {display: block;}
.activity .activity_time {float: right; font-size: 10px; color: #999;}
.activity_viewed,
.activity_searched,
.activity_commented,
.activity_noted,
.activity_highlighted,
.activity_favorited,
.activity_liked,
.activity_compared {
padding-bottom: 10px;
line-height: 1em;
padding-left: 25px;
}
.activity_viewed {background: transparent url(http://www.just1word.com/images/icons/activity_viewed_small.gif) no-repeat 2px 0;}
.activity_searched {background: transparent url(http://www.just1word.com/images/icons/activity_searched_small.gif) no-repeat 2px 0;}
.activity_commented {background: transparent url(http://www.just1word.com/images/icons/activity_comment_small.gif) no-repeat 2px 0;}
.activity_noted {background: transparent url(http://www.just1word.com/images/icons/activity_note_small.gif) no-repeat 2px 0;}
.activity_highlighted {background: transparent url(http://www.just1word.com/images/icons/activity_highlighted_small.gif) no-repeat 2px 0;}
.activity_favorited {background: transparent url(http://www.just1word.com/images/icons/activity_favorited_small.gif) no-repeat 2px 0;}
.activity_liked {background: transparent url(http://www.just1word.com/images/icons/activity_liked_small.gif) no-repeat 2px 0;}
.activity_compared {background: transparent url(http://www.just1word.com/images/icons/activity_compared_small.gif) no-repeat 2px 0;}
/*-----------------------------------------------------------------------------
* =settings
*---------------------------------------------------------------------------*/
.form_split_column {
float: left;
margin-right: 20px;
}
.avatar_preview, .bible_cover_preview {float: left; margin: 0 20px 0 0;}
.custom_bible_url {padding: 10px; background: #f8f8f8; border: 1px solid #e5e5e5; font-size: 12px; font-style: italic; margin: 0 0 10px;}
/*-----------------------------------------------------------------------------
* =games
*---------------------------------------------------------------------------*/
.games_index {}
.games_index .game_preview {
position: relative;
float: left;
width: 210px;
height: 160px;
margin: 0 20px 20px 0;
border: 1px solid #ccc;
overflow-x: hidden;
overflow-y: hidden;
}
.games_index .game_preview_last {margin-right: 0;}
.scramble_challenge .title {
margin: 0;
padding: 5px 10px;
background: #fa7521;
color: #fff;
}
.scramble_challenge .content {padding: 25px 10px 10px;}
.scramble_challenge .answer_link {position: absolute; right: 10px; bottom: 10px;}
/*-----------------------------------------------------------------------------
* =announcements
*---------------------------------------------------------------------------*/
.announcements {}
.announcements .announcement {
margin: 15px 0 0;
}
.announcements .announcement h2 {
font-size: 18px;
padding: 5px 10px 2px;
background: none repeat scroll 0 0 #F1F1F1;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #E5E5E5;
}
.announcements .announcement .posted_date {
color: #666;
font-size: 10px;
font-weight: normal;
font-style: italic;
}
.announcements p {padding: 0 10px 10px;}
/*---------- homepage announcements ----------*/
#home_announcement_wrapper {margin-bottom: 10px; padding: 0; border: 2px solid #e5e5e5;}
#home_announcement_wrapper h2 {margin: 0 0 5px; padding: 5px; border: 0; background: #f5f5f5; color: #666;}
#home_announcements {margin: 10px;}
#home_announcements h2 {margin: 0 0 5px; padding: 0; border: 0; color: #000; font-size: 14px; background: none;}
#home_announcements .announcements .announcement .posted_date {font-size: 10px;}
#home_announcements .announcements p {padding: 0 0 5px; font-size: 12px;}
#home_announcements a {font-size: 10px;}
/*-----------------------------------------------------------------------------
* =addons
*---------------------------------------------------------------------------*/
.addons { width: 100%; margin-bottom: 10px;}
.addons .header {border-top: 1px solid #ccc; border-bottom: 1px solid #e5e5e5; background: #f1f1f1; padding-top: 10px;}
.addons th {padding: 5px;}
.addons .addon {width: 100%; height: 100%; border-bottom: 1px dotted #ccc;}
.addons .addon .preview {padding: 10px; width: 50%; height: 100%; vertical-align: middle; text-align: center;}
.addons .addon .code {padding: 10px; width: 50%;}
.addons .addon .code textarea {width: 390px; display: block; margin: 0 auto; padding: 5px;}
.addons form {margin: 0 auto;}
/*-----------------------------------------------------------------------------
* =hotword Menu
*---------------------------------------------------------------------------*/
#hotword_menu, #hotword_menu p {font-size: 12px; line-height: 1.3em;}
.citation {
margin-bottom: 5px;
font-size:10px;
color:#999;
float:left;
clear:both;
}
/*-----------------------------------------------------------------------------
* =dropdown menu
*---------------------------------------------------------------------------*/
.dropdown_menu {
position: absolute;
list-style-type: none;
top: 0px;
left: 0px;
background: #fafafa;
color: #000;
padding: 0;
white-space: nowrap;
z-index: 1000;
border-style: solid;
border-width: 1px 5px 5px;
border-color: #ccc;
font-size:12px;
}
.dropdown_scroll {
height:200px;
overflow-y:auto;
overflow-x: hidden;
}
.dropdown_menu li {
white-space:nowrap;
margin: 0;
padding: 2px 25px 2px 5px;
cursor: pointer;
}
.dropdown_menu li span.chapter_number {}
.dropdown_menu li span.subchapter_number {color: #fff;}
.dropdown_menu li a.item_suffix,
.dropdown_menu li a.item_suffix:visited,
.dropdown_menu li a.item_suffix:hover {
color:#000;
text-decoration:none;
}
.dropdown_menu li:hover {
background: #ccc;
color: #fff;
}
.dropdown_menu li.selected {
background: #fa7521;
color:#fff;
}
#tree_container {
width:420px;
float:left;
margin: 0;
padding: 0;
}
#mode_container {
float:left;
width:80px;
}
#mode_container div.tree_select {
width: 100%;
height: 25px;
margin: 0;
padding: 4px 0 0;
z-index: 1000;
}
#tree_container div.tree_select {
width:100%;
z-index:1000;
height:28px;
padding: 0;
margin: 0;
}
a.tree_branch {
display:block;
cursor:pointer;
padding-left: 5px;
padding-top: 4px;
font-weight: bold;
font-size: 18px;
color: #000;
border-right: 1px solid #fff;
}
#tree_container a.tree_branch {
height: 25px;
background: #fafafa;
}
#mode_container a.tree_branch {
font-size: 10px;
font-weight:normal;
height:none;
line-height:1em;
padding:4px 10px 3px 8px;
margin:0 5px 0;
background: none repeat scroll 0 0 #E5E5E5;
background: #aaa -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)) ;
border: 1px solid #999;
color:#000;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px 5px 5px 5px;
text-align:left;
}
.branch_left {
float:left;
text-align:center;
position:relative;
padding-right:15px;
}
#mode_container .branch_left {
float:none;
}
.branch_right {
float:right;
position:relative;
}
a.tree_branch:hover {
text-decoration:none;
}
#tree_container a.branch_hover {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
text-decoration: none;
background: #eee ;
padding-left: 4px;
}
a.branch_open,
a.branch_open:hover {
background: #fff ;
}
#page_title_heading a.branch_left .arrow_tree {
position:absolute;
display:block;
right:5px;
top:40%;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat 0px 0px;
overflow: hidden;
width:5px;
height:4px;
}
#page_title_heading #mode_container a.branch_left span.arrow_tree{
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat 0px -18px;
}
#page_title_heading a.branch_right .arrow_tree {
position:inline;
display:block;
float:left;
background: transparent url(http://www.just1word.com/images/layout/arrows_sprite1.gif) no-repeat 0px -18px;
overflow: hidden;
margin-top:10px;
margin-right:5px;
width:5px;
height:4px;
}
.tree_hover,
#tree_container div.tree_hover {
background:#eee;
margin: 0;
padding: 0;
}
.go_button {
position: absolute;
display: block;
right: 0;
width: 40px;
height: 28px;
padding: 0;
font-size: 16px;
text-align: center;
color: #fff;
font-weight: normal;
}
.active_go {
background: #fa7521;
}
.go_button span {
display: block;
width: 100%;
height: 24px;
margin-top: 4px;
background: transparent url(http://www.just1word.com/images/layout/bg-header-search-submit.png) no-repeat 50% 30%;
text-align: center;
}
.active_go span {background: none;}
#navigation_search_form {
position:absolute;
top:0px;
left:0px;
z-index:10000;
}
#navigation_search_form input {
height:22px;
width:494px;
padding: 3px;
font-size:18px;
font-weight:bold;
color:#000;
border: 0;
}
#nav_cancel_button {
display: block;
padding-top: 7px;
float: left;
font-size: 12px;
}
#tree_container a.version_selector {
/* color:#999; */
font-size:14px;
padding-top:5px;
}
#tree_container a.version_selector .label {font-variant:small-caps;}
/*-----------------------------------------------------------------------------
* =book cloud
*---------------------------------------------------------------------------*/
#book_cloud {
width: 750px;
margin: 0 auto;
padding: 15px 0 0;
border-top: 1px dotted #ccc;
}
#book_cloud h3 {margin: 0;}
#ot_book_list {
float: left;
margin: 0;
padding: 10px 20px 10px 0;
border-right: 1px solid #e8e8e8;
}
#nt_book_list {
float: left;
margin: 0;
padding: 10px 0px 10px 0;
}
.book_cloud li, .book_cloud ul {list-style: none; margin: 0; padding: 0;}
.book_cloud .book_list_column {float: left; padding-left: 20px;}
.book_cloud .first_column {padding-left: 0px;}
/*-----------------------------------------------------------------------------
* =404
*---------------------------------------------------------------------------*/
#server_error_page {width: 750px; margin: 25px auto;}
#server_error_page .message {margin: 0 0 50px;}
#server_error_page .message h1 {margin: 0;}
#server_error_page .message p {margin: 0; padding: 10px 15px 0;}
#server_error_page .message .error_code {margin: 0 0 15px;font-size: 12px; color: #666;}
#server_error_page_search {
width: 750px;
margin: 0 auto 15px;
}
#server_error_page_search input {display: block; float: left; font-size: 12px;}
#server_error_page_search .textfield {
padding: 3px 5px 0;
font-size: 12px;
width: 350px;
height: 23px;
vertical-align: top;
border: 1px solid #ccc;
}
#server_error_page_search .submit {
background: url(http://www.just1word.com/images/layout/button_orange.gif) no-repeat 100% 0;
border: 0;
padding: 0 0 2px;
width: 60px;
height: 28px;
color: #fff;
line-height: 1em;
}
/*-----------------------------------------------------------------------------
* =500
*---------------------------------------------------------------------------*/
#main_content {
width:700px
}