/* SoundVault CSS */

body {
	background-color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#121212;
	margin:0;
}

h1 {
	font-size:16px;
	color:#555;
/*	font-style:italic;*/
	font-weight:bold;
}

h3 {
    font-size: 14px;
}

h4 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size:11px;
}
h4 + p, h4 + ul { /* So there is no space between the heading and the following text - won't work in IE 6 */
    margin-top: 0px;
    padding-top: 0px;
}

a, a:visited { color:#004D9B; text-decoration: none; }
a:hover { color: #fff; }

#container {
	width:995px;
	margin:0 auto;
	padding:0;
}

#header {
	margin:0; 
/*	background-image:url(img/logo.gif);
	background-repeat:no-repeat;
	background-position:20px;*/
	height:17px;
	padding-top:16px;
	color:#fff;
	padding-right:40px;
	position:relative;
}

#header h1.logo a { 
	background:url(img/logo-white-on-grey.png) no-repeat left top;
	width:226px;
	height:31px;
	display:block;
	text-align:left;
	text-indent:-9999px;
	position:absolute;
	top:2px;
	left:16px;
	}

#header a, #header a:visited {
	color:#fff;
	text-decoration:none;
	font-size:inherit;
}

#header a:hover {
	color:#fff;
	text-decoration:underline;
	font-size:inherit;
}

	
#left {
	float:left;
	width:252px;
	margin:0; 
	padding:0;
	height:604px;
}
		
#left_top {
	background-color:#999;
	background-image:url(img/bg_left_top.gif);
	background-repeat:no-repeat;
	height:25px;
}

#left_mid {
	background-image:url(img/bg_left_mid.gif);
	background-repeat:repeat-y;
	height:559px;
}

#left_mid a.tutorial { margin: 20px 20px 0 0 }

#genre_tree {
	height: 555px;
	padding-top:3px;
	margin-left:10px;
	width:235px;
	border: none;
	background-color: #999;
	padding-right:3px;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: scroll;
}

#anchorlinks {
    position: relative;
    padding: 0px;
    margin: 0px;
}

#anchorlinks ul {
	margin:0;
/*
	margin-right:5px;
	padding:10px;
/**/
	list-style:none;
	padding:0;
	padding-left:20px;
}

#anchorlinks ul ul {
	padding-left: 15px;
}

#anchorlinks li {
/*	padding:3px;*/
	padding-left: 12px;
	background-position:0px 3px;
	background-repeat:no-repeat;
	background-image:url(img/filter_selection_closed.gif);
}

#anchorlinks li.nobullet {
	background-image: none;
}

#anchorlinks a, #anchorlinks a:visited {
	display:block;
	width: auto;
	text-decoration: none;
	color:black;
}

#anchorlinks a:hover {color:white;}
#anchorlinks li.selected {background-image:url(img/filter_selection_closed-hov.gif);}
#anchorlinks li.selected a, #anchorlinks li.selected a:visited {color:white; font-weight:bold;}
#anchorlinks li.expanded {background-image:url(img/filter_selection_open_blue.gif);}
#anchorlinks li.expandedselected a, #anchorlinks li.expandedselected a:visited {color:white; font-weight:bold;}
#anchorlinks li.expandedselected {background-image:url(img/filter_selection_open.gif);}

#left_bottom {
	background-image:url(img/bg_left_bottom.gif);
	background-repeat:no-repeat;
	text-align:right;
	padding-right:25px;
	padding-top:2px;
	height:18px;
	color:#fff;
}

#left_bottom img {
	border:none;
	margin-top:-3px;
	vertical-align:middle;
	padding-left:4px;
}


#twocolright {
	color:#000;
	float:left;
    clear: right;
    margin: 0;
    padding: 0;
	width:743px; /* 743 */
	height:604px;
}
	
#twocolright_top {
	background-image:url(img/bg_2colright_top.gif);
	background-repeat:no-repeat;
	height:25px;
}

#twocolright_mid {
	background-image:url(img/bg_2colright_mid.gif);
	background-repeat:repeat-y;
	height:541px;
	margin-right:10px;
	overflow:auto;
	overflow-x: hidden;
	padding:12px 40px 6px 30px;
	text-align:justify;
	width:671px;
}

iframe#twocolright_mid {
	border:0;
	padding-left: 0px;
	padding-right: 0px;
	width: 741px;
	
}

#twocolright_bottom {
	background-image:url(img/bg_2colright_bottom.gif);
	background-repeat:no-repeat;
	height:21px;
}

p.moddate { 
    text-align:center;
    margin-top: 6px;
}

