.searchOdd,
.searchEven {
	padding: 8px 10px;		/* give the rows some padding */
}
* html .searchOdd,
* html .searchEven {height:1%}

.searchOdd {
	background-color: #F5F5F5;	/* give odd rows a different background color */
}

.searchOdd + .searchEven	/*	an even numbered row AFTER a odd numbered row
								the first row (index: 0) is considered even	
								by adding a top border here, lines are shown only BETWEEN rows, and not in the first row */
{								
	border-top: 1px solid #CCC;
	margin-top: -1px;				/* let the border to overlap the row above a little, makes the dashed line seem to be in between 2 rows */
	/* thanks to the margin-top, the row now appears to have moved up.. */
	padding-top: 9px;		/* so move the row back into position, this padding should be ONE more than the usual */
}
.searchEven + .searchOdd	/*	an odd numbered row AFTER a even numbered row
							 	add a top border here so the LAST row wont have a bottom border	*/
{
	border-top: 1px solid #CCC;
	margin-top: -1px;
	padding-top: 9px;
}

.searchOdd span.options,			
.searchOdd span.optionsHide,
.searchEven span.options,
.searchEven span.optionsHide	/*	.optionsHide class is used to indicate that the preview box is open,
									hence the buttons shouldn't be visible	*/
{
	color: #666;
	display: none;
}

.searchOdd .date,
.searchEven .date {
	float: right;			/* the date you see on the right end */
	color: #777;
}

.preview								/*	preview "box", where XHR data is loaded into 
											this preview box is INSIDE or a child of each row (.searchOdd and .searchEven)	*/
{
	border-top: 1px dashed #cccccc;		/* this "horizontal rule" seperates the post title and preview */
	margin-top: 5px;
	padding: 7px 10px;
	display: none;						/* it's initially hidden */
	font-size:10px;
}
.searchEven .preview {
	border-top: 1px dashed #cccccc;		/* a different colored "horizontal rule" for different colored background */
}

.previewFooter {					/* the "view this post" and close preview links are here */
	margin: 10px 0px 0px 0px;		/* some top padding to seperate it from the preview box */
}
.previewFooter img {
	margin-bottom: -3px;			/* position icons. entirely optional if your icons look ok beside the text */
	border: none;
}
.previewFooter span a {
	background: none;
}
.previewFooter span {		/* float the close button to the right */
	float: right;
}



/* CSS for the advanced search inputs.. a little incomplete as it depends on other CSS codes in my theme */

#advSearch {
	padding:5px;
	border:1px solid #cccccc;
	background:#e3e3e3;
	margin-top:10px;
	margin-bottom:10px;
}
#advSearch h2 {
font:1.4em Verdana, sans-serif;
margin:0px;
padding:0px;

}
	#advSearch .left {
		float:left;
		margin:0px;
	}
	#advSearch .right {
		margin:0px;
		margin-left:90px;
	}
	#advSearch small {
		padding-bottom:7px;
		display:block;
	}
	#advSearch input#s {	/* search box */
		padding-left:3px;
		padding-top:5px;
		position:relative;
		top:0px; left:4px;
		border:1px solid #fff;
		margin:0px;
		vertical-align:top;
		height:20px; width:230px;
		font:1.0em Verdana, sans-serif;
	}
	* html #advSearch input#s {top:-1px} /* IE hack */

	#advSearch input#p,
	#advSearch input#c {	/* include page, comments? */
		padding: 0px;
		border:1px solid #e3e3e3;
	}
	#advSearch #searchSubmit {

	}
	a:link,
    a:visited {
    color:#0F4274;
    text-decoration:none;
    }
    a:hover {
    color:#0F4274;
    text-decoration:underline;
    }