/************************************************************
*  TAG STYLES
************************************************************/

body, div, span, label, tr, td, th, input, h1, h2, h3, h4, h5, a {
 font-family: tahoma, helvetica, arial;
 color: black;
 margin: 0;
padding: 0;
outline:none;
}

body {
 font-size: 11px;
 color: #777
 background-color: #ffffff;
 margin: 0px;
 padding: 0px;
}

a {
 font-size: 11px;
 color: #0500C6;
}

a:hover {
 text-decoration: underline;
}	

 
table {
 margin: 0px;
 padding: 0px;
 font-size: 11px;
}

form {
 margin: 0px;
 padding: 0px;
 display: inline;
}

img {
 border: 0px;
}

h1 {
 font-size: 24px;
 color: black;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 5px;
}

h2 {
 font-size: 16px;
 font-weight: normal;
 color: #0f3f73;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 3px;
 margin-bottom: 5px;
}

h3 {
 font-size: 12px;
 color: #3576c0;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 10px;
 margin-bottom: 5px;
 border-bottom: 1px;
}

/************************************************************
* LAYOUT
* Used in template: header.tpl
************************************************************/

.lore_top {
 background-color: #0500C6;
 padding: 15px;
 padding-left: 25px;
 color: white;
}

.lore_splash_header {
 color: white;
 font-size: 16px;
 font-weight: bold;
 padding: 5px;
 text-align: left;
}

.lore_top_buttons {
 padding: 5px;
 text-align: right;
}

.lore_option_tab {
 background-color: #ddd;
 color: #313131;
 font-size: 11px;
 padding: 5px;
 padding-left: 25px;
 text-align: left;
 height: 20px;
}

.lore_left_panel {
 background-color: #f4f4f4;
 border-left: 1px solid #B2B2B2;
 border-right: 1px solid #B2B2B2;
 width: 176px; 

 padding: 0px;
 margin: 0px;
  text-align: left;
}	  

.lore_left_panel ul {
 padding: 0px;
 margin: 0px;
}

.lore_left_panel li {
 padding: 0px;
 margin: 0px;
  display: inline;

}


.lore_content {
 padding: 10px;
}

.lore_right_panel {
 width: 444px;
}


/************************************************************
* COMMON
************************************************************/

.lore_normal_font {
 font-size: 11px;
 font-weight: normal;
}

.lore_small_font {
 font-size: 10px;
 font-weight: normal;
}

.lore_button {
 border: 1px solid black;
 background-color: #4171a5;
 color: white;
 font-size: 11px;
}

.lore_content_box {
 background-color: white;
 margin-left: 5px;
 margin-right: 5px;
}

/************************************************************
* BREADCRUMB
* Used in template: header.tpl
************************************************************/

.lore_breadcrumb {
 background-color: #fafafa;
 font-size: 11px;
 font-weight: normal;
 text-align: left;
 padding: 3px;
 padding-left: 10px;
 text-align: left;
}

.lore_breadcrumb_current {
 font-weight: bold;
}

/************************************************************
*  LINKS
************************************************************/

.lore_normal_link {
 font-weight: normal;
 font-size: 11px;
 color: #4171a5;
 text-decoration: underline;
}

.lore_normal_link:hover {
 text-decoration: underline;
}

.lore_small_link {
 font-size: 10px;
 color: #4171a5;
 text-decoration: none;
}

.lore_small_link:hover {
 text-decoration: underline;
}

.lore_dark_link {
 font-size: 11px;
 color: black;
 text-decoration: none;
}

.lore_dark_link:hover {
 text-decoration: none;
}

.lore_light_link {
 font-size: 11px;
 color: white;
 text-decoration: none;
}

.lore_light_link:hover {
 text-decoration: none;
}

.lore_glossary_term_link {
 font-size: 11px;
 font-weight: bold;
 cursor: help;
 border-bottom: 1px dotted;
 text-decoration: none;
}

.lore_glossary_term_link:hover {
 text-decoration: none;
}

/************************************************************
* GLOSSARY TERM POP-UP
* Used in template: glossary_term.tpl
************************************************************/

.lore_glossary_term_popup {
 padding: 5px;
 border: 1px dotted #dddddd;
 background-color: #f5f5f5;
}

