/*
<!--                                                                  -->
<!--  Copyright (C) 2006 RoyaltyShare, Inc.   All Rights Reserved     -->
<!--                                                                  -->
*/

html {
	font-size: small;
}
body {
  margin: 0;
  padding: 0;
  background: #fff;
  min-width: 990px;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
	color: #000;
	font-size: 95%;
}
p {
  margin: 5px 0;
}
a {
	text-decoration: none;
	color: #283EC6;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #703470;
}
h1 {
  font-size: 110%;
  font-weight: bold;
}
h1 a {
  color: #ffffff;
}
h2 {
  font-size: 115%;
}
h3 {
  font-size: 105%;
  padding-top: 5px;
}
hr {
  width: 99%;
  height: 1px;
  color: #A5BD7E;
  border: 0;
  background-color: #A5BD7E;
}
form {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
input, select, textarea {
  font-size: 100%;
  margin: 0;
  font-family: Verdana, sans-serif;
  font-weight: normal;
}
label {
  font-weight: bold;
}
td {
  vertical-align: bottom;
	text-align: left;
}
th {
	text-align: left;
}
.pdfIcon {
	margin: 0 5px 0 0;
}
.finePrint {
	font-size: 80%;
}
.footnote {
  clear: both;
  margin: 0 auto;
  width: 96%;
  text-align: left;
  padding-top: 10px;
}
.nowViewing {
    vertical-align: middle;   
}
.amount, table.textChart th.amount, table.textChart td.amount {
	text-align: right;
}
th.percent, td.percent, table.textChart th.icon, td.icon, th.status, td.status, th.multi, td.multi {
  text-align: center;
}
td.amountLabel {
	text-align: right;
	font-weight: bold;
}
td.arrows img {
	margin-top: 3px;
}
table.textChart td.icon {
	padding-top: 2px;
	padding-bottom: 0;
}
tr.textareaRow td {
  padding-top: 5px;
}
img.helpIcon {
  margin-left: 2px;
}
table.buttons img.helpIcon {
	margin-right: 5px;
}
input.checkbox {
  vertical-align: middle;
}
.emptyMessage {
  text-align: center;
}
.superBreak {
  clear: both;
}
td.multiFields, td.multiFields input {
	text-align: bottom;
	vertical-align: bottom;
}
* html .pageNumbers {
  padding-top: 5px;
}
td.containsCheckBox {
  padding-bottom: 2px;
}
.section table {
  margin: 5px auto;
  text-align: left;
}
.section table.textChart {
  margin-bottom: 5px;
}
td.leftCol, .textTable td.leftCol {
  font-weight: bold;
  text-align: right;
  padding: 9px 5px 1px 0;
}
.rightCol {
  padding-bottom: 2px;
}
.readOnlyCol {
	padding-bottom: 4px;
}
form td.leftCol, form .textTable td.leftCol {
  padding-bottom: 4px;
}
.viewOnly table {
    padding-top: 0; 
    margin-top: 0;
} 
form .viewOnly td.leftCol {
    padding-bottom: 1px;
}
p.formHeader {
	font-size: 130%;
  text-align: left;
  margin: 10px 10px 0 10px;
}
p.addLink {
  margin: 10px;
  padding-bottom: 10px;
  text-align: right;
}
form table#openFiles td {
  vertical-align: middle;
}
#fileInp {
  display: none;
}
div.section table.buttons {
  border: 0;
  text-align: center;
  margin: 0 auto 5px auto;
  padding: 0;
}
table.buttons td {
  border: 0;
  margin: 0;
  padding: 0;
}
.buttons input {
  margin: 1px;
}
.singleButton {
  width: 100%;
  float: right;
  margin: 10px 0 10px 0;
  text-align: right;
}
.topButton {
  margin: -5px 0 0 10px;
}
.bottomButton {
  margin: 5px 0 0 10px;
}
.backButton {
  padding-bottom: 5px;
}
.backButton input {
    margin: 0 auto;   
}
.singleButton input {
  margin-right: 5px;
}
html>body .singleButton {
  float: right;
}
input.moverButton {
  width: 80px;
}
.defaultButton {
  background-color: #f4d164;
}
.defaultCol {
	text-align: center;
}
.emptyFieldset {
	text-align: center;
	padding: 5px;
}
.success {
  color: #0C4504;
  font-weight: bold;
}
.iconLink img {
	margin-left: 2px;	
	margin-right: 2px;
	vertical-align: bottom;
}
.messageBox {
  text-align: center;
  margin: 5px auto;
  width: 420px;
  height: 25px;
  padding: 5px 5px 0 0;
  font-weight: bold;
  font-size: 120%;
  background-repeat: no-repeat;
  background-position: 2% 40%;
}
.bigMessageBox {
  text-align: center;
  margin: 5px auto;
  width: 650px;
  height: 25px;
  padding: 5px 5px 0 0;
  font-weight: bold;
  font-size: 120%;
  background-repeat: no-repeat;
  background-position: 2% 40%;
}
.successGeneral {
  background-image: url(/production/images/icons/office/Checkmark-%2824x24%29.gif);
  background-color: #E6FCE6;
  border: 1px solid #0c0;
  color: #090;
}
.warningGeneral {
  background-image: url(/production/images/icons/office/Warning-%2824x24%29.gif);
  background-color: #fef3bd;
  border: 1px solid #db7e2c;
  color: #A64005;

}
.errorGeneral {
  background-image: url(/production/images/icons/office/Close-%2824x24%29.gif);
  background-color: #FCE9E7;
  border: 1px solid #c00;
  color: #900;
}
.error {
  font-weight: bold;
  color: #FF1414;
  margin: 5px 0 0 0;
}
.errorInput {
  background-color: #fcc;
}
.warningInput {
  background-color: #F6F8C4;
}
#content {
  width: 100%;
  padding: 5px 0;
  font-size: 90%;
  text-align: center;
  background: #46464F;
	float: left;
}
.copy {
  text-align: left;
  width: 500px;
  margin: 5px auto;
}
.sectionHeader {
  color: #fff;
  clear: both;
  margin: 0 auto;
  width: 98%;
  background: #326694 url(/production/images/gradient_blue.gif) bottom repeat-x;
}
.sectionHeader h1 {
  margin: 0 auto;
  padding: 5px 0;
  font-size: 120%;
}
.sectionHeader a {
  color: #fff;
}
.sectionBody {
  width: 98%;
  margin: 0 auto 10px auto;
  height: 100%;
  background: #A5BD7E url(/production/images/green.gif) top repeat-x;
  padding: 5px 0;
}
.sectionBody h2, .sectionBody h3 {
  margin-top: 0;
  margin-bottom: 5px;
}
.sectionLeft table, .sectionRight table, .sectionCenter table {
  margin: 0 auto;
}
.sectionRight .error {
  padding: 0;
}
.section, .sectionLeft, .sectionRight, .sectionCenter {
  width: 96%;
  background: #fff;
  margin: 10px auto;
  text-align: center;
  padding: 5px 0 0 0;
  overflow: hidden;
}
.section {
	overflow: visible;
}
.sectionLeft, .sectionRight, .sectionCenter {
	margin-top: 0;
	margin-bottom: 0;
	width: 49%;
	padding-bottom: 5px;
}
.sectionLeft {
  float: left;
}
.sectionRight {
  float: right;
}
.sectionCenter {
  margin-right: auto;
  margin-left: auto;
}
.column1 {
  width: 49%;
  float: left;
  overflow: hidden;
}
.column2 {
  width: 49%;
  float: right;
  overflow: hidden;
}
table.singleColumn {
  margin-left: 2%;
}
fieldset table.singleColumn {
 margin-left: 0;
 padding-left: 40px;
}
.insideFieldset {
  padding: 0 10px 10px 10px;
  overflow: hidden;
}
.column1 table, .column2 table {
  width: 90%;
}
.column1 td, .column2 td {
  width: 30%;
}
.bottomText {
  clear: both;
	text-align: center;
	margin-bottom: 5px;
}
.detailHeader {
  text-align: center;
  padding-bottom: 5px
}
#labelDropDown {
  vertical-align: middle;
  font-weight: bold;
  color: #ffffff;
  margin: 0 5px 1px 0;
  float: right;
}
#labelDropDown select, #labelDropDown input {
  font-size: 100%;
  margin-right: 4px;
}
.reportNavWrapper {
	margin-bottom: 5px;
	overflow: hidden;
	padding: 5px 0;
	vertical-align: bottom;
}
.navPrev {
  text-align: left;
  width: 200px;
  float: left;
  padding: 5px 0 0 10px;
}
.navNext {
  width: 200px;
  float: right;
  text-align: right;
  padding: 5px 10px 0 0;
}
.searchPrev, .searchToggle {
  text-align: left;
  width: 100px;
  float: left;
  padding: 5px 0 5px 10px;
}
.searchNext, .searchSize {
  width: 100px;
  clear: right;
  float: right;
  text-align: right;
  padding: 5px 10px 5px 0;
}
h3.comboSearchHeader {
	padding-bottom: 0; 
	margin-bottom: 3px;
}
.searchToggle, .searchSize {
	width: 250px;
}

