body {
	font-size: 0.8em;  /* 0.85 ok parish kanban align & can override main which is 0.8em if want to big-up all text relatively */
	position:absolute;  /*prevent shrink-wrap on whole screen not really*/
}

h1 {
  font-family: helvetica, sans-serif;
  font-size: 1.5em;
  color: black;  /* was #691 dark+1 green*/
  font-weight: bold;
}

h2 {
  font-family: helvetica, sans-serif;
  font-size: 1.3em;
  color: black; /* was #691 dark+1 green*/
  font-weight: bold;
}

h3 {
  font-family: helvetica, sans-serif;
  font-size: 1.1em;
  color: black; /* was #69a close to teal */
  font-weight:bold;
}

legend {
	color: black; /* default in IE is blue text but default in FF is black */
}

a {
	font-size:0.9em; /* was 11pt absolute size in points, 1pt = 1/72 in */
	color:#052; /* Now try #052 Dark+3 green. But was black in v3 may revert*/
	margin-bottom: 0px; /* tried to make hdr tabs sit on border-bottom - ineffective */
	/*color:#691;  was in v2 Dark+1 green - Main.css was #36F. Will want to override per app-config */
	/* NB header tab & leftpanel anchors do not respond to this definition because they are a superset with own defs */
} 

a:hover { 
  text-decoration:underline;
  /* May choose not to have color change on hover in per app-config so here make no color change setting*/
} 

a:visited {
  color:#052; /* Dark+3 green - If no color change on visit still set same color to override main*/
}

.mapdiv {
width:290px; 
height:180px;
float:right;
margin-top:5px
}

.bigmapdiv {
width: 800px;
height: 500px;
margin-top:5px
}

.formdiv {
/*position:relative;
top:65px;
left:110px;*/

}

.resultsdiv {
	/*
position:relative;
top:65px;*/

}

.header {        
	width:auto;  /*width determined by the window or parent */
	  font-family: helvetica, sans-serif;
	  font-size: 1em;
	  background-color:#fff; /* white */
	  clear:both;
	  margin-top: 0px; 
	  margin-bottom: 0px;
	  padding-left:0px; 
	  padding-right:0px; 
	  padding-bottom:0px; /* tried to make hdr tabs sit on border-bottom - ineffective */
	  border-bottom: 2px solid green;
	  /* text-align:center; Inherits to child & grandchild etc elements. Aligns text or <a> in eg div inc padding & borders*/
	  /* padding-top:0px; OK default padding inside top border as Gif logo replaced by logoTxt so need small gap at top*/
	  /* padding-bottom:8px;  - Do not want padding before bottom border because want header Tabs to sit on border line */
	  /* height:95px;  - No height as want header to size to divs in it & adjust vert with size of user chosen Text View*/
	  border-collapse: collapse;
}  

.header .credits {
	display:inline-block;
	width:200px;/*(was 20%;*/
	float:left;		 /*allows other inline-blocks to float next to it */
}

.header .headerlogo {
	/* display:inline-block; allows other blocks to be on same line */
	  background-color:#fff; /* white */
	  background-image: url('../images/headerpics.jpg');
	  background-repeat: no-repeat;
	  background-position: right top;
	  width:413px; /*Was  40% 30% of parent div .header  Was 200px*/
	  height:98px; /* Was % of parent div.*/
	  float:right;
}

.header .headertabs{
	width:40%; /*  but wrapped oddly - try to get header buttons to wrap under credits */
	display:block;  /* allows other blocks to be on same line */
	/*float:left;*/
	 margin-top:0px;
	 margin-bottom:0px;
  	padding: 5px;
	/* height:auto; */
	/* CIA hdr button font size */
	/* position:relative;
        bottom:0;    was -75px. Neg moves up screen. Relative to would-be static position. Bottom to which corner is measured top or base
        left:0; 		 was 170px but we want full left */
 	font-family: helvetica, sans-serif;
 	font-size: 1.0em; /* Was 1.2em & MAY Prevent Tabs sitting on top green line */
}

