/*
panel containers
---------------------
*/

	#mainColumn .SingleAndFeature {
		display: block;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 520px;
	}
	
	#mainColumn .SingleAndFeature .panel {
		background-color: transparent;
		margin-bottom: 0px;
	}
	
	#mainColumn .SingleAndFeature .singlePanel {
		display: block;
		float: left;
		width: 165px;
		overflow: hidden;
	}
	
	#mainColumn .SingleAndFeature .featurePanel {
		display: block;
		float: right;
		width: 345px;
		overflow: hidden;
	}
	
	#mainColumn .ThreeSingles {
		display: block;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 520px;
		background-image: url("/images/common/panels/three_singles_bg_tile.gif");
		background-repeat: repeat-y;
	}
	
	#mainColumn .ThreeSingles .panel {
		background-color: transparent;
		margin-bottom: 0px;
	}
	
	#mainColumn .ThreeSingles .panelOne {
		display: block;
		float: left;
		width: 165px;
		overflow: hidden;
	}
	
	#mainColumn .ThreeSingles .panelTwo {
		display: block;
		margin-left: 10px;
		float: left;
		width: 170px;
		overflow: hidden;
	}
	
	#mainColumn .ThreeSingles .panelThree {
		display: block;
		float: right;
		width: 165px;
		overflow: hidden;
	}
	
	#mainColumn .TwoSingles {
		display: block;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 520px;
		height: 250px;
		background-image: url("/images/common/panels/two_singles_bg_tile.gif");
		background-repeat: repeat-y;
	}
	
	#mainColumn .TwoSingles .panel {
		position: relative;
		background-color: transparent;
		margin-bottom: 0px;
	}
	
	#mainColumn .TwoSingles .panelOne {
		display: block;
		float: left;
		width: 255px;
		height: 250px;
		overflow: hidden;
	}
	
	#mainColumn .TwoSingles .panelTwo {
		display: block;
		margin-left: 10px;
		float: left;
		width: 255px;
		height: 250px;
		overflow: hidden;
	}
	
	#mainColumn .TwoSingles .blackPanel h2 {
		color: #fff;
		border-top: #000 4px solid;
		font-size: 20px;
		line-height: 22px;
	}
	#mainColumn .TwoSingles .blackPanel a, #mainColumn .TwoSingles .blackPanel a:visited {
		color: #fff !important;
		text-decoration: none;
	}
	#mainColumn .TwoSingles .blackPanel a:hover {
		color: #fff !important;
		text-decoration: underline;
	}
	
	#mainColumn .TwoSingles .redPanel h2 {
		background-image: url("/images/homepage/shop_panel_bg.jpg");
		background-repeat: no-repeat;
		height: 250px;
	}
		
	#mainColumn .TwoSingles .redPanel h2 {
		color: #fff;
		border-top: #6a0600 4px solid;
		font-size: 20px;
		line-height: 22px;
	}
	#mainColumn .TwoSingles .redPanel a, #mainColumn .TwoSingles .redPanel a:visited {
		color: #fff !important;
		text-decoration: none;
	}
	#mainColumn .TwoSingles .redPanel a:hover {
		color: #fff !important;
		text-decoration: underline;
	}
	
	#mainColumn .TwoSingles .directoryPanel {
		background-image: url("/images/homepage/2011_directory_panel_bg.jpg");
		background-repeat: no-repeat;
		height: 250px;
	}
	
	#mainColumn .TwoSingles a.panelLink {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 255px;
		height: 250px;
	}
	#mainColumn .TwoSingles a.panelLink span {
		display: block;
		padding: 48px 0px 0px 12px;
	}

