/**
 * stylesheet elements for facelets components view rendering 
 */
.pageHeader {
  font-size: 12px;
  color: #053368;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: #5b89bd;
  text-align: left;
}
.inputText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.dateInput {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
}
.message {
	color: #a64040;
	font-size: 10px;
	font-family: verdana;
	font-weight: bold;
}
.contextMessages {
  color: #a64040;
  font-size: 10px;
  font-family: verdana;
  font-weight: bold;
  padding-right: 10px;
  padding-bottom: 5px;
}
.topAlign {
	vertical-align: top;
}
.formLayout {
	vertical-align: top;
	margin-top:5px;
	text-align: left;
}
.itemValue {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 2px;
  background-color: #f1f1f1;
  vertical-align: top;
  text-align: left;
}
.pageControls {
  font-size: 10px;
  font-weight: normal;
  color: #5b89bd;
  padding: 2px 4px;
  border-right-width: 1px;
  border-right-style: solid;
  border-top-color: #5b89bd;
  border-right-color: #5b89bd;
  border-bottom-color: #5b89bd;
  border-left-color: #5b89bd;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
.pageControlsLast {
  font-size: 10px;
  font-weight: normal;
  color: #5b89bd;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.paginationTotals {
  font-size: 10px;
  color: #5b89bd;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.upperLine {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #5b89bd;
}
.sortRow {
  background-color: #d6e1ee;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 2px;
  padding-left: 5px;
  text-align: left;
}
.columnarRow {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
  text-align: left;
  background-color: #fefefe;
}
.currentRow {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #8be8ec;
  vertical-align: middle;
  text-align: left  
}
.dividingLine {
  margin: 0px;
  padding-right: 0px;
  padding-left: 5px;
}
.sortTitle {
  color: #053368;
  text-decoration: none;
  padding: 0px;
  white-space: nowrap;
}
.sortArrow {
  margin-left: 5px;
  border-width: 0px; 
}
.links, a.links, a.links:visited {
  color: #094d9c;
}
.repLink {
	padding-right: 5px;
}
.rightLine {
  border-right: 1px solid #5b89bd;
}
.leftLine {
  border-left: 1px solid #5b89bd;
}
.bottomLine {
  border-bottom: 1px solid #5b89bd;
}
.topLine {
  border-top: 1px solid #5b89bd;
}
.separatorLine {
  width: 90%;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #5b89bd;
}
.filterSection {
  background-color: #d6e1ee;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #053368;
  padding: 2px;
  text-align: left;
}
.filterItems {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 20px;
  background-color: #f1f1f1;
  padding: 2px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
  text-align: left;
}
.filterInput {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  width: 152px;
}
.inputField {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  margin: 3px;
  margin-bottom: 0px;
}
.error {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  line-height: 10px;
}
.error {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 10px;
}
.errors {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ff0000;
}

.tabbedPage {
  border-top: 0px none;
  border-right: 2px outset #c0c0c0;
  border-bottom: 2px outset #c0c0c0;
  border-left: 2px outset #c0c0c0;
  padding: 10px;
}

table.tabbedPage {
  border-style: none;
  padding: 0;
  border-spacing: 0;
  empty-cells: show;
}

.tabbedPage_activeHeaderCell {
  border-top: 2px outset #c0c0c0;
  border-right: 2px outset #c0c0c0;
  border-bottom: 2px solid #e2e6ee;
  border-left: 2px solid #c0c0c0;
  background-color: #e2e6ee;
  text-align: center;
  width: 117px;
}
.tabbedPage_inactiveHeaderCell {
  border-top: 1px outset #c0c0c0;
  border-right: 1px outset #c0c0c0;
  border-bottom: 2px outset #c9c9c9;
  border-left: 1px outset #c0c0c0;
  text-align: center;
  background-color: #c9c9c9;
  width: 117px;
}
.tabbedPage_emptyHeaderCell {
  width: 100%;
  border-bottom: 2px solid #c0c0c0;
}
.tabbedPage_ribbonRow {
  background-color:#e2e6ee;
  height: 10px;
  border: none;
  border-right: 2px solid #c0c0c0;
  border-left: 2px solid #c0c0c0;
}
.tabbedPage_activeHeaderCell input,
.tabbedPage_inactiveHeaderCell input,
.tabbedPage_remoteHeaderCell input {
  border-style: none;
  width: 117px;
}
.tabbedPage_activeHeaderCell input {
  cursor: pointer;
  background-color: #e2e6ee;
}
.tabbedPage_inactiveHeaderCell input {
  cursor: pointer;
  background-color: #c9c9c9;
}
.tabbedPage_remoteHeaderCell input {
  font-style: italic;
}
.tabbedPage_activeHeaderCell input:hover,
.tabbedPage_inactiveHeaderCell input:hover
.tabbedPage_remoteHeaderCell input:hover {
}

