﻿/* ...................................................
	
	modules.css
			
................................................... */

/* 1. Core module styles
................................................... */
/* CLEARFIX HACK */
.cfx{
	min-height:1%; /* hasLayout hack for IE7. */
	}
	.cfx:after{
		content:'.';
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}

.module{
	color:#858484;
	}
	.module a{
		color:#658901;
		text-decoration:none;
		}
		.module a:hover{
			text-decoration:underline;
			}
	.module .submitButton{
		background:url('/images/modules/buttons/moduleButtons.gif') 100% 0 no-repeat;
		display:block;
		position:static;
		float:left;
		}
		.module .submitButton input{
			background:url('/images/modules/buttons/moduleButtons.gif') 0 -63px no-repeat;
			border:none;
			cursor:pointer;
			height:21px;
			line-height:22px;
			margin:0;
			color:#fff;
			font-size:0.92em;
			padding:0px;
			}
	.module .submitButton:hover{
		background:url('/images/modules/buttons/moduleButtons.gif') 100% -21px no-repeat;
		}
		.module .submitButton:hover input{
			background:url('/images/modules/buttons/moduleButtons.gif') 0 -84px no-repeat;
			}

/* moduleHeader */
.moduleHeader{
	position:relative;
	min-height:25px;
	padding:27px 0 6px 20px;
	}
	#title-desc{
		width:60%; /* Total width of headerControls and title-desc will need to negotiate. */
		float:left;
		}
		#title-desc h2{
			font-size:1.75em;
			color:#809dbc;
			font-weight:normal;
			}
	.moduleHeader #headerControls{
		width:40%; /* Total width of headerControls and title-desc will need to negotiate. */
		font-size:0.92em;
		float:left;
		color:#8d8d8e;
		}
		#headerControls .control{
			float:right;
			}	
			#headerControls .control label{
				padding:4px 4px 0 20px;
				float:left;
				}
			#headerControls .control select{
				float:left;
				}
			#headerControls .searchText,
			#headerControls .searchButton{
				vertical-align:top;
				float:left;
				}
			#headerControls .searchText{
				padding:3px 2px 2px;
				margin:0 3px 0 0;
				}

/* moduleContent */
.moduleContent{
	}
	/* related content for Detail pages. */
	.moduleContent .related{
		font-size:0.92em;
		padding:15px 0;
		}
	.moduleContent .related h4{
		font-weight:bold;
		margin:0 0 6px;
		color:#808080;
		}
	.moduleContent .related ul{
		list-style:none;
		padding:0;
		margin:0;
		}
		.moduleContent .related li{
			margin:0 0 4px;
			}
			
