BODY     { color: #28574E; font-family: verdana, helvetica, arial; font-size: x-small;}
TD       { color: #28574E; font-family: verdana,helvetica,arial; font-size: 9pt }
H1       { font-size: large; color: #28574E; font-weight: bold; margin-top: 10px; margin-bottom: 10px }
H2       { background-color: #E7EDEC; font-size: medium; font-weight: normal; margin-top: 10px; margin-bottom: 10px }

#renderroarProject {
	/*border: 1px solid purple;*/
	height: inherit;
}

div.roarProjectBody {
	border: 1px solid #28574E;
}

.relatedRoarProjectBody {
	/*border: 1px solid #9CB2AD;*/
	padding: 3px;
}

p.sideSearch{
	font-size: 10px;
	margin: 3px;
	vertical-align: top;
}

.relatedRoarProjectBody div.relatedRoarProjectBody_result {
	float: left;
	/*width: 250px;
	height: 90px;
	overflow-y: hidden;*/  /*overflow-y: auto;*/
	border: 1px dashed #9CB2AD;
	margin-top: .5em;
	/*margin-left: .5em;*/
	padding: 1px;
}

.relatedRoarProjectBody div.relatedRoarProjectBodyHeader {
	text-align: right;
	padding-right: 10px;
	vertical-align: bottom;
	background-color: #F4D393;
	height: 24px;
}

/**
* display ROAR Projects by catid and/or search results (Grid - centre)
**/
.renderRoarProjectBody {
	padding: 1px;
}

.renderRoarProjectBody div.renderRoarProjectBody_result {
	float: left;
	width: 250px;
	height: 90px;
	overflow-y: auto;  /*overflow-y: hidden;*/
	overflow-x: hidden;
	border: 1px solid #9CB2AD;
	margin-top: .5em;
	margin-left: .5em;
	padding: 1px;
	/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* fallback (Opera) */
    background: #e9fbf1;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #e9fbf1, #FEFFF1);	/* c9dbd1; B4CCC4 */	/* e8f0e4; FEFFF1 */
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#c9dbd1), to(#FEFFF1));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#e9fbf1', EndColorStr='#FEFFF1', GradientType=0);
}

.renderRoarProjectBody div.renderRoarProjectBodyHeader {
	text-align: right;
	padding-right: 10px;
	vertical-align: bottom;
	background-color: #9CB2AD;
	height: 24px;
	background-image: url(../images/headerbar/headerbar_crnr.gif);
	background-repeat:no-repeat;
}

.renderRoarProjectBody div.renderRoarProjectBodyHeader span.recordNum {
	float: left;
	font-weight: bold;
	vertical-align: bottom;
	padding-left: 10px;
	padding-top: 4px;
}

/**
* display ROAR Projects by catid and/or search results (Grid - side)
**/
#renderROARProjectsSideGrid {
	background-color: #9CB2AD;
	width: 100%;
}

.renderRoarProjectBodySideGrid {
	margin-top: 5px;
/*	padding-top: 1px;*/
/*	background-color: #9CB2AD;*/
}

.renderRoarProjectBodySideGrid div.renderRoarProjectBodySideGrid_result {
	/*float: left;
	width: 250px;*/
	width: auto;
	height: 90px;
	overflow-y: auto;  /*overflow-y: hidden;*/
	overflow-x: hidden;
	border: 1px solid #28574E;
	/*border: 1px dashed #F4D393;*/
	margin-top: .5em;
	margin-left: .5em;
	margin-right: .5em;
	padding: 1px;
	cursor: pointer;

	/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* fallback (Opera) */
    background: #e9fbf1;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #e9fbf1, #FEFFF1);	/* c9dbd1; B4CCC4 */	/* e8f0e4; FEFFF1 */
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#c9dbd1), to(#FEFFF1));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#e9fbf1', EndColorStr='#FEFFF1', GradientType=0);

}

.renderRoarProjectBodySideGrid div.renderRoarProjectBodyHeaderSideGrid {
	text-align: right;
	/*font-size: 10px;*/
	padding-right: 5px;
	padding-top: 3px;
	vertical-align: bottom;
	background-color: #9CB2AD;
	/*background-image: url(../images/headerbar/headerbar_crnr.gif);
	background-repeat:no-repeat;*/
}

.renderRoarProjectBodySideGrid div.renderRoarProjectBodyHeaderSideGrid p.recordNum {
	/*padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 1px;
	text-align: left;
	font-weight: bold;
	vertical-align: bottom;*/
}

.th2        { font-weight: bold; font-size: 10pt; border-bottom: 1px solid #28574E }

/*
* GPEP Project
*/
.prjId      { color: #28574E; font-size:  8pt; font-weight: bold; margin-bottom: 5px; text-align: center; }
.prjTitle   { color: #28574E; font-size: inherit; font-weight: bold; margin-top: 5px; text-align: left; }


.dhd1       { background-color: #E7EDEC; font-size: 10pt; font-weight: bold; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; }
.dtxt1      { font-size: 10pt; margin-top: 10px; text-align: justify; margin-right: 10px; }

.citation   { font-size: 10pt; margin-left: 20px; margin-right: 20px; margin-top: 10px; text-indent: -10px; text-align: left }

.subhd1     { font-size: 9pt; font-weight: bold; margin-top: 0px; margin-bottom: 0px }
.subtxt1    { font-size: 9pt; margin-top: 5px; margin-bottom: 0px; }
.dhd2       { font-size: 9pt; font-weight: bold; margin-top: 10px }

.offsetTop  { margin-top: 5px; font-size: 10pt; }

.cnote          { font-size: 8pt; background: #FFDDA0; text-align: center; margin-right: 10px;  }
A.cnote         { font-weight: normal; color: #28574E; font-style: italic; }
A.cnote:visited { color: #28574E }
A.cnote:active  { color: #28574E }
A.cnote:hover   { color: #ADBFBC }

/**
* CSS used in ROAR Project funding sources filter
**/
#roar_search {
	/*float: right;
	width: 100%; the width of the search box */
	height: 100%;
	background-color: #9cb2ad;
	padding: .5em;/* in IE this will add to the width of the search box */
}

#searchFilters {
	font-family: Verdana, Helvetica, Arial sans-serif;
	font-size: 1em;
	border: 1px solid #000000;
	padding: .5em;
	background-color: #e0e8dc;
	text-align: center;
}

#funding_link {
	cursor: pointer;
}

#funding_spinner {
	float: right;
}

#fundingSources {
	border: 1px solid #666666;
	margin-top: 3px;
}

#fundingAmount_link {
	cursor: pointer;
}

#fundingAmount_spinner {
	float: right;
}

#fundingAmount {
	border: 1px solid #666666;
	margin-top: 3px;
}

.catUL    { margin-left: 3px; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; padding:0; }
.catLI    { margin-top: 2px; margin-bottom: 1px; margin-right: 0px; padding: 3px; font-family: Verdana,Arial,Helvetica; font-size:8pt; color: #536651; font-weight: bold; text-decoration: none; list-style: none; cursor: pointer; }

.fsSelected { background-color: #fefff1; border: 1px solid #9cb2ad; }

.faSelected { background-color: #f0ffe0; border: 1px solid #9cb2ad; }