/*****************************************
/* Tape Listing
/*****************************************/

#Main {
  margin-right: 280px;
}
#MainCD {
  /* text-align: center; */
}

#Tapes {
  border-style: none;
  position: relative; top: -15px;
  /* margin: auto; */
}
#Tapes tr th {
  font-size: 13pt;
  text-align: left;
  height: 50px;
}
#Tapes tr th span.subtitle {
  font-size: 11pt;
  font-weight: normal;
  font-style: italic;
  text-align: left;
}
#Tapes tr td {
  color: black;
  padding-left:  5px;
  padding-right: 10px;
  padding-bottom: 3px;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: top;
}
#Tapes tr td a {
  white-space: nowrap;
}
#Tapes tr td a:hover {
}
#Tapes * img {
  border: none;
  vertical-align: bottom;
}
.spacer {
  width: 20px;
}
.Play {
  width: 16px;
  text-decoration: none;
  /* background: url('images/noplay.png') no-repeat; */
  margin-right: -1px;
}
.Play:hover {
  /* background: url('images/play.png') no-repeat; */
}
.Playlist {
  padding-left: 12px;
  font: normal 11px Verdana,Arial,sans-serif;
  color: inherit;
  text-decoration: none;
}
.Playlist:hover {
  color: inherit;
  text-decoration: underline;
}
.Playlist:visited,
.Playlist:active {
  color: inherit;
}
.Download {
  /* width: 12px; height: 14px; */
  padding-left: 3px; padding-right: 1px;
  text-decoration: none;
  /* background: url('images/download.gif') no-repeat; */
}
.Download:hover {
  /* background: url('images/download-anim.gif') no-repeat; */
}
span.left {
  float:left; clear:left;
}
span.right {
  float:right; clear:right;
}
.AlbumTitle {
  font-weight: bold;
  white-space: nowrap;
  width: 1200px;
}
.AlbumTitle:hover {
  /* font-weight: bold; */
}
.ShowAlbum {
  margin-right: 3px;
  margin-bottom: 3px;
}
.TapeTitle {
  white-space: nowrap;
  width: 1200px;
}
.TapeTitle:hover {
  /* font-weight: bold; */
}
.Note {
  font: normal 10pt Tahoma,Arial,sans-serif;
  /* padding-left: 10px; */
  white-space: normal;
  /* color: #8A2BE2; */
  color: #80D;
}
.Note {
  font: normal 10pt Tahoma,Arial,sans-serif;
  white-space: normal;
  /* color: #8A2BE2; */
  color: #80D;
}
.Note p {
  margin: 0.5em 0em 0.5em 0em;
}
.Note ol,ul {
  margin: 0.5em 0.5em 0.5em 2.0em;
  padding: 0em;
}
.Note * li ol {
  margin: 0em 0.5em 0em 1.0em;
  padding: 0em;
}
.Note * li ul {
  margin: 0em 0.5em 0em 1.0em;
  padding: 0em;
}
.NoteCtrl {
  margin-left: 2px;
}
a.NoteCtrl {
  text-decoration: none;
  color: red;
}
a.NoteCtrl:hover {
  font-weight: bold;
}
.EditCtrl {
  font: normal small-caps 8pt Verdana,Arial,sans-serif;
  text-decoration: none;
  color: green;
  padding-top: 5px;
}
.EditCtrl img {
  border: none;
}

.NoteImage {
  float:left; clear:left;
  padding:10px;
}
.NoteImageLeft {
  float:left; clear:left;
  padding:10px;
}
.NoteImageRight {
  float:right; clear:right;
  padding:10px;
}
.NoteDisclaimer {
  border:1px solid #80D;
  padding:2px;
  text-align:center;
}

/*****************************************
/* NavBar
/*****************************************/

#Results {
  width: 33%;
  text-align: left;
  white-space: nowrap;
  font-family: Verdana,Arial, sans-serif;
  font-size: 10pt;
}
#Results * img {
  border: 0px none;
  /* border-bottom: 1px solid #555; */
}
.PrevNext {
  width: 33%;
  margin: 0px; padding: 1px;
  text-align: center;
  white-space: nowrap;
  font: bold 10pt Verdana,Arial, sans-serif;
}
.PrevNext img {
  vertical-align: bottom;
  border: 0px none;
}
.PrevNext * img {
  vertical-align: bottom;
  border: 0px none;
}
.CurrentPage {
  border: 1px outset #000;
  border-top-color: white;
  border-left-color: white;
}
.PageNumber {
}
#SearchBox {
  width: 33%;
  text-align: right;
  /* vertical-align: middle; */
  white-space: nowrap;
  font-family: Verdana,Arial, sans-serif;
  font-size: 10pt;
}
#Search {
  margin: 0px; padding: 0px;
  /* vertical-align: middle; */
}
#SearchText {
  /* margin: 0px; */
  padding-top: 0px; padding-bottom: 0px;
  padding-left: 2px; padding-right: 2px;
  background-color: transparent; /* #FFFFF8; */
  border: 1px solid #555;
}
#SearchBox * img {
  margin: 0px; padding: 0px;
  border: 0px none;
}
.OK {
  margin: 0px; padding: 0px; padding-left: 2px; padding-right: 1px;
  border-width: thin;
  background-color: #F0CA00;
  color: #333;
  font: bold 9pt Verdana,Arial,sans-serif;
}
#PageOpts {
  position: absolute;
  z-index: 1;
  top: 100px;
  left: 400px;
  margin: 0px; padding: 0px;
  border: 2px outset #E0E0C0; /* #DFDFB5; */
  font: normal 10pt Verdana,Arial,sans-serif;
  visibility: hidden;
  background-color: #FDFDE5; /* #FFFFDF */
  /* opacity: .75; -moz-opacity: .75; filter: alpha(opacity=75); */
  /* opacity: .90; -moz-opacity: .90; filter: alpha(opacity=90); */
}
#PageOpts p {
  margin: 0px;
  padding: 4px;
  font-weight: bold;
  color: #3E3E3E;
  background-color: #E5E5C5; /* #DFDFB5; */
}
#PageOpts ul {
  margin: 4px;
  padding: 0px;
  list-style-type: none;
  background-color: transparent; /* #FFFFF8; */
}
#PageOpts * li {
  margin: 0px;
  padding: 1px;
  text-align: right;
  white-space: nowrap;
}
#PageOptsList {
  margin: 4px;
  padding: 0px;
  vertical-align: middle;
}
#PageOptsForm {
  margin: 0px; padding: 0px;
}
.npp {
  width: 40px;
  text-align: right;
  background-color: transparent; /* #FFFFF8; */
  border: 1px solid #7F9DB9;
}
.rule {
  width: 100%; height: 1px;
  margin: 0px; padding: 0px;
  border-top: 1px solid black;
  font-size: 1px;
}