.row1, .row1 table, .row1 tr, .defaultRow0, .defaultRow0 table, .defaultRow0 tr {
  background-color: #f0f0f0;
}
tr.defaultRow td {
  background-color: #F0EBE0;
	vertical-align: middle;
}
.subtle {
  font-weight: normal;
  color: #666;
}
a.inactive {
  font-weight: normal;
  color: #666;
  text-decoration: none;
}
.normal {
	font-weight: normal;
}
.disabledRow {
  font-weight: normal;
  color: #999;
}
#confirmBox, .hidden {
  display: none;
}
#noData {
	padding: 5px;
  clear: both;
}
ul.reportDownload {
	list-style: none;
  margin: 5px auto;
  text-align: left;
}
ul.reportDownload li {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 20px;
}
ul.reportDownload img {
	margin-right: 2px;
	vertical-align: text-bottom;
}
#downloadReports table {
    margin: 0 auto;
    padding: 0;
}
#downloadReports td, #downloadReports ul {
    margin: 0;
    padding: 0;
}
#downloadReports ul.reportDownloadXX {
	width: 200px;
}
#exceptionReports ul.reportDownload {
  width: 200px;
}
#periodReports ul.reportDownload {
  width: 400px;
  padding-left: 0;
}
#confirmBox {
  display: none;
}
#qwikcloseBox {
  display: none;
}

