.important {
  font-weight: bold;
}

/* action menu */
ul.actionMenu {
  list-style-type: none;
  margin: 0;
  padding: 5px 0px 0px 0px;
}

ul.actionMenu li {
  display: inline;
  padding: 4px 5px 0px 5px;
}

ul.actionMenu li a {
  border-left: none;
  border-bottom: 3px solid #fff;
  background-color: #fff;
  text-decoration: none;
}
ul.actionMenu li a:hover {
  border-left: none;
/*  border-bottom: 3px solid #810801;*/
  border-bottom: 3px solid #99a;
}
ul.actionMenu li a.current {
  cursor: text;
  text-decoration: none;
  background-color: #FFFFFF;
  color: #000000;
  border-left: none;
  border-bottom: 3px solid #810801;
/*  border-bottom: 3px solid #5189DE;*/
}

ul.actionMenu li a.delete {
  background-color: #fff;
  border: none;
}

ul.actionMenu li a.delete:hover {
  border-left: none;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #FF0000;
  border-bottom: 3px solid #fff;
}
/* end action menu */

/* pagination */

div.contentTopLeft {
  float: left;
}

div.paginate {
  position: relative;
  float: right;
  display: block;
  margin: 2px 10px;
  padding: 2px 5px 5px 5px;
  text-align: right;
}

.paginate ul {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.paginate ul p {
  display: block;
  margin: 0px 0px 5px 0px;
}
.paginate li {
  list-style: none;
  display: inline;
  border: 2px solid #fff;
}

.paginate li#current {
/*  border: 2px solid #09c;*/
  border: 2px solid #810801;
  padding: 2px 5px;
}
.paginate li.noLink { color: #CCC; padding: 2px 5px; }
.paginate a {
  padding: 2px 5px;
  text-decoration: none;
  font-weight: bold;
  display: inline;
}
.paginate a:hover {
  background-color: #d3c824;
/*  background-color: #bbcbff; */
}

/* end pagination */

/* alphabet */

div.alphabet {
  float: left; 
  position: relative; 
  margin: 5px;
}
.alphabet ul {
  display: inline;
  list-style: none;
  margin: 0px 0px;
  padding: 0px 0px;
}

.alphabet li {
  list-style: none;
  display: inline;
  float: left;
  width: 25px;
  padding: 0;
  margin: 0;
  text-align: center;
}

.alphabet li.no_alpha p {
  padding-left: 5px;
  color: #CCC;
  margin: 0px;
  text-align: center;
}
.alphabet a {
  text-decoration: none;
  font-weight: bold;
  display: block;
}

.alphabet a:hover {
  background-color: #bbcbff; 
}

.alphabet li#current {}
.alphabet li#current a, .alphabet li#current a:hover {
  color: #fff;
  background-color: #06c;
  cursor: text;
}

/* end alphabet */

/* misc. others */

.dgreen {
  background-color: #009C00;
  font-weight: bold;
  color: #ffffff;
}
.lgreen {
  background-color: #DBF1DB;
  font-weight: bold;
}
.dblue {
  background-color: #102562;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  padding-left: 5px;
}
.grey {
  background-color: #E8E8E1;
  font-weight: bold;
  text-align: left;
}

.blue {
  background-color: #F7F7F9;
}

.white {
  background-color: #FFFFFF;
}

.hidden { visibility: hidden; display: none; }

a.logout, a.delete {
  background-color: transparent;
  border: none;
  border-left: none;
}

a.logout:hover, a.delete:hover {
  border-left: none;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #FF0000;
}

#header .updateComments {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -140px;
  width: 280px; 
  height: 20px; 
  padding: 1px 5px 1px 5px;
  color: #5A84DE;
  background-color: #E7EFFF;
  border: 1px solid #5189DE;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
}

#header .errorComments {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -140px;
  width: 280px;
  height: 20px;
  line-height: 20px;
  background-color: #FEE7DA; 
  font-weight: bold;
  color:#FF4E00;
  text-align: center;
  font-size: 1.05em;
}

ul.errorList {
  color: #F75A03;
  background-color: #FEE7DA;
  border: 2px solid #F75A03;
  border-right: none;
  border-left: none;
  padding: 3px 3px;
  margin: 0px 10px;
  font-weight: bold;
  list-style-type: none;
}
ul.errorList li {
  margin: 0px 10px;
  list-style-type: none;
  padding: 3px;
}

p.errorMessage {
  background-color: #FEE7DA; 
  border: 1px solid #FF4E00;
  font-weight: bold;
  color: #FF4E00;
  padding: 0px 3px;
  clear: both;
 }
 
 p.help {
  display: inline;
  color: #810801;
/*  color: #5A84DE;*/
/*  background-color: #E7EFFF;*/
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  text-align: left;
  border: 1px solid #d3c824;
/*  border: 1px solid #5189DE;*/
  border-left: none;
  border-right: none;
  padding: 1px 3px;
  margin: 0px 3px;
  vertical-align: middle;
  float: left;
 }
 
