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

a {
   color: #ec0009;
	text-decoration: underline;
}
a:hover { color: #ff6b00; }

/*
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 {
	width: 95%;
	font-size: 1.2em;
	color: red;
}

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: 14px;
	width: 235px;
	border: none;
	overflow: hidden;
}

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

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

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

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

/* div that wraps entire page, makes for centering */
div#wrap {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 800px;
	padding: 0;
	margin: auto;
	text-align: left;
}

/* popups */
div#popup-wrap {
	width: 100%;
	height: 100%;
}

div#popup-wrap.scrollable {
	overflow: auto;
	height: 600px;
	text-align: left;
}

/* header */
div#header {
	position: relative;
	width: 800px;
	height: 172px;
}

div#header.search {
	height: 224px;
}

div#header.search.admin {
	height: 250px;
}

p#header-logout, a#header-login {
	position: absolute;
	right: 3px;
	top: 0px;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

p#header-user-menu {
	position: absolute;
	right: 3px;
	top: 15px;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

div#header h1 a span { display: none; }
div#header h1 {
	border: 0;
	padding: 0;
	margin: 0;
}
div#header h1 a {
	position: absolute;
	top: 20px;
	left: 0px;
	display: block;
	width: 238px;
	height: 118px;
	background-image: url(/images/hgr-logo.gif);
	background-repeat: no-repeat;
}

div#header p.r-ball {
	position: absolute;
	top: 15px;
	left: 227px;
	font-size: 7pt;
}

div#header p#a-division {
	position: absolute;
	top: 15px;
	left: 242px;
	font-size: 7pt;
	text-transform: uppercase;
}

div#header p#a-division a {
	color: black;
	text-decoration: none;
}

div#header p#a-division a:hover {
	color: #ec0009;
}

div#header h2#a-record-label {
	position: absolute;
	left: 0px;
	top: 145px;
	font-size: 7pt;
	font-weight: normal;
	text-transform: uppercase;
}

div#header img.div-line {
	position: absolute;
	top: 144px;
	left: -1px;
	width: 802px;
	height: 1px;
}

div#header div#testimonial {
	position: absolute;
	top: 50px;
	left: 285px;
	width: 355px;
	height: 100px;
	overflow: visible;
}

div#header div#testimonial p {
	color: #333;
	font-size: 7pt;
	line-height: 1.4em;
	width: 100%;
	padding: 0;
	margin: 0;
}

div#header div#testimonial p.quote {
	font-style: italic;
}

div#header div#testimonial p.name {
	width: 70%;
	text-align: right;
}

/* top menu */
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;
	top: 122px;
	right: 0px;
}

ul#top-tabs li {
	list-style-type: none; /*turns off display of bullet*/
	float: left;
	margin-left: 15px;
}

ul#top-tabs li a {
	text-transform: uppercase;
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 13px;
}

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

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

ul#top-tabs li a:hover {
   color: #ec0009;
}

/* top small search form */
div#upper-search-form {
	position: absolute;
	top: 150px;
	right: 0px;
	width: 325px;
	height: 18px;
}

div#header.search div#upper-search-form {
	width: 800px;
	height: 46px;
}

div#upper-search-form input.textfield {
	position: absolute;
	top: 0px;
	right: 110px;
	font-size: 7pt;
	width: 215px;
	color: #333;
}

div#upper-search-form a {
	height: 18px;
	position: absolute;
	top: 0px;
}

div#upper-search-form a#clear-button span {
	display: none;
}

div#upper-search-form a#clear-button {
	display: block;
	width: 37px;
	height: 21px;
	right: 72px;
	background: url(/images/clear-off.gif) no-repeat;
}

div#upper-search-form a#clear-button:hover {
	background: url(/images/clear-on.gif);
}

div#upper-search-form a#search-button span {
	display: none;
}

div#upper-search-form a#search-button {
	display: block;
	width: 72px;
	height: 21px;
	right: 0px;
	background: url(/images/search-off.gif) no-repeat;
}

div#upper-search-form a#search-button:hover {
	background: url(/images/search-on.gif);
}