/* moduleControls */
.moduleControls{
	padding:10px 0 20px;
	border-top:1px solid #d7d7d7;
	width:100%;
	margin:-1px 0 0;
	background:#fff url('/images/modules/generic/modulePaging-bg.jpg') 0 0 repeat-x;
	}
	/* moduleControls buttons */
	.moduleControls .buttons{
		list-style:none;
		margin:0 0 0 20px;
		padding:0;
		font-size:0.92em;
		}
		#content .moduleControls .buttons li{
			float:right;
			margin:0 8px 0 0;
			padding:0;
			background:none;
			}
			.moduleControls .buttons a{
				text-decoration:none;
				display:block;
				background:url('/images/modules/buttons/moduleButtons.gif') 0 0 no-repeat;
				cursor:pointer;
				}
				.moduleControls .buttons strong{
					background:url('/images/modules/buttons/moduleButtons.gif') 100% -63px no-repeat;
					color:#fff;
					display:block;
					font-weight:normal;
					}
					.moduleControls .buttons span{
						display:inline-block;
						padding:4px 10px;
						}
				.moduleControls .buttons a:hover{
					background:url('/images/modules/buttons/moduleButtons.gif') 100% -21px no-repeat;
					}
					.moduleControls .buttons a:hover strong{
						background:url('/images/modules/buttons/moduleButtons.gif') 0 -84px no-repeat;
						}
					
				.moduleControls .button1 span{ background:url('') 0 0 no-repeat; }
				.moduleControls .button2 span{ background:url('') 0 0 no-repeat; }
				.moduleControls .button3 span{ background:url('') 0 0 no-repeat; }
				
	/* paging buttons */
	#content.inner ul.pagingControls li {background:none; margin-bottom:0; padding-left:0;}
	.moduleControls .pagingControls{
		margin:0;
		font-size:0.92em;
		float:right;
		width:50%;
		}
		.moduleControls .pagingControls li{	
			float:right;
			margin:0 4px;
			}
			.moduleControls .pagingControls a,
			.moduleControls .pagingControls div{
				display:block;
				background:url('/images/modules/buttons/moduleButtons.gif') 0 -42px no-repeat;
				}
			.moduleControls .pagingControls a{
				background-position:0 0px;
				color:#fff;
				}
				.moduleControls .pagingControls strong{	
					background:url('/images/modules/buttons/moduleButtons.gif') 100% -105px no-repeat;
					display:block;
					font-weight:normal;
					}
				.moduleControls .pagingControls a strong{
					background-position:100% -63px;
					}
					.moduleControls .pagingControls span{	
						padding-top:0;
						padding-bottom:0;
						padding-left:16px;
						height:21px;
						line-height:21px;
						display:inline-block;
						}
					.moduleControls .pagingControls a span{
						cursor:pointer;
						}
			.moduleControls .pagingControls a:hover{
				text-decoration:none;
				background-position:0 -21px;
				}
				.moduleControls .pagingControls a:hover strong{
					background-position:100% -84px;
					}
					
			.moduleControls .pagingControls .next span{
				background:url('/images/modules/buttons/pagingButton.gif') 6px 8px no-repeat;
				}
			.moduleControls .pagingControls .previous span{
				background:url('/images/modules/buttons/pagingButton.gif') 6px -42px no-repeat;
				}
				
	/* paging */			
	.moduleControls .paging{
		width:50%;
		float:left;
		margin:1px 0 0;
		}
		.moduleControls .paging h4{
			float:left;
			color:#9fa0a1;
			font-weight:normal;
			margin:1px 0 0;
			padding:0 1px 0 0px;
			}
		.moduleControls .paging ul{
			list-style:none;
			float:left;
			padding:0;
			margin:0 0 0 8px;
			overflow:hidden;
			}
			#content.inner .moduleControls .paging ul li{
				float:left;
				margin:0 4px 0 0;
				padding:
				list-style:none;
				background:none;
				margin-bottom:0px;
padding-left:0px;
				}
				.moduleControls .paging ul li a,
				.moduleControls .paging ul li span{
					display:block;
					float:left;
					padding:1px 5px;
					color:#9fa0a1;
					}
					.moduleControls .paging ul li a:hover{
						text-decoration:none;
						color:#616b6d;
						background:#dae8b3;
						}
					.moduleControls .paging ul li.on span{
						color:#616b6d;
						background:#dae8b3;
						}

/* moduleListing */
.moduleListing{
	list-style:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #dfdfdf;
	}
	#content.inner ul.moduleListing li, 
	#content.inner ol.moduleListing li {
		list-style:none; background:none; margin-bottom:0px; padding-left:0px;
		}
	#content .moduleListing .item{
		border-top:1px solid #e5e7e7;
		padding:19px 0;
		overflow:hidden;
		background:none;
		margin:0;
		padding:0;
		}
		.moduleListing .details{
			color:#9c9c9c;
			}
			.moduleListing .date{
				float:left;
				line-height:1;
				font-size:1.33em;
				font-weight:bold;
				color:#9f9f9f;
				padding:0 10px 0 20px;
				width:120px;
				}
			#content.inner .moduleListing h3{
				font-weight:normal;
				line-height:1;
				}
				#content.inner .moduleListing h3 a{
					color:#616b6d;
					}
			.moduleListing p{
				font-size:0.92em;
				line-height:16px;
				margin:5px 0 0;
				}
			.moduleListing .meta{
				list-style:none;
				padding:0;
				margin:9px 0 0 -15px;
				font-size:0.92em;
				}
				.moduleListing .meta li{
					display:inline;
					padding:0 15px;
					}
				.moduleListing .meta .comments{
					border-left:1px solid #d4dae0;
					}
		.moduleListing .listingHover{
			cursor:pointer;
			background-color:#f7f8fd;
			}
			.moduleListing .listingHover h3 a{
				text-decoration:underline;
				}

