/* global styles */

FORM {display: inline}

/* positioning */

#header {
	position: absolute;
	top: 0px;
	height: 70px;
	left: 0px;
	width: 100%;
}

#head-title {
    height: 30px;
	background: #FFFCCC url('../images/head_bg.gif') no-repeat;
	color: #FFFFFF;
}

#head-title h1 {
    position: absolute;
    padding: 0;
    top: 0;
    margin: 5px 0 0 50px;
}

#head-title h1 a{
    color: #FFFFFF;
    text-decoration: none;
}

#left {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 200px;
	/*height: 100px;*/
	border: thin solid #EEEEEE;
	z-order:2;
}

#main {
	position: absolute;
	top: 70px;
	height: 420px;
	left: 200px;
	width: 600px;
	z-order:2;
}

#handle {
	float: right;
	width: 10px;
	height: 20px;
	cursor: pointer;
}

#upper {
	height: 300px;
	overflow: auto;
}

#divider {
    cursor: n-resize;
	height: 10px;
	font-size: 1px;
	background-color: #E0E000;
}

#lower {
	height: 90px;
	overflow: auto;
	background-color: #FFFFEE;
}

#navigate {
	position: absolute;
	top: 0px;
	left: 90%;
}

#bottom-nav {
	position: absolute;
	left: 90%;
	padding: 5px 0 0 0;
}

#closer {
	height: 1px;
	font-size: 1px;
	background-color: #000080;
	clear: both;
}

/* formatting for master div */

.master {
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	margin: 0 1em 1em;
}

.master table {
    font-family: Verdana,Arial,sans-serif;
    font-size: 100%;              
}

/* formating for header div*/

#header_left{
	position: absolute;
	top: 0px;
	width: 100%;	
}

#header_right {
	position: relative;
	float: right;
	top: 0px;
}
#linknext {
	position: absolute; 
	top: 10px;
	width: 100%;
	text-align: right;
	color: red;	
}
#menu_bar {
	position: absolute;
	top: 30px;
	width: 100%;	
}

#menu_bar2 {
	position: absolute;
	top: 30px;
	width: 100%;	
}

#menubar:link {
	color: #FFFFFF;
}

#menubar:hover {
	color: #FFFF00;
}

#menubar:visited {
	color: #FFFFFF;
}

.menubar:link, .drop_menubar:link {
	color: #FFFFFF;
}

.menubar:hover, .drop_menubar:hover {
	color: #FFFF00;
}

.menubar:visited, .drop_menubar:visited {
	color: #FFFFFF;
}

.header {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
}

.header_left {
	text-align: left;
	padding: 0px 0px 0px;
	background-color: #FFFCCC;			
}

.header_right {
	text-align: right;
	padding: 0px 20px 0px;
	vertical-align: bottom;
}


.menu_bar_left {	
	color: #FFFFFF;	
	text-align: left;
	vertical-align: middle;
	height: 30px;
	background-image: url(../images/bg_menu_bar.gif);	
	padding: 10px 0px 0px;
}

.menu_bar_right {
	text-align: left;
	padding: 10px 0px 0px;

}

/* formatting for menu div */
.menu {
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	margin: 0em 1em;
}

.mini {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	margin: 1em;
}

.input_small{
	font-size: 90%;
   }

/* formatting for texts div */

.texts {
	margin: 0em 2em;
	font-family: Georgia, Garamond, "Times New Roman", times, serif;
}

.paragraphtitle {
	font-style: italic;
	margin: 1em 0em;
}

.texts p {margin: 0}
.texts h1 {margin-top: 8px; margin-bottom: 8px}

.small1{
    font-family: Verdana, Arial, sans-serif;
	font-size: 55%;
	color: grey;
}

.small1 a:link{
	color: grey;
}


.section {
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin: 1em 0em;
}

.bodytext {text-indent: 1em}
.bodyblock {margin-left: 0em}
.poetry {margin-left: 1em}
.otpoetry {margin-left: 1em}
.BlockQuote {margin-left: 1em}
.footer {text-align: center}

.psasuper {
	font-size: 80%;
	margin-left: 1em;
}	

.lamhebrew {
	font-size: 120%;
	text-align: center;
}

.sosspeaker {margin-left: 1em}

.vref {font-weight: bold}
.sc {font-variant: small-caps}

sup {font-size: 80%}

/* formatting for note paragraphs */

.notes {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 80%;
	margin: 0em 2em;
}

.note {
	/* font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; */
	/* font-size: 80%; */
	margin: 0em;
	text-indent: 1em;
}

