html {line-height: 1.5em; height: 100%; background-color: #252525; background-image: url('/images/tl_diag_stripes.svg')}
body {background: #FFFFFF; max-width: 950px; min-height: 100%; margin-right: auto; margin-left: auto; margin-top: 0; margin-bottom: 0}
h1,h2,h3,h4,h5,h6 {text-transform:none; color: #343434; font-weight: lighter}
h1,h2,h3,h4 {margin-top: 1em; margin-bottom: 0em; padding-bottom: 0.25em}
h1,h2 {margin-top: 0.5em; border-bottom: 1px dotted #c2c8a2}
h4 {font-size: 1.1em}
th {color:#283459; vertical-align: bottom}
ul li {list-style-type: square}
ul.profile-info, .profile-info li {margin-left: 0; list-style-type: none}
form ul li {list-style-type: none}
textarea {font-family: Open Sans, sans-serif; font-size: small}
input[type=radio] {margin: 3px 5px 3px 0; vertical-align: middle}
ul.refer {margin-left: 0px}
ul.refer li {background-image:url(/images/bullet4x4.gif); background-position:0 0.45em; background-repeat:no-repeat; padding:0 0 0 8px; list-style-type: none}
a {color: #0089BD; text-decoration: none}
a:focus, a:active {color: #0089BD}
a:hover {color: #0089BD; text-decoration: underline}
a.quiet {color: rgb(233, 140, 97); font-weight: lighter}
.optional {color: rgb(233, 140, 97); font-weight: lighter; padding-left: .3em; font-size: .85em}
.required {color: rgb(233, 140, 97); font-weight: bold; padding-right: .3em; font-size: 1em}
#login-signup-links-row {background-color: #666; border-bottom: 1px solid #444}
#login-signup-links {font-size: 12px; font-weight: 100; text-align: right; float: right; color: #ffffff; margin-top: 5px; margin-bottom: 0; margin-right: 4px}
#login-signup-links a {color: #ffffff}
#header {position: relative}
#logo-div {}
#logo {color: transparent; display: block; margin-top: 14px; background: url(/images/prx_logo.svg) no-repeat; background-size: 124px; height: 50px; text-indent: -9999px}
#primary-navigation {display: inline; position: relative; white-space: nowrap}
#primary-navigation ul {float: right; text-align: right; list-style: none; margin: 7px 3px 0 0; padding: 0}
#primary-navigation ul li {display: inline; border-left: 1px solid #e6e6e6}
#primary-navigation ul li a {line-height: 50px; margin-right: -3px; padding: 22px 24px 24px 24px; color: #a3a3a3; font-size: 14px; font-weight: normal}
#primary-navigation ul li a:hover {background-color: #ff9600; color: #fff}
#primary-navigation ul li.first {border: none; padding-left: 0; margin-left: 0; border-left: none; list-style: none; display: inline}
#primary-navigation ul li.first a {border: none}
#primary-navigation a.selected {color: #434343; text-decoration: underline}
#search-bar-row {margin-bottom: 4px}
#search-bar {font-weight: bold; height: 24px; float: right; text-align: right}
#search-bar form {display: inline; line-height: 12px}
#search-bar span {line-height: 28px; margin-bottom: 0}
#searchbar-simple {width: 150px; padding: 2px}
#search-bar input {margin: 0}
#search-bar a {font-size: 0.8em; font-weight: normal}
#search-go-button {display:inline; padding-top: 3px; vertical-align: top}
.speech-bubble {position: relative; background: #ffffff; border-radius: .8em}
.speech-bubble:after {content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-right-color: #ffffff; border-left: 0; border-bottom: 0; margin-top: -10px; margin-left: -20px}
.top-headline h2, h2.top-headline,.top-headline h1, h1.top-headline {margin-bottom: 10px}
.content {padding-bottom:50px; background-color: #F5F5F5}
.block {padding-top: 0px; padding-bottom: 10px; clear: both; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #ECECEC}
.block h3 {}
.featured {background-color: #F5F5F5; padding: 10px}
.featured h3 {margin-top:0em; margin-bottom: 0.5em}
.carriages-list {background-color: #F5F5F5}
.carriages-list div.carriage {padding: 5px; border-bottom: 1px solid #BBB }
.carriage-comment {font-style: italic}
#upcoming ul {margin-left: 0px}
.explanation-header {color:#C53008}
.flashNotice {color: #D43F17}
.announcement {position:relative; font-size:1.2em; border: 2px solid #F09A2B; background-color:#FEFCF1; padding: 4px; margin-top: 10px; margin-bottom: 10px}
.footer {text-align: left; padding: 0 0 0 0; margin: 0; background-color: #FFFFFF}
.footer a{ }
#search {position:static; text-align:right}
.welcome-title {border: 0px; margin: 12px 12px 0px 12px; padding-bottom: 0px; line-height: 2.4em}
#podcasts ul {padding-left: 0; padding-right:0; margin-left: 0px; margin-right: 0px}
#podcasts ul li {display: inline}
#recent-pieces ul {margin-left: 0px}
#recent-pieces ul li {display: inline; background: url(/images/silk/control_play.png) no-repeat 0px 50%; padding-left: 20px; list-style: none}
span.ranking {font: italic 2em Georgia; color: #999999}
.left {}
.center {}
.right {}
.sidebar {font-size: 0.9em}
.license .standard-terms, .license .additional-terms, .outside-purchaser-terms {border: 1px solid #EEEEEE; background-color: #F5F5F5; padding: 5px; margin: 0px; font-size: 1.1em}
.outside-purchaser-terms p {margin: 0px}
.license .standard-terms ul {margin: 0px}
.license .standard-terms ul li {padding-bottom: 10px}
.license .additional-terms {height:180px; overflow:auto}
.license-confirm {padding: 5px 0; font-weight: bold}
.additional-terms, a.additional-terms {color: #D90000}
a#license-this {color: transparent; display:block; background: url(/images/imagesprite.png) -7px -57px no-repeat; height: 70px}
.sidebar-content {border: 1px solid #EEEEEE; background-color: #FFFFFF; margin-top: .8em; padding: 0.1em 1em 1em 1em; margin-bottom: 2em}
.sidebar-content.emph {border-color: #283459}
.sidebar-content.emph h2 {color: #283459; padding-left: .5em}
.sidebar-content.emph h3 {margin-top:4px}
.my-account-info-name {font-weight: bold}
.my-account-info-name .alert {display:inline; background: url('/images/silk/bullet_error.png') transparent no-repeat -2px -3px; padding-left: 14px}
.account-info-accordian {padding-left: 13px; background: url('/images/accordian.png') no-repeat; background-position: 0 -14px; -moz-outline:none}
.account-info-accordian.selected {background-position: 0 0}
.sidebar .sidebar-content h3 {font-size: 12px; margin-bottom: 5px; margin-top: 4px}
.sidebar .sidebar-content ul {margin: 8px 4px 4px 4px}
.sidebar .sidebar-content ul li {list-style: none; margin-top: 8px}
.sidebar .sidebar-content ul li.create {border-top: 1px dotted #ccc; padding-top: 8px}
.sidebar-image {float:right; margin-left: 5px}
.sidebar .licensed-by {font-size: 0.8em}
.sidebar-foot {}
.sidebar h2 {border: none; color: #283459; padding: 0em; margin-bottom: 5px; margin-top: 5px; font-size: 1.4em}
.sidebar h3 {border: none; background-color: #ECECEC; color: #283459; padding: 0.2em; font-size: 1em}
.sidebar ul {list-style-position: outside; list-style-type: square}
.sidebox {background: #EEE; padding: 5px; margin: 5px; border: 1px solid #dce1e7}
.sidebox-title {background: #AAA}
.centerbox {background: #FFF; padding: 5px; margin: 5px; border: 1px solid #EEE}
.center-title {background: #EEE}
.read-only {background: #eee none; color: #222; font-style: italic}
.matching_accounts ul {margin-left: 0; padding-left: 0; white-space: nowrap}
.matching_accounts li {display: inline; list-style-type: none}
.matching_accounts a {padding: 3px 10px}
.matching_accounts a:link, .matching_accounts a:visited {color: #fff; background-color: gray; text-decoration: none}
.matching_accounts a:hover {color: #fff; background-color: silver; text-decoration: none}
.labeled-form legend {margin-left: 1em; color: #000000; font-weight: bold}
.labeled-form fieldset {margin: 1em 0 1.5em 0; padding: 1em}
.labeled-form div {padding: 0; margin: 0}
.labeled-form .form_section {border: solid 1px silver; margin: 4px -4px 4px -4px; padding: 4px}
.labeled-form .field {padding: 1em 1em 0 0; clear:both}
.labeled-form .field-help {display: table; border-top: 1px dashed #bbb; border-bottom: 1px dashed #bbb; padding: 0.1em; margin: 0em 0em 0.2em 0em; width: 80%}
.labeled-form .submit {width: auto; border: 0 none #FFF; padding-left: 12em; padding-top: 1em}
.labeled-form label {float: none; display: block; width: auto; margin-right: 1em}
.labeled-form .side-label label {float: left}
.labeled-form .horizontal {padding-top: 1em; clear:none}
.labeled-form .horizontal .field {clear:none}
.labeled-form .horizontal:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1}
* html .horizontal {height: 1%;}
.labeled-form .horizontal div {float: left; clear: none; width: auto; margin: 0 .5em 0 0; padding: 0}
.horizontal .optional {display:inline}
.column-form .form-row {position:relative; float:left; width:100%}
.column-form .form-row .main-column {float:left; width: 670px; background-color: rgba(0,0,0,0); border:1px solid rgba(0,0,0,0); margin-right: 8px; padding-left: 4px}
.column-form .form-row .single-column {position:relative; float:left; width: 836px; background-color:white; border:1px solid white; margin-right: 8px; padding-left: 4px}
.column-form .form-row .main-column-focus {background-color:#F0FFF0; border:1px solid green}
.column-form .form-row .main-column .label-column {float:left; width: 160px}
.column-form .form-row .main-column .label-column label{ float:right; text-align:right; padding-right:25%; padding-top: 4px}
.column-form .form-row .main-column .field-column {position:relative; float:left; width: 460px}
.column-form .form-row .main-column .field-column textarea {height: 40px; max-height: 500px; width: 470px; max-width: 470px; resize: none}
.column-form .form-row .main-column .field-column.squished textarea {width: 100%}
.column-form .form-row .main-column .field-column label {display: inline-block; white-space: nowrap; margin-right: 5px; font-weight: normal}
.column-form .form-row .main-column .field-column .text {width: 100%}
.column-form .form-row .main-column .field-column input.datepicker {width: 72px}
.column-form .form-row .help-column {display:none; color: black; background-color: silver; border: 1px dashed gray; width: 130px; padding: 1em; font-size: .85em; position: absolute; z-index:99}
.column-form .form-row .help-column-focus, .column-form .form-row .help-column-focus-force {display:inline}
.column-form input[type=submit] {font-size: 1.5em}
.container {background-color: transparent; margin: 0 auto 0 0}
body.min .container {}
#small-logo-div {display:block; float:left; height:40px; left:4px; position:absolute; top:116px; width:80px}
#small-logo-img {width:86px}
.buttons {float: left; width: 100%; height: 40px; margin-bottom: 14px}
h2.page_title {margin-top: 20px; border-bottom: none}
h2 a.edit_link {font-size: 0.5em}
a.edit_link {font-size: 0.7em; color: #5E5E5E; background: #DDD; padding: 1px 4px; display: inline; text-decoration: none}
.form_submit_container {padding: 0.1em; background: #DFDFDF; display: table; margin-bottom: 0.1em}
.message-actions-box {margin-bottom: 2em}
select.message-options {width: 7em; font-size: small; margin: 0; padding: 0}
ul.message-actions {list-style-type: none; display: inline}
ul.message-actions li {display: inline; padding: 0 4px}
ul.message-actions li a {color: #AAAAAA; text-decoration:none; font-weight: bold}
.message-icon {width: 4em; background: url(/images/read_message.gif) no-repeat; background-position: 13px 27px}
.no-message-icon {width: 4em }
ul#messages-nav {list-style-type: none; margin: 0px; margin-top: 2em; margin-bottom: 1px; padding: 0px }
ul#messages-nav li:first-child {margin-left: 1em; border-right:none }
ul#messages-nav li {display:inline; width: 90px; padding: 5px 20px; margin: 0; border: 1px solid #666; background-color: #CCC; text-align: center}
ul#messages-nav li a {color: #333}
ul#messages-nav li.current {color: #FFF; background-color: #333}
ul#messages-nav li.current a {color: #FFF}
// the messages in the inbox and sent messages view table.message {width:100% }
.message .content {background-color: transparent}
.message-from-admin {background-color: #FFFF99}
.message-from-admin-critical {background-color: #FF6699}
.message td {vertical-align: top; padding-top: 0; padding-bottom: 0}
.message td.action {width: 50px; text-align:right; padding-top: 2em}
.message td.user-image {width: 70px}
.message td.button {padding-top: 1em; font-size: 1.5em}
.message .action a {text-decoration:none }
.message .content {padding-bottom: 0; padding-right: 40px; width: 54%}
.message-thread-title h2 {margin-left: 270px; border-bottom: none}
.message-thread-title p {margin-left: 270px; margin-bottom: 0}
.message-thread-title {border-bottom: 1px solid #ccc; padding-bottom: 0.8em; margin-bottom: 1.5em}
.message-detail {}
.message-detail .author-image {clear:left; float:left; width: 80px}
.message-detail .author-byline {float:left; width: 190px}
.message-detail .author-byline a {font-size: larger; font-weight: bold}
.message-detail .message-body {float:left }
.message-body {width: 530px}
.reply-form {clear:left; margin-left:270px}
.comment-form {background-color: #EAEAEA; padding: 1em; border: 1px solid #DADADA}
.comment-form .form-info {margin-left: 1em}
.comment-form h3 {margin-top: 0em; font-weight: normal}
.comment-form dd, .comment-form dt {display: inline}
.comment-form d1 {padding-right: 0em}
.comment-form dd {margin-left: 0; padding-right: 2em}
.comment-form textarea {width: 98%;background-color:white; height: 5em}
.comment-form input[type=text] {margin-top: 0.5em}
.comment {margin-bottom: 1.6em; padding: 0.5em 1em 0 1em}
.comment-odd {background-color: #fbf7c7}
.single-comment {background-color: #fbf7c7; padding-bottom: 1.4em}
.comment table {width: 100%; margin-bottom: 1.4em}
.comment td {vertical-align: top; border-bottom: none}
.comment td.image {width: 57px; padding-top: 9px}
.comment .meta {border-bottom: 1px dotted #c2c8a2; margin-bottom: 0.5em; padding-bottom: 0.5em}
.comment .meta p {margin: 0}
.comment .meta p.dateline {font-size: 0.9em; color: #999}
.comment h4 {font-weight: normal; margin:0}
.comment p {}
.comment .byline a {font-size: 1.2em}
.comment .comment-on {font-size: 1.2em}
.comment .rating-summary {clear: left; margin: 0em}
.comment .star-rating {float:right; margin-top: 0; margin-right:0}
.comment .body {margin-bottom: 0em}
.comment .body p {margin-bottom: 0.2em}
.comment-evaluation {margin-top: 2.0em}
.rate-this-comment {margin: 0; font-weight: bold}
.rate-this-comment img {margin: 0; margin-bottom: -0.3em}
.flag-this-comment {float:right}
.comment .rating-summary {font-size: 90%}
#commenter-box {margin-top:6em; border: 1px solid #666; padding: 1.2em; min-height: 50px}
#commenter-box h3 {margin-top: 0.2em; font-size: medium; border: none}
#commenter-box img {float: right; margin-left: 10px}
#commenter-box ul {list-style-type: none}
.user-comments-comment {border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 1em}
.user-comments-comment .comment {margin-bottom: 0}
#comments-list h3 {text-transform: none; margin-bottom: 1em; border-bottom: none}
#comments-list #nav .pagination {margin-bottom: 0; display: inline; float: none}
#comments-list #nav {border-bottom: 2px dotted #ccc; margin-bottom: 1em}
#comments-list #nav a {font-weight: normal}
#comments-list #nav {font-weight: bold}
#comments-list #nav #order {text-align:right}
.bar-graph table .tiny {font-size: x-small; padding: 0}
.bar-graph th, .bar-graph td {padding: 0; margin: 0; border-bottom: 1px solid white}
.bar-graph table img {vertical-align: baseline; margin: 0; margin-bottom: -2px}
.featured-comments {margin-bottom: 20px}
.featured-comment {border: 1px solid #ccc; padding: 0px 10px 5px}
.featured-comment h3 {margin-top: 8px}
.rate-this-item {padding-right:5px; font-size: x-small; font-weight: bold}
.flagged-item {padding-top: 10px; border-bottom: 2px solid #ccc}
.flagged-item h5 {text-transform: none; margin-bottom: 0.9em}
.piece-image {margin-right: 1.5em; text-align: center}
.piece-image img {border: 1px solid #777777; margin: 1em 0 0}
.series-image img {border: 1px solid #777777; margin: 0}
.series-image {float:left; margin-right: 1.5em}
.piece-image-edit {width: 75px; margin: 0}
.piece-image-metadata {color:black; position:absolute; background-color:white; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.75; width:75px; height:75px}
div.scrollable div.items div.image-metadata {margin:0px; padding:0px; border:none; top:110px; color:black; width:180px; height:52px; position:absolute; background-color:white; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.75}
.piece-title-box {margin-bottom: .8em; border-bottom: 1px dotted #c2c8a2}
.piece-title-box h1 {line-height: 1.2em; margin-top: 0.4em; font-size: 2.4em; padding-bottom: 0px; border: none}
.piece-title-box h2 {margin-top: 0.2em; color: rgb(102, 102, 102); font-size: 1.7em}
.piece-title-box p {font-size: 1.1em; margin: 0}
.piece-info {margin-bottom: 1.2em}
.description-lead {color: #283459; font-weight: normal; font-size: 1.2em; margin-bottom: 1em}
.piece-description-lead {font-weight: normal; font-size: 1.1em}
.marketplace-only {font-weight: normal; font-size: 1.2em; border: 1px solid #F09A2B; background-color: #FEFCF1; margin: 0.4em 0em; padding: 0.4em 1.4em 0.4em 1.4em}
.piece-description hr {clear: left}
#description .edit_link {}
.piece-replace-image-link {position: relative; top: -20px; text-align: center; background-color: #F5F5F5; width: 100%; bottom: 2px; left: 1px}
.piece-image .credit, .series-image .credit {text-align: left; font-size: 10px; margin-bottom: 0px; padding-bottom: 0px}
.piece-image .caption, .series-image .credit {text-align: left; font-style:italic; padding:0px; margin:0px}
#audio_version_play_selector {margin:5px 5px 10px 0}
#audio-version-selector {margin: 0px}
#audio-version-selector .audio-version {border-left: 1px solid #ccc; border-bottom-width:0px; margin-left: 0px; margin-right: 2px; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 2px}
#audio-player-container {display: block; width: 98%; border: 1px solid #EEEEEE; padding: 8px; clear: both; background-color: #F5F5F5}
.selected-audio-version {position: relative; top: 1px; background-color: #F5F5F5; z-index: 1}
.preview-not-ready {color: #666}
.series, .piece, .network, .audio-file {border-bottom: 1px dotted #ccc; padding-bottom: 5px; padding-top: 5px; width: 610px; padding-left: 10px; padding-right: 10px}
.series .title, .piece .title, .network .title, .audio-file .title {font-size: 1.2em}
.piece .subtitle {color: rgb(102, 102, 102); font-size: .8em}
.series .small, .piece .small, .network .small, .audio-file .small {font-size: .8em}
.sidebar-comment-item {padding-bottom: 5px; border-bottom: 1px dotted #ccc}
.piece_length {background: url(/images/silk/clock.png) 0 0 no-repeat; padding-left: 20px}
.piece_details {width: 170px}
.jquery-stars-box {padding-top:5px; margin-bottom: 10px}
li.piece-rating .jquery-stars-box {}
.piece_details .jquery-stars-box {margin-left: 90px; display:block}
.piece_details ul {margin-right: 0px}
.piece_details ul li {text-align: right; list-style: none}
.date_peg_instance h2 {margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; line-height: 1em}
.date_peg_instance p {margin-bottom: 5px}
.series .title {display: inline}
.series .piece-count {font-size: 0.9em; font-weight: bold}
.series .meta, .piece .meta {font-size: 0.9em; color: #666}
.series .toggle-truncated, .piece .toggle-truncated {margin-top: 1em}
.show-full-description-link:link {color: #283459}
.hide-full-description-link:link {color:orange}
.show-full-description-link:hover {text-decoration:none; background-color:orange}
.hide-full-description-link:hover {text-decoration:none; background-color: #333}
.part-of-the-series {font-weight: bold}
.splash-page {margin-top: 12px}
.what-is-prx {font-size: 13px}
.what-is-prx p {margin: 0.5em 0}
.splash-page h2 {border: none; padding-bottom: 0; padding-top: 0; margin-top: 0; margin-bottom: 14px}
.splash-page .sidebar-content {margin-top: 0}
.splash-page .field {padding-top: 0; margin-top: 0}
.splash-page input[type=text], .splash-page input[type=password] {color: #999999}
.splash-page input.active {color: black}
.splash-page input.text {margin: 0 0 1em; width: 144px;}
.splash-page-teaser, .portfolio-teaser {margin-top: 13px; background-color: #F5F5F5; border: 1px solid #EEEEEE; padding-bottom: 10px}
.piece-page-teaser {margin-top: 0px; background-color: #F5f5f5; border: 1px solid #EEEEEE; padding-bottom: 2px; margin-bottom: 20px}
.portfolio h2 {margin-top: 5px; margin-bottom: 0px; border-bottom: 0px; padding-bottom: 0px; line-height: 1em}
.teaserContent {padding: 0 0px 0 20px; font-size: 1em}
#back-forward {text-align: right}
.teaserContent h3 {font-size: 1em; margin-bottom: 0em; line-height: 19px}
.teaserContent img {margin: 0; margin-top:5px}
#teaserController, .teaserController {text-align: center}
.jFlowButton {margin: 0}
.jFlowControl {color: #ccc; cursor: pointer}
.jFlowSelected {color: #000; cursor: default}
.jFlowNext {margin-right: 10px; cursor: pointer}
.jFlowPrev {cursor: pointer}
span.version-select {text-transform: none; font-weight: normal; font-size: medium}
table.musical-works-listing {}
.musical-works-listing .title {width: 20%}
.musical-works-listing .artist {width: 20%}
.musical-works-listing .album {width: 20%}
.musical-works-listing .label {width: 15%}
.musical-works-listing .year {}
.musical-works-listing .running-time {text-align: right;}
.musical-works-listing .buy-now {text-align: center;}
table.manage-items {width: 100%}
.manage-items td, .manage-items th {padding: 0.3em 0.5em}
.playlist-show h3 {font-size: 1.4em}
#playlist-container {border-bottom: 3px solid #F1F1F0}
.playlist-section {clear: left; border-left:3px solid #F1F1F0; border-right:3px solid #F1F1F0; border-top: 3px solid #F1F1F0; padding: 0px 10px 10px 10px}
.playlist-section ul {margin-left: 0}
.reorderable-playlist-section {clear:left; padding-top: 4px; margin-bottom: 4px; border-bottom: 1px solid #CCC}
.playlist-item {margin-top: 10px; padding: 5px; width: 595px; clear: right}
.playlist-item h4 {margin-top: 0}
.playlist-item ul {margin-bottom: 0}
.playlist-series-piece {margin-top: 5px; padding: 5px; margin-left: 15px}
.playlist-item h5 {margin-bottom: 0}
.playlist-series-piece h4 {font-size: 1em}
.edit-instructions {margin: 5px}
a.section-move-controls {cursor: pointer; display: inline; margin: 0}
.edit-commentary-link {}
.playlist-commentary {}
.toggle-playlist-commentary {text-align: right}
.curation-badge {display:inline; color: #e98c61}
.expanded-playlist-item-audio-player {margin-top: 15px; margin-bottom: 5px}
#playlist-widget {}
#playlist-widget select {width: 191px}
#playlist-widget a {background: none; display: inline; color: #666; border: none; margin: 0; padding: 0; text-decoration: underline}
#playlist-widget option.level-2 {margin-left: 1em }
#playlist-widget option.level-3 {margin-left: 2em }
.ajax-notifications {font-weight: bold; font-size: 120%}
.currently-playing-info h4 {margin-top: 0.4em}
.currently-playing-info a:link {text-decoration:underline}
.sm2_playing .currently-playing-info {display:block}
.sm2_paused .currently-playing-info {display:block}
.currently-playing-info {display:none}
#features h2 {margin-bottom: 0px; border: 0px}
#upcoming {padding-left: 10px}
#featured-pieces {padding-left: 10px}
#recent-pieces {padding-left: 10px}
.playlist-small h3 {margin-top: 0.8em}
.playlist-small h2, .playlist-small h3 {padding-top:0; margin-bottom: 0}
.playlist-small {padding-bottom: 10px; margin-bottom: 10px}
.playlist-small .box {}
.playlist-small .piece-in-featured-playlist {clear: left; font-size: 0.8em}
.playlist-small-innerbox {margin: 0 0 2px 2px; float: right; width: 128px; text-align: right}
.playlist-small h3 {margin-top: 0}
.playlist-small-innerbox img {margin-bottom: 0}
.playlist-small-innerbox .stars {float:right}
.playlist .meta {color: #ccc}
ul.playlist li a {background: url(/images/icon_play.png) no-repeat 0px 50%; padding-left: 20px}
ul.playlist li.sm2_playing a {background: url(/images/icon_pause.png) no-repeat 0px 50%; padding-left: 20px}
.playlist-show #description {margin-bottom: 20px}
ul.hide-audio-file-label li a {background: none; padding-left: 0px}
ul.hide-audio-file-label li.sm2_playing a {background: none; padding-left: 0px}
li .commentary p {font-family: Open Sans, sans-serif; font-size: normal}
.piece-in-featured-playlist h4 {margin: 0}
.piece-in-featured-playlist p {margin-bottom: 1em}
.playlist-cms {}
.playlist-cms h2, .playlist-cms h3 {border-bottom: none; margin-bottom: 0}
.playlist-cms .account {font-weight: bold; color: #AF9567}
.playlist-cms p {margin-bottom: 0.2em}
.playlist-cms img {margin: 0}
.playlist-cms .playlist-image {float:left; margin: 0 9px 5px 0}
.usage-bar-box {border: solid 1px #CCC; margin: .4em 0 0 0; padding: 0 ; position:relative; width: 412px; height: 14px; background-color: #ebe7c0; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em}
.usage-bar-box div{ height: 100%; position: absolute; top: 0px; left: 0px; background-color: #e97b00; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em}
h3.myprx-header {font-size: 1.4em; border-bottom:1px dotted #C2C8A2}
.myprx-box {margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #F1F1F0}
.myprx-box-last {margin-bottom:1em; padding-bottom:1em}
table.myprx-status {width: 100%; border: none; padding: 0px; margin: 0px}
table.myprx-status tr {padding: 0px; margin: 0px}
table.myprx-status th {width: 100px; border: none; font-size:1.2em; color: #333; white-space: nowrap; vertical-align: top; padding: 4px 10px 0px 0px; margin: 0px 0px 0px 0px}
table.myprx-status td {border: none; vertical-align: top; padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px}
.myprx-status-text {font-size:1.2em; margin-right: .5em}
.myprx-status-title {font-size:1.2em; font-weight: bold}
table.myprx-menu {border: none; padding-top: 0px; margin-top: 0px}
table.myprx-menu tr {border: none; padding: 0px; margin: 0px}
table.myprx-menu th, table.myprx-menu td {border-bottom: 1px dotted #ccc; vertical-align: bottom; padding: 10px 10px 0 10px; margin: 0px}
table.myprx-menu th {white-space: nowrap; font-size: 1.2em}
table.myprx-menu th.myprx-menu-header {font-size: 1.3em; border-bottom: 1px solid #ccc; padding: 20px 0 0 0}
#analytics-summary-container {width:100%; height: 240px; margin: 0 auto; padding-top: 4px}
.analytics-rounded {display: inline-block; zoom: 1; *display: inline; border: solid 1px #CCC; padding: 3px 5px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; *display: inline; border-left: solid 1px #CCC; padding: 0px 5px 10px 10px}
table.myprx-metrics {border: none; padding: 0px; margin: 0px; width: 100%}
table.myprx-metrics caption {background: none; font-weight: bold; color:#333; font-size: 1.2em; margin-bottom: 4px}
table.myprx-metrics tr {border: none; padding: 0px; margin: 0px}
table.myprx-metrics td {border-bottom: none; vertical-align: bottom; padding: 0px 4px 4px 0px; margin: 0px; font-size: .9em}
table.myprx-metrics th {border-bottom: none; vertical-align: bottom; padding: 0px 4px 4px 0px; margin: 0px; text-align: right; white-space: nowrap; font-size: 1em}
.paid {color:green}
.expired {color:red; font-weight: bold}
a.myprx-action .large {font-size:1.4em}
#ordering-progress {color: red; font-weight: bold}
table.series-pieces {table-layout: fixed; width: 100%}
table.series-pieces tr {height: 1em; line-height: 1.5em}
table.series-pieces tr > td {padding-top: .5em; padding-bottom: .5em}
.series-pieces col#c1 {width: 30px}
.series-pieces col#c2 {}
.series-pieces col#c3 {width: 120px}
.series-pieces col#c4 {height: 1em; line-height: 1.5em; width: 80px}
.series-piece-highlight {border: dashed 1px #EEE; background-color: #FFFF99; width: 870px; padding: 16px 0 0 0; margin: 0; height: 0; line-height: 0; display: block}
#contacts #header {margin-top: 20px}
#contacts h2 {margin-top: 0; margin-bottom: 0px; border-bottom: none}
.contact-items {margin-left: 100px; margin-bottom: 50px; // The space separating the sections. }
.contact-item {margin-top: 10px; width: 350px; height: 80px; float: left}
.contact-item img {float: left; margin-right: 10px}
.contact-item .title {color: #757A9B}
.contact-item .name {margin-top: 0.2em}
table.playlistables {table-layout: fixed; width: 100%}
.playlistables col#c1 {width: 50px}
.playlistables col#c1-play-button {width: 6em}
.playlistables col#c2 {}
.playlistables col#c3-length {width:9em}
.playlistables h4 {border:none; margin-top: 0 }
.playlistables h4 small {font-weight: normal}
.playlistables .play-button-box {padding: 0.5em 1em}
.playlistables td {padding: 0.4em 0 0}
.action-box h3 {font-size: 12px; margin-bottom: 5px}
.action-box ul li {list-style: none; margin: 0.5em}
.action-box ul {margin: 0}
.action-box a {display: block; width: 100%; text-decoration: none; color:white; color: #002853}
.action-box a:hover {color: #002853; background-color: #ADC4D1}
.action-box .info-item {// This for items in the action-box that are merely informational, and not links display: block; color: #D43F17}
.action-box .privileged a {}
.action-box .privileged a:hover {}
.action-box .non-privileged a {color: #002853}
.action-box .plain {display: block; padding: .2em; text-decoration: none; color:black; background-color: white}
.action-box .plain a {color: #009; text-decoration: underline; display: inline; width: 100%; padding: .2em; border: none; background-color: white}
.action-box .plain a:focus, .action-box .plain a:hover {color: #000}
.piece-action-box li {list-style-type:none; margin-left: 0; padding-left: 20px; line-height: 20px}
.piece-action-box li.privileged {color: #4D3DA0}
.piece-action-box li.privileged.edit {background:transparent url(/images/silk/pencil.png) no-repeat scroll 0 0}
.piece-action-box li.privileged.deliveries {background:transparent url(/images/silk/lorry_go.png) no-repeat scroll 0 0}
.piece-action-box li.launch-popup {background:transparent url(/images/silk/sound.png) no-repeat scroll 0 0}
.piece-action-box li.leave-comment {background:transparent url(/images/silk/comment.png) no-repeat scroll 0 0}
.piece-action-box li.message-producer {background:transparent url(/images/silk/email.png) no-repeat scroll 0 0}
.piece-action-box li.add-to-playlist {background:transparent url(/images/silk/heart_add.png) no-repeat scroll 0 0}
.piece-action-box li.flag-piece {background:transparent url(/images/silk/flag_red.png) no-repeat scroll 0 0}
.piece-action-box li.request-opt-in {background:transparent url(/images/silk/arrow_turn_right.png) no-repeat scroll 0 5px}
.piece-action-box li.share-this {background:transparent url(/images/silk/group_link.png) no-repeat scroll 0 0}
.piece-action-box li.share-this-link {margin-left: -36px}
.piece-action-box li.embed-this {background:transparent url(/images/silk/script_link.png) no-repeat scroll 0 0}
.piece-action-box li.embed-this a{ cursor: pointer}
#embed-this-dismiss {width: 17px; height: 17px; position: absolute; top: 10px; right: 10px; background: url('/images/x_button.jpeg')}
.buy-button {height: 44px; width: 204px}
.buy-button a {height: 36px; line-height: 1.3; padding-top: 6px}
.embed-button {height: 18px; width: 60px; padding-top: 2px}
.embed-button a {height: 16px; line-height: 1.3}
.action-button {display: inline-block; text-align: center}
.action-button a {cursor: pointer; display: block; background: #0089BD; background: -moz-linear-gradient(top, #0089BD 0%, #00688F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089BD), color-stop(100%, #00688F)); background: -webkit-linear-gradient(top, #0089BD 0%, #00688F 100%); background: -o-linear-gradient(top, #0089BD 0%, #00688F 100%); background: -ms-linear-gradient(top, #0089BD 0%, #00688F 100%); background: linear-gradient(top, #0089BD 0%, #00688F 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0089BD', endColorstr='#00688F', GradientType=0); border-radius: 5px; background-position: 0px 0px; vertical-align: middle; color: #ffffff; margin-top: 2px; font-family: Open Sans, sans-serif; font-size: 12px; font-weight: normal}
.action-button a:hover {text-decoration: none; background: #00688F}
textarea.piece-embed {font-family: monospace; font-size: 10px; word-break: break-all; white-space:normal; padding: 1px; width: 180px; overflow:hidden; height: 52px}
.embed-player {overflow:hidden}
.at300bs {float: left; margin-right: 4px}
li.license-button {margin-bottom: .4em; background-color: #F0FFF0}
.license-button a {display: block; width: 100%; text-decoration: none; color: green}
.license-button a:hover {color: #000; background-color: #c0f0c0}
.timing-information .length {font-size: 1.5em}
.fcc-warning {background:transparent url(/images/silk/bullet_error.png) no-repeat scroll 0 0; list-style-type:none; padding-left:18px}
.path_field input {width: 240px}
#path_prefix {display: block; float:left; padding: 1em .2em 0em .3em}
#path_preview {display: block; color: #000000; width: 256px; padding: .2em 11.5em .2em .2em; border: solid 1px #DDD; background-color: #EEE; text-decoration: underline}
input.box {width: 1.5em; height: 1.5em; margin:0em 0.5em 0.5em 0;}
ul.check_box_list {position:relative; float: left; width: 48em; margin: 0 0 1em 0; padding: 0; list-style: none}
ul.check_box_list li {position:relative; float: left; font-size: .85em; width: 170px; line-height: 1em; height:26px}
label.check_box_value {margin: 10px 0 10px 20px}
label.check_box_value input {margin: -3px 4px 0 -20px}
.calendar_date_select thead th {text-align: center; padding:0px; margin:0px}
.calendar_date_select td {padding:0px; margin:0px}
.calendar_date_select tbody td {padding:2px}
.calendar_date_select select {margin:0px; padding:1px}
.calendar img {padding:0 0 2px 0; margin:0 0 2px 0}
.calendar input {width:185px}
.column-form .form-row .main-column .field-column .calendar .text {width:185px; clear:both}
.column-form .form-row .main-column .field-column .datepicker .text {width:185px; clear:both}
.indent-form {margin-left: 165px}
.saving-spinner {display: none; font-weight: bold}
.saving-spinner img {vertical-align: middle}
.cds_buttons select.hour {width:75px; font-size:1.1em}
.cds_buttons select.minute {width:45px; font-size:1.1em}
.content-box {display: block; color: #000000; padding: 2px; margin: 2px; border: dashed 1px #DDD; text-decoration: none}
.draggable {cursor: move; border: 1px solid #FFF000; padding: 2px; margin: 2px; background-color: #FFFFCC}
.audio-version {border: solid 1px #ddd; padding:2px}
a.manage-pieces-column {color: silver; text-decoration:underline}
a.manage-pieces-column.current-asc{ color: black; padding-right: 1.2em; background: url('/images/silk/bullet_arrow_up.png') no-repeat right}
a.manage-pieces-column.current-desc{ color: black; padding-right: 1.2em; background: url('/images/silk/bullet_arrow_down.png') no-repeat right}
.odd {background-color: #F5F5F5}
.even {background-color: white}
.currently-playing {background-color: #F5FF9C}
div#search-box-container{ margin: 30px 0px 24px 0px}
#search-box-container ul#search-nav {clear: both; height: 50px; font-size: 11px}
#search-box-container > div#search-input-box {clear: both; height: 100px}
div.pieces-selected > div#search-input-box-center {background-color:#787F7B; border-top:1px solid #4E5451; border-bottom:1px solid #4E5451}
div.pieces-selected > div#search-input-box-left{ width:13px; height: 90px; float: left; background: url('/images/search/pieces-box-left.png') no-repeat center top}
div.pieces-selected > div#search-input-box-right{ width:13px; height: 90px; float: left; background: url('/images/search/pieces-box-right.png') no-repeat center top}
div.pieces-selected > div#search-input-selected {width: 16px; height: 9px; top:2px; left: 68px; position: relative; background: url('/images/search/pieces-selected.png') no-repeat}
.child-list li {border-bottom: 1px solid silver; padding: 2px; background-color: white}
div.date_peg_instance {margin-top: 15px}
div.playlists-selected > div#search-input-box-center {background-color: #E49393; border-top:1px solid #B16412; border-bottom:1px solid #B16412}
div.playlists-selected > div#search-input-box-left{ width:13px; height: 90px; float: left; background: url('/images/search/playlists-box-left.png') no-repeat center top}
div.playlists-selected > div#search-input-box-right{ width:13px; height: 90px; float: left; background: url('/images/search/playlists-box-right.png') no-repeat center top}
div.playlists-selected > div#search-input-selected {width: 16px; height: 9px; top:1px; left: 190px; position: relative; background: url('/images/search/playlists-selected.png') no-repeat}
div.all-selected > div#search-input-box-center {background-color:#80A8B7; border-top:1px solid #608695; border-bottom:1px solid #608695}
div.all-selected > div#search-input-box-left{ width:13px; height: 90px; float: left; background: url('/images/search/all-box-left.png') no-repeat center top}
div.all-selected > div#search-input-box-right{ width:13px; height: 90px; float: left; background: url('/images/search/all-box-right.png') no-repeat center top}
div.all-selected > div#search-input-selected {width: 16px; height: 9px; top:2px; left: 431px; position: relative; background: url('/images/search/all-selected.png') no-repeat}
div.members-selected > div#search-input-box-center {background-color:#0A6FA7; border-top:1px solid #074E76; border-bottom:1px solid #074E76}
div.members-selected > div#search-input-box-left{ width:13px; height: 90px; float: left; background: url('/images/search/members-box-left.png') no-repeat center top}
div.members-selected > div#search-input-box-right{ width:13px; height: 90px; float: left; background: url('/images/search/members-box-right.png') no-repeat center top}
div.members-selected > div#search-input-selected {width: 16px; height: 9px; top:2px; left: 309px; position: relative; background: url('/images/search/members-selected.png') no-repeat}
div#search-input-box-center {height: 88px; width: 486px; padding-left:35px; float:left}
div#search-input-box-center input {margin-top: 0.5em; margin-bottom: 0.5em}
input#q {width: 380px }
div.search-relevance-box {float: right; text-align: right; margin-top: -11px}
.search-relevance-box form {display: inline}
div.search-right-box {font-size: 0.9em}
#search-input-form {margin-top: 25px}
#search-box-container ul#search-nav li {display: block; width: 121px; height:20px; float: left; list-style-type: none; padding-top: 33px; text-align: center}
#advanced-search-progress-spinner {display:none; margin-top: 8px; margin-left: 5px; padding-left: 20px; font-weight: bold; color: red; background: url(/images/spinner.gif) no-repeat left top}
#advanced-search .category-options table.checkboxlist td {width: 300px}
#advanced-search .category-options td {border-bottom: 0; padding-bottom: 1px}
#advanced-search #keyword_options td {padding-bottom: 10px}
#advanced-search #keyword_options label {margin-right: 10px}
#advanced-search .no-bold-label-pane label {font-weight: normal}
#advanced-search .category{ position: relative; font-weight: normal; font-size:1.2em; color:#002853; margin-top: 1.1em; margin-bottom: .2em; cursor: pointer}
#advanced-search .category-selected {font-weight: bold; color:#333333; cursor: default}
#advanced-search .category-selected > .selected {width: 30px; height: 30px; top: 0px; left: 112px; position: absolute; background: url('/images/search/advanced-selected.png') no-repeat}
#advanced-search .categories {width: 120px; float: left}
#advanced-search .choices {width: 720px; float: left}
#advanced-search .hidden {display: none}
#advanced-search #keyword_options label {font-weight: normal}
#advanced-search .selected-pane {margin-top: 1.1em; padding: 15px; min-height: 305px; background-color:#80A8B7; border:1px solid #608695}
#displaySearchTerms {font-size:1.1em; border: 1px solid #F09A2B; background-color:#FEFCF1; padding: 2px 2px; margin-bottom: 10px}
#queryInfo {border-top: 1px solid #CCC; padding-left: 10px}
#otherFilterText {padding: 4px; margin-bottom: 10px}
#advanced-search .english-description {padding: 4px}
#advanced-search .english-description ul {margin-bottom: 0}
#advanced-search .date-field select {width: 100px}
.updating-search-results {position: absolute; top: 100px; left: 200px}
.piece-length-box {width: 30px}
li#search-nav-documents{ background: url('/images/tango/applications-office.png') no-repeat center top}
li#search-nav-all{ background: url('/images/tango/system-search.png') no-repeat center top}
li#search-nav-pieces{ background: url('/images/tango/audio-input-microphone.png') no-repeat center top}
li#search-nav-playlists {background: url('/images/search/folder.png') no-repeat center top}
li#search-nav-people-organizations{ background: url('/images/tango/system-users.png') no-repeat center top}
div.search-container div.track {width:200px; background-color:#aaa; height:5px; position:relative}
div.search-container div.slider-handle {width:5px; height:10px; background-color:#f00; cursor:move; position:absolute; top:0px}
.pagination {float: right; padding: 3px; margin: 3px 3px 2em 3px}
.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #F5F5F5; text-decoration: none; color: #0089BD; background-color: #FFFFFF}
.pagination a:hover, .pagination a:active {border: 1px solid #0089BD; background-color: #ccc; color: #F5F5F5}
.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #f5f5f5; font-weight: bold; background-color: #0089BD; color: #FFF}
.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd}
div#members-search-box {margin: 30px 10px 10px 10px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; height:70px; background:#FEFCF1 none repeat scroll 0 0}
div#members-search-box label {display: block; font-size: 1.5em}
div#members-search-box label span.quiet {font-size:0.5em}
div#members-search-box form {margin:5px 5px 5px 25px}
div#members-search-box form input.search-button {margin-top:36px}
div#members-search-box form p {float: left}
.date-divider {border-bottom:1px solid #CCCCCC; color:#777777; font-size:9px; font-weight:bold; margin:10px 0px 0px; padding:2px 0px; text-align:left; clear: both}
.breadcrumbs {margin: 20px 0}
table.admin-view {width: 100% }
form.find-user {background-color: #ececec; padding: 1em; margin-bottom: 1em}
form.find-user input[type=submit] {display: inline}
.site-admin-options {background-color: #ececec; padding: 0.5em 1em; margin-top: 1em}
table.statement {width: 100%}
table.statement td {text-align: left}
table.statement sup a {text-decoration:none}
table.statement td.number, table.statement th.number {text-align: right}
table.statement th, table.statement td {padding: 4px 8px}
table.statement th {text-align: left}
table.statement tfoot tr td {font-weight: bold; font-size: 1.2em}
table.package-calculator {width: 50%}
table.package-calculator th {text-align: center}
table.package-calculator td {text-align: right}
table.package-calculator tr.custom td, table.package-calculator tr.custom td a {background-color: #666; color: white}
table.point-packages {width: 100%}
table.point-packages tr.expired td {background-color: #fcc}
.purchase_series_pieces {width: 100%}
.piece-license-box {position:absolute; z-index:1000; background:white; border:solid 1px #C4D5DA; padding:1em; width:24em}
.piece-license-box h2 {font-size: 1.2em}
.piece-license-box h3 {font-size: 1em}
.piece-license-box h4 {font-size: 1em}
.piece-license-box a {text-decoration: none; color: black}
.tier1 {font-size: 1.8em}
.tier2 {font-size: 1.3em}
.tier3 {font-size: 1em}
.tier4 {font-size: .9em}
.tier5 {font-size: .7em}
h4.decorated {color: #D43F17; margin-top: 0; text-transform: uppercase; background: url(/images/header-dot.gif) top left no-repeat; background-position: 0px 3px; padding-left: 10px}
h5.decorated, h6.decorated {color: #D43F17; margin-top: 0; text-transform: uppercase; background: url(/images/smaller-dot.gif) top left no-repeat; background-position: 0px 4px; padding-left: 10px; font-size: 10px; padding-top: 2px}
ul.profile-box {list-style-type: none}
.profile-box li {list-style-type: none}
.graph {width: 255px; text-align: center}
#footer-navigation dd {list-style-type: none; line-height: 1.25; margin-left: 0px}
#footer-navigation dt {font-weight: bold; text-decoration: underline; margin-bottom: 0.1em; margin-top: .5em}
#mapContainer {margin-top: 92px}
#map {}
.search_result {padding-top: 10px; border-bottom: 1px solid #efefef}
.highlight_search_result {background-color: #FEFCF1}
.network-request {border-bottom: 1px solid #ccc; padding: 10px}
#advanced-search-keyword {margin-top:1px; margin-bottom: 10px}
#advanced-search-keyword h3 {float: left; padding-bottom: 0; margin-top:12px; margin-right: 10px; width:9em; text-align: right}
#advanced-search-keyword input {vertical-align: middle}
#advanced-search-keyword select {vertical-align: middle; margin:0}
#advanced-search-keyword li {list-style-type:none; display: inline}
.new-advanced-search-form {clear: left; display: block; position: relative}
.new-advanced-search-form h3 {margin-top: 0; margin-bottom: 0}
#role {margin-left: 7px}
#topic {margin-left: 5px}
.names-panel {float:left; width: 128px; padding: 0 4px}
.new-advanced-search-form #skill {width: 230px}
.new-advanced-search-form div.users-search {float:left; width: 180px}
.new-advanced-search-form #license {width: 160px}
.new-advanced-search-form #license h4 {color: #999; font-weight: normal; font-size: 1em; margin: 0 0 0 0}
.new-advanced-search-form #license ul.top {margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc}
.new-advanced-search-form #role {width: 220px}
.new-advanced-search-form label, .more-popout-content label {font-weight: normal}
.new-advanced-search-form , .more-popout-content {margin-left: 0; padding-left: 0; font-size: 10px}
.more-choices {margin: 10px 0 10px}
.more-popout {display:none}
.popout-bottom {clear: left}
.popout-bottom .cancel-link {position: absolute; bottom: 10px; right: 10px}
ul.column-list {width: 190px; float: left}
.more-popout-content label {font-size: 1.2em}
.more-popout-content ul.column-list {width: 190px; float: left; font-weight: normal}
.more-popout-content li {list-style-type:none}
.more-popout-content select {width: 80px}
ul.select-clear li {margin-top: .2em; height: 1.6em}
table.staff {width: 100%}
.staff td {vertical-align: top}
.span-6 .staff-member {width:140px; overflow:hidden; text-overflow:ellipsis}
.spinner {background: #fff url('../images/progress_bar.gif') no-repeat center center; opacity: 0.75; filter: alpha(opacity: 75); -moz-opacity: 0.75; -khtml-opacity: 0.75}
.mp3-preview-widget {display: inline}
#at_msg {width: 150px; height: 3em; margin: 0px; padding: 0px}
.work_experience {padding-top: 10px; border-bottom: 1px solid #EFEFEF}
.report-data td {background-color: white}
.report-data th {background-color: white}
.order-by-controls {margin: 5px 0 10px; font-weight: bold}
.order-by-controls span {font-weight: normal}
.order-by-controls img {margin: 0}
p.form-tip-box {border: dotted 1px #c2c8a2; padding: 3px 5px; margin-top: 5px; background-color: #efefef; width: 100%}
table.manage-membership-requests td * {display: inline}
#playlist-widget-flash, #comment-form-flash {font-weight: bold; background-color: yellow}
#comment-form-flash {margin-bottom: 10px}
img.audio-file-status {margin: 0px; padding: 0px; border: none}
ul.audio-file-status-list {list-style-type: none; margin-left: 0px; margin-top: 4px}
ul.audio-file-status-list li {padding:0 0 4px 0; list-style-type: none; font-size: .85em}
.activeFacet {background-color: yellow}
div.scrollable {position:relative; overflow:hidden; width: 600px; height:170px; padding:0 0; margin-bottom: 20px}
div.scrollable div.items {width:20000em; position:absolute; clear:both}
div.scrollable div.items div {float:left; width:181px; padding:4px; font-size:1em; border:1px solid #EEEEEE; background-color: #FFFFFF; margin: 0px 5px; height:154px; overflow: hidden}
div.scrollable div.items div.placeholder {padding:0; height:162px; width:189px}
div.scrollable div.items div.active {border:1px solid #999}
div.scrollable {float:left}
a.next, a.nextPage {display:block; width:15px; height:164px; background:url(/images/scrollnav/right.png) no-repeat; float:left; margin:0px 0px; cursor:pointer; font-size:1px}
a.prev, a.prevPage {display:block; width:15px; height:164px; background:url(/images/scrollnav/left.png) no-repeat; float:left; margin:0px 0px; cursor:pointer; font-size:1px}
div.scrollableSpotUs {position:relative; overflow:hidden; width: 600px; height:330px; padding:0 0; margin-bottom: 20px}
div.scrollableSpotUs div.items h3 {margin-top: 0.5em; font-size: 1.1em; line-height: 1.1em}
div.scrollableSpotUs div.items img {float:left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px}
div.scrollableSpotUs div.items {width:20000em; position:absolute; clear:both}
div.scrollableSpotUs div.items div {float:left; width: 168px; padding: 4px 10px; font-size: 1em; border: 2px solid white; background-color: #f5f5f5; margin: 0px 5px; height: 280px; overflow: hidden}
.spotus-item {position:relative}
a.fund-link {font-size: 1.2em; text-align: center; color: #FFF}
.fund-button {position:absolute; border: solid 1px #f5f5f5; width: 166px; height: 20px; background-color: #283459; text-align:center; bottom: 20px; -webkit-border-radius: .75em; -moz-border-radius: .75em; border-radius: .75em}
.fund-button:hover {background-color: #5B678C}
div.scrollableSpotUs div.items div p {margin-bottom: 6px}
div.scrollableSpotUs div.items div p.short_description {font-size:.8em}
div.scrollableSpotUs div.items div p.byline {font-size:.8em}
div.scrollableSpotUs div.items div.placeholder {padding:0; height:162px; width:189px}
div.scrollableSpotUs div.items div.active {border:1px solid #999}
div.scrollableSpotUs {float:left}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {}
a.prev.disabled, a.prevPage.disabled {background: url(/images/scrollnav/left-disabled.png) no-repeat}
a.next.disabled, a.nextPage.disabled {background: url(/images/scrollnav/right-disabled.png) no-repeat}
div.navi {text-align: center; height:20px}
div.navi a {width:12px; height:12px; float:left; margin:3px; background:url(/images/silk/bullet_black.png) 0 0 no-repeat; display:block; font-size:1px}
div.navi a:hover {background:url(/images/silk/bullet_yellow.png) 0 0 no-repeat}
div.navi a.active {background:url(/images/silk/bullet_blue.png) 0 0 no-repeat}
div.scrollable div.items div h3 {font-size: 1em; margin-bottom: 0em; margin-top: 0px; line-height: 14px}
div.scrollable div.items div img {margin: 0; margin-top:0px}
div.scrollable div.items div span.short_description {line-height: 14px; font-size: 0.9em}
#related-pieces-search-expanded {border: 1px solid #EEEEEE; background-color: #f5f5f5; width: 587px; height: 30px; margin-left:20px; margin-bottom:2px; padding-left:2px; padding-right:2px; padding-top:2px; font-size: 0.9em}
.related-pieces-search-form ul {display: inline; margin-left: 0; margin-bottom: 0}
.related-pieces-search-form li {display: inline}
.related-pieces-search-form input[type=submit], .related-pieces-search-form input#related-find {border: 1px solid #283459; font-size: 0.9em; background-color: #ececec; color: #283459; margin-left: 2px; height:16px; width:50px}
.related-pieces-search-form input[type=submit]:hover {background-color: #283459; color: #ececec}
.related-find-container {position:relative; left:535px; top:-16px}
div.piece-page .labeled-form.splash-page {margin-top:0px; margin-bottom:0px}
div#sign-up-for-prx-box {clear: both; padding: 4px; border: 1px solid #E98C61; background-color: #FEFCF1; font-size: 1.5em; text-align:center}
ul.toc ul {margin-bottom: 0}
.warning {position: relative; font-size: 1.2em; border: 2px solid #D30000; background-color:#FFEFEF; padding: 4px; margin-top: 10px; margin-bottom: 10px}
.warning-small {font-size: 1em; border: 1px solid #D30000; background-color:#FFEFEF; padding: 2px; margin-top: 5px; margin-bottom: 5px; text-align:center}
.warning p {margin-bottom: 5px; padding-left: 40px}
.warning .secondary {font-size: .8em}
.info {position:relative; width: 100%; border: 2px solid green; padding: 0px; margin-top: 10px; margin-bottom: 10px}
.info h2 {text-align: left; font-weight: bold; padding: 0px 5px 5px 10px; font-size: 14px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-color: green; color: #fff}
.info h2 a {color: #fff}
.info p {margin-bottom: 0; padding: 5px; font-weight: bold; font-size: 1em; background-color: #F0FFF0; color: green}
.info p a {color: green; font-weight: bold; text-decoration: underline}
.info ul li {list-style: disc}
#errorExplanation {position:relative; width: 90%; border: 2px solid #c00; padding: 0px; margin-top: 10px; margin-bottom: 10px; background-color: #FFF0F0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 0px 5px 5px 10px; font-size: 14px; margin: 0px; background-color: #c00; color: #fff; line-height: 1em}
#errorExplanation p {margin-bottom: 0; padding: 5px; font-weight: bold; background-color: #FFF0F0; color: #c00}
#errorExplanation ul li {list-style: disc}
.fieldWithErrors label{ color:#c00}
.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {background-color:#FFF0F0; border: 1px solid #c00}
.fieldWithErrors input:focus, .fieldWithErrors textarea:focus, .fieldWithErrors select:focus {background-color:#FFFFFF; border: 1px solid red}
.inline-everything {float:right}
.inline-everything * {display:inline; font-size: 10px}
.audio-file-pop-up {z-index: 1000; margin: 2px; padding: 4px; position:absolute; float:left; background-color:#FFFFFF; color: black; border: 1px solid gray}
.speaker-icon {cursor: pointer}
.hidden {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.skip a {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.skip a:focus {position:static; width:auto; height:auto}
#creation_process {margin-bottom: -17px}
@-moz-document url-prefix() {#creation_process {margin-bottom: -16px}
}
#creation_process ul {list-style-type: none; display:block; clear: both}
#creation_process li {display: inline; padding: 10px 40px 6px 25px; position: relative}
#creation_process li.current {z-index: 51 !important; border-left: 1px solid silver; border-right: 1px solid silver; border-top: 1px solid silver; background: white}
#creation_process li .endcap {position: absolute; left: 0; top: 0; width: 9px; height:31px}
#creation_process li.current .endcap {}
#creation_process li.step-0 {z-index:50}
#creation_process li.step-1 {z-index:49}
#creation_process li.step-2 {z-index:48}
#creation_process li.step-3 {z-index:47}
#creation_process li.step-4 {z-index:46}
table.delivery-logs {width: 100%}
table.delivery-logs td.timestamp {white-space: nowrap; width: 120px}
table.delivery-logs td.status {white-space: nowrap; width: 60px}
table.delivery-logs td.audio_file {width: 120px}
table.delivery-logs td.message {white-space:normal}
table.delivery-logs th {padding-top: 16px}
table.delivery-logs tr.delivery-log td.timestamp {padding-left: 20px}
table.delivery-logs tr.delivery-log td {border-bottom: 1px solid #CCC; background-color: #DDD}
table.delivery-logs tr.delivery-log {}
table.general-delivery-logs tr.delivery-log td.timestamp {padding-left: 0px}
table.general-delivery-logs tr.delivery-log td {border-bottom: 1px solid #CCC; background-color: white}
table.admin-deliveries {width: 100%}
table.admin-subscriptions {width: 100%}
table.admin-subscriptions td ul {margin-bottom: 0px}
input.text.dollar-value {width: 100px !important; text-align: right; padding-left: 10px; background-image: url(/images/dollar.png); background-repeat: no-repeat}
div.calendar-select {padding: 0px; margin: 0px; border-radius: 5px; height: 70px}
input[type=radio].calendar-select {display:none}
label.calendar-select {cursor: pointer; width: 15px; height: 15px; float: left; background: rgb(238,241,244); background: -moz-linear-gradient(top, rgb(238,241,244), rgb(208, 211, 214)); background: -webkit-linear-gradient(top, rgb(238,241,244), rgb(208, 211, 214)); background: linear-gradient(top, rgb(238,241,244), rgb(208, 211, 214)); border:1px solid #666; border-left:none; border-right: none; padding: 15px; margin: 10px 0; text-align: center; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 rgba(0, 0, 0, 0.1) inset; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); position: relative}
label.calendar-select .small {position: absolute; top: 30px; left: 5px; font-size: 7px}
label.calendar-select .init {position: absolute; top: 4px; left: 4px}
label.calendar-select:nth-child(2) {border-left: 1px solid #666; border-top-left-radius: 10px; border-bottom-left-radius: 10px}
label.calendar-select:nth-child(14) {box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 rgba(0, 0, 0, 0.1) inset}
label.calendar-select:nth-child(16) {box-shadow: 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 rgba(0, 0, 0, 0.1) inset}
label.calendar-select:last-child {border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid #666}
input[type=radio].calendar-select:checked+label {background: rgb(208,211,214); background: -moz-linear-gradient(top, rgb(208,211,214), rgb(178, 181, 184)); background: -webkit-linear-gradient(top, hsl(36,90%,70%), hsl(36, 90%, 50%)); background: linear-gradient(top, rgb(208,211,214), rgb(178, 181, 184)); box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1) inset, 1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 rgba(0, 0, 0, 0.1) inset}
#additional-delivery-maxheight {height: 255px; overflow: hidden; clear:both }
div.add-discount {width: 200px !important; float:right !important; clear:both}
div.add-discount select {width: 50px}
.field-column.billing-details {width: 200px !important}
.field-column.pricing-details {width: 200px !important; float:right !important; text-align: right}
.pricing-details hr {margin: 10px 0 1px}
.show-discounter {float:right; display:block; clear:both; font-weight:100; font-style:italic; cursor:pointer; height:36px}
span.money {display: inline-block; clear: both; width: 80px}
span.discount {position:relative; left:10px }
#card-type {height: 32px }
#card-type div {width: 32px; height: 32px; float: left}
#visa {background: url('/images/credit_card/visa_disabled.png') }
#mastercard {background: url('/images/credit_card/mastercard_disabled.png') }
#discover {background: url('/images/credit_card/discover_disabled.png') }
#americanexpress {background: url('/images/credit_card/american_express_disabled.png') }
#dinersclub {display:none }
#jcb {display:none }
.nomatch #visa, #visa.active {background: url('/images/credit_card/visa.png') }
.nomatch #mastercard, #mastercard.active {background: url('/images/credit_card/mastercard.png') }
.nomatch #discover, #discover.active {background: url('/images/credit_card/discover.png') }
.nomatch #americanexpress, #americanexpress.active {background: url('/images/credit_card/american_express.png') }
#dinersclub.active {display: block; background: url('/images/credit_card/diners_club.png') }
#jcb.active {display: block; background: url('/images/credit_card/jcb.png') }
table.alerts-table {width:100%}
table.alerts-table tr.active td {background-color: #fcc}
table.alerts-table tr.inactive td {background-color: #eee}
table.series-due-hourly th {padding: 1px 4px; text-align: center}
table.series-due-hourly td {padding: 1px 4px; text-align: center}
table.series-due-hourly td.hour {padding-right: 8px; text-align: right; border-right: 1px solid #ECECEC}
#beta-banner {background: white; width: 986px; height: 40px}
#beta-banner h1 {font-size: 13px; font-weight: normal; text-align: center; border: 0; line-height: 40px}
#beta-banner h1 a, #beta-banner h1 a:visited {font-weight: bold; color: #283459}
.marketplace-only-form {padding: 0.5em 0em; margin: 0.5em 0em; background-color: rgb(229, 239, 253); clear:both; display:block}
.marketplace-only-form h3 {margin-top: 0; padding-left: 0.5em}
#delivery-filters {float: left; clear: none; width: auto}
.button-list {float: left; padding: 3px; margin: 3px 3px 2em 3px; background-color: white}
.button-list a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #F5F5F5; text-decoration: none; color: #E98C61; background-color: #FEFCF1}
.button-list a:hover, .button-list a:active {border: 1px solid #000099; background-color: #ccc; color: #F5F5F5}
.button-list span.active a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #f5f5f5; font-weight: bold; background-color: #E98C61; color: #FFF}
.button-list span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd}