/*mtp*/

body, span.regular { font-weight: normal; font-size: 14px; line-height: 21px; font-family: Trebuchet MS, serif; margin: 0; padding: 30px 0 0 0; }


a { color: #DD4400; }
img { border: none; }

label { font-weight: bold; }

input.textbox { height: 18px; }

label.error { color: red; line-height: 18px; padding: 0 0 0 25px; background: url(/img/validation_check.jpg) 3px -17px no-repeat; }
label.checked { background-position: 3px 1px; }


.form_grouping p { float: left; margin-right: 1em; }
.form_break { clear: left; }

h1 { font-size: 20px; }
h2 { font-size: 18px; color: #0099BB; }
h3 { font-size: 14px; }

.no_bottom_margin { margin-bottom: 0; }
hr { border-top:#ccc 1px solid; background: none; height: 1px;}
hr.clear { clear: left; margin: 0; padding: 0; visiblibility: none; height: 0px; border: none; }

/*general */
p.link_button { text-align: center; }
p.link_button a, .submit  { padding: 5px 10px; border: 0; background: #DDCC00 !important; color: #000; text-decoration: none; font-size: 16px; letter-spacing: .01em; }
p.link_button a:hover,input.submit:hover { background: #C6B700; }

p.small_link_button a { padding: 4px 8px; background: #0099BB; color: #fff; text-decoration: none; font-size: 14px; letter-spacing: .03em; }
p.small_link_button a:hover { background: #0089A8; }

p#alert {
	margin: 1em 0;
	padding: 1em;
	font-size: 1.2em;
	background: #ddcc00;
}
div#alert {
	margin: 1em 0;
	padding: 1em;
	font-size: 1.2em;
	background: #ddcc00;
}

p.msg { background: #ddcc00; padding: 10px; color: #000; }
p#alert.good { background: #0099BB; color: #fff; }

/*small.tiny_trash { mar: -3000px; display: block; width: 20px; height: 34px; background: url(/img/tiny_trash.png) no-repeat}*/

/*LAYOUT*/

div#tunes { width: 740px; margin: 0 auto; border-top: 10px solid #000; border-bottom: 10px solid #000; padding-bottom: 10px; }

img#logo { display: block; width: 311px; height: 28px; margin: 1em 0; }

ul#progress {  color: #888; list-style: none; margin: 0 0 1em 0; padding: 0; display: block; height: 27px; border-bottom: 2px #ccc solid; }
ul#progress li { float: left; display: block; margin: 0 15px 0 0; padding: 0 0 10px 0;}
ul#progress li a { text-decoration: none; font-weight: bold; }
ul#progress li#on { color: #000; background: url(/img/progress_dot.gif) no-repeat 50% 100%; font-weight: bold; }
ul#progress li#on a { color:#000; }
div#footer { width: 611px; margin: 1em auto; text-align: center; }

/* track listing */
table#track_listing, table.albums { border:0; border-collapse: collapse; width: 100%;}
table#track_listing th, table.albums th { text-align: left; padding-left: 5px; }
table#track_listing th.alignright { text-align: right; }
table#track_listing th#track_num { width: 20px; }
table#track_listing th#cover { width: 50px; }
table#track_listing th#duration { width: 75px; }
table#track_listing tbody td, table.albums tbody td { margin: 0; padding: 5px; vertical-align: top; }
/*table#track_listing tbody tr.stripe td { background: #ddd; }
table#track_listing tbody tr.stripe td.track_num { background: #fff; }*/

table#track_listing tbody td.track_num { border: 0; }
table#track_listing td input { width: 100%; }
p#tracks_submit { text-align: center; }

.tDnD_whileDrag, .ui-sortable-placeholder { background: #CCEBF1; }

table tbody#track_pricing td { border-bottom: 1px solid #aaa; }
table tbody#track_pricing td input { width: 50px }
/* multi-use */

table.data {
border-collapse: collapse;
}
table.data th {
padding: 3px .5em;
text-align: left;
}
table.data td {
padding: .5em;
margin: 0;
border: 1px #777 solid;

}


ul.big_instructions {
	list-style:none;
	margin: 1em 0 1em 0;
	padding: 0;
}
ul.big_instructions li {
	display: block;
	min-height: 30px;
	padding: 0 0 0 33px;
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 30px;
	background: url(/img/empty_box.gif) no-repeat;
}
/* home_page */

ul#projects_albums { list-style: none; margin: 0; padding: 0; }
ul#projects_albums li { font-size: 18px; margin: 1em 0 0 0; padding: 0; }
ul#projects_albums li ul { list-style: square inside; margin: 4px 0 0 1em; padding: 0; }
ul#projects_albums li ul li { font-size: 14px; margin: 0; }
/* album details page */
a#change_artist {
	display: none;
}
/* artist page */
input#artist_name_input { font-size: 20px; height: 24px; line-height: 20px;}
ul#projects { cursor:move; list-style: inside square; margin-left: 0; padding: 0; width: 350px; }
ul#projects li { margin-left: 0; padding: 0 0 0 10px; }

/* track upload area */
table.track_upload { width: 100%; }
table.track_upload th { text-align: left; }
table.track_upload td {
	border: 1px #ccc solid;
	padding: 1em;
}

.upload_spinner {
	vertical-align: middle;
	display: none;
}
table.needs_upload td {border: 1px solid #DD4400;}
td.pb { width: 250px; }

h3.change_audio { margin: 3em 0 0 0; }

div.swfupload-control {
	position: relative;
	
}
div.progressbar {
	display: none;
	position: absolute;
	top: 0;
	left: 64px;
	width: 150px;
	margin: 0 0 0 10px;
	border: 1px #ccc solid;
	height: 16px;
	padding: 2px;
	
}
div.progressbar div {
	width: 0px;
	height: 16px;
	background: #0099BB;
	color: #fff;
	line-height: 16px;
	font-size: 10px;
	text-align: center;
}

/* contract area */
div#contract_upload {
	float: left;
	width: 55%;
	padding: 20px;
	background: #CCEBF1;
}
div#contract_upload h4 { margin: 0;  }
div#contract_mail_fax {
	margin-left: 67%;
	padding: 0;
	font-size: .9em;
}

div#contract_mail_fax h4 { margin: 0; }
p.fax {margin-top: 0;}
address { font-style: normal; margin: 0 0 1em 0;}

div#view_contract { border: 1px solid #0099BB; padding: 5px; width: 200px; text-align: center;}

/*pricing */
input#album_price { width: 70px; line-height: 20px; font-size: 18px; height: 20px; }
div.nosales { display: none; }

/*front page intro no login */
div#left_logo {
	float: left;
	font-size: 1.2em;
	width: 540px;	
}
div#right_side {
	margin-left: 565px;
}
div.interest { border: 1px solid #0099BB; padding: 10px 20px; }

ul.promo_details { list-style: square inside; margin: 0 0 1em 0; padding: 0;}
ul.promo_details li { margin: 0 0 1em 0; padding: 0;}

div#screenshots img { margin-right: 10px; vertical-align: middle; }

/* album screen */
fieldset#genres p.genre { float: left; margin-right: 50px;}

a.switch { display: block; height: 37px; width: 122px; text-indent: -2000px; background: url(/images/switch_bigger.gif); float: left; margin: 0 10px 10px 0; }
a.switch#on_switch, a.switch#off_switch:hover { background-position: 0 38px; }
a.switch#off_switch, a.switch#on_switch:hover { background-position: 0 0; }

table#ipn_log td { 
	padding: 5px;
	text-align: left;
	border-collapse: collapse;
}
table#ipn_log th { 
	text-align: left;
	padding: 0 5px 2px 5px;
}

table#ipn_log .righty { text-align: right; }
table#ipn_log .subitem { color: #666; }