.headertabs a, .headertabs a:visited {
   font-size: 1em; /* added a:visited in order to up specificity enough for IE 6 to see this SELECTOR's precedence worked*/
   font-weight: bold; 
   text-decoration: none;
   color:Black;
   background-color:White; /* white #fff*/
   padding: 1px 3px;
   border: 1px solid green;
   margin:0;
   margin-bottom:0px;
   margin-left:3px; /* was margin-right but switched to left align*/
}

.headertabs a:hover {
  color:#052; /* Dark+3 green set color to override main.css.  keep link color no need to change on hover */
  background-color: #cc6; /* Mid-green mustard */
  font-weight: bold;
  border: 1px solid green;
}

.logos {
   background-color:#fff; /* white - is this rightpanel or sign-in arrow.  See .header for cialogo*/
}

/* Now single word Devon in green.  Was old v2 logotxt stacked header*/
.header .logotxtCommunities {
	display:inline-block; /* was inline */
	float:left; /* allows other inline-blocks to float next to it to the right*/
	font-size: 2em; /* was 3em */
	font-weight:bold;
	color:green; /* #B8D878 = from green directory logo gif. Was Lime. Or #691 dark green*/
}

/* Now Communities in Action in black.  Was 30% width */
.logotxtin {
	display:inline; /* was inline */
	width:20%; /* % of parent. V3 was 30%  V2 was only 10% */
	float:left; /* allows other inline-blocks to float next to it */
	font-size: 2.1em; /* was 3.1em */
	font-weight:bold;
	/* font-style:italic; remove italic style */
	color:Black;
}

.header .credittxtClient {
	/*display:inline;
	width:30%;
	float:left;		 allows other inline-blocks to float next to it */
	/* width:18%;  % of parent. V3 was 30%  V2 was only 10% */
	font-size: 0.9em; /* was 3em then 1.2em */
	font-weight:normal; /* was bold */
	color:green; /* #B8D878 = from green directory logo gif. Was Lime. Or #691 dark green*/
}
.header .credittxtParibus {
	/*display:inline;	 was display inline but then ignored line-height */
	/* line-height:2.8em;  was 3.6em.  Forces set of blocks of irregular height to align. Forces blocks below to start on left of parent*/
	/*width:15%;*/
	/*float:right; element should float to right of it's parent. Allows other inline-blocks to float to it's left */
	font-size: 0.9em; /* was 3em then 1.2em */
	font-weight:normal; /* was bold */
	color:green; /* #B8D878 = from green directory logo gif. Was Lime. Or #691 dark green*/
}

/* no longer used was used old v2 for stacked logotxt */
.logotxtAction {
	display:inline-block; /* was inline-block */
	float:left;  /* allows other inline-blocks to float next to it */
	font-size: 2.1em; /* was 3.1em */
	font-weight:bold;
	color:Black;
}
.header .login {
  display:inline-block;
  line-height:1.9em; /* was 3.6em.  Forces set of blocks of irregular height to align. Forces blocks below to start on left of parent*/
  /* border: 1px solid green; */
  font-weight:bold;  
  font-family: helvetica, sans-serif;
  font-size: 1em;
  color:Purple;
  /*was position:absolute; left:160px; top:70px; z-index: 1; to lay over & to the right of CIA background image logo*/
  /*padding: 3px 1px;
  /*margin: 0px;*/
  /*clear:both; */
}

.login {
  display:inline-block;
  line-height:2.6em; /* was 2.6em was 3.6em.  Forces set of blocks of irregular height to align. Forces blocks below to start on left of parent*/
  /* border: 1px solid green; */
  font-weight:bold;  
  font-family: helvetica, sans-serif;
  font-size: 1em;
  color:Purple;
  /*was position:absolute; left:160px; top:70px; z-index: 1; to lay over & to the right of CIA background image logo*/
  /*padding: 3px 1px;
  /*margin: 0px;*/
  /*clear:both; */
}


