/* Copyright 2007 Michael Chaney Consulting Corporation, All Rights
 * Reserved */

/* 237 28 37 - ed1c25 */
/* pantone 485 */

html, body {
	background-color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}

html, body, p, ol, ul, td, div, table {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

div, form, object, fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  background-repeat: no-repeat;
}

form, fieldset {
	display: inline;
}

select, input { font-size: 12px; }

body, p, li, div, a {
	color: #333;
}

img { border: 0; }

pre {
  padding: 10px;
  font-size: 11px;
}

a {
	color: #ed1c25;
	text-decoration: underline;
}
a:hover { color: #f75158; }

body.blank h4 {
	color: #fec316;
}

/*
div.fieldWithErrors {
	display: inline;
}

.fieldWithErrors INPUT, .fieldWithErrors SELECT, .fieldWithErrors TEXTAREA {
  border: 2px solid red;
}
*/

.fieldWithErrors {
  padding: 2px;
  background-color: #fb0410;
  display: table;
  float: left;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid #fb0410;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div#flash {
	width: 100%;
	font-size: 1.2em;
	background: white;
}

div#flash p.notice {
	color: red;
	margin: 1em;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

span.instructions {
/* 237 28 37 */
  color: #ed1c25;
}

div#dev-site {
	position: absolute;
	width: 93px;
	height: 17px;
	background: url(/images/dev-site.png) center no-repeat;
	top: 5px;
	right: 10px;
	z-index: 10000;
}

div#loginform {
  float: left;
  width: 250px;
  padding: 0 10px;
}

div#login-tos {
  float: left;
  width: 580px;
  padding-left: 15px;
  border-left: 1px dashed #333;
}

table.item-list { width: 95%; padding: 3px;  }
table.item-list th { background: url(/images/item-list-th-bg.gif) repeat-x; height: 23px; color: #333; text-align: center;}
table.item-list tr td { padding-left: .5em; padding-right: .5em; }
table.item-list tr.odd { background: #fdd; }
table.item-list, table.item-list th, table.item-list td, table.item-list INPUT, table.item-list SELECT {font-size: 8pt; }

table.tiny-item-list { width: 580px; padding: 3px; border: 1px solid #333; }
table.tiny-item-list th { background: blue; color: #333; text-align: center;}
table.tiny-item-list tr td { padding-left: .5em; padding-right: .5em; }
table.tiny-item-list tr.odd { background: #ddd; }
table.tiny-item-list, table.tiny-item-list p, table.tiny-item-list th, table.tiny-item-list td, table.tiny-item-list INPUT, table.tiny-item-list SELECT {font-size: 7pt; }

td.track-detail {
	font-size: 7pt;
}

td.track-detail p {
	margin: 2px 2px;
}

div.col-1 {
	width: 48%;
	left: 0px;
	top: 0px;
	float: left;
}

div.col-2 {
	width: 48%;
	left: 50%;
	top: 0px;
	float: right;
}

div#wrap {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 800px;
	padding: 0;
	margin: auto;
	text-align: left;
   position: relative;
}

div#header {
	position: relative;
	width: 800px;
	height: 103px;
	text-align: center;
	border-bottom: 1px solid black;
}

div#header a {
	font-size: 7pt;
}

a#header-logout {
	position: absolute;
	right: 3px;
	top: 70px;
}

div#header h1 a span { display: none; }
div#header h1 {
	border: 0;
	padding: 0;
	margin: 0;
	left: 0px;
	top: 0px;
	position: absolute;
}
div#header h1 a {
	display: block;
	width: 450px; /* 4.38 */
	height: 103px;
	background-image: url(/images/mastersource-logo.png);
	background-repeat: no-repeat;
}

img#mastersearch-logo-200 {
	position: absolute;
	top: 15px;
	right: 5px;
	width: 200px;
	height: 74px;
	z-index: 0;
}

/* top tabs */
ul#top-tabs {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	position: absolute;
	right: 0px;
	top: 85px;
}

ul#top-tabs li {
	height: 13px;
	list-style-type: none; /*turns off display of bullet*/
	float: left;
	padding: 0 5px;
}

ul#top-tabs li a {
	text-transform: uppercase;
	text-decoration: none;
	/* color: #ed2027; */
   color: #ed1c25;
	font-weight: bold;
	font-size: 8pt;
}

ul#top-tabs li a.on {
	text-decoration: none;
	font-weight: bold;
	color: black;
}

ul#top-tabs li a.on:hover {
	text-decoration: none;
}

ul#top-tabs li a:hover {
	text-decoration: underline;
}

/* dropdown login form */
div#login-dropdown {
	background: #ebebeb;
	width: 224px;
	height: 96px;
	padding: 8px 12px;
	position: absolute;
	top: 35px;
	right: 0px;
	z-index: 100;
	overflow: hidden;
}

div#login-dropdown * {
	font-size: 12px;
}

div#login-dropdown label {
	width: 100px;
}

div#login-dropdown input.text {
	height: 12px;
	width: 150px;
	font-size: 10px;
}

div#login-dropdown input.button {
}

div#login-dropdown p {
	color: black;
	clear: both;
	margin: 5px 0;
	width: 100%;
	text-align: right;
}

/* search form */
div#search-form {
	position: relative;
	height: 86px;
	margin-bottom: 2px;
}

div#search-form select, div#search-form input {
	margin: 4px 3px;
	float: left;
}

