#IFrameWrapper {
	width: 100000px;
	height: 800px; 
	overflow:hidden; 
	clear:both;
}

#HomePageContent {
	background-color: gray;
	position:absolute;
	left: 0px; 
	top: 0px; 
	min-height: 500px;
	z-index: -1;

	border: none;
	/* border: 1px solid yellow;  Bear in mind if you activate this, you will have to adjust the calculated width/height below. */

	width: 100%;  
	height: 805px;  /* 100%; commented 8/16/16 */

	/* 
	margin-top: 20px;
	height: -moz-calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    width: -moz-calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: calc(100% - 0px);
	*/
	overflow: hidden; 
}

body { color:#FFFFFF;
       font-family: Arial;
       font-size: 8pt; 
       padding: 0px;
       margin: 0px;

  background-image: url(/assets/backgrounds/sp3k-stars-background.gif);
  background-color: black;
  background-attachment: fixed;
  background-repeat: repeat;

}

H1 { font-size: 18pt;
     padding: 0px;
     margin: 0px; }
H2 { font-size: 14pt;
     padding: 0px;
     margin: 0px; }
H3 { font-size: 10pt; 
     padding: 0px;
     margin: 0px; }
H4 { font-size: 8pt; 
     padding: 0px;
     margin: 0px; }
A {  color:#44FFFF;
     font-size: 10pt;
     font-weight: 600;
     text-decoration: none;
     padding: 0px;
     margin: 0px;
	 cursor: pointer; }

A:hover { text-decoration: underline;
          color: lime; }

.albumname {color:#FF8080; font-style:italic}

A.imagetoggle { border: none; text-decoration: none; }
IMG.imagetoggle { padding: 0px; margin: 0px; }


P {
  color: white;
  font-size: 12pt
}
OL, UL {
  font-size: 10pt;
}

OL.tracklist A {
	font-size: 8pt;
	color: #44FFFF;
}

A.eightpt	{font-size:8pt}
OL.eightpt	{font-size:8pt}
eightpt		{font-size:8pt}
tenpt		{font-size:10pt}
P.eightpt	{font-size:8pt}
P.tenpt		{font-size:10pt}
TD.eightpt	{font-size:8pt}
TD.tenpt	{font-size:10pt}

TH {
	border-radius: 4px;
}

TD {
  background-image: none;
  color: white;
  font-family: Arial;
  font-size: 10pt;
}

TD.noclass {
  color: white;
  background-color: #000000;
}

TABLE {
  background-color: transparent;
  background-attachment: fixed;
  background-repeat: repeat;
  padding: 0px;
  margin: 0px; 
  border-radius: 8px;
}

TABLE.NoClass {
  background-color: transparent;
  background-image: none;
  border: 0px #000000 solid;
}

TABLE.Bloo, DIV.Bloo, LI.Bloo, IMG.Bloo {
  border: 2px #0075B2 solid;
  background-color: #000066;
  padding: 8px;
  background-image: url(/assets/backgrounds/stars_bluefog2.gif);
  border-radius: 8px;
}
TABLE.Bloo.dark, DIV.Bloo.dark, LI.Bloo.dark, IMG.Bloo.dark {  background-image: url(/assets/backgrounds/orig_bluefog3.gif)}

HR.Bloo		{  color: #0075B2; }


.sevenPtCenter { /* was 7ptCenter */
	text-align: center;
	font-size: 10pt;
	text-decoration: overline
}

.tealBG {
  background-color: #00402F;
  padding:8px}

DIV.masthead {
	min-width: 600px;
	width: 100%;
}

IMG.http-error {
	border: 1px solid grey;
	border-radius: 6px;
	box-shadow: 4px 4px 5px 5px rgba(0,0,0,0.8);
}

/* 20240807 Banner Injection and Sale Editor Support */
/* DIV.banner-preview-wrapper		{ margin: 0px auto; width: 100%; } */
DIV.home-banner-wrapper			{ padding: 8px 4px 8px 4px; margin: 10px auto 0px; 2px auto; width: 622px; 
									border: 2px solid red;  border-radius: 8px; font-size: 14px;
									text-align: center; word-wrap: break-word; 
									color: white; background-color: #300000; }
DIV.preview-banner-notice		{ font-size: 7pt; margin-bottom: 4px; width: 100%; }