#twocolright table {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-spacing: 0px;
}



#middle {
	margin:0 252px;
	background-color:#bdbdbd;
	width:491px;
	padding:0;
	position: absolute;
}

#middle_top {
	background-image:url(img/bg_middle_top_bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:24px;
}

#middle_mid {
	background-image:url(img/bg_middle_mid.gif);
	background-repeat:repeat-y;
	height:541px;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 7px;
}

#middle_bottom {
	background-image:url(img/bg_middle_top_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:21px;
}


#right {
	float:right;
	width:252px;
	margin:0; 
	padding:0;
	background-image:url(img/bg_right.gif);
	background-repeat:repeat-y;
	height:604px;
}

#right_filter {
	background-image:url(img/bg_right_filter_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:278px;
	padding-top:24px;
}

#filter_form {
	height:246px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 16px;
}


#right_production {
	background-image:url(img/bg_right_production_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:21px;
	height:260px;
	padding-left:3px;
}

	#right_playlist {
		background:url(img/bg_playlist_title.gif) no-repeat -3px top;
		padding-top:18px;
		}

#right_bottom {
	background-image:url(img/bg_right_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:21px;
}

#footer { 
	text-align:center;
	padding-top:4px;
	height:11px;
	color:#fff;
	overlay:auto;
	position:relative;
}

#footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:none;
	font-size:inherit;
}

#footer a:hover {
	color:#fff;
	text-decoration:underline;
	font-size:inherit;
}

#footer small {
	color: #999;
}

#addthis {
	float: left;
	width: 1px;
	margin: 2px -135px 0 110px;	
}

#btn_links { position:absolute; top:5px; left: 756px; }

#btn_links a, #btn_links a:visited { display:block; width:125px; height:18px; background:url(img/btn_links.png) no-repeat left top }

#btn_links a:hover { background-position:left bottom }

/*---------- FILTER FORM ----------*/

#filter_form table { width:220px; border:0; text-align:left; }

#filter_form table tr td.left {	width:80px; text-align:left;}

#filter_form table tr td.right { width:140px; text-align:left;}

#adm_registrations .text, 
#edit_production .text, 
#filter_form .text, 
#filter_form .multifield, 
#login_page .text, 
#login_page .multifield,
#registration_details .text,
#registration_details .multifield,
.text {
	color:#000;
	background-color:#e1e1e1;
	border:solid 1px #7e7e7e;
	padding:0;
	font-size:10px;
	/*
	width:140px;
	height:13px; /* this breaks drop-downs for IE7 and FF */
	/**/
}

#adm_registrations .text, 
#edit_production .text, 
#filter_form .text, 
#filter_form .multifield, 
#login_page .text, 
#login_page .multifield,
#registration_details .text,
#registration_details .multifield {
	width:140px;
}


#filter_form .text,
#filter_form .multifield {
	background-color:#bfbfbf;
}

#filter_form .multifield {
	font-size:11px;
	text-align: right;
}

#filter_form .multifield .text {
	border: 0;
	text-align:center;
}

#filter_form .twofield .text {
	width: 53px;
}

#filter_form input.checkbox { margin-left:0; }

#filter_form input.button {
	color:#fff;
	font-size:11px;
	padding:2px;
	width:50px;
	background-color:#737373;
	border:1px solid #666;
/*	margin-left:79px; */
}

#filter_form .section {
	width: 95%;
	padding-left: 3px;
}

#filter_form .section .heading {
	margin-left:-4px;
	height:16px;
	text-align:left;
	color:#1f1f1f;
	background-repeat:no-repeat;
	background-position: 0px 3px;
}

#filter_form .secclosed .heading {
	background-image:url(img/filter_selection_closed.gif);
}

#filter_form .secclosed:hover .heading {
	background-image:url(img/filter_selection_closed-hov.gif);
}

#filter_form .secopen .heading {
	background-image:url(img/filter_selection_open.gif);
}

#filter_form .section .contents {
	margin:0;
	padding:0;
}

#filter_form .secclosed .contents { display:none; }
#filter_form .secopen .contents { display:block; }

#filter_form a { text-decoration:none; }

#filter_form .section a.heading { display:block; padding-left:10px; width:75%; }
#filter_form .secopen a.heading { color:#f2f2f2; }
#filter_form .secclosed a.heading { color:#1f1f1f; }
#filter_form .secclosed:hover a.heading { color:#f2f2f2; }

#filter_form .section .marker { visibility:hidden; vertical-align:bottom; }

#filter_form .section .marker img { border:none; }

