@charset "utf-8";

/*basic element styles*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {
 background: #999999;
  color: #2e2d2c;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align:center;
}
h1 {
  color: #cc0000;
  font-size: 20px;
  font-weight: lighter;
  line-height: 18px;
  font-family:Arial, Helvetica, sans-serif;
}
h2 {
  color: #d80008;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
  font-family:Arial, Helvetica, sans-serif;
}
h3 {
	color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  font-family:Arial, Helvetica, sans-serif;
}
h4 {
  color: #7E7E98;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

a,  a:link {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #333333;
  text-decoration: underline;
}
a:focus {
  color: #333333;
}
a:active {
  color: #7E7E98;
}
.enableJS {
	border: 2px solid #000000;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}


/*useful css*/
.border {
	border: 1px solid #000000;
}
.click {
	cursor:pointer;
}
div.row {
	clear: both;
	padding: 5px 0px;
}
div.row span.left {
	float: left;
	text-align: left;
}

div.row span.right {
	float: right;
	text-align: right;
}
.left {
	float:left;
}
.right {
	float:right;
}
.spacer {
	clear: both;
}
.textcenter {
	text-align:center;
}
.textleft {
	text-align:left;
}
.textright {
	text-align:right;
}
.pad5 {
	padding:5px;
}