/* Master grid
------------------------------*/

table.grid {
	border-collapse: collapse;
	border-spacing: 0;
	background: #FFFFFF;
	clear: both;
	width: 100%;
}
table.grid caption {
	padding: 1px 0 1px 6px;
	border-top: 1px solid #6DB374;
	border-bottom: 1px solid #6DB374;
	margin-bottom: 1px;
	color: #516162;
	font-weight: 700;
	font-size: 10px;
	text-align: left;
	background: url(/images/areaheader_background.gif) repeat-x;
}
table.grid thead {
	background-color: #eef6ed;
	color: #516162;
	font-weight: bold;
	padding: 6px 3px 6px 8px;
	text-align: left;
	font-size: 10px;
}
table.grid thead th {
	border-bottom: 1px solid #EBE7DF;
	border-left: 1px solid #EBE7DF;
	border-top: 1px solid #FFFFFF;
	font-size: 10px;
	font-weight: 700;
}
table.grid thead th a {
	color: #516162;
}
table.grid th {
	border-left: 1px solid #EBE7DF;
	padding: 1px 3px 1px 6px;
}
table.grid td {
	border-bottom: 1px solid #6db374;
	border-left: 1px solid #EBE7DF;
	padding: 6px 3px 6px 6px;
	vertical-align: top;
}
table.grid col.firstcol, /* ie6 */
table.grid th:first-child, /* the rest */
table.grid td:first-child {
	border-left: none !important;
}
table.grid td.img {
	border-right: 1px solid #EBE7DF;
	width: 140px;
	padding: 5px;
}
table.grid td.img img {
	width: 140px; 
	height: 105px;
}
table.grid td.grid-row-link {
	background-image: url(/images/arrow-link.gif);
	background-repeat: no-repeat;
	background-position: 9px 11px;
}
table.grid td.grid-row-link a {
	display: block;
	padding-left: 10px;
	color: #323232 !important;
	text-decoration: none !important;
}
table.grid td.grid-row-link a:hover {
	text-decoration: underline !important;
}
table.grid td a.collapsible 
{
	padding-left: 18px;
	color: #323232 !important;
	text-decoration: none !important;
	background: transparent url(/ui/chrome/icons/toggle.gif) no-repeat scroll 0 0;
	float: left; 
	height: 12px;
	line-height: 13px; 
	margin-top: 2px; 
}
table.grid td a.collapsible-show 
{
	background-position: left top !important;
}
table.grid td a.collapsible-hide 
{
	background-position: left bottom !important;
}
table.grid td a.collapsible:hover {
	text-decoration: underline !important;
}
table.grid td.address {
	width: 130px;
}
table.grid td.name {
	width: 40%;
}
table.grid td.text-area {
	padding: 0px 3px 6px 6px !important; 
}
img.closable {
	float: right;
	margin: -4px -1px 3px 0;
	cursor: pointer; 
}
table.grid td.icon, table.grid td.icon {
	padding-right: 6px !important; 	
}
table.grid td.icon, table.grid td.icon img {
	vertical-align: middle;
	text-align: center;	
}
table.grid td.plistimg {
	width: 139px;
	height: 93px;
}
table.grid td.plistimg div {
	padding: 1px;
	width: 143px;
	height: 92px;
}
table.grid td.plistimg div img {
	position: absolute;
}

/* Should be moved to project sale css. This has nothing to do with the grid per se */
table.grid td div .sold_banner {
	position: absolute; 
	background: url(/images/projectsale/bg-sold.gif) no-repeat;  /* gif for IE6 */
}
table.grid td div[class=sold_banner] {
	background: url(/images/projectsale/bg-sold.png) no-repeat;
}
table.grid td div.openhouse_banner {
	position: absolute; 
	background: url(/images/projectsale/bg-openhouse.gif) no-repeat; /* gif for IE6 */ 
}
table.grid td div[class=openhouse_banner] {
	background: url(/images/projectsale/bg-openhouse.png) no-repeat; 
}

/* Classes for filetype icons */ 
table.grid td.icons	{
	width: 15px;
	background-image: url(/images/ProjectSale/file-icons.gif);
	background-repeat: no-repeat;
}
table.grid td.PDF {
	background-position: 18px 7px;
}
table.grid td.GIF,
table.grid td.JPG,
table.grid td.JPEG,
table.grid td.TIFF {
	background-position: 18px -43px;
}
table.grid td.Word {
	background-position: 18px -93px;
}
table.grid td.Excel {
	background-position: 18px -142px;
}
table.grid td.Powerpoint {
	background-position: 18px -193px;
}
table.grid td.ZIP {
	background-position: 18px -243px ;
}
table.grid td.UNKNOWN {
	background: none;
}
table.grid td.red {
	color: #bf1128;
}
table.grid td.bestaaet {
	background: transparent url(/ui/chrome/icons/bestaaet80x40.png) 98% 2px no-repeat;
}


/* Classes for use with dynamic hiding/showing grid tables */
div.gridfooterbutton {
	display: block;
	float: right; 
	width: 97px;
	height: 15px;
	padding: 0 0 10px 0;
	background: url(/images/btn_green_gradient.jpg) no-repeat 100% 0
}
div.gridfooterbutton span {
	display: block;
	cursor:pointer;
	font-weight: bold;
	font-size: 0.9em;
	color: white !important; 
	text-decoration:none !important; 
	background: url(/images/arrow-link-white.gif) no-repeat 32px 5px !important; 
	padding-left: 40px !important; 
	white-space: nowrap !important; 
}

/* Highlight selected property (only used for ajax search) */
table.grid tr.selected td { border-top: solid 2px #0a7432; border-bottom: solid 2px #0a7432; background-color: #eef6ed; }
table.grid tr.selected td.first { border-left: solid 2px #0a7432 !important }
table.grid tr.selected td.last	{ border-right: solid 2px #0a7432 }

/* Hover functionality */
table.grid tbody tr:hover, 
table.grid tbody tr.hover, 
table.grid tbody tr.hover td.PDF {
	background-color: #eef6ed !important; /* ie */
}

table.grid:not(.no-hover) tbody tr:hover {
	background-color: #eef6ed !important; /* the rest */
}



/* Double rowed information */
/* table.grid.double-rowed-references tbody tr:nth-child(odd) td { border-bottom-color: #EBE7DF; } /* future proof css, no current browser support this... */
table.grid.double-rowed-references tr td.no-divider { border-bottom-color: #EBE7DF; } /* fallback with js-helper in grid.js */