th {
  color: #edc;
  background-color: #455;
  text-align: left;
  padding: 0px 5px;
}
table.editList {
  width: 100%;
}
/*
table.editList tr {
}
table.editList tr td {
}
*/
table.editList td p {
  display: block;
  margin: 0;
  position: relative;
  border-left: 50px solid transparent;
}

table.editList td p span.editDelete {
  font-size: 9px;
  position: absolute;
  top: 0px;
  left: -50px;
}

.editList ul.labels { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.editList ul.labels li {
  display: inline;
}

button.cancelButton {
  position: absolute;
  top: 128px;
  left: 50px;
}

ol.details {
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}

ol.details li {
  margin: 0px 0px 5px 5px;
  padding: 0;
  border: 1px solid #fff;
}

ol.details li:hover {
  background-color: #00FF66;
  border: 1px solid #009900;
}

ol.details li span {
  font-weight: bold;
  font-size: 12px;
  margin-right: 5px;
}

ol.details dt {
  font-weight: bold;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

ol.details dd {
  margin: 0px 0px 5px 10px;
  padding: 0;
}

ul.details {
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}

ul.details li {
  margin: 0px 0px 5px 5px;
  padding: 0;
  border: 1px solid #fff;
}

ul.details li span {
  font-weight: bold;
/*  font-size: 12px;*/
  margin-right: 5px;
}

table.editList td p.listDetails {
  margin: 0;
  padding: 0;
  padding-left: 2px;
  border: none;
  text-align: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #666666;
}

p.archived {
  font-weight: bold;
  color: #F75A03;
  background-color: #FEE7DA;
  border: 2px solid #F75A03;
  padding: 2px;
  width: 250px;
  text-align: center;
}

tr.archived {
  background-color: #fee7da;
}
tr.archived td {
  border-bottom: 1px solid #F75A03;
}

span.highlight {
  background-color: #FF0;
  color: #000;
}

div#loginForm {
  border: 2px solid #99a;
  margin: 15px auto;
  padding: 10px 15px;
  width: 500px;
}


.sortedColumn {
/*  background-color: #bbcbff; 
  border: 3px solid #06c;*/
}

th a, th a:link {
 color: #edc;
 font-weight: bold;
 padding-left: 2px;
 padding-right: 20px;
}

th a:hover, th a.desc:hover, th a.asc {
  color: #edc;
  background: url(./images/asc03.gif) no-repeat right top;
}

th a.asc:hover, th a.desc {
  color: #edc;
  background: url(./images/desc03.gif) no-repeat right top;
}

th a:hover, th a.desc:hover, th a.asc:hover {
  text-decoration: none;
}

.permissions {
  height: 200px;
  border-bottom: 1px solid #C9DCA6;
  overflow: auto;
  padding-left: 5px;
}

.permissions ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.permissions ul li {
  font-weight: bold;
}

.permissions ul ul {
  list-style-type: none;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 10px;
  border: 1px solid #C9DCA6;
  border-top: none;
  border-right: none;
}

.permissions ul ul li {
  display: inline;
  font-weight: normal;
}

/* end misc. others */

.popupWindow {
  position: absolute;
  top: 2em;
  left: 50%;
  margin-left: -15em;
  border: 2px solid #000;
  overflow: auto;
  font-size: 12px;
  padding: 0px;
  background-color:#FFF;
}

.loadingAnim {
  margin-left: -5px;
  background: #ccc url('./../../../images/loadingAnimation.gif') no-repeat top;
  height: 100px;
}

.popupWindow .headerBox {
  border-bottom: 2px solid #000;
/*  position: relative;*/
  height: 2em;
  line-height: 2em;
  width: 45em;
  margin: 0px;
  padding: 0px;
/*  overflow: auto;*/
}

.headerBox .captionBox {
  position: absolute;
  top: 0px;
  left: 0.5em;
  margin: 0px;
  padding: 0px;
}

.captionBox h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

.headerBox .closeBox {
  position: absolute;
  top: 0px;
  right: 0.5em;
  margin: 0px;
  padding: 0px;
}

.closeBox a {
 color: #00f; 
 font-weight: bold;
}
.closeBox a:hover { 
 color: #00f; 
 background-color: #bbcbff; 
 text-decoration: none;
}

.popupWindow .contentBox {
  position: relative;
  width: 45em;
/*  height: 20em;
  height: auto !important;
  max-height: 20em;*/
  overflow: auto;
  margin: 0px;
  padding: 0px;
/*  padding-left: 5px;*/
}