/*********************************************
 * Global Styles
 *********************************************/

body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #464749;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a,
a:visited,
a:active,
a:link {
	color: #9f7544;
	text-decoration: none;
}

a:hover {
	color: #9f7544;
	text-decoration: underline;
}

h1 a {
	text-decoration: none;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}

dd {
	padding-bottom: 15px;
}

.block-tt {
	font-family: Courier, Courier New, mono;
	padding-left: 10px;
	margin: 5px 0 5px 0;
}

.drambox {
	color: #000;
	margin-top: 20px;
	background-color: #fff;
	border-top:1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-top: 10px;
	padding-left: 10px;
}

#branding {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#branding .search {
	background-color: #dfdcb6;
	height: 30px;
	padding-top: 3px;
}

#branding .search .field-label {
	display: inline;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding: 0 10px 0 10px;
}

#branding .left {
	height: 10px;
	width: 50%;
	background-color: #4b5042;
}

#branding .right {
	height: 10px;
	width: 50%;
	background-color: #67685f;
}

#branding .links {
	background-color: #53554e;
	padding-right: 4px;
	white-space: nowrap;
}

#branding .links a {
	background-color: #67685f;
	color: #fff;
	padding: 10px 10px 8px 10px;
	margin-right: 1px;
	height: 100%;
	font-size: 12px;
	text-decoration: none;
}

#branding .links a:hover {
	background-color: #53554e;
	color: #9f7544;
}

#branding .top-bar {
	height: 30px;
	vertical-align: bottom;
}

#footer {
	margin-top: 10px;
	font-size: 11px;
	text-align: center;
}

#footer a {
	font-weight: bold;
}

#content {
	font-size: 12px;
	color: #000;
	background-color: #fff;
	padding: 10px 10px 15px 10px;
	height: 100%;
	clear: right;
}

#navigation {
	width: 240px;
}

#navigation h3 {
	margin-top: 15px;
}

a.instrument-link,
a.instrument-link:link,
a.instrument-link:active,
a.instrument-link:visited {
	color: black;
	text-decoration: none;
}

a.instrument-link:hover {
	color: #604729;
	text-decoration: underline;
}

.labeled-list {
	font-size: 11px;
}

.labeled-list label {
	font-weight: bold;
}

#dram-search .form-item {
	display: inline;
}

#dram-search {
	margin: 0;
}

#dram-search a {
	font-size: 11px;
}

.current-user-info {
	font-size: 11px;
	padding: 0;
	margin: 0;
	text-align: right;
}

label .required {
	color: #800;
	font-weight: bold;
}

.form-error {
	border: 1px solid #aa6666;
	background-color: #ff9999;
}

.form-error .form-help {
	color: #aa0000;
}

.error {
	color: red;
}

.message {
	color: green;
}

#login-table td {
	vertical-align: top;
}

.dram-table {
	clear: both;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.dram-table th {
	background-color: rgb(241,241,241);
	border-top:1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #bbbbbb;
	text-align:left;
	padding: 0px 8px 0px 8px;
}

.dram-table td {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	vertical-align: top;
	padding: 0px 8px 0px 8px;
}

/*********************************************
 * Members Page Styles
 *********************************************/
#signup-form .subheading {
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px dotted #777;
}

#form-item-info {
	float: left;
}

#form-item-billing {
	float: left;
	margin-left: 60px;
}

#form-item-level {
	float: left;
	clear: right;
	margin-left: 60px;
}

#form-item-create {
	clear: both;
}

#form-item-level label {
	display: block;
}

#form-item-level label.details {
	font-size: 10px;
	color: #777;
	padding-left: 20px;
}

/*********************************************
 * Page Navigation Styles
 *********************************************/
#side-nav-list {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	width: 240px;
	float: left;
	height: 100%;
}
#side-nav-list li {
	list-style: none;
	padding-right: 0px;
}

#side-nav-list li a{
	width: 100%;
}

#logo{
	padding-bottom: 20px;
}
#side-nav-list li.navigation-header {
	margin-top: 15px;
	font-weight: bold;
	font-size: 1.2em;
}

/*********************************************
 * Home Page Styles
 *********************************************/

#news-cell {
	font-size: 11px;
	color: #d8d8d8;
	padding-bottom: 30px;
	padding-left: 10px;
	background-color: #414244;
}

