form {
  padding: 0px;
  margin: 0px;
}

div.message {
  margin-right: 8px;
	background: #F5C149 url(/res/alexx/gfx/form-corner-tl.gif) no-repeat top left;
}
div.message div {
	background: url(/res/alexx/gfx/form-corner-br.gif) no-repeat bottom right;
  font-size: 90%;
  color: #000;
  font-weight: bold;
}
div.message div a{
  color: #004256;
}
div.message div a:hover{
  color: #0099CC;
}


div.message div div{
  padding: 16px 32px 24px 64px;
  //height: 100%;
}

div.message div div.warning{
	background: url(/res/alexx/gfx/sign-warning.gif) no-repeat top left;
}

div.message div div.confirm{
	background: url(/res/alexx/gfx/sign-confirm.gif) no-repeat top left;
}

div.form {
	background: #132B30 url(/res/alexx/gfx/form-bg.jpg) no-repeat top left;
  width: 560px;
  margin-bottom: 16px;
}
div.form div.bottom {
	background: url(/res/alexx/gfx/form-corner.gif) no-repeat bottom left;
  padding: 16px 32px 24px 24px;
}

div.form label {
  color: #CCC;
}
div.form input.input {
  width: 100%;
  color: #cccccc;
  height: 16px;
  padding: 0px 4px 0px 4px;
  background-color: #333333;
  border-left: 1px solid #000;
  border-right: 1px solid #5C5C5C;
  border-top: 1px solid #000;
  border-bottom: 1px solid #5C5C5C;
}

div.form textarea {
	scrollbar-face-color: #333;
	scrollbar-shadow-color: #000;
	scrollbar-highlight-color: #666;
	scrollbar-3dlight-color: #232323;
	scrollbar-darkshadow-color: #232323;
	scrollbar-track-color: #232323;
	scrollbar-arrow-color: #000;
  
  width: 100%;
  background-color: #333333;
  border-left: 1px solid #000;
  border-right: 1px solid #5C5C5C;
  border-top: 1px solid #000;
  border-bottom: 1px solid #5C5C5C;
  color: #cccccc;
  font-family: Arial;
  padding: 4px 4px 4px 4px;
}

div.form table.inner {
 width: 100%;
}

div.form table {
 width: 504px;
}
div.form table tr td{
  padding: 0px;
  font-size: 80%;
}
div.form table tr td.left{
  padding: 8px 8px 8px 0px;
  width: 45%;
}
div.form table tr td.right{
  padding: 8px 8px 8px 0px;
}

div.form table tr td.wide{
  padding: 4px 8px 8px 0px;
}
div.form table tr td.wide-label{
  padding: 8px 8px 0px 0px;
}
div.form button {
	background: url(/res/alexx/gfx/button-bg-130.jpg) no-repeat top left;
  border: none;
  width: 138px;
  height: 30px;
  font-size: 90%;
  color: #899EA3;
}


div.form table.twocolunm tr td.c1{
  padding: 8px 0px 8px 0px;
  width: 20%;
}
div.form table.twocolunm tr td.c2{
  padding: 8px 16px 8px 0px;
  width: 40%;
}
div.form table.twocolunm tr td.c3{
  padding: 8px 0px 8px 16px;
  width: 10%;
}
div.form table.twocolunm tr td.c4{
  padding: 8px 8px 8px 8px;
  width: 30%;
}

table.loginform tr td{
  padding: 0px;
  text-align: left;
}

table.loginform tr td {
  font-size: 80%;
}
table.loginform tr td.bottom {
  vertical-align: bottom;
}

table.loginform label {
  color: #CCC;
}
table.loginform label.block {
  display: block;
  margin-left: 32px;
}
table.loginform input.input {
  width: 140px;
  color: #cccccc;
  height: 16px;
  padding: 0px 4px 0px 4px;
  background-color: #333333;
  border-left: 1px solid #000;
  border-right: 1px solid #5C5C5C;
  border-top: 1px solid #000;
  border-bottom: 1px solid #5C5C5C;
}
table.loginform  button {
	background: url(/res/alexx/gfx/button-bg-70.jpg) no-repeat top left;
  border: none;
  width: 70px;
  height: 30px;
  font-size: 90%;
  color: #899EA3;
  margin-right: 8px;
  margin-bottom: 8px;
}
table.loginform div.title {
  font-size: 120%;
  font-weight: bold;
  margin: 8px 0px 8px 0px;
  text-aling:left;
}

