/*****************************************************************
* Copyright (c) 2013-2026 SingerInMe.com ALL RIGHTS RESERVED.
* No part of this website or any of its contents may be reproduced,
* copied, modified or adapted, without the prior written consent of
* SingerInMe.com
*******************************************************************/

  
  .flatTitleBar
  {
    background-color: #222;
    color:#ccc;
  }
  
  .flatMenuBG
  {
    background-color: #222;
    color:#ccc;
  }

	.btbodyAB
	{
		margin:0px; 
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";
    font-size: 80%;
	}
	

	.menuButtonStyle
	{
		font-family: inherit;	
		font-size: inherit;
		font-weight: normal;
		background-color: transparent;
		color: black;
		border: none;
		border-color: #aaaaaa;
		padding-left:0px;
		padding-right:5px;
	}

	
	input
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
	}

	select
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
	}

	textarea
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
	}

	button
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
	}

	label
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
    font-size: inherit;
	}

	text
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
    font-size: inherit;
	}

	table
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
    font-size: inherit;
	}

	a
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
    font-size: inherit;
	}

	div.dropdown_container {  }  select.my_dropdown { width:188px; }

select.my_dropdownPL { width:145px; }  

	form
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
    font-size: inherit;
	}

	
	.tableCenter
	{
		margin-left: auto;
		margin-right: auto;
		text-align: left;
    font-family: inherit;	
    font-size: inherit;
		border-width: 1px;
	}

	/* The font-size is coming  from btbody */
	.headerStyle
	{
		font-family: inherit;
		font-weight: normal;
		margin-left: auto;
		margin-right: auto;
		border-width: 0px;
		border-spacing: 0px;
		border-style: solid;
		border-color: gray;
		border-collapse: collapse;
		padding: 0px;
	}
