/*
	Musiksuche.css - CSS for musiksuche.php
	do not edit for Customization !
	Ver. 2007-12-07
*/
/* Intellisearch - also uses pulldown_entry */
	.is_she, .is_ssw {
		padding-left:4px;
	}
	.is_she {
		font-size:10px;
		font-family: Verdana, Helvetica;
		background-color: #F2F2F2;
		background-color: #FAE5E6;
        padding-top: 3px;
        padding-bottom: 3px;
        border-bottom: 1px solid black;
	}
	.is_she_close {
	/* The Close button */
		position:absolute;
		top:3px;
		right:5px;
		width:12px;height:12px;
		line-height:12px;
		background-color:white;
		cursor:pointer;
		font-weight:bold;
		color: red;
		vertical-align:middle;
		text-align:center;
}
	#is_head {
		background-color: #FAE5E6;
		background-color: #F2F2F2;
		border:1px solid black;
		min-width: 200px;
		filter:Alpha(opacity=90, style=0);
        -moz-opacity: 0.90;
        padding-top: 0px;
        padding-bottom: 5px;
        overflow:auto;
	}
	/* Intellisearch */

/*  
	.pulldown, .pulldown_entry {
		cursor: pointer;
	}
	.pulldown_entry:hover {
		text-decoration: underline;
	}
*/	
	td.cin10 {
		padding: 0px;
		padding-left: 6px;
		width:10px;
	}
	.s_t {
		font-family: Verdana, Helvetica;
		font-size: 9px;
		font-weight: normal;
		color: #4D4D4D;
		text-decoration: none;
		padding: 0px;
		cursor: pointer;
	}
	img {
		border: none;
	}
	img.us_01 {
		height: 1px;
		width: 1px;
	}
	img.us_02 {
		height: 4px;
		width: 1px;
	}
	img.us_03 {
		height: 1px;
		width: 4px;
	}
	/*
		overflow: auto;							// for Opera
		overflow: -moz-scrollbars-horizontal;	// for Firefox
		overflow-x: scroll;						// for IE
	*/
	
	/* (ettl-me) - 2008-07-31 # ProjectPullDown on Musiksuche.php - SONOTON mit 280px; */
	#projpulldown {
		width: 280px;
	}
	/* (ettl-me) - 2008-11-14 # weiter Suchmöglichkeiten Platzierung Parigo/Boosey */
	#div_weiteresuche {
		position:absolute;
		top:154px;
		left:538px;
	}
	/* (ettl-me) - 2009-05-29 # Intellisearch */
  	#is_head, .is_she {
  		-moz-border-radius-topright: 4px;
  		-moz-border-radius-topleft: 4px;
  	}
  	#is_head { 
  		overflow: hidden;
  		padding-bottom: 0px;
  	}
  	.is_she {
  		height:15px;
  		cursor:pointer;
  	}
  	#is_list {
  		position: block;
  		height: 20px;
  		overflow: auto;
  		padding-bottom:2px;
  		padding-top:2px;
  	}
  	
 	
/* (ettl-me) - 2010-02-04 - Filter to CSS */
#defaultfilter {
	position:relative;
	/* background-image: url(../img/bg_attribute.gif); */
	background-color: #8C8C8C;
/*	width:773px; */
	height:52px;
	margin-left:4px;
}
#defaultfilter div.tsearch, #defaultfilter div.tsearch2  {
	position:absolute;
	float:left;
	top:6px;
}
#defaultfilter div.tsearch2 {
	top:28px;
}

#defaultfilter #divMoods, #defaultfilter #divVersions  {
	left:7px;
	width:180px;
}

#defaultfilter #divInstr, #defaultfilter #divTempo {
	left:198px;
	width:180px;
}
#defaultfilter #divSounds, #defaultfilter #divFormation {
	left:391px;
	width:180px;
}
#defaultfilter #divTime {
	left:585px;
	height: 18px;
}
#defaultfilter #divBtnS0 {
	right:15px;
	text-align:right;
	position: absolute;
}
#defaultfilter #divBtnS0 #btnSearch0 {
	cursor: pointer;
	position: relative;
	margin-top:5px;
}
#defaultfilter #divBtnS0 #btnReset0 {
	cursor: pointer;
	position: relative;
	margin-top:2px;
}

