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

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

html, body, p, ol, ul, td, div, table, em, span, strong {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black;
}

body { text-align: left; }

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 {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a {
   color: #933;
	text-decoration: none;
}
a:hover { color: black; }
a.plain { color: #333 !important; }

label {
	font-weight: bold;
}

/*
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;
}

#flash {
	float: left;
	width: 630px;
	font-size: 1.2em;
	color: red;
}

body.admin #flash {
	float: none;
}

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

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 {
	color: black;
	font-size: 8pt;
}

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

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

/* music player div/object */
div#popup-player {
	height: 70px;
	width: 254px;
	position: fixed;
	top: 125px;
	left: 55%;
	margin-left: 100px;
	border: none;
	overflow: hidden;
	z-index: 5000;
}

div#popup-player object {
	width: 254px;
}

/* From Indians */
/*drop down menu start*/
.drop-down{
	border: 1px solid #b62a38;
	padding: 0 5px;
	position: absolute;
	visibility: hidden;
	background: #fff;
	top: -9999px;
}
.drop-down p{
	border-bottom: 1px  solid #000;
	margin: 3px 0;
	font-size: 10px;
	color: #b62a38;
}
.drop-down span{font-size: 11px;}
.drop-down ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.drop-down ul li{
	vertical-align: top;
	height: 1%;
}
.navigation li a{
	color: #b72937;
	display: block;
}
.navigation ul li a{display: inline;}
.navigation .width-done ul li a{display: block;}
.navigation li.chosen a, .navigation li:hover a, .navigation li.hover a{color: #000;}
.navigation li:hover, .navigation li.hover{position: relative;}
.navigation ul li{
	border-style: none;
	white-space: nowrap;
	float: none;
	background: none;
	padding: 0;
}
.navigation ul li a{
	width: 100%;
	margin: 0 -5px;
	padding: 3px 5px 5px;
	font-weight: normal;
	text-align: left;
	position: relative;
}
.navigation li:hover ul li a,
.navigation li.hover ul li a{
	background-image: none;
}
.navigation ul li:hover a,
.navigation ul li.hover a,
.navigation ul li:hover ul li:hover a,
.navigation ul li.hover ul li.hover a{
	background: #b62a38;
}
.navigation ul li:hover a span,
.navigation ul li.hover a span,
.navigation ul li:hover ul li:hover a span,
.navigation ul li.hover ul li.hover a span{
	color: #fff;
}
.navigation ul li:hover ul a,
.navigation ul li.hover ul a{
	background: #fff;
}
.navigation ul li:hover ul a span,
.navigation ul li.hover ul a span{
	color: #000;
}
.navigation li:hover .drop-down,
.navigation li.hover .drop-down{
	top: 0;
}
.navigation li:hover .drop-down .drop-down,
.navigation li.hover .drop-down .drop-down{
	visibility: hidden;
	top: -9999px;
	left: 100%;
}
.navigation .drop-down li:hover .drop-down,
.navigation .drop-down li.hover .drop-down{
	top: 1px;
}
div.open-menu {
	text-align: center;
	margin-top: 5px;
}
div.open-menu a.menu-header {
	color: black;
	font-weight: bold;
	font-size: 10px;
}
div.open-menu div.drop-down {
	position: relative;
	border: none;
	border-top: 1px solid black;
	top: 0px;
	visibility: visible;
}
div.open-menu div.drop-down ul li {
	margin-top: 5px;
}

/* for ie 7 */
div.sidebar, div.sidebar * {
	z-index: 100;
}

/*drop down menu end*/
/*container start*/
#container{
	width: 812px;
	padding: 137px 20px 15px;
	margin: 0 auto;
	position: relative;
}
/*content start*/
#content{
	width: 100%;
	position: relative;
	padding: 11px 0 0;
}
#content:after{
	content: "";
	clear: both;
	display: block;
}
#content h2{
	margin: 0;
	font-size: 24px;
	color: #b92f3c;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