.notetype {font-weight: bold}

/* formatting for search results */

#results {
	margin: 1em 2em 0em 2em;
}

.search_terms {
    color: #7E7E7E;
    font-size: 80%;
}

#statsline {
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	background-color: #FFFFCC;
	text-align: right;
}

#jumpline {
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	background-color: #FFFFCC;
	text-align: right;
}

#statsbox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	width: 200px;
	float: right;
	border: thin solid #DDDDFF;
	margin: 0 0 10px 10px;
}

.text {
	font-family: Georgia, Garamond, "Times New Roman", times, serif;
	margin: 0em;
}

.textlink {
	font-family: Georgia, Garamond, "Times New Roman", times, serif;
}

.notelink {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 80%;
}

.poptext {
	font-family: Georgia, Garamond, "Times New Roman", times, serif;
}

.popnote {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

.hl {background-color: #FFFF00}
.hl_lite {background-color: #FFFFB3}
.hl_green {background-color: #AAFFAA}
.hlg {background-color: #B0F7D3}

/* formatting for dictionaries */

#dictionary, #article, #arts, #illustration, #strong, #resource, #preferences, #expository, #ngram {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 80%;
	margin: 0 2em 1em 2em;
}

#dict_heading {
	font-size: 200%;
	font-style: italic;
	text-align: right;
}

#dict_toc, .cmt_toc {
	font-family: Verdana, Arial, sans-serif;
	width: 200px;
	float: right;
	border: thin solid #DDDDFF;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 10px;
}

/* formatting for maps */

#map_head1 {
    border: thin solid #DDDDFF;
    position: relative;
    left: 31%;
    float: left;
    width: 140px;
    font-family: Verdana, Arial, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	background-color: #CFD7FA;
	margin: 0em;
	
}

#map_head2 {
    border: thin solid #DDDDFF;
    position: relative;
    width: 80px;
    float: left;
    left: 46%;
    font-family: Verdana, Arial, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	background-color: #E4FBE9;
	margin: 0em;
}

#map_head3 {
    border: thin solid #DDDDFF;
    position: relative;
    float: left;
    left: 52%;
    width: 70px;
    font-family: Verdana, Arial, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	background-color: #FAE1E2;
	margin: 0em;
}

#map_head4 {
    border: thin solid #DDDDFF;
    position: relative;
    float: left;
    left: 54%;
    width: 50px;
    height: 14px;
    font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	background-color: #FFF1E2;
	margin: 0em;
}

#map {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 80%;
	margin: 2em;
}

#map_top {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 80%;
}

#map_heading {
	font-size: 200%;
	font-style: italic;
}

a.linkopacity img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;}

a.linkopacity{display:block; background-color:yellow; width:100%; height:100%;} 

a.linkopacity:hover img {
color:white;
background-color:white;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
}