#news-cell h1 {
	color: #cb9658;
	font-size: 18px;
	font-weight: normal;
}

#news-cell strong {
	font-size: 14px;
}

#mission {
	width: 600px;
}

#most-popular-summary {
	width: 100%;
	padding-top: 20px;
}

#most-popular-summary td {
	font-size: 11px;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 15px;
	width: 20%;
	line-height: 135%;
}

#most-popular-summary h3 {
	margin-top: 10px;
}

#most-popular-summary h3 a {
	color: #000;
	text-decoration: none;
}

#most-popular-summary ul {
	padding-left: 0;
	margin-left: 0;
}

#most-popular-summary li {
	list-style: none;
}

#most-popular-summary li.more {
	font-weight: bold;
	padding-top: 10px;
}

/*********************************************
 * Browse Page Styles
 *********************************************/
#album-art-list {
	margin-bottom: 10px;
}

#browse-table {
	width: 100%;
}

#browse-table td {
	line-height: 135%;
	padding: 0px 5px 0px 5px;
}

#prefix-form .field-label,
#prefix-form .form-item {
	display: inline;
}

h3.instrument-category {
	border-bottom: 1px solid #ddd;
}

h3.instrument-category,
h3.instrument-category a {
	margin-top: 10px;
	font-size: 16px;
	color: #4b5042;
}

/*********************************************
 * Search Page Styles
 *********************************************/

#search-results #composer-column,
#main-results #composer-column {
	width: 150px;
}

/*
#search-results .title-column a,
#main-results .title-column a {
	font-size: 12px;
}
*/

#search-results .subtitle,
#main-results .subtitle {
	display: block;
	font-size: 10px;
	color: #777;
}

#search-results .subtitle,
#main-results .subtitle {
	display: block;
	font-size: 10px;
	color: #777;
}

.tab-content {
	border: 1px solid #777;
	padding: 5px;
}

.type-tab {
	font-size: 18px;
	background-color: #777;
	padding: 6px 15px 0px 15px;
	margin-top: 10px;
}

a.type-tab {
	color: #fff;
}

.type-tab.current {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid rgb(241,241,241);
	background-color: rgb(241,241,241);
}

a.type-tab.current {
	color: #000;
}

.more-results-link {
	font-weight: bold;
	padding-left: 5px;
}

.page-guide {
	position: relative;
	left: -10px;
	font-size: 11px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

.page-guide a {
	text-decoration: none;
}

.search-instructions {
	font-weight: bold;
	color: #9f7544;
	font-size: 16px;
	width: 600px;
}

.search-message .main {
	color: #9f7544;
	font-size: 14px;
}

.search-message p {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

.album-art {
	text-align: center;
	vertical-align: top;
	width: 150px;
	font-size: 11px;
}

.album-art img {
	margin-bottom: 5px;
}

.album-art .album-title {
	color: #000;
}

#browse-tab-spacer {
	margin-left: 5%;
	padding-left: 1px;
}

#search-header{
	width: 90%;
}

#search-results {
	width: 90%;
}

#search-results th a.current-sort {
	color: #5b3100;
	text-decoration: underline;
}

#search-results td {
	padding: 6px 8px 12px 8px;
}

#search-results #title-column {
	width: 33%;
}

#type-column {
	width: 30px;
}

#play-column {
	width: 20px;
}

#delete-column {
	width: 20px;
}

/*********************************************
 * Playlist Page Styles
 *********************************************/
#personal-playlists,
#shared-playlists {
	width: 400px;
}

#playlist-items td {
	padding-top: 3px;
}

#create-new-playlist-cell{
	font-weight: bold;
	text-align: right;
}

#drag-column {
	border: 0px;
	background-color: #fff;
}

td.item-runtime {
	text-align: right;
	padding-left: 10px;
	padding-right: 5px;
}

td.drag-thumb {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	padding: 0;
	cursor: move;
}

td.drag-thumb {
	text-align: right;
}

p.unapproved {
	background-color: #fdfedf;
}

#form-item-catalog_code label {
	display: inline;
}

/*********************************************
 * Detail Page Styles
 *********************************************/

h3.item-title {
	padding-bottom: 10px;
}

h3.item-title label {
	font-size: 14px;
	font-weight: normal;
	color: #999;
}

.playlist-control {
	display: none;
}