/*seo block start*/
.seo-block{
	width: 632px;
	float: right;
	padding: 5px 0 0;
	z-index: 0;
}
/*headline start*/
.headline{
	border-bottom: 1px solid #000;
	padding: 25px 5px 16px 0;
   position: relative;
}
/*headline end*/
/*data block start*/
.data-block{
	background: url(/images/bg-data-block.png) no-repeat right bottom;
	padding: 16px 0 350px 0;
	min-height: 370px;
	position: relative;
}
* html .data-block{height: 370px;}
/*data block end*/
/*main info start*/
div.main-info{padding: 0 190px 0 0;}
div.main-info p{margin: 0 0 18px;}
/*main info end*/
/*news block start*/
.news{padding: 12px 390px 0 0;}
.post{padding: 12px 0 0;}
.post .date{
	display: block;
	font-size: 10px;
	line-height: 14px;
}
.post .title{display: block;}
.post p{margin: 0;}
/*news block end*/
/*seo block end*/
/*sidebar start*/
.sidebar{
	width: 153px;
	float: left;
	padding: 0 0 0 5px;
	z-index: 2;
}
.sub-nav, .util-nav{
	margin: 0;
	padding: 0 15px;
	list-style: none;
	width: 123px;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
}
.sidebar ul:after{
	content: "";
	clear: both;
	display: block;
}
.sub-nav li, .util-nav li{
	width: 100%;
	float: left;
	border-bottom: 1px solid #000;
}
.sub-nav li a, .util-nav li a{
	display: block;
	margin: 0 -15px;
	position: relative;
	width: 153px;
	text-align: center;
	padding: 10px 0 0;
}
/*sub navigation start*/
.sub-nav .drop-down{left: 138px; z-index: 3;}
/*sub navigation end*/
/*util navigation start*/
.sidebar .util-nav{padding-top: 8px;}
.util-nav a{color: #000;}
.util-nav a:hover{color: #b72937;}
/*util navigation end*/
/*sidebar end*/
/*player start*/
.player{
	position: absolute;
	top: -9px;
	right: 16px;
}
.player img{display: block;}
/*player end*/
/*content end*/
/*header start*/
#header{
	height: 100px;
	position: absolute;
	top: 37px;
	left: 20px;
	width: 812px;
	z-index: 2;
}
/*logo start*/
.logo{
	float: left;
	width: 170px;
	height: 100px;
	padding: 0 0 0 4px;
}
.logo a{
	display: block;
	height: 100%;
	background: url(../images/bg-logo.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
/*logo end*/
/*main navigation start*/
.main-nav{
	position: absolute;
	top: 0;
	left: 220px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	z-index: 2;
}
.main-nav li{
	float: left;
	background: url(../images/bg-separate.gif) no-repeat left;
	margin: 0 0 -1px;
	padding: 0 0 28px;
}
.main-nav li:first-child{background: none;}
.main-nav .drop-down ul{padding-bottom: 1px;}
.main-nav li a{padding: 28px 28px 0;}
.main-nav li.chosen a, .main-nav li:hover a, .main-nav li.hover a{background: url(../images/bg-main-nav-link.gif) no-repeat 50% 0;}
.main-nav li:hover .drop-down,
.main-nav li.hover .drop-down{
	top: 50px;
}
/*main navigation end*/
/*locatons start*/
.locations{
	margin: 0;
	padding: 0 0 0 90px;
	width: 722px;
	list-style: none;
	position: absolute;
	bottom: 28px;
	left: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial Narrow, Verdana, sans-serif;
	letter-spacing: 5px;
}
.locations li{
	display: inline;
	color: #000;
	background: url(../images/bg-bullet.gif) no-repeat left;
	padding: 0 4px 0 14px;
}
.locations li:first-child{background: none;}
/*locatons end*/
/*header end*/
/*container end*/

/* end of Indian stylesheet */

div.bio {
	width: 300px;
	float: left;
}
img.staff {
	float: left;
	margin-left: 30px;
	width: 154px;
	height: auto;
	border: 1px solid black;
}

/* links */
div.links {
	width: 100%;
}
div.links h3 {
	width: 100%;
	text-align: left;
	background: #ccc;
	font-size: 14px;
	height: 20px;
	text-indent: 6px;
}
div.links div.link {
	border-bottom: 2px solid #933;
	margin-bottom: 1em;
	width: 100%;
}
div.links img {
	width: 110px;
	height: auto;
	float: left;
}
div.links p {
	float: left;
	margin: 0;
	margin-left: 10px;
	vertical-align: middle;
}

/* careers */
div.careers {
	width: 100%;
}
div.careers div.career {
	border-bottom: 2px solid #933;
	margin-bottom: 1em;
	width: 100%;
}
div.careers p {
	margin: 3px 0;
}

/* musicnow logos */
a#search-musicnow span { display: none; }
a#search-musicnow {
	width: 153px;
	height: 20px;
	margin-top: 3px;
	display: block;
	position: relative;
	background: url(/images/musicnow-menu.gif) center center no-repeat;
}

a#search-syncnow span { display: none; }
a#search-syncnow {
	width: 52px;
	height: 20px;
	display: block;
	position: relative;
	background: url(/images/syncnow-menu.gif) center center no-repeat;
}

a#search-greatsongsnow span { display: none; }
a#search-greatsongsnow {
	width: 89px;
	height: 20px;
	display: block;
	position: relative;
	background: url(/images/greatsongsnow-menu.gif) center center no-repeat;
}