div#search-form input {
	width: 82px;
}

div#search-form select {
	width: 127px;
}

div#front-search-box select option.header, div#search-form select option.header {
	font-weight: bold;
}

div#search-form input.kw {
	width: 258px;
}

a#search-clear-button span, a#search-search-button span { display: none; }
a#search-clear-button, a#search-search-button {
	display: block;
	float: left;
	width: 82px;
	height: 17px;
	margin-top: 4px;
	margin-left: 7px;
}

a#search-clear-button {
	background-image: url("/images/buttons/clear-button.off.png");
}
a#search-clear-button:hover {
	background-image: url("/images/buttons/clear-button.on.png");
}

a#search-search-button {
	background-image: url("/images/buttons/search-button.off.png");
}
a#search-search-button:hover {
	background-image: url("/images/buttons/search-button.on.png");
}

/* div where submenu resides */
div#submenu {
	width: 800px;
	height: 40px;
}

div#page-footer {
	clear: both;
	margin-top: 1em;
}

div#footer-menu {
	clear: both;
	font-size: 8pt;
	text-align: center;
	padding-top: 2em;
}

div#footer-menu p {
	font-size: 8pt;
	margin: 5px auto;
}

div#footer-menu a {
	text-decoration: none;
	font-size: 8pt;
}

div#copyright {
	width: 100%;
	text-align: center;
	clear: both;
	padding: 0px;
}
div#copyright p {
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	color: white;
}

div#message {
	border: 1px solid green;
	padding: 1em;
	font-weight: bold;
}

.medium_detail UL {
  width: 100%;
}
.medium_detail UL LI {
  display: block;
  float: left;
  list-style-type: none;
  margin: 0px 5px;
  border: 1px solid #333;
}

/* content */
div#content {
	clear: both;
	position: relative;
	width: 800px;
	min-height: 350px;
	padding-top: 5px;
}

div.two-col-track-detail {
	width: 48%;
	padding: 2px;
	margin: 2px;
	float: left;
   text-align: left;
}

div.two-col-track-detail h3, div.two-col-track-detail h4 {
	margin-bottom: 3px;
}

body.admin div#content {
	position: relative;
	width: 794px;
   padding: 2px 5px;
   border: 1px solid #333;
   overflow: auto;
  top: 0;
  left: 0;
  float: none;
}

body.admin div#bottom-menu {
  height: 14px;
  width: 794px;
  padding: 2px 5px;
  top: 0;
  left: 0;
  border: 1px solid #333;
  overflow: hidden;
}

body.admin div#content div.half-column {
	width: 389px;
	padding: 2px;
	margin: 2px;
	float: left;
}

body.admin div#content div.half-column textarea {
  width: 95%;
}

body.admin div#content div.item-box {
	float: left;
	margin: 0 5px;
}

div.admin-main-column {
	width: 30%;
	margin-right: 1%;
	display: block;
	float: left;
}

table.attr-list { width: auto; float: left; border: 1px solid #333; }
table.attr-list td { white-space: nowrap; }

table.attr-list td a.rm-link {
	border: 1px solid #333;
	color: red;
	background: white;
	padding: 1px;
	font-size: 8pt;
}

table.attr-list td a.rm-link:hover {
	text-decoration: none;
	font-weight: bold;
}

table.attr-list td a.mv-up-link, table.attr-list td a.mv-down-link {
	border: 1px solid #333;
	background: white;
	padding: 1px;
	font-size: 8pt;
}

table.attr-list td a.mv-up-link:hover, table.attr-list td a.mv-down-link:hover {
	text-decoration: none;
	font-weight: bold;
}

div#search-tips {
	margin: 0 0 0 10px;
	padding: 1em 0 0 0;
	height: 445px;
	width: 100%;
	overflow: auto;
}

div#formatted-tips {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 100px;
  color: black;
}

div#formatted-tips p {
  color: black;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}

div#formatted-tips div.floater {
  float: left;
  height: 3em;
}

div#formatted-tips div.floater.left {
  color: #888;
  width: 150px;
  margin-right: 15px;
}

div#formatted-tips div.floater.left p {
  color: #555;
}

div#formatted-tips div.floater.right {
  width: 400px;
  color: black;
}

div#formatted-tips div.floater.right p {
  color: black;
}

div#search-results-header {
	color: #333;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: .5em;
   clear: both;
}

div#search-results {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #888;
   height: 500px;
   overflow: auto;
	clear: both;
}

div#search-navigation {
	width: 100%;
	height: 20px;
	overflow: hidden;
	padding: 0px 5px;
}

div#search-navigation p.overflow-warning {
	float: left;
   margin: 0;
}

div#search-navigation p.search-total {
  float: right;
  margin: 0;
}

div#search-navigation p.nav {
	float: right;
	color: blue;
	font-weight: bold;
	margin: 0;
}

div#search-navigation p.nav a {
	font-weight: normal;
}

