/* --- content menu stylings --------- */
div.springonion_menu {
	margin:0px 0px 10px 0px;
}

	div.springonion_menu div.springonion_title {
		background-image:url(images/menutitle.gif);
		background-repeat:no-repeat;
		width:147px;
		height:20px;
		color:#008D28;
		font-weight:bold;
		font-size:15px;
		padding:7px 7px 7px 5px;
	}
	
	div.springonion_menu div.springonion_item {
		border:1px solid #f0f0ac;
		background-color:#FFFFDF;
		padding:4px;
		font-size:12px;
		margin:0px 1px 0px 1px;
	}
	
		div.springonion_menu div.springonion_item div.springonion_detail {
			border:0px solid #E3A928;
			border-bottom-width:1px;
			font-weight:bold;
			font-size:14px;
			padding:2px 0px 2px 0px;
		}

/* --- content list stylings ------ */
div.springonion_list {
	
}

	div.springonion_list div.springonion_item {
		padding:4px;
	}
	
		div.springonion_list div.springonion_item div.springonion_title {

		}
		
			div.springonion_list div.springonion_item div.springonion_title img {
				vertical-align:middle;
			}
		
		div.springonion_list div.springonion_item div.springonion_content {

		}
		
			div.springonion_list div.springonion_item div.springonion_content div.springonion_detail {

			}
			
		div.springonion_list div.springonion_item div.springonion_controls {
			padding:5px;
			background-color:#edffdb;
			margin:0px 0px 10px 0px;
		}
			
	div.springonion_list div.springonion_seperator {
		border:0px dashed #83c67c;
		border-bottom-width:1px;
		margin:5px 0px 5px 0px;
	}

/* --- page layout styles --------- */
p.springonion_hilight {
	padding:4px;
	background-color:#ffffff;
	background-image:url(images/hilight-background-1.png);
	background-repeat:repeat-x;
	border:1px solid #aadf55;
	margin:0px 0px 4px 0px;
	color:#6aa90d;	
}

.springonion_feature {
	padding:4px;
	background-color:#c0fa72;
	margin:0px 0px 4px 0px;
	color:#6aa90d;
}

	.springonion_feature .springonion_title {
		background-color:#ffffff;
		background-image:url(images/feature_title-1.png);
		background-repeat:repeat-x;
		height:28px;
		margin:0px 0px 0px 0px;
		padding:6px;
		font-size:22px;
		font-weight:bold;
		color:#84c321;
	}
		.springonion_feature .springonion_title a {
			padding:0px;
			margin:0px;
		}

	.springonion_feature .springonion_subfeature {
		background-color:#f7fded;
		padding:9px;
		color:#777777;
	}
	
		.springonion_subfeature a {
			text-decoration:none;
			color:#393a73;
		}
		
		.springonion_subfeature a {
			text-decoration:none;
		}
		
		.springonion_subfeature a:hover,.springonion_subfeature a:active {
			text-decoration:underline;
			color:#393a73;
		}

/* --- page controller styles --------- */
table.springonion_pages {
	width:100%;
}

	table.springonion_pages td.active {
		font-size:14px;
		font-weight:bold;
		padding:0px 4px 0px 4px;
		color:#ff0000;
		cursor:default;
		text-align:center;
	}
	
	table.springonion_pages td.inactive {
		font-size:14px;
		font-weight:bold;
		padding:0px 4px 0px 4px;
		text-align:center;
	}
	
		table.springonion_pages td.inactive a {
			color:#000000;
			text-decoration:none;
		}
		
		table.springonion_pages td.inactive a:hover {
			text-decoration:none;
			background-color:#dbdbdb;
		}
		
		
/* --- icons --------- */
span.iconactive {
	cursor:pointer;
	color:#777777;
}

span.iconactive:hover {
	color:#2aa129;
}