div#musicnow-header a#musicnow-logo span { display: none; }
div#musicnow-header {
	position: absolute;
   left: 220px;
   top: 15px;
}
div#musicnow-header ul, div#musicnow-header ul li {
  list-style: none;
  list-style-type: none; /*turns off display of bullet*/
  list-style-image: none;
  margin: 0;
  padding: 0;
}
a#musicnow-logo {
	width: 117px;
	height: 33px;
	display: block;
	background: url(/images/musicnow2.gif) center center no-repeat;
}
div#musicnow-header .drop-down{left: 115px; z-index: 3;}

a#search-syncnow-2 span { display: none; }
a#search-syncnow-2 {
	width: 52px;
	height: 20px;
	display: block;
	position: relative;
	background: url(/images/syncnow-menu.gif) center center no-repeat;
}

a#search-greatsongsnow-2 span { display: none; }
a#search-greatsongsnow-2 {
	width: 89px;
	height: 20px;
	display: block;
	position: relative;
	background: url(/images/greatsongsnow-menu.gif) center center no-repeat;
}

div#bmg-blurb {
	height: 29px;
	padding: 0;
	margin: 0;
}

div#bmg-blurb img {
	width: 100px;
	height: 29px;
	float: left;
	margin-right: 10px;
}

div#bmg-blurb p {
	font-size: 9px;
}

/* adminow menu item */
a#adminow-menu-link span { display: none; }
a#adminow-menu-link {
	width: 153px;
	height: 20px;
	margin-top: 3px;
	display: block;
	position: relative;
	background: url(/managed/adminow-menu.gif) center center no-repeat;
}

/* video link */
a#musicnow-video-link span { display: none; }
a#musicnow-video-link {
	width: 188px;
	height: 28px;
	display: block;
	position: absolute;
	top: 22px;
	right: 5px;
	background: url(/images/musicnow_inst_video_button.gif) no-repeat top center;
}

/* video link */
a#adminow-video-link span { display: none; }
a#adminow-video-link {
	width: 188px;
	height: 28px;
	display: block;
	position: absolute;
	top: 22px;
	right: 5px;
	background: url(/images/adminow_inst_video_button.gif) no-repeat top center;
}

/* item list */
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 th.on { background: url(/images/item-list-th-bg.on.gif) repeat-x;}
table.item-list tr td { padding-left: .5em; padding-right: .5em; }
table.item-list tr.odd { background: #eee; }
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: #ddd; color: #333; text-align: center;}
table.tiny-item-list tr td { padding-left: .5em; padding-right: .5em; }
table.tiny-item-list tr.odd { background: #eee; }
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: 8pt; }

div.track-detail, td.track-detail, div.track-detail p, td.track-detail p {
	font-size: 8pt;
}

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

/* footer */
div#footer {
	position: relative;
	clear: both;
	margin-top: 10px;
	text-align: center;
	border-top: 1px solid black;
}

div#footer img#mec-logo {
	display: none;
}

div#footer.with-mec-logo img#mec-logo {
	display: block;
   width: 114px;
	height: 28px;
	position: absolute;
	top: -35px;
	left: 20px;
}

div#footer img#omdc-logo {
	display: none;
}

div#footer.with-mec-logo img#omdc-logo {
	display: block;
   width: 114px;
	height: 111px;
	position: absolute;
	top: -164px;
	left: 20px;
}

div#footer p {
	margin: 0;
}

div#footer p.copyright {
	font-size: 7pt;
	text-align: center;
}

div#footer p.copyright a {
	text-decoration: none;
	color: black;
}

/* rate media */
.medium_detail ul {
  width: 100%;
}
.medium_detail ul li {
  display: block;
  float: left;
  list-style-type: none;
  margin: 0px 5px;
  border: 1px solid #333;
}

/* this is used for most headings */
h3 {
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	margin: 3px 0;
	color: black;
}

/* featured item */
div#featured-artist {
	width: 800px;
	position: relative;
}

div#featured-artist img {
}

div#featured-artist h3 {
	float: left;
}