/*
panel elements
---------------------
*/

	.panel, .threeColPanel {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 1px 0px;
	}
	
	.threeColPanelHolder {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 3px 0px;
		background-image: url("/images/common/panels/three_wide_singles_bg_tile.gif");
		background-repeat: repeat-y;
	}
	.threeColPanelHolderOrangeFiller {
		background-image: url("/images/common/panels/three_wide_orange_singles_bg_tile.gif");
	}
	.threeColPanelHolderNoFiller {
		background-image: none;
		padding: 0px 0px 0px 0px;
	}
	
	.imageOnly {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 12px 12px 0px 12px;
		border-top: #E6E6E6 4px solid;
	}

	#mainColumn .bottomPanel {
		margin-bottom: -1px !important;
	}
	
	.panel img.panelTitleImage {
		margin: -5px 0px 8px 6px;
	}
	
	.panel ul, .threeColPanel ul {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		list-style-position: outside;
	}
	
	.panel ul li, .threeColPanel ul li {
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 13px;
		background-image: url("/images/common/list_bullet.gif");
		background-position: 0px 4px;
		background-repeat: no-repeat;
		line-height: 14px;
	}
	
	.panel ul li span.listTitle, .threeColPanel ul li span.listTitle {
		display: block;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#mainColumn .panel {
		background-color: #F2F2F2;
		margin: 0px 0px 10px 0px;
	}
	
	#mainColumn .panelTopPad {
		margin: 10px 0px 0px 0px;
	}
	
	#mainColumn .threeColPanel {
		display: inline;
		background-color: #F2F2F2;
		margin: 0px 0px 0px 9px;
		float: left;
		width: 244px;
	}
	#mainColumn .firstThreeColPanel {
		margin: 0px 0px 0px 0px;
	}
	#mainColumn .threeColPanelNoPad {
		padding: 0px 0px 0px 0px;
	}
	#mainColumn #featuredJobsPanel .threeColPanel, #mainColumn #featuredJobsPanel .firstThreeColPanel {
		margin-bottom: 15px;
	}
	
	#mainColumn .threeColPanel img {
		display: block;
	}
	
	#mainColumn .threeColPanelHolderOrangeFiller .threeColPanel {
		background-color: #fcf0df;
	}
	
	#mainColumn .blackPanel {
		background-color: #000000;
	}
	
	#mainColumn .orangePanel {
		background-color: #d1680e;
		background-image: url("/images/common/panels/jobs_panel_bg.jpg");
		background-repeat: repeat-x;
		padding: 0px 10px 1px;
	}
	#mainColumn .orangePanel h2, #mainColumn .orangePanel p {
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
	}
	#mainColumn .orangePanel h2 span {
		float: right;
		font-family: "Lucida Grande", Geneva, Helvetica, Arial, Verdana, sans-serif;
		font-size: 12px;
		font-weight: normal;
	}
	#mainColumn .orangePanel h2 span a, #mainColumn .orangePanel h2 span a:visited {
		text-decoration: underline;
	}
	
	#mainColumn .marinePanel {
		background-color: #47847c;
	}
	#mainColumn .marinePanel h2 {
		border-top: 4px solid #47847c;
		color: #fff;
		font-size: 20px;
		line-height: 22px;
	}
	#mainColumn .marinePanel h2 a, #mainColumn .marinePanel h2 a:visited, #mainColumn .marinePanel h2 a:hover {
		color: #fff;
	}
	#mainColumn .marinePanel .picBorder {
		border: 2px solid #fff;
	}
	#mainColumn .marinePanel #coversMatrix {
		margin: 0px 0px 12px 12px;
	}
	#mainColumn .marinePanel #coversMatrix a {
		display: block;
		float: left;
		margin: 0px 0px 0px 18px;
	}
	#mainColumn .marinePanel #coversMatrix a.firstCover {
		margin: 0px 0px 0px 2px;
	}
	
	#coversScroller {
		text-align: center;
	}
	
	#coversScroller a img {
		border: 1px solid #ffffff;
	}
	
	#jsActive #coversScroller {
		width: 520px;
		height: 164px;
		position: relative;
		overflow: hidden;
	}
	
	#jsActive #coversScroller a {
		position: absolute;
	} 
	
	#leftColumn #coverDetail {
		margin: 0px 0px 15px 0px;
		padding: 10px 0px 0px 0px;
	}
	
	#leftColumn #coverDetail img {
		display: block;
		margin: 0px 0px 5px 12px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #FFFFFF;
	}
	
	#leftColumn #coverDetail #coverIssue, #leftColumn #coverDetail #captionLeft {
		display: inline;
		float: left;
		margin: 0px 0px 0px 12px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		font-size: 10px;
		line-height: 12px;
	}
	
	#leftColumn #coverDetail #coverDate, #leftColumn #coverDetail #captionRight {
		display: inline;
		float: right;
		margin: 0px 12px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: right;
		font-size: 10px;
		line-height: 12px;
	}

