sub {
  vertical-align: -0.2em;
}

sup {
  vertical-align: 0.3em;
}

/* ************ actual table formatting starts ***************************** */
#lsttbl {
  font-family: Arial, sans-serif;
  font-size: 85%;
  margin-top: 5px;
  margin-bottom: 2em;
}

/*
	CANNOT HAVE THIS EXTRA SPACE DONE HERE
	floating header is also a "list-table" and Firefox applies CSS even to 
	elements created with Javascript
	margin-bottom: 2em;
*/
table.list-table {
  background-color: #FCFCFC;
  border-collapse: collapse;
  color: #000;
  text-align: center;
  /*width:980px; Convert Layout CIT1710*/
  width: 98%;
  margin-left: 10px;
  /* compensate in fixedHeader */
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  /*border-bottom:2px solid #AAA; Convert Layout CIT1710*/
}

/*
.dataTables_info  {
	margin-left: 10px;
	margin-top: 0.7ex;
	margin-bottom: 0.3ex;
}
*/
div.firstContent table.list-table {
  margin-left: 0;
  /* no indent for narrow table */
}

/*
Table header
*******************************************************************************
*/
/*
#lsttbl thead {
	font-family:Arial, sans-serif;
	font-size:70%;
	margin-top:5px;
}
*/
/*
.FixedHeader_Cloned {
	margin-top: 100px;
}
*/
.fixedHeader {
  margin-left: -10px;
  font-family: Arial, sans-serif;
  /*
	Google Chrome has a problem here...
	85% seems to be too high (also probably correct)
	With 85, you'll get sometimes additional line breaks which increase the floating header height
	darn..that 79% also not working as for lcd page it lets original header appear
	*/
  /* font-size: 85%; */
  font-size: 85%;
  /*width:1280px !important;*/
  /*added for convert Layout CIT1710*/
  /*position: fixed !important;*/
}

table.list-table {
  padding: 0;
  outline: 0;
  font-size: 12px;
  /*Convert Layout CIT1710*/
  /*
	margin: 0;
*/
}

table.list-table th {
  border: 1px solid #eee;
  border-right: 1px solid #ddd;
  padding: 1px;
  color: #fff;
  /*added, convert layout CIT1710*/
}

table.list-table thead tr th {
  background-color: #006cba;
}

/*Fixed for Safari webtables*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari only override */
  ::i-block-chrome, div#lsttbl table.list-table thead tr#mainCtrl th.tblctrlhdr.datatablesHeader {
    /*border: 1px solid #fff;*/
    height: 32px !important;
  }
  ::i-block-chrome, div.colCtrl {
    border-bottom: 1px solid #006cba !important;
  }
  ::i-block-chrome, table.list-table th {
    border-bottom: 1px solid #006CBA;
  }
}

/*table.list-table thead tr th {
	background-color:#B1D017; /*convert layout CIT1710*/
/*background-color:#006cba;*/
/*} Commented for convert layout 1710*/
table.list-table thead tr th.tblctrlhdr {
  background-color: white;
  text-align: left;
  color: #000;
  /*added, convert layout CIT1710*/
}

table.list-table thead tr th span.tblReset a {
  color: red;
  cursor: pointer;
}

.fltrDesc {
  border: 2px solid black;
  background-color: #B1D017;
  text-align: right;
}

.fltr {
  border-top: 2px solid black;
  background-color: #B1D017;
  text-align: center;
}

.unit {
  font-family: inherit;
  /*Modified for Convert Layout1710*/
  font-weight: normal;
}

/*
Table body
*******************************************************************************
*/
table.list-table tbody tr td {
  /*Convert Layout CIT1710
	padding:3px;

	border:1px solid #ccc;


	vertical-align:middle;*/
  padding: 3px 10px 3px 10px;
  border: 1px solid #a2a2a2;
  vertical-align: middle;
  background-color: #fff;
  color: #333;
}

th {
  vertical-align: bottom;
}

table.list-table tbody tr.tblrow-gray {
  /*
  background:#eeeeee;
  */
}

table.list-table tr td.sortcol-gray {
  /*
  background:#dbe0c4;
*/
  background: #F3F9DA;
}

table.list-table tr.tblrow-gray td.sortcol-gray {
  /*
  background:#dbe0c4;
  */
  background: #F3F9DA;
}

table.list-table tr, table.list-table td {
  height: 1em;
}

/*
First Column: Series, I Button, PDF link
*/
.serCol {
  text-align: left;
  vertical-align: middle;
}

.serLnk {
  display: inline;
  float: left;
}

.serCol-sp {
  text-align: center;
  vertical-align: middle;
}

.addInf {
  /*
	clear: both;
*/
  white-space: nowrap;
  display: inline;
  float: right;
  /*
	width: 90px;
	*/
  width: 53px;
  /*
	border: 1px solid red;
	*/
}

.pdfLnk {
  display: inline;
  float: left;
  width: 18px;
  margin-top: 2px;
  /* border: 1px solid red; */
  /* font-size: 85%; */
}

.iBtn {
  display: inline;
  float: right;
  width: 32px;
}