/* header */
#header {
  width: 97%;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}
#logo {
  margin-left: 15px;
  float: left;
  text-align: left;
  margin: 10px 0 2px 0;
  height: 47px;
  width: 510px;
  background-repeat: no-repeat;
}
#logout {
  float: right;
  margin: 10px 5px 10px 10px;
  text-align: right;
}
.headerSearch {
  float: right;
  clear: right; 
  font-size: 90%; 
  margin-right: 1.5%; 
  text-align: right; 
  width: 360px    
}
#topNavWrapper .subtle {
  font-size: 80%; 
}
ul#topNav {
  clear: both;
  background-color: #fff;
  margin: 0;
  padding-left: 2%;
  list-style: none;
  font-size: 80%;
  width: 70em;
  float: left;
}
#topNav li.tab {
  float: left;
  clear: right;
  background: #A5BD7E;
  margin: 0 1px;
  width: 9em;
}
#topNav li.blankTab {
  background: #fff;
  width: 2.4em;
}
#topNav a {
  display: block;
  width: 8em;
  color: #303B1F;
  font-weight: bold;
  padding: .5em;
}
#topNav #navOn {
  background: #326694;
  color: #fff;
}
li.salesTab {
	position: absolute;
	right: 12px;
}
#navOn a {
  color: #fff;
}
#subNav {
  clear: both;
  font-size: 75%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #326694 url(/production/images/gradient_blue.gif) bottom repeat-x;
	float: left;
	height: 2.7em;
    text-align: center;
}
#subNav ul {
  float: left;
  margin: 0 auto;
  padding: 4px 0 0 5%;
  list-style: none;
}
#subNav li {
  list-style: none;
  float: left;
  width: 10em;
	height: 2em;
  padding: 4px 4px 5px 4px;
}
#subNav #adminSubNav li {
    width: 8em;   
}
#subNav table {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#subNav td {
	text-align: center;
	margin: 0;
	padding: 0;
}
#subNav td ul {
	padding: 0;
	margin-top: 2px;
}

ul#salesSubNav {
	margin-left: 15%;
}
#salesSubNav li {
	width: 12.5em;
}
#salesSubNav li.bookLink, #salesSubNav li.chapterLink, #salesSubNav li.authorLink {
	width: 8em;
}
#subSubNav input, #subSubNav select {
	margin-right: 2px;
}
#subSubNav #period {
    width: auto;
}
#subNav a {
  color: #fff;
  font-weight: bold;
}
#subNav li#subNavOn {
  background-color: #F0EBE0;
}
#subNav li#subNavOn a {
  background-color: #F0EBE0;
  color: #303B1F;
}
ul#filterNav {
	margin: 0;
  list-style: none;
	padding: 4px 0 0 0;
  float: right;
	width: 18em;
}
#filterNav li {
	width: 6em;
}
#subNav li.filterNavDivider {
	width: 2em;
	color: #fff;
  text-align: center;
}
#subSubNavWrapper {
  background: #F0EBE0;
  overflow: hidden;
	font-size: 85%;
  font-weight: bold;
  margin: 0;
	padding: 0;
  text-align: right;
	float: right;
	width: 100%;
}
#subSubNav {
  padding: 4px 1% 0 0;
}
#subSubNav select, #subSubNav input {
	margin-right: 4px;
}
#subSubNav label {
  margin-right: 2px;
}
#subSubNavExport {
  padding: 4px 1% 0 0;
	margin-left: 4px;
  font-weight: normal;
  text-align: left;
	float: left;
	width: 100%;
}
#periodDropDown {
  float: left;
}
#subNavDropDown select, #subNavDropDown input {
  font-size: 100%;
  margin-right: 4px;
}
#labelText {
  margin: 7px 20px 1px 0;
}
#exportSnapshotWrapper {
  float: left; 
  clear: left;
  text-align: left; 
  width: 125px;  
  margin-left: 1%; 
  margin-top: 8px; 
  white-space: nowrap    
}
#exportSnapshot {
  color: #283EC6;    
  font-weight: normal;  
}
#exportSnapshot img {
  vertical-align: text-bottom; 
  margin-right: 2px;
}
#analyticsFilters select.filter {
    width: 17em;
    border: 0;
    margin: 0;
}
#analyticsFilters div.filterWrapper {
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
    margin-top: 1px;
    padding: 0;
}
#analyticsFilters {
    margin: 0 0 0 auto;
    padding: 0;
}
#analyticsFilters td {
    margin: 0;
    padding: 0;
    vertical-align: middle;    
}
#analyticsFilters select {
    margin-right: 4px;       
}
#analyticsFilters td.period {
    padding-top: 2px;   
}
input#searchBarSubmit {
  margin: 0;
  position: relative;
  top: 2px;
  right: 18px;
}

