@import url(common/body.css);
@import url(common/form.css);
@import url(common/input.css);
@import url(common/table.css);

#background {
	height: 346px;
	width: 692px;
}

#centertable {
	border-collapse: collapse;
	height: 100%;
	width: 100%;
}

#centertd {
	text-align: center;
	vertical-align: middle;
}

#interactive {
	height: 134px;
	left: 340px;
	position: absolute;
	top: 33px;
	width: 240px;
	z-index: 20;
}

#login {
	/*background: url(../../IMAGELIB/login/login.png) no-repeat;*/
	height: 340px;
	position: relative;
	width: 686px;
	z-index: 10;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

#noscript {
	color: #FF0000;
	position: relative;
	top: 60px;
	z-index: 30;
}

#copyright {
	color: #ACACAC;
	height: 42px;
	left: 36px;
	position: absolute;
	text-align: left;
	top: 228px;
	width: 290px;
	z-index: 20;	
}

#link1 {
	left: 32px;
	position: absolute;
	top: 28px;
	width: 230px;
	z-index: 20;	
}

#link2 {
	left: 486px;
	position: absolute;
	top: 210px;
	width: 162px;
	z-index: 20;
}

#link1 a {
	display: block;
	height: 108px;
	text-decoration: none;
}

#link2 a {
	display: block;
	height: 90px;
	text-decoration: none;
}

#version {
	height: 14px;
	left: 148px;
	position: absolute;
	text-align: right;
	top: 136px;
	width: 110px;
	z-index: 20;	
}

body {
	background: url(../../IMAGELIB/login/background.png) repeat-x;
}

div.errormessage {
	color: red;
}

input.text {
	background: transparent;
	border: none;
	width: 4cm;
}

input.submit {
	background: url(../../IMAGELIB/login/button_bg.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 19px;
	width: 72px;
}

input.submit:hover {
	background: url(../../IMAGELIB/login/button_bg_hi.png) no-repeat;
}

table {
	height: 134px;
	width: 248px;
}

td {
	vertical-align: top;
}

td.button {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

td.input {
	background: url(../../IMAGELIB/login/input_background.png) no-repeat;
	padding-left: 1px;
}

td.message {
	height: 48px;
}

html,body {
	overflow: auto;
	margin: 0px;
	padding: 0px;
}