body.porot {
  color: #333;
  font-family: Verdana;
/*  margin: 0 auto 2em auto; */
}

#hd {
  background-color: #fff;
  position: relative;
  margin-top: 10px;
  z-index: 300;
}

#porot {
  padding: 0 15px 0 0;
  margin: 0 0 0.5em 0;
  text-align: left;
  position: relative;
  background: #fec90c url('../images/porot_header_right.png') top right no-repeat;
  width: 100%;
}

#porot .porot_left {
  position: relative;
  padding: 0 15px 0 10px;
  background: #fec90c url('../images/porot_header_left.png') top left no-repeat;
}

#porot .porot_left a { padding: 2px 0 3px 0; }

#topmenu {
  position: absolute;
  right: 0.5em;
  top: 5px;
  width: 70%;
  z-index: 200;
}

#topmenu .menu {
  float: right;
  margin-left: 0.5em;
  font-size: 90%;
}

#topmenu .menu li {
  display: inline;
  margin-left: 0;
  padding-left: 0;
  background: none;
}

#ft {
  font-size: 85%;
  margin-top: 20px;
  padding: 5px;
  color: #666666;
  background-color: #e7eef6;
}

#ft a, #ft a:link, #ft a:visited {
  color: #666;
  text-decoration: none;
}

#ft a:hover {
  text-decoration: underline;
}

.maintenance {
  background: transparent url('../images/traffic_cones.jpg') top left no-repeat;
  padding: 2em 1em 1em 380px;
  min-height: 300px;
  _height: 300px;
}

.error404, .unauthorized {
  margin: 1em 0;
  background: transparent url('../images/warning.jpg') top left no-repeat;
  padding-left: 400px;
  min-height: 300px;
  _height: 300px;
}

.error404 dt, .error404 dd {
  margin: 0.25em 0;
  padding: 0.25em 0;
}

.error404 dt { font-style: italic; font-weight: bold; }
.error404 a, .maintenance a { font-weight: bold; }

div.login_required {
  background-color: #ffcccc;
  margin: 1em 0;
  padding: 1.5em;
}

.login {
  margin: 1em auto;
  width: 427px;
  padding: 1em;
}

.login .top {
  background: url('../images/bg/top_left.png') top left no-repeat;
  padding-left: 9px;
  line-height: 10px;
}

.login .top div {
  background: url('../images/bg/top_right.png') top right no-repeat;
}

.login .bottom {
  background: url('../images/bg/bottom_left.png') top left no-repeat;
  padding-left: 10px;
  line-height: 10px;
}

.login .bottom div {
  background: url('../images/bg/bottom_right.png') top right no-repeat;
}

.login .content {
  background: #cce1f2;
  margin: 0;
  padding: 0 1em;
}

/* Bug in script.aculo.us if position: relative is used */
.login form.uniForm { position: static; }

#login fieldset legend { font-variant: normal; }

.login .buttonHolder {
  background: #cce1f2!important;
  padding: 10px 0;
  width: 96%;
}

#login #errorMsg li {
  list-style-type: none;
  background-image: url('../images/bullet_red.png');
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding-left: 20px;
  display: block;
}

.login .links {
  clear: both;
  text-align: center;
  padding: 0 10px;
}
.login .links a {
  color: #00a651;
  margin: 0.5em 0;
}

form .bg { background: #dbebf7 url('../images/gradient.png') bottom left repeat-x; }

form ul.choice li { background-image: none; }

.info, .success, .warning, .error, .error2, .validation {
  border-style: solid;
  border-width: 1px 0;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('../images/knobs/Knob Message.png');
}

.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('../images/knobs/Knob Valid Green.png');
}

.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('../images/knobs/Knob Attention.png');
}

.error, .error2 {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../images/knobs/Knob Cancel.png');
}

/*
.warning {
  background: #fde8e4 url('../images/icons/error_icon_big.png') 20px 10px no-repeat;
  border: 1px solid #f26f56;
  border-width: 1px 0;
  padding: 0.5em 1.5em 1em 6em;
}
*/

form .error {
  border: none;
  background: none;
  color: #535353;
  padding: 7px 4px;
  margin: 0 0.5em;
}

form .error input { background-color: #FFBABA; }

form .error .errorField { padding-left: 200px; color: red; }

.modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;

    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2 {
    background:url(/img/global/info.png) 0 50% no-repeat;
    margin: 0px;
    padding: 10px 0;
    border-bottom: 1px solid #333;
}

.modal .buttons button.cancel { float: left; }
.modal .buttons button.positive { float: right; }

#ft .privacy { float: right }

div.actions ul li {
  background-image: none;
  display: inline;
}