input.duration_d, input.duration_a {
/*	height:15px;
	padding-top:3px;
	padding-bottom:0px;
	width:20px;
	padding-right:0px;
	padding-left:5px;
*/
}
#divProjectsImg {
	float:left;
	background-color:white;
	border:1px solid #B3B3B3;
	border-right:0px;
	height:16px;
	background-image:url(../img/pulldown_left.gif);
	background-repeat:no-repeat;
	background-position: left center;
}
#divProjectsImg img {
	display:block;
	cursor:pointer;
	height:16px;
	padding:0px;
	margin:0px; 
}
div.pdContainer {
	height: 18px;
	background-color: #B3B3B3;
}
div#divMoods, div#divInstr, div#divSounds  	 {
	width:178px;
}
div#divVersions, div#divTempo, div#divFormation	 {
	width:178px;
}
div#divProjects {
	width:260px;
}
div#divProjects div.pdnotdefault {
	background-color: white;
}
div#divCategory div.pdline {
		background-color: #E8EEFA;
		margin-bottom: 1px;
}
div#divCategory div.pdlist {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	background-color: #B3B3B3;
}
div#divCategory div.pdnotdefault {
	background-color: white;
}
div#divMenu div.pdnotdefault {
	background-color: white;
	background-image: url(../img/bg_pulldown.gif);
}

/** Uebersteuerung der Pulldowns auf Hauptseite */
div.pdtop {
	background-color:#FFFFFF;
/*	background-image:none;
	background-repeat:no-repeat;
 */
	background-image:url(../img/bg_pulldown.gif);
	background-position:left top;
	background-repeat:repeat;
	border:1px solid #FFFFFF;
}
div.pdtop div.pdtopright {
	background-image:none;
}
div.pdContainer {
	background-color:#FFFFFF;
}
div.pdnotdefault {
	/*background-color:#FAE5E6;*/
	background-image:url(../img/bg_pulldown_a.gif);
	background-position:left top;
	background-repeat:repeat;
}
div.pdlist {
/*	border-color: #93B0D6; */
	border-top:0px;
}
div#divProjects div.pdnotdefault {
	/*background-color:#FAE5E6;*/
	/* background-image:url(../img/bg_pulldown.gif); */
}
/* ICON for Projects */
div#divProjectsImg {
	border-color:#FFFFFF;
}
img#ppdimg.active {
	background-image:url(../img/bg_pulldown_a.gif);
}

img#ppdimg.inactive {	
	background-image:url(../img/bg_pulldown.gif);
}

/* START -- Styles for Filter/Pulldowns Section */
/* Align Checkbox/Radios Vertically to Label */
input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
  }
input[type=radio] {
    bottom: 2px;
}

input#fld_searchword {
	padding:1px;
	padding-left:4px;
	width:333px;
	height:14px;
	border: 1px solid #B3B3B3;
}
input#title_fulltext {
	padding:1px;
	padding-left:4px;
	width:333px;
	height:14px;
	border: 1px solid #B3B3B3;
}

.duration_d, .duration_a {
	height:15px;
	width:20px;
}
/* CD/Tracktitlefilter */
#titlefilter {
	position:relative;
	background: #8C8C8C;
	/* background-image: url(../img/bg_attribute_kl.gif); */
/*	width:773px; */
	height:32px;
	margin-left: 4px;
}
#titlefilter div.tsearch  {
	position:absolute;
	float:left;
	top:7px;
}
#titlefilter #divLabels {
	left:7px;
	width:244px;
}
#titlefilter #divCdNo {
	left:280px;
}
#titlefilter #divTrackNo {
	left:420px;
}
#titlefilter #divBtnS1 {
	top:9px;
	right:10px;
}
#titlefilter #divBtnS1 img {
	vertical-align:middle;
	margin-left:5px;
	cursor:pointer;
}
#titlefilter label {
	margin-right:5px;
}
#titlefilter input {
	border: 0px none ; 
	background-repeat: no-repeat; 
	height: 14px; 
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 3px;
}
#titlefilter #fldNumber {
	width: 54px;
	background-image: url(../img/bg_input_62.gif);
}
#titlefilter #fldCut {
	width: 62px; 
	background-image: url(../img/bg_input_70.gif);
}

  /* CSS for SONOfind InputBoxes with integrated Labels */
input.textlabel  {
	font-style:normal;
	color:black;
}
input.textempty  {
	font-style: normal;
	color:silver;
}