#filter_form .btnclear { display:inline; margin:0; padding:0; color:#004D9B; float:right; }
#filter_form .section .btnclear { visibility:hidden; }
#filter_form .section:hover .btnclear { visibility:visible; }

#filter_form .clear {
	height:6px;
}

#filter_form #filter_actions { float: right; display: inline; margin: 3px 14px 0 0; }
#filter_form #filter_actions #show_edits { padding: 3px; background-color: #999; }
#filter_form #filter_actions .btnclear { float: none; }


/*---------- PLAYLIST ----------*/

#playlist {
	margin:0;
	padding:0;
	background-color:transparent;
}

#playlist .list {
	width:228px;
	text-align:left;
	color:#1f1f1f;
	font-size:9px;
	height:14px;
	padding-top:3px;
	padding-bottom:3px;
	clear:both;
}

#playlist .lgray { background-color:#a5a5a5 }

#playlist .list .track_number {
	float:left;
	width:18px;
	text-align:right;
}

#playlist .list .track_title {
	float:left;
	width:126px;
	padding-left:3px;
	text-align:left;
}

#playlist .list .action_icon_moveup_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/pl-moveup.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_moveup, #playlist .action_icon_moveup:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/pl-moveup.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_moveup:hover {
	background-position: -16px center;
	margin-right:1px;
}

#playlist .list .action_icon_movedown_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/pl-movedown.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_movedown, #searchresults .action_icon_movedown:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/pl-movedown.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_movedown:hover {
	background-position: -16px center;
	margin-right:1px;
}

/**/

#playlist .action_moveupdown {
	width: 16px;
	height: 16px;
	float: right;
}

#playlist .list .action_icon_moveup_2_dsbld, 
#playlist .list .action_icon_moveup_2, 
#playlist .list .action_icon_movedown_2_dsbld, 
#playlist .list .action_icon_movedown_2 {
    padding: 0;
    margin: 0;
}


#playlist .list .action_icon_moveup_2_dsbld {
	width:16px;
	height:8px;
	background-image: url(img/pl-moveup-2.gif);
	background-repeat: no-repeat;
	background-position: -32px 0;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_moveup_2, #playlist .action_icon_moveup_2:visited {
	width:16px;
	height:8px;
	background-image: url(img/pl-moveup-2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_moveup_2:hover {
	background-position: -16px 0;
	margin-right:1px;
}

#playlist .list .action_icon_movedown_2_dsbld {
	width:16px;
	height:8px;
	background-image: url(img/pl-movedown-2.gif);
	background-repeat: no-repeat;
	background-position: -32px 0;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_movedown_2, #searchresults .action_icon_movedown_2:visited {
	width:16px;
	height:8px;
	background-image: url(img/pl-movedown-2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_movedown_2:hover {
	background-position: -16px 0;
	margin-right:1px;
}

/**/




#playlist .list .action_icon_remove_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/pl-remove.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
}

.cuesheettools { width: 68px; }
.cuesheettools .action { margin-right: 1px; }

#playlist .list .action_icon_remove, #searchresults .action_icon_remove:visited,
.cuesheettools .action_icon_remove, .cuesheettools .action_icon_remove:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/pl-remove.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
}

#playlist .list .action_icon_remove:hover,
.cuesheettools .action_icon_remove:hover {
	background-position: -16px center;
}

#playlist .list .action_icon_download_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-download.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_download, #playlist .list .action_icon_download:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-download.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_download:hover {
	background-position: -16px center;
	margin-right:1px;
}

#playlist .list .action_icon_play_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-play.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_play, #searchresults .action_icon_play:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-play.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
	margin-right:1px;
}

#playlist .list .action_icon_play:hover {
	background-position: -16px center;
	margin-right:1px;
}

#playlist_control {
	text-align:right;
	margin-right:20px;
	padding-bottom:6px;
}

#playlist_control a, #playlist_control a:visited {
	color:#111;
	text-decoration:none;
}

#playlist_control a:hover {
	text-decoration:none;
	background-color:#bdbdbd;
}

#playlist table {
	width:228px;
	border:none;
	font-size:9px;
}

#playlist img { border:none }

#playlist table .lightgray { background-color: #a5a5a5; }

#playlist table tr td { 
	padding-top:3px;
	padding-bottom:3px;
}

#playlist table tr td.action_icon_play_dsbld {
	width:14px;
	height:14px;
	float:right;
	background-image: url(img/pl-play.gif);
	background-repeat: no-repeat;
	background-position: -28px center;
	display:block;
}

#playlist table tr td.action_icon_play, #searchresults table tr td.action_icon_play:visited {
	width:14px;
	height:14px;
	float:right;
	background-image: url(img/pl-play.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
}

