.recent {
	border-bottom: 1px solid #1F2841;
	padding: 8px 0
}

.odd {
	background-color: #FFE5BF
}

.tabview {
	margin: 1ex .5ex
}

.tabview ul.tabs {
	margin: 0;
	padding: 0
}

.tabview ul.tabs li {
	display: block;
	float: left;
	margin: 0;
	padding: 2px 4px;
	width: 10ex;
	margin: 0 4px 0 0;
	border: 1px solid #363E53;
	background-color: #F9CF36;
	cursor: pointer
}

.tabview ul.tabs li.selected {
	background-color: #F9F9B8;
	margin-bottom: -3px;
	padding: 1px 4px 3px 4px;
	font-weight: bold
}

.tabviewbox {
	border: 1px solid #363E53;
	margin-top: -1px;
	background-color: #F9F9B8;
	height: 5em;
	display: none
}

th,td {
	border: 0px none #fff
}

.recent .albumcover {
	height: 75px;
	width: 75px
}

img {
	border: 0
}

#lsrc,.ajaxsrc {
	display: none
}

#gutenform input,#gutenform textarea {
	width: 100%
}

#queue nobr {
	margin: .25em
}

#queue a {
	font-weight: bold;
	white-space: nowrap
}

#recent .songentry {
	border-bottom: 1px solid #666;
	padding-bottom: 8px;
	margin-bottom: 8px
}

#recent .songentry h1 {
	font-size: 93%
}

#recent img.albumcover {
	width: 75px;
	height: 75px;
	z-index: 1
}

#recent .norecent {
	display: none
}

.selectable li {
	padding: 1px
}

.selectable li.selected {
	border: 1px solid #666;
	padding: 0
}

ul.songlist li.R1,ul.songlist li.Q1,ul.selectable li.R1,ul.selectable li.Q1,div.selectable li.R1,div.selectable li.Q1
	{
	color: #999
}


#requestform {
	display: none;
	position: fixed;
	top: 100px;
	left: 100px;
	background-color: #EEF;
	border: 1px solid #333;
	padding: 10px;
	width: 300px;
	height: 280px;
	overflow: auto;
	z-index: 10
}

* html #requestform {
	position: absolute
}

#smilieBox {
	display: none;
	width: 160px;
	height: 350px;
	overflow: auto;
	background-color: #FFF;
	position: absolute;
	border: 1px solid #4F2265
}

#smilieBox li {
	list-style-type: none
}

#recent .songentry {
	height: 85px
}

.searchloading {
	background: #eee url(../images/ajax-loader.gif) no-repeat scroll center;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.7
}

#historylist table {
	border: 1px solid #000000
}

#historylist th,td {
	font-size: 85%;
	vertical-align: top;
	border-bottom: 1px solid #aaa;
	padding-left: 3px;
	padding-right: 3px
}

#historylist th {
	border-bottom: 1px solid #006600;
	color: #006600
}

#hl_artist,#hl_song {
	width: 10em
}

#hl_epic {
	width: 4em
}

#hl_played,#hl_requested {
	width: 8em
}

#history table {
	border: 0px solid #000000;
	width: 100%;
	border-collapse: collapse;
	text-align: right
}

#history th,td {
	vertical-align: top;
	border-bottom: 1px solid #aaa;
	padding: 8px 4px
}

#history th {
	border-bottom: 1px solid #006600;
	color: #006600;
	text-align: right;
	font-size: 77%
}

#history td:first-child {
	text-align: left;
	width: 2em
}

#history #top_artists td,#history #top_albums td,#history #top_songs td
	{
	vertical-align: top
}

#history #top_artists td:first-child+td,#history #top_albums td:first-child+td,#history #top_songs td:first-child+td
	{
	width: 75px
}

#history #top_artists td:first-child+td+td,#history #top_albums td:first-child+td+td,#history #top_songs td:first-child+td+td
	{
	text-align: left
}