table.track-list { width: 100%; border: 0; padding: 0; margin: 0;}
table.track-list tr th { background: url(/images/item-list-th-bg.gif) repeat-x; border-right: 1px solid white; height: 23px; color: #666; text-align: left; padding-left: .5em; font-size: 8pt; font-weight: bold;}
table.track-list tr td { padding-left: .5em; padding-right: .5em; vertical-align: top; text-align: left; border-right: 1px solid white;}
table.track-list tr { background: white; }
table.track-list tr.odd { background: #f4f4f4; }
table.track-list, table.track-list p, table.track-list th, table.track-list td, table.track-list input, table.track-list select {font-size: 7pt; }
table.track-list tr td:first-child, table.track-list tr th:first-child { border-left: 1px solid white; }

table.track-list tr.header th { white-space: nowrap; }

.plus-link a { font-size: 1.5em; line-height: 2.5em; }

table.track-list tr td img.cd-cover {
	width: 50px;
	height: auto;
}

table.track-list tr td.center {
	position: relative;
	text-align: center;
}
table.track-list tr td.center a {
	margin: 0 auto;
	float: none;
}

table.track-list tr td a {
	font-size: 7pt;
}

table.track-list tr td a.title {
	font-weight: bold;
	white-space: nowrap;
}

a.track-list-icon span { display: none; }

a.track-list-icon {
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 2px;
}

a.play-link {
	background-image: url("/images/buttons/play.off.png");
}

a.play-link:hover {
	background-image: url("/images/buttons/play.on.png");
}

a.play-vocal-link {
	background-image: url("/images/buttons/play_vocal.off.png");
	width: 75px;
}

a.play-vocal-link:hover {
	background-image: url("/images/buttons/play_vocal.on.png");
}

a.play-inst-link {
	background-image: url("/images/buttons/play_instrumental.off.png");
	width: 120px;
}

a.play-inst-link:hover {
	background-image: url("/images/buttons/play_instrumental.on.png");
}

a.centered-link {
	float: none;
}

/* center this - incredibly difficult to make it work in all browsers */
a.download-link {
	float: none;
	background-image: url("/images/buttons/download.off.png");
}

a.download-link:hover {
	background-image: url("/images/buttons/download.on.png");
}

a.edit-track-link {
	background-image: url("/images/buttons/edit.off.png");
}

a.edit-track-link:hover {
	background-image: url("/images/buttons/edit.on.png");
}

a.project-choose-link {
	background-image: url("/images/buttons/add_to_project.off.png");
}

a.project-choose-link:hover {
	background-image: url("/images/buttons/add_to_project.on.png");
}

a.project-track-remove-link {
	background-image: url("/images/buttons/remove_project.off.png");
}

a.project-track-remove-link:hover {
	background-image: url("/images/buttons/remove_project.on.png");
}

div.text-copy {
	width: 95%;
	border: 1px solid #333;
	padding: 1em;
	background: #ddd;
	max-height: 7em;
	overflow: auto;
}

body.admin div#search-box {
	width: 793px;
	height: 80px;
	font-size: 7pt;
	border-bottom: 1px solid #333;
}

body.admin div#search-box ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	list-style-image: none;
	width: 793px;
}

body.admin div#search-box ul li {
	width: 113px;
	height: 18px;
	padding: 0;
	margin: 0 0 2px 0;
	float: left;
}

body.admin div#search-box ul li select, body.admin div#search-box ul li input {
	width: 108px;
	max-height: 18px;
	margin-left: 2px;
	font-size: 7pt;
}

body.admin div#search-box ul li input.button {
	width: 50px;
	margin: 0 1px;
}

body.admin div#search-tips {
	margin: 0;
	padding: 5px 0 0 0;
	height: 380px;
	width: 793px;
	overflow: auto;
}

body.admin div#search-results {
	position: relative;
	width: 793px;
	height: auto;
	border-bottom: 1px solid #888;
}

body.admin div#search-navigation {
	position: relative;
	left: 5px;
	width: 783px;
	height: 20px;
	overflow: hidden;
	padding: 0px 5px;
}

body.admin div#search-navigation p.overflow-warning {
	float: left;
}

body.admin div#search-navigation p.nav {
	float: right;
	color: blue;
	font-weight: bold;
	margin: 0;
}

body.admin div#search-navigation p.nav a {
	font-weight: normal;
}

div#standard-content {
	padding: 10px 0 0 0;
	width: 800px;
}

a.page-editor-link {
	border: 1px solid #333;
	background: white;
	color: blue;
	padding: 2px;
}

td.nobr { white-space: nowrap; }

div.news-item {
  border-bottom: 1px solid #333;
  margin-bottom: 1em;
}

div.news-item p.title {
  font-weight: bold;
  font-size: 1.07em;
}

div.news-item div.body {
	margin: 5px 3em;
}

div.news-item p.info {
  font-size: .95em;
  font-style: italic;
}

div.news-item p.edit-link {
  border: 1px solid #333;
  background: white;
  color: blue;
  float: right;
  margin-right: 1em;
}

div.stored-picture {
	float: left;
	width: auto;
	height: auto;
	border: 1px solid #333;
	padding: 3px;
	margin: 3px;
}

div.stored-picture a.del {
	border: 1px solid #333;
	color: red;
	background: white;
	padding: 2px;
}

div.stored-picture a.del:hover {
	text-decoration: none;
	font-weight: bold;
}

div#projects-header {
  position: relative;
  border-bottom: 2px solid black;
  margin-bottom: 1em;
}

div#project-buttons div {
	display: inline;
	float: left;
}  

div#project-buttons input {
	margin-right: 3px;
}

a.project-list-icon span { display: none; }

a.project-list-icon {
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 2px;
}

a.edit-button {
	background-image: url("/images/buttons/edit.off.png");
}