/*
job panel elements
------------------
*/

	/* HOMEPAGE */
	
	#featuredJobs {
		position: relative;
		*margin-left: -2px;
		width: 502px;
		height: 230px;
		overflow: hidden;
	}
	
	#featuredJobs .jobPanel {
		display: inline;
		background-color: #fff;
		margin: 0px 0px 15px 8px;
		float: left;
		width: 162px;
		font-size: 10px;
		line-height: 13px;
		overflow: hidden;
	}
	#featuredJobs .firstJobPanel {
		margin: 0px 0px 15px 0px;
	}
	
	#featuredJobs .jobPanel a, #featuredJobs .jobPanel a:visited {
		display: block;
		position: relative;
		height: 212px;
		*height: 218px;
		text-decoration: none;
		background-color: #fff;
		border: 3px solid #fff;
		color: #000 !important;
	}
	#featuredJobs .jobPanel a:hover {
		background-color: #faead3;
		border: 3px solid #faead3;
		color: #000 !important;
	}
	
	#featuredJobs .jobPanel a .jobTitle {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 3px 0px 4px 8px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 14px;
		line-height: 18px;
		background-color: #d1680e;
		color: #fff;
		border: none;
	}
	#featuredJobs .jobPanel a:hover .jobTitle {
		background-color: #d1680e;
		color: #fff;
	}
	
	#featuredJobs .jobPanel a .jobClosingDate {
		display: block;
		position: absolute;
		width: 156px;
		bottom: 0px;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 4px 0px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 12px;
		line-height: 16px;
		background-color: #d1680e;
		color: #fff;
		border: none;
	}
	#featuredJobs .jobPanel a:hover .jobClosingDate {
		background-color: #d1680e;
		color: #fff;
	}
	#featuredJobs .jobPanel a .jobClosingDate strong {
		padding: 0px 8px 0px 8px;
	}
	
	#featuredJobs .jobPanel .jobInfo {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 8px 0px 8px;
	}
	
	#featuredJobs .jobPanel .jobInfo p {
		margin: 0px 0px 12px 0px !important;
		padding: 0px 0px 0px 0px !important;
	}
	
	#featuredJobs #featuredJobsLeft, #featuredJobs #featuredJobsRight {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 30px;
		height: 218px;
	}
	#featuredJobs #featuredJobsRight {
		left: 472px;	
	}
	#featuredJobs #featuredJobsLeft a, #featuredJobs #featuredJobsRight a, #featuredJobs #featuredJobsLeft a:visited, #featuredJobs #featuredJobsRight a:visited {
		display: block;
		width: 30px;
		height: 218px;
		background-color: #fff;
		background-image: url("/images/recruitment/arrow_left.gif");
		background-repeat: no-repeat;
		background-position: center 94px;
		filter: alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity: 0.7;
		text-decoration: none;
	}
	#featuredJobs #featuredJobsLeft a:hover, #featuredJobs #featuredJobsRight a:hover {
		filter: alpha(opacity=85);
		opacity: 0.85;
		-moz-opacity: 0.85;
	}
	#featuredJobs #featuredJobsRight a, #featuredJobs #featuredJobsRight a:visited, #featuredJobs #featuredJobsRight a:hover {
		background-image: url("/images/recruitment/arrow_right.gif");
	}
	
	/* RECRUITMENT PAGES */
	
	.panel a.jobPanelLink, .panel a.jobPanelLink:visited, .threeColPanel a.jobPanelLink, .threeColPanel a.jobPanelLink:visited {
		display: block;
		text-decoration: none;
		background-color: #F2F2F2;
		border: 3px solid #E6E6E6;
		color: #000;
	}
	.panel a.jobPanelLink:hover, .threeColPanel a.jobPanelLink:hover {
		background-color: #E6E6E6;
		border: 3px solid #D6D6D6;
		color: #000;
	}
	
	.threeColPanel a.jobPanelLink {
		position: relative;
		height: 200px;
		*margin-bottom: -12px;
	}
	
	.panel a.jobPanelLinkEnhanced, .panel a.jobPanelLinkEnhanced:visited, .threeColPanel a.jobPanelLinkEnhanced, .threeColPanel a.jobPanelLinkEnhanced:visited {
		background-color: #D6D6D6;
		border: 3px solid #A6A6A6;
	}
	.panel a.jobPanelLinkEnhanced:hover, .threeColPanel a.jobPanelLinkEnhanced:hover {
		background-color: #C6C6C6;
		border: 3px solid #969696;
	}
	
	.panel .jobTitle, .threeColPanel .jobTitle {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 8px 12px 0px 12px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		border-top: 4px solid #E6E6E6;
		color: #207594;
	}
	.threeColPanel .jobTitle {
		font-size: 14px;
		line-height: 16px;
	}
	
	.panel a.jobPanelLink .jobTitle, .panel a.jobPanelLinkEnhanced .jobTitle, .threeColPanel a.jobPanelLink .jobTitle, .threeColPanel a.jobPanelLinkEnhanced .jobTitle {
		margin: 0px 0px 12px 0px;
		padding: 3px 8px 6px 8px;
		background-color: #E6E6E6;
		border: none;
	}
	.panel a.jobPanelLink:hover .jobTitle, .threeColPanel a.jobPanelLink:hover .jobTitle {
		background-color: #D6D6D6;
	}
	
	.panel a.jobPanelLinkEnhanced .jobTitle, .threeColPanel a.jobPanelLinkEnhanced .jobTitle {
		background-color: #A6A6A6;
		color: #fff;
	}
	.panel a.jobPanelLinkEnhanced:hover .jobTitle, .threeColPanel a.jobPanelLinkEnhanced:hover .jobTitle {
		background-color: #969696;
		color: #fff;
	}
	
	.panel .jobTitle .jobClosingDate {
		float: right;
		width: 260px;
		font-size: 14px;
		text-align: right;
	}
	
	.threeColPanel a.jobPanelLink .jobClosingDate {
		display: block;
		position: absolute;
		width: 238px;
		bottom: 0px;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 3px 0px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 12px;
		line-height: 16px;
		background-color: #E6E6E6;
		color: #000;
		border: none;
	}
	.threeColPanel a.jobPanelLink:hover .jobClosingDate {
		background-color: #D6D6D6;
		color: #000;
	}
	.threeColPanel a.jobPanelLink .jobClosingDate strong {
		padding: 0px 8px 0px 8px;
	}
	
	.threeColPanel a.jobPanelLinkEnhanced .jobClosingDate {
		background-color: #A6A6A6;
		color: #fff;
	}
	.threeColPanel a.jobPanelLinkEnhanced:hover .jobClosingDate {
		background-color: #969696;
		color: #fff;
	}
	
	.panel .jobInfo, .threeColPanel .jobInfo {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 0px 12px 0px 12px;
	}
	
	.panel .jobInfo p, .threeColPanel .jobInfo p {
		margin: 0px 0px 12px 0px !important;
		padding: 0px 0px 0px 0px !important;
	}
	
	.panel a.jobPanelLink .jobInfo, .panel a.jobPanelLinkEnhanced .jobInfo, .threeColPanel a.jobPanelLink .jobInfo, .threeColPanel a.jobPanelLinkEnhanced .jobInfo {
		padding: 0px 8px 0px 8px;
	}
	
	#sortForm {
		float: right;
		width: 260px;
		margin: 15px 0px 0px 0px;
		text-align: right;
	}
	#sortForm.noTopPad {
		margin: 0px 0px 0px 0px;
	}
	
