html, body {
	margin: auto;
	height: 100%;
	width: 100%;
	font-family: tahoma;
	font-size: 11px;
	background-color: #030020;
}

table {
	width: 100%;
	border: 0px;
}

a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: white;
	text-decoration: underline;
}
a:visited {
	color: white;
}

a.chatterbox {
	border-bottom: 1px dotted black;
}

hr {border: none;
	border-top: 1px dotted #111853;
}

form {
	margin: 0px;
}

input {
	font-family: tahoma;
	font-size: 11px;
	color: black;
	background-color: #b5bfe0;
	border: 1px solid #111853;
	margin: 1px;
}
textarea {
	font-family: tahoma;
	font-size: 11px;
	color: black;
	background-color: #b5bfe0;
	border: 1px solid #111853;
	margin: 1px;
	width: 99%;
}
input[type=submit], input[type=button] {
	cursor: pointer;
}
input[type=submit]:hover, input[type=button]:hover {
	text-decoration: underline;
}
input[type=submit]:active, input[type=button]:active {
	background-color: #9ba5c7;
}
input[type=submit][disabled=disabled] {
	background-color: #b5bfe0;
}
input[type=submit][disabled=disabled]:hover {
	cursor: default;
	background-color: #b5bfe0;
	text-decoration: none;
}
input[type=button][disabled=disabled] {
	background-color: #b5bfe0;
}
input[type=button][disabled=disabled]:hover {
	cursor: default;
	background-color: #b5bfe0;
	text-decoration: none;
}
.row1 input[type=text], .row1 input:not([type]), .row2 input[type=text], .row2 input:not([type]) {
	width: 99%;
}
select {
	font-family: tahoma;
	font-size: 11px;
	color: black;
	background-color: #b5bfe0;
	border: 1px solid #111853;
	margin: 1px;
}
.cbody input {
	font-family: tahoma;
	font-size: 11px;
	color: black;
	background-color: #e1e6f5;
	border: 1px solid #111853;
	margin: 1px;
}
/*.cbody input[disabled=disabled].enabledisable {
	background-color: #6f7589;
}*/
.cbody textarea {
	font-family: tahoma;
	font-size: 11px;
	color: black;
	background-color: #e1e6f5;
	border: 1px solid #111853;
	margin: 1px;
}
/*.cbody textarea[disabled=disabled].enabledisable {
	background-color: #6f7589;
}*/
.cbody select {
	font-family: tahoma;
	font-size: 11px;
	color: black;
	background-color: #e1e6f5;
	border: 1px solid #111853;
	margin: 1px;
}
/*.cbody select[disabled=disabled].enabledisable {
	background-color: #6f7589;
}*/

table.page, table.mid, table.content_wrap {
	height: 100%;
}

table.page .leftframe {
	height: 100%;
	vertical-align: top;
	padding-top: 0px;
}
table.page .content, table.page .right {
	height: 100%;
	vertical-align: top;
}
table.page .rightframe {
	height: 100%;
	vertical-align: top;
	padding-top: 0px;
}

div.block {
	color: white;
	width: 162px;
	margin-bottom: 10px;
}

div.block .content {
	text-align: left;
	padding: 4px;
	background-color: #0b184c;
	border-left: 1px solid #193557;
	border-bottom: 1px solid #193557;
	border-right: 1px solid #193557;
}
div.block .left {
	background-image: url('../img/block_left.png');
	background-repeat: no-repeat;
	width: 24px;
	height: 15px;
}
div.block .title {
	background-image: url('../img/block_mid.png');
	background-repeat: repeat-x;
	height: 15px;
	font-weight: bold;
	text-align: center;
	width: 114px;
}
div.block .right {
	background-image: url('../img/block_right.png');
	background-repeat: no-repeat;
	width: 24px;
	height: 15px;
}

.page_head {
	height: 150px;
	background-color: #030020;
	background-image: url('../img/header.png');
	background-repeat: no-repeat;
	min-width: 950px;
}

div.submenu_container {
	height: 15px;
	cursor: pointer;
}
div.submenu .left {
	width: 10px;
	height: 15px;
	background-image: url('../img/submenu_left.png');
	background-repeat: no-repeat;
}
div.submenu .mid {
	text-align: center;
	height: 15px;
	background-image: url('../img/submenu_mid.png');
	background-repeat: repeat-x;
}
div.submenu .right {
	width: 10px;
	height: 15px;
	background-image: url('../img/submenu_right.png');
	background-repeat: no-repeat;
}
div.submenu .sep {
	width: 1px;
	height: 15px;
	background-image: url('../img/submenu_sep.png');
	background-repeat: no-repeat;
}
div.submenu table {
	width:95%;
}