a.thl {color: #ff0000}
a.thlb {color: #ff0000; font-weight: bold}

a.ihl{display:block; background-color:yellow; width:100%; height:100%;} 

a.ihl img{
color:white;
background-color:white;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
}

a.linkopacity_m img {
filter:alpha(opacity=85); 
-moz-opacity: 0.85; 
opacity: 0.85;}

a.linkopacity_m:hover img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
}

a.ihl_m img{
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
}

a.iihl img{
border-style:inset;
border-color:yellow;
border-width:3px;
}

.ithl {background-color: #FFFF00}

a.citytextbold:link {color: #000000; text-decoration: none; font-weight: bold}
a.citytextbold:visited {color: #000000; text-decoration: none; font-weight: bold}
a.citytextbold:hover {color: #ff0000; text-decoration:none;  font-weight: bold}

a.citytext:link {color: #000000; text-decoration: none}
a.citytext:visited {color: #000000; text-decoration: none}
a.citytext:hover {color: #ff0000; text-decoration: none}

tr.normal { background-color: white}
tr.highlight { background-color: yellow}
table.normal th{
	font-size: 8pt;
	cursor: pointer;
}

table.normal_hand th{
	font-size: 8pt;
	cursor: pointer;
}

table.normal thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}
table.normal thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.normal thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}

#dict_search {
	text-align: right;
}

.input_medium {
	font-size: 95%;
   }

/* formatting for daily */

#calendar {
	float: right;
	margin: 0;
	font-family: Times New Roman;
}

#daily_name {
	float: right;
	margin: 2em 2em 0em 0em;
}



.today {font-weight: bold}

#daily_heading {
	font-size: 80%;
	font-style: italic;
	margin: 0 1em 0 0;
}

/* formatting for strong */
/*
#strong {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 80%;
	margin: 2em;
}
*/
/* formatting for av */
.wrapper {
	float: left;
	margin: .25em 1px;
	text-align: center;
	border-right: 1px solid #808080;
}

/* formatting for search options popup */

.small {
	font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
}

/*formatting for div slidedown*/
.slidedown {
    display: none;
    background-color: #FFD;
}

.more_bib {
    background-color: #FED;
}

.more_bib_sk {
    background-color: #FDD;
}

.more_bib_kn {
    background-color: #DDD;
}

.slide_text {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
}

/* crash project */

.tabs {
	border: 1px;
	margin: 1px 75px 1px 1px;
	padding: 1px;
	/*height: 20px;*/
	height: auto;
	line-height: 1.5;
}

.tab {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 80%;
	padding: 2px 7px;
	border: 1px solid black;
	border-bottom-width: 0px;
	text-decoration: none;
	background-color: #E0E0E0;
	color: black;
}

.active {
	background-color: #FFFFFF;
}

.tip {
	font-family: Arial, sans-serif;
	font-size: 70%;
	background-color: #FFFFCC;
	margin: 1em;
	padding: .5em;
	border: 1px solid #999966;
}

.g {
  font-family: olbgrk;
}

.h {
  font-family: olbheb;
}

.basic  {
	width: 200px;

	font-family: verdana;
	

}

.basic div {
	background-color: #FFFFCC;
    width: 200px;
}

.basic div a{
	text-decoration: none;
	color:#565655;
}

.basic div a:hover{
    border-bottom: 1px dashed black;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;

}

.basic a.head, .basic div.head  {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #FFFFCC;
	width: 200px;
	height: 16px;
	background-color: #FFFFCC;
}

.basic div.head {
	position:relative;
}

.basic a.head:hover {
	
	color: black;

	width: 200px;
}

.basic a.head.selected {
	color: black;
	background-color: #FFFFCC;
	width: 200px;
}

.disc_cut {
	position:absolute;
	top:0px;
	overflow:hidden;
	font-size:90%;
	color:grey;
	font-weight:normal;
	white-space:nowrap;
}

.disc_dots {
	position:absolute;
	font-size:100%;
	color:grey;
	font-style:italic;
	top:0px;
}

/* Advanced search jquery */

#menu_advanced_search {
	position: absolute;
	top: 60px;
	width: 100%;	
}

.target {
   background-color: #99B9F5;
   font-family: Verdana, Arial, sans-serif;
   font-size: 80%;
   border: 1px solid #0D0D0D;
   width: 500px;
   display: none;
}


/* Stat Box */

.head_stat {
    background-image: url(../images/stat_open.gif);
    background-repeat: no-repeat;	
    //text-align: center;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 100%;
    cursor: pointer;
    width: 165px;
    height: 22px;
    padding: 2px 3px 1px;
}

.head_stat a.hl_head:hover {
    color: #E0090E;
    text-decoration:none;
}

/* Discovery */

.head_disco {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 130%;
    width: 200px;
    height: 20px;
    color: black;
    background-color:#EAEAEA;
    position:relative;
}

#collapse_disc{
    background-color:white;
}

a.plus img, .min{
	cursor: pointer;
}

.minA, .disc_open_close {
	cursor: pointer;
	position:absolute;
}

/* Advanced Search */

#ad_search_box {
	position: absolute;
	top: 70px;
	left: 10px;
	width: 100%;
	height: 250px;
	display:none;
	
}

#ad_search_box_in {
	width: 100%;
	height: 220px;
	border: 3px solid #EEEEEE;
	background-color:#99CCFF;
    
}

#ad_search_box_in, .info td{
    font-family: Verdana, Arial, sans-serif;
    font-size: 60%;
    vertical-align: top;
}

.ad_search_head {
    font-family: Verdana, Arial, sans-serif;      
    text-align:left;   
    font-weight: bold;
    font-size: 80%;
    color:blue;  
    background-color:#F2F2ED;
    width:300;       
    float:left;  
}

/*
.ad_desc{
    position: absolute;
	top: 0px;
	left: 320px;
	height:195px;
    width:670Px;	
	overflow:auto;
	border: 2px solid #EEEEEE;
	display:none;
}
*/

.ad_desc{
	height:195px;
    width:100%;
    overflow-x:hidden;
	overflow-y:auto;
	border: 2px solid #EEEEEE;
	display:none;
}