div#featured-artist a.listen-link span { display: none; }
div#featured-artist a.listen-link {
	display: block;
	width: 58px;
	height: 14px;
	background: url(/images/listen.gif) top center no-repeat;
	position: relative;
	float: right;
	top: 4px;
}

div#featured-artist p.description {
	margin: 3px 0 5px 0;
	font-size: 9pt;
	text-align: justify;
	clear: both;
}

/* admin */

body.admin div#container {
	padding: 5px 20px 15px;
}

body.admin div#content {
	position: relative;
	width: 800px;
  top: 0;
  left: 0;
  float: none;
}

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

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

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

div.admin-main-column {
	width: 256px;
	margin: 5px;
	display: block;
	float: left;
}

/* attribute lists - used in lookup table admin */
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;
}

/* search stuff */
div#simple-search {
	width: 450px;
	float: left;
}

div#search-tips-link {
	text-align: right;
	width: 180px;
	float: left;
}

div#search-tips-link a {
	margin-right: 10px;
}

div#search-tips {
	padding: 1em 0 0 0;
}

div#search-tips ul {
	margin-bottom: 20px;
}

div#search-tips ul li {
	margin: 3px 0;
}

div#search-results {
	position: relative;
	overflow: auto;
}

div#search-results p.instructions, div.seo-block p.instructions {
	margin:0;
	font-size:7pt;
}

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

div#search-navigation p {
	font-size: 7pt;
}

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;
   font-size: 9pt;
   clear: both;
}

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

/* cd search */
div#cd-search {
	width: 800px;
}

div#cd-search div.left {
	width: 200px;
	float: left;
}

div#cd-search div.left p {
	text-align: left;
}

div#cd-search div.left img.cd-cover {
	width: 200px;
	height: auto;
}

div#cd-search div#search-results {
	width: 585px;
	float: left;
	margin-left: 12px;
}

div#cd-search div.download {
	text-align: center;
}

div#cd-search div.download h4 {
	margin: 10px 0;
	font-size: 10pt;
}

div#cd-search div.download input {
	font-size: 8pt;
}

div#cd-search div.download p.instructions {
	font-size: 8pt;
	font-style: italic;
}

/* more like this list */
div#more-like-this img.cd-cover {
	width: 75px;
	height: auto;
	margin-right: 4px;
}

