
#songTourneyShell{background:black;color:white;}
.songContenderShell{background:white;color:black;margin:3px;padding:3px;border:1px solid gray;display: inline-block;
    width: 48%;}
.songContenderPlayer{border-right:1px solid green;border-left:1px solid blue;}
.songContenderTitle{font-size:9pt;}
.songContenderWinner{padding-top:10px;padding-bottom:10px;cursor:pointer;background:green;color:black;font-weight:bold;font-size:10pt;}
.songContenderPlayButton img {height:100px;}
.songTourneyMyStats{}
#songTourneyHeader{font-size:8pt;font-weight:bold;}

#copyAlbumURLToClipBoard{text-align: left;cursor: pointer;background: black;color: white;}
#fsCopyLinkToClipboard{cursor: pointer;background: black;color: white;}
.downloadableSong{padding-left:10px;}
#fsNotes{text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans Condensed';
    font-style: italic;}
.songsPageSong{    
    
    font-size: 20pt;
    font-family: system-ui;
    color: #fbfbfb;
    background: #232323;
padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    padding-left: 5px;
    /*background-image: linear-gradient(90deg, white, transparent);*/
}
.spResultsSongDiv{color:black;}
#songsPageGoShell{line-height:24pt;width:100%;}
#songsPageGo{cursor:pointer;background: black;
    color: #fdfdfd;
    width: 70%;
    border-radius: 7px;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
    font-size: 24pt;
    border: 1px solid #2d2d2d;
    margin-top: 10px;
    margin-bottom: 10px;}
#songsPageWizard{    height: 400;padding-top: 20px;}
#spSinglerDiv{
   /* background: #e8e8e8;*/
    display: none;
    font-size: 14pt;
    font-family: 'Open Sans Condensed';
    color: black;
    padding-top: 20px;
    padding-bottom: 20px;
}
.songsPageItems{    cursor: pointer;
    font-size: 24pt;
    text-transform: uppercase;
    font-family: system-ui;
    background: #29c4ff;
    color: #000000;
    margin: 10px;
    padding: 10px;
    display: inline-block;
    border-radius: 7px;
    width: 95%;
    font-weight: bold;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 45px;}
.spSinglerLinks{display:inline-block;text-align: center;cursor:pointer;}
.spSinglerImage{
    height: 75px;
    border-radius: 7px;
    }
.gradientText{

}

.colorInputs{height: 50px;
    width: 50px;}
.updateColors{display:inline-block;width:50px;height:50px;background:black;color:white;}
.fsButtons{height:50px;}
.textHighlight{background: #c5ae7b;
    text-decoration: underline;}
.searchResultLyrics{background: #fbfbfb;
    color: #6b6b6b;
    font-family: 'Indie Flower';
    font-size: 14pt;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 7px;
    cursor:pointer;
    display:block;
    background-image:url('images/notebookBackground2.jpg');
background-size: cover;

}
.searchTypeHeader{background: #cccccc;
    color: black;
    margin-top: 53px;
    font-weight: bold;
}
.searchResultAlbumCover{height:50px;border-radius: 7px;
    margin-right: 7px;}
.searchResultAlbum{
    /*background: #fbfbfb;*/
    /*color: #6b6b6b;*/
    font-family: opine_font;
    font-size: 24pt;
   /* text-transform: uppercase;*/
    padding: 5px;
    border-radius: 7px;
    cursor:pointer;
display: inline-block;
    vertical-align: middle;
}
.searchResultSong{background: #fbfbfb;
    color: #6b6b6b;
    font-family: 'Open Sans Condensed';
    font-size: 20pt;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 7px;
    cursor:pointer;
border-bottom: 1px solid gray;
}
#fsLyricsDiv{text-shadow: none;
    padding-left: 58px;position: absolute;
    top: 0px;
    left: 0px;
    overflow: scroll;
    font-size: 12pt;
    background: white;
    color: black;
    padding-top: 50px;
    width: 100%;
font-family:'Indie Flower';
background-image:url('images/notebookBackground2.jpg');
background-size: cover;}
#lyricAlbumLikeRow{top: -55px;
    text-align: center;
    position: absolute;
    width: 100%;
}
#lyricAlbumLikeRow div{display: inline-block;
   
    width: 33%;
    color: white;
    text-transform: uppercase;
   
    padding-top: 3px;
  padding-bottom: 7px;
   
   
    font-size: 9pt;
    font-weight: bold;}

.faOptionIconDiv{display: inline-block;padding:4px;float:right;    border-radius: 5px;}
#fsTimeSliderDiv{padding-top:7px;padding-bottom:7px;}
.faPlayAlbumImg{    height: 14px;
    float: right;}
.faMoreOptionItem{display: block;
    color: #ffffff;
    text-align: left;
padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    border-bottom: 1px dashed #3e3e3e;
    /* text-transform: uppercase; */
    font-size: 14pt;
    /* background-image: linear-gradient(180deg, black, transparent);*/
}

#faAlbumOptionsDiv{
   display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 7px;
    background: black;
    /*background-image: linear-gradient(180deg, black, transparent);*/
    color: white;
    padding: 10px;
    width: 200px;
    border: 1px solid #4e4e4e;
}
#faMoreOptions{float: right;
padding-right: 10px;
    padding-left: 10px;
    height: 50;
    cursor: pointer;
    margin-top: 11px;}
#songPlayingIcon{float:right;padding-right: 7px;}
#faAlbumDetailsDiv{padding-left:5px;    max-width: 600px;
    vertical-align: text-top;
    margin-left: auto;
    margin-right: auto;
    width: 100%;}
#faAlbumTrackListDiv{padding-left:5px;    max-width: 600px;
    vertical-align: text-top;
    margin-left: auto;
    margin-right: auto;
    width: 100%;}

#faAlbumName{font-size: 28pt;
    text-align: left;
    font-family: opine_font;
    background-image: linear-gradient(45deg, #f3ec78, #af4261);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    text-shadow:none !important;
}

#faAlbumYear{font-size: 9pt;
    text-align: left;
    color: #7d7d7d;
}
#onealbumpage{background-image: linear-gradient(0deg, #000000, #191919);}
.faSongDiv{display: block;
    color: white;
    padding-bottom: 14px;
    padding-top: 14px;
    text-align: left;
    padding-left: 5px;
    font-family: 'open sans';
    border-bottom: 1px solid black;}
.faSong{display: inline-block;
    font-size: 12pt;
    color: #bdbdbd;
    }
.faTrackNumber{display: inline-block;
    font-size: 8pt;
    color: #4c4c4c;
    background: #230000;
    border-radius: 50%;
    padding-left: 6px;
    padding-right: 6px;}
.faFrontArtDiv{display:block;text-align:center;}
#faAlbumArt{width:95%;max-width:400px;border-radius: 5px;}
#fsPlayPause{height: 50px;}
#fsNext{height: 50px;}
#fsMoreInfoDiv{background: black;
    position: absolute;
    bottom: 0px;
    width: 100%;}
#fsRecordedDiv{display: inline-block;
    width: 32%;
    text-align: right;}
#fsRatingDiv{display: inline-block;
    width: 32%;
    text-align: left;}
#fsPlayerControlsDiv{    background: #000000;width:100%;}
#fsPlayerTimeDisplayDiv{display:inline-block;vertical-align: middle;width: 32%;}
#fsPlayerTimeDisplay{

    font-family: 'open sans condensed';
    text-transform: uppercase;
    font-size: 18pt;
    color: #ffffff;}
#fsPlayDiv{display: inline-block;width: 32%;}
#fsNextDiv{display: inline-block;width: 32%;}
.fsContent{background: white;color:#0075ff;
    border-radius: 7px;padding-left:10px;padding-right:10px;display: inline-block;}
#fsLeadSingerDiv{display: inline-block;vertical-align: text-top;width: 45%;font-size: 8pt;}
#fsLeadSingerName{font-family: 'Alegreya Sans SC';  font-size: 2.5em;}
#fsInstrumentsDiv{    font-size: 18pt;
    background: white;
    color: #0075ff;
    text-transform: uppercase; }
.fsRow{padding-top: 7;
    padding-bottom: 18;
}
#focusSongShell{

    background: black;
    color: white;
    position:absolute;
text-align: center;
    width:100%;

}
#fsLeadSingerIcon{height:40px;}
#fsWrittenByIcon{height:40px;}
#fsSongTitle{font-size: 2em;font-family: 'Open Sans Condensed';
    text-transform: uppercase;    text-shadow: -1px -1px 0 #000000, 1px -1px 0 #080808, -1px 1px 0 #000000, 1px 1px 0 #71716F;padding-top: 10px;
    padding-bottom: 10px;}
#fsInstrumentName{display:inline-block;}
#fsInstrumentPerformerName{isplay: inline-block;
    /* font-family: 'open sans condensed'; */
    text-transform: uppercase;
    font-size: 18pt;
    font-weight: bold;}
