/* ############ */
/* Tag redefines*/
/* ############ */

body { 	font-family: Verdana, Tahoma, Arial; font-size: 11px; color: #000; margin: 0px; padding: 0px; background: #FFF; }
td,tr,table { font-size: 11px; }
img         { border: none; margin: 0px;}
acronym     { border-bottom: 1px dashed #000000; cursor: help; }
form        { margin: 0px;  }
button      { padding: 0px; margin: 0px; }
a           { text-decoration: underline; color: #000; }
/* General padding class */
.padding1 { padding: 2px; }

textarea { font-size: 11px; font-family: Verdana, Tahoma, Arial;  }
input { font-size: 11px; font-family: Verdana, Tahoma, Arial;  }
select { font-size: 11px; font-family: Verdana, Tahoma, Arial;  }
/* ############ */
/* Picture align */
/* ############ */
.box_left { float:left; clear:left; margin:0px 15px 0px 0px; } 
.box_right {  float:right; clear:right; margin:0px 0px 5px 15px; } 
.box_center { float:left; clear: both; text-align: center; margin: 0px auto; } 

ol.article_list { margin: 5px 0px 5px 25px; }
ul.article_list { margin: 5px 0px 5px 25px; }

/* 
############ 
Very Important/Global classes 
--------------------------------
For the most part, the classes below, and the "design specific styles" control
around 90% of the sites overall look 
############ 
*/

/* Catagory titles/links */
.cat_title, .cat_title:link, .cat_title:hover, .cat_title:visited {
	font-family: Tahoma, Verdana, Arial;
	font-size: 25px;
	color: #006600;
	font-weight: bold;
	text-decoration: none;
}

.cat_title_small, .cat_title_small:link, .cat_title_small:hover, .cat_title_small:visited {
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	color: #006600;
	font-weight: bold;
	text-decoration: none;
}

/* Section titles/links. Main title used throughout the site */
.main_title {
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #006600;
	font-size: 18px;
	padding: 0px 0px 10px 0px;
}

/* Secondary section titles/links. Main title used throught the site */
.sub_title {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #006600;
    font-weight: bold;
	text-decoration: none;
}

/* Thirderary section titles/links. Main title used throught the site */
.sub_title_light {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #006600;
	text-decoration: none;
}

/* Defines the look of large & Featured article boxes */
.large_headline {
   padding: 4px;
   width: 100%;
   background-color: #F7F7F7;
}

/* Section Dividers */
.horizontal_rule {
	height: 1px;
	border-bottom: solid 1px #DEDEDE;
	font-size: 1px;
	margin: 5px 0px 5px 0px;
}

.dashed_rule {
	height: 1px;
	border-bottom: dashed 1px #DEDEDE;
	font-size: 1px;
	margin: 5px 0px 5px 0px;
}

/* Style for list of pages */
.pages_box { border-top: 1px solid #DEDEDE; padding-top: 8px; padding-bottom: 8px; text-align: right; }

/* Misc */
.control_box {
	border: 1px solid #DEDEDE;
	background-color: #F7F7F7;
    padding: 3px;
}

/* 
############ 
Design specific styles
Defines the look of the global template (wrapper)
Sidebars, navbars, copyright, etc
############ 
*/

/*  Main Site links at the very top of the page */
.title_links:link,.title_links:active, .title_links:visited {
	color: #CAEEFF;
	font-family: sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-stretch: wider;
}
.title_links:hover {
	color: #EAF8FF;
	text-decoration: none;
}

.title_links:hover { text-decoration:underline; }
.topnav_div { color: #FFF; }

/*  Defines the look of the RIGHT sidebar */
.left_sidebar {
	vertical-align:top;
	width: 160px;
	background-color:#F6F6F6;
	border-right: 1px solid #DEDEDE;
}

/* Defines the look of the LEFT sidebar */
.right_sidebar {
	vertical-align:top;
	width: 160px;
	background-color:#F6F6F6;
	border-left: 1px solid #DEDEDE;
}

/* Eye candy for the header area holder */
.header_anchor {
background-color: #006600;      
width: 170px;
   vertical-align: top;
   height: 10px;
}
.sidebar_dec { padding: 0px; height: 7px; background-image: url("http://www.holisticnetworkexchange.com/articles/images/1/sidebar_top_bg.gif"); }

/* 
############ 
Navigation classes 
Category navigation list, etc
############ 
*/

/* Sidebar main cat */
.side_cats_main, .side_cats_main:link,.side_cats_main:hover, .side_cats_main:visited {
	padding:4px;
	border-bottom: 1px solid #FFF;
}

/* Selected cat in sidebar cat list */
.selected_cat {
	background-color:#FFFFFF;
	padding:4px;
	border-bottom: 1px solid #FFF;
}

/* Title for sidebar sections (Right side) */
.left_panel_title {
	padding-left: 4px;
	height:26px;
	width: 100%;
	background-color: #006600;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
}

/* Table for sidebar sections (Left side) */
.right_panel_title {
	padding-left: 4px;
	height:26px;
	width: 100%;
	background-color: #006600;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
} 

/* Table for sidebar sections (Right side) */
.right_panel_table {
	font-size: 11px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Table for sidebar sections (Left side) */
.left_panel_table {
	font-size:11px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.sidebar_link, .sidebar_link:visited {
	color: #00487E;
	font-size: 11px;
	text-decoration:none;
}
.sidebar_link:hover {
	color: #78AED2;
}


/* Defines the look of the breadcrumb trail */
.breadcrumb_trail {
	padding: 7px;
	font-size: 10px;
	vertical-align:middle;
	color: #999999;
	font-weight:bold;

}
.breadcrumb_link { color: #666666; }

/* Defines the look of the copyright row */
.copyright_row { color: #B2B2B2; font-size: 9px;}

/*  This style controls the site name text showed throughout every page */
.header_title, header_title:visited, header_title:hover {
	font-size: 36px;
    font-family: Arial;
	color: #FFF;
	text-decoration: none;
}
.header_area {
	background-image: url("http://www.holisticnetworkexchange.com/articles/images/1/header_bg.gif");
	height: 90px;
        color: #97DEFF;
}
.header_left { padding-left: 6px; vertical-align: middle; }
.header_right { padding-right: 6px; vertical-align: middle; text-align: right;}

/*  General small text class, used in many places */
.small_text {
	font-size: 11px;
	color:#7B7B7B;
	font-weight:100;
	text-decoration:none;
    margin-bottom: 10px;
}

/* ############ */
/* Form classes */
/* ############ */

.submit_button {

	font-weight:bold;
}

.regular_button {   }

/* Basic form row, used in pretty much all forms */
.form_row {
	height: 25px;
	vertical-align:middle;
	text-align:left;
}

/* Box for special form elements. Used in: Search Form, Quick Comment */
.form_box {
	padding:8px;
	background-color: #FBFBFB;
	border: 1px solid #DEDEDE;
}
/* Form Divider for optional stuff */
.form_optional {
	background-color:#F6F6F6;
	padding:5px;
	vertical-align:middle;
	margin: 10px 0px 10px 0px;
}

select.dropdown {  }
input.text_input { }

/* ########### */
/* Article Display elements, used when viewing an INDIVIDUAL article */
/* ########### */

.article_container { clear:left; }

.article_display_header { clear: both }

.article_display_title {
	font-weight: bold;
	color: #005493;
	font-size: 18px;
}

.page_title {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

/* A box used for article elements. I.E. - Article Tools, author info, article page links, etc. */
.article_box {
	border: 1px solid #3E77BB;
	background-color:#F7F7F7;
    clear:right;
	float:right;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 15px 15px;
	width: 180px;
}
.tool_box {
	border: 1px solid #FFF;
    clear:right;
	float:right;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 15px 15px;
	width: 180px;
}

.custom_field_row {
	margin-bottom: 5px;
}

/* Custom feild box in article view */
.custom_feild { font-size: 12px; padding: 5px; }

/* Highlighted words in article view will use this class */
.highlite_word {
	padding: 2px;
	background-color:#FFFFCC;
}

/* ### Author information boxes */
.author_title {
   font-weight: bold;
   font-size: 11px;
}

.author_pic { float: right; margin: 2px 2px 2px 2px; }

/* ############ */
/* article listing/display styles */
/* ############ */
/* Main article title */

.article_title,.article_title:link, .article_title:visited {
	font-family: Verdana, Arial, Tahoma;
    font-weight:bold; 
	font-size:13px;
	color:#000;
    text-decoration: none;
}
.article_title:hover { text-decoration: underline; }

/* Article title for listing */
.article_list_title {
	background-color: #F1F1F1;
	padding: 7px;
}
.article_list_info {
	background-color: #F7F7F7;
	padding: 5px;
}
/* Box used to enclose article information in article list */
.info_box {
	height: 100%;
	padding: 7px;
	border-left: 1px solid #E8E8E8;
	float:right; 
	clear:right; 
	margin:0px 0px 10px 20px; 
    width: 220px; 
}

/* ############ */
/* Search Classes */
/* ############ */

/* Styles for showing whether viewing article/comment results */
.search_selected { font-weight:bold; padding:3px; }
.search_deselected { padding: 3px; }

/* Style for title of results */
.search_result_title:link, .search_result_title {
   font-weight: bold;
   text-decoration: underline;
   font-size: 13px;
}

.search_link, search_link:visited { color: #97DEFF; font-size: 9px; text-decoration: none;}
.search_box { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }
.search_input {  margin:0px;  color: #E5070; width: 100px;   }
.search_button { font-size: 10px;  }

/* ######################### */
/* inline error/messages */
/* ######################### */

.inline_message {
	border: 1px solid #DEDEDE;
	background-color: #F6F6F6;
	margin: 10px 0px 10px 0px;
	vertical-align: center;
	padding: 6px;
	font-size: 11px;
	width: 100%;
}
.inline_message_title { font-weight:bold; }
.inline_message_row { font-weight:100; vertical-align: middle; }

/* ############ */
/* Comment styles */
/* ############ */

.comment_divider {
	height: 1px;
	border-bottom: dotted 1px #DEDEDE;
	font-size: 1px;
	margin: 5px 0px 15px 0px;
}

.comment_row {
	padding-left: 6px;
}

.comment_title_row { margin: 0px 0px 5px 0px; }

.com_bar { margin-bottom: 10px; }

.comment_quote {
	background-color: #;
	border: 1px solid #DEDEDE;
	padding: 5px;
}

/* ############ */
/* Misc */
/* ############ */

.article_list_box {
	margin: 4px;
        width: 100%;
}

.article_list_box_title {
	background-color: #F6F6F6;
	padding: 4px;
}

.code_button { font-size: 10px; }
.req_dot { color: #FF0000; font-weight: bold; }

/*  Javascript Classes */
.help-tooltip {
	position:	absolute;
	width:		250px;
	border:		1px Solid WindowFrame;
	background:	Infobackground;
	color:		InfoText;
	font:		StatusBar;
	font:		Status-Bar;
	padding:	3px;
	z-index:	10000;
	filter:		progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=5);
}