body {
  font-family:verdana;
  font-size:8pt;
  overflow-x:hidden;
  margin:0px;
  padding:0px;
}
a {
  color:#336CBF;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
#main {
  width:100%;
  height:100%;
  float:left;
}
.banners, #main .center {
  display:block;
  height:100%;
  float:left;
  margin-top:5%;
  padding-top:100px;
  padding-bottom:100px;
  z-index:0;
}
.banners { width:25%; }
.left { text-align:right; }
.right { text-align:left; }
.banners .banner {
  margin:10px 0px;
}
#main .center {
  width:50%;
  background:url(../images/eProLogo.gif) no-repeat top center;
}
#event-banner {
  text-align:center;
  margin:25px 0px;
}
form.login {
  z-index:99999;
  width:406px;
  margin:0px auto;
  background:#FBFBFB url(../images/login-background.jpg) repeat-x bottom;
  cursor:default;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-right:1px solid #EDEDED;
  border-bottom:1px solid #C8C8C8;
  border-left:1px solid #EDEDED;
}
form.login .fields {
  min-height:228px;
  border:1px solid #CACACA;
  border-top:1px solid #EDEDED;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
form.login h2 {
  font-size:11px;
  margin:7px 7px 15px 12px;
  padding:5px 0px;
  color:#4C4C4C;
}
form.login h2 span {
  padding-right:18px;
  background:url(../images/login-puce-bottom.png) no-repeat right bottom;
}
form.login .field {
  margin:5px 0px;
}
form.login .checkbox {
  float:left;
  margin:10px 0px 0px 0px;
}
form.login .submit {
  float:right;
  clear:both;
  margin:0px 0px 5px 0px;
}
form.login .login label, form.login .password label {
  display:block;
  float:left;
  width:92px;
  margin:2px 5px 0px 12px;
  padding:0px;
  cursor:pointer;
  color:#999;
}
form.login .checkbox label {
  float:left;
  margin:0px 0px 0px 5px;
}
form.login input[type=text], form.login input[type=password] {
  width:259px;
  height:18px;
  margin:0px 5px;
  border:1px solid #CFCFCF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align:left;
  padding:0px 7px;
  font-size:12px;
  line-height:12px;
  color:#2E382E;
}
form.login input[type=text]:hover, form.login input[type=password]:hover,
form.login input[type=text]:focus, form.login input[type=password]:focus {
  border:1px solid #999;
}
form.login input[type=checkbox] {
  float:left;
  margin:0px 0px 0px 115px;
}
form.login input[type=image] {
  margin:0px 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align:center;
  cursor:pointer;
  font-size:12px;
}
form.login input:focus { }
form.login div.checkbox label:after { content:''; }
form.login div.submit {
  margin:0px 5px 15px 5px;
  text-align:right;
}
form.login .message {
  float:left;
  width:365px;
  margin:5px 5px 15px 12px;
  padding:5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align:justify;
}
form.login .error {
  background:#FFE0E0;
  color:#D86161;
  border:1px solid #FF9999;
}
form.login .info {
  background:#F3F9F3;
  color:#118B11;
  border:1px solid #CBE3CB;
}
form.login .notification {
  background:#F3F3F9;
  color:#336CBF;
  border:1px solid #336CBF;
  font-weight:bold;
}
form.login ul {
  border-top:1px solid #999;
  display:block;
  margin:0px 5px 15px 5px;
  padding:5px 190px 5px 26px;
  clear:both;
}
form.login ul li {
  width:100%;
  list-style:none;
  clear:both;
}
form.login ul li a {
  display:block;
  color:#969696;
  text-decoration:underline;
  padding:4px;
  padding-left:18px;
  background:url(../images/login-puce-right.png) no-repeat 4px center;
}
form.login ul li a:hover {
  text-decoration:none;
}
.emphasis {
  font-size:10px;
  text-align:right;
  color:#CACACA;
}
.border-break {
  border-bottom:1px solid #c0c0c0;
  padding-bottom:2px;
}
#footer {
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  position:fixed;
  font-family:verdana;
  font-size:8pt;
  padding:0px 7px 7px 7px;
  background:#fff;
}
#footer .cols p, #footer .cols ul, #footer .cols ul li {
  margin:0px;
  padding:0px;
  font-size:10px;
}
#footer .cols { width:100%; }
#footer .cols ul, #footer .cols ul li { display:inline; }
#footer .cols ul li a, #footer .cols ul li a:hover { color:#000; }
#footer .cols ul li:after { content:' - '; }
#footer .cols ul li:last-child:after { content:''; }
#footer .cols { float:left; }
#footer .col { float:left; width:50%; padding:0px; }
#footer .cleft { text-align:left; }
#footer .cright { text-align:right; float:right; }