/* START - Navigation Menu on Left Hand */
div#leftnavi {
	position:relative; 
	top:0px; 
	width:100%; 
	background-color: #2B2B2B;
	padding-top:8px;
}
div#leftnavi div.lmenubtn {
	position:relative; 
	top:0px; 
	width:100%; 
	height:17px; 
	//background-image:url(../img/subnav_left_bg.gif);
	margin-bottom:2px;
	}
div#leftnavi div#s_10 {
	/* no margin on last line */
	margin-bottom:0px;
}
div#leftnavi div.lmenubtn div.menubtn1 {
	position:relative;
	top:3px;
	/* width:185px; */
	background-image:url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position: left center;
	left:15px;
	padding-left:8px;
}
/* Active Menu */
div#leftnavi div.lmenubtna {
	background-color:#7E0606;
	//background-image:url(../img/subnav_left_bg_a.gif);
}
div#leftnavi div.lmenubtna div.menubtn1 {
	background-image:url(../img/arrow_a.gif);
}
/* END - Navigation Menu on Left Hand */
div#righttop {
	height: 185px; width: 100%;
}
/* Right and Left Gradients */
div#leftmarg, div#rightmarg {
	height: 100%;
	min-height: 100%;
	width: 10px;
	position:relative;
	float:left;
}
div#leftmarg div, div#rightmarg div {
	background-color: #AAAAAA;
	height: 100%;
	/*min-height: 100%;*/
	width: 2px;
	float:left;
}
.alpha9 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity: 0.90;
}
.alpha7 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
	filter: alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}
.alpha5 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;
}
.alpha3 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
	filter: alpha(opacity=30);
	opacity: 0.30;
	-moz-opacity: 0.30;
}
.alpha1 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
	filter: alpha(opacity=10);
	opacity: 0.10;
	-moz-opacity: 0.10;
}
div#divLogo {
	position:absolute;
	top:10px;
	left:10px;
}
/* TOPLinks SONOTON & AUX */
div#toplink {
	position:absolute;
	top:62px;
	width:800px;
	left:175px;
	z-index:2;
}
div#toplink * {
	z-index:2;
}
div#toplink table {
	height: 100%;
	padding: 0;
	margin: 0;
	border-spacing: 0;
}
div#toplink td {
	vertical-align: bottom;
	padding: 0;
	padding-right:15px;
}

div#divTime input {
	background-image:url(../img/bg_pulldown_a.gif);
	border: 1px solid white;
	color: #4d4d4d;
}
div#divTime input.textempty {
	background-image:url(../img/bg_pulldown.gif);
	color:white;
}
div#divIFrameSuchtreffer {
	min-height:300px;
	padding: 0px 10px;
	width: 100%;
}
div#divIFrameSuchtreffer iframe {
	width:100%;
	/*margin: 0px 10px;*/
	height:100%;
	z-index:0;
	min-height:200px;
}
/* END -- Styles for Filter/Pulldowns Section */

/* START -- Container DIVs */
div#masterBody { 
	width:1044px;
	height:100%;
	margin-left:auto;
	margin-right:auto;} 
	
div#contBody { 
/*width:1024px;margin-left:auto;margin-right:auto;*/
	float:left;
	height:100%;
} 

div#contTop {
	height:78px;
	background-color: white;
/*	background-image:url(../img/bg_top.gif); */
	width:100%;
}
div#contLeft { 
/*		background-image:url(../img/bg_navi.gif); */
	background-color: #8C8C8C
	width:202px;
	float:left;
	height:100%;
}
div#contMain { 
	background-color: #2B2B2B;	
	width:780px;
	float:left;
	padding-5px;
}
div#contMain, div#contLogin {
	overflow: visible;
	/* Required for SONOTON-Image which overflows the contTop */
}
div#contPlayer {
	background-color: #2B2B2B;
	width:100%;
	height:40px;
	float:left;
}
div#contPlayer table#tblPlayer {
	margin-left:10px;
}
/* Player and SearchBottom should be same size at bottom */
div#contPlayer, div#divSearchBottom, div#divSearchBottom3 {
	height:40px;
}
div#divFooter {
	padding-left:10px;
	padding-right:10px;
	height:15px;
}
div#divSearchBottom, div#divSearchBottom3 {
	background-color:#2B2B2B;
}
div#contLogin { 
	width:100%;
	height:107px;
	float:left;