/*
right column elements
---------------------
*/

	#leftColumn .panel form, #rightColumn .panel form {
		margin: 0px 12px 12px 12px;
		padding: 0px 0px 0px 0px;
	}
	
	#rightColumn .panel form label {
		display: block;
		font-weight: bold;
		margin: 10px 0px 0px 0px;
	}
	
	#leftColumn .panel form .textBox, #rightColumn .panel form .textBox {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 2px 4px 2px 4px;
		border: 1px solid #7F7F7F;
		font-size: 12px;
		line-height: 15px;
		width: 147px;
		height: 17px;
		_width: 154px;
		_height: 23px;
		overflow: hidden;
	}
	#rightColumn .panel form .textBoxFull {
		float: none;
		width: 184px;
		_width: 191px;
	}
	
	.panelLinkButton {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 8px;
		width: 143px;
		_width: 150px;
		height: 22px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 22px;
	}
	
	.panelSubmitButton {
		display: block;
		float: left;
		margin: 1px 0px 0px 5px;
		width: 34px;
		height: 21px;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		line-height: 21px;
		text-transform: uppercase;
	}
	
	.panelSubmitButtonFull {
		display: block;
		float: none;
		margin: 10px 0px 0px 0px;
		width: 60px;
		height: 21px;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		line-height: 21px;
		text-transform: uppercase;
	}
	
	.panelSubmitButton:link, .panelSubmitButton:visited, .panelSubmitButtonFull:link, .panelSubmitButtonFull:visited {
		color: #ffffff;
		text-decoration: none;
	}
	.panelSubmitButton:hover, .panelSubmitButtonFull:hover {
		color: #ffffff;
		text-decoration: none;
	}
	
	.panelSubmitButtonSimple {
		width: 34px;
		height: 21px;
	}
	