.tab_ad_search {
    font-family: Verdana, Arial, sans-serif;
    font-size: 60%;
    background-color:#FFFFCC;
}

.adv_help {
    font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
}



/* LEXICON */

li.wordnet {
    list-style:decimal;          
}

li.cide_li {
    list-style:decimal;
}

.ox_item i{
    border-bottom:dashed thin black;
}

.ox_definition {
    margin-bottom:10px;
    border-bottom:dashed thin #C0C0C0;
}

.ox_header {
    font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    font-weight:bold;
    font-style:italic;
    font-size:120%;
    color:#777777;
    text-indent:20px;
}

.ox_content {
    font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    text-indent:40px;
    margin-bottom:10px;
}

.lex_head {
    font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    font-size: 110%;
    font-weight: bold;
    float:left;
    width:150px;
}

.mainkey {
    color:blue;
    font-size:120%;
}

.cide {
    margin-bottom: 10px;
    border-bottom: dashed thin #C0C0C0;
}

.cide_def, .cide_cs {
    margin-bottom: 5px;
}

.cide_note, .cide_quote {
    margin-top: 5px;
}

.search_word {
    font-style:italic;
    font-weight:bold;    
}

.quote_text {
    color:#808000;
}

.note_text {
    color:#FF8000;
}

.ofs {
    margin-left: 1cm;
}

.hyponym {
    color: #00AA00;
}

.hypernym {
    color: #002299;
}

.part_meronym {
    color: #888800;
}

.part_holonym {
    color: #770077;
}

.member_meronym {
    color: #888800;
}

.cite {
    color: #229966;
}

.samt {
    color:#777777;
}

.sam {
    color: #669922;
    font-style: italic;
    margin-left: 2cm;
}

.pos {
    color: red;
}

.derpos {
    color:#000077;
    font-style:italic;
}

.ant {
    color:#BB0000;
}

.thes_word {
    font-weight:bold;
    font-style:italic;
}

.lex_strong {
    cursor:pointer;
}

.gotop {
    text-align:right;
    font-style:italic;
    float:right;
}

/* MULTILINGUAL */

#multilingual {
    font-family: Verdana,Arial,sans-serif;
    position: relative;
	float: right;
	top: 6px;
	margin-right:20px;
}

.multilingual_size {
    font-family: Verdana,Arial,sans-serif;
    font-size: 80%;
}

/* Pericope (Titles Tab Bible Page) */

.bib_per {
    position: relative;
}

.bib_adv {
    position: relative;
    width: 20px;
    padding: 4px 2.5px;
    float:left;
}

.bib_title {
    top: 0px;
    left: 20px;
    width: 430px;
}

.bib_vref {
    position: absolute;
    top: 0px;
    left: 450px;
    width: 150px;
}

.show_pericope {
    cursor:pointer;
}

/*table tab Audio*/
.audio_tab table{
    border-collapse: collapse;
}

.audio_tab th, .audio td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.audio_tab tr:hover{background-color:#f5f5f5}
/**/

/* Audio Suku */
.ori_side{
	top:0px;
  left:20px;
  width:400px;
}

.middle_side{
	position:absolute;
	left:350px;
	width:180px;
	top:-5px;
}

.compare_side{
  position:absolute;
  top:0px;
  left:600px;
  width:400px;
}

/* Commentary */
#cmt_toc {
	font-family: Verdana, Arial, sans-serif;
	width: 200px;
	float: right;
	border: thin solid #DDDDFF;
	background-color: #FFFFFF;
	position:relative;
	z-index:90;
}

#nav_comment_all {
	height:20px;
	margin: 10px auto 0px;
	position:relative;
	left:70px;
}

#navigate_comment {
    position: absolute;
	top: 0px;
	left: 60%;    
}

#comment {
    margin:0em 2em;
}

.comment_header {
    position:relative;
    background-color:#DBDAD7;
    height:20px;
}

.comment_name {
    font-family: Verdana, Arial, sans-serif;
    font-weight:bold;
	background-color:#B0D0F7;
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    text-align:center;
    cursor:move;
    height:20px;
}

.comment_ref {
    font-family: Georgia,Garamond,"Times New Roman",times,serif;
    font-size:80%;
    font-weight:bold;
    color:#004080;
    position:absolute;
    top:0px;
    left:220px;
    width:200px;
}

.comment_prev {
    position:relative;
    width:20px;
    float:left;
    cursor:pointer;
    
}