/* track list as a ul */
ul.track-list { width: 630px; border: 0; padding: 0; margin: 0; list-style-type: none; }
ul.track-list li { border: 0; padding: 0; margin: 0; list-style-type: none; }
ul.track-list li.odd { background: #b7b7b7; }

/*
  We have title, version*, artist**, rating***, cd image, time,
       and button button button
  * version only appears for admin (class is admin)
  ** artist only appears for class with-artist
  *** rating only appears for class editable
  The whole thing is 630px wide.  I have four different layouts.
  Each has a padding of 5px on each side.

  First part (436px):

  client
  title: 426px

  client with-artist
  title: 240px
  artist: 10px 166px;

  client with-artist editable
  title: 230px
  artist: 5px 121px;
  rating: 5px 85px;

  admin
  title: 261px
  version: 10px 145px

  admin with-artist
  title: 180px
  version: 10px 80px
  artist: 10px 126px

  admin with-artist editable
  title: 120px
  version: 5px 70px
  artist: 5px 116px
  rating: 5px 85px

  Fixed size (194px):
  cd cover: 10px 30px
  time:     10px 31px
  button:   10px 21px (no padding)
  button:   10px 21px (no padding)
  button:   10px 21px (no padding)
*/

ul.track-list li td { margin: 0 0 0 10px; text-align: left; }

ul.track-list li.client td.title { width: 426px; }
ul.track-list li.client.editable td.title { width: 336px; }

ul.track-list li.client.with-artist td.title { width: 240px; }
ul.track-list li.client.with-artist td.artist { width: 166px; }

ul.track-list li.editable { margin-left: 5px; }
ul.track-list li.client.with-artist.editable td.title { width: 230px; }
ul.track-list li.client.with-artist.editable td.artist { width: 121px; }

ul.track-list li.admin td.title { width: 261px; }
ul.track-list li.admin td.version { width: 145px; }

ul.track-list li.admin.editable td.title { width: 211px; }
ul.track-list li.admin.editable td.version { width: 105px; }

ul.track-list li.admin.with-artist td.title { width: 180px; }
ul.track-list li.admin.with-artist td.version { width: 80px; }
ul.track-list li.admin.with-artist td.artist { width: 126px; }

ul.track-list li.admin.with-artist td.title { width: 120px; }
ul.track-list li.admin.with-artist td.version { width: 70px; }
ul.track-list li.admin.with-artist td.artist { width: 116px; }

ul.track-list table.track-list tr { background: transparent !important; }
ul.track-list table.track-list td { border: none !important; }

ul.track-list li.editable { cursor: move; }

ul.track-list td.rating { width: 90px; padding: 0; overflow: hidden; }
ul.track-list td.rating div.rating-wrap-wrap { height: 18px; position: relative; cursor: pointer; }
ul.track-list td.rating div.rating-wrap { left: 0; top: 0; height: 18px; width: 90px; position: absolute; }
ul.track-list td.rating div.no-rating { z-index: 1; margin: auto 0; height: 18px; width: 90px; position: relative; }
ul.track-list td.rating div.current-rating { z-index: 2; margin: auto 0; height: 18px; width: 90px; position: relative; }
ul.track-list td.rating div.set-rating { z-index: 3; margin: auto 0; height: 18px; width: 90px; position: relative; visibility: hidden; }
ul.track-list td.rating:hover div.set-rating { visibility: visible; }
ul.track-list td.rating div.set-rating img { background-image: url(/images/empty-star.png); }
ul.track-list td.rating div.set-rating img.on { background-image: url(/images/filled-star.png); }
ul.track-list td.rating img { width: 18px; height: 18px; position: absolute; }
ul.track-list td.rating img.rating1 { left: 0; }
ul.track-list td.rating img.rating2 { left: 18px; }
ul.track-list td.rating img.rating3 { left: 36px; }
ul.track-list td.rating img.rating4 { left: 54px; }
ul.track-list td.rating img.rating5 { left: 72px; }

ul.track-list li td.cd-image { width: 30px; text-align: center; }
ul.track-list li td.time { width: 31px; text-align: right; }
ul.track-list li td.button { width: 21px; text-align: center; padding: 0; }

ul.track-list li td.title { margin: 0; }

/* track list */
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 th div { color: #666; text-align: left; font-size: 8pt; font-weight: bold; }
table.track-list tr th.on { background: url(/images/item-list-th-bg.on.gif);}
table.track-list tr td { padding: 5px .5em; text-align: left; }
table.track-list tr { background: white; }
table.track-list tr.odd { background: #b7b7b7; }
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: 8pt; }
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; }

table.track-list a { color: #b72937; }

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;
}

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

table.track-list tr td a.title {
	font-weight: bold;
	color: black;
}

span.red-plus {
	color: #b72937;
	font-size: 1.2em;
}

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

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

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

table.track-list tr th a span { display: none; }
table.track-list tr th a {
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	position: relative;
	top: 3px;
}

table.track-list tr th a.up {
	background-image: url(/images/sort-arrow-up.png);
}

table.track-list tr th a.down {
	background-image: url(/images/sort-arrow-down.png);
}

table.track-list tr th a.up:hover {
	background-image: url(/images/sort-arrow-up.png);
}

table.track-list tr th a.down:hover {
	background-image: url(/images/sort-arrow-down.png);
}

table.track-list tr th.sortable a.whole-th span { display: none; }
table.track-list tr th.sortable {
	position: relative;
	cursor: pointer;
}
img.sort-arrow {
	position: relative;
	top: 1px;
}

/* center this - incredibly difficult to make it work in all browsers */
td.center a.track-list-icon {
	float: none;
}

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

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

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

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

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

/* smaller icons */
a.track-list-icon.small {
	height: 15px;
	width: 15px;
	margin-left: 3px;
}

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

a.download-link.small {
	background-image: url(/images/buttons/download-sm.png);
}

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

a.project-choose-link.small {
	background-image: url(/images/buttons/add-sm.png);
}

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

div.two-col-track-detail {
  width: 40%;
  margin: 4%;
  float: left;
  text-align: left;
  background: #eee;
  font-size: 8pt;
}

table.two-col-track-detail p, div.two-col-track-detail p {
  font-size: 8pt;
}

div.two-col-track-detail.right {
	padding-left: 10px;
}

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

table.two-col-track-detail {
	width: 100%;
	border-collapse: separate;
	border-spacing: 15px 5px;
	font-size: 8pt;
}

table.two-col-track-detail tr td {
	width: 300px;
}

table.two-col-track-detail tr td {
	background: #eee;
}

table.two-col-track-detail tr td p {
	padding-left: 1em;
	text-indent: -1em;
}

div.admin-track-info {
	width: 90%;
	margin-left: 5%;
	border: 1px solid black;
	background: #eee;
}

div.admin-tv-info {
	border: 1px solid black;
	background: #eee;
	margin: 5px auto;
	width: 600px;
}

input.track-button {
	float: left;
}

/* tracks versions */
table.simple-versions {
	width: 550px;
	margin-left: 30px;
}

div.admin-track-info table.simple-versions {
	width: 100%;
	margin: 0;
}

table.simple-versions tr td {
	padding: 1px 5px;
}

table.simple-versions tr td.buttons {
	width: 56px;
}

/* normal search */
div#search-box {
}

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;
  margin-top: 10px;
}