/*	background-image:url(../img/bg_searchmask_02.gif);
	background-repeat:no-repeat;	*/
}
div#contPulldowns { 
	background-color: #2B2B2B;
	width:100%;
	height:52px;
	float:left
}
div#contSearch {
	background-color: #2B2B2B;
	width:100%;
	height:500px;
	float:left;
}
 
div.container {
/*	border:1px solid green; */
	position:relative;
/*	(ettl-me) - 2010-04-21 overflow hidden hides the pulldowns !! 
	overflow:hidden;
*/
}

/* Menu Lines */	
div.menulist {
	vertical-align:top;
	background-color: white;
}
div.menuline {
	padding-left: 30px;
	line-height:16px;
}                 
div.menuline a.subnavi_kl {
	padding-left: 0px;
}

div#divIFrameInstr {
	position:relative; top:0px; height:403px; width:100%; vertical-align:top; background-color:#FFFFFF;
}
/* Lines */
 div.line {
 	width:100%; height:1px; overflow:hidden; background-color:#FFFFFF;
 }
 div.line.grey {
 	background-color:#B3B3B3;
 }
 div.line.search {
 	background-image:url(../img/search_div1.gif);
 }
 /* CSS Rounded Corners */
b.rtop, b.rbottom {		display:block;background: #8C8C8C} 
/* Setting the corner color, use different color for different layout */

b.rtop i, b.rbottom i{	display:block;height: 1px; overflow: hidden; background: #8C8C8C}
/* Setting the strip size and background color */

i.r1{margin: 0 5px}

i.r2{margin: 0 3px}

i.r3{margin: 0 2px}

b.rtop i.r4, b.rbottom i.r4{margin: 0 1px;height: 1px}

div#defaultfilter i, div#titlefilter i {
 	background: #8C8C8C;
}
/* CD-Hits in Repertoire View */
span.text_grey b {
	color:white;
	font-weight:normal;
	padding-left:3px;
}
span.text_grey i {
	font-style:normal;
	padding-left:3px;
	padding-right:3px;
}
/* Repertoire-Tabs */
div#menue_13 {
	bottom:11px;
	position:absolute;
}
div#divdebug {
	position:absolute;
	top:0px;
	right:0px;
	height: 200px;
	width: 400px;
	background-color:white;
	border:1px solid black;
	font-size:9px;
}
div#divdebug div#divdebugtxt {
	position:absolute;
	width:100%;
	height:100%;
	overflow: auto;
	white-space: pre;
}
#labelheader {
	margin-right: 5px;
}
/* END -- Container DIVs */

/* START -- Styles for Layout SONOTON - Positions of Boxes (Login/logout) */
body {
	margin:0px; 
	background-image:url(../img/body_bg_grey.jpg);
}
div#sontonImage {
	width: 398px;
	right: 0px;
	position:absolute; 
	top:-78px;
	z-index:0;
}
/* Project-Section */
div#projTop {
	position:absolute;
	top:10px;
	left:10px;
	width:340px;
}
div#projTop div#projTop_1 {
	float: right;
}
/* Login/Logout Section */
div#login_box, div#logout_box {
	position:absolute;
	top:10px;
	display:block;
	left:360px;
}
div#menue_11, div#menue_12 {
	position:absolute;
	top:42px;
}
/* Labels */
#erg_labels {
	color: #ffffff;
}
#erg_labels a {
	cursor: pointer;
}
/* END -- Styles for Layout SONOTON - Positions of Boxes (Login/logout) */
/* Styles for AUX */
div#leftnavi {
	height:107px;
	padding-top:0px;
}
div#leftnavi div.lmenubtn {
	height:26px;
	border-bottom:1px solid #8C8C8C;
	margin-bottom:0px;
}
div#leftnavi div.lmenubtn div.menubtn1 {
	top:6px;
}
div#leftnavi .subnavi {
	color: #969696;
}
div#leftnavi div.lmenubtna a {
	color: white;
}
div#projTop a {
	color: #969696;
}
div#menue_11 span {
	color: #969696;
}
div#divShowTracks {
	color: #969696;
}
div.menuline .subnavi_kl {
	color: #4d4d4d;
}
div.menuline .subnavi_kl_a  {
	color: #7e0606;
}
div#pd_oPDMenu div.pdtoptxt {
	color:#FFFFFF;
}
div#menue_13 {
	width: 100%;
	border-bottom: 1px solid #a6a6a6;
}
div#divIFrameSuchtreffer iframe {
	background-color: #2b2b2b;
}
/* END -- styles for AUX */