a.edit-button:hover {
	background-image: url("/images/buttons/edit.on.png");
}

a.copy-button {
	background-image: url("/images/buttons/copy.off.png");
}

a.copy-button:hover {
	background-image: url("/images/buttons/copy.on.png");
}

a.remove-button {
	background-image: url("/images/buttons/remove_project.off.png");
}

a.remove-button:hover {
	background-image: url("/images/buttons/remove_project.on.png");
}

/* cue sheets */
div#cue-sheet-header {
  border-bottom: 2px solid #326bbc;
  margin-bottom: 1em;
}

table.cue-sheet-edits tr td input, table.cue-sheet-edits tr td select { font-size: 7pt; }

div.half-wide {
	width: 48%;
	padding: 2px;
	margin: 2px;
	float: left;
   text-align: left;
}

div.half-wide p {
  font-weight: bold;
}

div.cue-sheet-top, div.cue-sheet-top p {
  text-align: center;
}
div.cue-sheet-top img.logo {
  width: 2in;
  height: auto;
}

div.cue-sheet-top p.heading {
  font-size: 14pt;
  font-weight: bold;
}

p.cue-sheet-usage {
  font-weight: bold;
}

select#key_dropdown {
	/* font-family: TimesNR, Times, serif; */
}

div.colorspace-warning {
  width: 100%;
  border: 1px solid red;
}
div.colorspace-warning h3 {
  color: red;
}
div.colorspace-warning * {
  margin: 1em;
}

/* popup */
body.popup div#popup-wrap {
  text-align: left;
}

body.popup div#popup-wrap h3 {
  text-align: center;
}

body.popup div.centered {
  text-align: center;
}

/* search music player */
div#search-player {
	float: left;
	position: relative;
	top: 2px;
	margin-left: 4px;
	height: 20px;
	width: 215px;
}

div#search-player object {
	width: 215px;
}

/* admin-search music player */
div#admin-search-player {
	position: absolute;
	left: 50%;
   margin-left: -107px;
	bottom: 2px;
	height: 20px;
	width: 215px;
}

div#admin-search-player object {
	width: 215px;
}

/* project music player */
div#project-player {
	position: absolute;
	right: 0px;
	top: 2px;
	height: 20px;
	width: 215px;
}

div#project-player object {
	width: 215px;
}

/* floating project window */
/* TODO: add a shadow */
div.floating-popup {
	position: fixed !important;
	height: 200px;
	width: 248px;
	border: 1px solid black;
	background: white;
	overflow: hidden;
	z-index: 5000;
}

div.floating-popup div.little-title {
	height: 20px;
	border-bottom: 1px solid black;
	color: black;
	background-color: #f4f4f4;
	padding-left: 1em;
	cursor: move;
	text-align: left;
}

div.floating-popup div.little-title p {
	margin: 0;
	font-weight: bold;
}

div.floating-popup a.closer {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 20px;
	height: 20px;
	border-left: 1px solid black;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

div.floating-popup a.closer:hover {
	font-weight: bold;
}

div.floating-popup div.little-body {
  position: absolute;
  top: 21px;
  left: 0px;
  height: 167px;
  width: 238px;
  padding: 5px;
  overflow: auto;
  font-size: 8pt;
  text-align: left;
}

div.floating-popup div.little-body p {
  font-size: 8pt;
  margin: 2px;
}

div.floating-popup div.little-body input, div.floating-popup div.little-body select {
  font-size: 8pt;
}

div.floating-popup div.little-form {
}

div#popup-project {
	right: 100px;
	top: 300px;
}

div#popup-login {
	right: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -150px;
}

/* these two fit in little-body, which is 167px high */
div.project-choice {
  height: 19px;
  width: 100%;
  border-bottom: 1px;
}

div.project-tracks {
  height: 147px;
  width: 100%;
  overflow: auto;
}

table.track-list-popup { width: 100%; border: 0; padding: 0; margin: 0;}
table.track-list-popup tr th { background: url(/images/item-list-th-bg.gif)
repeat-x; border-right: 1px solid white; height: 23px; color: #666; text-align: left; padding-left: .5em; font-size: 8pt; font-weight: bold;}
table.track-list-popup tr td { padding-left: .5em; padding-right: .5em; text-align: left; border-right: 1px solid white;}
table.track-list-popup tr.odd { background: #f4f4f4; }
table.track-list-popup, table.track-list-popup p, table.track-list-popup th, table.track-list-popup td, table.track-list-popup input, table.track-list-popup select {font-size: 7pt; }
table.track-list-popup tr td:first-child, table.track-list-popup tr th:first-child { border-left: 1px solid white; }

div.floating-popup a.track-list-icon {
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	float: left;
}

div.floating-popup a.play-link {
	background-image: url("/images/buttons/play.sm.off.png");
}

div.floating-popup a.play-link:hover {
	background-image: url("/images/buttons/play.sm.on.png");
}

div.floating-popup a.centered-link {
	float: none;
}

div.floating-popup a.project-track-remove-link {
	background-image: url("/images/buttons/remove_from_project.sm.off.png");
}

div.floating-popup a.project-track-remove-link:hover {
	background-image: url("/images/buttons/remove_from_project.sm.on.png");
}

/* live help */
div#live-help {
  position: absolute;
  top: 55px;
  right: 5px;
  z-index: 0;
}

body.blank div#live-help {
	top: 54px;
	right: 10px;
}