td.menu_wrap {
	padding: 3px;
	color: black;
}
td.menu_wrap a  {
	color: black;
	text-decoration: none;
}
td.menu_wrap a:hover {
	color: black;
	text-decoration: none;
}
td.menu_wrap a:visited {
	color: black;
}

div.mainmenu {
	height: 25px;
	cursor: pointer;
	color: #a9a8d9;
}
div.mainmenu a,div.mainmenu a:hover,div.mainmenu a:visited {
	color: #a9a8d9;
}
div.mainmenu .left {
	width: 6px;
	height: 25px;
	background-image: url('../img/menu_left.png');
	background-repeat: no-repeat;
}
div.mainmenu .sep {
	width: 1px;
	height: 25px;
	background-image: url('../img/menu_sep.png');
	background-repeat: no-repeat;
}
div.mainmenu .right {
	width: 6px;
	height: 25px;
	background-image: url('../img/menu_right.png');
	background-repeat: no-repeat;
}
div.mainmenu .menu {
	height: 25px;
	background-image: url('../img/menu.png');
	background-repeat: repeat-x;
	padding-left: 4px;
	padding-right: 4px;
}
div.mainmenu .menu_container {
	text-align: center;
	height: 25px;
}

td.chead {
	height: 25px;
	color: white;
	font-weight: bold;
}
td.chead div.left {
	float: left;
}
td.chead .left {
	width: 73px;
	height: 25px;
	background-image: url('../img/chead.png');
	background-repeat: no-repeat;
}
td.chead div.title {
	float: left;
}
td.chead .title {
	height: 23px;
	background-color: #355671;
	border-top: 1px solid #111835;
	border-bottom: 1px solid #111835;
	border-right: 1px solid #111835;
}

td.cspacer {
	height: 5px;
}
td.cbody {
	background-color: #b5bfe0;
	border-left: 1px solid #111835;
	border-right: 1px solid #111835;
	border-bottom: 1px solid #111835;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 10px;
}
td.cbody a {
	color: black;
	text-decoration: none;
}
td.cbody a:hover {
	color: black;
	text-decoration: underline;
}
td.cbody a:visited {
	color: black;
}

.page_bot {
	background-color: #352b9c;
	text-align: center;
	vertical-align: top;
}
td.page_bot .left {
	background-color: #030020;
	height: 15px;
	width: 15px;
	background-image: url('../img/bot_left.png');
}
td.page_bot .right {
	background-color: #030020;
	height: 15px;
	width: 15px;
	background-image: url('../img/bot_right.png');
}
td.page_bot table {

}

.tip-top {
	height: 0px;
}
.tip {
	border: 1px solid #111853;
}
.tip-title {
	background-color: #355671;
	color: white;
	font-weight: bold;
	padding: 3px;
}
.tip-text {
	background-color: #b5bfe0;
	padding: 3px;
}
.tip-bottom {
	height: 0px;
}

.row1 {
	background-color: #a4b1db;
}
.row2 {
	background-color: #b5bfe0;
}

