/* ========================*/
/* -----FAQ Module CSS-----*/
/* ------Tyler Ipson-------*/
/* -i4 Solutions iBuilder--*/
/*=========================*/

#faqHeader {} /* You may edit h1 tags here */

#faqSummary {} /* contains paragraph tags ( class="p1" and class="p2" ) */


/*  You can customize tags such as h1, h2, p, ul, li, etc here    */
/*  by adding #faqModule before the element.  You may also custom */
/*  style certain classes.  For example, #faqModule .clearance {} */
/*  will allow you to style the clearance class specifically for  */
/*  this module only.                                             */


/* SearchSubmit is the container div for both #faqSearch, and #faqSubmit */
	/* it is being cleared by the default ".clearance" class in the root styles.css */
#faqSearchSubmit
{
	margin: 15px 0px;
	width:100%;
	clear:both;
	overflow: auto;
}

/* Breadcrumb navigation */
#breadcrumb { color: #525252; clear: both; }

	#breadcrumb ul { overflow: auto; padding: 0; margin: 10px 0; }

		#breadcrumb ul li { display: inline; }

	/* Begin id faqSearch */
	#faqSearchSubmit #faqSearch {
		width: 300px;
		float: left;
		}

		#faqSearch .input_text { width: 200px; }

		#faqSearch .input_button {
			margin-left: 10px;
			width: 50px;
			}

	/* Begin id faqSubmit */
	#faqSearchSubmit #faqSubmit {
		width: 350px;
		float: left;
		}

		#faqSubmit .input_text { width: 200px; }

		#faqSubmit .input_button {
			margin-left: 10px;
			width: 50px;
			}

/* FAQ Categories */
#faqCategories {
	width: 178px;
	float: left;
	}

	#faqCategories ul li {
		list-style-type: none;
		padding: 4px 0px;
		}

		#faqCategories ul li a {
			color: #000;
			font-size: 9pt;
			}

	.faqCatActive a { font-weight: bold; }

/* FAQ Questions */
#faqQuestions {
	float: left;
	}

	#faqQuestions ul { padding-left: 20px; }

		#faqQuestions ul li { padding: 4px 0px; }

			#faqQuestions ul li a { font-size: 9pt; }

	/* Visited FAQ links */
	.faqQuesVisited {
		list-style: outside;
		}

		.faqQuesVisited a { color:#acacac; }
		.faqQuesVisited a:hover{ color: #686868; }
		.faqQuesVisited div { display: none; }

	/* Active FAQ Links */
	.faqQuesActive {
		list-style: none;
		margin: 10px 0px;
		}

		.faqQuesActive a {
			color: #ff7d00;
			text-decoration: none;
			font-size: 10pt;
			font-weight: bold;
			}
			
		.faqQuesActive #q
		{
			padding-left:20px;
			background-image: url('images/check_active.gif');
			background-repeat:no-repeat;		
		}

		.faqQuesActive div {
			font-size: 8pt;
			line-height: 20px;
			margin: 8px;
			}
		
			.faqQuesActive div a {
				font-size: 8pt;
				font-weight: normal;
				color: #000;
				text-decoration: underline;
				}
			.faqQuesActive div a:hover {
				color:#bbb;
				}

	/* Non-visited FAQ Links */
	.faqQues
	{
		list-style: none;		
		list-style-type: none;
	}
	
	.faqQues a { color: #ff7d00; padding-left:20px; }
	
	.faqQues #q:visited
	{
		padding-left:20px;
		background-image: url('images/check_visited.gif');
		background-repeat:no-repeat;
	}
	
	.faqQues a:hover { color: #bb5a00; }
	
	.faqQues div { display: none; }
		
/* end FAQ Questions */

.showall_link { margin: 10px 0px 0px 20px; }

.showall_link a { font-size: 7pt; }

/* ------------------------- */
/* FAQ Module - Details Page */
/* ------------------------- */

#faqDetails {}

#faqDetailsQues h2 { font-weight: bold; }

#faqDetailsAns { line-height: 18px; }

#faqNextPrev { clear: both; }

	#faqNextPrev ul li {
		list-style-type: none;
		padding: 3px 0px;
		}

	.faqPrev_text {
		color: #9c9c9c;
		padding-right: 20px;
		}

	.faqNext_text {
		color: #9c9c9c;
		padding-right: 40px;
		}

#faqModule #downloads table {
	width: 400px;
	margin: 10px 0px;
	}

/* --------------------- */
/* FAQ Module - Back End */
/* --------------------- */

#faqBackend {}

#faqBackendQues {}

	#faqBackendQues ol {
		margin-top: 10px;
		margin-left: 20px;
		}

		#faqBackendQues ol li {
			padding: 4px 0px;
			border-bottom: 1px solid #f1f1f1;
			}

			#faqBackendQues ol li a { padding-left: 15px; }

#backendDetails {}

	#backendDetails table { margin-bottom: 10px; }

	#backendDetails .input_text { width: 240px; }

	#backendDetails .input_button, #backendDetails .input_button_alt { width: 60px; }