/* text charts */
.textChartLeft {
  width: 49%;
  background: #fff;
  border: #63714c solid 1px;
  margin: 0 0 10px 0;
  float: left;
}
.textChartRight {
  width: 49%;
  background: #fff;
  border: #63714c solid 1px;
  margin: 0 0 10px 0;
  float: right;
}
.textChart {
  clear: both;
  width: 96%;
  background: #fff;
  margin: 0 auto 10px auto;
  font-size: 100%;
}
.textChartHiMatcher {
  clear: both;
  width: 96%;
  height: 300px;
  background: #fff;
  border: #63714c solid 1px;
  margin: 0 auto 10px auto;
  font-size: 100%;
  overflow: auto;
}
.hiOn td.hi, .hiOn tr.hi, .hiOn tr:hover td, .movedRow td, th.sort-active {
  background-color: #F6F8C4;
}
table.textChart {
  width: 100%;
  text-align: center;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  font-size: 100%;
  margin: 1px auto;
  border-collapse: collapse;
  background: #fff;
}
.textChart th {
  padding: 2px 5px;
  vertical-align: bottom;
}
.textChart td {
	vertical-align: top;
  padding: 4px 5px 2px 5px;
}
.textChart .hDivider {
    height: 5px;
    background-color: #ccc;       
}
table.textChartBottom {
  margin-left: 0;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
table.textChartBottom tr.firstRow, table.textChartBottom tr.firstRow td {
 border-top: 0;
}
table#resultsHeader {
	margin-bottom: 0;
  border-bottom: 0;
}
.textTable, .textTable tr, .textTable td {
  border: 0;
}
.textTable td {
  text-align: left;
}
table.smallChart {
  border: #63714c solid 1px;
  margin-bottom: 10px;
}
a.reportMainLink {
  font-weight: bold;
}
a.reportSmallLink {
}
table.twoRowChart {
  width: 100%;
  text-align: center;
  font-size: 100%;
  margin: 5px auto;
  background: #fff;
}
.twoRowChart th {
  vertical-align: bottom;
  background-color: #A5BD7E;
  padding: 2px 5px;
	color: #16325C;
}
.twoRowChart td {
  padding: 2px;
  text-align: center;
}
td.bottomRowNoBorder, td.noBorder {
  border: 0;
}

/* forgot password */
#newPasswords {
  text-align: right;
  width: 310px;
  margin: 10px auto 0 auto;
}

/* login */
#login {
  text-align: right;
  width: 300px;
  margin: 10px auto 0 auto;
}
#login .leftCol {
  width: 50%
}
#login label {
  font-weight: bold;
}
#login a {
  float: right;
  margin-top: 20px;
  font-weight: normal;
}
#login p {
  margin: 2px 0 0 0;
}
#Form_Email, #Form_Password, #Form_NewPassword, #Form_NewPasswordConfirm  {
  width: 170px;
}
#loginTop {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 24px;
  background: #326694 url(/production/images/gradient_blue.gif) bottom repeat-x;
}
.loginSpacer {
	width: 100%;
	height: 5px;
	background: #F0EBE0;
}
#login .error {
  text-align: right;
}
#loginNotes1 {
  display: none;
}
#loginNotes2 {
  display: none;
}
.loginLayout {
  clear: both;
  width: 425px;
  margin: 5px auto;
  text-align: left;
}
.logout, .logout a {
	font-weight: bold;
	color: #fff;
}

/* footer */
#footer {
  clear: both;
  width: 100%;
  margin: 0;
  color: #ffffff;
  font-size: 85%;
  padding: 2px 0;
  background: #326694 url(/production/images/gradient_blue.gif) bottom repeat-x;
  vertical-align: middle;
  text-align: center;
}

