@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 {
  font: 13px "Trebuchet MS",Verdana,Arial,sans-serif;
  line-height: 14px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align:center;
  background-color:#0000CD;
}
h1 {
  color: black;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  font-family:Arial, Helvetica, sans-serif;
  background-color: white;
}
h2 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  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: #000;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: black;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #000;
  text-decoration: underline;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}
.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;
}