body
{ 
margin: 1;
margin-top: 1px;
margin-bottom: 1px;
padding: 200;
background-color: #000000;
background-repeat: no-repeat;
background-image:url('login.png');
background-position: center;
}


table {
  border-collapse: collapse;
  border: none;
  background: transparent;
position: center;
}

table.main, table.mainouter {
border-style: none;
  background: transparent;
}

table.bottom {
  background: transparent;
}

h1 {
color: #FFFFFF;
  font-size: 10pt;
}

h2 {

  font-family: "arial";
  color: #02A3FF;
  font-size: 10pt;
  margin-bottom: 6px;
}

h3 {
  font-family: "arial";
color: #02A3FF;
  font-size: 10pt;
}

h4 {
color: #FFFFFF;
  font-size: 10pt;
}

p {
  font-family: "arial";
   color: #FFFFFF;
	font-size: 10pt;
}

p.sub {
  font-family: "arial";
   color: #FFFFFF;
  margin-bottom: 6pt;
}

td {
    color: #FFFFFF;
	font-size: 9pt;
	border:  #000000 0px;
}

td.embedded {
color: #FFFFFF;
  
   border: none;
   padding: 0px;
  text-align: left;
}
td.embedded 1{
color: #FFFFFF;
  
   border: none;
   padding: 0px;
 // text-align: left;
}
td.bottom {
  border: none;
}



td.text {
  padding: 10pt;
  text-align: left;
}

td.comment {
 color: #FFFFFF;       
  padding: 10pt;
  font-size: 10pt;
  text-align: left;
}

td.colhead {
  
  color: #FFFFFF;
  background-color: #333333;
  background-repeat:repeat-x;
  background-position:top;
}

td.rowhead {
  
  text-align: right;
  vertical-align: top;
}

td.title {
	font-size: 14pt;
}

td.navigation {
	
	font-size: 10pt;
   border: none;
}

td.clear {
  padding: 0px;
  border: 0px;
  background: transparent;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.sublink {
	font-style: italic;
	font-size: 7pt;
	font-weight: normal;
}

font.gray
{
  color: #ACA899;
  text-decoration: none;
}

a:link, a:visited {
  text-decoration: none;
  color: #02A3FF;                           

}

a:hover {
  color: none;
}

a.index {
	
}

a.biglink {
	
	font-size: 10pt;
}

a.altlink:link, a.altlink:visited{
	
	color: #999999;
	text-decoration: none;
}

a.altlink:hover {
  text-decoration: underline;
}

a.altlink_blue:link, a.altlink_blue:visited{
	
	color: #004E98;
	text-decoration: none;
}

a.altlink_blue:hover {
  text-decoration: underline;
}

a.altlink_green:link, a.altlink_green:visited{
	
	color: #007800;
	text-decoration: none;
}

a.altlink_green:hover {
  text-decoration: underline;
}

.important {
	font-weight: bold;
	font-size: 8pt;
}

.red {
	color: #ee0000;
}

.yellow {
	color: #997700;
}

.green {
	color: #000000;
}

input, select, textarea {
	font-family: "arial"
	font-size: 10pt;
	
}

.btn {
  width: 75px;
  height: 23px;
}

.small {
  font-size: 7pt;
}

.big {
  font-size: 10pt;
}

li {

 color: #FFFFFF;
  margin-top: 6pt;
  margin-bottom: 6pt;
}

ul {
font-weight: bold;
  color: #FFFFFF;
  margin-left: 16pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

img.border
{
  border-style: solid;
  border-width: 1px;
}

.listitem {
margin-left:10px;
margin-right:3px;
}

td.clearalt6 {
  background: #333333;
  padding: 5px;
  border: 2px;
border: hidden;
}

td.clearalt7 {
  padding: 5px;
  background: #333333;
  border: 2px;
border: hidden;
}
input#nickname, input#password {
padding-left: 14px;
background: #ffffff;
background-repeat: no-repeat;
background-position: 2px center;
}

input#nickname{background-image: url(pic/username.png);}
input#password{background-image: url(pic/password.png);}
}
td.clearalt6 {
  background: #333333;
  padding: 5px;
  border: 0px;
border: hidden;
}
td.clearalt7 {

 color: #66FF00;
  padding: 5px;
  background: #333333;
  border: 0px;
border: hidden;
}
img.logo {
padding: 0px;
border: 0px none;
background-image: url('http://xtrato.water.hl-users.com/pic/header.gif'); //// change this to ur logo link
background-repeat: no-repeat;
background-position:  center;
}