#fsRatingAndReleasedDiv{font-size:8pt;    background: black;
    
    width: 100%;}
#fsRating{display: inline-block;
    font-family: 'open sans condensed';
    text-transform: uppercase;
    font-size: 18pt;}    
#fsReleased{display: inline-block;
    font-family: 'open sans condensed';
    text-transform: uppercase;
    font-size: 18pt;} 

#fsReleased{display:inline-block;
    text-align: center;
    text-shadow: -1px -1px 0 #000000, 1px -1px 0 #080808, -1px 1px 0 #000000, 1px 1px 0 #71716F;
    
    color: black;
    font-family: 'Open Sans Condensed';}
#fsWrittenByDiv{display:inline-block;vertical-align: text-top;width: 45%;font-size: 8pt;}
#fsWrittenByPerson{font-family: 'Alegreya Sans SC';    font-size: 2.5em;}

#focusSongDiv{background-repeat: no-repeat;min-height:550px;
    background-size: cover;}
#albumImageDiv{
 display:inline-block;
}
#fsAlbumCover{height:100px;}
#nextSvg{height: 40px;
    width: 30px;}
#playPauseSVG{
height: 40px;
    width: 30px;
}
#pmNextDiv{
display: inline-block;
    float: right;
    vertical-align: middle;
    padding-right: 13px;
    padding-top: 5px;
     padding-left: 15px;
     background: #0e0e0e;
    border-radius: 8px;
}
#pmPausePlayDiv{
display: inline-block;
    float: right;
    vertical-align: middle;
    padding-right: 13px;
    padding-top: 5px;
     padding-left: 15px;
}
#songDetailsDiv{
display:inline-block;
margin-left: 5px;
    vertical-align: middle;
}
#pmSongname{
font-weight:bold;
font-size:9pt;

}
#pmAlbumName{
font-size:8pt;

}
#pmAlbumImage{
height:50px;

}
#nowPlayingMinimized{
text-align: left;
    font-size: 8pt;
    padding-bottom: 7px;
    padding-top: 7px;
    border-bottom: 1px solid #eaeaea;
}
.sortDiv{
 display:block;

}
.sortButton{

display: inline-block;
    background: #6a6a6a;
    color: white;
    padding: 5px;
    border-radius: 5px;
    margin: 3px;
    font-family: 'Alegreya Sans SC';
    font-size: 14pt;
    width: 25%;
    max-width: 120px;
    cursor:pointer;

}
.singerButton{

display: inline-block; 
    background: #6a6a6a;
    color: white;
    padding: 5px;
    border-radius: 5px;
    margin: 3px;
    font-family: 'Alegreya Sans SC';
    font-size: 14pt;
    width: 25%;
    max-width: 120px;
    cursor:pointer;

}
.biolink_winsloses {
	    display: inline-block;
    font-style: italic;
    /* margin-left: 27px; */
    font-size: 12pt;
    width: 25%;
}
.purchase_cost {
 float:right;
 display:inline-block;
}
#borrow_push{
	
}

* {
  -webkit-overflow-scrolling: touch;
}
.pay_borrow_msg{
font-style: italic;
}
#borrow_pay_decision{
	display:inline-block;
  width: 100%;
		vertical-align: middle;
		cursor:pointer;
}
.newitem_img{
	height:100px;
}
.newitem{
	font-weight:bold;
	text-transform:uppercase;
	text-align: center;
    background: white;
}

#bonus_debt_span {
	color:red;
	font-weight:bold;
}

#borrow_pay_shell{
	
}
.leveldown_div{
background: white;
    padding: 5px;
    border-radius: 5px;
    margin-top: 10px;	
}
.leveldown_push{
	cursor:pointer;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background: #003f71;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;	
}
.leveldown_msg{
    display: inline-block;
    width: 77%;
    vertical-align: middle;
    font-size: 9pt;
}
.owealot_img_div {
display: inline-block;
    width: 20%;
    vertical-align: middle;	
}
.borrow_pay_icon{
	height:50px;
}

.borrow_pay{
    margin-top: 5px;
    margin-bottom: 5px;
    background: #003f71;
    color: white;
    /* font-weight: normal; */
    text-transform: none;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 44%;
    display: inline-block;
    margin-right: 6px;
    margin-left: 6px;
    font-weight: normal;
}
.purchase_item{
	cursor:pointer;
font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #e4e4e4;
    padding: 3px;
    padding-top: 10px;
    padding-bottom: 10px;	
}
#purchase_creature{
cursor: pointer;
    text-align: center;
    background: #003f71;
    color: #f2f2f2;
    padding: 5px;
    border-radius: 10px;
    text-transform: none;
    font-weight: normal;
        padding-top: 10px;
    padding-bottom: 10px;
}
#battle_alert{
position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
    min-height: 1100px;
    background-image: url(images/filecardbackground.jpg);
    display: none;
    text-align: center;
    color: white;
    color: #292929;
    text-transform: uppercase;
    font-size: 2em;
}

#ba_shell{
    max-width: 600px;
    text-align: center;
    display: inline-block;
    border-right: solid 1px #c5c5c5;
    border-left: solid 1px #cbcbcb;
    /* border-bottom: solid 1px #c7c7c7; */
    /* border-radius: 10px; */
    min-height: 1000px;	
    background:white;
    width: 100%;
}
#ba_hdr{
	
}
#reserve_cost_explained {
	font-size: 9pt;
    font-style: italic;
    text-transform: none;
    color: #bfbfbf;
    font-family: helvetica;
}
#ba_icon{
	height: 100px;
}
#ba_msg{
text-transform: uppercase;
text-align: center;
}
.total_reserve_cost{
font-size: 12pt;
    display: inline-block;
    background: #04305a;
    color: white;
    margin-top: 10px;
    width: 100%;
    /* padding: 4px; */
    border-radius: 5px;
    padding-left: 7px;
    padding-right: 7px;
    font-weight: normal;
}
.expensive_reserves{
	font-size: 9pt;
    text-transform: none;
    background: #f0f0f0;
    color: #9b0c00;
}
.total_reserve_cost_hdr{
    font-size: 12pt;
    margin-top: 10px;
    background: #04305a;
    color: white;
}
.ba_analyze_red{
width: 100%;
    text-align: center;
    background: #8e0000;
    color: white;
    border-radius: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 10px;
}
.ba_analyze_blue{
width: 100%;
    text-align: left;
    background: #0098c3;
    color: black;
    border-radius: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 10px;
}
.weapon_image{
height: 31px;
    border-radius: 4px;	
}
#ba_msg_inner{
	font-weight: normal;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;	
}
#ba_msg_inner .hdr {
   background: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
#ba_msg_inner .dtl {
	 padding:5px;
    background: #ffffff;
        text-align: center;
 
}

.level_albums_img{
	    width: 100px;
   /* margin-right: 10px; */
}
#ba_analyze{
text-transform: uppercase;
text-align: center;
}

#ba_msg .half {
	
display: inline-block;
    width: 46%;
    font-size: 28pt;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    color: #e4e4e4;
    background: #105586;

    border-right: solid 1px black;
    box-shadow: 5px 5px #212121;
    border-radius: 10px;
    
    }
#ba_msg .half .small {
	font-size:10pt;
	font-weight: normal;
	}
#ba_analyze_inner{
	font-weight: normal;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;	
}
.biolink_cash_level {
	font-size: 10pt;
font-family: helvetica;
    font-style: normal;
    color: #b2b2b2;
}
#ba_decision{
background: #004479;
    margin-top: 10px;
    color: #d3d3d3;
    cursor: pointer;
    max-width: 160px;
    width: 50%;
    display: inline-block;
    padding: 5px;
    border-radius: 10px;
    	
}
#army_shell{
	display: inline-block;
width: 100%;
    max-width: 600px;
}
.manage_army_icon {
width: 60px;
}
.manage_army_item {
cursor: pointer;
    padding: 5px;
    background: #f0f0f0;
    width: 100%;
    display: inline-block;
    /* border-radius: 10px; */
    color: #565656;
    font-size: 10pt;
    max-width: 500px;
    margin-top: 10px;
    text-align: left;
    font-weight: bold;
    border-bottom: solid 1px gray;
}
#manage_army_div {
position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
    min-height: 1100px;
    background: #fdfdfd;
    display: none;
    text-align: center;
    color: white;	
    color: black;
    text-transform: uppercase;
    font-size: 2em;
	
}
.soldier_attr_val_set {
background: #f6f6f6;
    color: #666666;
    display: inline-block;
    padding: 5px;
}
.soldier_attrs {
	    font-size: 8pt;
	    text-align: left;
	    font-weight: normal;
}
.soldier_attr_descr {
display: inline-block;
    margin-right: 4px;
}
.soldier_attr_val {
display: inline-block;
    font-weight: bold;
    margin-right: 4px;
    color: #980000;
}
.battle_icons{
height: 30px;
    border-radius: 50%;
}
.battle_icons_big{
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
}
.army_attribute_value {
	font-size:16pt;
}
.army_attributes {
display: inline-block;
    text-transform: uppercase;
    font-size: 8pt;
    padding: 5px;
    width: 30%;
    background: #14546a;
    color: white;
    border-radius: 5px;
    max-width: 167px;
}
.begin_battle_push{
	cursor:pointer;
}
.ba_msg_shell{
	padding: 5px;
    background: #f0f0f0;
    width: 90%;
    display: inline-block;
    border-radius: 10px;
    color: #565656;
    font-size: 10pt;
    max-width: 500px;
    margin-top: 10px;
    text-align: left;
    font-weight: bold;
}
#activated_message {
font-size: 8pt;
    color: #7d0000;
    text-transform: uppercase;
    font-weight: bold;
    font-family: helvetica;
    text-align: right;
    padding-right: 5px;
}