div#search-box ul li {
  width: 126px;
  height: 18px;
  padding: 0;
  margin: 0 0 5px 0;
  float: left;
}

div#search-box ul li input {
	width: 126px;
	font-size: 8pt;
}

div#search-box ul li select {
	width: 113px;
	font-size: 7pt;
}

div#search-box input.kw {
	width: 200px;
}

/* admin search */
body.admin div#search-box {
	width: 800px;
	height: 65px;
	font-size: 8pt;
	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: 800px;
}

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

body.admin div#search-box ul li select, body.admin div#search-box ul li input {
	width: 98px;
	margin-left: 2px;
	font-size: 8pt;
}

body.admin div#search-box ul li.textfield {
	width: 250px;
}

body.admin div#search-box ul li.textfield input.textfield {
	width: 240px;
}

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

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;
	width: 800px;
}

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

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

td.nobr { white-space: nowrap; }
td.centered { text-align: center; }

/* news item edit link */
div.news-item-view p.date {
	font-size: 11px;
}

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

/* stored picture admin */
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;
}

/* project display */
div#projects-header {
  border-bottom: 2px solid #326bbc;
  margin-bottom: 1em;
}

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

div#popup-player.project-page {
	float: right;
}

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

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

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

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

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

p.project-link {
	padding: 10px;
	text-decoration: underline;
}

/* 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: 8pt; }

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;
}

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

/* 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;
}

/* request a demo reel link */
a#request_button {
  text-decoration: underline;
}

/* tracks version editing */
div.tracks-version-edit {
	border-top: 1px solid gray;
	padding: 5px 0;
}

div.composers-track-edit {
	border-top: 1px solid gray;
	padding: 5px 0;
}

/* sortable lists */
ul.sortable {
  cursor: move;
}

ul.sortable li {
  margin: 3px 0;
  font-size: 8pt;
}

/* headers with red > */
div#content h4 {
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
}
div#content h4 span.red {
	color: #b72937;
}

/* new releases scroller */

div#new-releases {
	width: 598px;
	height: 93px;
	padding: 10px;
	position: relative;
	background: #b72b3a;
}

div#new-releases div.new-releases-viewport {
	position: relative;
	width: 582px;
	margin: 6px 9px;
	height: 80px;
	overflow: hidden;
}

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

div.one-new-cd {
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	padding: 0 8px 0 9px;
}

img.one-new-cd-cover {
	width: 80px;
	height: 80px;
}

a#new-releases-left span { display: none; }
a#new-releases-left {
	position: absolute;
	display: block;
	top: 47px;
	left: 4px;
	height: 19px;
	width: 20px;
	background: url(/images/album-retract.gif);
}

a#new-releases-right span { display: none; }
a#new-releases-right {
	position: absolute;
	display: block;
	top: 47px;
	right: 4px;
	height: 19px;
	width: 20px;
	background: url(/images/album-advance.gif);
}

/* centered div */
div.centered {
	text-align: center;
}

/* cd cover popup */
img.cd-cover-popup {
	margin-bottom: 10px;
}

/* pitching */
fieldset.pitching {
	display: block;
	width: 70%;
	border: 1px solid black;
	padding: 10px;
}

/* licensing forms */
.smallBox {
	border-top: 1px solid #993333;
	border-left: 1px solid #993333;
	line-height: 20px;
	font-size: 10px;
	text-transform: uppercase;
}
.smallHdr {
	font-size: 10px;
	text-transform: uppercase;
}
.fieldBG { 
	background-color:#EBEBEB; 
	border: 1px solid black;
}

/* employee/department admin */
ul#departments {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#departments h3 {
	cursor: move;
}

ul#departments li {
	margin: 1em 0;
}

table.item-list.sortable tr {
	cursor: move;
}