/* OnePlan Conservation Planner Main style sheet
 * Version for HTML 4.01 Transitional DOCTYPE,
 * 3 column layout done with CSS rather than tables
 * Last revision: 2007-04-20
*/
/* COLOR TABLE
 * rgb(255,255,204)  	OP straw
 * rgb(247,232,128) 	OnePlan mustard (CMYK)
 * rgb(204,153,68) 	OP pale orange
 * rgb(185,90,55) 	OP orange
 * rgb(152,15,13) 	OnePlan Red (CMYK)
 * rgb(102,0,0) 	dark red
 * rgb(102,102,0) 	#660 OP green
 * rgb(127,153,72) 	OP light green
 * rgb(153,204,153) 	#9C9 OP spring green
 */
body {
  font-family :  Arial, Verdana, Sans-Serif;
  	/* The body background provides the "ground" with all page
	 * content shown over container/banner/nav/footer colors. */
  color: black; background-color: white;
  margin: 0; padding: 0;
}
/* the id definitions provide for the overall page layout */
#container {
	color: black;
	background-color: rgb(204,153,68);	/* #C94; old sidebars were #C90 */
	margin: 1em 3%;
	border: 1px solid rgb(152,15,13);
}
#banner {
  color: white;
  background-color: rgb(185,90,55);
  border-bottom: 1px solid rgb(102,0,0);
  padding: 1px 5px 0px 5px;
}
#nav {
  float: left;
  color: black;
/*  background-color: rgb(217,162,93); */
  width: 120px;
  margin-left: 6px;
  padding-top: 1em;
  border: none;
}
#content {
  margin: 0 110px 0 140px;
  padding: 0;
  border-bottom: 1px solid rgb(152,15,13);
  background-color: white;
  /* CSS hack to set minimum height.  IE treats "height" as "min-height" */
  height: 600px;
}
/*	CSS hack for minimum height, part 2:
	Other browsers recognize the child-selector and apply it as more
	specific. */
html>body #content {
	height: auto;
	min-height: 600px;
}
/*	This is now handled generally, by #content, above
.minht {
	height: 400px;
}
html>body .minht {
	height: auto;
	min-height: 400px;
}
*/
#nonav {	/* thin, "style only" LH column */
  float: left;
  width: 15px;
  border: none;
}
#nonav-content {	/* to go with above */
	margin: 0 20px 0 20px;
	padding: 0;
	border-bottom: 1px solid rgb(152,15,13);
	background-color: white;
}
#footer {
  clear: both;
  color: rgb(152,15,13);
  background-color: rgb(255,255,204);
  padding: 1em;
  text-align: center;
  border-top: 1px solid rgb(215,24,0);
  font-size: 0.8em;
}
#rhnav {
  float: right;
  width: 110px;
  margin: 0;
  padding: 0;
  border: none;
}
#rhnav li {
	list-style: none;
	margin: 0 0 0.2em;
/*	font-size : small;	*/
}
#rhnav ul {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#rhnav h4 {
	margin: 0.2em 0;
}
#rhnav img {
	margin: 0 0 5px 5px;
}
#rhnav img.fill {
	margin: 0;
}
#tilltemp {
	margin:8px;
}

.logo { float:right }

/* default elements and adjustments */
/* consider using em units... */
p {	margin: 10px 10px 15px 10px; }
p.cspace { margin: 10px 60px 25px; text-align:center}
.narrow { margin: 10px 60px 15px; }
.cntr { text-align: center }
/* Canonical CSS centering: equal margins. Firefox doesn't like it, though */
.cntr2 { margin-left: auto; margin-right: auto; }

/* general anchors */
#content a, #content a:link,
#tilltemp a, #tilltemp a:link {
	color: rgb(102,0,0);
}
#content a:active, #content a:visited,
#tilltemp a:active, #tilltemp a:visited {
	color: rgb(152,15,13);
}