/* main page */
body.blank div#front-header {
	position: relative;
	margin: 0;
	padding: 0 7px;
	width: 780px;
	height: 152px;
}

body.blank div#front-footer {
	position: absolute;
	top: 808px;
	width: 780px;
	padding: 0 7px;
	height: 30px;
}

/* divider */
div.horizontal-divider {
	background: url(/images/divider.png) top center no-repeat;
	width: 780px;
	height: 1px;
	clear: both;
}

/* flash logo */
div#header-logo {
  border: 0;
  padding: 0;
  margin: 0;
  width: 375px; /* 4.38 */
  height: 100px;
}

body.blank {
  width: 100%;
  min-height: 930px;
  height: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid transparent;
  background: #a91221 url(/images/rings-bg.jpg) no-repeat;
  background-position: top center;
}

body.blank div#blank-wrap {
	position: relative;
	width: 794px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
}

body.blank p {
	color: black;
}

body.blank div#top-links {
	position: absolute;
	right: 5px;
	top: 15px;
	text-align: right;
	width: 400px;
	font-size: 9pt;
	color: white;
}

body.blank div#top-links a {
	text-transform: uppercase;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

/* front page search */
div#front-search-box {
	width: 780px;
	height: 25px;
	position: relative;
}

div#front-search-box select {
	width: 160px;
}

div#front-search-box input.kw {
	width: 485px;
	margin-left: 10px;
}

div#front-search-box #search-button span { display: none; }
div#front-search-box #search-button {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 107px;
	height: 23px;
	background: url(/images/front-search-button.png) top center no-repeat;
}

/* Welcome to MasterSource */
div#welcome-to-mastersource {
	position: relative;
	width: 774px;
	height: 126px;
	padding: 5px 10px;
	margin-left: -7px;
	background: url(/images/blurb-bg.png) top center no-repeat;
}

body.blank div#blank-content div#welcome-to-mastersource p {
	color: black;
	margin: 15px 10px 0 10px;
	font-size: 12px;
	width: 605px;
	float: left;
   text-align: justify;
}

body.blank div#blank-content div#welcome-to-mastersource p a.find-music-fast {
  color: #9e1b0e;
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: none;
}

body.blank div#blank-content div#welcome-to-mastersource a.learn-more {
	position: absolute;
	width: 121px;
	height: 93px;
	top: 23px;
	right: 26px;
}

/* New Releases */
div#new-releases-header h3 { display: none; }
div#new-releases-header {
	width: 794px;
	height: 28px;
	margin-left: -7px;
	background: url(/images/new-releases-header.png) top center no-repeat;
	clear: both;
}

div#new-releases {
	position: relative;
	width: 794px;
	height: 220px;
	margin-left: -7px;
	background: url(/images/new-releases-bg.png) center repeat-y;
	clear: both;
}

div#new-releases-footer {
	width: 794px;
	height: 10px;
	margin-left: -7px;
	background: url(/images/new-releases-footer.png) top center no-repeat;
	clear: both;
}

div#new-releases a.button span { display: none; }
div#new-releases a.button {
	position: absolute;
	display: block;
	top: 90px;
	height: 31px;
	width: 17px;
}

a#new-releases-left span { display: none; }
a#new-releases-left {
	left: 25px;
	background: url(/images/new-releases-left-button.png);
}

a#new-releases-right span { display: none; }
a#new-releases-right {
	right: 25px;
	background: url(/images/new-releases-right-button.png);
}

div#new-releases div.new-releases-viewport {
	position: relative;
	width: 708px;
	height: 202px;
	left: 43px;
	top: 12px;
	overflow: hidden;
}

div#new-releases div.new-releases-all {
	height: 202px;
}

div.one-new-cd {
	float: left;
	width: 217px;
	height: 202px;
	margin-right: 26px;
}

div.one-new-cd div.cover-wrap {
	position: relative;
	margin-left: 26px;
	width: 160px;
	height: 155px;
	background: url(/images/album-bg-2.png) top left no-repeat;
}

img.one-new-cd-cover {
	margin-left: 5px;
	width: 150px;
	height: 150px;
}

div.one-new-cd p {
	margin: 0 0 0 32px;
	width: 150px;
	text-decoration: none;
	color: black;
	font-size: 10px;
}

div.one-new-cd p.title {
	text-align: center;
}

div.one-new-cd p.title a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

div.one-new-cd p.description {
	line-height: 12px;
	text-align: justify;
}

/* featured usage */
div#featured-usage h3 { display: none; }
div#featured-usage {
	position: relative;
	width: 193px;
	height: 217px;
	background: url(/images/featured-usage-box.png) top center no-repeat;
	margin: 7px 8px 0 0px;
	float: left;
}

div#featured-usage div#fades {
	position: absolute;
	left: 33px;
	top: 10px;
	width: 154px;
	height: 200px;
}

div#featured-usage div#fades div.fade-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

div#featured-usage div#fades div.fade-item div.drop-shadow {
	width: 117px;
	height: 171px;
	padding: 0 1px 2px 1px;
	background: url(/images/featured-bg.gif) top center no-repeat;
	margin-left: 17px;
}

div#featured-usage div#fades img {
	width: 117px;
	height: 171px;
}

div#featured-usage div#fades p.title {
	width: 100%;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: black;
	margin: 6px 0 0 0;
}