#manage_hdr {
font-size: 14pt;
    margin-top: 5px;
    margin-bottom: 5px;
    color: gray;
}
#cash_div{
    display: inline-block;
    width: 25%;
    vertical-align: top;
    text-align: center;
    border-right: solid 1px white;
}
#level_div{
    display: inline-block;
    width: 25%;
    vertical-align: top;
    text-align: center;
    border-right: solid 1px white;
}
.howmanyarmy{
    background: #04305a;
    color: white;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 4px;	
    float: right;
}
#level_value {
	display: inline-block;
    font-size: 12pt;
color: #678d5e;
    padding-left: 5px;
    padding-right: 5px;
        font-family: montserrat;
            line-height: 30px;
}
#cash_value{
display: inline-block;
    font-size: 12pt;
    color: #cca95f;
    padding-left: 5px;
    padding-right: 5px;
        font-family: montserrat;
    line-height: 30px;
}
#p1_applied_bonuses {
	
}
#p2_applied_bonuses{
	text-align:right;
}
.applied_bonuses {
font-size: 9pt;
    color: #b40000;
    font-weight: bold;
    display: block;
    text-align: left;	
}
 #bonustxt {
display: block;
}

.bonus_cash_level_hdr{
	
	  border-top: solid 1px;  
    text-align: center;     
    border-bottom: solid 1px black;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
	
}


#bonus_cash_level{
	text-align: left;
  background-image: linear-gradient(#f48206, #000000);
}
.bonuscount {
display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #ac0000;
    font-weight: bold;
    padding: 0px;
    border-radius: 2px;
    font-size: 8pt;
    width: 10px;
    color: white;
}
.p1_saved_bonuses{
height: 30px;
}
#bonus_cash_level{
	cursor:pointer;
}
.p1_active_bonuses{
	height:25px;
}
.bonus_items_dtl {
display: inline-block;
    width: 100%;
    text-align: left;
}
.reserves_item {
    position: relative;
    display: inline-block;
    margin-right: 2px;
}
#bonus_items_div{
    width: 50%;
    display: inline-block;
            border-right: solid 1px #969696;
}
#active_army_div{
	position:absolute;
	right:0px;
	width:50px;
top: 18px;
}


#bonus_track_decision_div{
background: #626262;
    padding-top: 10px;
    border-top: solid 1px #333333;
    padding-bottom: 20px;
    color: #ffffff;
    border-left: solid 5px black;
    border-right: solid 5px black;
}
.bonus_track_decisions{
display: inline-block;
    width: 40%;
    background: #680000;
    color: #ffffff;
    border-radius: 10px;
    margin-top: 10px;
    cursor:pointer;
height: 50px;
    line-height: 35pt;
    max-width: 200px;
}
#bonus_track_img_shell{
	    width: 100%;
}
#bonus_track_descr {
display: inline-block;
    font-size: 18pt;
    /* text-transform: uppercase; */
    /* color: black; */
    font-family: montserrat;
    background: black;
    padding: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#bonus_track_icon_div
{
    display: block;
}
#bonus_track_icon
{
	
}
#bonus_track_hdr{
font-size: 14pt;
    text-transform: uppercase;
    color: gray;
}
#bonus_track_dtl{
display: inline-block;
  
    width: 100%;
    /* border-radius: 10px; */
}
#bonus_track_img{
	  width: 65%;
    border-radius: 10px;
    max-width: 500px;
}
#bonus_track_instructions{
font-size: 12pt;
    background: #f4f4f4;
    color: #696969;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-left: solid 5px black;
    border-right: solid 5px black;
}
#bonus_track_div{
	position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
    min-height: 1100px;
    background: black;
    display: none;
    text-align: center;
    color: white;
}
.versus_item{
	cursor:pointer;
}
.pick_versus_img {
height: 75px;
}
.pick_versus_img_shell{
	display:inline-block;
}
 	.pick_versus:hover{background:white;}
 	.pick_versus {
cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    color: black;
    width: 84%;
    display: inline-block;
    /* padding-top: 7px; */
    /* padding-bottom: 7px; */
    background: #b09955;
    margin-top: 10px;
    border-radius: 7px;
    border-bottom: solid 3px #000000;
    border-right: solid 2px #000000;
    /* border-top: solid 1px; */
  
  }
#versus_result {display:none;}
#p1_total{border-right:solid 1px black;}
#match_totals_hdr{
font-size: 14pt;
    border-top: solid 1px;
    text-transform: uppercase;
    background: black;
    color: white;
}
#first_battle {cursor:pointer}
#battle_again {cursor:pointer}

 
 .choose_battle_img{
 height:60px;	
}
.choose_battle_icon {
  display: inline-block;
    width: 69px;
	
}
 .choose_battle_description{
display: block;
    height: 100%;
    vertical-align: middle;
    /* width: 60%; */
}
.battle_again_txt {
	font-size: 24pt;
    font-family: opine_font;
    letter-spacing: 14px;
    background: #980000;
    color: white;
}
.battle_button{
	border-radius:10px;
	height:50px;
}
 .choose_battle_block {
 	 background:red;
 	 height:100%;
 	 width:40px;
 	 display:inline-block;
  }
.weapon_descr{
 		font-size:12pt;
 	}
 	.weapons_img{
 		height: 100px;
 		border-radius: 10px;
 	}
 	
 	.weapons{
    cursor: pointer;
    margin-bottom: 10px;
    /* margin-top: 20px; */
    padding-top: 64px;
 	}
 	#weapon_div{
 		background:white;
 		color:black;
 		text-transform:uppercase;
 		display:none;
 		min-height: 452px;
 	}
 	.choose_battles{
 		background: #31405a;
    color: #eeeeee;
    border-radius: 10px;
min-height: 64px;
    text-transform: none;
    /* margin-top: 5px; */
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 20px;
    /* border-bottom: solid 1px #848484; */
    cursor: pointer;
    /* display: inline-block; */
    /* height: 61px; */
    text-align: center;
    font-weight: normal;
 		}

 	#go_battle:hover{
 		background: #73c33f;
 	}
 	#go_battle{
 		width: 100%;
    text-transform: uppercase;
    font-size: 18pt;
    background: white;
    text-align: center;
    font-weight: bold;
        margin-top: 10px;
    height: 50px;
    border-top: solid 1px;
    cursor:pointer;
 	}
 	.errormessage{
 		font-size: 9pt;
    text-transform: none;
    color: red;
 	}
 	.tiemessage{
  		font-size: 9pt;
    text-transform: none;
    color: gray;		
 	}
 	#choose_battle_shell {
 		min-height:417px;
 	}
 	#versus_description{
