html, body, #page {
  height           : 100%;
}

body > #page {
  height           : auto;
  min-height       : 100%;
}

#main {
  padding-bottom   : 35px;
}

#foot {
  position         : relative;
  margin-top       : -35px;
  height           : 32px;
  clear            : both;
}

#page {
  color            : #999;
}

#head {
  height           : 167px;
  padding          : 0;
}

#project_info {
  float            : left;
  overflow         : hidden;
  height           : 105px;
  width            : 100%;
  margin-bottom    : 8px;
  background-color : #ebebeb;
}

#project_info small {
  text-transform   : uppercase;
}

#login_info {
  position         : absolute;
  width            : 400px;
  right            : 0;
  padding-right    : 30px;
  _padding-right   : 60px;
  height           : 40px;
  text-align       : right;
}

#helpbutton {
  position         : absolute;
  right            : 35px;
  top              : 142px;
}

#body {
  padding          : 10px 30px;
}

#content {
  height           : 100%;
}

#copyright {
  float            : right;
  padding-right    : 30px;
  margin-top       : 7px;
}

#authForm {
  width            : 250px;
  height           : 150px;
  padding          : 70px 100px;
  margin           : 70px auto;
}

/* layout block styles */
#helpbutton {
  color            : black;
  text-decoration  : none;
  border-bottom    : 1px dotted black;
}

#authForm {
  background-color : #ddd;
  border           : 3px solid #f4f4f4;
}

#authForm h1 {
  color            : #333 !important;
  font-size        : 1.9em;
  font-weight      : 200;
  text-align       : center;
  margin-top       : -30px;
}

#authForm div {
  margin-bottom    : 10px;
}

#authForm .submit {
  width            : 80px;
  margin-left      : 72px;
}

#authForm input.text {
  margin-left      : 10px;
}

#authForm label {
  width            : 60px;
  float            : left;
  padding          : 2px;
  text-align       : right;
}

#authForm .authError {
  width            : 140px;
  margin           : 5px auto;
  color            : orange;
  text-align       : center;
  height           : 50px;
  font-size        : 0.7em;
  line-height      : 1.4em;
}

#head {
  overflow         : hidden;
  background-color : black;
  color            : white;
}

#head.index {
  height           : 105px;
  border-bottom    : 3px solid #f4f4f4;
}

#foot {
  background-color : #e0e0e0;
  border-top       : 3px solid #b4b4b4;
}

#logoff {
  color            : white;
  margin-left      : 20px;
  text-decoration  : none;
  padding-right    : 15px;
  background       : url('../gfx/logoff.png') no-repeat right 3px;
}

#logoff span {
  padding          : 0 1px;
}

#logoff:hover span {
  border-bottom    : 1px dotted white;
}

#project_info #logo {
  float            : left;
  margin-right     : 8px;
}

#project_info h1 {
  font-size        : 2.0em;
  font-weight      : 200;
  line-height      : 0.8em;
  margin-bottom    : 7px;
  margin-top       : 25px;
  color            : #333;
}

#project_info .hr {
  margin-top       : 33px;
  height           : 2px;
  line-height      : 2px;
  background-color : #999;
}

#project_info small {
  color            : #999;
  font-size        : 0.875em;
  padding-left     : 2px;
}

/* top menu */
#top_menu {
  padding-left     : 10px;
}

#top_menu li {
  float            : left;
}

#top_menu a {
  color            : #ccc;
  text-decoration  : none;
}

#top_menu > li {
  margin-right     : 4px;
  background       : url('../gfx/inactive_tab_bg.png') no-repeat;
}

#top_menu > li > a {
  display          : block;
  height           : 18px;
  padding          : 4px 13px 2px 13px;
  background       : url('../gfx/inactive_tab_r.png') no-repeat right top;
}

#top_menu > li > a:hover {
  color            : #ccc;
}

#top_menu > li.active > a {
  background-image : url('../gfx/active_tab_r.png');
  color            : black;
}

#top_menu > li.active > a:hover {
  color            : #333;
}

#top_menu > li.active {
  background-image : url('../gfx/active_tab_bg.png');
}

#top_menu .submenu {
  display          : none;
  position         : absolute;
  left             : 30px;
  padding-top      : 7px;
  height           : 23px;
  background-color : #f4f4f4;
  position         : absolute;
  width            : 100%;
  margin-left      : -30px;
}

#top_menu li.active .submenu {
  display          : block;
}

#top_menu .submenu a {
  color            : #666;
  padding          : 1px;
}

#top_menu .submenu a:hover {
  color            : #333;
  border-bottom    : 1px dotted #333;
}

#top_menu .submenu li.active a {
  color            : #000;
  border-bottom    : 2px solid #E0AD7A;
}

#top_menu .submenu ul {
  margin-left      : 20px;
}

#top_menu .submenu li {
  float            : left;
  padding          : 0 22px;
  border-right     : 1px solid #999;
}

#top_menu .submenu li.last {
  border           : none;
}

.fieldError {
  border           : 1px solid red;
}

#body {
  color            : #666;
}

#body .unimportant {
  color            : #aaa;
}

#body a {
  color            : #555;
  text-decoration  : underline;
}

#body a:hover {
  color            : black;
}

#body h1, #body h2, #body h3, #body h4, #body h5 {
  color            : #333;
  margin-bottom    : 1em;
}

.currentActions {
  margin-bottom    : 20px;
}

.currentActions a {
  margin-right     : 30px;
}

.currentActions .export {
  float            : right;
  margin-left      : 30px;
}

.currentActions .export a {
  margin-left      : 5px;
  margin-right     : 5px;
  color            : black !important;
  text-decoration  : none !important;
  border-bottom    : 1px dotted black;
}

.currentActions .export img {
  float            : left;
  margin-top       : 1px;
}

table.items {
  border-collapse  : collapse;
  border           : 1px solid white;
}

table.items th {
  background-color : #eee;
  color            : black;
  font-weight      : 200;
}

table.items td,
table.items th {
  padding          : 8px 10px;
  border-left      : 1px dotted #999;
  border-right     : 1px dotted #999;
}

table.items .tseparator {
  border-top       : 1px dotted #ccc;
}

table.items .bseparator {
  border-bottom    : 1px dotted #ccc;
}

table.items td h5 {
  margin           : 0 !important;
}

table.items thead h4 {
  color            : white !important;
  margin           : 0 !important;
}

.item.hilight {
  background-color : #FFE064;
}

.items .idx {
  margin-right     : 20px;
  padding          : 3px;
  min-width        : 20px;
  margin-top       : -3px;
  text-align       : center;
  float            : left;
  color            : black;
  background-color : white;
}

.items .item.hover {
  background-color : #FEEDC0;
  cursor           : default;
}

.items .emphasis b {
  color            : black;
}

.welcome {
  width            : 800px;
  margin           : 40px auto;
}

.welcome h4 {
  line-height      : 120%;
  text-align       : center;
  padding-bottom   : 30px;
}

.pointer {
  cursor           : pointer;
}

.arm_actions {
  display          : block;
  margin-left      : 10px;
  margin-bottom    : 10px;
}

.pager {
}

.pager a,
.pager .spacer {
  float            : left;
  width            : 35px;
  line-height      : 35px;
  font-size        : 1.2em;
  margin           : 5px 3px 5px 0;
  text-decoration  : none;
  background-color : #666;
  color            : white !important;
  text-align       : center;
  border           : 1px solid #555;
}

.pager a.current {
  background       : white;
  color            : #444 !important;
  border           : 1px dotted black;
}

.converter {
    background-color: red;
    color: white;
    padding : 3px;
}

.item .breakit {
  word-break: break-all;
}