/* What's New? */
div#whats-new h3 { display: none; }
div#whats-new {
	width: 576px;
	height: 218px;
	background: url(/images/whats-new-box.png) top center no-repeat;
	margin: 7px 0 0 3px;
	float: left;
}

div#whats-new div.content {
	width: 534px;
	height: 204px;
	position: relative;
	left: 42px;
	top: 9px;
	overflow: auto;
}

div#whats-new iframe.content {
	width: 527px;
	height: 204px;
	position: relative;
	left: 37px;
	top: 9px;
	overflow: auto;
   border: none;
}

div#whats-new div.content div.hr {
  width: 485px;
  height: 2px;
  background: url(/managed/line.jpg) top center no-repeat;
  clear: both;
  margin: 10px 0 20px 0;
}

div#whats-new div.content h4 {
  font-size: 22px;
  color: rgb(158, 27, 14);
  font-weight: normal;
  margin: 0 0 10px 0;
}

div#whats-new div.content img {
  margin-bottom: 10px;
}

div#whats-new div.content div.story {
  clear: both;
}

div#whats-new div.content div.placement {
  width: 125px;
  height: 180px;
  margin: 0;
  float: left;
}

div#whats-new div.content div.right div.placement {
  width: 95px;
}

div#whats-new div.content div.placement {
  text-align: center;
}

div#whats-new div.content div.placement p, div#whats-new div.content div.story div.right div.placement p {
  margin: 2px 0;
  font-size: 10px;
  line-height: 1.1em;
}

div#whats-new div.content div.placement p.title {
  font-weight: bold;
}

div#whats-new div.content div.placement p.desc {
  font-style: italic;
}

div#whats-new div.content div.story img.left {
  float: left;
}

div#whats-new div.content div.story div.right {
  width: 400px;
  float: left;
  margin-left: 10px;
}

div#whats-new div.content div.story div.right p {
  font-size: 12px;
}

/* Credits page */
div#credits-header h3 { display: none; }
div#credits-header {
	width: 780px;
	height: 24px;
	background: url(/images/credits-header.png) top center no-repeat;
	clear: both;
}

div#credits {
	position: relative;
	width: 780px;
	height: 584px;
	background: url(/images/credits-bg.png) center repeat-y;
	clear: both;
}

div#credits-footer {
	width: 780px;
	height: 9px;
	background: url(/images/credits-footer.png) top center no-repeat;
	clear: both;
}

div#credits-menu {
}

div.credits {
	position: absolute;
	padding-left: 25px;
	left: 0px;
	top: 35px;
	width: 753px;
	height: 545px;
	overflow: auto;
	display: none;
}

div.credits div.tri-column {
	float: left;
	width: 172px;
	margin: 0 3px;
}

div.credits div.credit-pics {
	float: left;
	width: 183px;
	margin: 0 3px;
	background: white;
	border: 1px solid black;
	text-align: center;
}

div.credits div.credit-pics img {
	margin-bottom: 5px;
}

div.credits-inlay {
	position: absolute;
	left: 25;
	top: 0;
	width: 752px;
	height: 480px;
	overflow: auto;
}

div.credits-scroller-holder {
	position: absolute;
	top: 481px;
	left: 2px;
	height: 64px;
	width: 776px;
	overflow: hidden;
}

div.credits-scroller {
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height: 100px;
	white-space: nowrap;
}

div.credits-scroller img {
	vertical-align: middle;
	margin-right: 10px;
}

div#credits-menu {
	position: relative;
	margin-left: 25px;
}

div#credits-menu ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

div#credits-menu ul li {
	display: block;
	float: left;
	margin-right: 10px;
}

div#credits-menu ul li a {
	text-decoration: none;
	color: black;
	text-transform: uppercase;
}

div#credits-menu ul li a:hover, div#credits-menu ul li a.selected {
	color: #ed1c25;
}

div.credits th {
	color: black;
	border-bottom: 1px solid black;
}

div.credits td {
   font-size: .95em;
	color: black;
	height: 5em;
	padding: 0 5px;
	vertical-align: top;
}

div.credits div.posters {
	width: 750px;
	margin-left: -20px
}

div.credits div.posters div {
	position: relative;
	width: 106px;
	height: 205px;
	margin: 0px 20px;
	float: left;
}

div.credits div.posters div img {
	width: 106px;
	height: auto;
}

div.credits div.posters div p {
	font-size: .9em;
	height: 30px;
	color: black;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/* custom workshop page */
div#custom-workshop-header h3 { display: none; }
div#custom-workshop-header {
	width: 780px;
	height: 23px;
	background: url(/images/custom-workshop-header.png) top center no-repeat;
	clear: both;
}

div#custom-workshop {
	position: relative;
	width: 780px;
	height: 584px;
	background: url(/images/credits-bg.png) center repeat-y;
	overflow: hidden;
	clear: both;
}

div#custom-workshop div#custom-workshop-content {
	width: 748px;
	height: 584px;
	padding: 0 15px 15px 15px;
	overflow: auto;
}

div#custom-workshop p {
	font-size: 10pt !important;
}

div#custom-workshop div#video-block {
	position: relative;
	margin-left: 85px;
	width: 560px;
	overflow: visible;
}

div#custom-workshop div#video-block div.vid {
	position: relative;
	width: 140px;
	height: 105px;
	float: left;
}