#history img {
	width: 75px;
	height: 75px;
	border: none
}

#history .album {
	font-style: italic
}

#historylist {
	border: 0px solid #666
}

#historylist .epic {
	background-color: #FFE5BF
}

#stats_content {
	color: #333;
	background: #fff
}

#stats_content a {
	cursor: pointer
}

#stats_content h1 {
	color: #333;
	background: #fff;
	border-bottom: 1px solid #666;
	left: 0;
	top: 0
}

#stats_content.hideimg img {
	display: none
}

#stats_content pre {
	font-size: 77%;
	wrap: auto;
	color: #666
}

#schedule a {
	cursor: pointer;
	font-weight: bold;
	float: left
}

#schedule tr.artistlist td {
	color: #060;
	background-color: #eee
}

#schedule tr.artistlist ul {
	list-style-type: none;
	padding: 1px
}

ul li {
	list-style-type: none
}

div#albums {
	position: relative
}

div#albums ul.selectable {
	position: relative
}

div#albums ul.selectable span.year {
	position: absolute;
	font-size: 77%;
	right: 0px
}

#songs ul.songlist li .time {
	position: absolute
}

#requestform {
	display: block
}

#requestform.hidden {
	display: none
}

#mouseOverInfo {
	font-size: 77%;
	position: fixed;
	background-color: #ffd;
	border: 1px outset #666;
	width: 200px;
	padding: 0.5em
}

#mouseOverInfo .album {
	font-style: italic
}

#songs_box li:hover,#albums_box li:hover,#artists_box li:hover {
	background-color: #FFC;
	cursor: pointer;
	border: 1px inset #666;
	padding: 0px
}

#songs_box li.selected,#albums_box li.selected,#artists_box li.selected
	{
	background-color: #f6f6f6;
	border: 1px inset #666;
	padding: 0px
}

#tlapd {
	background-image: url(/rprweb/images/Talk_Like_a_Pirate_Day_sm.png);
	height: 145px;
	width: 145px;
	position: relative;
	top: 10px;
	left: 770px
}

img.flag {
	width: 16px;
	height: 11px;
	border: 0 none
}

img.flag.CH {
	width: 11px;
	height: 11px
}

img.flag.NP {
	width: px;
	height: 11px
}

#search_letters a {
	padding: 0.35em;
	font-weight: bold;
	cursor: pointer;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

h3 {
	font-weight: bold;
	margin: 0 0 .3ex 0
}

h3 a,h3 a:hover {
	font-weight: bold;
	font-size: 100%;
	color: #543E1C
}

a {
	color: #543E1C;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

.clearfix {
	zoom: 1
}

html,body {
	height: 100%;
	padding: 0;
	margin: 0
}

#doc2 {
	filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( src =
		'images/forest-logo-cropped.png', sizingMethod = 'crop' );
	background: url(../images/forest-logo-cropped.png) top left no-repeat;
	_background: #FFF;
	background-color: #fff
}

iframe body {
	padding: 0;
	margin: 0
}

#gutenform label {
	font-size: 77%
}

#page {
	position: relative;
	min-height: 100%;
	text-align: left;
	background-color: #0b650c;
	background-image: url("/rprweb/pictures/pine.jpg")
}

* html #page {
	height: 100%
}

#contents {
	position: relative;
	min-height: 1000px; *
	height: 1000px;
	height: 100%;
	width: 100%;
	zoom: 1
}

#contents :after {
	content: '';
	display: block;
	clear: both
}

.box {
	padding: 0;
	margin-bottom: 1em
}

.border {
	border: 1px solid #543E1C
}

.banner {
	border: 1px solid #2D872D
}

h1 a,h1 a:visited,h1 a:hover {
	font-weight: bold;
	font-size: 100%
}

h2 a,h2 a:visited,h2 a:hover {
	font-weight: bold;
	font-size: 100%
}