div.subscribe-warning {
	background: url(/res/alexx/gfx/warning-icon-small.gif) no-repeat top left;
  border: none;
  font-weight: bold;
  font-size: 80%;
  color: #FFC91A;
  margin-right: 8px;
  padding: 8px 0px 8px 32px;
  margin-bottom: 8px;
}
div.subscribe-confirm {
	background: url(/res/gfx/confirm-icon-small.gif) no-repeat top left;
  border: none;
  font-weight: bold;
  font-size: 80%;
  color: #FFFFFF;
  margin-right: 8px;
  padding: 8px 0px 8px 32px;
  margin-bottom: 8px;
}
span.href {
  cursor:hand;
}
div.checkbox {
  text-indent: -24px;  
  margin-left: 25px;
}
div.static-warning {
	background: url(/res/gfx/warning-icon-small.gif) no-repeat top left;
  border: none;
  font-weight: normal;
  font-size: 80%;
  color: #CCC;
  margin-left: 16px;
  margin-right: 8px;
  padding: 8px 0px 8px 40px;
  margin-bottom: 8px;
}



.corners {border: 1px solid #11353D;}
.corners .tr,
.corners .bl,
.corners .c,
.corners .title
{
	position: relative;
	z-index: 1;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}
.corners .tr {
  background-position: right top;
  left: 1px;
  top: -1px;
}
.corners .bl {
  background-position: left bottom;
  left: -2px;
  top: 2px;
}

.form-border {
/*  font-size: 80%;*/
  margin: 16px 8px 16px 0px;
}

.form-border .corners {background: #0B1518; //height: 100%; }
.form-border .corners .tr { background-image: url('/res/alexx/gfx/corner-tr.gif'); }
.form-border .corners .bl { background-image: url('/res/alexx/gfx/corner-bl.gif');}
.form-border .corners .cntr { left: 0px; top: 0px; margin-right: 0px; }
.form-border .corners .pad { padding: 8px 24px 16px 24px; top: 0px; left: 0px;} 	
.form-border .corners .title {
  position: absolute;
  font-weight: bold;
  top: -0.8em; 
  left: 16px; 
  padding-left: 8px; 
  padding-right: 8px; 
  float: left; 
  background-color: #0B1518; 
  color: #CCC;
}
.form-border .pad p {height: 2em; margin: 0 0.3em 0 0.3em;}





div.form-border{
  margin-top: 24px;
}

div.form-border label {
  color: #CCC;
}

div.form-border input.input {
  width: 100%;
  color: #cccccc;
  height: 16px;
  padding: 0px 4px 0px 4px;
  background-color: #333333;
  border-left: 1px solid #000;
  border-right: 1px solid #5C5C5C;
  border-top: 1px solid #000;
  border-bottom: 1px solid #5C5C5C;
}

div.form-border textarea {
	scrollbar-face-color: #333;
	scrollbar-shadow-color: #000;
	scrollbar-highlight-color: #666;
	scrollbar-3dlight-color: #232323;
	scrollbar-darkshadow-color: #232323;
	scrollbar-track-color: #232323;
	scrollbar-arrow-color: #000;
  
  width: 100%;
  background-color: #333333;
  border-left: 1px solid #000;
  border-right: 1px solid #5C5C5C;
  border-top: 1px solid #000;
  border-bottom: 1px solid #5C5C5C;
  color: #cccccc;
  font-family: Arial;
  padding: 4px 4px 4px 4px;
}

div.form-border table.inner {
 width: 100%;
}

div.form-border table tr td{
  padding: 0px;
  font-size: 80%;
}
div.form-border table tr td.left{
  padding: 8px 8px 8px 0px;
  width: 45%;
}
div.form-border table tr td.right{
  padding: 8px 8px 8px 0px;
}

div.form-border table tr td.wide{
  padding: 4px 8px 8px 0px;
}
div.form-border table tr td.wide-label{
  padding: 8px 8px 0px 0px;
}
div.form-border button {
	background:url(/res/gfx/bg_button.gif) #263A40;
	border:1px solid;
	border-color:#758286 #131E21 #131E21 #758286;
	color:#899EA3;
  height: 30px;
}


div.form-border table.twocolunm tr td.c1{
  padding: 8px 0px 8px 0px;
  width: 20%;
}
div.form-border table.twocolunm tr td.c2{
  padding: 8px 16px 8px 0px;
  width: 40%;
}
div.form-border table.twocolunm tr td.c3{
  padding: 8px 0px 8px 16px;
  width: 10%;
}
div.form-border table.twocolunm tr td.c4{
  padding: 8px 8px 8px 8px;
  width: 30%;
}