/* advanced search */
div#upper-search-form {
	
}

div#upper-search-form ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	width: 850px;
	position: absolute;
	top: 22px;
	left: 0;
	height: 44px;
}

div#upper-search-form ul li {
	display: block;
	margin: 2px 1px;
	float: left;
	height: 20px;
}

div#upper-search-form ul li, div#upper-search-form ul li select {
	width: 131px;
	font-size: 8pt;
}

div#header img.div-line.bottom {
	top: 71px;
}

div#header.admin img.div-line.bottom {
	top: 97px;
}

/* search music player */
div#upper-search-form ul li.player {
	width: 235px;
	position: relative;
	top: 3px;
	left: 30px;
}

/* footer */
div#footer {
	clear: both;
	margin-top: 10px;
}

div#footer p {
	margin: 0;
}

div#footer p.copyright {
	font-size: 7pt;
	float: left;
	width: 75%;
}

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

div#footer a.ba-logo {
   display: block;
   width: 53px;
   height: 31px;
	float: right;
}

div#artist-browser {
	position: relative;
	width: 100%;
}

div#artist-browser img.thick-div {
	position: relative;
	left: -1px;
	height: 7px;
	width: 802px;
}

div#artist-browser a.hide-link {
	position: absolute;
	top: 10px;
	right: 0px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	font-size: 8pt;
	color: black;
}

div#artist-browser div#show-button {
	height: 3ex;
}

div#artist-browser a.cd-cover {
	width: 75px;
	height: 75px;
	margin: 0 5px 5px 0;
	display: block;
	float: left;
}

div#artist-browser div.artists {
	margin: 0; padding: 0; border: 0;
	height: 387px;
	overflow: auto;
	margin-bottom: 3px;
}

div#artist-browser a.stacked-cd-cover span { display: none; }

div#artist-browser a.stacked-cd-cover {
	width: 75px;
	height: 75px;
	margin: 0 3px 3px 0;
	display: block;
	float: left;
	background-position: top center;
}

div#artist-browser a.stacked-cd-cover:hover {
	background-position: bottom center;
}

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

/* content */
div#content {
	width: 800px;
	position: relative;
	padding: 5px 0 0 0;
	border: none;
	overflow: visible;
}

div#content p {
	text-align: justify;
	margin-top: 4px;
}

div#content img.div-line {
	position: relative;
	left: -1px;
	width: 802px;
	height: 1px;
	margin: 5px 0;
}

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

h3 span.yellow {
	color: #ff0;
}

h3 span.orange {
	color: #ff6b00;
}

h3 span.red {
	color: #ec0009;
}

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

div#featured-artist div.fade-item {
  position: absolute;
  top: 0;
  left: 0;
}

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 a.listen-link:hover {
	color: #ec0009;
	background-image: url(/images/listen-on.gif);
}

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

/* news abstracts */
div#latest-news-container {
	float: left;
	position: relative;
	left: -3px;
	width: 479px;
	height: 255px;
	margin: 4px 2px;
	clear: both;
}

div#latest-news-container div.new-releases {
	background: url(/images/new-releases-fp.jpg) top center;
	width: 479px;
	height: 97px;
	position: relative;
	margin: 0;
	padding: 0;
}

div#latest-news-container div.new-releases p {
	text-transform: uppercase;
	font-size: 9pt;
	font-weight: bold;
	color: white;
	position: absolute;
	top: 45px;
	left: 0px;
}

div#latest-news-container div.new-releases a.button span { display: none; }
div#latest-news-container div.new-releases a.button {
	display: block;
	position: absolute;
	top: -5px;
	left: 265px;
	width: 160px;
	height: 26px;
	background: url(/images/new-releases-button-off.png);
}
div#latest-news-container div.new-releases a.button:hover {
	background: url(/images/new-releases-button-on.png);
}

div#latest-news-container div.latest-news {
	width: 479px;
	height: 152px;
	background: url(/images/news-items-fp-bg.jpg);
	position: relative;
	margin-top: 6px;
}

div#latest-news-container h3 {
	position: relative;
	top: 5px;
	color: white;
	margin-top: 0;
}