/* Standard Module wysiwyg */
.moduleStandard .moduleHeader h2{
	}
.moduleStandard .moduleContent{
	border-top:1px solid #dfdfdf;
	}
	.moduleStandard .article{
		float:left;
		width:100%;
		margin-right:-313px;
		}
		.moduleStandard .articleBody{
			padding:16px 0px 0 20px;
			}
		.moduleStandard .wysiwyg{
			margin-right:313px;
			}
	.moduleStandard .sidebar{
		float:right;
		width:263px;
		padding:16px 0 0;
		}

/* Standard Module full width */
.moduleStandardFull .article{	margin-right:0; }
.moduleStandardFull .wysiwyg{ margin-right:20px; }

/* wysiwyg + elements */
.wysiwyg{
	line-height:1.33;
	}
	.wysiwyg h2{
		font-size:1.33em;
		font-weight:normal;
		margin:0 0 0.75em;
		}
	.wysiwyg h3{
		font-size:1.33em;
		font-weight:normal;
		margin:0 0 0.75em;
		}
	.wysiwyg h4{
		font-size:1.16em;
		font-weight:bold;
		margin:0 0 0.43em;
		}
	.wysiwyg h5, .wysiwyg h6{
		font-size:1em;
		font-weight:bold;
		margin:0 0 1.16em;
		}
		
	.wysiwyg p{
		margin:0 0 1.16em;
		}
		
	.wysiwyg ul, .wysiwyg ol{
		margin:0 0 1.16em 0;
		}
		.wysiwyg ul li{
			}
		.wysiwyg ol li{
			}
	
	.wysiwyg table{
		border-top:4px solid #dfdfdf;
		margin:0 0 1.16em;
		width:100%; /* Free to tweak this if table behaving odd. */
		}
		.wysiwyg table caption{
			font-style:italic;
			margin:0;
			padding:0 0 0.57em;
			}
		.wysiwyg th{
			font-weight:bold;
			padding:5px 4px;
			border-bottom:1px solid #dfdfdf;
			vertical-align:bottom;
			}
		.wysiwyg td{
			padding:5px 4px;
			border-bottom:1px solid #dfdfdf;
			}
	
	.wysiwyg dl{
		margin:0 0 1.16em 0;
		}
		.wysiwyg dt{
			font-weight:bold;
			}
		.wysiwyg dd{
			margin:0 0 0 2em;
			}
		
	.wysiwyg blockquote{
		margin:0 2em 1.16em;
		font-style:italic;
		}
		
	.wysiwyg img.floatLeft{
		float:left;
		margin:10px 10px 10px 0;
		}
	.wysiwyg img.floatRight{
		float:right;
		margin:10px 0 10px 10px;
		}
												
