body {
    background-color: black;
    color: white;
    font-size: large;
    font-family: 'Work Sans', sans-serif;
    margin: 1px;
    background-image: url("../../../img/bg.jpg");
    background-repeat:repeat;

    }

#menuHeader {
	position: 	absolute;
	top: 		10px;
	left:		2%;
	right:		2%;
	width:		96%;
	text-align:	left;
    }

#astroHeader {
	position: 	absolute;
	top: 		90px;
	left:		2%;
	right:		2%;
	width:		96%;
    line-height: 20px;
	text-align:	left;
    }

#tableCellSm {
    background-image: url("../../../img/rotators/astroheader450x145.png");
    background-repeat: no-repeat;
    background-size:  auto;
    background-position: center;
    }

#tableCellLg {
    background-image: url("../../../img/rotators/astroheader1000x161.png");
    background-repeat: no-repeat;
    background-size:  auto;
    background-position: center;
    }

#streamPlayer {
    position: absolute;
    top:        220px;
	left:		2%;
	right:		2%;
	width:		96%;
    }

#floatHome {
    display: none;
    position: fixed;
    bottom:   20px;
    right:         30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #7f0c27;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    }

#alertMsg {
	position: 	absolute;
	top: 		300px;
	left:		25%;
	right:		25%;
	width:		50%;
	text-align:	center;
	}

#injector {
	position: absolute;
	top: 		300px;
	left:		2%;
	right:		2%;
	width:		96%;
    text-align: left;
	}

#studiocam {
   position: absolute;
   top: 		330px;
   left:		2%;
   right:		2%;
   width:		96%;
   text-align: left;
}

.tableDefault {
	border-color: none;
	padding: 5px;
	color: black;
	background-color: #EEEEEE;
	font-size: large;
    text-align: left;
    }

a:link {
    color: blue;
    text-decoration: none;
    }

a:visited {
    color: blue;
    text-decoration: none;
    }

a:hover {
    color: blue;
    text-decoration: none;
    }

a:active {
    color: blue;
    text-decoration: none;
    }    

#floatHome:hover {
    background-color: #555;
    }

#mobileLogoShow { display:none; }
#desktopTopShow { display:none; }
#tableCellSm { display:none; }
#tableCellLg {display:none; }

/* For mobile devices */
@media only screen and (min-width: 320px) {
    #mobileLogoShow { display:block; }
    #tableCellSm { display:block; }
    #tableCellLg {display:none; }
    }
	
@media only screen and (min-width: 800px) {
    #mobileLogoShow { display:none; }
    #tableCellSm { display:none; }
    #tableCellLg { display:block; }
    #desktopTopShow { display:none; }
    }