/* Import components as required
--------------------------------------- */
@import url(components/defaults.css);

body {
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
	font: 100%/120% "Verdana", Helvetica, sans-serif;
	background: #6666FF url(../images/topbarbg.gif) 0 27px repeat-x;
}
body.theatrical { background-color: #F18700; }
body.theatrical div#left { background: url(../images/sidebg_orange.gif) -1px 0 no-repeat; }
body.theatrical h3 { background: url(../images/heading_bg_orange.jpg) 0 0 no-repeat; }
body.theatrical div#logos { background: url(../images/theatrical_footer.gif) 55px 10px no-repeat; }

body.classical { background-color: #00A3F4; }
body.classical div#left { background: url(../images/sidebg_blue.gif) -1px 0 no-repeat; }
body.classical h3 { background: url(../images/heading_bg_blue.jpg) 0 0 no-repeat; }
body.classical div#logos { background: url(../images/classical_footer.gif) 55px 10px no-repeat; }

body.print { background-color: #28CE47; }
body.print div#left { background: url(../images/sidebg_green.gif) -1px 0 no-repeat; }
body.print h3 { background: url(../images/heading_bg_green.jpg) 0 0 no-repeat; }

/*** layout ***/
#flash-1 {
	float: right;
	margin: 0 0 10px 20px;
}

div#flashPlayer1,
div#flashPlayer2,
div#flashPlayer3,
div#flashPlayer4,
div#flashPlayer5,
div#flashPlayer6 {
	float: left;
	padding: 0 0 50px 30px;
	position: relative;
	top: -20px;
}

div.music {
	float: left;
	width: 40%;
	}
	
div.music ul {
	list-style: none;
	}

div#wrapper {
	width: 960px;
	margin: 0;
	padding: 0;
}
div#leftinner {
	padding: 25px 0 0 20px;
}
div#left {
	float: left;
	display: block;
	position: relative;
	width: 245px;
	background: url(../images/sidebg_purple.gif) -1px 0 no-repeat;
	height: 735px;
}
div#center {
	float: left;
	width: 710px;
	position: relative;
}
div#topnav {
	margin: 37px 0 0 0;
	font-size: 0.7em;
	font-weight: bold;
	letter-spacing: 1px;
}
div#topnav ul li {
	display: inline;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	border-right: 1px solid #999;
}
div#topnav a:link, div#topnav a:visited {
	padding: 5px 28px; /* topnav link spacing */
	color: #fff;
	text-decoration: none;
}
div#search {
	margin: 20px 0 15px 0;
}
div#search form {
	margin: 0 0 0 -5px;
}
div#search input {
	font-size: 11px;
	padding: 2px;
}
div#contentouter {
	padding: 30px 0 20px 25px;
}
div#footer {
	padding: 0 0 0 55px;
	font-size: 0.7em;
	color: #eee;
	width: 420px;
}
/*** formatting ***/
p {
	margin: 0 0 1em 0;
	padding: 0;
}
div.content {
	font-size: 0.7em;
	line-height: 1.6em;
	margin: 0 80px 1.5em 30px;
}

div#search p {
	font-size: 0.65em;
	font-weight: bold;
	font-style: italic;
}
p.date { margin-top: -1em; }
.content h2, legend {
	font: normal 3.5em "Impact", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 15px 0px;
}
h3 {
	font-size: 1.1em;
	background: url(../images/heading_bg_purple.jpg) 0 0 no-repeat;
	padding: 2px 0 2px 30px;
	margin: 1.8em 0 0.5em -30px;
	text-transform: uppercase;
	clear: both;
	position: relative;
}
h4 {
	background: url(../images/music_bg_purple.png) 0 0 no-repeat;
	height: 48px;
	width: 284px;
	clear: both;
	position: relative;
	font-size: 90%;
}
h4 .padding {
	padding: 14px 0 0 45px;
	}
