@charset "UTF-8";
/* CSS Document */

body {
	font-family: Optima, Verdana, Arial, Helvetica, sans-serif;
}

img { border: 0; }

table.cat_main_display {
	margin: 4px;
}

/* table.cat_main_display, table.cat_overview, table.cat_list, table.cat_one_set {
	border-collapse:collapse;
}
*/

.cat_list th {
	background-color: black;
	color: #ccc;
	border: 1px solid black;
	padding-top: 2px; padding-bottom: 2px;
	font-size: small;
}

.cat_list th a, .cat_list th .a_disabled {
	padding-left: 4px; padding-right: 4px;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}

.cat_list th a {
	text-decoration: none;
	color: #ccc;
	background-color: #666;
}

table.cat_list th a:hover {
	background-color: #ccc;
	color: #633;
}

table.cat_overview>td {
	margin: 0; padding: 0;
}

.cat_list, .cat_overview {
	border: 2px solid black;
	margin: 10px; margin-left: auto; margin-right: auto;
	border-collapse:collapse;
	width: 95%;
}

.cat_overview .cat_list {
	margin: 0; margin-right: 0; margin-left: 0; width: 100%;
}

.cat_list img { border: 0px white; }

.cat_list tr, .cat_list>td {
	border: 0px solid white;
	margin: 0px;
	padding: 0px;
}

.cat_list tr, th.list_section_headings {
	background-color: #fed;
	color: black;
	border-bottom: dotted 1px white;
}

.cat_list tr:hover td {
	-moz-transition: 0.5s;
	-mozilla-transition: 0.5s;
	-webkit-transition: 0.5s;
	background-color: #fc7;
	cursor: pointer;
}

.cat_list td.price {
	text-align: right;
	padding-left: 5px; 
	padding-right: 5px;
}

.cat_list td.cat_section {
	text-align: center;
}

.cat_list .sub {
font-size: x-small; color: #420;
}

.cat_list .SetTitle {
font-weight: bold;
}

.cat_list td.mediacode {
	font-size: x-small;
	text-align:center;
	width: 20;
}

.cat_list p {
	margin: 0;
}

p.bible {
	font-weight: bold;
	text-align: right;
}


#cat_list {
	display: block;
}

#cat_display_box {
	display: none;
	position: fixed;
	left: 0;
	right: auto;
	top: 0;
	bottom: auto;
	width: 100%;
	height: 100%;
	/*-webkit-transition: 1s;*/
	z-index: 100;
}

#cat_overlay {
	background-color: black;
	opacity: 0.5;
	filter: alpha(opacity = 75);
	z-index: 101;
	height: 100%;
	width: 100%;
	position: absolute;
}

#cat_display {
	margin: 24px;
	opacity: 1;
	position: fixed;
	background-color: white;
	border: 5px brown double;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	z-index: 102;
	/* overflow: scroll; */
	height: 400;
}

.list_section_headings {
	text-align: left;
	margin: 0;
	border-bottom: double black 1px;
}

.list_section_headings h3 {
margin: 0; padding: 0; padding-top: 6px;
}

.cat_one_set, .cat_one_set td {
	vertical-align: top;
}

.blurb_continue, .blurb_intro_para {
	font-size: small;
}

.blurb_intro_para {
	font-weight: bold;
}

h1.set_title {
margin: 0;
}

h3.set_subtitle {
	margin: 0;
 	border-bottom: 1px solid gray;
 }

h4 {
	margin-bottom: 0; font-size: small; font-weight: bold; color: gray;
}

.tracklisting {
	font-size: small; color: gray; margin: 0; padding: 0; margin-left: 1em; list-style-type: none;
}

td.cat_set_blurb {
padding-left: 1em;
}

/* MODAL WINDOW OVERLAY - just using the close window part */
.close-window
{
	position:absolute;
	width:32px;
	height:32px;
	left:8px;
	top:8px;
	background:transparent url('close-button.png') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	z-index: 103;
	
}
.close-window:hover
{
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}

/*
.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}
.modal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
}*/

.row1 {	background-color: CCCCEE;
}
.row2 {	background-color: DDDDFF;
}
.tiny {
	font-size: x-small;
}

.faint {
	color: gray;
}

.recent_thumbs a:hover {
	text-decoration: none;
}

.recent_thumbs {
	padding: 4px;
}

.recent_thumbs td {
	border: 2px white solid;
	-khtml-border-radius: 4pt;
	-webkit-border-radius: 4pt;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-moz-border-radius: 4pt;
	background: white;
	margin: 4px;
	padding: 4px;
}

.recent_thumbs td:hover {
	border: 2px red solid;
	background: #ecc;
}

.recent_thumbs tr {
	vertical-align: top;
	text-align: center;
}

.recent_thumbs tr td.thumbs_more {
 vertical-align: bottom;
 text-align: right;
}

.thumbs_more:hover {
	background-color: #ccc;
}

#loading {
position: fixed;
top: 10em; left: 2em; right: 2em; bottom: 10em;
background-color: white;
border: 20px black solid;
display: none;
margin: auto;
z-index: 110;
color: red;
padding: 4em;
vertical-align: middle;
/* width: 90%; */
height: 5em;;
text-align: center;
	-khtml-border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
font-size: 300%;
}