#playlist table tr td.action_icon_play:hover {
	background-position: -14px center;
}

/*---------- SEARCH RESULTS ----------*/

#searchresults,
#midpage,
#login_page {
	margin:0;
	padding:0;
	background-color:transparent;
	overflow-x:hidden;
	font-size:11px;
}

#searchresults.different,
#midpage.different {
	background-color:#d9d9d9;
}

#searchresults.smallpopup {
	max-width: 700px;
	margin-left: 5%;
	margin-right: 5%;
}


#login_page h1 {
	margin-left:20px;
	font-size:17px;
	color:#555;
/*	font-style:italic;*/
	font-weight:bold;
}

#login_page h2 {
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin:0px 0px 0px 20px;
	padding:0;
}

#searchresults table {
	width:478px;
	text-align:center;
}

#login_page table {	
	text-align:center; 
/*	width:290px;*/	
}

#login_page table tr td {
	text-align:right;
	font-weight:normal;
	padding:1px 10px 1px 1px;
	font-size: 11px;
}

#searchresults table img a{
	border:none;
}

#searchresults table .headrow{
	font-weight:bold;
	padding-top:4px;
	height:20px;
	border-bottom:1px solid #666;
	text-align:left;
}

#searchresults table .left, #login_page table .left { text-align:left; }

#searchresults .track {
	width:100%;
	text-align:left;
	color:#1f1f1f;
}

#searchresults .track:hover {
	color:#1f1f1f;
}

#searchresults .track_title { 
	float:left;
	overflow:auto;
}

#searchresults .track_duration {
	width:54px;
	text-align:center;
	float:right;
}

#searchresults .action_icon_play_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-play.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
	margin-right:1px;
}

#searchresults .action_icon_play, #searchresults .action_icon_play:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-play.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	display:block;
	margin-right:1px;
}

#searchresults .action_icon_play:hover {
	background-position: -16px center;
}

#playlist .action_icon_edits_dsbld,
#searchresults .action_icon_edits_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-edits.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
	margin-right:1px;
}

#playlist .action_icon_edits, #searchresults .action_icon_edits:visited,
#searchresults .action_icon_edits, #searchresults .action_icon_edits:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-edits.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
	margin-right:1px;
}

#playlist .action_icon_edits:hover,
#searchresults .action_icon_edits:hover {
	background-position: -16px center;
}

#searchresults .action_icon_details_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-details.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
}

#searchresults .action_icon_details, #searchresults .action_icon_details:visited,
.cuesheettools .action_icon_info, .cuesheettools .action_icon_info:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-details.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	display:block;
}

#searchresults .action_icon_details:hover,
.cuesheettools .action_icon_info:hover {
	background-position: -16px center;
}

#searchresults .action_icon_edit_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-edit.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
}

#searchresults .action_icon_edit, #searchresults .action_icon_edit:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-edit.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	display:block;
}

#searchresults .action_icon_edit:hover {
	background-position: -16px center;
}

#searchresults .action_icon_add2pl_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-add2pl.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
	margin-right:1px;
}

#searchresults .action_icon_add2pl, #searchresults .action_icon_add2pl:visited,
.cuesheettools .action_icon_add, .cuesheettools .action_icon_add:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-add2pl.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
	margin-right:1px;
}

#searchresults .action_icon_add2pl:hover,
.cuesheettools .action_icon_add:hover {
	background-position: -16px center;
}

.cuesheettools .action_icon_clear, .cuesheettools .action_icon_clear:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-edit.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
	margin-right:1px;
}

.cuesheettools .action_icon_clear:hover {
	background-position: -16px center;
}

#searchresults .action_icon_download_dsbld {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-download.gif);
	background-repeat: no-repeat;
	background-position: -32px center;
	display:block;
	margin-right:1px;
}

#searchresults .action_icon_download, #searchresults .action_icon_download:visited {
	width:16px;
	height:16px;
	float:right;
	background-image: url(img/sr-download.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	display:block;
	margin-right:1px;
}

#searchresults .action_icon_download:hover {
	background-position: -16px center;
}

#searchresults .track .track_description { 
	font-style:italic;
	color:#444;
	width:356px; 
	clear:both; 
	padding-bottom:4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#searchresults .track:hover .track_description { color:#0057b0; }

#searchresults .action_icon_download_high, #searchresults .action_icon_download_high:visited,
#playlist .list .action_icon_download_high, #playlist .list .action_icon_download_high:visited {
	background-image: url(img/sr-download-hi.gif);
}