.comment_next {
    position:relative;
    width:20px;
    float:left;
    cursor:pointer;
}

.comment_nav {
    position:absolute;
    top:0px;
    left:50%;
    width:200px;
	z-index:50;
}

.input_comment_small{
	font-size: 70%;
}
   
.comment_handle_window {
    position:relative;
    top:0px;
    float:right;
}

.comment_minimize {
    position:relative;
    float:left;
    cursor:pointer;
}

.comment_collapse {
    position:relative;
    float:left;
    cursor:pointer;
}

.comment_expand {
    position:relative;
    float:left;
    cursor:pointer;
}

.comment_minimize_all {
    position:relative;
    float:left;
    cursor:pointer;
}

.comment_collapse_all {
    position:relative;
    float:left;
    cursor:pointer;
}

.comment_expand_all {
    position:relative;
    float:left;
    cursor:pointer;
}

#comment_tsk_container {
    margin:0px 10px;
}

#comment_netnotes_container {
    margin:0px 10px;
}

.comment_body {
    margin: 10px;
    overflow-y:auto;
}

.comment_body_wrap {
    overflow-y:auto;
}

.comment_before, .comment_after {
    height:15px;
}

.comment_content_in {
    overflow-y:auto;
    margin: 5px 5px;
}

.comment_content_in p {
	margin-top:0px;
	margin-bottom:5px;
}

.comment_content_wrap_in {
    overflow-y:auto;
}

.comment_header_in {
    position:relative;
    background-color:#ECECEA;
    height:20px;
}

.comment_ref_in {
    font-family: Georgia,Garamond,"Times New Roman",times,serif;
    font-size:80%;
    font-style:italic;
    color: #408080;
    font-weight:bold;
    position:absolute;
    top:0px;
    width:200px;
}

.comment_container_in {
    overflow:hidden;
    margin: 0px 0px 5px;
}

.toc_item {
    font-family: Georgia,Garamond,"Times New Roman",times,serif;
      
}

.comment_style_head {
    position:relative;
    float:left;
    font-weight: bold;
    width:100px;        
}

.comment_style_text {
    font-family: Georgia, Garamond, "Times New Roman", times, serif;
    position:relative;
    background-color=#FFFFCC;
}

.comment_container {
    border: 1px groove grey;
}

.cmt_fn_popup {
	position: absolute;
    background-color: #FDFEE2;
    z-index: 90;
	display: table;
	padding: 10px;
    
}

/* commentary new */
#commentary h3, #intros h3 {
	margin: 0px 0px 0px;
	border: thin solid white;
}

#commentary h2, #intros h2 {
	margin: 10px 0px 5px;
}

#intros table, #article table, #dictionary table, #expository table{
	font-size: 100%;
}

.head_cmt {
	background-color:#EEEEEE;
	border-top:thin solid #C0C0C0;
	border-bottom:thin solid #C0C0C0;
}

.col_exp_cmt {
	color:blue;
	text-decoration:underline;
	cursor:pointer;
	float:right;
	font-size:60%;
	margin-right:5px;
}

.note_cut {
	color:#808080;
	font-size:80%;
	font-weight:normal;
	display:none;
}

.img_arrow {
	float:right;
	margin-right:10px;
	margin-top:3px;
}

/*constable*/
p.taba {
    margin-left: 2em;
}
p.tabb {
    margin-left: 3em;
}
p.tabc {
    margin-left: 4em;
}
p.tabd {
    margin-left: 5em;
}
p.tabe {
    margin-left: 6em;
}
p.tabf {
    margin-left: 7em;
}
p.tabg {
    margin-left: 8em;
}
p.tabh {
    margin-left: 9em;
}
p.tabi {
    margin-left: 10em;
}
p.tabj {
    margin-left: 11em;
}
p.tabk {
    margin-left: 12em;
}
p.hanga {
    margin-left: 4em;
    text-indent: -2em;
}
p.hangb {
    margin-left: 5em;
    text-indent: -2em;
}
p.hangc {
    margin-left: 6em;
    text-indent: -2em;
}
p.hangd {
    margin-left: 7em;
    text-indent: -2em;
}
p.table {
    font-size: 1em;
    line-height: normal;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-align: left;
}
p.tablec {
    font-size: 1em;
    line-height: normal;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-align: center;
}
p.bodytext {
    font-size: 1em;
    line-height: normal;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    text-indent: 1em;
    text-align: justify;
}
p.bodyblock { font-size: 1em;    line-height: normal;    margin-top: 0.2em;    margin-bottom: 0.2em;    text-align: justify;}
p.quote {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 4em;
    margin-right: 4em;
}
p.caption {
    font-style: italic;
    font-size: 0.8em;
    text-align: center;
    text-indent: 0;
}
p.title_h {
    text-align: center;
    text-indent: 0;
    font-size: 2em;
    color: navy;
    font-weight: bold;
    
}
p.subtitle {
    text-align: center;
    text-indent: 0;
    font-size: 1.5em;
    color: navy;
    font-weight: bold;
    margin: 0.5em 0 0 0;}