.body {
   width:auto;  /*width determined by the window or parent */
   border-color:red;
   border-width:thick;
   background-color:White; /* white #fff*/
   color:Black;			   /* black #000*/
   clear:both;
   margin: 0px;
   padding: 0 5px; /* was 10px 5px - top right bottom left sequence */
}
	
.leftPanel {
/*	  background-image: url('../images/leftpanelpics-fade60.jpg');
	  background-repeat: repeat;
	  background-position: left top; 
*/
  float:left;
  margin-top: 0px; /* was -10px */
  border-collapse: collapse;
  padding-top: 10px;
  width:14%; /* was 16% when FF displayed as fingers */
  border-right:solid 2px green;
  padding-left:2px; 
  padding-right:5px;  
  height:900px;	/*was 1000px leftpanel run off so no short leg long leg */
}

.leftPanel a, .leftPanel a:visited {
	color:Black; /* ONLY way to get IE to recognise a = Black was to add extra .leftPanel anchor selector.  FF saw downstream selector .nav ul li a BUT IE didn't*/
	} /* can now use above trick on headerTabs to get IE to see Selector anchor color = Black */

.nav ul {
	margin: 0;
	padding: 0;
}

.nav ul li {
	list-style-type: none; /* no bullet dots */
	margin: 0;
	padding: 0;
}

.nav ul li a {
	display: block; /* nav RATHER THAN navbar is used */
	text-decoration: none;
	/*color:Black;  sets color of an anchor cascaded to from class=nav ul li BUT only FF saw this IE ignored*/
}

/* .nav a, .nav a:visited {
	color:Red;  sets color of an anchor cascaded to from class=nav ul li VIA .leftPanel color a=Black BUT does NOT reset anchor cascaded VIA .splitBody .action-bar
}               SJB assumes that the double cascade identified by using both .splitBody .action-bar carries higher specificity than the single cascade spec of .nav even though .nav comes later in cascade. Yes when .splitBody removed rightmenu text went blue in FF & IE*/

/* navbar may NOT be used
.navbar ul li a {
	display: block;  
	text-decoration: none;
	font-weight: bold; 
	border-bottom: solid green 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}*/

.navcream {
  	display: block;
	text-decoration: none;
		/* color:Black;  sets text color of object with this class eg li or table cell BUT NOT text color of an anchor */
  margin-top: 0px; 
  margin-bottom:2px;
  /* border:solid 1px green; Was v2 border now no border */
  padding:3px 1px 3px 1px;
  width:100%; /* This prevented IE from leaving a big blank line under the nav link */
  background-color:#FFFA9C; /* mid cream */
}

.navgreen {
	display: block;
	text-decoration: none;
		/* color:Black;  sets text color of object with this class eg li or table cell BUT NOT text color of an anchor */
  margin-top: 0px; 
  margin-bottom:2px;
  /* border:solid 1px green; Was v2 border now no border */
  padding:3px 1px 3px 1px;
  width:100%; /* This prevented IE from leaving a big blank line under the nav link */
  background-color:#ECFFCA; /* palest green */
}

.navwhite {
  	display: block;
	text-decoration: none;
		/* color:Black;  sets text color of object with this class eg li or table cell BUT NOT text color of an anchor */
  margin-top: 0px; 
  margin-bottom:2px;
  /* border:solid 1px green; Was v2 border now no border */
  padding:3px 1px 3px 1px;
  width:100%; /* This prevented IE from leaving a big blank line under the nav link */
  background-color:White; /* white for front rightpanel reference website links*/
}

.accent {
  color:green; /* system accent color (could add decoration, font weight etc) used largely on text & anchortext*/
  font-weight: bold;
}

.darkaccent {
  color:black; /* system contrast accent color (could add decoration, font weight etc) used largely on text & anchortext*/
  font-weight: bold;
}

