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

/* BEGINNING OF TECHNICAL INSTALLER CSS*/
.divStyleHeader, .divStyleLeftColumn,
.divStyleRightTopFrame, .divStyleRightBottomFrame,
.BottomFrame {
	clear: both;
    z-index: 0;
	color: #FFFFFF;
	border-style: solid;
	border-width: .2em;
	background: #222222;
    filter: alpha(opacity=80);
}
.bttn, .populr {
	background: #222222;
	float: left;
}
.bttn {
	color: #00FF00;
	margin-left: 4em;
}
.bttn:hover {
	background: #FFFFFF;
	color: #000000;
}
.bttnBTTM {
	float: left;
	background: #222222;
	color: #FFFFFF;
	margin-left: 4em;
}
.bttnBTTM:hover {
	color: #00E8FF;	
}
.populr:hover {
	background: #FFFFFF;
	color: #000000;
}
.divStyleHeader {
	clear: both;
	width: 100%;
	height: 2em;
	margin-bottom: 1em;
}
.divStyleLeftColumn {
	float: left;
	width: 30%;
	height: 28em;
	margin-right: 1em;
}
.divStyleRightTopFrame {
	float: right;
	width: 65%;
	height: 18em;
}
.divStyleRightBottomFrame {
	float: right;
	width: 65%;
	height: 10em;
	margin-top: 1em;
}
.BottomFrame {
	width: 100%;
	height: 2em;
	margin-top: .5em;	
}
.image {
	float: left;
	text-align: center;
	clear: left;
	margin-top: .5em;
	margin-left: 25%;
	width: 50%;
	height: 6em;
	background: #222222;
}
.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: 1.3em;
  margin-right: 3em;
  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%;
	border-style: solid;
	border-width: .2em;
	color: #FFFFFF;
	background-color: #222222;
    filter: alpha(opacity=80);
}
.divStyle {
	margin: .2em;
	margin-top: 2em;
	padding: .2em;
}
.divStyle:hover {
   height: 20em;
}