/*--CSS FOR SUBJECT LISTING--*/	

#subjectMenuContainer {

	display: inline;
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
	padding: 20px;
	background: #666;

	}
	
	#subjectMenuContainer h2 {
	
		font-size: 2.2em;
		line-height: 1.6em;
		margin: .7em 0;
		text-align: center;
		color: white;
	
		}
		
	#subjectMenuContainer ul {

		font-size: 1.2em;
		line-height: 1.4em;
		color: #fff;

		}
		
		#subjectMenuContainer ul li {
		
			margin: 0 0 .7em 0;
		
			}
			
			#subjectMenuContainer ul li a {
			
				color: #fff;
			
				}
				
			#subjectMenuContainer ul li ul {
			
				list-style: disc;
				font-size: 1em;
				padding: 0 0 0 20px;
			
				}
				
				#subjectMenuContainer ul li ul li {
				
					margin: 0;
				
					}
	

	
	
	
/*--CSS FOR TITLE LISTINGS--*/	
	
#titleListingContainer {

	display: inline;
	float: left;
	width: 693px;

	}
	
	.titleList {
	
		width: 653px;
		margin: 0 20px;
	
		}
		
		.indivRecord {
		
			margin: 0 0 20px 0;
			padding: 20px;
			border-bottom: 1px dotted #ccc;
			min-height: 1px;
		
			}
			
/*indivRecord styles wrap*/

.indivRecord  h3 {

	font-family: "trebuchet ms", geneva, "lucida sans", "lucida sans unicode", helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.4em;
	margin-bottom: .7em;
	border-bottom: 2px solid;

	}
	
	.indivRecord  .subjectFlags {
	
		display: block;
		position: absolute;
		left: -9999px;
	
		}
		
	.indivRecord .showDetails {
	
		display: none;
		float: left;
		background: url("images/show-details.png") no-repeat left center;
		padding-left: 20px;
		padding-top: 4px;
		width: 110px;
		min-height: 16px;
		margin-right: 3px;
		cursor: pointer;
	
		}
		
		.indivRecord .hide {
		
			background: url("images/hide-details.png") no-repeat left center;
		
			}
		
	.indivRecord .mark {
	
		display: none;
		float: left;
		background: url("images/mark.png") no-repeat left center;
		padding-left: 20px;
		padding-top: 4px;
		width: 110px;
		min-height: 16px;
		margin-right: 3px;
		cursor: pointer;
	
		}
		
			.indivRecord .unMark {
			
				background: url("images/unmark.png") no-repeat left center;
			
				}
		
	.indivRecord .formats {
	
		display: inline;
		float: left;
		width: 347px;
		min-height: 1px;
	
		}
		
		.formats li {
		
			display: inline;
			float: left;
			padding: 4px 0;
			margin: 0;
			min-height: 1px;
		
			}
			
			.formats .dvd, .formats .cd, .formats .stream {
			
				min-width: 40px;
				padding: 4px 4px 4px 4px;
				text-align: center;
				margin: 0 0 0 3px;
				text-transform: uppercase;
				font-weight: bold;
				color: #fff;
			
				}
				
				.dvd {
				
					background: #800080
				
					}
					
				.cd {
				
					background: #00f;
				
					}
					
				.stream {
				
					background: #008000;
				
					}
	
	.indivRecord div {
	
		clear: both;
		padding: 20px 20px 0 20px;
		min-height: 1px;
	
		}
		
		.indivRecord div p {
		
			line-height: 1.3em;
		
			}
			
		.indivRecord div ul {
		
			padding: 10px;
			background: #ffc;
			min-height: 1px;
		
			}
			
			.indivRecord div ul li {
			
				display:inline;
				float: left;
				width: 375px;
				font-weight: bold;
				min-height: 1px;
			
				}
				
				.indivRecord div ul li.break {
				
					clear: left;
					width: 168px;
				
					}
					
				.indivRecord div ul li em {
				
					font-size: 1.2em;
					font-weight: normal;
				
					}
					
		.indivRecord div ul:after, .indivRecord .formats:after, .indivRecord .formats li:after, .indivRecord .showDetails:after, .indivRecord .mark:after, .indivRecord div ul:after, .indivRecord div ul li:after, .indivRecord:after {
		
			content: ".";
			font-size: 0;
			height: 0;
			display: block;
			clear: both;
			visibility: hidden;
		
			}
	
	
	
	
/*JQUERY APPLIED CLASSES*/

.highlighted {

	background-color: #ff9;

	}
	
.hidden {

	display: none;

	}

#subjectMenuContainer a.menuSelected {

	font-size: 150%;
	color: #ff0;
	font-weight: bold;
	background: url("images/menuSelected.png") no-repeat right center;
	padding-right: 16px;
	line-height: 1.6em;

	}