.box h1 {
	font-size: 100%;
	margin: 0;
	padding: 4px;
	font-weight: bold;
	position: relative
}

.box h1 .info {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	font-size: 100%
}

.box ul {
	margin: 0;
	padding: 2px 0;
	display: block
}

.banner h1 {
	background: #2D872D url(../images/green-forest-bar.gif) top left
		no-repeat;
	color: #FF9D00;
	top: -1px;
	left: -1px
}

.banner h1 .info {
	background: url(../images/green-forest-rcap.gif) top right no-repeat;
	right: -2px;
	height: 100%
}

.banner h1 a,.banner h1 a:visited {
	color: #FF9D00
}

.box p {
	font-size: 100%;
	padding: 0.3em
}

#footer {
	position: relative;
	margin-top: -4em;
	border-top: 1px solid #666;
	background-color: #D9D0AF;
	height: 4em
}

#underfoot {
	height: 4em
}

#header {
	height: 180px
}

#header .desc {
	font-weight: bold;
	color: #999;
	font-size: 100%
}

.copyright {
	color: #999;
	font-size: 77%
}

#login {
	position: absolute;
	top: 1em;
	right: 3em;
	width: 20em;
	height: 6em
}

a,a:hover {
	color: #543E1C;
	font-size: inherit;
	font-weight: inherit
}

#loading {
	background: #F9CF36 url(../images/ajax-loader.gif) center center
		no-repeat;
	width: 200px;
	height: 200px;
	border: 1px solid #2D872D;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
	display: none;
	z-index: 999
}

#loading label {
	position: absolute;
	bottom: 1ex;
	left: 38%;
	color: #2D872D;
	font-weight: bold
}

.yui-t3 #yui-main .yui-b {
	margin-left: 23.0769em
}

#searchCriteria legend {
	display: none
}

#menu ul {
	margin: 0;
	padding: 2px 0;
	display: block
}

#menu ul {
	margin-left: 6px
}

#menu li {
	display: block;
	float: left;
	list-style: none;
	border: 1px solid #4C994C;
	border-bottom: 1px solid #4F2265;
	padding: .5ex 1ex;
	background: #2D872D url(../images/green-forest-bar.gif) top right
		no-repeat
}

#menu li.selected {
	background-color: #66CC66;
	font-weight: bold
}

#menu li a,#menu li a:visited {
	color: #F90;
	font-weight: bold;
	font-size: 100%
}

#menu li.spacer {
	border: 0;
	background: transparent;
	width: 150px
}

#menu li.plain {
	border: 0;
	background: transparent
}

#schedule table {
	border: solid 1px #000;
	color: #000;
	background: #eee;
	font-size: 100%
}

#schedule thead {
	font-weight: bold;
	font-size: 100%;
	background: #fff;
	border-bottom: 3px solid #000
}

#schedule thead h1 {
	font-size: 100% !important;
	font-weight: bold !important
}

#schedule thead tr#days {
	border: 1px solid #4C994C;
	border-bottom: 1px solid #4F2265;
	padding: .5ex 1ex;
	background: #2D872D url(../images/green-forest-bar.gif) top right
		no-repeat;
	color: #F90;
	font-weight: bold !important
}

#schedule thead tr#days th {
	border: 1px solid #4C994C;
	border-bottom: 1px solid #4F2265;
	padding: .5ex 1ex;
	background: #2D872D url(../images/green-forest-bar.gif) top right
		no-repeat;
	color: #F90;
	font-weight: bold !important
}

#schedule tbody td {
	white-space: normal;
	border: solid 1px #ddd !important;
	font-size: 77% !important
}

#callout {
	position: absolute;
	top: 0;
	left: 0;
	width: 24em
}

#listen {
	padding-left: 30px;
	background: url(images/icon_speaker_blue.gif) center left no-repeat
}

#callout div.box {
	margin: 6px
}

div.MessageBox {
	background: transparent;
	position: absolute;
	z-index: 1000;
	min-height: 12pt
}