#embedded-player {
	width: 400px;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#embedded-player.detached {
	background-color: #ccc;
	color: #888;
}

#player-plugin {
	display: none;
}

#player-controls {
	font-size: 14px;
	background-color: #ccca9e;
	padding: 5px;
	width: 275px;
	margin-bottom: 20px;
}

#player-controls label {
	font-weight: bold;
}

#player-controls a {
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

#item-details {
	padding-bottom: 30px;
	padding-top: 10px;
	padding-left: 10px;
}

#item-permalink {
	padding-bottom: 10px;
}

#primary-info {
	width: 200px;
	vertical-align: top;
}

#item-running-time,
#item-performers {
	margin-bottom: 10px;
}

#album-details {
	padding-bottom: 30px;
}

#secondary-info,
#album-cover,
#album-info {
	vertical-align: top;
}

#album-cover {
	width: 200px;
}

#album-title {
	font-size: 14px;
}

#release-info {
	margin-top: 10px;
	margin-bottom: 10px;
}

#album-composers,
#album-performers {
	margin-bottom: 10px;
}

#track-list .runtime {
	text-align: right;
	padding-right: 20px;
	width: 100px;
}

#track-list {
	font-size: 12px;
	border-collapse: collapse;
}

.subitem-details {
	display: none;
}

.subitem-details.selected {
	display: block;
	background-color: #fff;
}

.item-row.selected {
	background-color: #fff;
}

.selection-arrow {
	display: none;
	position: absolute;
	z-index: 100;
}

.drambox.details {
	background-color: #e5e4db;
}

#link-buttons {
	margin-bottom: 20px;
}

a.link-button {
	font-size: 12px;
	text-decoration: none;
}

a.link-button img {
	vertical-align: middle;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 3px;
}

#album-cover img {
	padding-bottom: 10px;
}

.emphasis-area {
	background-color: #ccca9e;
	padding: 5px;
	margin-bottom: 20px;
}

#note-popup-link {
	display: block;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
}

/*********************************************
 * Edit Form Styles
 *********************************************/

label.field-label {
	display: block;
	font-weight: bold;
	font-size: 11px;
}

.form-item {
	margin-bottom: 5px;
}

.form-help {
	font-size: 11px;
	color: #777;
}

#form-item-cancel,
#form-item-save {
	display: inline;
}

.ac_choices {
	color: black;
}

/**********************************************
 * Blog Page Styles
 **********************************************/
a.blog-category-link:link,
a.blog-category-link:active,
a.blog-category-link:visited,
a.blog-category-link:hover {
	color: #555;
}

.blog-entries {
	width: 220px;
}

.blog-entry {
	margin-bottom: 15px;
}

a.blog-category-header-link {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}

a.blog-category-header-link.active:link,
a.blog-category-header-link.active:active,
a.blog-category-header-link.active:visited {
	background-color: #eee;
}

a.blog-category-header-link:link,
a.blog-category-header-link:active,
a.blog-category-header-link:visited {
	background-color: #fdfedf;
}

a.blog-category-header-link.active:hover,
a.blog-category-header-link:hover {
	background-color: #ddd;
	text-decoration: none;
}

.blog-links {
	margin-top: 15px;
	margin-bottom: 25px;
}

/**********************************************
 * Login Page Styles
 **********************************************/
.active {
	background-color: #DDD;
}

a.active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.tab-link {
	padding: 3px 10px 4px 10px;
	line-height: 155%;
}

.tab-page {
	padding: 7px;
	width: 300px;
	height: 130px;
}

.tab-page label.help {
	font-size: 11px;
	line-height: 24px;
}

#login-form {
	display: none;
}

#trial-form {
	display: none;
}

/**********************************************
 * Letter Index Styles
 **********************************************/

#institution-index {
	margin-top: 10px;
}

.letter-bar {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
}

.index-letter a {
	padding: 4px 4px 0px 4px;
	margin-right: 4px;
	background-color: #dfdcb6;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.index-letter a:hover,
.index-letter a.active {
	background-color: #4b5042;
	color: #fff;
}

.letter-group {
	display: none;
	margin-top: 10px;
	background-color: #fff;
}

/**********************************************
 * Page Page Styles
 **********************************************/
.spacer {
	clear: both;
	width: 0px;
	height: 0px;
}

.page { 
	margin-left:240px;
}