p.bibliography {
    margin-left: 2em;
    text-indent: -2em;}
p.center {
    text-align: center;
}
p.chapter {
    text-align: center;
    text-indent: 0;
    font-size: 2em;
    color: navy;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}
p.editor {
    
}

p.heading1 {
    margin: 0.5em 0 0.25em 0;
    text-align:center;
    font-size: 1.3em;
    font-weight: bold;
}
p.heading2 {    margin: 0.5em 0 0.25em .5em;
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
}
p.heading3 {    margin: 0.5em 0 0.25em 1em;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    font-style: italic;
}
p.heading4 {    margin: 0.5em 0 0.25em 1.5em;
    text-align: left;
    font-size: 1em;
    font-weight: italic;
    text-indent: 0;
}
p.heading5 {    margin: 0.5em 0 0.25em 2em;
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    font-style: italic;
}

/* Jquery */
.uni_note {
    position: absolute;
	width: 300px;	
	background-color:#99CCFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
	padding: 5px;
	border: 2px groove grey;
}

.comment_popup {
    position: absolute;
	width: 210px;
	background-color:#99CCFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
	padding: 5px;
	border: 2px groove grey;
}

.versions {
    cursor: pointer;
    padding: 5px 0;
}

/* JQuery Notes */

.note_popup{
    position: absolute;
    height: 200px;
    width: 400px;
    background-color: #9CF;
    z-index: 90;
    line-height: 12px;
}

.note_popup_in {
    position: absolute;
    font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
    top: 20px;
    left: 0px;
    height: 180px;
    width: 400px;
    overflow: auto;
}

.note_content p{
	padding: 0 0.5em;
	margin: 0px;
}

.note_sticky {
    background-color: #CFE2FA;
}

.note_content ol, .note_content ul{
	padding: 0 0.5em;
	margin-top: 0px;
	margin-left: 30px;
}

.note_popup_title, .verse_popup_title, .list_popup_title, .strong_popup_title, .xfull_popup_title, .inf_popup_title {
    font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    line-height: 20px;
    background-color: #C0C0C0;
    color: black;
    cursor:move;
}

.inf_popup_title {
    //background-color: #E0E0E0;
    padding-left: 5px;
}

.verse_popup_context {
    font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
	position: absolute;
    top: 150px;
    left: 0px;
    height: 35px;
    background-color: #EEEEEE;
    color: black;
    width: 400px;
}

.note_button_close, .verse_button_close, .list_button_close, .strong_button_close, .xfull_button_close, .inf_button_close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
    background-image: url(../images/closePopup.png);
	background-repeat:no-repeat;
    cursor: pointer;
}