/*
Column conteols: Sorting and Filtering
*/
div.colCtrl {
  /*
	width: 31px;
	*/
  width: 99%;
  white-space: nowrap;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.colCtrlSort {
  cursor: pointer;
  display: inline;
  margin: 0px;
  /*
	padding: 0;
	border: 0;
	outline: 0;
	*/
  /* font-size: 0; */
}

div.colCtrlFltr {
  cursor: pointer;
  display: inline;
  margin: 0;
  overflow: hidden;
  /*
	padding: 0;
	border: 0;
	outline: 0;
	*/
  /* font-size: 0; */
}

/*
div.colCtrlFake {
	cursor: pointer;
	display: inline;
}
*/
div.colCtrl img {
  cursor: pointer;
  display: inline;
  margin: 0;
  /*
	padding: 0;
	border: 0;
	outline: 0;
	*/
  /* font-size: 0; */
}

.fltrLst- {
  /*
	*/
  padding: 0.1em;
  border-left: 2px solid #bfbebb;
  border-top: 2px solid #a7a6a9;
  border-right: 2px solid #a7a6a9;
  border-bottom: 2px solid #bfbebb;
  background-color: #dcdde2;
  layer-background-color: #dcdde2;
}

/*
.okFltrBtn {
	background-color: #485393;
	color: #fffdf7;
}
*/
/*
div.colCtrlSort img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
div.colCtrlFltr img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
*/
/*
button to reset filtering and sorting in table
*/
#tblmstr_OBSOLETE {
  /*
	background-color: #485393;
	color: #fffdf7;
*/
  margin-left: 10px;
  /* compensate in fixedHeader */
}

#processing {
  display: none;
  z-index: 999;
  position: absolute;
  /* take element out of the normal page flow! */
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
/*
.sorting_asc {
	background: url('../images/selection-tool/asc.gif') no-repeat center right;
}

.sorting_desc {
	background: url('../images/selection-tool/desc.gif') no-repeat center right;
}

.sorting {
	background: url('../images/selection-tool/bg.gif') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/selection-tool/desc.gif') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/selection-tool/asc.gif') no-repeat center right;
}

table.display thead tr .sorting_desc, table.display thead tr .sorting_asc {
background-color: #A2C00C;
}


*/
.waiting {
  cursor: wait;
  /*Change '=' to ':' : got an error in compiling 110816*/
}

/*
Dropdowns (dd)
*/
/*
div.dd {
	padding: 0;
	margin: 0;
	height: 80px;
	width: 100px;
	overflow: auto;
	border: 1px solid #666;
	background-color: white;
	z-index: 1444;
	position: absolute;
}
*/
div.colCtrl select.blmsdd {
  padding: 0;
  margin: 0;
  height: 80px;
  /*	width: 100px;*/
  position: absolute;
}

ul.blmsdd {
  padding: 0;
  margin: 0;
  height: 80px;
  width: 100px;
  /*	overflow: auto; */
  border: 1px solid #666;
  background-color: white;
  z-index: 1444;
  position: absolute;
  padding: 0;
  margin: 0;
  text-indent: 0.2ex;
  white-space: nowrap;
  /*
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
*/
  text-align: left;
  font-weight: normal;
}

ul.blmsdd li.blmsddSelected {
  background-color: #D0BCFC;
}

ul.blmsdd li:hover {
  background-color: #D0BCFC;
}

/*
ul.blmsdd li::selection {
	background:#fff;
}

ul.blmsdd li::-moz-selection {
	background:#fff;
}

ul.blmsdd li::-webkit-selection {
	background:#fff;
}
*/
span.reset-fltr {
  font-weight: bold;
  color: #2D095F;
}

tr.tblrow-yellow {
  /*
  background:#dbe0c4;
  */
  background-color: #eeeeee;
}

/*----- Convert Layout CIT1710 - Parametric Web tables ------*/
table.param-list-table {
  background-color: #FCFCFC;
  border-collapse: collapse;
  color: #000;
  text-align: center;
  /*width:1200px; Convert Layout CIT1710*/
  width: 98%;
  margin-left: 10px;
  /* compensate in fixedHeader */
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 2px solid #AAA;
}

table.param-list-table th {
  border: 1px solid #eee;
  border-right: 1px solid #ddd;
  padding: 1px;
  color: #fff;
  /*added, convert layout CIT1710*/
}

table.param-list-table thead tr th {
  /*background-color:#B1D017;*/
  /*convert layout CIT1710*/
  background-color: #006cba;
}

table.param-list-table thead tr th.tblctrlhdr {
  background-color: white;
  text-align: left;
  color: #000;
  /*added, convert layout CIT1710*/
}

table.param-list-table thead tr th span.tblReset a {
  color: red;
  cursor: pointer;
}

table.param-list-table tbody tr td {
  padding: 3px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

table.param-list-table tbody tr.tblrow-gray {
  /*
  background:#eeeeee;
  */
}

table.param-list-table tr td.sortcol-gray {
  background: #F3F9DA;
}

table.param-list-table tr.tblrow-gray td.sortcol-gray {
  background: #F3F9DA;
}

table.param-list-table tr, table.param-list-table td {
  height: 1em;
}

.vsh-btn-param {
  background: #73c561;
  background: -moz-linear-gradient(top, #73c561 0%, #30692d 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #30692d), color-stop(100%, #30692d));
  background: -webkit-linear-gradient(top, #73c561 0%, #30692d 100%);
  background: -o-linear-gradient(top, #73c561 0%, #30692d 100%);
  background: -ms-linear-gradient(top, #73c561 0%, #30692d 100%);
  background: linear-gradient(to bottom, #73c561 0%, #30692d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73c561', endColorstr='#30692d', GradientType=0);
  display: inline;
  color: white;
  height: 25px;
  padding: 1px 15px 0 15px;
  font-size: 12px;
  font-weight: bold;
  border: none;
}

table.list-table thead.datatablesHeader tr th {
  border-bottom-color: #006cba;
}

/*table.param-list-table thead
{
	display: block;
	width: 500px;
	overflow: auto;
	color: #fff;
	background: #000;
}

table.param-list-table tbody
{
	display: block;
	width: 500px;
	height: 200px;
	background: pink;
	overflow: auto;
}

table.param-list-table th,td
{
	padding: .5em 1em;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #fff;
}*/
/*CIT1710-responsiveness*/
.webtable-width {
  margin-left: 10px !important;
}
