/***** Ucadia DOM Model of CSS Elements *****/
/***** cssdom_04_tables *****/
/** INSTRUCTION: This CSS File must Always be the Fourth CSS **/

/*** Standard Page Elements ***/
table {
  border-spacing: 0;
}
/*** Page Table ***/
.tblpage-fixed {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  margin-top: 0.3125rem;
  border-spacing: 0;
  border:0;
  position:fixed;
  width: 47.5rem;
  font-family: 'open_sansregular';
  font-size: 0.9rem;
  text-align: left;
  vertical-align: top;
}
.tblpage {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  margin-top: 0.3125rem;
  border-spacing: 0;
  border:0;
  width: 47.5rem;
  font-family: 'open_sansregular';
  font-size: 0.9rem;
  text-align: left;
  vertical-align: top;
}
.tblpage-title-left {
  text-align: left;
  padding: 0.125rem;
  vertical-align: middle;
}
.tblpage-title-left-double {
  text-align: left;
  padding: 0.125rem;
  white-space:nowrap;
  vertical-align: middle;
  width: 7.5rem;
}
.tblpage-title-mid {
  text-align: left;
  padding: 0.25rem 0.125rem 0.125rem 0.125rem;
  vertical-align: top;
} 
.tblpage-title-mid-portal {
  text-align: left;
  padding: 0.125rem;
  vertical-align: middle;
} 
.tblpage-title-breadcrumb {
  text-align: right;
  padding: 0.125rem;
  vertical-align: top;
  font-size: 0.8em;
  width: 190rem;
} 
.tblpage-top-left {
  text-align: left;
  padding: 0.25rem;
  vertical-align: top;
}
.tblpage-top-right {
  text-align: right;
  padding: 0.25rem;
  vertical-align: top;
}  
.tblpage-left {
  text-align: left;
  padding: 0.25rem;
  vertical-align: top;
} 
.tblpage-left-mid {
  text-align: left;
  padding: 0.125rem;
  vertical-align: middle;
}
.tblpage-tabs {
  text-align: left;
  padding: 0;
  vertical-align: top;
} 
.tblpage-form {
  vertical-align: top;
  width: 46.875rem;
} 
.tblpage-left-border {
  text-align: left;
  padding: 0.25rem;
  vertical-align: top;
  border-bottom: 0.0625rem solid #000000;
} 
.tblpage-left-border-grey {
  text-align: left;
  padding: 0.25rem;
  vertical-align: top;
  border-bottom: 0.0625rem solid #999999;
} 
.tblpage-cell-left {
  text-align: left;
  padding: 0.25rem;
  vertical-align: top;
} 
.tblpage-center {
  text-align: center;
  padding: 0.25rem;
  vertical-align: top;
} 
.tblpage-center-border-grey {
  text-align: center;
  padding: 0.25rem;
  vertical-align: top;
  border-top: 0.0625rem solid #999999;
} 
.tblpage-right {
  text-align: right;
  padding: 0.25rem;
  vertical-align: top;
}  
.tblpage-right-rec {
  text-align: right;
  padding: 0.25rem;
  vertical-align: middle;
}  	
.tblpage-breadcrumb {
  text-align: right;
  padding: 0.25rem;
  vertical-align: top;
  font-size: 0.8em;
} 
/*** Form Table ***/
.tblform {
  border-spacing: 1.875rem 0rem;
  border:0;
  width: 46.875rem;
  font-family: 'open_sansregular';
  font-size: 1rem;
  text-align: left;
  vertical-align: top;
}
.tblform-left {
  text-align: left;
  vertical-align: top;
} 
.tblform-left-border {
  text-align: left;
  vertical-align: top;
  border-bottom: 0.0625rem solid #000000;
} 
.tblform-cell {
  transform: scaleY(0);
  height: 0;
  opacity: 0%;
} 
.tblform-cell-left {
  text-align: left;
  vertical-align: top;
} 
.tblform-cell-grey {
  text-align: left;
  vertical-align: top;
  background-color: #CECECE;
} 
.tblform-center {
  text-align: center;
  vertical-align: top;
} 
.tblform-right {
  text-align: right;
  vertical-align: top;
}
.tblform-heading {
  text-align: left;
  vertical-align: top;
  color: #FFFFFF;
  background-color: #000000;
}   
/*** Tab Table ***/
.tbltab {
  border-spacing: 1.875rem 0.0625rem;
  border:0;
  width: 46.875rem;
  font-family: 'open_sansregular';
  font-size: 1rem;
  text-align: left;
  vertical-align: top;
}
.tbltab-left {
  text-align: left;
  vertical-align: top;
} 
.tbltab-left-border {
  text-align: left;
  vertical-align: top;
  border-bottom: 0.0625rem solid #000000;
} 
.tbltab-cell-left {
  text-align: left;
  vertical-align: top;
} 
.tbltab-center {
  text-align: center;
  vertical-align: top;
} 
.tbltab-right {
  text-align: right;
  vertical-align: top;
}  