div#latest-news-container h3, div#latest-news-container p {
	margin-left: 15px;
}

div#latest-news-container div.latest-news div.news-abstracts {
	position: absolute;
	left: 15px;
	top: 37px;
	height: 112px;
	width: 449px;
	overflow: auto;
}

div#latest-news-container div.latest-news div.news-abstracts p.title, div#latest-news-container div.latest-news div.news-abstracts p.title a {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	font-size: 9pt;
	padding: 0;
	margin: 0;
}

div#latest-news-container div.latest-news div.news-abstracts p.title a {
	text-decoration: underline;
}

div#latest-news-container div.latest-news div.news-abstracts p.title a:hover {
	color: #801;
}

div#latest-news-container div.latest-news div.news-abstracts p.abstract {
	color: #ff0;
	font-size: 9pt;
	margin: 0 0 8px 10px;
	line-height: 1.2em;
}

/* featured placement */
div#featured-placement {
	float: left;
	position: relative;
	width: 317px;
	height: 255px;
	background: url(/images/featured-bg.gif) no-repeat center;
	margin: 4px 0px;
}

div#featured-placement h3 {
	margin-top: 5px;
	color: white;
}

div#featured-placement h3 {
	margin-left: 15px;
}

div#credit-fades {
  position: absolute;
  top: 28px;
  left: 15px;
  width: 288px;
  height: 216px;
  overflow: hidden;
}

div#credit-fades img.fade-item {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* admin */
body.admin div#content {
	position: relative;
	width: 800px;
   border: 1px solid #333;
  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#search-tips {
	margin: 0 0 0 10px;
	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;
	width: 798px;
	border: 1px solid #ff5400;
	height: 450px;
	overflow: auto;
}

/* 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 */
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-left: .5em; padding-right: .5em;
text-align: left; border-right: 1px solid white;}
table.track-list tr { background: white; }
table.track-list tr.odd { background: #eee; }
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: #ff4700; }

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

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

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

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

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

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

a.play-vocal-link {
	background-image: url("/images/play-vocal-button-off.png");
	height: 24px;
	width: 57px;
}

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

a.play-inst-link {
	background-image: url("/images/play-instrumental-button-off.png");
	height: 24px;
	width: 96px;
}

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

a.play-under-link {
	background-image: url("/images/play-underscore-button-off.png");
	height: 24px;
	width: 96px;
}

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

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

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

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

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

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

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

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

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

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

/* inline play links */
a.inline-play {
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 10px;
  color: #ff6b00;
}
a.inline-play img {
	vertical-align: top;
	position: relative;
	top: 1px;
	width: 14px;
	height: 13px;
	background: url(/images/inline-play-button-off.png);
}
a.inline-play:hover {
   color: #ec0009;
}
a.inline-play:hover img {
	background: url(/images/inline-play-button-on.png);
}

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


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

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

div.news-item p {
	font-size: 8pt;
}

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

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

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

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

/* single news item */
div.news-item-view p.abstract {
	font-size: 8pt;
	font-weight: bold;
}

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

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

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

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

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

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

a.remove-button:hover {
	background-image: url("/images/remove-button-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: 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;
}

/* about page */
div#about-features {
	position: relative;
	left: -6px;
	width: 808px;
	min-height: 285px;
	background: url(/images/features-include-bg.jpg) no-repeat top center;
	margin: 4px 2px;
}

div#about-features h3 {
	position: absolute;
	font-size: 11pt;
	top: 8px;
	left: 10px;
	color: white;
	margin: 0;
}

div#about-features h3, div#about-features p {
	margin-left: 15px;
}

div#about-features div.feature-list {
	position: absolute;
	top: 35px;
	left: 25px;
	height: 250px;
	width: 750px;
	overflow: hidden;
}

div#about-features div.feature-list p.title {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

div#about-features div.feature-list p.abstract {
	color: #ff0;
	font-size: 9pt;
	margin: 0 0 5px 12px;
	line-height: 1.2em;
}

div#about-features div.feature-list p.abstract a {
	color: white;
	text-transform: uppercase;
	text-decoration: underline;
}