/*
		//-moz-border-radius: 13px;
		//-webkit-border-radius: 13px;
		//border-radius: 13px;
*/

	.hideSearchBox
	{
		font-family: inherit;
		font-size: inherit;
		font-weight: normal;
		margin-left: auto;
		margin-right: auto;
		border-width: 0px;
		border-spacing: 0px;
		border-style: solid;
		border-color: gray;
		border-collapse: collapse;
		padding: 0px;
		visibility: hidden;
	}
	
	/* The font-size is set in btbody but I am overriding it */
	.footerStyle
	{
		font-family: inherit;
		font-size: 80%;
		font-weight: normal;
		margin-left: auto;
		margin-right: auto;
	}
		
	.roundedCornersPayNowButton
	{
		border-radius: 9px; 
		-moz-border-radius: 9px; 
		-webkit-border-radius: 9px; 
		border: 2px solid #aaaaaa;
		font-weight: bold;
		font-size: 110%;
		padding: 45px;
	}

	.AAButtons
	{
    font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
	}

	.tdSettingsPL
	{
		width:100px;
		white-space: nowrap; 
		padding-left: 15px;
		padding-right: 15px;
	}

	.tdPadBetweenRows
	{
		height: 15px;
	}

	.tableMargin
	{
		margin: 1px 5px 5px 2px;
	}
	
	.tdDlgPadding td
	{
		padding: 0px 5px 0px 5px;
	}
	
	.tdPadAll5
	{
		padding: 5px;	
	}
	
	.tdPadLeft td
	{
		padding-left: 5px;
	}
	
	.tdPadRight td
	{
		padding-right: 5px;
	}

	.tdPadLeft0
	{
		padding-left: 0px;
	}
	
	.tdPadRight0
	{
		padding-right: 0px;
	}

	.tdPadTop
	{
		padding-top: 5px;
	}
	
	.tdSettingsContent
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.tdSettingsPT
	{
		padding-top: 5px;
	}

	.tdSettingsChange
	{
		padding-right: 15px;
		text-align: right;
	}

	.alignLeft
	{
		float: left;
		text-align: left;
		padding-left: 0px;
	}
	
	.alignRight
	{
		float: right;
		text-align: right;
		padding-right: 0px;
	}
	
	.paraIndent
	{
		padding-left: 25px;
		margin-top:0px;
		margin-bottom:25px;
	}

	.alignHorizontalCenter
	{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.alignHorizontalCenter2
	{
		margin-left: auto;
		margin-right: auto;
	}

	.alignVerticalCenter
	{
		vertical-align: middle;	
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.paddingTop2
	{
		padding-top: 2px;	
	}
	
	.alignVerticalTop
	{
		vertical-align: top;	
		padding-bottom: 0px;
		padding-top: 0px;
	}
	
	.alignCenter
	{
		vertical-align: text-center;
	}

	.alignTop
	{
		vertical-align: text-top;
	}
	
	.colorContainer
	{
		padding: 2px;
		border-width: 1px;
		border-style: solid;
		border-color: white;
	}
	
	.colorCell
	{
		font-family: Helvetica, Arial, sans-serif, "Times New Roman";	
		border-width: 0px;
		padding: 0px;
		/* height:50px; */
		/* width:50px; */
	}
	
	.edit
	{
		font-family: inherit;
		font-size: inherit;
	}

	.songTitlePlaylistLink
	{
		font-family: inherit;
		font-size: 100%;
		font-weight: bold;
		width: 10px;
	}
	
	.lyricsImagePlaylist
	{
		vertical-align: top;	
		padding-bottom: 0px;
		padding-top: 0px;
		text-align: center;
	}

	.songTitleNoShadow
	{
		font-family: inherit;
		font-size: 150%;
		font-weight: bold;
	}

	.charLeftZero
	{
		font-size: 100%;
		font-style: italic;
		color: #ff0000;
	}
	
	.editLyrics
	{
		padding: 5px;
		border: 5px;
		/* margin: 10px; */
	}
	
	.readOnlyTextCreateVerion
	{
		color: #aaaaaa;
		border: 0px;
		overflow:auto;
		resize: none;
		width:100%;
		border: 1px solid #eeeeee;
		padding: 2px;
		font-size: inherit;
    background-color: transparent;
	}
	
	.editTextCreateVerion
	{
		font-size: inherit;	
	}
	
	.disabledText
	{
		color: #aaa;	
	}

	.fixedFont
	{
		font-family: monospace;
	}

	.boldFont
	{
		font-weight:bold
	}

	.normalFont
	{
		font-weight:normal
	}
	
	.lyricsInfoIndent
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.noLinkDecoration
	{
		text-decoration:none;
		color: #000000;
	}
	
	.textAreaErrorBorder
	{
		border:3px;
		border-style: solid;
		border-color: #FF0000;
	}
	
	.playlistRow
	{
		cursor: pointer;
	}

	.playlistLyricsRow
	{
		cursor: default;
	}
	
	.wordwrap
	{    
		white-space: pre-wrap;      /* CSS3 */
		white-space: -moz-pre-wrap; /* Firefox */
		white-space: -pre-wrap;     /* Opera <7 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		word-wrap: break-word;      /* IE */
	} 
	
	.shadowOuter
	{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
		box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	}
	
	.shadowInfoTable 
	{ 
		-webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 5px;
		-moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 5px;
		box-shadow: rgba(0,0,0,0.5) 5px 5px 5px;
	}

	.shadowAudio 
	{ 
  /*
		-webkit-box-shadow: 0px 0px 15px #888;
		-moz-box-shadow: 0px 0px 15px #888;
		box-shadow: 0px 0px 15px #888;
    */
	}
  
  /*
	.shadowAudioBR
	{ 
		border-radius: 11px; 
		-moz-border-radius: 11px; 
		-webkit-border-radius: 11px; 
	}
  */
 	.shadowAudioBR
	{ 
  }
  
	.shadowInfoTable15
	{ 
		-webkit-box-shadow: rgba(0,0,0,0.5) 15px 15px 15px;
		-moz-box-shadow: rgba(0,0,0,0.5) 15px 15px 15px;
		box-shadow: rgba(0,0,0,0.5) 15px 15px 15px;
	}

	.shadowInner
	{
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
	}

	.roundedCornersLPhoto
	{
		border-radius: 7px; 
		-moz-border-radius: 7px; 
		-webkit-border-radius: 7px; 
		border: 0px solid rgba(0,0,0,1.0);
	}

	.roundedCornersUserPhoto
	{
		border-radius: 9px; 
		-moz-border-radius: 9px; 
		-webkit-border-radius: 9px; 
		border: 0px solid rgba(0,0,0,1.0);
	}	
  
  .myButtonShift
	{
    width: 19px;
		border-radius: 10px; 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		border: 1px solid #888;
		border-style: outset;
		padding: 2px 7px 2px 7px;
	}

	.myButtonShift:disabled
	{
		color:#888;
	}
	
	.myTTB:disabled
	{
		color:#888;
	}


	.myTTB
	{
		font-size: 80%;
	}
	
	.fyiText
	{
		font-size: 80%;
	}

	.infoText
	{
		color:#888;
	}
	

	.myButton:hover:enabled
	{
		border: 1px solid #555;
	}
	
	.myButton:active
	{
		border: 1px solid #000;
		border-style: groove;
	}
	
	.roundedCorners11Only
	{
		border-top-left-radius: 11px;
		border-top-right-radius: 11px;
		border-bottom-left-radius: 11px;
		border-bottom-right-radius: 11px;	
	}

	
	.xyz
	{
		top: 250px;
	  left: 30px;
	  position: fixed;
	}
	

.smallPlayButton
{
	background-image: url(/IMAGES/smallPlay.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	width: 8px;
	height: 15px;
	border: none;
	vertical-align: middle;
	margin-left: 2px;
}

.highlightRowColor
{
	border:2px;
	border-style: solid;
	border-color: #FF0000;
}

.autoPlayArea
{
	padding:5px 3px 1px 2px;
	border:1px;
	border-style: solid;
	border-color: #aaaaaa;
  border-radius: 15px; 
  -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
}

.AAButtonsPlacement
{
	white-space:normal; 
	text-align:right;
}

.labelAlignTopOffset
{
	white-space: nowrap;
	vertical-align: text-top;
	padding-top: 3px;
}

.roundFirsttd
{
	-moz-border-radius-topleft:11px;
	-webkit-border-top-left-radius:11px;
	border-top-left-radius:11px;
	-moz-border-radius-bottomleft:11px;
	-webkit-border-bottom-left-radius:11px;
	border-bottom-left-radius:11px;
}

.roundLasttd
{
	-moz-border-radius-topright:11px;
	-webkit-border-top-right-radius:11px;
	border-top-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	-webkit-border-bottom-right-radius:11px;
	border-bottom-right-radius:11px;
}

.highlightRowBorder
{
	border-width:5px;
}

.playListRibbon
{
	width:100%; 
	height:100%;
	padding:3px;
}

.myTransition2
{
	opacity: 0;
	-webkit-transform:scale(1); /*Webkit:Scale down image to 0.8x original size*/
	-moz-transform:scale(1); /*Mozilla scale version*/
	-o-transform:scale(1); /*Opera scale version*/
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	-ms-transition: opacity 2s ease-in-out;	
	transition: opacity 2s ease-in-out;
}

.myTable tr:first-child td:first-child 
{
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	border-top-left-radius:9px;
}

.myTable tr:first-child td:last-child 
{
	-moz-border-radius-topright:9px;
	-webkit-border-top-right-radius:9px;
	border-top-right-radius:9px;
}

.myTable tr:last-child td:first-child 
{
	-moz-border-radius-bottomleft:9px;
	-webkit-border-bottom-left-radius:9px;
	border-bottom-left-radius:9px;
}


.myTable tr:last-child td:last-child 
{
	-moz-border-radius-bottomright:9px;
	-webkit-border-bottom-right-radius:9px;
	border-bottom-right-radius:9px;
}

.reducedCmtFS
{
	font-size: 90%;
	background-color: transparent;
	border:0px;
}

.spanAA
{
	moz-border-radius: 11px;
	border-radius: 11px;
	border: 0px solid #aaaaaa;
	background-color: white;
	padding-right: 7px;
	padding-left: 7px;
	margin-right:7px;
	opacity: 0.5;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}

.gradientFromTopAA_Row
{
	border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
}

#SIMIndexSearchLyrics
{
	moz-border-radius: 11px;
	border-radius: 11px;
	border: 2px solid #aaaaaa;
	outline-width: 0px;
}



.listTAContents
{
	width:99%;
	moz-border-radius: 11px;
	border-radius: 11px;
	border: 1px solid #aaaaaa;
	overflow:hidden;
	rows:3; 
	cols:40; 
	maxlength:500;
	height: 40px;
	font-size: 90%;
}

.myCmtTable
{
	padding:0px;
	cell-spacing:0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.myCmtTable td
{
	padding:3px;
}

.myCmtTextArea
{
	width: 500px;  
	min-height: 40px;  
	font-family: Arial, sans-serif;  
	font-size: 13px;  
	color: #444;  
	padding: 3px;
}

.editingLyricsTable textarea
{
  font-size:100%;
}

.fixedFontEL
{
  //font-size:100%;
  font-family: monospace;
}

#cannotPlayAudiofile
{
  width:75%;
  padding:5px; 
  margin-bottom:11px; 
}

.hiddenCmtDiv
{
	position: absolute;
	visibility: hidden;
	white-space: pre-wrap;  
	width: 500px;  
	min-height: 30px;  
	font-family: Arial, sans-serif;  
	font-size: 13px;  
	padding: 5px;  
	word-wrap: break-word;
}  

.hideMaxCharText
{
	visibility: hidden;
}

.paddRight7
{
	padding-right: 7px;
}


.boxShadow3
{
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}

#newCmtsRootCtner
{
	moz-border-radius: 11px;
	border-radius: 11px;
	border: 0px solid #aaaaaa;
	background-color: tranparent;
	padding: 0px;
}

#newCmtsRootCtner li
{
	padding-left: 0px;
	background-color: tranparent;
}

#newCmtsRootCtner ul
{
	list-style-type: none;
	list-style: none;
	background-color: tranparent;
	padding: 0px;
}

#userCmtsRootCtner
{
	moz-border-radius: 11px;
	border-radius: 11px;
	border: 1px solid #aaaaaa;
	padding-right: 10px;
}

#userCmtsRootCtner li
{
	padding-left: 10px;
	background-color: tranparent;
}

#userCmtsRootCtner ul
{
	list-style-type: none;
	list-style: none;
	background-color: tranparent;
	padding: 0px;
}

.songBioTxtA
{
	font-size: 100%;
}

.myNotesTxtA
{
	font-size: 100%;
}

.pageTitle
{
	font-size: 175%;
}

.linkNoDecor
{
	text-decoration:none;
	color: black;
}

.textDecOL
{
  text-decoration: overline;
}

.engraved 
{
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.TMText
{
	padding-top:3px;
	font: cursive	
	font-size: 120%;
	font-style: italic;
	color: #aaaaaa;
}

.emaMagnify
{
font-size: 250%;
}

.emaMinimize
{
font-size: 100%;
}

.tableBSZ
{
border-spacing: 0px;
}

.tableBSZ td
{
padding: 0px;
}

.tableBSZP5
{
border-spacing: 0px;
}

.tableBSZP5 td
{
padding: 5px;
}

.mycloudSettingsTable td
{
border-spacing: 0px;
padding: 0px;  
}
.tableBSZP2
{
border-spacing: 0px;
}

.tableBSZP2 td
{
padding: 2px;
}

.tableBSZP6
{
border-spacing: 0px;
}

.tableBSZP6 td
{
padding: 6px;
}

video.media
{
  autoplay:false;
}

.h1Style
{
  margin-top:0px;
  margin-bottom:0px; 
  font-size: inherit; 
  font-weight:normal;
  color:transparent;
  height:0px;
  width:5px;
}
  
  
.liftAll4Corners 
{
  //margin: 15px;
  position: relative;
  background-color: white;
  -moz-border-radius:14px; 
  border-radius:14px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


.liftAll4Corners:before 
{
  content: "";
  position: absolute;
  width: 50%;
  height: 96%;
  top: 4%;
  left: 15px;
  transform: perspective(100px) rotateY(20deg);
  transform-origin: left center;
  -webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.5);
  -moz-border-radius:4px; 
       border-radius:4px;
  z-index: -1;
}

.liftAll4Corners:after 
{
  content: "";
  position: absolute;
  width: 50%;
  height: 96%;
  top: 4%;
  right: 15px;
  transform: perspective(100px) rotateY(-20deg);
  transform-origin: right center;
  -webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.5);
   -moz-border-radius:4px; 
       border-radius:4px;
  z-index: -1;
}

.musicDivContiner
{
  position: relative;
  float: right;
}

.musicDivContinerTR
{
  position: absolute;
  top:2px;
  right:5px;
  color:#aaa;
  font-style: italic;
  font-size:small;
}

.srFancyFt
{
color: #fff;
text-shadow: 0 1px 0 #999999, 0 2px 0 #888888,
0 3px 0 #777777, 0 4px 0 #666666,
0 5px 0 #555555, 0 6px 0 #444444,
0 7px 0 #333333, 0 8px 7px rgba(0, 0, 0, 0.4),
0 9px 10px rgba(0, 0, 0, 0.2);
font-size:400%;
text-align: left;
}

.srFancyFtSIM
{
color: #fff;
text-shadow: 0 1px 0 #999999, 0 2px 0 #888888,
0 3px 0 #777777, 0 4px 0 #666666,
0 5px 0 #555555, 0 6px 0 #444444,
0 7px 0 #333333, 0 8px 7px rgba(0, 0, 0, 0.4),
0 9px 10px rgba(0, 0, 0, 0.2);
font-size:100%;
}

.siteCookieUse
{
	display:none; 
	position:fixed; 
	background-color:yellow; 
	color:black;
	top:100px;
	left:38px;
	padding:5px;
	border-color:orange;
	border-width:6px;
	border-style:groove;
	font-family:Times;
	font-size:14px;
	z-index: 99 !important;
}

.pBarR
{
  position: absolute;
	background-color: red;
	opacity:0.8;
	z-index: 99 !important;
	width:8px;
	background: url(../IMAGES/zibraR.png) repeat top left;
}

.pBarY
{
  position: absolute;
	background-color: red;
	opacity:0.8;
	z-index: 99 !important;
	width:8px;
	background: url(../IMAGES/zibraY.png) repeat top left;
}

.pBarRepeat
{
	width:12px;
	background: url(../IMAGES/zibraYW.png) repeat top left;
}

.pBarL
{
  position: absolute;
	background-color: yellow;
	//opacity:0.8;
	z-index: 99 !important;
	//margin-left:-31px;
	right: 14px;
	color:black;
	bottom:1px;
	//font-size: 75%;
	border-style:solid;
	border-color: red;
	border-radius:7px;
	padding:2px;
}

.timeLI
{
	margin-left:8px;
}

.centerDiv
{
	margin-left: auto;
	margin-right: auto;
}


.divWScrollbar
{
	display: block;
	//overflow-x:  auto;
	white-space: nowrap;
	width: 100%;
	overflow: auto;
	background-color:yellow;
}

.emptySpaceBKey
{
	height:25px;
}

.heightWKey
{
	height:145px;
}


.marginTop
{
	margin-top:2px;
}

.paraHeader
{
	font-weight: bold;
	//font-style: italic; 
	font-size:120%;
}