.content h3 a:link, .content h3 a:visited { text-decoration: underline; color: #fff; }
.content h3 a:hover { text-decoration: none; }
.imgLeft {
	float: left;
	margin: 0 25px 10px 30px;
}
.imgRight {
	float: right;
	margin: 0 0px 10px 30px;
}
.img {
	background-color: #fff;
	margin: 35px 0 10px 0;
}
div.button1 {
	background: url(../images/button1.gif) 0 0 no-repeat;
	width: 138px;
	height: 63px;
	font-size: 0.7em;
	text-align: center;
	line-height: 1.2em;
	margin-left: 30px;
	float: left;
	margin-right: 10px;
}
div.button1 strong { color: #000; }
div.main-buttons { margin-left: 50px; }

table.home-four-buttons td {
vertical-align:top;
width: 50%;
}

div.button1 a:link, div.button1 a:visited {
	color: #666;
	display: block;
	width: 120px;
	height: 60px;
	margin: auto;
	padding-top: 9px;
	text-decoration: none;
}
div.button2 {
	background: url(../images/button2.gif) 0 0 no-repeat;
	width: 138px;
	height: 36px;
	font-size: 1em;
	text-align: center;
	line-height: 2.5em;
	margin-top: 10px;
}
div#footer a:link, div#footer a:visited {
	color: #eee;
	text-decoration: none;
	font-weight: normal;
}
div#footer a:hover {
	text-decoration: underline;
}
table { border: none; }
table.casting {
	 width: 400px;
	 overflow: hidden;
}
table th {
	color: #000;
}
table td {
	font-size: 1em;
	padding: 3px;
	border: none;
}
table.admin {
	color: #000;
}

div#contentinner ul {
	padding-left: 10px;
}

div#contentinner li {
	padding-bottom: 4px;
}

p.top a:link, .top a:visited {
	padding: 2px 10px;
	background: #000;
	color: #000;
	border: 1px solid #fff;
}
div#footer p.top a:hover {
	background: transparent;
	text-decoration: none;
}

.clear { clear: both; }



/*** Side Nav ***/

ul#nav {
	margin: 0 0 0 -11px;
	padding: 0;
	font-size: 0.7em;
	line-height: 1.2em;
	text-transform: uppercase;
}
ul#nav ul {
	margin: 0;
	padding: 0;
}
ul#nav li { list-style-type: none; }
ul#nav li.theatrical a:link, ul#nav li.theatrical a:visited {
	color: #FFA100;
	background: url(../images/grad_orange.gif) bottom no-repeat;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.5em;
}
ul#nav li.classical a:link, ul#nav li.classical a:visited {
	color: #00A0FF;
	background: url(../images/grad_blue.gif) bottom no-repeat;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.5em;
}
ul#nav li.printmusic a:link, ul#nav li.printmusic a:visited {
	color: #28CE47;
	background: url(../images/grad_green.gif) bottom no-repeat;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 1.5em;
	width: 130px;
}
ul#nav a:link, ul#nav a:visited {
	color: #fff;
	text-decoration: none;
	width: 120px;
	display: block;
	padding: 3px 0 3px 20px;
}
ul#nav a:hover {
	text-decoration: none;
	background: url(../images/nav_selected_bg.gif) 0 0 repeat-y;
}

/*** misc ***/

	
/*** Forms ***/
form {
	margin: .5em 2em;
	font-size: 0.8em;
}

form.chooser {
	margin: .5em 0;
	font-size: 1.0em;
}

form.chooser label{
	width: 180px;
}
input, select, textarea {
	margin-left: .5em;
}

fieldset {
	margin: 1em 0;
	padding: .3em 1em;
}

fieldset br {
	display: none;
}

legend {
	font-weight: bold;
	color: #fff;
}

fieldset div {
	clear: both;
	margin: .3em 0;
	position: relative;
}

fieldset div span {
	display: none;
}

fieldset div:hover span {
	font-size: 85%;
	background-color: #faf0e6;
	margin-left: 20em;
	padding: .2em .5em .3em;
	border: 1px solid #fff;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
}

* html fieldset div span {
	font-size: 85%;
	color: #fff;
	margin-left: 16em;
	padding: .3em;
	border-left: 1px solid #c96;
	display: block;
}

label, fieldset div.cr p {
	margin: 0;
	display: block;
	width: 10em;
	text-align: left;
	float: left;
	font-size: 0.9em;
}

div.cr {
	margin-left: 9em;
}

fieldset div.cr label {
	text-align: left;
	display: inline;
	float: none;
}

.mandat {
	color: #FFFF99;
}

.mandat:after {
	content: "*";
}

.buttons {
	margin: 1em 0 0 9em;
}

.removed {
	display: none !important;
}