/* FAQ styles
................................................... */
.moduleFaq{
	}
	
	/* Links Listing */
	.moduleFaqList{
		}
		.moduleFaqList .moduleHeader{
			display:none;
			}
		.moduleFaqList h2{
			position:relative;
			left:-9999em;
			}
		#content .moduleFaqList ul li.item{
			background:url('/images/modules/faq/faqIcon.gif') 30px 15px no-repeat;
			padding:16px 0 10px;
			}
		.moduleFaqList .thumbnail{
			float:left;
			width:140px;
			height:99px;
			margin:-8px 0;
			overflow:hidden;
			}
		
		.moduleFaqList .details{
			margin:0;
			}
			#content.inner .moduleFaqList h3{
				padding:0 0 0 25px;
				background:url('/images/modules/faq/faqArrow.gif') 3px 3px no-repeat;
				}
			#content.inner .moduleFaqList p{
				display:none;
				}
	
	/* Links Detail */
	.moduleFaqDetail{
		}
		.moduleFaqDetail .moduleHeader{
			padding-left:0;
			}
			.moduleFaqDetail #title-desc{
				width:auto;
				float:none;
				}
			.moduleFaqDetail #headerControls{
				display:none;
				}
		.moduleFaqDetail .moduleContent{
			/*border-top:1px solid #dfdfdf;*/
			}
			.moduleFaqDetail .article{
				float:left;
				width:100%;
				}
				.moduleFaqDetail .articleBody{
					padding:0px 20px 0 0px;
					}
				.moduleFaqDetail .wysiwyg{
					margin:0;
					}
			
			.moduleFaqDetail .sidebar{
				float:right;
				width:263px;
				padding:16px 0 0;
				}
		.moduleFaqDetail .moduleControls{
			background:none;
			border:none;
			}
			.moduleFaqDetail .moduleControls .buttons span{
				padding-top:0;
				padding-bottom:0;
				padding-left:16px;
				height:21px;
				line-height:21px;
				background:url('/images/modules/buttons/pagingButton.gif') 6px 7px no-repeat;
				}
				
/* FORM STYLES
................................................... */
.moduleForm{
	}
	.moduleForm p.requiredMsg{
		position:relative;
		padding-left:12px;
		}
	.moduleForm .requiredMsg span{
		background:url('/images/modules/generic/requiredIcon.gif') 0 0 no-repeat;
		display:block;
		width:6px;
		height:6px;
		position:absolute;
		top:6px;
		left:0;
		text-indent:-9999em;
		}
	.moduleForm #title-desc h2{
		width:auto;
		font-size:1em;
		font-weight:normal;
		color:#8c8c8c;
		padding:8px 0 0;
		}
	.moduleForm .moduleContent{
		border-top:1px solid #e5e7e7;
		}
	.standardForm{
		margin:0 0 20px 0;
		border-top:1px solid #E5E7E7;
		}
		.standardForm .formRow{
			border-bottom:1px solid #e5e7e7;
			padding:10px 0 10px 211px;
			overflow:hidden;
			}
		.standardForm .actions{
			border:none;
			}
			.standardForm label{
				float:left;
				margin-left:-211px;
				position:relative;
				width:191px;
				line-height:1.5;
				padding:0 20px 0 0;
				}
				.standardForm label .required{
					background:url('/images/modules/generic/requiredIcon.gif') 0 0 no-repeat;
					display:block;
					width:6px;
					height:6px;
					position:absolute;
					top:6px;
					right:8px;
					text-indent:-9999em;
					}
			.standardForm input,
			.standardForm select,
			.standardForm textarea{
				width:304px;
				border:1px solid #99a5ad;
				color:#858484;
				background:#fff url('/images/modules/forms/inputText.gif') 0 0 repeat-x;
				}
			.standardForm .actions input{
				vertical-align:top;
				}
			.standardForm .submitButton{
				width:60px;
				}
				.standardForm .submitButton input{
					width:60px;
					}
	.standardForm .cManagerCheckList input{
		float:left;
		width:auto;
		border:none;

		}
	.standardForm .cManagerCheckList label{
		float:none;
		margin:0;
		display:block;
		padding:2px 0 2px 25px;
		width:300px;
		width:auto;
		}
	#content.inner .standardForm p{
		margin:15px 0 5px;
		
		}
	
	.standardForm .error{
		color:#911222;
		display:block;
		}
		
	
		