/* form fields */
.durationField {
  width: 40px;
}
.isrcField, .iswcField{
  width: 105px;
}
.dateField, .rateField {
  width: 75px;
}
.medRateField {
	width: 45px;
}
.smallRateField {
	width: 40px;
}
input.percentField {
  width: 5em;
  margin-right: 0;
}
.percentWholeField, .sourceField {
  width: 3em;
}
.doubleDigitField {
  width: 2em;
}
.priceField {
  width: 40px;
}
.artistNameField, .composerNameField, .contractTitleField {
  width: 190px;
}
.publisherNameField {
  width: 150px;
}
.addressField, .emailField {
  width: 200px;
}
.titleField, .imprintNameField {
  width: 260px;
}
.trackNumberField, .discNumberField, .prorateField {
  width: 20px;
}
.commentField {
  width: 300px;
}
.zipField {
  width: 80px;
}
.dollarField {
  width: 70px;
}
.memoField {
	width: 200px;
}
.selectCol {
	text-align: center;
  width: 40px;
}
td.selectCol {
	padding: 0;
}
html>/**/body td.selectCol {
	padding-top: 4px;
}
td.selectCol input {
	margin: 0;
}
.memoCol {
  width: 50%;
}
td.labelTop {
  padding-top: 1px;
  vertical-align: top;
}
tr.labelTop td {
	vertical-align: top;
	padding-top: 5px;
}
tr.labelTop td.leftCol {
	padding-top: 8px;
}
html>/**/body tr.labelTop textarea {
	margin-top: 1px;
}
tr.labelTop td table {
	margin-top: -3px;
}
html>/**/body tr.labelTop td.leftCol {
	margin-top: -3px;
}

/* section tabs */
.withTabs {
	margin-top: 0;
	padding-top: 0;
	clear: both;
}
div.sectionNav {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
	float: left;
	height: 2em;
    text-align: center;
}
div.sectionNav table {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
div.sectionNav td {
	text-align: center;
	margin: 0;
	padding: 0;
}
div.sectionNav td ul {
    float: left;
    margin: 0 auto;
    padding: 0;
}
div.sectionNav li {
    list-style: none;
    text-align: center;
    float: left;
    width: 10em;
	height: 2.1em;
	padding: 0;
    background: #326694;
    margin: 0 1px;
    font-weight: bold;
    font-size: 90%;
}
div.sectionNav li a {
	display: block;
  padding: 4px 4px 3px 4px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
div.sectionNav .disabledTab {
	display: block;
  padding: 4px 4px 3px 4px;
	margin: 0 auto;
	text-align: center;
	color: #ccc;
}
div.sectionNav li.sectionOn {
  background: #fff;
}
div.sectionNav li.sectionOn a {
 	color: #303B1F;
}
div.sectionNav #catalogNav li {
  width: 11em;
}
#mainCatalogPanel .loadingImage {
	margin-top: 20px;
}

/* inline search */
div.searching {
  text-align: left;
}
div.searching h2 {
  padding-left: 205px;
}
#searchResults .textChart input {
  margin-right: auto;
  margin-left: auto;
}

div.loading {
  text-align: left;
}
div.loading h2 {
  padding-left: 170px;
}

.calendarIcon {
  cursor: pointer;
  vertical-align: bottom;
  margin-left: 5px;
  margin-bottom: 2px;
}
.disabledCalendarIcon {
  vertical-align: bottom;
  margin-left: 5px;
  margin-bottom: 2px;
}

/* fieldset */
fieldset {
  clear: both;
  margin: 0 auto;
  width: 96%;
  border: 1px solid #63714c;
  padding: 0;
  vertical-align: top;
}
fieldset table.twoRowChartOLD {
  width: 98%;
}
fieldset p {
  text-align: left;
  margin: 0 10px;
}
fieldset hr {
  width: 99%;
}
legend {
  background-color: #fff;
  margin-left: 8px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 0.2em 0.5em;
  border: 1px solid #63714c;
  text-align: left;
  font-weight: bold;
}
.navDigits {
	margin: 5px auto 0 auto;
}
.navDigits a {
	margin: 0 2px;
}
.navDigitsOn {
	font-weight: bold;
	font-size: 105%;
	margin: 0 2px;
}
.noScroll {
  overflow: hidden;
}
.autoScroll {
  overflow: auto;
  overflow-x: hidden;
}
.forceScroll {
  overflow: scroll;
}

/* general menu stuff */
.menu h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.menu .subtle {
	font-size: 90%;
}
.menu {
	display: block;
	margin-top: 10px;
	width: 750px;
}
.menu ul {
	overflow: hidden;
	margin: 0;
	padding: 5px 20px;
}
.menu li {
	float: left;
	list-style: none;
 	width: 310px;
	padding: 0 10px 10px 10px;
  margin: 0 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	height: 40px;
}
.menu ul a, .menu legend {
	font-size: 120%;
}
.menu ul img {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}
/* list */
.listNavWrapper {
	margin-bottom: 5px;
	overflow: hidden;
	padding: 5px 0;
	vertical-align: bottom;
}
.listNavAlpha {
	padding-top: 5px;
}
.listNavPrevNext {
	float: right;
}
.listSelect select {
	margin-right: 5px;
}