div#login.MessageBox {
	width: 20em;
	padding: 0;
	max-height: 13em;
	position: absolute;
	top: 3em;
	right: 3em;
	border: solid 1px;
	background: #F9F9B8;
	z-index: 2000
}

div#beta.MessageBox {
	width: 20em;
	padding: 0;
	max-height: 13em;
	position: absolute;
	top: 3em;
	right: 3em;
	border: solid 1px;
	background: #F9F9B8
}

div.MessageBox div.titleBar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 8pt;
	font-weight: bold;
	background: #999;
	color: #fff;
	padding: 0
}

div.MessageBox div.closeButton {
	position: absolute;
	top: 1pt;
	right: 2pt;
	font-size: 8pt;
	font-weight: bold;
	background: transparent;
	color: #fff;
	cursor: pointer
}

div.MessageBox div.collapseButton {
	position: absolute;
	top: 1pt;
	right: 12pt;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	background: transparent;
	cursor: pointer
}

div.MessageBox div.message {
	position: relative;
	margin-top: 9pt;
	left: 0;
	padding: 3px
}

div.MessageBox div.HelpBox {
	display: none
}

div.MessageBox div.HelpBoxDisplay {
	display: block;
	position: absolute;
	top: 18pt;
	right: 9pt;
	width: 150pt;
	z-index: 10;
	border: 1pt solid #999;
	background: #ffa;
	font-size: 9pt;
	padding: 3pt
}

div.MessageBox div.HelpBoxDisplay a {
	color: #900;
	text-decoration: none
}

div.ProductImageZoom {
	display: block;
	border: 1px solid #999;
	width: 250px;
	height: 250px;
	z-index: 5;
	overflow: hidden;
	bottom: 0px;
	right: -265px;
	text-align: center
}

div.ProductImageZoom div.InstructionBox {
	position: absolute;
	z-index: 7;
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	width: 150pt;
	margin: auto;
	top: 75pt;
	left: 15pt
}

div.ProductImageZoomImg {
	position: absolute
}

.dead {
	display: none
}

div.Product div.ProductImage div.ZoomIcon {
	cursor: pointer
}

div.hidden {
	display: none;
	height: 0
}

div.nothidden {
	display: block
}

div#albumcoverpopup.MessageBox {
	display: block;
	width: 300px;
	padding: 0;
	height: 300px;
	position: absolute
}

div#albumcoverpopup img#albumcoverpopup_img {
	border: 1px outset #666
}

div#albumcoverpopup.hidden {
	display: none
}

#main {
	background-color: inherit;
	margin-left: 25em; *
	margin-left: 24.3975em
}

.padder {
	padding: 0.7692em; *
	padding: 0.7506em
}

.human {
	color: #609;
	font-size: 85%;
	vertical-align: baseline
}

.computer {
	color: #666
}

.time {
	white-space: nowrap;
	text-align: right;
	font-weight: bold
}

div.time {
	position: absolute;
	top: 0;
	right: 0
}

div.time_rating {
	border: dashed 1px blue;
	position: relative;
	float: right
}

#queue {
	max-height: 6em;
	overflow: auto;
	padding: 4px
}

.songentry {
	position: relative
}

.songentry h1 {
	padding-top: 0;
	margin-top: 0;
	font-size: 123.1%
}

#current dd {
	height: 200px;
	margin-left: 200px
}

#current #progress {
	float: left;
	height: 8px;
	width: 50px;
	border: 1px solid #164316;
	margin: 2px;
	padding: 0;
	line-height: 0;
	zoom: 1
}

#current #progress div.full {
	float: left;
	height: 100%;
	background-color: #2D872D
}

#processing {
	position: fixed;
	width: 200px;
	text-align: right;
	background: #2D872D url(../images/green-forest-bar.gif) top right
		no-repeat;
	color: #f90;
	top: 50px;
	right: 20px;
	display: none
}