/* basic HTML elements */
h1 {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
h2, .nextStep {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 10px;
}
h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 10px;
}
h4 {
	color: rgb(102,0,0);
}
li {
	margin-bottom: 0.5em;
	margin-right: 0.5em;	/* added 2006-02-21 */
}
.TopCenterHeader {
	background-color: rgb(247,232,128);
	color: black;
	font-size : 1.1em;
	font-weight : bold;
	text-align: center;
	padding: 5px;
	margin: 0px;
}
.TopHeader {
	background-color: rgb(185,90,55);
	color: white;
	font-size:  0.9em;
	font-weight : bold;
	margin: 2px 8px;
}
a.TopHeader:link, a.TopHeader:visited {
	background-color: rgb(185,90,55);
	color: white;
}
a.Saver:link, a.Saver:visited {
	background-color: rgb(185,90,55);
	color: white;
	font-size:  0.9em;
	font-weight: bold;
	float:right;
}
.TextHeading, .TextHeading a:link, .TextHeading a:visited {
	color : rgb(102,0,0);
	font-weight :  bold;
}
.LeftNav {
	color: rgb(102,0,0);
/*	font-size : small;	*/
}
/* a.LeftNav { font-size: medium } */

.LeftNavActive {
	color : white;
/*	font-size : small;	*/
	font-weight : bold;
}

.LeftNavGray {
	color: rgb(149,47,47);
/*	font-size : small;	*/
}
p.LeftNav {
	margin: 0 0 1.0em 0.5em;
	text-indent: -0.5em;
}
p.LeftNavLogin {	/* for login box */
	margin: 0 0 1.0em 0.2em;
	text-indent: 0;
	font-size:80%;
}
.tbLogin {	/* keep login textboxes small */
	width: 115px;
}
p.LeftNav a:link, p.LeftNavLogin a:link {
	color: rgb(102,0,0)
}
p.LeftNav a:visited, p.LeftNavLogin a:visited {
	color: rgb(152,15,13)
}
.RightNav {
	margin: 0;
	padding: 0;
}
p.RightNav {
	margin: 0 0 15px 0;
	font-size: 0.8em;
}
td.RightCol {
	background-color : rgb(204,153,68);
}

td.RightCol_Plan {
	background-color : #FFC;	
}

td.Caption {
/*	font-size: 0.9em;	*/
}
/* Step/Status table header */
.PlanSection {
	background-color : #CCC;
}
.PlanSectionActive_1  {
	background-color:#FC6;
	vertical-align: bottom;
}
.PlanSectionActive_2 {
	background-color: #9C9;
	vertical-align: bottom;
}
.PlanSectionActive_3 {
	background-color: #996;
	vertical-align: bottom;
}

.PlanSection a:link, .PlanSection a:visited {
	color:black;
	text-decoration: none;
}

tr.RMSHeading {
        font-weight: bold;
        text-align: center;
      }
/* next three were specific to td, but made generic so we
	can apply them to whole ROWS more easily */
.RMSEntry {
        font-size: 0.9em;
        text-align: center;
}

.RMSPracticeHeading {
	font-size: 0.9em;	/* was 8pt */
	text-align: center;
	color: #993300;
}

.RMSPracticeEntry {
	font-size: 0.9em;	/* was 8pt */
	text-align: center;
}	

.TextBulletPoint {
	color : #660;
/*	font-size : small;	*/
	font-weight : bold;
}

td {
	color: black;
/*	font-size : small;	*/
}
td.PlanDetail {
	font-size: 0.75em;
}

.outline {	/* for tables, typically */
	border: groove 1px black;
}

/* used in <dl><dt><dd> list for plan summary, and in
   FarmsteadActionItemDetail.ascx */