.note_button_sticky, .verse_button_sticky, .list_button_sticky, .strong_button_sticky, .xfull_button_sticky, .inf_button_sticky {
    position: absolute;
    top: 5px;
    right: 20px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.note_button_sticky_off, .verse_button_sticky_off, .list_button_sticky_off, .strong_button_sticky_off, .xfull_button_sticky_off, .inf_button_sticky_off {
    background-image:url(../images/pin.png);
	background-repeat:no-repeat;
}

.note_button_sticky_on, .verse_button_sticky_on, .list_button_sticky_on, .strong_button_sticky_on, .xfull_button_sticky_on, .inf_button_sticky_on {
    background-image:url(../images/pinUp.png);
	background-repeat:no-repeat;
}

.note_popup p.blockquote{
	margin: 0 0 0 30px;
    text-indent: -15px;
}


/* JQuery Verses */

.verse_popup, .list_popup {
    position: absolute;
    height: 150px;
    width: 400px;
    background-color: #B9FFB9;
    z-index: 90;
    line-height: 16px;
}


.verse_sticky, .list_sticky  {
    background-color: #CCFFCC;
}

.verse_popup_in, .list_popup_in {
    position: absolute;
    font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
    top: 20px;
    left: 0px;
    height: 130px;
    width: 400px;
    overflow: auto;
}

.verse_content p {
	padding: 0 0.5em;
	margin: 0px;	
}

.list_content p{
    font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	padding: 0em 0.5em;
	margin: 0px;
}

.verse_context  {
    background-color: #EEEEEE;
    display: table-cell;
    vertical-align: middle;
}

.verse_trigger, strong_trigger {
    cursor: pointer;
}

/* JQuery Strong */

.strong_popup{
    position: absolute;
    height: 200px;
    width: 400px;
    background-color: #FFFFC0;
    z-index: 90;
    line-height: 12px;
}

.strong_popup_in {
    position: absolute;
    font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
    top: 20px;
    left: 0px;
    height: 180px;
    width: 400px;
    overflow: auto;
}

.strong_content p{
	padding: 0 0.5em;
	margin: 0px;
}

.strong_sticky {
    background-color: #FFFFD8;
}

/*Information Popup*/
.inf_popup{
    position: absolute;
    height: 200px;
    width: 300px;
    background-color: #e0e0e0;
    z-index: 90;
    line-height: 12px;
}

.inf_popup_in {
    position: absolute;
    font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
    top: 20px;
    left: 0px;
    height: 180px;
    width: 300px;
    overflow: auto;
}

.inf_content p{
	padding: 0 0.5em;
	margin: 0px;
}

.inf_sticky {
    background-color: #F0F0F0;
}

/*
.inf_trigger {
    position: relative;
    top: 4px;
}
*/

.en_verse, .en_str, .en_note, .en_verse_down, .en_str_down, .en_dct {
    cursor: pointer;
}

.verse_button_big, .note_button_big, .strong_button_big, .xfull_button_big, .inf_button_big {
	position: absolute;
    top: 4px;
    right: 40px;
    width: 12px;
    height: 12px;
    cursor: pointer;
	background-image:url(../images/font_large.gif);
	background-repeat:no-repeat;
}

.verse_button_small, .note_button_small, .strong_button_small, .xfull_button_small, .inf_button_small {
	position: absolute;
    top: 4px;
    right: 52px;
    width: 12px;
    height: 12px;
    cursor: pointer;
	background-image:url(../images/font_small.gif);
	background-repeat:no-repeat;
}

/* xfull */ 
.xfull_popup{
    position: absolute;
    height: 150px;
    width: 400px;
    background-color: #FFFFC0;
    z-index: 90;
    line-height: 12px;
}

.xfull_popup_in {
    position: absolute;
    font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
    top: 20px;
    left: 0px;
    height: 180px;
    width: 400px;
    overflow: auto;
}

/* Formatting */

ol.no_number, ul.no_number {
    list-style: none;
    text-indent: -20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

ol.adv_search, li.adv_search {
    /*list-style: none;*/
    /*text-indent: -20px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 5px 0;
}

ol.with_number, ul.with_number {
    margin-left: 10px;
    margin-top: 0px;
}

p.l1 {
    margin-left: 30px;
    text-indent:-30px;
}

p.l2 {
    margin-left: 60px;
    text-indent: -30px;
}

p.l3 {
    margin-left: 60px;
}

p.see, p.see_article, p.see_see {
    display: none;
}

p.split {
    margin: 10px 0 0 0;
}

p.title {
    margin: 0; 
}

p.blockquote {
    margin: 0 0 0 60px;
    text-indent: -30px;
}

#audio_player{
	display:none;
	position:relative;
	width:300px;
	height:50px;
	top:0px;
	z-index:100;
	background-color:#FFFFCC;
	border:thin solid #EEEEEE;
	padding-left:10px;
}

div.audio_alternate:hover{
	background:#FFFFFF;
}

#audio_alt_list{
	display:none;
	position:absolute;
	width:150px;
	border: 1px groove grey;
	top:0px;
	cursor:pointer;
	z-index:100;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	font-weight:bold;
	background:#FFD7AE;
}

#audio_play, .audio_close, .audioAlt_close, #autoplay{
	cursor:pointer;
}

#audio_alt{
	cursor:pointer;
}

#audio_alt img:hover{
	border: 1px groove grey;
}

.spin {
    background-image: url(../images/spin.gif);
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 110;
	display:none;
}

div.xref_verse p {
	padding-left:20px;
}

.xref_en, .xref_en_passage {
	cursor:pointer;
}

#image_xref_title {
	cursor:pointer;
}

#xref_title {
	background:#FFFFCC;
	font-size:70%;
	font-family:verdana;
}

#xref_title_word {
	font-size:12px;
	font-style:italic;
	color:#C0C0C0;
}

.xref_wrap_class {
	position:relative;
	float:left;
	
}

.red {
    color: #FF0000;
}

/* ARTS */

.image_artist {
	text-decoration:none;
}

.image_artist:hover {
	border-bottom: 1px dashed black;
}

.image_wrap {
	padding:10px;
	float:left
}

.art_count {
	font-size:12px;
}

.art_wrap {
	font-size:10px;
}

.image_title {
	font-size:10px;
}

.other_all {
	position:relative;
	float:left;
}

.art_min, .art_other, .photos_min, .photos_other {
	float:left;
	cursor:pointer;
}

.art_all, .photos_all {
	cursor:pointer;
}

.image_art_disc {
	margin:1px;	
}

#art_show {
	position:absolute;
	display:none;
}

.art_related {
	font-size:12px;
}

#preview{
	font-family:verdana;
	font-size:10px;
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	cursor:pointer;
}

#preview p{
	margin-left:auto;
	margin-right:auto;
}

