@charset "utf-8";

body {
	font: 100% Georgia, serif;
	background: #ffffff url(../../assets/images/page_bg.jpg) top center repeat-y;
  background-attachment: fixed;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

a, a img {
	border: none;
  outline: none;
}

.hilite {
	color: #00fcff;
}

.hiliteMain {
	color: #00ee00;
}

/* Should only be used for displaying tabluar data, not for purposes of general layout */
table {
	border: none;
  margin: 15px 0 25px 15px;
  padding: 0;
}

td, th {
  margin: 0;
  padding: 0 25px 5px 0;
	font-size: 16px;
  color: #958e86;
  margin: 20px 0 20px 14px;
  border-bottom: #DDDDDD thin solid;
}

th {
  border-bottom: #666666 thin solid;
  font-weight: bold;
  text-align: left;
  background-color: #E0FFC1;
}

.base #container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto;
/*	border-left: 1px solid #000000;
  border-right: 1px solid #000000;*/
	text-align: left;
  min-height: 100%;
}

.base #mainContent {
	padding: 0;
}

.base #container #mainContent #header,
.base #container #mainContent #footer {
	clear: both;
	height: 47px;
  color: #FFFFFF;
}

.base #container #mainContent #header {
	background: #000000 url(../../assets/images/header_bg.jpg) top left repeat-x;
  padding: 0 30px 0 30px;
  position: relative;
}

.base #container #mainContent #footer {
	background: #3c3c3c url(../../assets/images/footer_bg.jpgz) top left repeat-x;
  min-height: 47px;
  border-top: #999999 thick solid;
  padding: 15px;
  position: relative;
}

.base #container #mainContent #header #headerMenu{
	list-style: none;
  position: absolute;
  top: -6px;
  left: 270px;
  font-weight: bold;
}

.base #container #mainContent #footer #footerMenu {
	list-style: none;
  position: absolute;
  top: 15px;
  left: 115px;
  font-weight: bold;
}

.base #container #mainContent #header #headerMenu li,
.base #container #mainContent #footer #footerMenu li {
	float: left;
  margin-left: 50px;
}

.base #container #mainContent #header #headerMenu a,
.base #container #mainContent #header #headerMenu a:visited,
.base #container #mainContent #footer #footerMenu a,
.base #container #mainContent #footer #footerMenu a:visited {
	color: #ffffff;
  text-decoration: none;
}

.base #container #mainContent #header #headerMenu a:hover,
.base #container #mainContent #footer #footerMenu a:hover {
	color: #abf750;
}

.base #container #mainContent #content {
	background: #FFFFFF url(../../assets/images/content_bg.jpg) top center repeat-x;
	padding: 20px;
}

.base #container #mainContent #content #contentTop h1 {
	font-size: 30px;
  color: #ffffff;
  position: relative;
  left: 10px;
  top: -5px;
  margin: 0;
}

.base #container #mainContent #content #contentTop h2 {
	font-size: 24px;
  color: #eeff5c;
  margin: 10px 0 25px 0;
  text-align: right;
  position: relative;
  left: -21px;
}

.base #container #mainContent #content #contentTop #instructionBrief {
  text-align: center;
  position: relative;
  top: -19px;
}

.base #container #mainContent #content #contentTop #instructionBrief #img1,
.base #container #mainContent #content #contentTop #instructionBrief #img2,
.base #container #mainContent #content #contentTop #instructionBrief #img3,
.base #container #mainContent #content #contentTop #instructionBrief #img4 {
	width: 224px;
  height: 178px;
  float: left;
  color: #333333;
  margin-left: 4px;
}

/*.base #container #mainContent #content #contentTop #instructionBrief #img1 {
  background-color: #ffa500;
}

.base #container #mainContent #content #contentTop #instructionBrief #img2{
  background-color: #14db0e;
}

.base #container #mainContent #content #contentTop #instructionBrief #img3{
  background-color: #168afe;
}

.base #container #mainContent #content #contentTop #instructionBrief #img4{
  background-color: #ec2187;
}*/

.base #container #mainContent #content #contentBottom {
	clear: left;
  /*margin-top: 200px;
  padding-bottom: 50px;*/
  min-height: 300px;
  position: relative;
}

.base #container #mainContent #content #contentBottom #displayText {
  float: left;
}

.base #container #mainContent #content #contentBottom #displayText .title {
	font-size: 30px;
  color: #00ccff;
  margin: 20px 0 0 14px;
  padding: 0;
}

.base #container #mainContent #content #contentBottom #displayText .subTitle {
	font-size: 24px;
  color: #00ccff;
  margin: 40px 0 0 14px;
  padding: 0;
}

.base #container #mainContent #content #contentBottom #displayText .textRunIn {
	font-size: 20px;
  color: #666666;
  margin: 20px 0 0 14px;
}

.base #container #mainContent #content #contentBottom #displayText .textRunInHilite {
	font-size: 20px;
  color: #00CC00;
  margin: 20px 0 30px 14px;
}

.base #container #mainContent #content #contentBottom #displayText .text {
	font-size: 16px;
  color: #958e86;
  margin: 20px 0 20px 14px;
  line-height: 130%;
}

.base #container #mainContent #content #contentBottom #displayText .text a,
.base #container #mainContent #content #contentBottom #displayText .text a:visited {
	color: #00CC00;
  text-decoration: none;
}

.base #container #mainContent #content #contentBottom #displayText .text a:hover {
	color: #0066CC;
}

.base #container #mainContent #content #contentBottom #displayText .textSpecial {
	font-size: 16px;
  color: #ff0000;
  margin-left: 15px;
}

.base #container #mainContent #content #contentBottom #imgFltRt {
  float: right;
  margin-top: 25px;
  margin-bottom: 100px;
}

.base #container #mainContent #content #contentBottom #imgFltRtNoBM {
  float: right;
  margin-top: 25px;
  margin-bottom: 0;
}

.base #container #mainContent #content #contentBottom #displayText .screenshot {
  width: 400px;
  height: 250px;
  background-color: #DDF4F7;
  color: #666666;
  text-align: center;
  margin: 25px 0 40px 0;
}

.base #container #mainContent #content #contentBottom #displayText .screenshotLeft {
	float: left;
  margin-left: 30px;
}

.base #container #mainContent #content #contentBottom #displayText .screenshotRight {
	float: right;
  margin-right: 30px;
}

.base #container #mainContent #content #contentBottom #examples {
	width: 394px;
  height: 133px;
  float: left;
  color: white;
  margin: 25px 0 0 0;
  background-color: transparent;
  position: absolute;
  top: 290px;
  left: 485px;
}

.base #container #mainContent #content #contentBottom #examples img {
	border: none;
  outline: none;
}

.base #container #mainContent #content #contentBottom #examples #examplesHref a {
	color: #ffffff;
  position: absolute;
  top: 55px;
  left: 125px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

.base #container #mainContent #content #contentBottom #displayText .footnote {
	font-size: 12px;
  color: #1B676D;
  margin: 20px 0 20px 14px;
  line-height: 130%;
}