:focus {
	-moz-outline:none;
	outline:none;
}

.resnav {
	padding-bottom:6px;
	width:95%;
	padding-top: 6px;
}

.resnav .curpage {
	background: #fff;
	border:1px solid #777;
	padding:3px;
	color:#444;
}	

.resnav a, .resnav a:visited {
	background: #dfdfdf;
	border:1px solid #777;
	padding:3px;
	color:#444;
	text-decoration:none;
	outline:none;
}

.resnav a:hover {
	background: #535353;
	border:1px solid #777;
	padding:3px;
	color:#fff;
}


/* ---------- LANGUAGE BAR ----------*/

#language_bar {
	width:240px;
	height:16px;
	position:absolute;
	top:10px;
	left:256px;
}

#language_bar a.language_eng, #language_bar a:visited.language_eng {
	float:left;
	padding:0;
 	background-image: url(img/lan-eng.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:16px;
	height:16px;
	margin-right:5px;
}

#language_bar a:hover.language_eng {
/*	background-position: -16px 0px;*/
}

#language_bar a.language_eng-selected {
	float:left;
	padding:0;
 	background-image: url(img/lan-eng.gif);
	background-repeat: no-repeat;
	background-position: -16px 0px;
	width:16px;
	height:16px;
	margin-right:5px;
}

#language_bar a.language_ger, #language_bar a:visited.language_ger {
	float:left;
	padding:0;
 	background-image: url(img/lan-ger.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:15px;
	height:16px;
	margin-right:5px;
}

#language_bar a:hover.language_ger, #language_bar .language_ger-selected {
/*	background-position: -16px 0px;*/
}

#language_bar a.language_ger-selected {
	float:left;
	padding:0;
 	background-image: url(img/lan-ger.gif);
	background-repeat: no-repeat;
	background-position: -16px 0px;
	width:16px;
	height:16px;
	margin-right:5px;
}

#language_bar a.language_spa, #language_bar a:visited.language_spa {
	float:left;
	padding:0;
 	background-image: url(img/lan-spa.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:16px;
	height:16px;
	margin-right:5px;
}

#language_bar a:hover.language_spa, #language_bar .language_spa-selected {
/*	background-position: -16px 0px;*/
}

#language_bar a.language_spa-selected {
	float:left;
	padding:0;
 	background-image: url(img/lan-spa.gif);
	background-repeat: no-repeat;
	background-position: -16px 0px;
	width:16px;
	height:16px;
	margin-right:5px;
}

#language_bar a.language_fre, #language_bar a:visited.language_fre {
	float:left;
	padding:0;
 	background-image: url(img/lan-fre.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:15px;
	height:16px;
	margin-right:5px;
}

#language_bar a:hover.language_fre, #language_bar .language_fre-selected a {
/*	background-position: -16px 0px;*/
}

#language_bar a.language_fre-selected {
	float:left;
	padding:0;
 	background-image: url(img/lan-fre.gif);
	background-repeat: no-repeat;
	background-position: -16px 0px;
	width:16px;
	height:16px;
	margin-right:5px;
}

.error,
.errorbox,
.warningbox,
.whiteinfobox,
.infobox {
	padding: 5px;
	margin: 3px;
}

.error,
.errorbox { background-color:#f99; }
.warningbox { background-color:#FFBF00; }
.infobox { background-color:#9f9; }
.whiteinfobox { background-color:#fff; color: #000; }

body .error, body .errorbox, body .warningbox, body .infobox { text-align: center; }
body .error a, body .errorbox a, body .warningbox a, body .infobox a { text-align: center; font-weight: bold; }

#container .error, #container .errorbox, #container .warningbox, #container .infobox,
#searchresults .error, #searchresults .errorbox, #searchresults .warningbox, #searchresults .infobox { text-align: left; }
#container .error a, #container .errorbox a, #container .warningbox a, #container .infobox a,
#searchresults .error a, #searchresults .errorbox a, #searchresults .warningbox a, #searchresults .infobox a { text-align: center; font-weight: normal; }

/* ----- EDIT PRODUCTION FORM -----*/

#edit_production table {
	width: 100%;
/*	width:400px;
	margin-left:30px; */
}

#registration_details tr td, #login_page tr td {padding:0px;}

#login_page .multifield,
#registration_details .multifield {
	font-size:11px;
	text-align: right;
}

#login_page .multifield .text 
#registration_details .text {
	border: 0;
	text-align:center;
}

#edit_production .twofield .text {
	width: 53px;
	text-align:center;
}

#edit_production input.checkbox { margin-left:0; }

