/*Style Sheet specifically for the Day Care Provider display*/
.content { /*re-declare content class for table display*/
	margin:0px 5px 50px 140px; /*top right bottom left*/
	}

div#itsthetable {
}

html>body div#itsthetable {
	font: normal normal normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 330px; /*280px;*/
	min-height: 330px;    /*IE 7 test*/
	height: .1%;    /*IE 7 test*/
/*	height: 280px;*/
}

div#itsthetable table {
	border-collapse: collapse;
	float: left;
	width: auto; /*50%;*/
	overflow:auto;
	height: .1%;  /*	height: 330px;  /*need this to support IE*/
/*	border: 2px solid red;*/
}

/* define width of table for All other non-IE browsers.                                        */
html>body div#itsthetable table {
	width: auto; /*50%;*/
}

caption {
	/*background: url(/images/datatable.gif) #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;*/
	/*display: none;*/
	font: normal normal bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
}

html>body caption {
	display: block
}

thead tr th, tr thead td {
	background: url(/images/datatable.png) #FFF repeat-x scroll center left;
/*	background: #fff repeat-x scroll center left;*/
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font: normal normal bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px;
	position: relative;
	text-align: left;
	/*border: 2px solid green;*/
}

html>body thead tr th, html>body tr thead td {
	position: inherit
}

tbody tr th, tbody tr td {
/*	background: url(/images/datatablerow.gif) #FFF repeat-x scroll center left;*/
	background: #FFF repeat-x scroll center left;
	display: table-cell;
	font: normal normal normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 4px;
	text-align: left;
	vertical-align: top;
	height: .1%;   /*IE 7 test*/
	/*border: 2px solid blue;*/
}

tbody tr.odd th, tbody tr.odd td {
/*	background: url(/images/datatablerow.gif) #EEE repeat-x scroll center left;*/
	background: #EEE repeat-x scroll center left;
	display: table-cell;
	padding: 4px;
	text-align: left;
	vertical-align: top
}
 /*Scroll bar jumps in Opera not allowing access to last rows in table.
   Comment until we can find the solution. */
/*
tbody tr:hover th, tbody tr:hover td, tbody tr.odd:hover th, tbody tr.odd:hover td {
/*	background:  url(/images/datatablerow.gif) #999 repeat-x scroll center left;*/
/*	background:  #999 repeat-x scroll center left;
	color: #FFF;
	display: table-cell;
	padding: 4px;
	text-align: left;
	vertical-align: top
}
*/
tbody tr a, tbody tr a:link, tbody tr a:visited {
	color: #009;
	text-decoration: none
}

/*
tbody a:hover {
	color: #009;
	text-decoration: underline
}

tbody tr:hover th a, tbody tr:hover td a, tbody tr.odd:hover th a, tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none
}

tbody tr:hover th a:hover, tbody tr:hover td a:hover, tbody tr.odd:hover th a:hover, tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline
}
*/
tfoot tr th {
	background: url(/images/datatable.png) #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
/*	border-right: 1px solid #CCC;*/
	font: normal normal bold 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: right;
	z-index: 1000000
}

tfoot tr td {
	background: url(/images/datatable.png) #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: italic normal normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	z-index: 1000000
}

html>body tfoot tr th, html>body tfoot tr td {
	border-bottom: 1px solid #CCC
}

html>body thead {
	display: block;
}

html>body tfoot {
	display: block;
	position: relative; /*absolute;*/
	/*top: 476px;*/
}

html>body tbody {
	display: block;
	/*height:  280px;*/ /*This breaks in IE7. Add embedded style to daycare_listing.php to fix problem*/
	overflow: auto;
}

html>body thead tr th, 
html>body tbody tr th,
html>body tbody tr td  { /*header col 1 */
  width: 192px;
}

html>body thead tr th + th, 
html>body tbody tr th + td, 
html>body tbody tr td + td { /*header col 2 */
   width: 72px;
}

html>body tfoot tr th {
	width: 190px;
}

html>body tfoot tr th + td {
   width: 70px;
/*   border-right: 1px solid #CCC;*/
}