/*************
  Blue Theme
 *************/
/* overall */
.tableInfo {
	background-color: #FFFFFF;
	border-bottom: 0px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 0px solid #CDCDCD;
	border-spacing: 0px;
	border-top: 1px solid #CDCDCD;
	margin: 10px 0px 15px;
	text-align: left;
	width: auto;
}
.tableInfo th,
.tableInfo td {
	border: #cdcdcd 1px solid;
	border-width: 0 1px 1px 0;
}

/* header */
.tableInfo th,
.tableInfo thead td {
	font: bold 12px/18px Arial, Sans-serif;
	color: #000;
	background-color: #99bfe6;
	border-collapse: collapse;
	padding: 4px;
	text-shadow: 0 1px 0 rgba(204, 204, 204, 0.7);
	text-align: center;
}

.tablesorter thead tr:first-child th,
.tablesorter thead th.title,
.tableInfo thead tr:first-child th,
.tableInfo thead th.title {
	background: #D0E5F5;
	white-space: nowrap;
	font-size: 14px;
    cursor: pointer;
	color: #1D5987;
	text-align: left;
	
}


/* tbody */
.tableInfo td {
	color: #3d3d3d;
	background-color: #fff;
	padding: 4px;
	vertical-align: top;
}

.tableInfo tbody tr td:first-child { 
	font: Arial, Sans-serif;
	font-weight: bold; 
	text-align: right;
}

/* This is used once in a while, to negate the first-child directives above. */
/*  this is first used in view_email (email history or from view_reg) to show the body of the message */
/* Your settings here should negate your settings in tbody tr td:first-child */
.tableInfo tbody tr td.negateFirstChild {
	font: normal;
	font-weight: normal; 
	text-align: left;
}

/* This type of cell will be used for cells where only buttns exist. Like edit, or delete etc. */
/*   reducing the font size for this class of cell will reduce the size of the button. */
.tablesorter tbody td.buttonsOnly,
.tableInfo tbody tr td.buttonsOnly {
	font-size:8pt;
}


.tableInfo tbody tr td.single-cell {
	text-align: center;
	font-weight: normal;
}

.tableInfo tbody > tr:hover > td,
.tableInfo tbody > tr:hover + tr.tableInfo-childRow > td,
.tableInfo tbody > tr:hover + tr.tableInfo-childRow + tr.tableInfo-childRow > td,
.tableInfo tbody > tr.even:hover > td,
.tableInfo tbody > tr.even:hover + tr.tableInfo-childRow > td,
.tableInfo tbody > tr.even:hover + tr.tableInfo-childRow + tr.tableInfo-childRow > td {
	background: #d9d9d9;
}
.tableInfo tbody > tr.odd:hover > td,
.tableInfo tbody > tr.odd:hover + tr.tableInfo-childRow > td,
.tableInfo tbody > tr.odd:hover + tr.tableInfo-childRow + tr.tableInfo-childRow > td {
	background: #bfbfbf;
}