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

body, div, span, label, tr, td, th, input, h1, h2, h3, h4, h5, a {
 font-family: verdana, sans-serif;
 color: #666666;
 font-size: 14px;
}

p
{
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */   
}

body{
	overflow-x: hidden;
}
body {
 font-size: 14px;
 color: black;
 background-color: #ffffff;
}

#container {
 text-align: left;
 margin: 0.0em auto; 
 width: 100%;
}

a {
 font-size: 14px;
 color: #515259;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

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

img {
 border: 0px;
}

h1 {
 font-size: 20px;
 color: #FF9900;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 5px;
}

h2 {
 font-size: 20px;
 color: #FF9900;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 5px;
 margin-bottom: 20px;
}

h3 {
 font-size: 16px;
 color: #666666;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
}

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

#container {
 width: 100%;
}

.lore_splash_header {
 color: #FF9900;
 font-size: 20px;
 font-weight: bold;
 padding: 15px;
 text-align: left;
}

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

.lore_option_tab {
 background-color: #F1F1F1;
 color: #333333;
 padding: 15px;
 text-align: right;
 margin: 0px;
}

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

.lore_content {
 padding: 10px;
}

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

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

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

.lore_button {
 border: 1px solid black;
 background-color: #c1c1c1;
 color: white;
 font-size: 14px;
}

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

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

.lore_breadcrumb {
 background-color: #dddddd;
 color: #666666;
 font-size: 10px;
 font-weight: normal;
 text-align: left;
 padding: 5px;
 padding-left: 10px;
 text-align: left;
 margin: 0px;
 color: white;
}

.lore_breadcrumb_link {
 color: #666666;
}

.lore_breadcrumb_current {
 font-weight: bold;
 color: #666666;
 font-size: 10px;
}

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

.lore_normal_link {
 font-weight: bold;
 font-size: 14px;
 color: #FF9900;
}

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

.lore_small_link {
}

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

.lore_dark_link {
 font-size: 14px;
 color: black;
}

.lore_dark_link:hover {
	color:#FF9900;
}

.lore_light_link {
 font-size: 14px;
 color: white;
}

.lore_light_link:hover {
}

.lore_glossary_term_link {
 font-size: 14px;
 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;
 background-color: #bcbcbc;
 color: black;
 padding: 4px;
 margin: 0px;
 border-bottom: 1px solid white;
}

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

div.lore_category_tree_category a:hover {
 display: block;
 text-decoration: none;
 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-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-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: 9px;
 background-color: #ffffff;
 border: 1px dotted #cccccc;
 text-align: left;
 margin-bottom: 3px;
 padding: 10px
}

.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;
 margin-right: 20px; 
 font-size: 14px;
}

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

.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: 14px;
 font-weight: normal;
 padding: 3px;
 background-color: #fafafa;
 border: 1px dotted #cccccc
}

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

.lore_article_details_font {
 color: #999999;
 font-size: 9px;
 margin-top: 5px;
 display: block;
}

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

.lore_form_table {
 background-color: white;
 border: 0;
}

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

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

.lore_form_buttons {
 font-size: 12px;

 margin: 1px;
 text-align: right;
}

.lore_input {
 font-size: 12px;
 font-family: verdana,sans-serif;
 color: black;
 background-color: #FFFFFF;
 border: 1px solid #d1d1d1;
}

.lore_form_error {
 color: red;
}

legend {
 font-size: 18px;
 font-weight: bold;
}
 
label {
	display: block;
	width: 200px;
	text-align: right;
	float: left;
	margin-bottom: 10px;
	padding-right: 10px;
}

br {
	clear: left;
}

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

.lore_message {
 font-size: 14px;
 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: 14px;
 background-color: white;
 padding: 5px;
 margin: 5px;
}



#searchContainer {
	width:550px;
    margin:40px auto;
	position:relative;
}

#searchInput {
	width:510px; 
	height:52px; 
	font-family:Myriad Pro, Arial, sans-serif; 
	font-size:38px; 
	color:#CCCCCC; 
	border:1px #DCDCDC solid; 
	padding-left:16px;
	padding-right:40px;
	padding-top:4px;
	background:url('../images/search_glass.gif') no-repeat 528px 16px;
}

#searchSuggestions {
	list-style-type:none;
	margin:0;
	padding:0;
	background:url('../images/search_bottom.png') no-repeat 0 100%;
	padding:0 0 5px;
	width:570px;
	position:absolute;
	left:0;
	top:59px;
	display:none;
	
	_width:554px;
	_top:60px;
	_background:url('../images/search_bottom.gif') no-repeat 0 100%;
}