/* the splitBody action-bar styles the righthand MySpace / YourInfo Menu UL Li list */
.splitBody .action-bar {
   float: right;  
   width:150px;
   margin: 0px;
   padding-top: 10px; /* added in cia to harmonise with .leftpanel top padding */
   background-color:White; /* was background-color:#eee;*/
   color:Black; /* was #00c; blue text. NB sets text color of object with this class eg li or table cell BUT NOT text color of an anchor in FF*/
   border-top: solid 1px White;  /* was already white = #fff */
   border-left: solid 1px White;	/* was  = #666 */
   border-right: solid 1px White;  /* was already white = #fff */  
   border-bottom: solid 1px White;     /* was  = #666 */
}

.splitBody .action-bar ul {
   margin-left:0px; /*was base swid 18Px */
   padding-left: 0px;
   list-style-image:none; /*was url('../images/blue-chevron.png'); */
}

.splitBody .action-bar  a, .splitBody .action-bar a:visited {
  color:Black; /* Was Mozilla ok color:inherit BUT IE still switched to blue instead of black or dark green.  prefix .splitBody removed FF & IE went back to blue */
}

.mainBody {
   position: absolute; /* IE sees this fix. reinstate to .mainBody keep still on .tabpanel */
   /*float:left; */
   background-color:#fff; /* white */
   color:#000;			  /* black */
   border: 0px solid;
   width:80%; /* released initially at 80% */
   padding-left:5px; /* was 8px*/
   /*padding-right:3px;*/
}

/* don't let non-IE browsers return to their normal shuffle ie keep screen absolute then re-set the diagram absolute 
positions or set relative instead or static so diagram bits take their (0,0)from same pixel for IE & Non-IE.
IE7 requires hack to include /star star/ empty comment */
body>/**/div .mainBody{  
   position: relative; /* IE can NOT see this chevron selector as it has no space around the chevron*/
   float:left;
   background-color:#fff; /* white */
   color:#000;				/* black */
   border: 0px solid ;
   width:80%; /* released initially at 80% */
   padding-left:5px /* was 8px*/
}      

.knPanel{  /* does not wrap because sits to top left of .mainBody & .mainBody on position:absolute no offsets*/
  float:left;
  border-collapse: collapse;
  padding-top: 10px;
  width:76%; /* was 68 % displayed abutting RHS border*/
  border-right:solid 2px green;	/* color green */
  margin-top: 0px; /* was -10px */
  height:1000px;	 /*knpanel run off so no short leg long leg */
}

.frontrightbar {
  /* clear:both; */
  float:left;
  position:absolute;
  padding-top: 10px;
  width:20%;
  /* margin-left:85%; attempt at dynamic margins fix shrink wrap*/
  /*float:right;*/
  /*width:100px; */
  font-weight:normal;
}

body>/**/div .frontrightbar {
  /* clear:both; */
  float:left;
  position:static;
  padding-top: 10px;
  width:20%;
  /* margin-left:85%; */
  /*float:right;*/
  /*width:100px; */
  font-weight:normal;
}

.frontbody {
   margin-bottom:20px;
   margin-right:2px;
   /* border:solid 1px green; old v2 solid border now no border */
   padding-left:2px;
   padding-right:2px;
   vertical-align:middle;
   font-weight:normal;
}

