/* formstyles.css 1/23/08
------------------------------ */
h2 { margin-top: 0; }

.clear {
  clear: both;
}

form, input {
  margin: 0;
  padding: 0;
  color: #585858;
}

/* fieldset styling */
fieldset {
  margin: 0 0 0.5em 0; /*  space out the fieldsets a little*/
  padding: 0 0 0.5em 0.5em;
  border : 1px solid #ccc;
  background-color:#F5F5F5;
}

/* legend styling */
legend {
  color: #000;
  padding-bottom: 0.5em;
  font-weight: bold;
}

form p {
  position: relative;
  width: 100%;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

textarea {
  width: 330px;
  height: 100px;
}
textarea#summary {
  height: 40px;
}

.summaryText {
  margin: 0;
  padding-left: 0.5em;
}

/* NDN form fieldsets with columns styling
------------------------------------------ */
.multiCol {
  margin-bottom: 1em;
}
.multiCol h2 {
  width: 12em;
  float: left;
  font-size: 1em;
  font-weight: normal;
}
.multiCol div {
  width: 14em;
  float: left;
}
.multiCol div.first {
  padding-left: 12px;
}
/* two column fieldsets */
fieldset#regions.multiCol div,
fieldset#applications.multiCol div,
fieldset#implications.multiCol div
{
  width: 240px;
}
/* three column fieldsets */
fieldset#stakeholders.multiCol div,
fieldset#orderBy.multiCol div,
fieldset#nanomaterial.multiCol div
{
  width: 155px;
}

.applicationsGroup {
	padding-bottom: 16px;
}

/* RESULTS styles
------------------------ */
	.postedDate {
		font-style: italic;
	}

	.scoreBox {
		float: left;
		width: 50px;
		height: 10px;
		background-color: #ddd;
		border: solid 1px #666;
		margin: 0px 5px 0px 0px;
	}
	
	.scoreBox span {
		display: block;
		font-size: 1 px;
		line-height: 1 px;
		height: 100%;
		background-color: #669900;
	}
	.summaryBox {
		position: relative;
		margin: 0px 0px 10px 0px;
		padding-bottom: 10px;
	}
	
	/* style for searched keywords */
	.summary .highlight {
		font-weight: bold;
		background-color: #FFBD6F;
	}
	
	
	/* style for page links */
	.pageLinks {
		text-align: center;
		margin-bottom: 20px;
	}
	
	/* link for the current  "view" type (basic or details) */
	a.currentControlLink {
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	
	/* popup help styles */	

/* main popup box */
#searchHelp {
	position: absolute;
	left: 400px;
	width: 600px;
	background-color: #aed572;  /* top bar color */
	border-top: solid 2px #fff; 
	border-left: solid 2px #fff; 
	border-bottom: solid 2px #666; 
	border-right: solid 2px #666; 
}

/* close button */
#searchHelp .closer {
	float: right;
	margin: 5px;
	width: 15px;
	height: 15px;
	text-align: center;
	background-color: #666;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#searchHelp table {
	clear: both;
	padding: 0;
	margin: 0;
	border: none 0px;
	border-collapse: collapse;
}

#searchHelp td {
	padding: 0;
	vertical-align: top;
}

/* left menu */
#searchHelp td.left {
	width: 170px;
	background-color: #ddd;  /* menu background color */
}

/* right contents */
#searchHelp td.right {
	background-color: #d8ffa3;  /* contents background color */
}

#searchHelpMenu {
	padding: 10px 10px 30px 20px;
}

#searchHelpMenu ul {
	margin: 0px;
	padding: 0px;
}

#searchHelpMenu li {
	list-style: square;
	text-align: left;
	padding-bottom: 10px;
}

#searchHelpItem {
	overflow: auto;
	height: 300px;
	padding: 10px 10px 30px 10px;
}

/* sub headers in content */
#searchHelpItem h4 {
	border-bottom: solid 1px #aed572;
	color:#7591B0;
}

#searchHelpItem em {
	font-weight: bold;
}

/* input examples */
#searchHelp .code {
	border-top: solid 2px #666; 
	border-left: solid 2px #666; 
	border-bottom: solid 2px #eee; 
	border-right: solid 2px #eee; 
	width: 360px;
	background-color: #fff;
	padding: 2px;
	font-style: normal;
}

#searchHelpContents{
	display: none;
}

/* end popup help styles */