/*Affects both hta files*/
body {
	width: auto;
	background: #333333;
}
/*Affects both hta files*/

/* BEGINNING OF TECHNICAL INSTALLER CSS*/
.divStyleHeader, .divStyleLeftColumn,
.BottomFrame {
	clear: both;
    z-index: 0;
	color: #FFFFFF;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	border-style: solid;
	border-width: .2em;
	background: #222222;
    filter: alpha(opacity=80);
}
.bttn, .populr {
	background: #222222;
	float: left;
}
.bttn {
	color: #00FF00;
}
.bttn:hover {
	background: #FFFFFF;
	color: #000000;
}
.bttnBTTM {
	float: left;
	background: #222222;
	color: #FFFFFF;
	margin-left: 2em;
}
.bttnBTTM:hover {
	color: #00E8FF;	
}
.populr:hover {
	background: #FFFFFF;
	color: #000000;
}
.divStyleHeader {
	clear: both;
	width: 96%;
	height: 6em;
	margin-bottom: 1em;
}
.middleFrame {
	clear: both;
    z-index: 0;
	height: 24em;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	color: #FFFFFF;
	background: #222222;
    filter: alpha(opacity=80);
	margin-bottom: 1em;
}
.BottomFrame {
	height: 2em;
	margin-top: .5em;	
}
.image {
	float: right;
	width: 6em;
	height: 5.5em;
	background: #222222;
	margin-left: 1em;
}
.image:hover {
	background: #FFFFFF;
}
/* END OF TECHNICAL INSTALLER CSS*/



/* BEGINNING  OF POPULER HTA PAGE CSS*/

.imageStyl {
  width: 6em;
  height: 4em;
  float: left;
  margin-top: 1.5em;
  margin-left: 5em;
  z-index: 1;
}
.imageStyl:hover {
  background-color: #000000;
  width: 8em;
  height: 8em;
}
.groupTitle {
  color: #0E8FF;
  font-size: 200%;
}
.divStyle, .divStyleAbout {
    z-index: 0;
	clear: both;
	position: relative;
	text-align: center;
	width: 98%;
	font-size: 100%;
	color: #FFFFFF;
	background-color: #222222;
    filter: alpha(opacity=80);
}
.divStyle {
	margin: .2em;
	margin-top: 2em;
	padding: .2em;
}
.divStyle:hover {
   height: 20em;
}