/*
signpost elements
---------------------
*/
	
	
	.fortyPercent {
		position: relative;
		margin: -8px 12px 4px 12px;
		padding: 0px 0px 0px 0px;
	}
	
	.topRule {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 8px 0px 0px 0px;
		border-top: #E6E6E6 4px solid;
	}
	
/*
piano comp signpost elements
---------------------
*/

	.pianoComp {
		display: block;
		margin: 0px 0px 12px 0px;
		padding: 8px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		border-top: #E6E6E6 4px solid;
	}

	.pianoComp a, .pianoComp a:visited {
		display: block;
		margin: 0px 12px 0px 12px;
		padding: 5px 0px 60px 0px;
		width: 196px;
		background-color: #000000;
		background-image: url("/images/signposts/piano_keyboard.jpg");
		background-position: bottom left;
		background-repeat: no-repeat;
		text-decoration: none;
		cursor: pointer;
	}
	
	.pianoComp a p {
		margin: 0px 6px 0px 6px !important;
		padding: 0px 0px 0px 0px !important;
		color: #A2CED7;
	}
	
	.pianoComp a p.inAssociation {
		margin: 0px 6px 5px 6px !important;
		padding: 0px 0px 0px 0px !important;
		font-size: 9px;
		line-height: 11px;
		color: #ffffff !important;
	}
	
	.pianoComp a h2 {
		margin: 0px 6px 5px 6px !important;
		padding: 0px 0px 0px 0px !important;
		font-family: Arial, Helvetica, sans-serif !important;
		color: #ffffff !important;
		font-size: 16px !important;
		line-height: 18px !important;
		font-weight: bold !important;
		border: none !important;
		text-decoration: none;
	}
	
	.pianoComp a:hover h2 {
		text-decoration: underline;
	}