div#custom-workshop div#video-block div.vid img.bg {
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
}

div#custom-workshop div#video-block div.vid a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

div#custom-workshop div#video-block div.vid a img {
  width: 100%;
  height: 100%;
}

div#custom-workshop div#video-block div.vid a:hover {
	background: url(/images/play-button.png) center no-repeat;
}

div#custom-workshop-footer {
	width: 780px;
	height: 9px;
	background: url(/images/credits-footer.png) top center no-repeat;
	clear: both;
}

/* about page */
div#about-header h3 { display: none; }
div#about-header {
	width: 780px;
	height: 23px;
	background: url(/images/about-header.png) top center no-repeat;
	clear: both;
}

div#about {
	position: relative;
	width: 780px;
	height: 584px;
	background: url(/images/credits-bg.png) center repeat-y;
	overflow: hidden;
	clear: both;
}

div#about div#about-content {
	width: 748px;
	height: 584px;
	padding: 15px 15px;
	overflow: auto;
}

div#about p.intro {
	font-size: 15px !important;
	margin-left: 15px;
	width: 700px;
}

div#about p.first-letter {
	font-weight: bold;
	font-size: 115px !important;
	line-height: 115px;
	float: left;
	display: block;
	margin: 4px 2px 2px 15px;
}

div#about p span.first-line {
	font-weight: bold;
}

div#about div.column {
	width: 340px;
	float: left;
}

div#about div.left {
	margin-right: 10px;
	margin-left: 15px;
}

div#about div.right {
	margin-left: 10px;
}

div#about div.column p {
	font-family: Times-Roman, serif;
	font-size: 12px !important;
	margin: 0 0 1em 0;
	text-align: justify;
}

div#about div.column p.q {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	margin: 0;
}

div#about div.column div.inset-quote {
	margin-left: -15px;
	width: 355px;
}

div#about div.column div.inset-quote p {
	text-align: justify;
	color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px !important;
	line-height: 24px;
}

div#about div.column div.inset-quote p span {
	background: #aa1c25;
	padding: 3px;
}

div#about img.rock-star-101 {
	width: 239px;
	height: 364px;
	margin-right: -15px;
	float: right;
}

div#about img.marc-abby-and-josh {
	width: 257px;
	height: 177px;
	margin-left: -15px;
	float: left;
}

div#about-footer {
	width: 780px;
	height: 9px;
	background: url(/images/credits-footer.png) top center no-repeat;
	clear: both;
}

/* contact page */
div#contact-header h3 { display: none; }
div#contact-header {
	width: 780px;
	height: 24px;
	background: url(/images/contact-header.png) top center no-repeat;
	clear: both;
}

div#contact {
	position: relative;
	width: 568px;
	padding: 35px 105px;
	background: url(/images/credits-bg.png) center repeat-y;
	overflow: hidden;
	clear: both;
}

div#contact-footer {
	width: 780px;
	height: 9px;
	background: url(/images/credits-footer.png) top center no-repeat;
	clear: both;
}

div#contact div.front-contact-location {
	margin: 25px 0 40px 0;
	padding: 0;
}

div#contact div.front-contact-location h4 {
	color: #e7000a;
	margin: 25px 0 2px 60px;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
}

body.blank div#blank-content div#contact div.front-contact-location hr {
	height: 2px;
	color: #e7000a;
	background: #e7000a;
	border: 0;
}

body.blank div#blank-content div#contact div.front-contact-location div {
	margin-right: 25px;
	float: left;
}

body.blank div#blank-content div#contact div.front-contact-location div p {
	font-size: 12px;
	margin: 0;
	font-weight: bolder;
}

body.blank div#blank-content div#contact div.front-contact-location div p a {
	color: black;
	text-decoration: none;
}

body.blank div#blank-content div#contact div.front-contact-location div.address {
	width: 164px;
	font-size: 8px;
	font-weight: lighter;
	text-align: right;
	float: left;
   margin-top: 5px;
   margin-bottom: 5px;
}

body.blank div#blank-content div#contact div.front-contact-location div.address p {
	font-size: 10px;
	line-height: 13px;
}

body.blank div#blank-content div#contact div.front-contact-location div.name {
	width: 85px;
	text-align: right;
   margin-top: 5px;
   margin-bottom: 5px;
}

body.blank div#blank-content div#contact div.front-contact-location div.phone {
	width: 200px;
   margin-top: 5px;
   margin-bottom: 5px;
}

body.blank div#blank-content div#contact div.front-contact-location a.click-here {
	color: #e7000a;
	text-decoration: underline;
}

/* international contacts page */
div.contact-location {
  margin: .5em 25%;
  clear: both;
}

div.contact-location p {
	float: left;
	width: 35%;
	margin-right: 2%;
   line-height: 1.4em;
	text-align: left;
}

div.contact-location a {
  color: #e7000a;
}

div.contact-location a:hover {
	color: #e7000a;
}

div.intl-contacts {
	overflow: auto;
	background: white;
}

/* home menu - non flash version */
body.blank div#home-area-menu {
	width: 780px;
	clear: both;
	overflow: hidden;
}
body.blank div#home-area-menu ul {
	width: 780px;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}
body.blank div#home-area-menu ul li {
	width: 90px;
	padding: 0 5px;
	float: left;
	display: block;
}

body.blank div#home-area-menu ul li a {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