#frontsearch {width:auto; margin-left:30px; margin-right:20px;}
#frontsearch ul {list-style:none; margin:0; padding:0;}
#frontsearch li {margin-bottom:1em;}
#frontsearch label {display:block; float:left; width:5.5em; text-align:right; margin-right:0.5em;}/* need to display as a block to get width to be setable, but also want input field on same line so must also float:left*/
#frontsearch a {display:block; text-align:right; font-size:1.0em;}/* need display:block to set text-align:right goes to right of parent(eg div) width, or to right of own width if set*/
li .button {margin-left:6em; background:#c0c0c0 url(../images/buttonback.gif) 0 0 repeat-x; border:1px solid; border-color:#ddd #111 #111 #ddd;}

.frontembedded {
/* border:solid 1px lime;  old v2 solid border now no border */
margin:25px;
font-size:1.5em;
background-color:#ECFFCA;  /*is palest green. was mustard=#cccc66 */
}

.frontheader {
padding-top:30px;
margin-top:20px;
}

/* .header .header-content {
   	margin-top:0px;
	position:absolute;
	left:80px;
	top:60px;
   	vertical-align:middle;
   	font-family: helvetica, sans-serif;
  	font-size: 1.6em;
  	padding: 5px;
}

.header .header-content a, .header .header-content span {
   text-decoration: none;

   padding: 1px 3px;
   font-size: 1em;
   font-family: helvetica, sans-serif; 
}

.header .header-content a:hover {
  color:#f5f5dc;;
  background-color: #cc6;
  font-weight: bold;
  border: 1px solid #000;
}

.header .header-content .child, .header form .button {
  color: #000;
  font-weight: bold;
  border: 2px solid ;
  border-color: #cc6;
  background-color: #fff;
}   not sure .header-content is used on any pages */

.diagram { margin:50px; /* want 10px */
}

.diagramtable { 
  table-layout: fixed /* allows the ratio of col widths to each other to be set in the td or th. 
  						Overrides the default auto value which lets cotent set widths */
}

/* box rule WAS width: 40px;  all browsers see this rule */
/*all browsers see this rule */
.box {
/*min-width: 40px; IE6 5 don't act on. width:40px IE6 & 5 act as max width? But other UAs would be stuck at fixed width so next override rule */
border: 2px solid Black;
padding: 3px;
background: #ECFFCA; /* palest green */
}  /* white-space: nowrap; If window can be shrunk then contents other than navigation tabs should be able to wrap, otherwise will spill out of box again */


/* IE6 & 5 ignore rule but handle width as min-width anyway. IE7&non-IE UAs obey child selector. FF needs auto to expand box to fit text, which IE6 does anyway*/
html>body .box {width: auto; min-width: 40px;} /* FF & IE7 hear this width:auto good */

 .box40 {
width: 80px;  /*limited width was 40 box all browsers see this rule */
border:groove 2px Black;
padding: 3px;
padding-top:12px;
padding-bottom:12px;
background:white; /*Was #ECFFCA palest green */
/* white-space: nowrap; If window can be shrunk then contents other than navigation tabs should be able to wrap, otherwise will spill out of box again */
}

html>body .box40 {
width: auto; /* IE ignores rule but handles width as min-width anyway.  FF needs auto to expand box to fit text*/
min-width: 40px;
}


.tabpanel{ margin-top:50px; /* tabpanel is knowledge display page */
   position: absolute;
   /* float:left; */
}

body>/**/div .tabpanel{ margin-top:50px; /* IE can not see this selector */
   position: relative;
   float:left;
}

.plan { 
position:absolute; 
top: 57px; /* was 200px; when .mainBody was absolute in IE or relative in non-IE */
left:2px; /* was 60px was 270px; when .mainBody was absolute */
/* initially left:280px; top:230px */
border: solid 1px;
padding:2px;
width:155px;
/* initially no width set. NB IE5 & 6 treat as min-width */
}

.arrow1{
position:absolute; 
top: 57px; /* was 200px; when .mainBody was absolute in IE or relative in non-IE */
left:162px; /* was 150. was360px; when .mainBody was absolute */
/* initially left:360px; top:230px */
}

.issue {
position:absolute; 
top: 57px; /* was 200px; when .mainBody was absolute in IE or relative in non-IE */
left:194px; /* was 400px; when .mainBody was absolute */
/* initially left:400px; top:230px */
border: solid 1px;
padding:2px;
width:155px;
}

.arrow2{
position:absolute; 
top: 57px; /* was 200px; when .mainBody was absolute in IE or relative in non-IE */
left:360px; /* was 350. was 560px; when .mainBody was absolute */
/* initially left:560px; top:230px */
}

.proposal{
position:absolute; 
top: 57px; /* was 200px; when .mainBody was absolute in IE or relative in non-IE */
left:392px; /* was 600px; when .mainBody was absolute */
/* initially left:600px; top:230px */
border: solid 1px;
padding:2px;
width:155px;
}

.arrow3{
position:absolute; 
top: 57px; /* was 200px; when .mainBody was absolute in IE or relative in non-IE */
left:560px; /* was 550. was 760px; when .mainBody was absolute */
/* initially left:760px; top:230px */
}

.action{
position:absolute; 
top: 57px; /* was 200px; when .mainBody was absolute in IE or relative in non-IE */
left:592px; /* was 800px; when .mainBody was absolute */
/* initially left:800px; top:230px */
border: solid 1px;
padding:2px;
width:155px;
}


.pictures {
margin-top:50px;
}

.viewlegend {
    font-size: 1em;	/* where does this ever used */
	color:#990000;
	font-weight:bold;
}

.editsteps {
	display:inline; /* was inline */
	width:70%; /* % of parent. V2 was only 10% */
	float:left; /* allows other inline-blocks to float next to it */
	font-size: 0.6em; /* relative to parent.  */
	font-weight:normal;
   	text-align:left;
	/* font-style:italic; remove italic style */
	color:Black;
}

.focusnow {
	/* (IE would fail to match pattern of selector if .focusnow was nested within another .class but) ok here */
    font-size: 1.4em;	/* ems, relative to 1.4em x PARENT element's size */
    padding: 3px;     	/* pixels, relative to canvas */
    vertical-align:middle; /* was top before instruction steps added to 4-stage model diagram */
   	text-align:right;
	color:green;
	font-weight:bold;
	border:2px solid green; /* mid-dark green */
	/* background-color:#cc6; /* could use #F4FF78 = cream-green*/
	width:30%;		/* Was WIDTH:150PX;  pixels, relative to canvas */
}

.view .focusnot, .focusnot {
	/* (IE would fail to match pattern of selector if .focusnot is nested in another class eg .view but) ok here */
    font-size: 1.0em;	/* ems, relative to 1.0em x PARENT element's size */
    padding: 3px;     	/* pixels, relative to canvas */
    vertical-align:top;
   	text-align:right;
	color:green;
	font-weight:normal;
	border:2px dashed gray; /* was #ddd */
	width:14%;		/* Was WIDTH:150PX;    ixels, relative to canvas */
}

table.view {
  border-collapse:collapse;
  font-weight:normal;
  /*width:700px;*/
}

.view .cia-fieldlabel {
    font-size: 1.0em;	/* ems, relative to 1.0em x PARENT element's size */
    padding: 3px;     	/* pixels, relative to canvas */
    vertical-align:top;
   	text-align:right;
	color:Black;			/* was #052 Dark+3 green */
	font-weight:normal;
	border:1px solid #eef;  /* was #ddd dark grey ? */
	background-color:#ecffca;   /* now leftpanel palest green. was #f9f9f9 palest grey v2. was #ddd. was #eef pale smoky blue tinge */
	/* font-style:italic;  commented out for CIA app*/
	WIDTH:150PX;		/* pixels, relative to canvas. sjb why*/
}

.view .cia-fieldlabel-center { 
    font-size: 1.3em;		/* relative 1.3em x Parent element font. Document Upload Main Centered Title Label is a bigger font */
    padding: 3px;
    vertical-align:top;
   	text-align:center;
	color:Black;			/* was #052 Dark+3 green */
	font-weight:normal;
	border:1px solid #eef;  /* was #ddd dark grey ? */
	background-color:#ecffca;   /* now leftpanel palest green. was #f9f9f9 palest grey v2. #f2f2f2 very light wispy grey. was #eef pale smoky blue tinge */
	/* font-style:italic; */
}

.view .cia-hitlabel-center { 
    font-size: 1.3em;		/* relative 1.3em x Parent element font. Document Hit Results Main Centered Title Label is a bigger font */
    padding: 3px;
    vertical-align:top;
   	text-align:center;
	color: black;			/* Dark+3 green */
	font-weight:normal;
	border:1px solid #ccc;  /* #999 Dark+2 grey */
	background-color:#ecffca;   /* now leftpanel palest green. was #ddd pale smoky grey */
	/* font-style:italic; */
}

.view .cia-misclabel {
    font-size: 1.0em;	/* ems, relative to 1.0em x PARENT element's size */
    padding: 3px;     	/* pixels, relative to canvas */
    vertical-align:top;
   	text-align:right;
	color:Black;			/* was #052 Dark+3 green */
	font-weight:normal;
	border:1px solid #eef;  /* was #ddd dark grey ? */
	background-color:#ecffca;   /* now leftpanel palest green. was #f9f9f9 palest grey v2. was #ddd. was #eef pale smoky blue tinge */
	/* font-style:italic;  commented out for CIA app*/
	/* WIDTH:150PX;		 pixels, relative to canvas. sjb auto width*/
}


.view .cia-value {
  font-size: 1.0em;		/* ems, relative to X*PARENT element's font size */
  padding-left:12px;
  text-align:left;
  vertical-align: top;
  color: #000;	/* black */
  background-color: #FFF; /* white */
  border:1px solid #EEF;
}

.view .cia-value-center, .view tr.cia-value-center td, .cia-value-center {
	text-align:center; /* funders, partners, uploaded docs, any with fieldlabel on colhdr */
	border:1px solid #eef; /*pale grey border*/
	color:black;	/* was nice as green */
	font-size: 1.0em;  /* ems, relative to X*PARENT element's font size */
	/* This definition of font-size is getting overriden or rather NOT PREserved unless .view is the start of the pattern
	   see below for the .view PREservation actions.
	   The use of a tr level class BUT actually to style td level cells is clever but obscure when reading jsp
	   alignments and relative font-sizes etc are likely to be adjusted by the UA here the SELECTOR chooses the td
	   so it is the content of the td that is sized or aligned.  This will not be instantly clearer to the jsp reader
	   Without the tr the td does not hear the definition
	   Without the .view the td 'hears' the def sets color etc BUT font-size ends up smaller than 1.0em*/
}
.view td.value {
  border-top: 1px #DDF solid;
}

.view td.value pre {
  font-size: 1.2em;	/* ems, relative to X*PARENT element's font size */
}

.view pre {
  font-size: 1.0em;	/* ems, relative to X*PARENT element's font size */
    font-family: helvetica, sans-serif;
}

.view .value-contact {
  font-size: 0.8em;	/* ems, relative to X*PARENT element's font size */
  text-align:left;
  color: #000;
  font-style:italic; /* is contact italic */
}

fieldset.view {
  width:750px;	/* where is this ever used. never want to use fixed size pixels always use relative %, pts or em sizes */
  margin-top:20px;
  clear:both;
}

form fieldset {
  border: 1px solid #CCC;
  margin-top: 15px;  
  text-align:left;
 font-size: 1.3em; /* Was changed to 1.0em (as original 1.3em made Adv Srch Form labels very big) made parish hint text v small */
}

.advsearch{
 font-size: 1.0em; /* Was changed to 1.0em (as original 1.3em made Adv Srch Form labels very big) made parish hint text v small */
}

form textarea {
  font-size: 1.0em; /* Tried 1.2 ok when .form .fieldset was set down to 1.0em. em perhaps a bit bigger. Was 0.8em this overrides font-size for this selector in main.css */
}

td {
   font-size: 1.0em; /* Tried 1.2em for .form .fieldset 1.3em set to 1.0em. Was 0.8em this overrides font-size for this selector in main.css */
}

.editlegend {
 font-family: helvetica, sans-serif;
 font-size: 1em;	/* ems, relative to X*PARENT element's font size */
 color: #999;   /*now dark+2 grey. Overrides main #66c hint text blue */
 font-weight: bold;
 border: 2px;
}

.editlegendsmall {
 font-family: helvetica, sans-serif;
 font-size: 0.75em;	/* ems, relative to X*PARENT element's font size */
 color: #999;   /*now dark+2 grey. Overrides main #66c hint text blue */
 font-weight: normal;
 border: 2px;
}

.kanban {
 font-family: helvetica, sans-serif;
 font-size: 1.0em;
 color: #999;   /*now dark+2 grey. Was #66c hint text blue */
 font-style:normal;  /* CIA override main.css italics */
}

 td.kanban {
 font-family: helvetica, sans-serif;
 font-size: 1.0em;
 color: #999;   /*now dark+2 grey. Was #66c hint text blue */
 font-style:normal;   /* CIA parish hint no italics */
}

.kanbanMpick td {		
 padding-top: 2%;	/* set more padding for IE */
 padding-bottom: 1.1%;
 font-family: helvetica, sans-serif;
 font-size: 1.0em; /* on IE the font size stays as 1.0em as IE does not see rule below */
 color: #999;   /*now dark+2 grey. Was #66c hint text blue */
}

td>table.kanbanMpick td {    
 font-size: 0.8em;		/* ems, relative to X*PARENT element's font size */
 padding-top: 1.1%;				/* IE can not see this selector. Reduce size on FF as it correctly adds padding to sizes unlike IE which includes padding in size*/
 padding-bottom: 1.1%;
 font-family: helvetica, sans-serif;
 color:gray;
}

.button-null  button {
  border-width: 0px;
 background-color: #fff;
}

.mandatory {
   text-align:right;
   vertical-align:middle;
   color:#ff0000;
   font-weight:normal;
   font-size:2.0em;
}

.mandatorytext {
   text-align:right;
   vertical-align:middle;
   color:#ff0000;
   font-weight:bold;
   font-size:1.0em;
}

.orgheader{
	padding:10px;		/* possibly purpose subsumed by .cia-fieldlabel-center */
	background-color:#eee;
	font-size:1.0em;
}

.editbox{
	text-align:left; /* possibly purpose subsumed by .cia-value-center */
	border:1px solid #eee;
}

.centrebuttons{
float:left;
padding:10px;

}

.formbutton , .formbutton a, .formbutton a:visited, .formbutton a:hover {
  /* in twice color: #000; */
  color: #000;
  font-weight: normal;
  /* border: 1px solid #FFF; set twice below */
  background-color: #eee;
border:1px solid #bbb;
text-decoration:none;
}

.greyed{
	font-size: 1.0em; 
  	color:Gray;
}

.orgname{
  font-family: helvetica, sans-serif;
  font-size: 1.1em;
  color: #28e;
  font-weight:bold;
}

.admin{
  border-collapse:collapse;
  font-weight:normal;
  font-size: 1.3em; 
  /*width:700px;*/
}

/* EDIT mode inputs & upload page Tabs */
div.tabs input {
   font-size: 1em; /* override main.css. ems, relative to X*PARENT element's font size */
   background-color: #ddd; /* now light smoke grey. Was #DDF light misty blue of field entry */
   border-style: solid;
   border-color: green;
   border-width: 1px 1px 0px 1px;
   border-color: #999;
}

div.tabs input.selected, div.tabs input.exit {
   background-color:#ECFFCA; /*Now=palest green. #999 = dark+2 grey. was #66c tinge of purple misty blue save button override main */
   color:black; /* #FFF Was white */
   font-weight: bold;  
}

div.tabs input.exit {
   margin-bottom: 5px; /* same as main */
   margin-left: 10px;
   border-width: 1px;
   border-style: solid;
   border-color:  #CCC #999 #999 #CCC;
   background-color:#fffa9c; /*mid-yellow. Was dark+3 green =#008000 */
}