/*** browse component ***/
td.browsetbl_head { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #000; padding-left: 5px; text-decoration:none}
td.browsetbl_head a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #000; padding-left: 5px; text-decoration:none}
td.browsetbl_head a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #000; padding-left: 5px; text-decoration:none}
td.browsetbl_head a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #000; padding-left: 5px; text-decoration:none}
td.browsetbl_head a:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; background-color: #000; padding-left: 5px; text-decoration:none}

td.browsetbl_cell { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #e2e2e2; padding-left: 5px; text-decoration:none}
td.browsetbl_cell a:link { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #e2e2e2; padding-left: 5px; text-decoration:none}
td.browsetbl_cell a:visited { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #e2e2e2; padding-left: 5px; text-decoration:none}
td.browsetbl_cell a:hover { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #e2e2e2; padding-left: 5px; text-decoration:none}
td.browsetbl_cell a:active { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #e2e2e2; padding-left: 5px; text-decoration:none}

td.browsetbl_cell_hl { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #ccc; padding-left: 5px; text-decoration:none}
td.browsetbl_cell_hl a:link { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #ccc; padding-left: 5px; text-decoration:none}
td.browsetbl_cell_hl a:visited { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #ccc; padding-left: 5px; text-decoration:none}
td.browsetbl_cell_hl a:hover { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #ccc; padding-left: 5px; text-decoration:none}
td.browsetbl_cell_hl a:active { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color:#ccc; padding-left: 5px; text-decoration:none}

/*** Item View styles ***/
div#itemview-left {
	width: 400px;
	float: left;
}
div#itemview-left h3 {
	margin-top: 0;
}
div#itemview-right {
	float: right;
	margin-top: -30px;
}
div#itemview-right ul#nav {
	margin: 0;
	padding: 0;
}
div#itemview-right ul#nav img {
	background: #fff;
}
div#itemview-right ul#nav li {
	margin: 0;
	margin-left: -20px;
	padding: 0;
}
div#itemview-right ul#nav li a {
	background: none;
}
div#itemview-right ul#nav li a:hover, div#itemview-right ul#nav li a.li_selected {
	background: none;
	color: #000;
}

div#logos {
	width: 100%;
	height: 85px;
	display: block;
}

/* Junior Musicals */

/*.publisher-summary {
	float: left;
	margin-top: -15px;
}*/
.publisher-summary img {
	float: right;
}
.package img {
	float: right;
	margin: 0 0 0 30px;
}
.package p {
	margin-bottom: 30px;
}
input.mandat {
	border: 2px solid #990000;
	color: #000;
}
#mandatcheck {
border: 2px solid #990000;
}
#mandattext {
color: #990000;
font-weight: bold;
}
/* Retailers Mod NH 02042008 */

.retailerstable th {
text-align:left;
font-weight:bold;
font-size:1.1em;
color:#fff;
border-bottom: 1px solid #67CF7A;
text-transform:uppercase;
}

.retailerstable td {
	vertical-align: top ;
	text-transform: capitalize;
	padding: 2px 4px 2px 0;
	border-bottom: 1px solid #67CF7A;
}

td.retailersleft {
	padding-right: 15px;
	border-right:1px solid #fff;
}

td.retailersright {
padding-left:15px;
}

/* Client Area */

.out-of-print { color: #F3B234; }
.out-of-stock { color: #FF7070; }
.less-than-ten { color: #FCFF9E; }
.greater-than-ten { color: #75FF7C; }/* Retailers Pages N.H. 02052008 */.retailerstable td {	vertical-align: top;	text-transform: capitalize;}	


/* Escores */
table.escores-list {
width:490px;
margin:10px 0 35px;
border-bottom:1px solid #8F90FF;
}

table.escores-list td, table.escores-list th {
font-size:12px;
vertical-align:top;
padding:2px 6px 4px 0;
}

table.escores-list th {
color:#fff;
text-transform:uppercase;
}

table.escores-list th.th-refno {
width:140px;
}

table.escores-list td {
border-top:1px solid #6F71FF;
}

table.escores-list td.subhead {
border-top:1px solid #8F90FF;
font-weight:bold;
}

table.escores-list a:link, table.escores-list a:visited {
font-weight:normal;
}

table.escores-list td a.sample {
cursor:pointer;
color:#000;
text-decoration:underline;
}

ul.bandscoresbuttons {
list-style-type:none;
display:inline;
}

ul.bandscoresbuttons li {
float:left;
margin:0;
padding:0;
}

a.bandscores, a.jazzscores, a.orchscores {
display:block;
font-size:18px;
width:174px;
height:113px;
text-indent:-999px;
margin:20px 10px 20px 0;
}

a.bandscores {
background: transparent url('../images/band-scores.gif');
}

a.jazzscores {
background: transparent url('../images/jazz-scores.gif');
}

a.orchscores {
background: transparent url('../images/orchestral-scores.gif');
}