font-size: 12pt;
    text-transform: uppercase;
    margin-top: 5px;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
    color: black;
    font-weight: bold;
   
   
    }
    #p1_result{display:inline-block;width:49%;border-right: solid 2px;vertical-align: top;}
    #p2_result{display:inline-block;width:49%;vertical-align: top;}

 	.winorlose{font-size:10pt;}
 	.battle_resultvalue{font-size: 2.5em;
    font-family: opine_font;}
 	.versus_total{    
    font-size: 18pt;
    font-weight: bold;
    color: #780807;
    margin-top: 10px;
    width: 48%;
    display: inline-block;
    }
 	
 	.versus_shell{margin-top: 10px;
    border: solid 1px #790000;
    text-align: center;
    min-height: 452px;
    color: black;
    width: 100%;
    }
 	.versus_header_text{width: 100%;
    text-transform: uppercase;
    font-size: 16pt;
    background: white;
    color: black;
    text-align: center;
    font-weight: bold;}
 	#me_versus{    width: 40%;
    display: inline-block;
    vertical-align: middle;
    position:relative;}
 	#versus_literal{width:15%;display: inline-block;vertical-align: middle;font-size: 24pt;
    font-weight: bold;
    color: #020202;}
 	#versus_other{width:40%;display: inline-block;vertical-align: middle;margin-left: 10px;}
 	.perfect_bad_songs_item{display: block;
    text-align: center;
    border-bottom: solid 1px;}
 	.perfect_bad_songs_shell{margin-top:10px;display: block;
    border: solid 1px #790000;
    border-radius: 7px;}
 	.perfect_bad_songs_hdr{display: block;
    text-transform: uppercase;
    font-weight: bold;
    background: #202020;
    color: white;}
 	 	.perfect_bad_songs_count{    display: inline-block;
    font-size: 18pt;
    padding: 5px;} 	
 	.bio_page_filecard{
 		display:inline-block;
 		width: 100%;
 	}
 	.biolinks{
 		display:block;cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-bottom: solid 1px #790000;
    margin-bottom: 10px;
    font-size: 18pt;
    padding-top: 10px;
 	}
 	.biolink_img{
 		height:75px;
 	}
 	.biolink_name{
 		text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    color: white;
    font-family:'open sans';
    display:inline-block;
    width: 51%;
 	}
 	.bio_inst_icon{
    width: 62%;
    display: inline-block;
 	}
 	.bio_inst_count {
    display: inline-block;
    width: 28%;
    background: #770707;
    color: #ffffff;
    border-radius: 10px;
    font-family: montserrat;
    font-weight: bold;
    text-align: center;
    font-size: 16pt;
 	}
 	.bio_instrument{
 		cursor:pointer;
display: inline-block;
    width: 98%;
    border-bottom: solid 1px #50452c;
    margin: 5px;
 
    vertical-align: top;
    text-align: left;
    min-height: 60px;
 	}
 		.bio_rating{
    font-weight: bold;
    font-size: 14pt;
    display: block;
    /* padding: 5px; */
    margin-bottom: 5px;
    text-align: left;
}
.judgement_hdr{
	
  font-size: 8pt;
    color: #5f5f5f;

}
.emot{
	height:40px;
}
.judgements{
	
    /* border-radius: 7px; */
    font-size: 10pt;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    color: black;
    text-transform: uppercase;
    border-bottom: solid 1px #843a25;
   
} 
.bio_rating_number{
		font-size: 15pt;
    /* background: #f6f6f6; */
    color: #c30000;
}
 	.bio_header{display:inline-block;    vertical-align: top;}
 	.bio_dtl_shell{display:inline-block;width:65%;padding-left: 5px;}
 	.bio_header_name{text-transform:uppercase;font-weight:bold;font-size:10pt;
 		font-style: italic;
 		color: black;}
 		#bio_div{
border-radius: 15px;
    text-align: left;
    color: black;
    padding: 15px;
    min-height: 1000px; 			
 		}
 	#onesingertxt {
 		display: inline-block;
    text-align: center;
    max-width: 1040px;
    padding: 5px;
    border-radius: 10px;
    border-color: #09370f;
    color: #FAFAFA;
 	}
 	.ui-input-text{margin:0px !important;
 		background:#dcdcdc !important;}
 	#top_matches_hdr{width:80%;color:white;font-size:18pt;padding:5px;
 		    text-align: center;
    display: inline-block;
 	}
 	.top_matches_dtl {font-size: 14pt;
    padding: 7px;
    margin: 7px;
    border-radius: 5px;
    color: white;
    background: #26586f;
    width: 75%;
    text-align: center;
    /* width: 100%; */
   
    /* max-width: 576px; */
    display: inline-block;}
 	#partial_matches_hdr{
 		width:80%;
 		margin-top:10px;
 		border-top:solid 1px gray;
    color: gray;
    font-size: 16pt;
    text-align: center;
    display: inline-block;
    width: 80%;
 	}
 	.partial_matches_dtl {
font-size: 10pt;
    color: #656565;
    margin-bottom: 10px;
    margin-top: 10px;
    background: #e0e0e0;
    width: 75%;
    border-radius: 7px;
    padding-top: 14px;
    padding-bottom: 14px;
    display: inline-block;
    /* max-width: 323px; */
    margin: 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    }
 	#v4_genre_section{text-align:center;text-transform:uppercase;border-bottom: 1px solid gray;}
 	#v4_lyrics_section {color: #b7b7b7;border-bottom: 1px solid gray;}
 	.v4_navbar_item {cursor:pointer;display:inline-block;width:48%;padding-top: 7px;
    padding-bottom: 7px;}
 	.navbar_images{height:50px;}
 	#navbar4 {
 		margin-top:20px;margin-bottom:7px;display:inline-block;width:100%;position:relative;text-align:center;
 	}
 	#v4_time_selector{
 		height:50px;width:100%;
 		background:black;
    border: 2px solid #919191;
 		display: inline-block;
 		}
 	#v4_time_progress{
 		height:40px;width:0%;
 		}
 	  #v4_time_navigate{

  	width:100%;
  	text-align:center;
  	background: black;
  }
  
  #v4_timedisplay_text{display:inline-block;    }
  
 	#v4_playpause{display:inline-block;float:left;cursor:pointer;}
 	#v4_next{display:inline-block;float:right;cursor:pointer;} 	
 	#v4_timedisplay{color: #59788a;
    font-size: 36pt;
    background: black;
   
    height:68px;}
 	#v4_songpage_shell{
 		max-width: 1000px;
    display: inline-block;
 	}
 	#albuminformation {display: inline-block;
    color: #797979;
  text-align: center;
  width:50%;
  }

 	.v4_songpage_div{width:100%;padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.2em;}
 	#v4_album_section{text-align: center;font-size:.8em;}
 	#v4_writtenby_section{width:48%;text-transform:uppercase;display:inline-block;text-align: left;vertical-align: top;}
 	
 	#v4_leadsinger_section{width:48%;text-transform:uppercase;display:inline-block;text-align: right;vertical-align: top;}
    #v4_songYearSection{text-align: center;
        text-shadow: -1px -1px 0 #fdfdfd, 1px -1px 0 #ddd, -1px 1px 0 #d1d1d1, 1px 1px 0 #71716F;
    font-size: 2em;
    color: black;
    font-family: opine_font;}
 	#v4_performers_section {margin-top:7px;margin-bottom:7px;color: #949494;
    text-align: left;
    padding-left: 5px;}
  .v4_performer
    {text-transform:uppercase;display:inline-block;width:100%;vertical-align: top;text-align:center;
    	border-top: solid 1px #333333;
    	border-bottom: solid 1px #333333;padding-top:3px;padding-bottom:3px;}
  .v4_inst{background: #b4451d;
  	margin: 1px;
    color: white;
    font-size: 9pt;
    padding: 3px;
    border-radius: 4px;
    text-transform: uppercase;
    display:inline-block;
    width:55px;
    text-align:center;
    }
   .v4_inst_div {
   	display:inline-block;
    	width:66%;
    }
 	#v4_rating_section{
 		font-size: 24pt;
    height: 60px;
    line-height: 1.8;
    width: 30%;
    float: left;
    color: #434343;
    font-family: opine_font;
    background: #335b71;
    color: black;
    text-align: center;
    display: inline-block;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0px; 
    }
    
    #v4_activity_section{
    	    font-size: 12pt;
    width: 30%;
    float: right;
    height: 82px;
    color: #434343;
    font-family: opine_font;
    background: #335b71;
    color: black;
    text-align: center;
    display: inline-block;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0px;
    }
 	#v4_songtitle_section{font-size:2em;text-transform: uppercase;color: #e8e8e8;
    font-family: opine_font;padding-top: 30px;
    padding-bottom: 30px;}
 	body {
	text-shadow:0px;
}
 	    .main_container {
    	margin-left:auto;margin-right:auto;
    	padding-bottom:5px;margin-top:5px;width:95%;border-radius:10px;border-style:none;border-width:3px;

    }
    .ui-btn {margin:0px !important;
    	background:none !important;
    	text-align:left !important;
    	}
    .ui-page-theme-a {
	background:none !important;
	text-shadow:0px 0px 0px !important;
}


      #albumpopup {
  	width:1040px;
  	
  	min-height:900px;
		background-image:url('images/longgrayhoriz2.png'); 
		border-style:solid;
		border-color:#000000 #898989 #000000 #898989;
		border-width:2px 1px 2px 1px;		
	}	
		.albumpopupart {

		border-color:#000000 #898989 #000000 #898989;
		border-width:2px 1px 2px 1px;
		font-size:8pt;	
		vertical-align:text-top;
				
	}

	.albumpopuptitle {

		border-color:#000000 #898989 #000000 #898989;
		border-width:2px 1px 2px 1px;
		font-size:8pt;	
		vertical-align:text-top;
				
	}
	.albumpopuptracklist {
    border-style:solid;
		border-color:#000000 #898989 #000000 #898989;
		border-width:2px 1px 2px 1px;
		font-size:10pt;	
		letter-spacing:1px;
		vertical-align:text-top;
		font-family:'Raleway';
				
	}	

		.blue_attrs {
		 font-family:'Alegreya Sans SC';font-size:10pt;color:#6dc4fa; */
		/* font-family:'Montserrat';color:#e09244; */
	}  


	.search_result_icons{height:60px;}
	#currentuser{height:100px;}
	.newentrytable td{border-left:0px;border-top:0px;border-right:0px;border-bottom:0px;border-color:#4d5627;    
		background: transparent;padding-bottom:10px;padding-top:10px;font-family: 'Open Sans';font-weight:100;font-size:16pt;text-align:left;
	color:#008cba;}
 .columnsort {cursor:pointer;}
	#in_comments {width:400px;}
	.main_container {width:85%;margin-left:auto;margin-right:auto;}
 
	.input_group{padding-left:15px;border-style:solid;border-width:1px;border-radius:2px;border-color:#cccccc;}
	.input_label{font-size:16pt;}
	.totals {font-size:24pt;}
	#activity_30_day td{font-size:18pt;}
	

    
    .featured_songs {margin:1px;background-repeat:repeat-x;background-image:url('images/v5_songback.png');text-align:center;font-family:"Raleway";color:#fafafa;display:inline-block;width: 250px; height: 100px; }
    .playlist_songs {cursor:pointer;padding-left:20px;text-align:left;font-size:12pt;margin:1px;background-repeat:repeat-x;background-color:#0b0b0b;border-bottom-style:solid;border-color:#101010;font-family:"Raleway";color:#888888;display:inline-block;width: 250px; height: 50px; }
    .featured_songtext {position:relative;top:40%;padding-left:10px;}
    
    .img-circle{display:none;}
    .album_item{cursor:pointer;width: 260px; height: 200px; float: left;}
    #albumsmenu{padding:5px;}
    
hr {
 

} 
@font-face {
    font-family: 'opineheavyregular';
    src: url('opine-webfont.woff2') format('woff2'),
  src: url('opine-webfont.ttf') format('woff2'),
         url('opine-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: opine_font;
    src: local(opine_font), url('css/opine.ttf') format('opentype');
}

.jp-container_1 {
	position:absolute;
	z-index:100;
}
.jp-progress {
	z-index:102;
} 
.jp-progress {
	z-index:102;
}
.jp-seek-bar{
	z-index:101;
}  
  .jp-play-bar {   
  	background-color:#2e6c00;
  	opacity:.5;
  	z-index:100;
 /*  background: url("skin/jplayer.blue.monday.jpg") 0 -218px repeat-x ; */
	/* width:0px; */
	height:30px;
  }
  
  .stddims {
		width:100%;
  	font-family:'opine_font';
  	font-size:60pt;
  	letter-spacing: 6px;
  }
  .hoverwhite{
  	cursor:pointer;
  }
  .hoverdark{
  	cursor:pointer;
  }
  .az {
  	font-size:24pt;
  	padding:5px;
  	font-family:'opine_font';
  	color:#565656;
  	text-align:left;
  	display:inline-block;
  }
  .songspage_images {
width:300px;
height:200px;
background:#333c4b;

 outline:1px rgba(250,250,250,0.25) solid;
 
 outline-offset:-6px;
border-radius:5px;
 border-offset:-6px; 

 





  }
  .youtubevideos {
  	/*padding:5px;background-color:#272727;margin:20px;width:90%;max-width:560px;height:80%;max-height:315px;border-radius:7px;*/
    height: 315;
    width: 560;
  	
  	
  }
  #reviewresult{
  	display:none;
  	font-size:12pt;
  	background-color:#CECECE;
  	color:#000000;
  	padding:15px;
  	border-radius:10px;
  }
  .show_band{
  /* border-radius:5px;
  border-style:solid;
  border-width:1px;
  border-color:#252525;
  background-image:url('images/gray_trans.png'); */
  }
  
  .reviews {
  	font-size:12pt;
  	
  }
  #lyricstextarea{
	display:block;  
  }
  }
  .boxshadow {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px;
    background: white;
}
	
/* Make the image fit the box */
.boxshadow img {
    width: 100%;
    border: 1px solid #8a4419;
    border-style: inset;
}

.boxshadow::after {
    content: '';
    position: absolute;
    z-index: -1; /* hide shadow behind image */
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);                
    width: 70%; 
    left: 15%; /* one half of the remaining 30% */
    height: 100px;
    bottom: 0;
}
  .search_result_items{
  	cursor:pointer;
	font-weight:lighter;
	background-image:url('images/v5_songback.png');
	padding:20px;color: #000000;
	font-size:12pt;
	min-height:50px;border-top-style:solid;border-width:1px;
	border-color:#000000;text-align:left;
  }
  .albumspage_items {
	display:inline-block;
	font-size:18pt;
	font-family:'Raleway';
	cursor:pointer;
	
}
.songkernals{
	font-family:'Raleway';
	font-size:14pt;	
	letter-spacing: 3px;
	border-color:#2d5f07;
	border-width:1px;
	border-style:solid;
	border-radius:10px;
	text-align:left;
	padding-left:15px;
	color:#CCCCCC;
	margin-top:10px;
	margin-bottom:40px;
}
.kernal_items {
		margin-top:10px;
	margin-bottom:40px;
	position:relative;
	top:10px;
}
#bigpicdiv{background:#29c4ff;}
.albumsongs {
	cursor:pointer;
}
.az{
	cursor:pointer;
}
.show_larger {
	cursor:pointer;
}
#bigpic{
	cursor:pointer;
}
.allpages {
	/* width:1040px; */
	 min-height:1000px; 
	/* margin-left: -520px; */
	/* left:50%; */
	top:0px;
	min-width:320px;
	text-align:center;
	margin-bottom:100px;
}
.blog_header {
	font-size:16pt;
}
.genres {cursor:pointer;display:inline-block;width:25%;}

