/* Main Layout */
body
{
  font-size: 10pt;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #36302B;
}

img
{
  border: none;
}

#site
{
  width: 902px;
  margin-left: auto;
  margin-right: auto;
}

#header
{
  width: 902px;
  height: 107px;
  background-image: url('/images/header_back.png');
  background-repeat: no-repeat;
}

#server
{
  margin-top: 5px;
  width: 902px;
  height: 170px;
  background-image: url('/images/server.png');
  background-repeat: no-repeat;
}

#logo
{
  float: left;
  margin-top: 13px;
  margin-left: 30px;
  width: 300px;
  height: 83px;
  background-image: url('/images/logo.png');
  background-repeat: no-repeat;
}

#logo a
{
  display: block;
  height: 100%;
}

#logo h1
{
  display: none;
}

#loginForm
{
  float: right;
  margin-right: 25px;
  margin-top: 10px;
  color: #FFFFFF;
}

#loginForm a
{
  color: #FFFFFF;
  text-decoration: none;
}

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

.column
{
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  width: 441px;
}

.column1
{
  margin-right: 20px;
}

.column .box
{
  width: 441px;
}

.column .box .header, .column .box h2
{
  margin: 0px;
  width: 431px;
  height: 25px;
  background-image: url('/images/header_column.png');
  color: #FFFFFF;
  font-family: Arial;
  font-size: 14pt;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 2px;

}

.column .box .content
{
  background-color: #FFFFFF;
  padding: 5px;
}

#frontpage .column .box .content
{
  min-height: 180px;
}

.column .box .footer
{
  width: 441px;
  height: 8px;
  background-image: url('/images/footer_small.png');
}

.widecolumn
{
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  width: 441px;
}

.widecolumn .box
{
  width: 903px;
}

.widecolumn .box .header, .widecolumn .box h2
{
  margin: 0px;
  width: 893px;
  height: 25px;
  background-image: url('/images/header_full.png');
  color: #FFFFFF;
  font-family: Arial;
  font-size: 14pt;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 2px;
}

.box h2 a
{
  color: #ffffff;
}

.widecolumn .box .content
{
  background-color: #FFFFFF;
  padding: 5px;
}

.widecolumn .box .footer
{
  width: 903px;
  height: 8px;
  background-image: url('/images/footer_full.png');
}

#footer
{
  clear: both;
  border-top: 1px solid #C5C5C5;
  margin-left: 25px;
  margin-right: 25px;
  text-align: right;
  color: #C5C5C5;
}

#footer a
{
  color: #C5C5C5;
  text-decoration: none;
}

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

/* Useful classes */
.title
{
  font-weight: bold;
  text-align: center;
}

.center
{
  text-align: center;
}

.left
{
  float: left;
  margin: 5px;
}

.right
{
  float: right;
  margin: 5px;
}

.clear
{
  clear: both;
}

.error
{
  color: #FF0000;
}

.button
{
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url('/images/button.png');
  text-align: center;
  vertical-align: middle;
  height: 67px;
  color: #FFFFFF;
}

.button a
{
  color: #FFFFFF;
  text-decoration: none;
}

.button a:hover
{
  color: #FFFF00;
  text-decoration: underline;
}

/* Forms */
form
{
  margin: 0px;
}

input[type=text], input[type=password]
{
  background-color: #FFFFFF;
  border: 1px solid #000000;
}

input[type=submit]
{
  background-image: url('/images/button_back.png');
  border: 0px;
  height: 15px;
  width: 96px;
  background-color: transparent;
  color: #FFFFFF;
}

input.fieldError
{
  border: 1px solid #CC0000;
  background-color: #FFCCCC;
}

.twocol form label
{
  margin-right: 0.5em;
  display: block;
  width: 150px;
  float: left;
  text-align: right;
}

.twocol input[type=submit]
{
  margin-left: 150px;
}

.twocol form .richText
{
  margin-left: 150px;
}

/* Helper Classes */
.helpertext
{
  float: right;
  width: 400px;
}

/* Rows */
.row1
{
  background-color: #FFFFFF;
}

.row2
{
  background-color: #E3E3E3;
}

.popupCalendar
{
  margin-left: 106px;
  display: none;
  position: absolute;
  background: #ffffff;
  border: 1px solid #333333;
  width: 195px;
}

.popupCalendar table
{
  width: 100%;
}

.popupCalendar .previous
{
  text-align: left;
}

.popupCalendar .next
{
  text-align: right;
}

.popupCalendar a
{
  cursor: pointer;
}

.popupCalendar td
{
  text-align: center;
}

.popupCalendar td:hover
{
  background-color: #CCCCCC !important;
}

.popupCalendar td.selected
{
  background-color: #77b8d6 !important;
}