@CHARSET "ISO-8859-1";
/***************************************************************
 FAQ General.
****************************************************************/
span.small { font-size: 9px; }
span.light { color: #707070; }
p.error { color: #ff0000; }
span.handle { position: relative; z-index: 99; }
p.clear { float: none; clear: both; }

/***************************************************************
 FAQ Section Forms.
****************************************************************/
 
div#faqFormDiv, 
div#faqFormDiv form label {
	color: #000000;
}

div#faqFormDiv form label {
	float: left;
	display: block;
	margin-right: 20px;
	text-align: right;
	width: 100px;
}
div#faqFormDiv form#editQuestion label,
div#faqFormDiv form#newQuestion label {
		width: 70px;
	}
div#faqFormDiv form input,
div#faqFormDiv form select {
	float: left;
	display: block;
	width: auto; }

form#editQuestion li input[type=text],
form#editQuestion li textarea,
form#newQuestion li input[type=text],
form#newQuestion li textarea {
		width: 70%;
	}

div#faqFormDiv form#newCategory input[type=text],
div#faqFormDiv form#newCategory select {
	width: 200px;
}
div#faqFormDiv form#editQuestion select,
div#faqFormDiv form#newQuestion select {
	width: 145px;
}
div#faqFormDiv ul {
	clear: left;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 6px;
	margin-top: 2px;
	width: 360px; }
	
div#faqFormDiv ul li {
	position: relative;
	display: block;
	margin: 5px 0px;
	min-height: 20px;
}
div#faqFormDiv {
	display: block;
	position: relative;
	height: 400px;
	clear: both;
	}
#editCategory ul li select { margin-right: 10px; }
#editCategory ul li label {
		width: 75px; margin-right: 10px;
	}
	
	
/***************************************************************
 FAQ Navigation.
****************************************************************/
div#faq-nav {
	padding-top: 60px;
	margin-bottom: 10px;
	height: 30px;
	text-align: center;
}
div#faq-nav ul {
	list-style: none;
	clear: both; float: none;
	width: 450px;
	margin-left: auto; margin-right: auto;
}
div#faq-nav ul li {
	float: left;
	display: block;
}
div#faq-nav ul li.seperator {
	border-right: 1px solid #000000;
	margin: 0px 20px;
	}
p.faqRoots {
	clear: left;
	float: none;
	border-bottom: 1px solid #909090;
}

/***************************************************************
 FAQ Bodies.
****************************************************************/
div#searchedQuestions,
div#recentQuestions {
	display: block;
	float: left;
	width: 357px;
	/*height: 200px; overflow: scroll;/**/
}
div#searchedQuestions p,
div#recentQuestions p {
	clear: left;
	padding: 5px 0px 5px 5px;
	width: 330px;
}

h2.question, h2.answer {
		font-size: 11px;
		margin-bottom: 0px; margin-top: 5px;
		color: #707070;
		position: relative;
		left: -10px;
}
h3.quQu {
	margin-bottom: 20px;
}
div#searchedQuestions p.odd,
div#recentQuestions p.odd { background-color: #e8e8e8; }
div#searchedQuestions p,
div#recentQuestions p { background-color: #f0f0f0; font-weight: bold; font-size: 10px; }
div#searchedQuestions p:hover,
div#recentQuestions p:hover { background-color: #e0e0e0; }
div#searchedQuestions a,
div#recentQuestions a { display: block; padding: 5px 10px; }

/***************************************************************
 FAQ Category Tree.
****************************************************************/
div#treeSpace {
	display: block;
	overflow-x: scroll;
	padding-bottom: 20px;
}
div#faqBrowse div#catgoryTree {
	float: left;
	margin: 0px 5px;
	width: 190px;
	overflow: hidden;
	display: block;
	position: relative;}
div#faqFormDiv div#catgoryTree {
	float: right;
	width: 180px;
}
div#catgoryTree ul.collapsible,
div#catgoryTree ul.collapsible li {
	min-height: 0px;
	margin: 0px 0px;
	padding: 0px 0px; }
div#catgoryTree ul.collapsible {
	margin-left: 14px;
}
div#catgoryTree ul.collapsible li {
	margin: 3px 0px;
	list-style-type: none;
}
div#catgoryTree ul.collapsible li span.handle,
div#catgoryTree span.inactiveHandle {
	display: block; position: relative; top: 2px;
	width: 9px; height: 9px; float: left; 
	margin-right: 5px; cursor: pointer; }
div#catgoryTree span.liPlus { background-image: url('/_images/treeView/plus.gif');  }
div#catgoryTree span.liMinus { background-image: url('/_images/treeView/minus.gif');  }



/***************************************************************
 FAQ Search.
****************************************************************/
div#faqKeywordSearch {
	display: block;
	float: right;
	padding-bottom: 5px;
	border-bottom: 1px solid #909090;
	width: 350px;
	
}
div#faqKeywordSearch label { color: #000000; }
div#faqKeywordSearch input { margin-left: 15px; }
div#faqKeywordSearch input#faqSearchSubmit { width: 70px; }
div#faqKeywordSearch input#faqSearch { width: 240px; }