/* supervisors - let's get started block */
div#lets-get-started {
	position: relative;
	left: -6px;
	width: 808px;
	min-height: 285px;
	background: url(/images/features-include-bg.jpg) no-repeat top center;
	margin: 4px 2px;
}

div#lets-get-started h3 {
	position: absolute;
	font-size: 11pt;
	top: 8px;
	left: 10px;
	color: white;
	margin: 0;
}

div#lets-get-started h3, div#lets-get-started p {
	margin-left: 15px;
}

div#lets-get-started div.feature-list {
	position: absolute;
	top: 35px;
	left: 0px;
	height: 250px;
	width: 750px;
	overflow: hidden;
}

div#lets-get-started ul {
}

div#lets-get-started li {
	text-transform: uppercase;
	color: white;
	font-size: 9pt;
	text-decoration: none;
	padding: 0;
	margin: 1em 0;
}

div#lets-get-started li a {
	color: #ff0;
	text-transform: uppercase;
	text-decoration: underline;
}

/* login page */
div.login-line {
	margin: 10px 0;
}

div.login-line input {
	vertical-align: middle;
}

div.login-line label {
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	width: 20ex;
	display: block;
	float: left;
}

div.login-line label .orange{
	color: #ec0009;
}

div.login-line .login-button {
	width: 43px;
	height: 19px;
	background: url(/images/login-button-off.gif);
}

div.login-line .login-button:hover {
	background: url(/images/login-button-on.gif);
}

/* content ul - for FAQ */
ul.faq li {
	margin-bottom: 1ex;
}

ul.faq li h4 {
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}

ul.faq li p {
	margin: 0;
	font-size: 9pt;
}

ul.faq li p a {
	color: #ec0009;
	text-decoration: underline;
	text-transform: uppercase;
}

/* contact divs */
div.contact {
	float: left;
}

div.contact.left {
	width: 370px;
}

div.contact.right {
	width: 425px;
}

div.contact a {
	color: #ec0009;
}

div.contact.right a {
	text-transform: uppercase;
}

div.contact.left p {
	line-height: 2em;
}

div.contact.right p {
	margin: 0 0 10px 0;
}

/* news items main page */
div#news-items {
	float: left;
	position: relative;
	left: -6px;
	width: 483px;
	height: 433px;
	background: url(/images/news-items-bg.jpg) no-repeat center;
	margin: 0 0 4px 2px;
}

div#news-items h3 {
	margin-top: 5px;
	color: white;
}

div#news-items h3, div#news-items p {
	margin-left: 15px;
}

div#news-items a.more {
	font-size: 8pt;
	font-weight: normal;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	top: 5px;
	right: 15px;
}

div#news-items div.news-abstracts {
	position: absolute;
	left: 15px;
	top: 37px;
	height: 386px;
	width: 449px;
	overflow: auto;
}

div#news-items div.news-abstracts p.title, div#news-items div.news-abstracts p.title a {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	font-size: 9pt;
	padding: 0;
	margin: 0;
}

div#news-items div.news-abstracts p.title a {
	text-decoration: none;
}

div#news-items div.news-abstracts p.abstract {
	color: #ff0;
	font-size: 9pt;
	margin: 0 0 8px 10px;
	line-height: 1.2em;
}

/* new releases on news items page */
div#new-releases img.line {
	position: relative;
	left: -1px;
	width: 802px;
	height: 1px;
	background: url(/images/div-line.gif) center top;
}

div#new-releases a.cd-cover {
	width: 75px;
	height: 75px;
	margin: 0 5px 5px 0;
	display: block;
	float: left;
}

div#new-releases a.cd-cover img {
	width: 75px;
	height: 75px;
}

div#new-releases div.cd-info {
	float: left;
	width: 715px;
	min-height: 75px;
}

div#new-releases a.cd-name {
	color: #ec0009;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

div#new-releases a.cd-name:hover {
	color: #ff6b00;
}

div#new-releases p {
	font-size: 8pt;
	margin: 0;
}

/* login popup goodness */

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-login {
	right: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -150px;
}