#edit_production .clear {
	height:6px;
}

.button,
#edit_production .button,
#container .myproductions .button {
	color:#fff;
	font-size:11px;
	padding:1px;
/*	width:50px;*/
	background-color:#737373;
	border:1px solid #666;
}

.button a { color: #fff !important; font-weight: normal !important; }

#login_button { padding: 1px 6px; }

#edit_production a, #edit_production a:visited {
	color:#004D9B;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px solid #222;
}

#edit_production a:hover {
	color:#f2f2f2;
	background-color:#333;
	text-decoration:none;
}

.marginl20 { margin-left:20px }
.purchased_items { background-color:#DADADA; }

#registration_details table {
	text-align:right;
	width:350px;
	margin-left:20px;
}

#registration_details .mand {
	background-color: #bdddfd;
}

#twocolright a { font-weight: bold; color: #333; text-decoration: none; }
#twocolright a:hover { color: #fff; }

#track_info .text, #track_info .multifield {
	color:#000;
	background-color:#bfbfbf;
	border:solid 1px #7e7e7e;
	padding:0;
	font-size:9px;
/*	height:15px;*/
}

#track_info .button {
	color:#fff;
	font-size:11px;
	padding-left:2px;
	padding-right:4px;
	padding-bottom:1px;
	padding-top:0px;
	width:22px;
	background-color:#737373;
	border:1px solid #666;
}

#track_info .button_w {
	background-color:#0057B0;
	color:#fff;
	font-size:11px;
	padding: 0 2px 1px 2px;
	width:120px;
	border:1px solid #666;
}

#buttons {padding-top:8px;}

#buttons .button {
	padding: 1px 4px;
}

#production_info { padding-top:10px; }

#production, .production_table { border-collapse: collapse; border:1px solid #666;}

#production th, .production_table th { background-color:#adadad; }

#production th, #production td,
.production_table th, .production_table td { 
	border:solid 1px #666;
	padding:5px;
}

.myproductions a,
.myproductions a:visited,
#login_page a, 
#login_page a:visited,
#midpage a,
#midpage a:visited {
	color:#004D9B;
	text-decoration:none;
	font-weight:bold;
}

.myproductions a:hover,
#login_page a:hover,
#midpage a:hover {
	color:#f2f2f2;
	background-color:#333;
	text-decoration:none;
}

.myproductions th,
#midpage th { 
	font-size:11px;
	background-color:#999;
	color:#111;
	font-weight:normal;
	height:17px;
	border-bottom:4px solid #bdbdbd;
}

.myproductions .prod { background-color:#AAAAAA; }
.myproductions .prod-s { background-color:#AAAAAA; border-bottom:4px solid #bdbdbd;}
.myproductions .prod.light, .myproductions .prod-s.light { background-color: #CCCCCC; }

.myproductions .strong { font-weight: bold; }

/* antispam */
.eas .a, .eas .d, .eas .g {display:none;}
.eas .b, .eas .e, .eas .h {display:inline;}
.eas .c, .eas .f, .eas .i {display:inline;font-weight:bold;}


#productionlist_tabs,
.pretty_tabs {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}

#productionlist_tabs li,
.pretty_tabs li {
	list-style: none;
	margin: 0;
	display: inline;
}

#productionlist_tabs li a,
.pretty_tabs li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
	color: #004D9B;
}

#productionlist_tabs li a:hover,
.pretty_tabs li a:hover {
	color: #000;
	background: #AAE;
	border-color: #227;
}

#productionlist_tabs li a.current,
.pretty_tabs li a.current {
	background: white;
	border-bottom: 1px solid white;
}

#productionlist_tabs li a.off,
#productionlist_tabs li a.off:hover,
.pretty_tabs li a.off,
.pretty_tabs li a.off:hover {
	background: #999;
	color: black;
	border-color: #778;
	cursor: default;
}

.faceboxdata {
	display: none;
}

#facebox .faceboxdata {
	display: block;
}

/* ---- INFORMATION PAGES ---- */

h1.svhead {  /* For the SoundVault company name appearing at the top of a page. */
     text-align: center; 
     margin: 0; 
     padding: 0; 
     margin-bottom: 4px;
}

h1.mainhead { /* For the main heading of a page, below the SV company name */
    text-align: center; 
    margin-bottom: 0; 
    padding-bottom: 0;
}

.article h2.title {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:0;
}

.article li {
    margin-bottom: 16px;
}

.article li p {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 10px;
    padding-bottom: 0;
}


/* ----- KEYWORDS HELPER / PICKER ----- */

#kwords_box {
	display: none;
	position:absolute;
	background-color: white;
	border: 2px solid black;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	height:93%;
	right:2px;
	top:5%;
	width:98%;	
}