body.blank div#blank-content {
	position: relative;
	width: 780px;
	padding: 0 7px;
	height: 650px;   /* 800 - 150 */
	overflow: hidden;
	/* overflow: visible; */
}

body.blank div#blank-content h3 {
	color: black;
	font-size: 14px;
}

body.blank div#blank-content p {
	font-size: 8pt;
}

body.blank div#blank-content tr {
	margin-bottom: 10px;
}

div.cw-player-wrapper {
	float: left;
	width: 215px;
	margin-right: 10px;
	margin: 5px 0px;
	position: relative;
}

div.cw-player-wrapper p {
	font-size: .95em;
   margin: 2px;
}

div.cw-player {
	width: 215px;
	height: 20px;
}

div#cw-player-1 {
}

div#cw-player-2 {
}

div.cw-movie-wrapper {
	float: left;
	width: 157px;
	margin-right: 10px;
}

div.cw-movie-wrapper p {
	font-size: .95em;
   height: 2em;
}

div.cw-movie {
	width: 157px;
	height: 138px;
	margin-bottom: 5px;
}

/* help section */
div#help-index {
	width: 300px;
	float: right;
	border-left: 1px solid gray;
}

div#help-index a {
	text-transform: uppercase;
	font-weight: bold;
	color: black;
	font-size: 9pt;
	text-decoration: none;
}
div.help-section {
}

div.help-bubble {
	width: 355px;
	padding: 43px 0px;
	background: url(/images/help/help-box-bg.gif) repeat-y;
	position: relative;
}
div.help-bubble p {
	margin: 5px 40px;
	font-size: .95em;
}
div.help-bubble p.title {
	text-transform: uppercase;
	font-weight: bold;
}

div.help-bubble div.top {
	width: 355px;
	height: 43px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: no-repeat url(/images/help/help-box-top.gif);
}

div.help-bubble div.number {
  z-index: 15;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  left: 12px;
}

div#help-1 div.help-bubble div.number { background: url(/images/help/1.gif); }
div#help-2 div.help-bubble div.number { background: url(/images/help/2.gif); }
div#help-3 div.help-bubble div.number { background: url(/images/help/3.gif); }
div#help-4 div.help-bubble div.number { background: url(/images/help/4.gif); }
div#help-5 div.help-bubble div.number { background: url(/images/help/5.gif); }
div#help-6 div.help-bubble div.number { background: url(/images/help/6.gif); }
div#help-7 div.help-bubble div.number { background: url(/images/help/7.gif); }
div#help-8 div.help-bubble div.number { background: url(/images/help/8.gif); }
div#help-9 div.help-bubble div.number { background: url(/images/help/9.gif); }

div.help-bubble div.bottom {
	width: 355px;
	height: 35px;
	background: url(/images/help/help-box-bottom.gif) no-repeat;
	position: absolute;
	bottom: 0px;
}

div.help-bubble a.arrows span { display: none; }
div.help-bubble a.arrows {
	display: block;
	width: 9px;
	height: 7px;
	background: no-repeat;
	position: absolute;
	right: 20px;
	z-index: 25;
}

div.help-bubble a.up-arrow {
	top: 30px;
	background: url(/images/help/help-up-arrow.gif);
}

div.help-bubble a.down-arrow {
	bottom: 35px;
	background: url(/images/help/help-down-arrow.gif);
}

/* select popup box and lists */
div.multi-select-popup {
	width: 90%;
	border: 2px solid black;
	overflow: auto;
	color: black;
	background: white;
	position: fixed;
	top: 100px;
	left: 5%;
	text-align: left;
	padding: 5px;
}

div.multi-select-popup div.portal {
	width: 100%;
	height: 60ex;
	overflow: auto;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

div.multi-select-popup div.scroller {
	width: 2000ex;
}

div.multi-select-popup ul {
	float: left;
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	border: 1px solid black;
}

div.multi-select-popup ul li {
	text-align: left;
	white-space: nowrap;
	padding: 1px 3px;
}

div.multi-select-popup ul li.odd {
	background: #fdd;
}

/* horizontal scrollers on admin page */
div#content div.portal {
   width: 100%;
   height: 60ex;
   overflow: auto;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

div#content div.portal div.scroller {
   width: 2000ex;
}

div#content div.portal div.scroller table {
  border-collapse: collapse;
  border: none;
  border-right: 1px solid black;
}

div#content div.portal div.scroller table tr td {
   white-space: nowrap;
}

div#content div.portal div.scroller ul {
   float: left;
   margin: 0; /*removes indent IE and Opera*/
   padding: 0; /*removes indent Mozilla and NN7*/
   list-style-type: none; /*turns off display of bullet*/
   border: 1px solid black;
}

div#content div.portal div.scroller ul li {
   text-align: left;
   white-space: nowrap;
   padding: 1px 3px;
}

div#content div.portal div.scroller ul li.odd {
   background: #fdd;
}

/* newsletters */
div.newsletters div {
	text-align: center;
	width: 100px;
	float: left;
	margin: 20px;

}
div.newsletters div a {
	color: white;
	text-decoration: none;
}

/* drop down stuff */
tr.show-later td div {
  border: 1px solid black;
  padding: 1em;
}

/* recent items in user list */
.recent { font-weight: bold; }

/* explicit warning */
p.explicit-warning { color: red; font-weight: bold; }