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

  /* --------------  DOWNLOAD REQUEST FORM -----------------*/

#ValidationErrors {
	display: none;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 10px;
	background-color: #fefecc;
	border: 1px solid #fed67d;
}

#ValidationErrors p {
	margin: 0;
	font-weight: bold;
	color: #d8000c;
}

#ValidationErrors ul {
	margin-top: 1em;
	margin-bottom: 0;
	color: #304453;
}

.validation-highlight {
	background-color: #feeefe;
}

.download-request-layout {
	width: 551px;

}
div, span, label, tr, td, th, input, h5{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #334655;

}

body {
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #334655;
 margin: 14px;
 padding: 0px;
 margin-left: 10px;
 margin-top: 10px;
}



a:link {
 font-size: 11px;
 color: #9c4e0b;
 decoration: none;
}

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: 11px;
 color: #334655;
 margin-bottom: 5px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif
}

h2 {
 font-size: 12px;
 color: #9c4e0b;
 font-weight: bold;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 5px;
 margin-bottom: 5px;
}

h3 {
 font-size: 11px;
 color: #334655;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
 border-bottom: 1px dotted #cccccc;
}

h4 {
font-size: 11px;
color: #9c4e0b;
font-weight: bold;

}

.hidden {
display: none;
padding-left: 15px;
padding-right: 2px;
text-decoration: none;
color: #334655;
}

.unhidden {
display: block;
padding-left: 15px;
padding-right: 2px;
text-decoration: none;
color: #334655;
}



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

.lore_top {
 background-color: #F5F4DF;
 padding: 0px;
 padding-left: 10px;
 color: #CC6600;
}

.lore_splash_header {
	color: Black;
	font-size: 2px;
	font-weight: bold;
	padding: 0%;
	text-align: left;
}

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

.lore_option_tab {
	background-color: #CC6600;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	padding-left: 135px;
	text-align: left;
}

.lore_left_panel {
 background-color: #fafafa;
 padding: 0px;
 margin-left: 10px;
 border-right: 1px dotted #cccccc;
}

.lore_content {
 padding: 10px;
}

/************************************************************
* 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: #DCDCDC;
	color: black;
	font-size: 9px;
}

.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: 10px;
	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: bold;
 font-size: 11px;
 color: #9c4e0b;
 text-decoration: none;
}

.lore_normal_link:hover {
 font-size: 11px;
 text-decoration: underline;
 
}

.lore_normal_link:visited {
 text-decoratin: underline;
  font-size: 11px;
  color: #9c4e0b;
  }

.lore_small_link {
 font-size: 11px;
 color: #9c4e0b;
 text-decoration: none;
 font-weight: bold;
}

.lore_small_link:hover {
 text-decoration: underline;
 font-weight: bold;
}

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

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

.lore_light_link {
 font-size: 16px;
 font-weight: bold;
 color: #CC6600;
 text-decoration: none;
}

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

.lore_glossary_term_link {
 font-size: 12px;
 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;
 text-decoration: none;
 font-size: 10px;
 background-color: #f5f5f5;
 color: #7F7E82;
 padding: 4px;
 margin: 0px;
 border-bottom: 1px solid #cbd2d8;
}

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

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

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

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

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

.lore_category {
 padding: 5px
}

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

.lore_article_info_box {
 font-size: 9px;
 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: 10px;
 padding: 3px;
 text-align: right;
}

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

.lore_article_content {
 background-color: #ffffff;
 padding: 5px;
 padding-left: 15px;
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif

}

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

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

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

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

.lore_article_comment_content {
 font-size: 10px;
 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: 10px;
}

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

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

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

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

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

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

.lore_input {
 font-size: 9px;
 font-family: verdana,sans-serif;
 color: black;
 background-color: #dddddd;
 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;

}


/*Horizontal Menu Navigation*/

#NavMenu{
padding: 0px;
vertical-align: bottom;
position: relative;
}

#NavMenu ul{
margin: 0px;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;

}

#NavMenu li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
bottom: 0px;
}

#NavMenu a{
float: left;
display: block;
font: bold 10px Verdana;
color: white;
text-decoration: none;
margin: 0 0px 0 0; /*Margin between each menu item*/
padding: 4px;
background-color: #4a5c6a; /*Brown color theme*/ 
}

#NavMenu a:hover{
background-color: #334655; /*Brown color theme*/ 
color: white;
}

#NavMenu #current a{ /*currently selected tab*/
background-color: #9c4e0b; /*Brown color theme*/ 
color: white;
border-color: #4a5c6a; /*Brown color theme*/ 
}




 /* --------------  Table: Alternating row colors -----------------*/
tr.on td {
	background-color: #E2E6EA;
}

tr.header td {
	background-color: #CCC;
}

 
td.rowtop {
	border-top: 1px solid #b0b5bb;
	border-bottom: 1px solid #b0b5bb;
	padding: 7px 8px 7px 5px;
	color: #9c4e0b;
	font-weight: bold;
}
 
td.row1 {

	background: #f1f1f1;
	vertical-align: top;
	padding: 7px 8px 7px 5px;

}
 
td.row2 {

	background: #ffffff;
	vertical-align: top;
	padding: 7px 8px 7px 5px;

}