#kwords_box .titlebar { background-color:#E8E8E8; height:27px; font-weight: bold; }
#kwords_box .windowtitle { float:left; margin-bottom:1px; padding:7px 0 5px 10px; }
#kwords_box .windowclose { float:right; margin-bottom:1px; padding:7px 10px 5px 0; text-align:right; }
#kwords_box .windowclosebutton:hover { color: black; }

#kwords_tabs li a { padding-top: 2px; }

#kwords_list { display: none; height: 505px; overflow: hidden; overflow-y: auto; }
#kwords_list a { border: 1px solid white !important; display: -moz-inline-box; display: inline-block; margin: 0 !important; cursor: pointer; color: black; width: 84px; }
#kwords_list a:hover { border: 1px solid #009 !important; }
#kwords_list a.selected { border: 1px solid #009 !important; background: #009 !important; color: white !important; }

#kwords_categories { display: none; }
#kwords_categories h2 { color: #004D9B; font-size: 12px; }


.cooltree .tree { list-style: none; padding-left: 0; margin: 0; color: #1F1F1F; }
.cooltree .tree span { display: none; }
.cooltree .tree div.trackcount { float: right; margin-right: 12px; font-size: 9px; }

.cooltree .tree div.title {
	display: block;
	width: 100%;
	padding: 0;
	padding-left: 12px;
	background: url('/assets/dhtmlxtree/imgs/plus.gif') no-repeat 2px 3px;
	cursor: pointer;
}
.cooltree .tree div.title:hover {
	background-image: url('/assets/dhtmlxtree/imgs/plus-hover.gif');
	color: white;
}
.cooltree .tree li.opened > div.title { background-image: url('/assets/dhtmlxtree/imgs/minus.gif'); }
.cooltree .tree li.loading > div.title { background-image: url('/assets/img/ajax-loader.gif'); }
.cooltree .tree li.selected > div.title {
	background-image: url('/assets/img/minus.png');
	background-color: navy;
	color: white;
}
.cooltree .tree li.leaf > div.title { background-image: none; }

.cooltree .tree .tree { padding-left: 10px; }

.cooltree .tree .tree { display: none; }
.cooltree .root .tree { display: block; }


/* ----- HOMEPAGE ----- */

body#homepage { background-color:#bdbdbd; margin:0; padding:0; }

#homepage #content-window { width:474px; height:521px; background:url(/assets/img/homepage-background.jpg) no-repeat center top; position:relative; margin:-10px 0 0 1px; }

#homepage.logged_in #content-window { background-image:url(/assets/img/homepage-loggedin-background.jpg); }

#homepage h2.tagline, #homepage h4, #homepage h5 { color:#fff; text-align:center; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; }

#homepage h2.tagline { font-size: 14px;	line-height:28px; margin-top:10px; }
	
#homepage h3 { font: 16px/16px Arial, Helvetica, sans-serif; font-weight:bold; color:#82afdd; text-transform:uppercase; text-align:center; margin:18px 0 2px; }

	#homepage.logged_in h3 { text-align:left }
	#homepage .leftbox h3, #homepage .rightbox h3 { margin-top:0 }

#homepage h4 { width:100%; font-size:12px; line-height:15px; position:absolute; bottom:12px;}

#homepage h5 { font-size:10px; color:#000; margin-top:4px; }

#homepage u { color:#82afdd; font-family:Arial, Verdana, sans-serif; font-size:11px; font-weight:bold; line-height:17px; text-decoration:underline; }

#homepage a.content, #homepage a.signup-link { 
	text-align:center; 
	background-image:url(/assets/img/homepage-box-background.png); 
	background-repeat:repeat; 
	display:block; 
	width:200px;
	}
	
		#homepage .leftbox, #homepage .rightbox {	
			width:200px; 
			position:absolute; 
			top:30px;
			}
			
			#homepage .leftbox { left:10px }
			
			#homepage .rightbox { right:10px }
			
		#homepage .textbox {
			width: 390px;
			margin:10px auto;
			background-image:url(/assets/img/homepage-box-background.png); 
			background-repeat:repeat;
			border-radius:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			overflow:hidden;
			padding:0 18px 18px;
			}
			
					#homepage a.content {
						border-top-left-radius: 10px;
						border-top-right-radius: 10px;
						-moz-border-radius-topleft: 10px; 
						-moz-border-radius-topright: 10px; 
						-webkit-border-top-left-radius: 10px; 
						-webkit-border-top-right-radius: 10px; 
						padding-top:8px; 
						text-decoration:none;
						height:120px;
						}
						
							#homepage p { 
								font: 11px/16px Arial, Helvetica, sans-serif; 
								color:#fff; font-weight:bold; 
								margin:0 10px; 
								text-align:center;
								}
							
							#homepage .textbox p { 
								font: 11px/14px Arial, Helvetica, sans-serif; 
								color:#fff; font-weight:bold; 
								text-align:left; 
								margin:7px 0 0;
								}
								
								#homepage .textbox p.list { margin:10px 0 0 12px }
								
								#homepage .textbox p.list span { margin-left:-12px }
							
							#homepage .textbox em { color:#84aede; text-decoration:none; font-style:normal; }
							
							#homepage .textbox a, #homepage .textbox a:visited { color:#fff; text-decoration:underline; }
							
							#homepage .textbox a:hover { color:#c2d9f1; text-decoration:underline; }
							
							a.tutorial { background:url(img/home-tutorial-button.png) no-repeat 0 0; display:block; float:right; height:24px; margin-top:10px; width:92px; }
							a.tutorial:hover { background-position:0 -24px; }
							
					#homepage a.signup-link {
						height:23px; padding-top:2px; 
						border-bottom-left-radius: 10px;
						border-bottom-right-radius: 10px;
						-moz-border-radius-bottomleft: 10px; 
						-moz-border-radius-bottomright: 10px; 
						-webkit-border-bottom-left-radius: 10px; 
						-webkit-border-bottom-right-radius: 10px;
						}