#albumspage::after {

  content: "";
  background-image:url('images/OpponentRoberts.jpg');
  opacity: 0.3;
  background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center top; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

#songspage

{
/*background-image:url('images/OpponentFerreira2.jpg');
background-size:cover;*/

}
#songspage::after {

/*  content: "";
  background-image:url('images/songspageback.jpg');
  opacity: 0.3;
  background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center top; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   */
}

#archivespage::after {

  content: "";
  background-image:url('images/archivespageback.jpg');
  opacity: 0.3;
  background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center top; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}


#searchpage::after {

  /* content: "";
  background-image:url('images/searchpageback.jpg');
  opacity: 0.3;
  background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center top; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; */   
}

#videospage::after {

  content: "";
  background-image:url('images/videosback2.jpg');
  opacity: 0.3;
  background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center top; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

#biopage::after {

  content: "";
  background-image:url('images/biopageback2.jpg');
  opacity: 0.3;
  background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center top; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

#songindexpage::after {

  content: "";
  background-image:url('images/songindexback.jpg');
  opacity: 0.3;
  background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center top; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

#bandspage::after {

  content: "";
  background-image:url('images/bandspageback.jpg');
  opacity: 0.8;
  background-repeat:no-repeat;
    background-attachment: fixed;
    background-position: center top; 
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
hr {margin-top:10px;}
.sp_hdr {
	
	/* color:#e3e3e3; */
	font-size:20pt;
	font-family:'Cambria'; 
	 
	/* background-image:url('images/v5_songback.png'); */
	 text-transform: uppercase; 
}
.sp_dtl {
	
}
.show_band{
	cursor:pointer;
	font-weight:bold;
	    text-align: center;
	    text-transform: uppercase;
}