.lore_glossary_term_popup_caption {
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 5px;
}

.lore_glossary_term_popup_definition {
 font-size: 10px;
 padding: 0px;
}

/************************************************************
* CATEGORY TREE
* Used in template: category_tree.tpl
************************************************************/

div.lore_category_tree_base a {

display: block;
font-size: 12px;
font-weight: bold;
background:#fff;  /*ddd*/
color: #444;
line-height: 20px;
padding: 5px 5px 5px 5px;
border-bottom: 0px;
margin: 0;
text-decoration: none;
}

div.lore_category_tree_category a {
 display: block;
 text-decoration: none;
 font-size: 10px;
 background-color: #dddddd;
 color: black;
 padding: 4px;
 margin: 0px;
 border-bottom: 1px solid #f00;
}

div.lore_category_tree_category a:hover {
 display: block;
 text-decoration: none;
 font-size: 10px;
 background-color: #cccccc;
 color: black;
 padding: 4px;
 border-bottom: 1px solid white;
}

div.lore_category_tree_current_category a {
 display: block;
 text-decoration: none;
 font-size: 10px;
 font-weight: bold;
 background-color: #f5f5f5;
 color: black;
 padding: 4px;
 margin: 0px;
 border-bottom: 1px solid white;
}

div.lore_category_tree_current_category a:hover {
 display: block;
 text-decoration: none;
 font-size: 10px;
 font-weight: bold;
 background-color: #f5f5f5;
 color: black;
 padding: 4px;
 margin: 0px;
 border-bottom: 1px solid white;
}

/************************************************************
* CATEGORY LISTING
* Used in template: categories.tpl
************************************************************/

.lore_category {
 padding: 5px
}

/************************************************************
* ARTICLE PAGE
* Used in template: article.tpl
************************************************************/

.lore_article_info_box {
 font-size: 11px;
 background-color: #ffffff;
 border: 1px dotted #cccccc;
 text-align: left;
 margin-bottom: 3px;
 padding: 5px
}

.lore_article_info_box_label {
 background-color: #f0f0f0;
 font-size: 11px;
 padding: 3px;
 text-align: right;
}

.lore_article_info_box_data {
 font-size: 11px;
 padding: 3px;
 text-align: left;
}

.lore_article_content {
 background-color: #ffffff;
 padding: 2px;
 padding-left: 5px;
 font-size: 11px;
 color: #777;
}

.lore_article_content h2 {
 margin-left: 0px;
 font-size:14px;
font-weight:normal;
color:#0f3f73
}

.lore_article_content h3 {
font-size:12px;
font-weight:bold;
color:#3576c0;
margin-bottom: -8px;
margin-top: 15px;

}

.lore_article_content table {
	border-collapse: collapse;
}

.lore_article_content th {
	background-color: #313131;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	border: 1px solid #b2b2b2; 
}

.lore_article_content tr td {
	background-color: #fff;
	color: #363636;
	padding: 4px;
	border: 1px solid #b2b2b2; 	
}


.lore_article_admin_options {
 padding: 5px;
 font-size: 11px;
 font-weight: bold;
 background-color: #f0f0f0;
 border: 1px dotted #0500C6;
}

.lore_article_comments {
 margin-top: 11px;
 margin-left: 25px;
 margin-right: 25px;
}

.lore_article_comment {
 font-size: 10px;
 margin: 10px;
 text-align: left;
}

.lore_article_comment_header {
 font-size: 11px;
 font-weight: normal;
 padding: 3px;
 background-color: #fafafa;
 border: 1px dotted #cccccc
}

.lore_article_comment_content {
 font-size: 11px;
 font-weight: normal;
 padding: 10px;
 text-align: left;
}

/************************************************************
* ARTICLE LISTINGS
* Used in templates: articles.tpl, article_short.tpl
************************************************************/

.lore_article {
 margin-bottom: 5px;
}

.lore_article_featured {
 margin-bottom: 5px;
}

.lore_article_preview_font {
 color: #404040;
 font-size: 11px;
}

.lore_article_details_font {
 color: #999999;
 font-size: 11px;
}

/************************************************************
* FORMS
* Used in templates: contact_form.tpl, email_article.tpl,
*                    comment.tpl
************************************************************/