.SectionHeading {
	color: rgb(102,0,0);	/* was black */
	font-size : 1.1em;
	font-weight : bold;
}
.SectionSubHeading {
	color : rgb(152,15,13);	/* was #660 */
	font-size : 1em;
	font-weight : bold;
}
dt.SectionSubHeading {
	margin-top: 1.5ex;	/* replaces non-schematic <br><br> */
}
.SectionText {
	color: black;
	font-size : 0.9em;
}
/* for hidden / expandable sections, and their controls */
.hide {
	display: none;
}
a.toggle, a.toggle img {
	text-decoration: none; border: none;
}
/* extra small font for calendar controls */
.smallCal {
	font-size: 0.8em;
}
.smallCalGrayed {
	font-size: 0.8em;
	color: #666;
	background-color: #ddd;
}
.devnote {
	color: Fuchsia;
	font-weight: bold;
	font-style: oblique;
}
.ErrorText {
	color : Red;
	font-weight: bold;
/*	font-size : small;	*/
}
/* to go with editable datagrids */
.TableHeader { background-color: rgb(152,15,13);
	color: white;
	text-align: center;
	font-weight: bold; }
/* need an override of the default <td> color, though */
tr.TableHeader td { color: white; }
.TableCellAlternating { background-color: rgb(255,255,204); }
.TableCellNormal { background-color: white; }
/* buttons force it larger, but we want Update/Cancel pair
   stacked as tight as can be */
.EditCmdColumn { line-height: 0.1em; }
.firstletter {	/* pseudo-illumination */
	float:left;
	color: white;
	background-color:rgb(152,15,13);
	font-size:2.5em;
	line-height:75%;
	padding: 2px;
	margin: 2px 6px 2px 2px;
	font-family: Times, Georgia, serif;
}

/* CSS-only extended title tooltips
 * Usage:
 * <a class="tipLink" href="whatever">Some link text
 * <span>...and a longer treatise that will display as a tooltip for it.</span></a>
 */
a.tipLink { 
	position: relative; 
	z-index:4; 
} 
/* IE needs a "background-color" of some sort */
a.tipLink:hover { z-index:5; background-color: transparent;} 
/* only display the <span> in an <a> on hover */
a.tipLink span { display: none; }
a.tipLink:hover span {
	display:block;
	position:absolute;
	top:1.5em; left:1em;
	/* could be trouble with, or without width...
	width:10em;	*/
	border:1px solid rgb(152,15,13);
	background-color: white;
	color: black;
	padding:4px;
	text-decoration:none;
}
/* coming from a table cell, width is set by that */
td a.tipLink:hover span {
	top: 2ex; left: -3em;
	width: 110%;
}
/* IE6 won't see this; Fx will. Want bigger because it's measured off the
	anchor text, but not so big that the "full cell" goes past window size */
html>body td a.tipLink:hover span {
	width: 130%;
}

/* Stepwise process styling, first employed on Rotations.aspx */
/* similar to h2 and TextHeading for a */
.enabled {
	font-size: 1.1em;
	margin-left: 10px;	
}
.disabled {
	font-size: 1.1em;
	font-style: italic;
	margin-left: 10px;
	color: Gray;	/*  rgb(102,102,102) or #666 ? */
}
.nextStep {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 10px;
}
.enabled a:link, .enabled a:visited {
	color : rgb(102,0,0);
}
.nextStep a:link, .nextStep a:visited {
	color : rgb(102,0,0);
	font-weight :  bold;
}

/* popover info bubbles */
div.popover {
	/* must set the display:none locally, else it won't work on first click */
	/* display:none; */
	position:absolute;
	z-index: 10;
	width: 300px;	/* height expands as needed */
	border:1px solid rgb(152,15,13);
	background-color: white;
	color: black;
	padding:4px;
}
div.closeX {	/* pseudo close control at upper right */
	float:right;
	color: gray;
	font-weight: bold;
	padding: 0 2px;
	margin: 0 0 0 3px;
	border:1px solid gray;
	cursor:hand;	/* for some old IE versions? */
	cursor:pointer;
}
a.popover {
	outline:none;
	text-decoration:underline;
	cursor:hand;
	cursor:pointer;
}
.errFloatAnchor {
	position:relative;
}
.errFloat {	/* block element to float next to errFloatAnchor */
	position:absolute;
	left: 120px;
	top: 50px;
	z-index: 10;
	width: 200px;	/* height expands as needed */
	border:2px dotted white;
	padding: 0.5ex 0.5em;
	color: white;
	background-color: rgb(152,15,13);
}