html,body {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#000;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-family: verdana;
	font-size: 8pt;
	text-align: center;
}

input.login {
  font-family: verdana;
  font-size: 8pt;
  border: 1px solid #f99;
  background-color: #f00;
  color: white;
}

input.finish {
  font-family: verdana;
  font-size: 8pt;
  border: 1px solid #fff;
  background-color: #ff9;
  color: black;
}

input.norm, select.norm {
  font-family: verdana;
  font-size: 8pt;
  border: 1px solid #fff;
  background-color: #fff;
  color: black;
}

select.select {
  font-family: verdana;
  font-size: 10pt;
  border: 0px solid #f99;
  background-color: #f00;
  color: white;
  vertical-align: top;
}

table.login {
  font-family: verdana;
  font-size: 8pt;
  border-left: 2px solid #600;
  border-top: 2px solid #600;
  border-bottom: 2px solid #600;
  background-color: #300;
}

td.loginh {
  background-color: #900;
}

input.loginbut {
  font-family: verdana;
  font-size: 8pt;
  border: 1px solid #f00;
  background-color: #000;
  color: white;
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

td.menu {
  background-image: url(images/mnu.jpg);
  text-align: right;
  font-size: 8pt;
  font-family: verdana;
  color: white;
}

td.menu2 {
  background-image: url(images/mnu.jpg);
  text-align: center;
  font-size: 8pt;
  font-family: verdana;
  color: white;
}

table.list {
	border-collapse: collapse; 
	border: 1px solid #300;
	width: 200px;
}

th.list {
  background-image: url(images/mnu.jpg);
  font-size: 8pt;
  text-align: left;
  font-family: verdana;
  color: #ff9;
  height: 18px;
}

tr.list {
  font-size: 8pt;
  text-align: left;
  font-family: verdana;
  color: white;
  border-collapse: collapse;
}

.copy {
  color: #600;
}

.hand {
  cursor: pointer;
}

.trans {
	background-image: url(images/rtrans50.png);
}


.win, .errwin, .successwin, .hintwin {
	padding: 25px;
	font-size: 12pt;
	text-align: center;
	font-family: Verdana;
	width: 80%;
}

.errwin {
	background-image: url(images/rtrans80.png);
	border: 3px solid red;
	color: yellow;
}

.successwin {
	background-image: url(images/gtrans50.png);
	border: 3px solid lime;
	color: lime;
	margin: 50px;
}

.hintwin {
	background-image: url(images/ytrans20.png);
	border: 3px solid yellow;
	color: yellow;
}

input.enter {
  font-family: verdana;
  font-size: 12pt;
  border: 1px solid #f99;
  background-color: #600;
  color: white;
  width: 150px;
}

aatd, aaimg, aadiv {
	behavior: url(inc/iepngfix.htc);
}

div.rules, li.rules {
    font-family: verdana;
    font-size: 10pt;
    color: white;
}

.ruletitle {
    font-size: 14pt;
    font-weight: bold;
    color: #ff9;
}

li.rules {
    margin-top:1em;
}

.subtitle {
    font-size: 8pt;
    font-weight: normal;
}

.devhint {
	color: #f30;
	font-size: 8pt;
}

.redbottom {
	border-bottom: 1px solid #930;
}

td.tiprow {
	background-image: url(images/wtrans80.png);
    font-size: 9pt;
    text-align: center;
    color: black;
    border: 1px solid #300;
}

td.tiprow0 {
	background-color: white;
    font-size: 9pt;
    text-align: center;
    color: black;
    border: 1px solid #300;
}

td.tiprow2 {
	background-color: #FC6;
    font-size: 9pt;
    text-align: center;
    color: black;
    border: 1px solid #300;
}

td.tiprow3 {
	background-color: #600;
    font-size: 9pt;
    text-align: center;
    color: white;
    border: 1px solid #300;
}

td.tabdata {
	background-color: white;
    font-size: 7pt;
    text-align: center;
    color: black;
    border: 1px solid #300;
}

td.tabheader {
	background-color: #FC6;
    font-size: 7pt;
    text-align: center;
    color: black;
    border: 1px solid #300;
}

.jstip {
  font-size: 7pt;
  color: #666;
  cursor: pointer;
}

table.comments {
  text-align: left;
  border:2px;
  width: 80%;
  background: #400;
  font-size: 9pt;
	xbackground-image: url(images/rtrans80.png);
}

tr.comments {
  vertical-align: top;
  height: 20px;
  border-bottom: 2px solid black;
}

td.comments, span.comments {
  font-size: 9pt;
  color: #FC6;
  font-weight: bold;
}

span.comments {
  font-weight: normal;
  font-size: 8pt;
  color: #FFC;
}

span.commentdate {
  font-size: 7pt;
  color: #A00;
  text-decoration: none;
}

span.delOver {
  font-size: 7pt;
  color: white;
  text-decoration: underline;
}

textarea.comments {
  font-family: verdana;
  font-size: 9pt;
  color: #400;
  background: #844;
  border: 1px solid #400;
  overflow: auto;
}

textarea.editcomment {
  font-family: verdana;
  font-size: 9pt;
  color: black;
  background: #a66;
  border: 1px solid #400;
  overflow: auto;
  scrollbar-face-color: #400;
  scrollbar-arrow-color: #822;
  scrollbar-highlight-color: #822;
  scrollbar-darkshadow-color: black;
  scrollbar-shadow-color: black;
  scrollbar-3dlight-color: #822;
}

span.commentShow, span.commentShowOver{
  font-size: 8pt;
  font-weight: bold;
}

span.commentShow {
  color: silver;
  text-decoration: none;
}

span.commentShowOver {
  color: white;
  text-decoration: underline;
}


a.commentShowMore:visited, a.commentShowMore:link {text-decoration: none; color: #FC6;}
a.commentShowMore:hover {text-decoration: underline; color: yellow; cursor: pointer}

a.commentShowAll:visited, a.commentShowAll:link {text-decoration: none; color: gray; font-weight: bold; font-size: 8pt;}
a.commentShowAll:hover {text-decoration: underline; color: silver; cursor: pointer}

input.commentbutton {
	background-color: red;
	color: #400;
	border: 1px solid #000;
	border-top: 1px solid #844;
	border-left: 1px solid #844;
}

table.grid {
	width: 80%;
	margin: 0 0 0 0;
	border: 0px;
}

.gridtitle {
	font-size:14pt;
	font-weight: bold; 
	color: #ff9;
}

.errmsg {
	text-align: center;
	background-color: red;
	color: yellow;
	padding: 10px;
	border: 3px solid yellow;
}

<!--[if lt IE 7]>
td, img, div { behavior: url(inc/iepngfix.htc); }
<![endif]-->