/* landing pages */
.landingPage {
    width: 99%;   
}
.landingPage .landingView {
   width: 50%;
   vertical-align: top;
}
.landingReports, .landingAdd {
    vertical-align: top; 
    width: 50%; 
    background-image: url(/production/images/vertical_dash.gif); 
    background-repeat: repeat-y; 
    background-position: right; 
}
.landingView, .landingSearch, .landingAdd, .landingReports {
	text-align: center;
	font-weight: bold;
	overflow: hidden:
	vertical-align: top;
}
.landingView .subtle, .landingSearch .subtle, .landingAdd .subtle {
	display: block;
	padding: 5px 0;
	font-size: 90%;
}
.landingAdd img, .addLink img {
	vertical-align: text-bottom;
	margin-right: 5px;
}
.landingView select, .landingSearch input, .landingSearch select {
	margin-right: 5px;
}
.landingSearch input.searchField {
	width: 200px;
}
.landingSearch table {
	padding: 0;
	margin: 0 auto;
}
#navColPrev {
 float:right;
 width: 50px;
}
#navColMore {
 float:right;
 width: 50px;
}
.alignCenter {
  text-align: center;
}
.sectionHeader {
  margin-top: 5px;         
}        
legend {
  font-size: 150%
}
#balanceTable {
  width: 95%;
  margin: 0 10px;
}
#balanceTable .label {
  text-align: left;   
}
#balanceTable .amount {
  text-align: right;   
}
#balanceTable .subtotal {
  font-weight: bold;
  font-size: 120%;   
}                 
td.leftCol {
  font-weight: normal;
}

fieldset {
  border: 2px solid #069; 
  -moz-border-radius: 15px;
  border-radius: 15px;
}
legend {
  border: 2px solid #069; 
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#artistPic {
  margin: 0; 
  border: 2px solid #46464F; 
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.artistPic {
  width: 150px;
  height: 100px;
  margin: 17px auto 10px auto;  
  border: 2px solid #8f8f8f; 
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.artistWrapper { 
  background-color: #8f8f8f; 
  float: left; 
  clear: right; 
  margin: 5px 5px 10px 15px;
  border: 2px solid #8f8f8f; 
  -moz-border-radius: 15px;
  border-radius: 15px;     
} 
.artistWrapper a {
  display: block;
  font-size: 140%; 
  font-weight: bold;
  width: 190px; 
  height: 170px;    
}
.artistPicSmall {
  width: 100px;
  height: 67px;
  margin: 10px auto 0 auto;  
  border: 2px solid #8f8f8f; 
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.artistWrapperSmall { 
  background-color: #8f8f8f; 
  float: left; 
  clear: right; 
  font-size: 90%;
  margin: 5px 0 10px 17px;  
  border: 2px solid #8f8f8f; 
  -moz-border-radius: 15px;
  border-radius: 15px;     
} 
.artistWrapperSmall a {
  display: block;
  font-size: 140%; 
  font-weight: bold;
  width: 120px; 
  height: 110px;   
}
#downloads {
  width: 90%;
  margin: 10px auto; 
  padding: 2px 5px 5px 5px;
  background: #ccc;
  border: 2px solid #46464F;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#downloads h3 {
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
  margin-top: 2px;
  margin-left: 4px;
}            
.pieLegend {
padding: 5px;
margin: 3px 3px 3px 0;
float: right;
text-align: left;
}
.pieLegend a {
text-decoration: none;
}
.pieLegend img {
margin-top: 5px;
margin-right: 5px;   
}

table.pieLegend {
  float: left;
  clear: both;
  border: 0;   
  margin-left: 40px;
}
table.pieLegend td {
  padding-right: 10px;   
}


#royaltyHistory {
  border-spacing: 0;  
  border-top: 1px solid #000; 
  width: 100%;
  margin: 0 auto 11px auto;
  text-align: center;
}
#royaltyHistory th.leftCol, #royaltyHistory td.leftCol {
  border-left: 0;
}      
#royaltyHistory img {
  margin-right: 10px;   
}
#royaltyHistory th, #royaltyHistory td {
  border-left: 1px solid grey; 
  border-bottom: 1px solid grey; 
  padding: 8px;
  text-align: left; 
}
#royaltyHistory td {
  vertical-align: middle;
}
#royaltyHistory th {
  background: #ccc;   
}                


table.scrollTable {
  border-spacing: 0;  
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.scrollTable th.leftCol, .scrollTable td.leftCol {
  border-left: 0;
}            
.scrollTable img {
  margin-right: 10px;   
}
.scrollTable th, .scrollTable td {
  border-left: 1px solid grey; 
  border-bottom: 1px solid grey; 
  padding: 8px;
  text-align: left; 
}
.scrollTable td {
  vertical-align: middle;
}
.scrollTable th {
  border-top: 1px solid #000; 
  background: #ccc;   
}     
.scrollTable .nameCol {
  width: 260px;
}
.scrollTable .salesCol, .scrollTable .expenseCol, .scrollTable .netUnitsCol {
  width: 100px;
} 
.scrollTable .licenseCol {
  width: 150px;
}    
.scrollTableWrapper {
  height: 150px; 
  overflow: auto; 
  border-bottom: 1px solid #ccc;
}
.scrollTable .netSalesCol {
  width: 100px;                
}
.scrollTableWrapper .scrollTable .netSalesCol {
  width: 83px;                
}                             
tr.highlight {
  background-color: #aadef4;    
}       
tr.highlight td.leftCol {
  font-weight: bold;    
}               
#userSection .leftCol {
  font-weight: bold;
}
#inboxSection input {
  margin-left: 12px;
}
#inboxSection tr.new td {
  font-weight: bold;
} 
#dailies .scrollTable table { 
  border-right: 1px solid grey;           
} 