.bioshow{
	cursor:pointer;
	font-weight:bold;
	    text-align: center;
	    text-transform: uppercase;
}
.az_list_items{
	cursor:pointer;padding-left:8px;height:30px;margin:0px;display:inline-block;padding:2px;width:100%;font-size:12pt;color:#FAFAFA;border-radius:2px;border-style:solid;border-width:1px;border-color:#565656;
}
.songspagegenrepics {
	width:50px;
}
.songspagegenres{
	border-style:solid;border-width:1px;border-radius:5px;border-color:#444444;
	 cursor:pointer;display:inline-block;width:20%;color:#FFFFFF;margin:8px;text-align:left;padding-top:00px;padding-bottom:00px;padding-left:10px;padding-right:10px;
	 background-image:url('images/gray_transdark.png');
}

	.songpagelinks {
		
		cursor:pointer;width:23%;
		background-size:contain;vertical-align:bottom;
		 display:inline-block;margin-top:30px;margin:5px;
		 /* border-style:none;border-width:2px; */
		 letter-spacing:3px;text-align:left;
		 border-color:#2d5f07;color:#cccccc;
		 font-size:22pt;font-family:'opine_font';
	}	
 	/* small iphone stuff */
    @media  screen and (max-width: 379px){
    	#v4_timedisplay{font-size:30pt !important;
    		height:56px !important;}
    	#v4_playerimage{height:50px !important;}
      #v4_nextimage{height:50px !important;}
      #v4_writtenby_section{font-size: 16px; !important;}
      #v4_leadsinger_section{font-size: 16px; !important;}
    	
    }
	/* iphone stuff */
    @media  screen and (max-width: 1000px){
        /*.downloadableSong{display: none}*/
    	.vw_songtitle{	font-size:7vw !important;}
    	.vw_songattrs{	font-size:3.2vw !important;}
    	.vw_songattrvals{	font-size:4.5vw !important;}
	  #in_comments {width:100px;}
	  .hide_mobile {display:none;}
    h3{font-size:24pt;color:#fafafa;}
	  #currentuser{height:50px;}
	  .main_container{width:100%;}
	  .newentrytable td{font-size:9pt;padding-left:2px;}
	  .totals {font-size:10pt;}
	  #activity_30_day td{font-size:10pt;}
	  .navbar {display:none;}
	   #navbar1 {display:none !important;}
	  /*  #playlistshow {display:none !important;} */
	   
	   /* #navbar2{width:100% !important;text-align:left !important;top:12px !important;} */
	    #navbar3 {display:none;} 
	    .stddims {font-size:36pt!important;}
	   
	   #searchicon {display:none;}
	   /* #playingsongdisplay{font-size:10pt !important; left:100px !important;} */
	   
	   /* .navbar{height:155px !important;} */
	   #songs_page_images{display:none !important;}
	  
	   
	   .boxshadow{padding:none !important;}
	   
	 /* #bottom_nav_bar{height:165px !important;} */
	   	/* #jp_container_1{left:25% !important;} */
	   	
	   	#onesongpage_leftpane{font-size:12pt !important;}
	   	.songpagelinks {width:90% !important;}
	   	.sp_hdr {font-size:18pt !important;}
	   	.genrepics{width:40%;}
	   	.genres{width:90% !important;}
	  .songspagegenres{width:85% !important;}
	  #onesingertxt{font-size:11pt !important;}
	   
    } 
   /* end iphone stuff */ 

 .nav_links {cursor:pointer;margin-top:2px;margin-left:1px;color:#7c7c7c;font-family:sans-serif;}
 .nav_link_imgs {height:20px;width:20px;}


#myADPage{

    display:none;
    color: #919191;
    min-height: 1060px;
    z-index: 2;
    margin-top: 75px;
}

#myADLoginDiv{
display:none;
text-align: center;
    width: 100%;
    max-width: 674px;
    
    margin-left: auto;
    margin-right: auto;

}
#myADLoginForm{
    display: inline-block;
    font-size: 1.3em;
    margin-top: 20px;
    border: 1px solid #dbdbdb;
    padding: 40px;
    border-radius: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.69);

}
#myADLoginButton{color: #ffffff;
    background: #007dd5;
    border-radius: 7px;
    margin-top: 10px;
    padding: 5px;
    font-family: montserrat;
    cursor:pointer;
}
#myADLoginButton:hover{
    background:#0063a8;
}

.formLabels{

color: #ffffff;
    font-weight: bold;
    font-size: .8em;
    text-align: left;
    margin-top: 10px;


};
.myADLoginFormElement{background:black;}
input.myADLoginFormElement {
    background: white;
    color: black;
}

#myADsubmenu div{font-size:11pt;cursor:pointer;display:inline-block;}
#myADsubmenu div:hover{color:red;}
#myADsubmenu {margin-top: 30px;}
#myADMessage{display:none;font-size:10pt;margin-top: 30px;}
#passwordStrength{background:none;color:black;}
.strengthBox{border: 1px solid #ebebeb;
    width: 40px;
    height: 21px;
    display: inline-block;}

    .greatPass{background:green;}
    .normalPass{background:yellow;}
    .weakPass{background:red;}
#validationDiv{
    display:none;
    /*color:#00649d;*/
}
    #verificationCode{text-align:center;}
#validateButton{
    margin-left:auto;
    margin-right:auto;
    cursor:pointer;
    border-radius: 7px;
    background: #720000;
    max-width: 250px;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    color: white;
        text-shadow: none;

}
#validateButton:hover{background:#950000;}
#myADWhy h2{color: white;
    font-family: opine_font;
    text-shadow: none;}
#whyDiv{text-align: left;
   }

    #li1{border-left: 7px solid #007dd5;}
    #li2{border-left: 7px solid #258000;}
    #li3{border-left: 7px solid #ff1919;}

#whyDiv DIV{
    border-top-left-radius: 10px;
    padding: 10px;
    margin: 10px;
    color: #6a6a6a;
    font-family: helvetica;
    text-shadow: none;
    background: #e6e6e6;

}    
#confirmPassDiv{display:none;}
#loginHeader{text-shadow: none;}
#myADcontent label{font-weight:bold;}
#myADcontent input{max-width:200px;width:100%;}
#userInfoForm {
    margin-left: auto;
    margin-right: auto;
    display:none;
    width: 100%;
    max-width: 800px;
    background: #000000db;
    border: 1px solid white;
}
#myADcontent{
    display:none;

text-align: center;
}
#DBContent{display:none;}


#changePasswordNormal{
 
    cursor:pointer;
}
.userInfoItem {
    border: 1px solid #3f3f3f;
    /* background-color: rgb(255, 255, 255); */
    background: none;
    border-top-right-radius: 10px; 
    
    color: #ffffff;
    font-size: 11pt;
    text-shadow: none;
    margin: 10px;
    margin-top: 15px;
    padding: 10px;

}
#userInfoForm div{


}


#myADLogout{
     background-color: rgba(0, 0, 0, 0.72) !important;
      cursor:pointer;
      
}
#myADLogout:hover{
background-color: #adadad6b !important;

}

#changePasswordDiv:hover{
background-color: #adadad6b !important;

}


#myADPage:after{

    content: "";
    background-image: url(images/myADBackground4.jpg);
    opacity: 0.5;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.ui-btn.ui-checkbox-off:after {
background-color: rgb(0, 0, 0);


}
.ui-checkbox .ui-btn, .ui-radio .ui-btn{
    margin: 0;
    text-align: left;
    white-space: normal;
    z-index: 2;
    border: none;
    text-shadow: none;
    color: white;
    font-weight: normal !important;
    font-size: 9pt;
}

#reSendCodeButton{cursor:pointer;}
#changePassword:hover{color:yellow;}
#changePasswordInputs{display:none;

    font-size: 1.3em;
    margin-top: 20px;
    border: 1px solid #dbdbdb;
    padding: 40px;
    border-radius: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.69);
    }

 #forgotPasswordForm{display:none;

    font-size: 1.3em;
    margin-top: 20px;
    border: 1px solid #dbdbdb;
    padding: 40px;
    border-radius: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.69);
    }   

#changePasswordSave{

    color: #ffffff;
    background: #007dd5;
    border-radius: 7px;
    margin-top: 10px;
    padding: 5px;
    font-family: montserrat;
    cursor:pointer;
}    
.validationActions{
    display:inline-block;
    width: 40%;
    /*color: #ffffff;
    background: #007dd5;
    border-radius: 7px;
    margin-top: 10px;
    padding: 5px;
    font-family: 'open sans';*/
    text-shadow: none;
    cursor:pointer;
    font-size: 11pt;
}
.validationActions:hover{color:red;}
#sendMeNewCode{float:left;text-align: left;}
#cancelValidateScreen{float:right;text-align: right;}

#validationSentTo{color: white;
    font-family: arial;
    text-align: center;
    text-shadow: none;
    margin-bottom: 10px;
  
    padding: 10px;
}
#rememberMeText{display:inline-block;}
#userAndPass{text-align: left;}
.ui-checkbox{display: inline-block;vertical-align: middle;}
.ui-checkbox input{margin-right: 20px !important;position: relative;}
#forgotPasswordForm{display:none;}

#oldPassDiv{display:none;}
#successfulPasswordChangeDiv{display:none;}
#gotoDashboard{color: #ffffff;
    background: #007dd5;
    border-radius: 7px;
    margin: 25px;
    padding: 5px;
    font-family: montserrat;
    cursor: pointer;}


#DBHeader {
display: block;
    width: 100%;
    font-size: 11pt;
    color: white;
    text-shadow: none;
    font-weight: 100;
    text-align: right;
    margin-bottom: 10px;

}
#myADDashboard{
    display:none;
   display:inline-block;
text-align: right;
    width: 100%;
    max-width: 800px;

}

.profileIcon{height:60px;}
#userInfoForm{display:none;}
/*#editProfileIconDiv{float:right;}*/
#editProfileIcon{
    color: white;
    font-weight: 100;
    border-radius: 7px;
    display: inline-block;
    padding: 10px;cursor:pointer;}
   #editProfileIcon:hover {background:gray;} 
   #editProfileIcon img{height:50px;border-radius: 50%;}

.dbContentItemIcon img {height:60px;}

.dbContentItem{    width: 100%;
   
    margin-left:auto;
    margin-right:auto;
    max-width: 800px;
background:white;
font-size:20pt;
margin-top: 20px;
    border-radius: 7px;}