/*****************************************
/* Footer
/*****************************************/

#Footer {
  border: 0px none;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
}
#Footer tr {
  vertical-align: top;
}
#Footer td {
  vertical-align: top;
}
#Options {
  margin: 0px;
  padding: 0px;
}
#Options table {
  /* width: 300px; */
}
#OptionsTitle {
  height: 30px;
  vertical-align: top;
}
#Options th {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  padding-right: 10px;
}
#Options td {
  white-space: nowrap;
}
#Options select {
  width: 100%;
}
.TextBox {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 2px;
  padding-right: 2px;
}
.ValueBox {
  width: 80px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: right;
  padding-left: 2px;
  padding-right: 2px;
}
.RangeTextBox {
  width: 80px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 2px;
  padding-right: 2px;
}
.NoBorder {
  border-style: none;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
}
.Error {
  font: bold 20pt serif;
  text-indent: 125pt;
  height: 50px;
  padding-top: 20px;
}

#contact {
  font: normal 8pt arial,sans-serif;
  margin: 0px; padding: 0px;
  text-align: center;
}
/*****************************************
/* Sidebar
/*****************************************/

#Login {
  font: normal 8pt Arial,sans-serif;
}
#Login input {
  font-family: Verdana,Arial,sans-serif;
  font-size: 8pt;
}
#username,#password {
  width: 50px;
  padding-left: 1px; padding-right: 1px;
  border: 1px solid #555;
  background-color: transparent; /* #FFFFF8; */
}
#signin {
  margin-left: 3px;
  padding: 0px;
/*
  padding-left: 0px; padding-right: 0px;
  width: 50px;
  border: none;
  font-weight: bold;
*/
  background-color: transparent; /* #FFFFF8; */
}
#signin:hover {
/*
  text-decoration: underline;
*/
}

#QuickLinks {
}
#QuickLinks h4 {
  font-size: 11pt;
  font-weight: normal;
  margin: 5px 0px 0px 0px; padding: 3px;
  background-color: #DFDFB5;
  text-align: left;
}
#Podcast {
}
#Podcast p {
  line-height: 1.4;
}
a.plainLink {
  color: black;
  text-decoration: none;
}
a.plainLink:hover {
  text-decoration: underline;
}
#Podcast img {
  vertical-align: middle;
  border: 0px none;
  border: 1px solid #FFFFDF;
}
#Podcast img:hover {
  border: 1px solid black; /* #C0C; */
}
#Podcast input {
  width: 200px;
  /* margin-left: -10px; */
  margin-right: 5px;
  text-align: right;
}
#Podcast li {
  margin-bottom: 3px;
}
.new {
  color: #f00;
  /* font: italic small-caps 7pt Verdana,Arial,sans-serif; */
  font: italic 8pt Verdana,Arial,sans-serif;
  text-decoration: none;
}
#NewTapes {
}
#MemorableTalks {
}
#WhatsComing {
}
#WhatsComing * li {
  margin-top: 3px;
}
#Tips {
}
#Tips * li {
  margin-top: 6px; margin-bottom: 3px;
}
#SantMatWebsites {
}
#SantMatMedia {
}
#Suggestions {
  text-align: center;
  margin: 4px;
  padding: 0px;
}
#Suggestions textarea {
  background-color: #fffff8;
}
#Suggestions p {
  margin: 5px;
}
#WebsiteNews {
  width: 100%;
  border: 2px outset #DFDFB5;
  background-color: #FFFFDF;
  opacity: .75; -moz-opacity: .75; /* filter: alpha(opacity=75); */
}
#WebsiteNews h3 {
  font-size: 13pt;
  margin: 0em;
  padding: 0.25em 1em;
  background-color: #DFDFB5;
  text-align: center;
}
#WebsiteNews p {
  margin: 3px;
}