span.icondisabled {
	cursor:default;
}

	span.iconactive img {
		width:20px;
		height:20px;
		background-repeat:no-repeat;
		border-width:0px;
		vertical-align:middle;
		cursor:pointer;
	}

		span.iconactive a {
			text-decoration:none;
			color:#777777;
		}
		
		span.iconactive:hover a {
			text-decoration:none;
			color:#2aa129;
		}

	span.icondisabled img {
		width:20px;
		height:20px;
		background-repeat:no-repeat;
		border-width:0px;
		vertical-align:middle;
		cursor:default;
	}
		/* --- icons --------- */
		/* images */
		img.images {
			width:20px;
			height:20px;
			background-image:url(images/icons/images.gif);
			background-repeat:no-repeat;
			background-position:0px 0px;
			border-width:0px;
			vertical-align:middle;
			cursor:pointer;
		}
		
			img.images:hover {
				background-position:-20px 0px;
			}
			
			span.iconactive:hover img.images {
				background-position:-20px 0px;
			}
		
		/* date */
		img.date {
			width:20px;
			height:20px;
			background-image:url(images/icons/date.gif);
			background-repeat:no-repeat;
			background-position:0px 0px;
			border-width:0px;
			vertical-align:middle;
		}

		/* time */
		img.time {
			width:20px;
			height:20px;
			background-image:url(images/icons/time.gif);
			background-repeat:no-repeat;
			background-position:0px 0px;
			border-width:0px;
			vertical-align:middle;
		}

		/* zoom */
		img.zoom {
			width:20px;
			height:20px;
			background-image:url(images/icons/zoom.gif);
			background-repeat:no-repeat;
			background-position:0px 0px;
			border-width:0px;
			vertical-align:middle;
			cursor:pointer;
		}
		
			img.zoom:hover {
				background-position:-20px 0px;
			}
			
			span.iconactive:hover img.zoom {
				background-position:-20px 0px;
			}
		
		/* print */
		img.print {
			width:20px;
			height:20px;
			background-image:url(images/icons/print.gif);
			background-repeat:no-repeat;
			background-position:0px 0px;
			border-width:0px;
			vertical-align:middle;
			cursor:pointer;
		}
		
			img.print:hover {
				background-position:-20px 0px;
			}
			
			span.iconactive:hover img.print {
				background-position:-20px 0px;
			}

		/* first page */
		span.iconactive img.firstpage {
			background-image:url(images/icons/paging.gif);
			background-position:-20px 0px;
		}
		
		span.iconactive img.firstpage:hover {
			background-image:url(images/icons/paging.gif);
			background-position:-40px 0px;
		}
		
		span.icondisabled img.firstpage{
			background-image:url(images/icons/paging.gif);
			background-position:0px 0px;
		}
		
		/* previous page */
		span.iconactive img.previouspage {
			background-image:url(images/icons/paging.gif);
			background-position:-20px -20px;
		}
		
		span.iconactive img.previouspage:hover {
			background-image:url(images/icons/paging.gif);
			background-position:-40px -20px;
		}
		
		span.icondisabled img.previouspage {
			background-image:url(images/icons/paging.gif);
			background-position:0px -20px;
		}
		
		/* next page */
		span.iconactive img.nextpage {
			background-image:url(images/icons/paging.gif);
			background-position:-20px -40px;
		}
		
		span.iconactive img.nextpage:hover {
			background-image:url(images/icons/paging.gif);
			background-position:-40px -40px;
		}
		
		span.icondisabled img.nextpage {
			background-image:url(images/icons/paging.gif);
			background-position:0px -40px;
		}
		
		/* last page */
		span.iconactive img.lastpage {
			background-image:url(images/icons/paging.gif);
			background-position:-20px -60px;
		}
		
		span.iconactive img.lastpage:hover {
			background-image:url(images/icons/paging.gif);
			background-position:-40px -60px;
		}
		
		span.icondisabled img.lastpage {
			background-image:url(images/icons/paging.gif);
			background-position:0px -60px;
		}