/* 10. SITEMAP STYLES
................................................... */
#sitemap{
	}
	#sitemap .moduleContent{
		border-top:1px solid #dfdfdf;
		padding:27px 20px;
		}
	#sitemap ul{
		list-style:none;
		padding:0;
		margin:0;
		}
		#content #sitemap ul li{
			padding:3px 0 3px 1px;
			background:none;
			margin:0;
			}
		#sitemap li.level1{
			display:block;
			margin:0 0 11px;
			}
			#sitemap .icon{
				/* best to keep icons width/height consistent throughout. */
				width:41px;
				height:18px;
				float:left;
				background:url('/images/modules/sitemap/icons.gif') 0 0 no-repeat;
				}
				#sitemap .level1 .icon{ width:18px; }
				#sitemap .level2 .icon{ background-position:100% -14px; width:41px; } /* width is reset. */
				#sitemap .level3 .icon{ background-position:100% -32px; }
				
			#sitemap a{
				padding:0px 0 0px 0px;
				line-height:16px;
				color:#616b6d;
				font-size:1.16em;
				text-decoration:none;
				}
				#sitemap .level0on a{ font-weight:bold; }
				#sitemap .level0on > ul { margin:11px 0 0;}
				#sitemap .level1 a{ font-weight:bold; }
				#sitemap .level2 a { font-weight:normal; padding-left:12px; background:url('/images/modules/sitemap/icon1.gif') 0 5px no-repeat;}
				#sitemap .level3 a { background:url('/images/modules/sitemap/icon2.gif') 0 5px no-repeat;}
				
			#sitemap .level1 ul{
				margin:4px 0 5px 24px;
				}
				#sitemap .level2 ul{
					margin-left:40px;
					}
		#sitemap .last{
			background-position:0 -1763px;
			}
				
	/* First level (Home) */
	#sitemap .level1{
		padding:0;
		background:none;
		}
		
/* x. SEARCH STYLES
................................................... */
.moduleSearch{
	}
	.moduleSearch .moduleHeader{
		padding:0 0 0 15px;
		}
		.moduleSearch .moduleHeader p{
			float:left;
			}
			.moduleSearch .searchTerm{
				font-weight:bold;
				color:#80a519;
				}
		.moduleSearch .moduleHeader .controls{
			float:right;
			}
		#content .moduleSearch .moduleHeader .controls li{
			padding:0;
			background:none;
			}
			#content .moduleSearch .moduleHeader .controls input{
				vertical-align:top;
				}
			#content .moduleSearch .moduleHeader .controls input.searchBox{
				width:139px;
				border-bottom:1px solid #ebebeb;
				border-top:1px solid #b0b0b0;
				border-left:1px solid #dbdbdb;
				border-right:1px solid #dbdbdb;
				color:#858484;
				}
	#content .moduleSearch .moduleListing li.item{
		padding:10px 0;
		}
		#content .moduleSearch .moduleListing h3{
			margin-bottom:8px;
			}
		#content .moduleSearch .moduleListing h3 a{
			font-weight:bold;
			}
		#content .moduleSearch .moduleListing p{
			margin:0;
			font-size:1.09em;
			}
	
	.moduleSearch #title-desc h2{
		font-size:1em;
		font-weight:normal;
		color:#8c8c8c;
		padding:8px 0 0;
		}
	.moduleSearch #headerControls .searchText{
		border:1px solid #bababa;
		background:#fff url('/images/modules/forms/inputText.gif') 0 0 repeat-x;
		}
	.moduleSearch #headerControls .submitButton{
		width:33px;
		background:url('/images/modules/search/searchButton.png') 100% 0 no-repeat;
		}
		.moduleSearch #headerControls .submitButton input{	
			text-align:center;
			font-size:1em;
			width:33px;
			height:21px;
			line-height:normal;
			background:url('/images/modules/search/searchButton.png') 0 -21px no-repeat;
			}
	
	.moduleSearch .details{
		padding:0 0 0 15px;
		margin:0 195px 0 0;
		color:#616b6d;
		}