#albumDailies .albumCol {
  width: 550px;
}
#albumDailies .revenueCol {
  width: 150px;                
}
#albumDailies .scrollTableWrapper .revenueCol {
  width: 133px;                
}   

#trackDailies .trackCol {
  width: 300px;
}
#trackDailies .albumCol {
  width: 250px;
}
#trackDailies .revenueCol {
  width: 150px;                
}
#trackDailies .scrollTableWrapper .revenueCol {
  width: 133px;                
}  


input.css3button {
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 5px 10px;
background: -moz-linear-gradient(
	top,
	#266ce2 0%,
	#7caefc);
background: -webkit-gradient(
	linear, left top, left bottom, 
	from(#008cf0),
	to(#025e8f));
border-radius: 11px;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border: 1px solid #003366;
-moz-box-shadow:
	0px 1px 2px rgba(000,000,000,0.3),
	inset 0px 0px 1px rgba(255,255,255,1);
-webkit-box-shadow:
	0px 1px 2px rgba(000,000,000,0.3),
	inset 0px 0px 1px rgba(255,255,255,1);
text-shadow:
	0px -1px 0px rgba(000,000,000,0.5),
	0px 1px 0px rgba(255,255,255,0.3);
}

.topFileSharers {
  border: 1px solid grey;
  padding: 5px;
  margin-top: 100px;
}
.topFileSharers .fileSharers {
  text-align: right;
  padding-left: 20px;
}   

.topFileSharers .sharerBar {
  border-bottom: 1px solid #ccc;
}

#buzzSection td {
  padding: 5px;
  vertical-align: top;
}
#payeeControls table {
  border-spacing: 0;
}
#payeeControls td {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
}
#payeeControls input {
  margin: 0 20px;
}            
#royaltiesFilter select, #salesTrendsFilter select {
  margin-right: 2px;
}
#royaltiesFilter input, #salesTrendsFilter input {
  margin-left: 2px;
}    
div.chartWrapper { 
  border: 1px solid grey;         
  margin: 0 5px; 
  padding: 0;
  text-align: center; 
  vertical-align: top; 
  height: 325px; 
  width: 430px;                  
}

select.album {
  width: 90px; 
}
select.track {
  width: 90px; 
}
select.timeframe {
  width: 90px; 
}            
select.expand {
  width: auto;
}   
#albumDailies select.album, #trackDailies select.track {
  width: 150px; 
}                  

/* expenses */

#expensesSection .scrollTable .dateCol {
  width: 80px;
}    
#expensesSection .scrollTable .expenseIDCol {
  width: 120px;
}    
#expensesSection .scrollTable .notesCol {
  width: 50px; 
}
#expensesSection .scrollTable .expenseCol {
  width: 300px;
}    
#expensesSection .scrollTable .invoiceCol {
  width: 80px;                
}
#expensesSection .scrollTableWrapper .scrollTable .invoiceCol {
  width: 63px;                
}   
#expensesSection .scrollTableWrapper {
  height: 200px; 
  overflow: auto; 
  border-bottom: 1px solid #ccc;
}



/* ked css */

body {
  background: #5F5F69;
  color: #000; 
}
.minwidth, .container {
  background: #5F5F69;
}
li {
  list-style: none;
}
h1 a {
  color: #ffffff;
}
hr {
  color: #000;
  background-color: #000;
}
input, select {
  font-family: Verdana, sans-serif;
}
td.defaultButton {
  background-color: #f4d164;
}
.success {
  color: #00CC00;
}
.sectionHeader {
  color: #fff;
  background: #000;
}
.sectionHeader a {
  color: #fff;
}
.sectionBody {
  background: #8f8f8f;
  border: 0px solid #000;
}
.sectionLeft {
  background: #fff;
  border: #000 solid 0px;
}
.sectionRight {
  background: #fff;
  border: #000 solid 0px;
}
.section {
  background: #fff;
  border: #000 solid 0px;
}
fieldset, legend {
  border-color: #46464F;
}
.row1 {
  background-color: #ccc;
}
.error {
  color: #D2020C;
}
#powerSearchForm {
  background: #8f8f8f;
  color: #000;
}
.section .error, .sectionLeft .error, .sectionRight .error {
  color: #9F0911;
}
/* header */
#logo {
  margin-left: 10px;
  margin-bottom: 5px;
  height: 61px;
  width: 510px;
  background: #5F5F69 url(/production/images/ked/logo_ked.gif) no-repeat;
}
ul#topNav {
  background-color: #5F5F69;
}
#topNav a {
  color: #000;
}
#topNav #navOn {
  background: #000;
  color: #ffffff;
}
#topNav li.tab {
  background-color: #8f8f8f;
}
#topNav li.blankTab {
  background-color: #5F5F69;
}
#topNav #navOn a {
  color: #ffffff;
}
#subNav {
  background: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
