body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  height: 100%;
  padding: 0px;
}

#pageTitle {
  font-size: 113%;
  font-weight: bold;
}

input.field[type="text"]:focus,
  input[type="text"]:focus,
  input.field[type="password"]:focus,
  input[type="password"]:focus,
  textarea:focus,
  select:focus {
  border-color: threeddarkshadow;
}

#header {
  vertical-align: top;
  text-align: left;
  width: 100%;
}

#contentLeft {
  text-align: center;
  float: left;
  width: 15%;
  background-color: pink;
}

#contentMain {
  margin: 5px auto;
  text-align: center;
  padding: 5px; /*float: right;*/
  width: 90%; /*background-color: red;*/
}

#footer {
  padding: 3px;
  background-color: #0099CC;
  text-align: center;
  border-bottom: 1px solid #3366CC;
  clear: both;
  color: white;
}

#menuBar {
  width: 100%;
  height: 50px;
  border: 1px solid #003B62;
}

.clpsblRow {
  vertical-align: top;
}

.hint {
/*border: 1px solid;*/
  color: chocolate;
  padding: 6px;
  vertical-align: top;
  width: 300px; /*font-size: 80%; */
  text-align: left;
}

/*.labelColumn {*/
/*text-align: right;*/
/*vertical-align: top;*/
/*font-weight: bold;*/
/*}*/

.dataColumn {
}

#errors {
  background-color: #FEFFAF;
  border: 1px solid #FFB900; /*padding: 5px;*/
  color: red;
}

.errorMsg {
  color: #FF0000;
  font-weight: bold;
}

.msgError {
  color: red;
  font-weight: bold;
  padding-left: 5px;
}

.portlet {
  background-color: #EBFFED; /*background-color: #EBFFED;*/
  border: 1px solid #676767;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

.subPortlet {
/*background-color: #D5DDF3;*/
  background-color: #E6FAE8;
  border: 1px solid #676767;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  text-align: left;
}

.errorMessage {
  color: red;
  font-weight: bold;
}

.evenTableRow {
  background-color: #EFEBE7;
}

.selectedTableRow {
  background-color: #FF0000;
}

label {
  font-weight: bold;
}

.bt {
  border-top: 1px solid #3366CC;
}

.t {
  background: #0099CC none repeat scroll 0%;
  color: white;
}

/*form table*/
.ft {
  width: 800px;
  padding: 0px;
  margin: 0px;
  border: 1px solid #AECAB4;
}

/*#form table header*/
.fth {
  background-color: #E5ECF9;
  font-weight: bold;
}

.selectionCheckBoxGroup {
  background-color: #EFEFEF;
  border: 1px solid #BBBBBB;
  text-align: center;
}

/** Added by TC to style labels properly **/
.hdrTblCol {
  text-align: right;
  vertical-align: top; /*padding-top:5px;*/
  padding-right: 7px;
  /*width: 175px;*/
}

/*Dummy class for other table columns where there are no headers*/
.tblCol {
  vertical-align: top;
}

.tblColLeft {
  vertical-align: top;
  test-align: left;
}

.tblColCentered {
  text-align: center;
}

.tblRow {
  vertical-align: top;
}

.mainMenu {
  padding-top: 5px;
  padding-bottom: 5px;
}

.mainMenuItem {
  padding-left: 10px; /*padding-top:5px;*/
  padding-right: 10px; /*padding-bottom:5px;*/
}

.mainMenuItemSelected {
  border: solid 1px white;
  background-color: #0099CC;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  color:white;
}

.mainMenuItemSelected a {
  font-weight: bold;
  color: white;
  text-decoration: none;
  background-color: #0099CC; /*font-weight: bold;*/
}

.mainMenuItemUnselected {
  border: solid 1px white;
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}

.mainMenuItemUnselected a {
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
}

.localMenu {
  border: solid 1px white;
  width: 100%;
  background-color: #0099CC;
  color: white;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 95%;
}

.localMenu a {
  color: white;
  font-weight: normal;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 95%;
}

.cmdLnk {
  text-decoration: none;
  font-weight: normal;
  color: #333333;
  border: none;
}

input[type="password"], input[type="text"], textarea, select {
  border: 1px solid #ABABAB;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 1px;
  word-wrap: off;
}

label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .95em; /*font-weight: bold;*/
}

a {
  text-decoration: none;
}

.ajaxRequestFinished {
  background-image: url( "/images/complete_status.gif" )
}

.ajaxRequestStarted {
  background-image: url( "/images/progress_spinner.gif" );
}

.rich-separator {
  height: 2px;
  border-color: red;
}

.sectionHeader {
  width: 100%;
  font-weight: bold;
  padding-top: 7px;
  padding-bottom: 15px;
  border-top: solid 3px #BBCFBD;
  margin-top: 15px;
}

.sectionHeaderFirst {
  width: 100%;
  font-weight: bold;
}

.infoMsg {
  color: green;
  font-weight: bold;
  padding-left: 5px;
}

.errorMsg {
  color: red;
  font-weight: bold;
  padding-left: 5px;
}

.tooltip {
  background-color:#ECF3E1;
  border:1px solid #C5DEA1;
  /*background-color:#F0F0F0;*/
  /*border: 1px solid #BBCFBD;*/
  padding: 10px;
  font-size: 80%;
}

.rich-table {
  text-align: left;
}

.rich-table-subheadercell {
  text-align: left;
}

.rich-table-cell {
  vertical-align: top;
}
.tooltipSection {
  padding-top: 10px;
  padding-left: 25px;
}