/*
 *	The following styles are used by the table generated by the cf_grid custom tag.
 */
table.cf_grid {
  border: 1px solid silver;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1em auto;
  width: 100%;
}
table.cf_grid > caption {
  font-size: 0.85em;
  text-align: left;
}
table.cf_grid > thead {
  display: table-header-group;
}
table.cf_grid > thead > tr {
  vertical-align: bottom;
}
table.cf_grid > thead > tr > th {
  background-color: #eeeeee;
  border: 1px solid silver;
  padding: 0;
  text-align: left;
  white-space: nowrap;
}
table.cf_grid > thead > tr > th.center {
  text-align: center;
}
table.cf_grid > thead > tr > th.colgroup {
  border-left: 3px double silver;
  border-right: 3px double silver;
  text-align: center;
}
table.cf_grid > thead > tr > th.groupby {
  background-color: transparent;
  border: 0;
}
table.cf_grid > thead > tr > th.group_col {}
table.cf_grid > thead > tr > th.group_left {
  border-left: 3px double silver;
}
table.cf_grid > thead > tr > th.group_right {
  border-right: 3px double silver;
}
table.cf_grid > thead > tr > th.monospace {
}
table.cf_grid > thead > tr > th.nowrap {
}
table.cf_grid > thead > tr > th.right {
  text-align: right;
}
table.cf_grid > thead > tr > th.sort_asc {
  background-image: url("/webservices/images/sort-asc.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
table.cf_grid > thead > tr > th.sort_desc {
  background-image: url("/webservices/images/sort-desc.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
table.cf_grid > thead > tr > th.sort_undef {
  background-image: url("/webservices/images/sort-undef.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
table.cf_grid > thead > tr > th > a, table.cf_grid > thead > tr > th > span {
  color: black;
  display: block;
  margin: 0;
  padding: 2px 5px;
  text-decoration: none;
  font-weight:bold;
}
table.cf_grid > thead > tr > th.sort_asc > a, table.cf_grid > thead > tr > th.sort_desc > a,
  table.cf_grid > thead > tr > th.sort_undef > a, table.cf_grid > thead > tr > th.sort_asc > span,
  table.cf_grid > thead > tr > th.sort_desc > span, table.cf_grid > thead > tr > th.sort_undef > span {
  padding: 2px 16px 2px 5px;
}
table.cf_grid > tbody {
  display: table-body-group;
}
table.cf_grid > tbody > tr {
  vertical-align: top;
}
table.cf_grid > tbody > tr.even {
  background-color: #eeeeee;
}
table.cf_grid > tbody > tr.odd {}
table.cf_grid > tbody > tr:hover {
  background-color: #ffffcc;
}
table.cf_grid > tbody > tr.group:hover {
  background-color: transparent;
}
table.cf_grid > tbody > tr.summary:hover {
  background-color: transparent;
}
table.cf_grid > tbody > tr > td {
  border: 1px solid silver;
  padding: 2px 5px;
  text-align: left;
}
table.cf_grid > tbody > tr > td.center {
  text-align: center;
}
table.cf_grid > tbody > tr > td.groupby {
  border-right: 1px dotted silver;
}
table.cf_grid > tbody > tr > td.group_left {
}
table.cf_grid > tbody > tr > td.group_right {
}
table.cf_grid > tbody > tr > td.monospace {
  font-family: monospace;
}
table.cf_grid > tbody > tr > td.nowrap {
  white-space: nowrap;
}
table.cf_grid > tbody > tr > td.right {
  text-align: right;
}
table.cf_grid > tbody > tr > td > p {
  margin-bottom: 0;
  margin-top: 1em;
}
table.cf_grid > tbody > tr > td > p:first-child {
  margin-top: 0;
}
table.cf_grid > tbody > tr.group > th {
  background: #eeeeee;
  border-bottom: 1px solid silver;
  padding-top: 0.5em;
}
table.cf_grid > tfoot {
  display: table-footer-group;
}
table.cf_grid > tfoot > tr {
  vertical-align: top;
}
table.cf_grid > tfoot > tr > td {
  border-top: 3px double silver;
  padding: 2px 5px;
  text-align: left;
}
table.cf_grid > tfoot > tr > td.center {
  text-align: center;
}
table.cf_grid > tfoot > tr > td.groupby {
  border: 0;
}
table.cf_grid > tfoot > tr > td.monospace {
  font-style: monospace;
}
table.cf_grid > tfoot > tr > td.nowrap {
  white-space: nowrap;
}
table.cf_grid > tfoot > tr > td.right {
  text-align: right;
}

#CORE_fullWidth table.cf_grid > thead > tr > th > a {
	color:black;
}

div.cf_navigator_v2 > div {
  clear: both;
  display: block;
  float: none;
  margin-right: 0;
}
div.cf_navigator_v2 > div.cf_navigator-top > div {
  float: left;
  line-height: 32px;
  width: 33.33%
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-count {
  padding-top: 3px;
  text-align: left;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-size {
  text-align: center;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-size > label {
  text-align: center;
  width: 100%;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-size > label > select {
  max-width: 50px;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export {
  text-align: right;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export a {
  margin-right: 0.5em;
}
div.cf_navigator_v2 > div.cf_navigator-buttons {
  /*margin-top: 14px;*/
  margin-top: 1.5%;
  text-align: center;
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div {
  cursor: pointer;
  display: inline-block;
  line-height: 30px;
  /*line-height: 3%;*/
  margin-right: 0.5%;
  min-width: 3em;
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div:last-child {
  margin-right: 0;
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div a {
  color: #336699;
  text-decoration: none;
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div span {
  color: gray;
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-first,
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-prev,
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-next,
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-last {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e8e8e8 51%, #f6f6f6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e8e8e8), color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e8e8e8 51%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e8e8e8 51%, #f6f6f6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e8e8e8 51%, #f6f6f6 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e8e8e8 51%, #f6f6f6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); /* IE6-9 */
  border: 1px solid silver;
  border-radius: 2px;
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-symbol > a {
  font-weight: bold;
  text-decoration: none;
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-symbol > span {
  color: silver;
  font-weight: bold;
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-numeric {
  text-shadow: 0px 0px 2px rgba(160, 192, 255, 0.5);
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-after:hover,
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-before:hover {
  background-color: rgba(160, 192, 255, 0.5);
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-this {
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(160, 192, 255, 0.5), -1px 1px 2px rgba(160, 192, 255, 0.5),
    -1px -1px 2px rgba(160, 192, 255, 0.5), 1px -1px 2px rgba(160, 192, 255, 0.5);
}
div.cf_navigator_v2 > div.cf_navigator-buttons > div.cf_navigator-this > span {
  color: black;
}
div.cf_navigator_v2 > div.cf_navigator-bottom {
  margin-top: 3px;
}
div.cf_navigator_v2 > div.cf_navigator-bottom > div {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 50%;
}
div.cf_navigator_v2 > div.cf_navigator-bottom > div.cf_navigator-bottom-pageid {
  margin-top: 10px;
  text-align: left;
}
div.cf_navigator_v2 > div.cf_navigator-bottom > div.cf_navigator-bottom-jump {
  text-align: right;
}
div.cf_navigator_v2 > div.cf_navigator-bottom > div.cf_navigator-bottom-jump > button,
div.cf_navigator_v2 > div.cf_navigator-bottom > div.cf_navigator-bottom-jump > input {
  min-width: 5em;
  width: 5em;
}
div.cf_navigator_v2 > div.cf_navigator-bottom > div.cf_navigator-bottom-jump > input {
  margin-right: 0.5em;
}
div.cf_navigator_v2 > div.cf_navigator-top:after {
  clear: both;
  content: " ";
  display: block;
  height: 1px;
  margin-bottom: -1px;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export {
  position: relative;
  margin: 4px 0 8px 0;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export
  > a.cf_navigator-top-format {
  background-color: #eee;
  background-image: url(/odsct/images/download.png);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 16px;
  border: 1px solid #ccc;
  box-shadow: #ccc 1px 1px 2px;
  color: black;
  display: inline-block;
  line-height: 27px;
  margin: 0;
  padding: 0 3em 0 1em;
  text-decoration: none;
  text-transform: uppercase;
  width: 7em;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export
  > ul.cf_navigator-top-format {
  border: 1px solid #ccc;
  border-top: 0;
  box-shadow: #ccc 1px 1px 2px;
  display: none;
  line-height: 27px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0px;
  top: 28px;
  width: 11em;
  z-index: 1;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export
  > ul.cf_navigator-top-format > li {
  background-color: white;
  margin: 0;
  padding: 0;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export
  > ul.cf_navigator-top-format > li:nth-child(2n) {
  background-color: #eee;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export
  > ul.cf_navigator-top-format > li > a {
  color: black;
  display: block;
  margin: 0;
  padding: 0 1em;
  text-decoration: none;
}
div.cf_navigator_v2 > div.cf_navigator-top > div.cf_navigator-top-export
  > ul.cf_navigator-top-format > li > a:hover {
  background-color: #aaf;
}
div.cf_navigator_v2 > div.cf_navigator-bottom button[type="submit"] {
  float: none;
  margin-right: 0;
}
div.cf_navigator_v2 > div.cf_navigator-bottom label {
  margin-right: 0.5em;
}


/* Responsive */

@media 
only screen and (max-width: 760px),
  {

	/* Force table to not be like tables anymore */
	table.cf_grid, table.cf_grid > thead, table.cf_grid > tbody, table.cf_grid > thead > th, table.cf_grid > tbody > tr > td, 
	table.cf_grid > tbody > tr , table.cf_grid > thead > th > td
	{ 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.cf_grid > thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.cf_grid > tbody > tr { border: 1px solid #ccc; }
	
	table.cf_grid > tbody > tr > td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.cf_grid > tbody > tr > td :before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	/*
	Label the data
	*/
	td:nth-of-type(1):before { font-weight:bold;content: "Name : "; }
	td:nth-of-type(2):before { font-weight:bold;content: "Title: "; }
	td:nth-of-type(3):before { font-weight:bold;content: "Phone: "; }
	td:nth-of-type(4):before { font-weight:bold;content: "Cell: "; }
	td:nth-of-type(5):before { font-weight:bold;content: "Address: "; }
	td:nth-of-type(6):before { font-weight:bold;content: "Area: "; }
	

   }