.lore_form_table {
 background-color: white;
 border: 0;
 margin-left: 30px
}

.lore_form_field_info {
 font-size: 11px;
 padding: 3px;
 margin: 3px;
 background-color: white;
 border: 1px dotted #aaaaaa
}

.lore_form_field {
 font-size: 11px;
 padding: 3px;
 margin: 3px;
}

.lore_form_buttons {
 font-size: 11px;
 padding: 3px;
 margin: 3px;
 text-align: center
}

.lore_input {
 font-size: 11px;
 font-family: verdana,sans-serif;
 color: black;
 background-color: white;
 border: 1px solid black;
}

.lore_form_error {
 color: red;
}

/************************************************************
*  PROGRAM MESSAGE/ERROR
************************************************************/

.lore_message {
 font-size: 12px;
 text-align: center;
 border: 1px dotted #cccccc;
 padding: 3px;
 margin: 10px
}

.lore_error_message {
 margin: 25px;
}

/************************************************************
* PRINTER-FRIENDLY ARTICLE
* Used in template: article_print.tpl
************************************************************/

.print_article_header {
 font-size: 18px;
 font-weight: bold;
 /* background-color: #f5f5f5;
 border: 1px dotted #bbbbbb;	 */
 padding: 5px;
 margin: 5px;
}

.print_article_box {
 font-size: 12px;
 background-color: white;
 padding: 5px;
 margin: 5px;
}

.print_article_box table {
	border-collapse: collapse;
}

.print_article_box th {
	background-color: #313131;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	border: 1px solid #b2b2b2; 
}

.print_article_box tr td {
	background-color: #fff;
	color: #363636;
	padding: 4px;
	border: 1px solid #b2b2b2; 	
}



#subnav 
{
float:left;
min-height:200px;
width: 176px; 
margin: 0px;
}

#subnav ul {
list-style: none;
border-top: 0px;
border-bottom: 13px solid #B2B2B2;
}

#subnav li a {

display: block;
border-top: 1px solid #B2B2B2;
font-size: 12px;
background:#fff;
color: #444;
line-height: 20px;
padding: 5px 15px 5px 15px;

text-decoration: none;
}

#subnav li li a 
{
background:transparent;
}

#subnav li a:hover, #subnav li a.selected {
color: white;
background: #B2B2B2;
}

#subnav ul ul li a:hover {
color: #333;
background: transparent;
}

#subnav ul ul li a.selected, #subnav ul ul li a.selected:hover {
color: #0F3F73;
font-weight: bold;
background: transparent url(/kbaudio/styles/eventide/images/smallarrowsub.gif) 0 50% no-repeat;
}

* html #subnav ul ul li a.selected, * html #subnav ul ul li a.selected:hover {
background: transparent url(/kbaudio/styles/eventide/images/smallarrowsub.gif) 0 4px no-repeat;
}

#subnav ul ul {
padding-top: 7px;
background: #D9E5ED;
border: none;
padding-left: 22px;
padding-bottom: 7px;
}

#subnav ul ul li a {
border: none;
height: 20px;
line-height: 12px !important;
font: 11px tahoma;
color: #333;
padding-bottom: 0px;
padding-left: 9px;
background:#D9E5ED;

}

#subnav dl {
margin-top: 18px;
background: url(/kbaudio/styles/eventide/images/fadingline-white.gif) top left no-repeat;
}

#subnav dl dt {
height: 30px;
color: #333;
line-height: 30px;
padding-left: 20px;
font-weight: bold;
background: url(/kbaudio/styles/eventide/images/fadingline-white.gif) bottom left no-repeat;
}

#subnav dl dd a {
display: block;
text-decoration: none;
color: #444;
font: 11px tahoma;
margin-left: 15px;
margin-top: 5px;
background: url(/kbaudio/styles/eventide/images/smallarrowsubwhite.gif) 0 50% no-repeat;
padding-left: 10px;
}

.more {
float: right;
margin-right: 5px;
clear: both;
text-decoration: none;
color: #2360A5;
font-weight: bold;
font-size: 11px;
padding-right: 20px;
display: block;
width: 27px;
height: 20px;
/*line-height: 20px;   */
background: url(/kbaudio/styles/eventide/images/morearrow.gif) top right no-repeat;
}