/* Remove dotted line around audio when played. */
:focus { outline: 0; }
/* Audio File Download Table */

.container-audio-files { max-width: 500px; width: 96%; height: auto; margin: 40px auto; padding: 10px; -webkit-box-shadow: inset 0px 0px 10px 2px rgba(00,74,140,1);
	-moz-box-shadow: inset 0px 0px 10px 2px rgba(00,74,140,1);
	box-shadow: inset 0px 0px 10px 2px rgba(00,74,140,1);
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: none; }
.planet-name-group { max-width: 500px; height: auto; }
.planet-pic { max-width: 200px; height: auto; float: left; padding-left: 60px; padding-top: 10px; }
.planet-name { max-width: 200px; height: auto; float: right; padding: 8px 20px 20px 0px ; 
font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 11px; letter-spacing: 0.1em; text-align: left; line-height: 14px;}

.highlight-head { color: #fff; font-size: 13px; line-height: 18px; font-family: "Century Gothic", Arial, Helvetica, Geneva, sans-serif letter-spacing: 1px; text-align: left; margin-right: 5%; margin-left: 5%; }
ul#highlight { position: relative; font-size: 13px; line-height: 18px; letter-spacing: 1px; font-family: "Century Gothic", Arial, Helvetica, Geneva, sans-serif text-align: left; padding-left: 10px; margin-right: 5%; margin-left: 7%; margin-bottom: 20px; list-style-type: disc; }
ul#highlight li { margin-bottom: 10px; list-style-type: disc; }

ul#basic { position: relative; font-size: 13px; line-height: 18px; letter-spacing: 1px; font-family: "Century Gothic", Arial, Helvetica, Geneva, sans-serif text-align: left; padding-left: 10px; margin-right: 5%; margin-left: 10%; list-style-type: disc; }
ul#basic li { 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: "Century Gothic", Corbel, Arial, Helvetica, sans-serif; font-size: 1.5em; line-height: 1.52; letter-spacing: 0.09em; background-color: transparent; color: #565656; text-align: left; margin-right: 40px; margin-left: 10%; }

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

/* Plantary Correspondence Table */
.container-800-head { background-color: #555; color: #00c0f3; width: 940px; height: auto; margin-top: 40px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 20px; border-top: 2px outset #333; border-right: 2px outset #696969; border-left: 2px outset #696969; border-bottom-color: #696969; }
.container-table { background-color: #fbfbfb; color: #00c0f3; width: 940px; height: auto;  padding-top: 0; margin-right: auto; margin-left: auto; border-left: 2px outset #696969; border-bottom: 2px outset #696969; border-right: 2px outset #696969; border-top-color: #696969; }
.container-800-top { background-color: transparent; color: #00c0f3; width: 940px; height: auto; margin: 0px auto; }
.container-800-sides { background-color: transparent; color: #00c0f3; width: 940px; height: auto; margin: 0px auto; padding-top: 26px; }
.container-800-bottom { background-color: transparent; color: #00c0f3; width: 940px; height: auto; margin: 0px auto; padding: 26px 0 20px 0; }

.float-planet { width: 70px; height: auto; float: left; padding: 8px 0 8px 4px; }
.float-role { width: 340px; height: auto; float: left; padding: 8px 0 8px 4px; }
.float-emotional { width: 340px; height: auto; float: left; padding: 8px 0 8px 4px; border-left: 1px solid #ddd;}
.float-chakra { width: 160px; height: auto; float: left; padding: 8px 0 8px 4px;  border-left: 1px solid #ddd; }

.tbl-head { background-color: transparent; color: #00c0f3; font-size: 12px; line-height: 16px; 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: 12px; line-height: 16px; 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: #565656; font-size: 12px; line-height: 16px; 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: #565656; font-size: 10px; line-height: 12px; 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: #eee; color: #565656; max-width: 700px; height: auto; margin: 20px auto; padding: 8px 4px 4px; }
.nicksnotes p { font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 1.4em; text-align: left; margin: 0 0 8px; padding: 4px; }  
 
 /* for two disc images 350px */
.discimage-left { width: 350px; height: auto; float: left; padding: 8px 0 8px 60px; }
.discimage-right { width: 350px; height: auto; float: right; padding: 8px 60px 8px 0; }