/*** Record Table ***/
.tblrow {
  border-spacing: 0.0625rem;
  border:0;
  width: 100%;
  font-family: 'open_sansregular';
  font-size: 0.9rem;
  text-align: left;
  vertical-align: top;
}
.tblrow:nth-child(even) {
  background-color: #CECECE;
} 
.tblrow:hover {
  background-color: #FFCC66;
}	

/*** Record Table ***/

.table-record {
  border-spacing: 0.0625rem;
  border:0;
  width: 100%;
  font-family: 'open_sansregular';
  font-size: 0.9rem;
  text-align: left;
  vertical-align: top;
}  
.table-record th {
  border: 1px solid black;
  padding: 0.25rem;
  text-align: left;
  vertical-align: top;
  background-color: #666666;
  color: #FFFFFF;
}  
.table-record-dark {
  border: 1px solid black;
  padding: 0.25rem;
  text-align: left;
  vertical-align: top;
  background-color: #333333;
  color: #FFFFFF;
} 
.table-record-light {
  border: 1px solid black;
  padding: 0.25rem;
  text-align: left;
  vertical-align: top;
  background-color: #999999;
  color: #FFFFFF;
} 
.table-record td {
  border: 1px solid black;
  padding: 0.25rem;
  text-align: left;
  vertical-align: top;
} 
.table-record tr:nth-child(even) {
  background-color: #CECECE;
} 
.table-record tr:hover {
  background-color: #FFCC66;
}	



.tblrecord {
  border-spacing: 0.0625rem;
  border:0;
  width: 100%;
  font-family: 'open_sansregular';
  font-size: 0.9rem;
  text-align: left;
  vertical-align: top;
}
.tblrecord-left {
  text-align: left;
  vertical-align: top;
} 
.tblrecord-left-border {
  text-align: left;
  vertical-align: top;
  border-bottom: 0.0625rem solid #000000;
} 
.tblrecord-cell-left {
  text-align: left;
  vertical-align: top;
} 
.tblrecord-cell-grey {
  text-align: left;
  vertical-align: top;
  background-color: #CECECE;
}
.tblrecord-center {
  text-align: center;
  vertical-align: top;
} 
.tblrecord-right {
  text-align: right;
  vertical-align: top;
} 
.tblrecord-heading {
  text-align: left;
  vertical-align: top;
  color: #FFFFFF;
  background-color: #000000;
}

/*** Small Table ***/  
.tblsmall-heading {
  vertical-align: top;
  font-family: 'open_sansregular';
  font-size: 0.85rem;
  color: #FFFFFF;
  background-color: #606060;
}
.tblsmall-odd {
  vertical-align: top;
  font-family: 'open_sansregular';
  font-size: 0.85rem;
}
.tblsmall-even {
  vertical-align: top;
  font-family: 'open_sansregular';
  font-size: 0.85rem;
  background-color: #CECECE;
}
/*** Data Table ***/
.tbldata {
  display: table;
  border: 0;
  table-layout: fixed;
  border-spacing: 0;
  width: 46.875rem;
  font-family: 'open_sansregular';
  font-size: 1rem;
}
.tbldata th,
.tbldata td {
  padding: 0.25rem;
  text-align: left;
} 
.tbldata-heading {
  text-align: left;
  vertical-align: top;
  color: #FFFFFF;
  background-color: #000000;
} 
.tbldata th {
  text-align: left;
  vertical-align: top;
  background-color: #000000;
  color: #FFFFFF;
}  
.tbldata tr:nth-child(even) {
  background-color: #CECECE;
} 
.tbldata tr:hover {
  background-color: #FFCC66;
}