/* Audio File Download Table */

.container-audio-files { background-color: #2a2a2a; color: #fff; width: 500px; height: auto; margin: 20px auto; padding: 10px; }
.planet-name-group { width: 500px; height: auto; }
.planet-pic { width: 150px; height: auto; float: left; padding-left: 60px; padding-top: 10px; }
.planet-name { width: 200px; height: auto; float: right; padding: 8px 0px 20px 0px ; 
font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; letter-spacing: 0.1em; text-align: left; line-height: 14px;}

.audio-samp { background-color: #2a2a2a; color: #fff; width: 400px; height: auto; text-align: center; margin: auto; padding-top: 20px; padding-bottom: 4px; }

.highlight-head { color: #fff; font-size: 12px; line-height: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; text-align: left; margin-right: 5%; margin-left: 5%; }
ul#highlight { position: relative; font-size: 12px; line-height: 21px; letter-spacing: 0.1em; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; padding-left: 10px; margin-right: 5%; margin-left: 7%; list-style-type: disc; }

/* Use for lists professional page. Note: must use margin-left in a percent value for bulets to show in IE. */
ul#list-AV { list-style-type: disc; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: transparent; color: #fff; 
font-size: 12px; letter-spacing: 0.1em; line-height: 16px; text-align: left; margin-right: 40px; margin-left: 10%; }

#list-AV li { padding-top: 10px; padding-bottom: 10px;}


/* Plentary Correspondence Table */
.container-800-head { background-color: #222222; color: #00c0f3; width: 800px; height: auto; margin-top: 40px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; border-top: 4px outset #333; border-right: 4px outset #333; border-left: 4px outset #333; border-bottom-color: #333; }
.container-table { background-color: #2a2a2a; color: #00c0f3; width: 800px; height: auto;  padding-top: 0px; margin-right: auto; margin-left: auto; border-left: 4px outset #333333; border-bottom: 4px outset #333333; border-right: 4px outset #333333; border-top-color: #333333; }
.container-800-top { background-color: transparent; color: #00c0f3; width: 792px; height: auto; margin: 0px auto; }
.container-800-sides { background-color: transparent; color: #00c0f3; width: 792px; height: auto; margin: 0px auto; padding-top: 26px; }
.container-800-bottom { background-color: transparent; color: #00c0f3; width: 792px; height: auto; margin: 0px auto; padding-top: 26px; }

.float-planet { width: 72px; height: auto; float: left; padding: 8px 0 8px 4px; }
.float-role { width: 284px; height: auto; float: left; padding: 8px 0 8px 4px; }
.float-emotional { width: 282px; height: auto; float: left; padding: 8px 0 8px 4px; }
.float-chakra { width: 136px; height: auto; float: left; padding: 8px 0 8px 4px; }

.tbl-head { background-color: transparent; color: #00c0f3; font-size: 11px; line-height: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; text-align: left; margin: 4px 0 0 8px; }
.tbl-planet { background-color: transparent; color: #00c0f3; font-size: 11px; line-height: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; text-align: left; margin: 4px 0 0 0; padding-top: 9px; }
.tbl-data { background-color: transparent; color: #ff0; font-size: 11px; line-height: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; text-align: left; margin: 4px 0 0 8px; }
.tbl-data-sub { background-color: transparent; color: #ff0; font-size: 10px; line-height: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0.1em; text-align: left; margin: 0 0 0 12px; }

/* Use this for color spectrum pics - note Could only ccs imbed images with IE fix, which only works in strict doctype. */
.colour-spectrum { width: 800px; height: auto; margin: 0px auto; text-align: center; }

/* IE-height-hack - only works in strict doctype. */

.Mercury-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Mercury-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

.Venus-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Venus-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

.Earth-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Earth-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

.Mars-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Mars-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

.Jupiter-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Jupiter-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

.Saturn-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Saturn-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

.Uranus-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Uranus-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

.Neptune-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Neptune-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

.Pluto-spectrum { background-image: url(../Harmonics-AV/Planets/colour-spectrum/Pluto-spectrum.jpg); background-repeat: no-repeat; background-position: center 0; margin: auto; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; 
	height: expression( this.scrollHeight > 1 ? "168px" : "auto" ); /* sets max-height for IE */
	height: 168px; width: 721px; /* sets max-height value for all standards-compliant browsers */ }

 /* nicksnotes for the reviews pages */
.nicksnotes { background-color: #2a2a2a; color: #fff; width: 700px; height: auto; margin: 0 auto; padding: 8px 4px 4px; }
.nicksnotes p { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 10px; letter-spacing: 0.1em; text-align: left; line-height: 12px; margin: 0 0 8px; padding: 4px; }