#currentlyplaying {
	min-height: 300px
}

div.albumdisplay {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 310px;
	border: 0px dashed #0FF;
	float: left;
	z-index: 999
}

div.albuminfo {
	float: left;
	border: 0px dashed #0F0;
	top: 0;
	overflow: auto;
	padding-left: 1em
}

#current div.albuminfo {
	left: 15.5385em;
	height: 15.5385em;
	width: 25em;
	margin-left: 15.5385em
}

#recent div.albuminfo {
	left: 6.5385em;
	height: 6.5385em;
	margin-left: 6.5385em;
	width: 33em
}

ul.infodisplay {
	margin: 0;
	padding: 0;
	font-size: 85%
}

#current ul.infodisplay {
	margin: 0;
	padding: 0;
	font-size: 100%
}

ul.infodisplay li {
	list-style-type: none;
	position: relative;
	padding: 0;
	color: #543E1C;
	zoom: 1
}

ul.infodisplay li label,ul.infodisplay li .label {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 100%;
	width: 5.5em;
	margin: 0;
	text-align: right
}

ul.infodisplay li h1 {
	font-weight: bold;
	font-size: 100%
}

ul.infodisplay li label {
	color: #8C7299;
	font-size: 100%;
	font-weight: bold
}

ul.infodisplay li p,ul.infodisplay li h1,ul.infodisplay li div.avgrating
	{
	margin: 0em 0em 0.3077em 6em;
	padding: 0em
}

div.albumcontents {
	position: absolute;
	top: 0;
	left: 310px
}

.albumcover {
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 10px;
	border: outset 1px;
	background: #eee;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

img:hover .albumcover-x {
	width: 300px;
	height: 300px;
	z-index: 1000
}

p.dedication {
	white-space: normal
}

#recent #progress {
	display: none
}

#recent .albumcover {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	border: outset 1px;
	background: #eee
}

#recent img:hover .albumcover-x {
	width: 300px;
	height: 300px;
	z-index: 1000
}

div#recent.box {
	width: 99%
}

#current div.hfix {
	height: 15.5385em
}

#albumcoverpopup {
	display: none
}

#albumcoverpopup.show {
	display: block;
	position: absolute;
	width: 302px;
	height: 302px;
	border: solid 1px #000;
	background: #eee;
	z-index: 1000
}

#albumcoverpopup.show img {
	width: 300px;
	height: 300px
}

#albumcoverpopup.hide {
	display: none
}

.d_banner {
	background: #2D872D url(../images/green-forest-bar.gif) top left
		no-repeat;
	color: #FF9D00;
	padding: 4px;
	position: relative;
	top: -1px;
	left: -1px;
	font-weight: bold
}

.l_banner {
	
}

.r_banner {
	background: url(../images/green-forest-rcap.gif) top right no-repeat;
	top: 0px;
	right: -2px;
	padding: 4px;
	position: absolute;
	height: 16px;
	max-height: 16px
}

.d_banner a {
	color: #FF9D00
}

#cookie_test,#test_contents {
	font-size: 93%
}

#test_contents .success {
	color: #0a0;
	font-weight: bold
}

#test_contents .failure {
	color: #f00;
	font-weight: bold
}

#cookie_test ul,#test_contents ul {
	margin-left: 2em
}

#cookie_test ul li,#test_contents ul li {
	list-style: disc outside
}

#tagframe4 {
	border: none; *
	border: 1px solid #fff;
}

/* rating.css */
div.ratingbox {
	border: 0px solid #827996;
	position: absolute;
	top: 20px;
	right: 0px
}

div.ratingbox label {
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	border: 0px solid #827996;
	width: 70px;
	text-align: right;
	color: #8C7299;
	font-size: 85%;
	font-weight: bold
}

.rating {
	height: 10px;
	position: absolute;
	right: 0;
	top: 15px;
	font: 0/ 0 Arial;
	cursor: pointer
}