#searchSuggestions LI {
	border-left:1px #DCDCDC solid;
	background:url('../images/search_right.png') repeat-y 100% 0;
	padding-right:4px;
	
	_background:url('../images/search_right.gif') repeat-y 100% 0;
}

#searchSuggestions A {
	font-family:Myriad Pro, Arial, sans-serif; 
	font-size:28px; 
	color:#FF9900;
	background-color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:550px;
	padding:4px 0 4px 16px;
}

#searchSuggestions A:hover {
	color:#FFFFFF;
	background-color:#FF9900;
}

#breadcrumb {
	padding:0 4px 12px;
	border-bottom:1px #CCCCCC solid;
	margin-bottom:16px;
	font-family:Myriad Pro, Arial, sans-serif; 
	font-size:14px; 
	color:#333333;
}

#breadcrumb A {
	font-family:Myriad Pro, Arial, sans-serif; 
	font-size:14px; 
	color:#333333;
	text-decoration:none
}

#breadcrumb A:hover {
	text-decoration:underline;
}

.rightColumn {
	float:right;
	width:250px;
	margin-left:45px;
}

.leftColumn {
	border-right:1px #E7E7E7 solid;
	padding:0 45px 0 12px;
	margin-right:280px;
}

.rightColumn H2, .leftColumn H2 {
	padding-top:16px;
}

.categories A, .article A, .rightColumn A {
	display:block;
	font-family:Myriad Pro, Arial, sans-serif; 
	font-size:16px; 
	font-weight:600;
	color:#000000;
}

.categories A:visited, .article A:visited, .rightColumn A:visited {
	color:#000000;
}

.articleDescription {
	font-family:Myriad Pro, Arial, sans-serif; 
	font-size:15px;
	color:#797979;
	margin-top:4px;
}

.article {
	margin-bottom:16px;
}

label.error {
	color:#FF9900;
	background:url('../images/unchecked.gif') no-repeat 2px 2px;
	margin-bottom:0;
	margin-top:-1px;
	margin-left:8px;
	padding-left:20px;
	text-align:left;
	white-space:nowrap;
}

label.checked {
	background:url('../images/checked.gif') no-repeat 2px 2px;
	width:16px;
}

/************************************************************************************/
/*                    		 New header styles			  	                        */
/************************************************************************************/

.header_tpl,div#content, div#messages {width: 984px}
div.scripts {padding: 0; margin: 0}

div#pricing {text-align: left}
.top_header_link{
	position:relative;
	top:-20px;
}
.top_header_link span{
	cursor: pointer;
	margin-left:12px;
}
.top_header_link span a{
	font-size:13px;
	font-family:Verdana;
	letter-spacing:0.2px;
	color:#FFCC00;
	text-decoration: none;
}


.top_header_link span a:hover {
	text-decoration:underline;
}

.up_header {
	background-color:#333333;
	
}
.down_header {
	background-color:#434343;
	
}
span.tooltip-trigger {text-decoration: underline; cursor: pointer}
table.errorbox  {
  font-family: Verdana;
  font-size  : 18px;
  font-weight: bold;
  text-align: left; 
  color: #D31C1A;   
     
 }
 table.errorbox td.errorboxtd   { 
 padding-left: 20px;

 } 
  table.successbox  {
   font-family: Verdana;  
   text-align: left;
 }
.successboxtd  { 

 color: rgb(255, 153, 0); 
 font-size  : 20px;
 font-weight: bold;
 padding-left: 20px;
 }
.orange_header
{
	color:#FF9900;
	font-size:18px;
	font-weight: bold;
	text-decoration: none
}
.anounce_header
{
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;	
}
.anounce_sub_header
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;	
}
.anounce_regular
{
	font-family: Verdana;
	font-size: 12px;
	font-style: italic;	
	font-weight: bold;	
}
.anounce_text
{
	font-family: Verdana;
	font-size: 13px;
	
}
.gray_sub_header
{
	color:#424242;
	font-size:13px;
	font-weight: bold;
}
.press_text
{
	color:#424242;
	font-size:13px;	
}
/*
.logoheader {
background-image: url('http://www.encoding.com/images/new_header/encoding_header.png'); background-image: expression('none'); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.encoding.com/images/new_header/encoding_header.png', sizingMethod='scale'); background-repeat:no-repeat; width:551px; height:90px;
}
*/