﻿/* LAYOUT */
html {padding: 0; margin: 0;}
body {padding: 50px; margin: 0;}

.logoLogin {position: relative;}
form {margin: 0; padding: 0;}
.logoLogin form table {border-collapse: collapse; position: absolute; top: 0; right: 0; margin-left: 300px;}
.logoLogin form table td {text-align: left; padding: 0;}
.logoLogin form table .loginForm {padding-right: 10px;}
.logoLogin form table td p {margin: 5px 0 0 0; padding: 0;}
.logoLogin form table td input {margin: 0;}
.buttonLogin {float: right;}
.formText {width: 150px;}
.contentContainer {margin-top: 30px; position: relative; overflow: hidden;}
.contentTop {background: url('images/corner-topleft.gif') no-repeat;}
.contentBottom {background: url('images/corner-bottomleft.gif') no-repeat;}
.contentTop,
.contentBottom {height: 10px; text-align: right; margin: 0; padding: 0;}
.content {padding: 0 10px;}
.content table {border-collapse: collapse; width: 100%;}
h1 {margin: 0 0 10px 0; padding: 0;}

/* FONTs */
body {font-family: tahoma, verdana, arial, sans-serif;}
.formText {font-size: 10pt;}
form label {font-size: 10pt;}
.logoLogin form table td a {font-size: 8pt;}
h1 {font-size: 12pt;/* font-weight: normal;*/}
.content table {font-size: 10pt;}
.stars {font-weight: bold;}

/* COLORs */
body {background-color: #362f2d;}
form label {color: #fff;}
.formText {font-size: 80%; margin: 1px 0; padding: 1px 0 0; background: #998675 url(form/shadow.gif) repeat-x top; color: #fff;}
.contentContainer {background-color: #736357; color: #fff;}
a {color: #fdc22c;}
a:hover {color: #fff;}

/* OTHER */
.stars1 {background: #998675 url('images/stars1.gif') no-repeat;}
.stars2 {background: #998675 url('images/stars2.gif') no-repeat;}
.stars3 {background: #998675 url('images/stars3.gif') no-repeat;}
.stars4 {background: #998675 url('images/stars4.gif') no-repeat;}
.stars5 {background: #998675 url(images/stars5.gif) no-repeat;}