.rating strong {
	display: inline-block;
	width: 50px;
	height: 10px;
	vertical-align: text-top;
	text-indent: -500px;
	background: url(../images/mav-rating-10.gif) 0 0px repeat-x;
	top: 0px;
	margin-top: 0px;
	font: 0/ 0 Arial
}

.rating a {
	margin: 0;
	height: 10px;
	z-index: 1;
	position: absolute;
	display: block;
	left: 0;
	top: 0px;
	text-indent: -120px;
	vertical-align: baseline;
	text-decoration: none;
	outline: none;
	color: #fff;
	font: 0/ 0 Arial
}

.rating a.p05 {
	z-index: 30;
	width: 5px
}

.rating a.p10 {
	z-index: 29;
	width: 10px
}

.rating a.p15 {
	z-index: 28;
	width: 15px
}

.rating a.p20 {
	z-index: 27;
	width: 20px
}

.rating a.p25 {
	z-index: 26;
	width: 25px
}

.rating a.p30 {
	z-index: 25;
	width: 30px
}

.rating a.p35 {
	z-index: 24;
	width: 35px
}

.rating a.p40 {
	z-index: 23;
	width: 40px
}

.rating a.p45 {
	z-index: 22;
	width: 45px
}

.rating a.p50 {
	z-index: 11;
	width: 50px
}

.rating a.checked {
	background-position: 0 -10px
}

.rating a:focus,.rating a:hover {
	background: url(../images/mav-rating-10.gif) 0 -20px repeat-x;
	font-size: 85%;
	color: #543E1C
}

.rating:hover a.p50 {
	background: url(../images/mav-rating-10.gif) 0 -10px repeat-x
}

.rating:hover a.p50:hover {
	background: url(../images/mav-rating-10.gif) 0 -20px repeat-x
}

.hasrating,.norating {
	height: 11px;
	width: 100px
}

.rateclear,.rateset,.ratehalf {
	background: transparent url(../images/mav-rating-10.gif) 0 0 no-repeat;
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 .5px;
	padding: 0
}

.hasrating .rateclear {
	background-position: 0 -10px
}

.rateset {
	background-position: 0 -20px
}

.ratehalf {
	background-position: 0 -30px
}

.norating .feedback {
	display: none
}

.feedback {
	color: #A66C6C;
	font-size: 77%
}

.displayrating {
	width: 50px;
	height: 10px;
	background: transparent url(../images/mav-rating-10-whole.gif) -50px 0
		no-repeat;
	line-height: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	font: 0/ 0 Arial
}

.half {
	background-image: url(../images/mav-rating-10-half.gif)
}

.disp0star {
	background: transparent url(../images/mav-rating-10.gif) 0 0 repeat-x
}

.disp1star {
	background-position: -40px 0
}

.disp2star {
	background-position: -30px 0
}

.disp3star {
	background-position: -20px 0
}

.disp4star {
	background-position: -10px 0
}

.disp5star {
	background-position: 0 0
}

.rating strong.rated {
	background: transparent url(../images/mav-rating-10.gif) repeat-x scroll
		0px -20px;
	width: 50px;
	height: 10px;
	z-index: 1;
	position: absolute;
	display: block;
	left: 0;
	top: 0px;
	font-size: 0
}

.rating strong.rated50stars {
	width: 50px
}

.rating strong.rated45stars {
	width: 45px
}

.rating strong.rated40stars {
	width: 40px
}

.rating strong.rated35stars {
	width: 35px
}

.rating strong.rated30stars {
	width: 30px
}

.rating strong.rated25stars {
	width: 25px
}

.rating strong.rated20stars {
	width: 20px
}

.rating strong.rated15stars {
	width: 15px
}

.rating strong.rated10stars {
	width: 10px
}

.rating strong.rated05stars {
	width: 5px
}

.rating strong.rated00stars {
	width: 0px
}