table.table_nowrap td {
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

span.vip_span {
	color: blue;
}

span.svip_span {
	color: #990066;
}

span.uvip_span {
	color: olive;
}

span.mod_span {
	color: green;
}

span.staff_span {
	color: red;
}

span.webmaster_span {
	color: red;
}

span.admin_span {
	color: red;
}

td.poll_left {
	width: 3px;
	height: 10px;
	background-image: url('../img/rate_left.png');
	background-repeat: no-repeat;
}

td.poll_mid {
	height: 10px;
	background-image: url('../img/rate_mid.png');
	background-repeat: repeat-x;
}

td.poll_right {
	width: 3px;
	height: 10px;
	background-image: url('../img/rate_right.png');
	background-repeat: no-repeat;
}

.indent {
	padding-left: 20px;
}

.disabled {
	background-color: #6f7589 !important;
}

div.draganddrop {
	width: 40%;
	display: inline;
	height: 80%;
	overflow: auto;
	border: 1px solid black;
}

.draggable:hover {
	background-color: #e1e6f5;
	cursor: move;
}

legend {
    white-space: normal
}

span.normaltag, span.normaltag a, span.normaltag a:hover, span.normaltag a:visited {
	color: green !important;
}
span.artisttag, span.artisttag a, span.artisttag a:hover, span.artisttag a:visited {
	color: red !important;
}
span.seriestag, span.seriestag a, span.seriestag a:hover, span.seriestag a:visited {
	color: indigo !important;
}

.error {
	color: red;
}

td.new_menu_wrap {
	padding: 3px;
	color: black;
}
td.new_menu_wrap a  {
	color: black;
	text-decoration: none;
}
td.new_menu_wrap a:hover {
	color: black;
	text-decoration: none;
}
td.new_menu_wrap a:visited {
	color: black;
}

div.new_mainmenu {
	height: 25px;
	cursor: pointer;
	color: #a9a8d9;
}
div.new_mainmenu a,div.new_mainmenu a:hover,div.new_mainmenu a:visited {
	color: #a9a8d9;
}
div.new_mainmenu .left {
	width: 6px;
	height: 25px;
	background-image: url('../img/menu_left.png');
	background-repeat: no-repeat;
}
div.new_mainmenu .sep {
	width: 1px;
	height: 25px;
	background-image: url('../img/menu_sep.png');
	background-repeat: no-repeat;
}
div.new_mainmenu .right {
	width: 6px;
	height: 25px;
	background-image: url('../img/menu_right.png');
	background-repeat: no-repeat;
}
div.new_mainmenu .menu {
	height: 25px;
	background-image: url('../img/menu.png');
	background-repeat: repeat-x;
	padding-left: 4px;
	padding-right: 4px;
}
div.new_mainmenu .newmenu_container {
	text-align: center;
	height: 25px;
}

div.newsubmenu {
	background-color: transparant;
	text-align: center;
	position: absolute;
	min-width: 20px;
	min-height: 20px;
	color: black;
}
td.new_menu_wrap ul {
	display: none;
}

div.newsubmenu a, div.newsubmenu a:hover, div.newsubmenu a:visited {
	color: black;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.newsubmenu a:hover {
	text-decoration: underline;
}

div.newsubmenu span.topleft {
	background-image: url('../img/submenu-tl.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div.newsubmenu span.topright {
	background-image: url('../img/submenu-tr.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}
div.newsubmenu span.bottomleft {
	background-image: url('../img/submenu-bl.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
div.newsubmenu span.bottomright {
	background-image: url('../img/submenu-br.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
div.newsubmenu span.bottom {
	background-color: #d2edf3;
	position: absolute;
	bottom: 0px;
	left: 10px;
	right: 10px;
	height: 10px;
}
div.newsubmenu span.top {
	background-color: #d2edf3;
	position: absolute;
	top: 0px;
	left: 10px;
	right: 10px;
	height: 10px;
}
div.newsubmenu span.smleft {
	background-color: #d2edf3;
	position: absolute;
	bottom: 10px;
	top: 10px;
	left: 0px;
	width: 10px;
}
div.newsubmenu span.smright {
	background-color: #d2edf3;
	position: absolute;
	bottom: 10px;
	top: 10px;
	right: 0px;
	width: 10px;
}

div.newsubmenu div.sm-content {
	background-color: #d2edf3;
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	top: 10px;
}
div.newsubmenu div.sm-content span.sm-sep {
	background-image: url('../img/submenu-sep.png');
	background-repeat: repeat-x;
	height: 3px;
	display: block;
	position: absolute;
	left: -3px;
	right: -3px;
}
div.newsubmenu div.sm-content span.sm-link {
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
}
div.newsubmenu div.sm-content span.sm-link:hover {
	background-color: #B5E8F2;
}

div.playbarContainer {
	width: 100%;
	height: 24px;
	position: relative; /* Make this block the parent for positioning the other divs. */
	border: 1px solid #8599DD;
}

div.playbarbackground {
	/* border: 1px solid black; */
	background-color: #8599DD;
	/* for firefox 3.6+ */
	background: -moz-linear-gradient(left, #FF5751, #FFD1D1 60%, #DDFFD8 60%, #5EFF71);
	/* for webkit old (Chrome 1-9) */
	background: -webkit-gradient(linear, left top, right top, from(#FF5751), color-stop(0.60, #FFD1D1), color-stop(0.60, #DDFFD8), to(#5EFF71));
	/* for new webkit (Chrome 10+) */
	background: -webkit-linear-gradient(left, #FF5751, #FFD1D1 60%, #DDFFD8 60%, #5EFF71);
	/* presto... */
	background: -o-linear-gradient(left, #FF5751, #FFD1D1 60%, #DDFFD8, #5EFF71);
	
	position: absolute;
	top: 25%;
	left: 5px;
	right: 5px;
	bottom: 25%;
	
	z-index: 0;
}
div.playbar {
	height: 24px;
	width: 24px;
	/* border: 1px solid black; */
	/* margin-top: -1px; */ /* compensate for border */
	margin-left: -12px; /* center background image */
	/* background-color: #FF967C; */
	z-index: 10;
	position: absolute;
	background-image: url('../img/ratebg.png');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	
	top: 0;
	left: 0%;
}
div.playbar[rel="early"] {
	background-position: 0% 0%;
}
div.playbar[rel="rateable"] {
	background-position: 0% 100%;
}

input[type=submit].donate {
	background-color: transparent;
	background-image: url('../img/donationbutton.png');
	background-position: 0px 0px;
	width: 149px;
	height: 77px;
	padding-top: 77px;
}
input[type=submit].donate:hover {
	background-position: 0px 154px;
}
input[type=submit].donate:active {
	background-position: 0px 77px;
}