.dbContentItemIcon {width:19%;display:inline-block;max-width: 100px;}
.dbContentItemDescr {width:19%;display:inline-block;max-width: 100px;}
.dbContentItemSubHdr{
    width: 100%;
    display: inline-block;
    background: white;
    font-family: 'open sans';
    padding-left: 5px;
    padding-right: 5px;
    font-size:14pt;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}
.dbContentItemHdr{background: #4ca10b;
    border: 4px solid white;
    color: black;
    margin-top: 7px;
    font-family: opine_font;
    text-shadow: none;
    border-radius: 7px;cursor:pointer;}

#ListensDivsubHeader span{    color: black;
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: none;}
#ListensDivsubHeader{font-size:14pt;}
#ListensDivsubHeader span .lg{

font-size: 18pt;
    color: #ffffff;
    background: #4ca10b;
    padding-left: 7px;
    padding-right: 7px;
    margin: 5px;
    border-radius: 5px;
}

#QuestsDivsubHeader span .lg{

font-size: 18pt;
    color: #ffffff;
    background: #f44336;
    padding-left: 7px;
    padding-right: 7px;
    margin: 5px;
    border-radius: 5px;
    font-weight: bold;
}

#playerPlayPause img{height:30px;width:50px;}
#playerNext img{height:30px;width:50px;}
#playerTemplate{display:none;}

 
    .dbContentItemChildDiv{width:100%;}
#playerSongName {font-size: 16pt;color:black;
    font-weight: bold;}
    
.questIconImg{height:100px;}
.questImgDiv{display: inline-block;width:100%;text-align: center;position: relative;}
.questDescr{
    display: inline-block;
margin-top: 10px;
    color: #000000;
    font-family: helvetica;
    text-shadow: none;
    font-style: italic;
}
.questDescr h3{color:black;font-size: 18px;font-weight: bold;}
.startQuestDiv{    background: #09a9ff;
    color: white;
    font-weight: bold;
    border-radius: 10px;padding: 5px;
    margin: 5px;font-size: 12pt;
    display: inline-block;
    width: 90%;
    cursor:pointer;
}
.startQuestDiv:hover{background:#3abaff;}
#questDetailDiv{display: inline-block;
    color: black;
    font-size: 16pt;
    width: 80%;
    font-family: 'Alegreya Sans SC';
}
.questIntro{display:inline-block;
    color: black;
    text-align: center;
    font-size: 14pt;
    vertical-align: middle;
    max-width: 350px;
    
}
.questDiv{width: 100%;
text-align: center;
/*min-height: 300px;*/
    margin-top: 5px;
    margin-bottom: 20px;
    border-bottom: 3px solid #006ea9;
    padding-bottom: 20px;
    background: white;}
.questCurrent{display:none;width:100%;margin-top: 20px;}
#playerDetails{text-align:center;}
.questProgressDiv{
vertical-align: middle;
    margin-left: 20px;
    padding: 10px;
    display: none;
    background: #09a9ff;
    color: black;
    font-weight: bold;
    border-radius: 10px;
    margin: 5px;
    font-size: 12pt;
    /* height: 101px; */
    /* width: 100px; */
    border-bottom: 7px solid black;
    /* float: right; */
    position: absolute;
    top: 0px;
    right: 0px;
}

.beforeOf, .afterOf{ display: inline-block;
    font-size: 8pt;}
.progressTitle{font-size:9pt;background:white;color:black;top:-10;position:relative;padding:3px}    
.questDescrInProgress {
    display:none;
    width:100%;
    text-align:center;
    font-size: 16pt;
    
    color: black;
    text-shadow: none;
    
    margin-top: 15px;
    font-style: italic;}
.timeDisplays{display:inline-block;}
#playerTime{font-size: 10pt;
    color: #898989;}

.circleProgress{
position: absolute;
    left: 0px;
/*    border: 6px solid #09a9ff47;*/
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    width: 80px;
    height: 90px;
    color: #000000;
    font-weight: bold;
    top:0px;
/*    bottom: 140px;*/
/*    background: #4ca10b47*/
    background-color: rgba(76, 161, 11, 0.65);
    font-size: 12pt;
    padding-top: 7px;
/*        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #09a9ff;*/
    font-size:20pt;
}
.circleProgressBig{
    height:85px;
    width:85px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #09a9ff;
    font-size:30pt;
}
.progressDescr{
    font-size: 8pt;
    color: #4ca10b;
    font-weight: normal;
    background: #ffffff;
    text-shadow: none;
}
.completedIcons{height:46px;}



#completedQuestsHdr{
color: #000000;
    text-transform: uppercase;
    font-size: 12pt;
    background: white;
    text-align: left;
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
}
.completedQuest {text-align: left;width: 95%;
    padding-bottom: 10px;
    display: inline-block;}
.daysAgo{font-size:12pt;font-weight:bold;display: inline-block;}
.completedFriendlyName{
font-size: 11pt;
text-shadow: none;
    display: inline-block;
    color: grey;
   
    margin: 5px;
}
.completedImgAndDescr{

}
#completedQuestsDiv{text-align:center;}
#questsDivChildDiv{    border-top: 3px solid black;}

#cheerioLike{cursor:pointer;      display: inline-block;
    vertical-align: middle;
    width: 10%;}

#cheerioLike img{height:35px;}
#albumArtImg{height:35px;}

#playerControls .playPause{    text-align: center;display: inline-block;
    border: 1px solid #dfdfdf;
    padding: 5px;
    border-radius: 7px;
    width: 48%;
    background: white;
    cursor: pointer;
    }
  #playerControls .playPause:hover {
    background:#003563   ;
  }  
  #playerControls .others{    text-align: center;display: inline-block;
    padding: 5px;
    border-radius: 7px;
    width: 48%;
    background: white;
    cursor: pointer;
    margin-top:10px;
    }
  
  #cheerioInnerDiv{text-align:center;}
  #cheerioLikeText{font-size: 10pt;
    display: inline-block;
    font-weight: bold;
color: #b8b8b8;}
#legacyCheerioLike{display:inline-block;}
  #legacyCheerioLikeText{font-family:'open sans';font-size: 10pt;
    display: inline-block;
    font-weight: bold;
color: #b8b8b8;}
#legacyCheerioLike img{height:35px;}
.thinkerSongItem{
    font-size: 12pt;
    text-align: center;
    margin-left: 10px;
    color: #000000;
    border-bottom: 1px solid #d7d7d7;
    background:white;
    text-align:left;
    padding: 10px;
    cursor:pointer;

}
.thinkerSongItem:hover {background:#f1f1f1;}
#thinkerexp{}
#thinkerexp h3{    background: black;
    color: white;}

.thinkerSongTitleSinger{font-size:12pt;display: inline-block;vertical-align:top;}
.thinkerSongTitle{font-size:12pt;font-weight:bold;}
.thinkerSongAlbum{font-size:12pt;display: inline-block;vertical-align:top;width: 50px;}
.thinkerSongSinger{    font-size: 10pt;
    color: #b80000;
    font-family: 'Alegreya Sans SC';}
.thinkerSongAlbumImg{height:35px;width:35px;}
#QuestsDivHdr{background: #F44336;}
#OkaySongsDivHdr{background: #ce72f5;}
#ADThinkerDivHdr{background: #2196F3;}
#nowPlaying{margin-bottom: 10px;
    border-left: 3px solid #2196f3;
    border-right: 3px solid #2196f3;
    border-bottom: 3px solid #2196f3;
    border-radius: 15px;
    box-shadow: 2px 1px #2196f3;}
    #playerDetailsAndTime{display:inline-block;    width: 70%;}
#playerAlbumArt{display:inline-block;width: 10%;}
#playerInfo{padding-top:10px;padding-bottom:10px;}
.playingIcon{float:right;}
.spinnerDiv{display:inline-block;height:30px;padding:3px;background:black;border-radius:4px;}
#smallSpinner{height:25px;}
#thinkerExplainedDiv{}
#thinkerGo{    background: #4ca10b;
    color: white;
    max-width: 200px;
    font-size: 14pt;
    border-radius: 10px;
    padding: 10px;
    text-shadow: none;
    margin-left: auto;
    margin-right: auto;
cursor:pointer;}
#thinkerGo:hover{background:black}

.notifDiv{display: inline-block;vertical-align: middle;}
#accessCodeDiv {font-weight:normal;text-align:center;padding-top:15px;padding-bottom:15px;text-shadow:none;}
#accessCodeDiv div{font-size: 9pt;padding:10px;
   }
#confirmPasswordCode{text-align:center;}
#confirmPasswordCodeDiv{
    background: #470000;
    padding-bottom: 10px;
