 /*
  *   '$RCSfile$'
  *     Purpose: Default style sheet for KNB project web pages 
  *              Using this stylesheet rather than placing styles directly in 
  *              the KNB web documents allows us to globally change the 
  *              formatting styles of the entire site in one easy place.
  *   Copyright: 2000 Regents of the University of California and the
  *               National Center for Ecological Analysis and Synthesis
  *     Authors: Matt Jones
  *
  *    '$Author: daigle $'
  *      '$Date: 2008-07-06 21:25:34 -0700 (Sun, 06 Jul 2008) $'
  *  '$Revision: 4080 $'
  *
  * This program is free software; you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * the Free Software Foundation; either version 2 of the License, or
  * (at your option) any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with this program; if not, write to the Free Software
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
  */

/********************************************************************** 
 * tpc settings
 **********************************************************************/

.content-section {
	vertical-align: top;
	padding-top: 60px;
}

.content-section-header {
	text-align:	left;
	color: #124325;
	background: #CFE2CF;
	font-family: "Verdana", "Helvetica", "Trebuchet MS", "Arial", sans-serif;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #124325;
	display: block;
	padding: 3px 0px 3px 10px;
	margin:0px 60px 20px 178px;
}

.content-subsection {
	vertical-align: top;
	margin: 0px 0px 0px 20px;
	width: 940px;
}

.content-subsection-header {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #255333;
	font-size: 16px;
	font-weight: bold;
}

.page-section {
	margin: 0px 20px 0px 20px;
	border-spacing: 0px;
	border-width: 0px;
	width: 95%;
	min-width: 980px;
}

.schedule-section {
	vertical-align: top;
	width: 100%;
}

.from-date-section {
	display:inline;
	float: left;
	margin: 0px 25px 0px 25px;
}

.to-date-section {
	margin: 0px 20px 0px 0px;
}

.form-input-row {
	margin-bottom: 10px;
}

.form-base-row {
	margin: 20px 0px 10px 0px;
}

.field-label {
	margin: 0px 0px 0px 15px;
	padding: 0px 7px 0px 0px;
	width: 165px;
	display: inline;
	float: left;
	text-align: right;
	font-size: 1.1em;
}

.field-suffix {
	margin: 0px 0px 0px 5px;
	padding: 0px 7px 0px 0px;
	width: 285px;
	display: inline;
	text-align: right;
	font-size: 1.1em;
}

.summary-field {
	margin: 0px 0px 0px 15px;
	padding: 0px 7px 0px 0px;
	width: 125px;
	display: inline;
	float: left;
	text-align: right;
	font-size: 16px;
	color: #255333;
}

.summary-value {
	padding: 0px 7px 0px 0px;
	display: inline;
	text-align: right;
	font-size: 16px;
	color: #000000;
}

.field-remove-button {
	margin: 0px 0px 0px 100px;
}

.text-input {
	width: 290px;
}

.date-input {
		width: 150px;
}

.int-input {
		width: 60px;
}

.calendar-icon {
	vertical-align: middle;
}

.search-section {
	border: 1px solid #D5D5D5;
	padding: 15px 0px 5px 0px;
}

.search-section-text {
	position: absolute;
	top: 123px;
	left: 230px;
	background: #FFFFFF;	
	font-size: 14px;
	color: #797979;
	padding: 0px 5px 0px 5px;
}

.submit-button {
	margin: 0px 0px 0px 280px;
	width: 100px;
}

.result-header {
	margin-bottom: 5px;
}

.result-header-emphasis {
	font-size: 16px;
	margin-bottom: 5px;
}

.workflow-run-content {
	margin-bottom: 20px;
}

/********************************************************************** 
 * tpc search result specific settings
 **********************************************************************/


.col {
	padding-left: 0px;
}

.col1 {
	width: 240px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
}

.col2 {
	width: 100px;
}

.col3 {
	width: 180px;
}

.col4 {
	width: 180px;
	border-right:1px solid #D5D5D5;
}

.col5 {
	width: 80px;
}

.col6 {
	width: 140px;
	border-right: none;
	padding-left: 3px;
}

.col1-header {
	color: #FFFFFF;
  width: 240px;
  text-align: left;
  padding-left: 5px;
  font-weight: bold;
}

.col2-header {
	color: #FFFFFF;
  width: 100px;
}

.col3-header {
	color: #FFFFFF;
  width: 180px;
}

.col4-header {
	color: #FFFFFF;
  width: 180px;
  border-right:1px solid #D5D5D5;
}

.col5-header {
	color: #FFFFFF;
  width: 80px;
}

.col6-header {
	color: #FFFFFF;
  width: 140px;
  border-right: none;
  padding-left: 3px;
}
