/* Eric Meyer's Reset CSS
 * This stylesheet resets and neutralizes inconsistent default styles across browsers.
 * Written by Eric Meyer  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * Modified and extended by Oo+
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
p, blockquote, img, form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
	cursor: inherit;
}

body {
	background: white;
	color: black;
	line-height: 1;
}

ol, ul { list-style: none; }
:focus { outline: 0; }
a { cursor: pointer; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

h1 { font-size: 150%; font-weight: bold; margin-bottom: 15px; }
h2 { font-size: 125%; font-weight: bold; margin-bottom: 10px; }
h3 { font-size: 100%; font-weight: bold; margin-bottom: 5px; }
h4 { font-size: 100%; font-weight: normal; margin-bottom: 5px; }
h5 { font-size: 75%; font-weight: normal; margin-bottom: 2px; }
h6 { font-size: 50%; font-weight: normal; margin-bottom: 2px; }


/* Kevin Hale's Solution
 *
 * This cross-browsers button panel solution is mainly for overcoming bugs in IE.
 * It will make all <button> and <a> inside the panel look very alike and horizontal
 * aligned using "float: left" CSS property.
 *
 * Source: http://particletree.com/features/rediscovering-the-button-element/
 * Original Concept by: Kevin Hale
 * Modified by: Oo+
 */

.button-panel a, .button-panel button {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 4px 8px 5px 7px; /* for links */
	color: #000;
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
	text-decoration: none;
	cursor: pointer;
}
.button-panel a {
	border: 1px solid #ccc;
	border-top-color: #eee;
	border-left-color: #eee;
	background-color: #dda;
}
.button-panel button {
	width: auto;
	overflow: visible;
	padding: 3px 7px 2px 7px; /* for IE6 */
}
.button-panel a img, .button-panel button img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}
.button-panel a span, .button-panel button span {
	background-repeat: no-repeat;
	background-position: center left;
}

/* normal actions */
.button-panel a:hover {
	background-color: #69c;
	border: 1px solid #69c;
	color: #fff;
}

/* positive actions */
.button-panel a.positive, .button-panel button.positive {
	color: #060;
}
.button-panel a.positive:hover {
	background-color: #390;
	border: 1px solid #390;
	color: #fff;
}

/* negative actions */
.button-panel button.negative, .button-panel a.negative {
	color: #d00;
}
.button-panel a.negative:hover {
	background-color: #d00;
	border: 1px solid #d00;
	color: #fff;
}

/* default actions */
.button-panel button.default, .button-panel a.default {
	font-weight: bold;
}

/* for SWFUpload button, thanks to Adobe changes in Flash 10 so we have to do unnecessary fix here */
.button-panel .swfupload {
	display: inline-block;
	margin: 0 5px 0 0;
	background-color: #ddb;
	color: #000;
}


/* Dudeplace.com common stylesheet
 * Written by Oo+
 */

/* base font */
body { font: 9pt Tahoma, Arial, sans-serif; }

/* form style */
form ol                      { margin: 0; padding: 0; list-style: none; }
form ol li                   { display: block; padding: 0 0 10px 0; }
form ol li:last-child        { padding: 0; }
form ol li label             { display: inline-block; padding: 0 5px 0 10px; text-align: right; }
form ol li label:first-child { padding: 0 5px 0 0; }
form ol li button            { margin-right: 5px; }
form input                   { display: inline-block; vertical-align: middle; }
form select                  { display: inline-block; vertical-align: middle; }
form textarea                { display: inline-block; vertical-align: middle; }
form fieldset                { margin: 0 0 8px; padding: 8px; border: 1px solid #048; }
form legend                  { padding: 4px; border: 1px solid #048; background: #def; color: #048; font-size: 120%; font-weight: bold; }

/* frequently used scripting stylesheet */
.hidden          { visibility: hidden; }
.collapsed       { display: none; }
.clear           { clear: both; }
.clearfloat      { display: block; margin: 0; padding: 0; line-height: 0px; font-size: 0%; clear: both; content: ""; }
.autofloat:after { display: block; margin: 0; padding: 0; line-height: 0px; font-size: 0%; clear: both; content: ""; }

/* use these to wrap pager at before and after list, don't forgot to clear float */
.before-list { clear: both; float: left; width: 100%; }
.after-list  { clear: both; float: left; width: 100%; }

/* pager, container element must handle float left */
.page-info                  { float: left; display: inline-block; padding: 3px 0; }
.pager                      { float: right; }
.pager ul                   { float: left; margin: 0; padding: 0; list-style: none; }
.pager ul li                { float: left; margin: 0 0 0 1px; padding: 0; font-weight: bold; }
.pager ul li span           { display: inline-block; padding: 5px 7px; color: #555; }
.pager ul li .disabled      { border: 1px solid #ccc; padding: 3px 5px; color: #999; }
.pager ul li a              { display: inline-block; padding: 3px 5px; border: 1px solid #48c; color: #00f; text-decoration: none; }
.pager ul li a:hover        { background: #48c; color: #fff; }
.pager ul li a.active       { border: 1px solid #c33; color: #900; }
.pager ul li a.active:hover { background: #900; color: #fff; }

/* for using with TabBar object */
.tabbar                  { position: absolute; bottom: 0; right: 10px; }
.tabbar ul               { float: left; margin: 0; padding: 0; list-style: none; font-weight: bold; }
.tabbar li               { float: left; margin: 0 1px 0 0; padding: 0; }
.tabbar li a             { display: block; padding: 0 0 0 4px; color: #000; text-decoration: none; }
.tabbar li a span        { display: block; padding: 6px 10px 4px 6px; }
.tabbar li a:hover       { background: transparent url("common/tab-al.gif") no-repeat top left; }
.tabbar li a:hover span  { background: transparent url("common/tab-ar.gif") no-repeat top right; }
.tabbar li.active a      { background: transparent url("common/tab-al.gif") no-repeat top left; }
.tabbar li.active a span { background: transparent url("common/tab-ar.gif") no-repeat top right; }

/* display member type badge */
.badge-block { margin-bottom: 5px; }
.badge       { display: inline-block; height: 15px; width: 72px; background-repeat: no-repeat; background-position: top left; }
.badge-1     { background-image: url("common/badge-artist.gif"); }
.badge-2     { background-image: url("common/badge-fanclub.gif"); }
.badge-3     { background-image: url("common/badge-party.gif"); }