#subNav a {
  color: #ffffff;
}
#subNav a:hover, #subNav a.active, #subNavOn a {
  background: #000;
}
#subNav a.filterNavDivider {
  background: #000;
}
#subNav li#subNavOn a, #subNav li#subNavOn {
  background: #46464F;
  color: #fff;
}
#subSubNav {
  background: #46464F;
  color: #fff;
}
#labelDropDown {
  color: #ffffff;
}
.subtle {
  color: #46464F;
}
.menu {
  border: #000 solid 1px;
}

/* greeting */
#greeting ul, .twoSections ul, .section ul {
  list-style: disc url(/production/images/ked/bullet.gif) inside;
}

/* pie charts */
.pieChart {
  background: #73737F;
  border: #000 solid 1px;
}
.pieChartLeft {
  background: #73737F;
  border: #000 solid 1px;
}
.pieChartRight {
  background: #73737F;
  border: #000 solid 1px;
}
.pieChartLeft img,.pieChartRight img,.pieChart img {
  border: 1px solid black;
}
.reportMainLink a:link, .reportMainLink a:hover, .reportMainLink a:active, .reportMainLink a:visited {
      color: #ffffd0;
}
.reportSmallLink a:link, .reportSmallLink a:hover, .reportSmallLink a:active, .reportSmallLink a:visited {
      color: #fff;
} 

/* login */
#loginTop {
  background: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.loginSpacer {
  background: #46464F;
}
#logout, #logout a:link, #logout a:visited, #logout a:hover {
  color: #FFF;
}

/* footer */
#footer {
  color: #ffffff;
  background: #000;
}

/* inline pop */
#popupContainer {
  background: #46464F;
  border: 0px solid #000;
}
#popupContainer h2 { 
  color: #fff;
}

#logo {
  margin-left: 10px;
  margin-bottom: 5px;
  height: 113px;
  width: 217px;      
  border: 2px solid #46464F;
  -moz-border-radius: 15px;
  border-radius: 15px;
}    

#popupContainer {
    background: #5F5F69;
    -moz-border-radius: 15px;
    border-radius: 15px;            
}






/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}




/* Calendar css */
/* The main calendar widget.  DIV containing a table. */

div.calendar { 
  position: relative;
  margin: 100px 0px 0px 200px; 
  z-index: 2000;
}

.calendar, .calendar table {
  border: 1px solid #A5BD7E;
  font-size: 10px;
  color: #000;
  cursor: default;
  background: #A5BD7E;
  z-index: 6;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #F0EBE0 url(/production/javascript/calendar/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #F0EBE0;
  color: #000;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #F0EBE0;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #16325C;
  border-top: 1px solid #16325C;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #000;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #F6F8C4;
  color: #000;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #F6F8C4;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  background: #fff;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  background: #fff;
  font-size: 80%;
  color: #16325C;
}
.calendar tbody .day.othermonth.oweekend {
  background: #fff;
  color: #bbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #D9E5C5;
}

.calendar tbody .rowhilite td {
  background: #F6F8C4;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #F6F8C4;
  padding: 1px 3px 1px 1px;
  border: 1px solid #16325C;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #F6F8C4;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #16325C;
  padding: 1px 3px 1px 1px;
  background: #fff;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #456;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #456;
}

.calendar tbody .disabled { 
  color: #999; 
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  background: #fff;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #F0EBE0;
  color: #000;
  border-top: 1px solid #16325C;
  padding: 1px;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #eaf2dd;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #eaf2dd;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #16325C;
  background: #F0EBE0;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  border-top: 1px solid #16325C;
  border-bottom: 1px solid #16325C;
  background: #F6F8C4;
  padding: 0px 1px;
}

.calendar .combo .active {
  border-top: 1px solid #16325C;
  border-bottom: 1px solid #16325C;
  background: #F6F8C4;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

.calendar, .calendar table {
  background-color: #5F5F69;
  border: 1px solid #000;
  color: #000;
  -moz-border-radius: 5px;
  border-radius: 5px;            
}
.calendar thead td {
    border-bottom: 1px solid #ccc;
}
.calendar thead .title, .calendar thead .headrow, .calendar .nav {
  background-color: #5F5F69;
  color: #fff;
}
.calendar thead,r.calendar thead .headrow, .calendar thead .daynames, .calendar thead .name, .calendar tfoot .ttip, .calendar .combo  {
  background: #5F5F69;
  color: #fff;
  border: 0;
}     
.calendar tbody .day, .calendar tbody td.weekend, .calendar tbody td.today {
  color: #000;
}   
.calendar thead .hilite, .calendar tbody td.hilite, .calendar tfoot .hilite, .calendar .combo .hilite, .calendar td.time span.hilite, .calendar tbody .rowhilite td, .calendar thead .active, .calendar tbody td.active, .calendar .combo .active {
  background-color: #aadef4;
  color: #000;
}