.hymn_text {
	cursor:pointer;
}

.hymn_lyrics p{
	padding: 5px 0px;
}

.midi_hymn {
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}

.hymn_table {
	background:#FFFFCC;	
}

.warning {
    margin: 0 0 0 20px;
}

/* Topical */
.resources_head, .resource_child, .resource_img, .resource_fn, .resource_article {
	cursor:pointer;
}

.resource_img {
    height:16px;
    width:16px;
    background: url('../images/img_topic.gif');
}

.resource_popup {
	position: absolute;
    background-color: #FDFEE2;
    z-index: 90;
	display: table;
	padding: 10px;
    
}

.hide_resource_text {
	font-size: 90%;
	font-style: italic;
	color: grey;
}

#resource p {margin: 10px 0;}

/* Advanced */
.adv-nav {
	cursor: pointer;
}

/* Front Page */

#block {
	height:120px;
	width:100%;
	
}
#top_search {
	margin: 0 0 0 15px;
	width:27%;
	height:100px;
	float:left;
}
#top_page {
	margin: 0 15px;
	width:25%;
	height:100px;
	float:left;
}
#top_new {
	margin: 0 15px;
	width:25%;
	height:100px;
	float:left;
}

#index_wrap {
	min-height: 80px;
}


.altHP_popup {
	position: absolute;
    background-color: #c99b39;
    z-index: 90;
	display: table;
	padding: 10px;
	width:130px;
}

.altHP_popup p {
	font-family: Verdana, Arial, sans-serif;
	font-size:80%;
	margin:0px;
	color:#FFFFFF;
}

.altHP_popup p a {
	color:#FFFFFF;
}

div.names_verse {
	display:none;
}

#polling {
	font-family: Verdana, Arial, sans-serif;
	font-size:80%;
	background-color:#CEFF9D;
	padding:5px
}

.chosen_fp {
	font-weight:bold;
}

.strong_nbr {
	color:black;
}

#jqContextMenu {
    font-family:arial;
    font-size:13px;
}                       

li.separator {
    border-top:1px solid #CCCCCC;
}

.widget {
    border-top:2px groove;
    margin-bottom:2em;
    padding:0;
}

.screenshot {
    position: relative;
    float: left;
    width: 300px;
}

/* Add new lr_popup */

.inline_l_popup {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.inline_r_popup {
	display: none;
}

.lr_popup{
	font-family: Georgia,Garamond,"Times New Roman",times,serif;
    position: absolute;
   
    background-color: #FFFFC0;
    z-index: 90;
    line-height: 12px;
    padding: 5px;
    border: 1px solid #0D0D0D;
}


.btn_popup{
  border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
  background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
  background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
  background-image: linear-gradient(to bottom, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
}

.btn_popup:hover{
  border:1px solid #5d7fbc;
  background-color: #819bcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d));
  background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
  background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
  background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
  background-image: -o-linear-gradient(top, #819bcb, #536f9d);
  background-image: linear-gradient(to bottom, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

.highslide-image-left {
  text-align:center;
  display: inline-block;
  margin: 5px;
}

.highslide-image-left img {
  height: 150px;
}

.highslide-highlight {
  padding: 5px 0;
  background-color: #FFFFCC;
}

/*halaman TBP*/
.kotak {
  width: 260px;
  height: 180px;
  border: 1px solid #afab8e;
  float: left;
  margin: 8px;
  padding: 5px;
  text-align: center;
}