/*    display:none;background: #9a0000;
    font-weight: normal;
    padding-bottom: 5px;*/
}
.habitHdr{font-size:12pt;}
.habitType{background: white;
    color: #575757;
    margin: 10px;
    font-weight: 100;
    text-shadow: none;
    border: 1px solid #4ca10b;
    max-width: 600px;
    padding: 10px;
    border-radius: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
}
.habitItem{    background: white;
    font-size: 14pt;
    color: #0b0b0b;
    text-shadow: none;
    margin: 3px;
    padding: 3px;
   
    text-align: center;
    margin-left: 5px;
    font-weight: 700;}    
.favoriteAlbumImg{height: 50px;
    width: 50px;    margin-right: 15px;
}    
.cheerioOKText{
    color: rgb(9, 169, 255);
    font-size: 10pt;
    display: inline-block;
    font-weight: bold;
        margin-right: 10px;
}
.cheerioImgHabit{height:50px;width:50px;}
.habitHdrRecent{font-size:11pt;}
#ADThinkerDivsubHeader{
  /*  background: #2196f3;*/
    font-weight: bold;
}

    #whoYouLike{padding-bottom:10px;}


    #startPlaylistIcon{display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #2196f3;
    margin-left: 8px;
    }

#thinkerExplanation{margin-left:auto;margin-right:auto;max-width: 400px;}
#ADThinkerDivsubHeader li {font-size: 9pt;
    text-align: left;
    font-weight: 100;}
.emailSpamWarning{font-size: 9pt;
    background: black;
    padding: 10px;}    
#loggedInUser{text-align: right;}    
#changeAvatarDiv img{height:60px;border-radius: 50%;}
#changeAvatarDiv {
    cursor:pointer;
}
#changeAvatarDiv:hover{
background-color: #adadad6b !important;
}
.avatarSelectMeDiv{display:inline-block;}
.avatarSelectMeImg{height:60px;}
#avatarSelectionsDiv{background: #737373;
    border-radius: 7px;
    padding: 7px;}
#loggedInAvatar{display:none;height:40px;float: right;
    border-radius: 50%;}
.editSongIcon img{height:40px;}
.editSongIcon:hover{background:#450000;}
.editSongIcon{padding: 20px;
    background: white;
    display: inline-block;
    border-radius: 7px;}
#editSongDiv{background: white;
    color: black;
    position: absolute;
    z-index: 200;
    padding: 20px;
    border-radius: 10px;}    
.esItem{margin: 10px;}
.esLabel{display: inline-block;
    width: 100px;
    font-size: 8pt;
    text-transform: uppercase;
    text-align: right;
    padding-right: 10px;}
.esDiv{display: inline-block;
    font-weight: bold;}
.esInput{padding: 10px;
    font-weight: bold;}


#esLyrics{    width: 370px;height:200px;}
#esNotes{width:240px;height:200px;}
.esContentDiv{    background: #ededed;
    color: black;
    font-size: 9pt;
    text-shadow: none;
    padding: 10px;
    display: inline-block;
    overflow: auto;
}
#esLyricsDiv{display:inline-block;}
#esNotesDiv{display:inline-block;}
#closeEditSong{    float: right;
    border-radius: 5px;
    font-weight: bold;}
    
    .pickGenre{
display: inline-block;
    cursor: pointer;
    margin: 5px;
    border: 1px solid white;
    padding: 10px;
    font-size: 14pt;
    width: 230px;


    }
    .pickGenre img{height:50px;}

    .pickGenre:hover {background:gray}
    #genrePickList{display:none;background: black;
    color: white;
    text-shadow: none;max-width: 1047px;}
    .searchMissingsItem{display: inline-block;
    background: #007bdd;
    border-radius: 5px;
    color: white;
    padding: 10px;
    margin: 10px;
    font-weight: 100;
    font-size: 14pt;
    cursor: pointer;
    width: 197px;}
    .searchMissingsItem: hover{background:black;}
    .searchResultItem{margin: 10px;
    padding: 10px;
    background: #282828;
    color: #e3c300;
    text-align: left;}
    
    .writerName{    display: inline-block;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    width: 12%;
    border: 1px solid #ebebeb;
    text-align: center;
    font-size: 9pt;text-shadow: none;
text-transform: uppercase;
font-weight:bold;
}

    .performerName{
display: inline-block;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    width: 12%;
    border: 1px solid #ebebeb;
    text-align: center;
    font-size: 9pt;text-shadow: none;
    text-transform: uppercase;
font-weight:bold;

    }
    .otherPerformer{display:none;}


    #esItemSongid, #esItemName, #esItemLength, #esItemRating, #esItemGenre {display:inline-block;}
    #editRating, #editTrackLength{width:70;}
    #editGenre{width:120;}
.saveCancel{background: #00c9ff;
    margin: 10px;
    padding: 10px;
    width: 100px;
    border-radius: 10px;
    text-shadow: none;
    text-align: center;
cursor:pointer;}    

.morePeople{background: #ebebeb;
    margin: 10px;
    padding: 10px;
    width: 50px;
    border-radius: 10px;
    text-shadow: none;
    text-align: center;
    font-size:9pt;
cursor:pointer;display: inline-block;}  
.songPartControls{display: inline-block;
    background: #00c9ff;
    margin: 10px;
    padding: 10px;
    width: 150px;
    border-radius: 10px;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    color: black;
   }
   #tryPart{display: inline-block;
    background: #00c9ff;
    margin: 10px;
    padding: 10px;
    width: 150px;
    border-radius: 10px;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    color: black;}
#songPartMsg{font-family:'open sans';font-size:12pt;}
#playMontage{cursor:pointer;}
.plus5{display:inline-block;padding:10px;cursor:pointer;}

#myADPlayer{display:none;width: 100%;
    max-width: 800px;}

#contentDescrSongPartsDiv{max-width: 150px;width: 50%;}
#SongPartsDivHdr{background: #ff8800;}

#montageCountSpan{ font-size: 18pt;
    color: #000000;
    background: #ff8800;
    padding-left: 7px;
    padding-right: 7px;
    margin: 5px;
    border-radius: 5px;
    font-weight: bold;}
#SongPartsDiv {margin-bottom:15px;}

.songPartItem{cursor: pointer;
    display: inline-block;
    font-size: 14pt;
    color: black;
    font-weight: bold;
    border: 1px solid #ffdeb8;
    padding: 20px;
    margin: 10px;
    border-radius: 10px;
overflow:hidden;
position:relative;}
.songPartDescr{    font-size: 10pt;
    font-weight: normal;
    text-align: left}
    
#pausePlayMontage img {height:35px;}    
#pausePlayMontage{
/*    text-align: center;
    display: inline-block;
    border: 1px solid #dfdfdf;
    padding: 5px;
    border-radius: 7px;
    width: 48%;
    background: white;
    cursor: pointer;
margin-bottom: 36px;*/
}
#montageControls .pushMe {
    text-align: center;
    display: inline-block;
    border: 1px solid #dfdfdf;
    padding: 5px;
    border-radius: 7px;
    width: 32%;
    background: white;
    cursor: pointer;
margin-bottom: 36px;
    color: #09a9ff;
    font-size: 10pt;
    font-weight: normal;
    vertical-align: middle;
}

    .singerName{     display: inline-block;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    width: 12%;
    border: 1px solid #ebebeb;
    text-align: center;
    font-size: 9pt;text-shadow: none;
text-transform: uppercase;
    font-family: helvetica;
}  

#fiveSecondSkip img {height:35px;}    
#fiveSecondSkip{
/*    text-align: center;
    display: inline-block;
    border: 1px solid #dfdfdf;
    padding: 5px;
    border-radius: 7px;
    width: 48%;
    background: white;
    cursor: pointer;*/
} 
.marquee{position:absolute;color: black;
    font-size: 24pt;    bottom: 0px;font-family:opine_font;}  
.songPartItem .child{display:inline-block;vertical-align: middle;
    padding-right: 10px;}
.songPartItem .child img{height:50px;border-radius:50%;}
#nowPlayingMarquee{
    font-family: Anton;
    width: 100%;
    background: white;
    color: #353535;
    overflow: hidden;
    position:relative;
    font-size:18pt;


}
#nowPlayingInstrumentsPerformedDiv{
    font-family: helvetica;
    width: 100%;
    background: white;
    color: #f9f9f9;
    overflow: hidden;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 3px;


}
.nowPlayingInstrumentsPerformedPerformer{
    display: inline-block;
    font-size: 14pt;
    /* font-weight: bold; */
    text-transform: uppercase;
    background: white;
    color: #09a9ff;
    font-family: 'Open Sans';
}
.nowPlayingInstrumentsPerformedInstrument{
    display: inline-block;
    font-size: 12pt;
    margin-right: 5px;
    font-family: system-ui;
    color: gray;
}
#nowPlayingMarqueeText{
    position:absolute;
    overflow: hidden;
    height: 34px;
   /* width:3000px;*/
}
.lockedQuestIconImg{height:75px;}
.unlockDescr{font-size:10pt;}
#songToolLink{float:left;font-size:16pt;}
#songToolLink img{max-width:55px;}