@charset "UTF-8";
/* CSS Document */

body{margin: 0; padding: 0;}

.header{width: 100%; height: auto; background-color: #000000;  padding: 5px 0px 5px 0px;}

.headerLogo{height: 35px; width: 35px; margin-left: 20px; float: left;}
.headerLogo img {height: 100%; width: 100%;}
.headerTitle{text-align: center; font-weight: bold; color: #ffffff; font-size: 25px; font-family: arial;}

/**/
.regularUsersLink{width: 100%; height: auto; background-color: #000000; border-bottom: 1px solid #000}
.regularUsersTitle{width: 100%; height: auto; color: #000000; font-family: arial; font-size: 20px;}
/**/


.searchContainer{width: 100%; height: auto; background-color: #f8f9fa; border-bottom: 1px solid #cccccc;}

/*Artist Seach Results Page*/
.artistWrapper{width: 100%; height: 70px; background-color: #fffffff; border-bottom: 1px solid #cccccc;}
.publisherPhoto{height: 50px; width: 50px; margin-left: 10px; background-image:url("../aasets/awaitingImage.svg"); background-size: 100% 100%;}
.publisherPhoto img{height: 100%; width: 100%;}
.artistName{width: 100%; height: auto; font-family: arial; font-weight: bold; font-size: 20px; color: #000; text-decoration: none;}
.dj_favourite{height: 20px; width: 20px; float: right; border: 0px;}
.dj_favourite img{height: 100%; width: 100%;}
.artistSong{width: 100%; height: auto; font-family: arial; color: #000; text-decoration: none;}
.SingItLink{height: 45px; width: 45px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 7px;}
.singitLink img{height: 100%; width: 100%;}

.miniTableLeft{width: 20%; height: auto; background-color: #fff; float: left; padding: 5px 0px 5px 0px;}
.miniTableMiddle{width: 65%; height: auto; background-color: #fff; float: left; padding: 5px 0px 0px 0px;}
.miniTableRight{width: 15%; height: auto; background-color: #fff; float: left;}



.publiclineupheader{width: 100%; height: auto; background-color: #f00; text-align: center; font-family: arial; font-weight: bold; color: #000000;}
.singerPublicBox{width: 100%; height: auto; background-color: #000000; margin-bottom: 5px;}
.singerPublicHeader{width: 100%; height: auto; background-color: #ff0; fonat-family: arial; font-size: 15px; font-weight: bold;}
.artistPublicHeader{width: 100%; height: auto; background-color: #ff0; fonat-family: arial; font-size: 15px; font-weight: bold;}
.songPublicHeader{width: 100%; height: auto; background-color: #ff0; fonat-family: arial; font-size: 15px; font-weight: bold;}


table {
  width: 100%;
  border-collapse: collapse;
}

table, td, th {
  border: 1px solid black;
  padding: 5px;
}

th {text-align: left;}



/*User Inferace Properties*/
.userTile{width: 30%; height: 120px; float: left; border: 1px solid #000; margin-left: 2.5%; margin-bottom: 5px; border-radius: 5px;}
.userTileIcon{width: 80%; height: 80px; margin-left: auto; margin-right: auto; margin-top: 5px; border: 1px solid #000;}