#homepage a.content:hover, #homepage a.signup-link:hover { background-image:none; background-color:#4c4c4c; }

#homepage a img { border:none }

#homepage a.email { color:#000; text-decoration:underline; }

		#homepage a.email:hover { color:#004d9b }

#libs_show {
	display:block;
	padding-bottom: 4px;
}

#libs_box {
	display: none;
	position:absolute;
	background-color: white;
	border: 2px solid black;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	height:93%;
	right:2px;
	top:5%;
	width:98%;	
}

#libs_box .titlebar { background-color:#E8E8E8; height:27px; font-weight: bold; }
#libs_box .windowtitle { float:left; margin-bottom:1px; padding:7px 0 5px 10px; }
#libs_box .windowclose { float:right; margin-bottom:1px; padding:7px 10px 5px 0; text-align:right; }
#libs_box .windowclosebutton:hover { color: black; }

#libs_tabs li a { padding-top: 2px; }

#libs_list { height: 420px; overflow: hidden; overflow-y: auto; }
#libs_list a { border: 1px solid white !important; display: -moz-inline-box; display: inline-block; margin: 0 !important; cursor: pointer; color: black; width: 210px; font-weight: bold; padding: 3px; }
#libs_list a:hover { border: 1px solid #009 !important; }
#libs_list a.selected { border: 1px solid #009 !important; background: #009 !important; color: white !important; }
#libs_list a div { font-weight: normal; }

#libs_list > div { display: none; }

#libs_info {
	height: 85px;
	overflow: hidden;
}
#libs_info div {
	display:none;
	border: 1px solid #009;
	height: 73px;
	padding: 3px;
}

#libs_info .logo { width: 170px; height: 70px; float: right; }
#libs_info .logo td { width: 170px; height: 70px; text-align: center; vertical-align: middle;}

.dd_nav_top { display: inline; padding: 2px 4px; margin: 0; }
.dd_nav_top ul {
	list-style: none;
	display: none;
	color:#fff;
	position: absolute;
	right: 10px;
	font-weight: normal;
	background: #616161;
	border-right: solid 1px #7d6340;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0;
	text-align: left;
	width: auto;
	margin: 0; 
}
.dd_nav_top:hover { background: #616161; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.dd_nav_top:hover ul { display: block; }

.dd_nav_top .head { cursor: default; text-decoration: none; }
.dd_nav_top .head:hover { text-decoration: none !important; }

.dd_nav_top li a {
	display: block;
	font-weight: normal;
	padding: 0.2em 10px;
	color:#fff !important;
	border:1px solid #616161;
	padding-bottom:4px;
}

#facebox .accordion li { border: 2px solid transparent; }
#facebox .accordion li p { display: none; padding: 0 5px 4px; margin: 0; background-color: white; cursor: default; }
#facebox .accordion li.togglable { cursor: pointer; }
#facebox .accordion li.togglable:hover,
#facebox .accordion li.toggled { background-color: #99ccff; border: 2px solid #99ccff; }