/**************************************************************
* 15may07: see also daao_print.css
* 18oct07: table layout structural styles
* [24oct07: backed up before rewrite]
* 30oct07: complete rewrite to second "re-skin" exercise
* 14aug08: bio_text p rule, topBar spelling fix, navBar specificity
* 15aug08: added logoButton,Holder,Object,Image classes
* 01sep08: padding-bottom for advanced search td
***************************************************************/
/* INTERNAL CODING STANDARDS:
*  avoid all "hacks", stick to CSS1 as much as possible
*  top margin set by bottom box.
*  in rule groups, font rules are first, then "important" structural
*  rules (margins before padding) then other.
*  color and border rules all grouped.
*  color as 3 hex digits normally (else 6 hex digits).
*  font sizes as preferably em units.
*  box dimensions (where text contained) preferably ex units.
*  redundancies for clarification. 
****************************************************************/

/*no display printer specific..*/

.print_only {
  display: none;
}


/*standard tags..*/


hr {
  /*width: auto; no good for ie*/
  height: 2px;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

table {
  /*font-size: 1.1em;*/ /*because not properly inherited*/
  border-spacing: 0; /*so alternating row background works*/
  border-collapse: collapse; /*as above but for ie */
}

td {
  padding-left: 5px;
  padding-right: 5px;
}

input, textarea, select {
  /*font-size: 1.1em;*/ /*just to be sure*/
}

textarea {
  /*font-size: 1.2em;*/ /*text areas are strange*/
}

h1 {
  font-size: 1.3em;
  margin-bottom: 0.4em;
}

.homePage h1 {
  display: none; /*replaced by gif!*/
  font-size: 1.9em;
  margin: 0 0 0.4em 0;
  padding: 0 0 0 0; 
}

h2 {
  font-size: 1.1em;
  margin-bottom: 0em;
}

h3 {
  font-size: 1em;
  margin-bottom: 0em;
}

h4 {
  font-size: 0.9em;
  margin-bottom: 0em;
}

p {
  margin: 0.8ex 0.5ex 0.2ex 0.5ex; 
}

div.paragraph { /*je outer container, no gap if empty*/
  margin: 0.8ex 0.5ex 0.2ex 0.5ex; 
  /*old- padding-top: 1ex;  padding-bottom: 1ex; */
}

div.dropped_paragraph { 
  margin: 3ex 0.5ex 0.2ex 0.5ex; 
}

.inner_content p, .inner_content div.paragraph {
  width:100%;
  max-width: 65ex;
}




/*layout structure..*/

body {
  font-size: 0.7em; /*medium;*/
  font-family: "Verdana", "Helvetica", "Arial", "Lucida Sans", sans-serif;
  margin: 0;
}

/* in case quirks-mode gets invoked somehow? */
table {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
}

.mainTable {
  table-layout: fixed; /*fixed or auto*/
  height: 80ex; /*what?!*/
  width: 100%;
	margin: 0;
	padding: 0;
	border-style: none;
}

.mainTable td {
	margin: 0;
	padding: 0;
	border-style: none;
}

.oneColumn .leftCell{
  width: 0.1ex; /* effectively overriden by children, 0 is ignored*/
  overflow: hidden;
  clip: auto;
}
.oneColumn .mainCell { /*content*/
}
.oneColumn .rightCell {
  width: 0.1ex;
  overflow: hidden;
  clip: auto;
}


.twoColumn .leftCell {
  width: 200px;
  /*overflow: hidden;
  clip: auto;*/
}
.twoColumn .mainCell { /*content*/
}
.twoColumn .rightCell {
  width: 0.1ex;
  overflow: hidden;
  clip: auto;
}


.threeColumn .leftCell { /*logo, search and contextual nav*/
  /*font-size: 0.8em;*/
  width: 200px;
  /*max-width: 200px;
  min-width: 200px;*/
  /*overflow: hidden;
  clip: auto;*/
  /*background-color: green;*/
}
.threeColumn .mainCell { /*content*/
  /*background-color: yellow;*/
}
.threeColumn .rightCell { /*blank or ads?*/
  width: 160px; /*for logos images*/
  overflow: hidden;
  clip: auto;
  /*background-color: blue;*/
}
.homePage .threeColumn .rightCell { /*blank or logo images etc*/
  width: 200px; /*for logos images*/
  overflow: hidden;
  clip: auto;
  /*background-color: blue;*/
}

.topBar { /* this bar is minimal*/ 
  font-size: 0.8em;
  font-weight: bold;
  margin: 0;
  padding: 1.0ex 0 1.8ex 220px; /*approx align to content*/
  word-spacing: 1.5em;
  border-style: none;
}

.leftBar {
  width: 200px;
  /*max-width: 200px;
  min-width: 200px;*/
  margin: 0 0 0 0;
  padding: 0;
  border-style: none;
}

.rightBar {
  margin: 0;
  padding: 0;
  border-style: none; 
}

.bottomBar {
  font-size: 0.8em;
  font-weight: bold;
  margin: 0;
  padding: 0.7ex 2em 0.7ex 2em;
  border-style: none;
}  

.bottom_links {
  text-align: right;
  word-spacing: 1.5em;
}

.vision_style {
  font-weight: bold;
  color: #ff9933;
}

.mainCell { /* the "real" content */
}
    
.mainContainer { /* the "real" content */
	margin: 0 1ex 1ex 20px;
	padding: 0;
}

.minimalContainer { /* "real" content, usually in iframe */
	margin: 0;
	padding: 0 0 0 8px;
}

.above_the_belt { /*nav bar and login stuff above titled content*/
  /*background-color: yellow;*/
  height: 180px;
}

.titled_content { /* includes h1 and messages */
  /*background-color:red;*/ 
}

.inner_content { /* excludes h1 and messages */
  /*background-color:green;*/
}

/* custom classes follow */

.disclaimer { /*eg optimise msg*/
  margin-top: 2ex;
  font-size: 75%;
  color: #aaa;
}

.navBar { /* member specific main navigation*/ 
  /*font-size: 0.8em;*/
  font-weight: bold;
  margin: 60px 0 0 0;
  padding: 0;
  word-spacing: 1.5em;
  border-style: none;
}

.helloBox { /* "hello" in header area (if user is logged in)*/
  margin: 1ex 1ex 1ex 1ex;  
  padding: 1ex 1ex 1ex 1ex; 
  text-align: right;
}
.helloBox h2 {  
  font-family: "Georgia", "Times New Roman", "Times", serif;   
}
.helloBox a {  
  padding-left: 2ex;   
}

.home_welcome { /*one off*/
  margin: 53px 0 0 0; /*match topBar*/
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -2px;
}

/* styles relating to areas in main content */

.quality_stub, .quality_peer, .quality_system  {
  font-size:80%;
}


.bio_text {
  /*max-width: 65em; 
  width: expression((document.body.clientWidth > 800) ? "700px" : "600px");*/
  /*font-size: 1.1em;*/
}

.bio_text p { /*added aug2008*/
  margin: 0.8ex 0 0.2ex 0; 
  padding: 0 0 0 0;
  width:100%;
  max-width: 100%;
}


.bio_supplements {
  /*max-width: 65em; 
  width:expression((document.body.clientWidth > 800) ? "700px" : "600px" );*/  
  padding-top: 10px;
}

.bio_supplement {
}

.bio_external_links { /* maybe one day */
}


.bio_meta {
  /*max-width: 65em; 
  width: expression((document.body.clientWidth > 800) ? "700px" : "600px");*/
  /*font-size: 1.1em;*/
}

.bio_summary {
  /*max-width: 65em; 
  width:expression((document.body.clientWidth > 800) ? "700px" : "600px" );*/  
  /*font-size: 1.1em;*/
}

.bio_topics {
  /*max-width: 65em; 
  width:expression((document.body.clientWidth > 800) ? "700px" : "600px" );*/  
}


.bio_topics table {
  width: 100%;
}

.bio_topics tr {
}

.bio_topics td {
  padding-top: 1.2ex;
}

.bio_topics h3 {
  font-size: 110%;
}

.bio_topics h4 {
  display: inline;
  margin-bottom: 0;    
  font-size: 100%;
  font-weight: normal;
}


.bio_text_window_box { /* in board.review and reviewer.review */
  /*max-width: 65em; 
  width: expression((document.body.clientWidth > 800) ? "700px" : "600px");*/
}


.author_step { /* span STEP 1 etc */
  font-size: 110%;
  margin-left: 3ex;
}


.leftBar hr {
  margin-left: 34px;
}

.quick_search {
  margin: 2ex 0 0 34px;
}

.qsearch_input {
  width: 75%;
} 

.go_button {
  padding:0;
  font-size:100%;
  font-weight:bold;
}  

.button_group {
  margin: 1.5ex 0 0.5ex 0; 
}



div.action_menu { /*contextual sidebar links*/
  width: 85%;
  margin: 5ex 0 5ex 34px;
  padding: 0 0 0.5ex 0;
}

.action_menu hr {
  height: 4px;
  margin: 5px 0 5px 0;
}

.action_menu h3 {
  margin: 0.2ex 0 0.6ex 0;
  padding: 0 0 0 0;
}

.action_menu div { /*action_menu: h3 then a series of links in divs*/
  margin: 0 1ex 0 0;
  padding: 0 20px 1ex 0; /*for bg img*/
  background: url(/images/r_arrow.png) no-repeat 100% 25%;
}


.action_menu a { /*problem - long words can exceed width?*/
  font-weight: bold;
  margin: 0 0 0 0;
  line-height: 110%; /*avoid img truncation*/ 
}


div.action_group {
  width: 45ex;
  margin: 5ex 0 5ex 0;
  padding: 0 0.2ex 0.5ex 1ex;
}

.action_group h3 {
  margin: 0.2ex 0 0.6ex 0;
  padding: 0 0 0 0;
}

.action_group div { /*action_group: h3 then a series of links in divs*/
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.action_group a {
  margin: 0 0 0 0;
  padding: 0 0 0 20px; /*for image*/
  width: 100%;
  background: url(/images/r_arrow.png) no-repeat 0% 25%;
}

.action_form { /* form which changes stuff when submitted*/
  margin: 0;
  padding: 5px 5px 5px 5px;
  border: none;
}
.search_form { /* form which shows something when submitted*/
  margin: 0;
  padding: 5px 5px 5px 5px;
  border: none;
}
.search_form form {
  margin: 0.6ex 0 0 0;
}

.advanced_search { 
  margin: 0;
  padding: 5px 5px 5px 5px;
  border: none;
}

.advanced_search form {
  /*font-size: 0.9em;*/
  margin: 0.6ex 0 0 0;
}

.advanced_search form td {
  padding-left: 0.5ex;
  padding-bottom: 1ex;
}

.search_alphabet {
  margin: 0 0 0 0;
}
.search_alphabet div {
  margin: 0.1ex 0 0 0;
  letter-spacing: -0.05em;
}
.search_alphabet a {
  padding: 0 0.1ex 0 0.1ex;
  font-size:100%;
  font-weight:bold;
}

.summary_table { /* smallish table or block needing a little emphasis*/
  margin: 0;
  padding: 5px 5px 5px 5px;
  border: none;
}

.action_table { /* tabular display of many projects/bios with links*/
  margin: 0;
  padding: 0;
}
.action_table td { /* tabular display of many projects/bios with links*/
  margin: 0;
  padding: 0.2ex;
}


.distinct_group { /* just padding */
  /*max-width: 65em; 
  width:expression((document.body.clientWidth > 800) ? "700px" : "600px" );*/  
  margin: 0;
  padding: 5px 5px 5px 5px;
}

.scrolling_text { /*eg bio for review*/
  overflow: auto;
  /*max-width: 65em; 
  width:expression((document.body.clientWidth > 800) ? "700px" : "600px" );*/  
  margin: 0;
  padding: 5px 5px 5px 5px;
}

.property_group { /* series of divs with "name: value"*/
  /*max-width: 65em; 
  width:expression((document.body.clientWidth > 800) ? "700px" : "600px" );*/  
  margin: 0;
  padding: 5px 5px 5px 5px;
}

.narrative { /*"instructional" text at start of many content pages*/
  /*max-width: 65em;
  width:expression((document.body.clientWidth > 800) ? "700px": "600px" );*/
  margin: 0;
  padding: 0;
}

.snapshot div { /* server stats box for maintainer*/
  margin-top: 1ex;
} 
.snapshot td { 
  padding-right: 1ex;
}  

.pagination { /*the back-forward rails links in paged lists*/
}


.design_note { /* invisible for production, unused */
  display: none; /* block or none */
  width: 80%;
  padding-left: 1ex;
}


/* the following are rails related styles for
 user messages shown at the top of the page */


.flash_notice, .flash_warning { 
  width: 80%;
  padding-left: 0;
  margin-left: 0;
}
.flash_error { 
  width: 80%;
  padding-left: 0;
  margin-left: 0;
  font-weight: bold;
}

/* the following are rails related styles for
 form error messages */

.ErrorExplanation { /*scaffold*/
  width: 60%;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.ErrorExplanation h2 { /*scaffold*/
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 1em ;
  margin: -7px; /*erk*/
}

.ErrorExplanation p { /*scaffold*/
  margin-bottom: 0;
  padding: 5px;
}

.ErrorExplanation ul li { /*scaffold*/
  font-size: 1em;
  list-style: square;
}

/*finally all color rules (and some border and decoration rules)*/

body {
  color: #353232; /*#272525;*/
  background-color: #ffffff;
}

hr {
  border: 0;
  color: #c5c5c5;
  background-color: #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}  

h1 {color: #847968;}
h2 {color: #847968;}
h3 {color: #847968;}
h4 {color: #847968;}

a {
  color: #420;
}
a img {
  border: none;
}
a:link {
  text-decoration: none;
  color: inherit;
}
a:visited {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
  color: #f42;
}
a:active {
  text-decoration: none;
  color: inherit;
}

.home_welcome { /*one off*/
  color: #aaa;
}

.topBar { 
  color: #666;
  background-color: #f93; 
}
.topBar a:link { /*links rules must be ordered!*/
  text-decoration: none;
  color: #666;
}
.topBar a:visited {
  text-decoration: none;
  color: #666;
}
.topBar a:hover { 
  text-decoration: underline;
  color: #f42;
}
.topBar a:active {
  text-decoration: none;
  color: #666;
}

.bottomBar {
  color: #666;
  background-color: #b0b47b; 
}  

.navBar { /* member specific main navigation*/ 
  color: #847968;
  background-color: inherit; 
}

.navBar a:link { /*links rules must be ordered!*/
  text-decoration: none;
  color: #847968;
}
.navBar a:visited {
  text-decoration: none;
  color: #847968;
}
.navBar a:hover { 
  text-decoration: underline;
  color: #f42;
}
.navBar a:active {
  text-decoration: none;
  color: #847968;
}

#animated_logo { /*flash - OLD WAY*/
  left: 0;
  top: 0;
  margin: 5ex 0 0 0;
  padding: 0;
}

#animated_logo_overlay { /*linking device - OLD WAY*/
  position: absolute; /*erk make this bottom in html*/
  left: 0;
  top: 11ex;
  z-index:999;
  width: 190px;
  height: 150px;
  cursor: pointer;
}

#animated_partners { /*flash - OLD WAY STILL IN USE*/
  margin: 150px 0 0 0;
  padding: 0;
  border: none;
}

.vision_thing { /*anim gif, now in intro - defunct rule?*/
  height: 115px;
  margin: 1ex 0 0 0.5ex;
  padding: 0;
  border: none;
  overflow: hidden; /*css2*/
}


.logoButton { /*flash daao home logo - new way*/
 width: 200px;
 height: 200px;
 border-style: none; 
 border-width: 0;  
 margin: 0;
 padding: 0;
 background-color:#ffffff;
 overflow: hidden;
 cursor: pointer;
}

.logoHolder { /*flash daao home logo - new way*/
 width: 200px;
 height: 200px;
 border-style: none; 
 border-width: 0; 
 margin: 0;
 padding: 0;
 background-color:#ffffff;
 overflow: hidden;
}

.logoObject { /*flash daao home logo - new way*/
 width: 200px;
 height: 200px;
 border-style: none; 
 border-width: 0; 
 margin: 0;
 padding: 0;
 background-color:#ffffff;
 overflow: hidden;
 cursor: pointer;
}

.logoImage { /*flash daao home logo - new way*/
 border-style: none; 
 border-width: 0; 
 margin: 0;
 padding: 15px 50px 15px 30px;
 background-color:#ffffff;
 overflow: hidden;
 cursor: pointer;
}


tr.odd {background-color: inherit;}
tr.even {background-color: #eee;}


.quality_stub {
  color: #f93;
}

.quality_peer {
  color: #06a;
}

.quality_system {
  color: #6a3;
}

.bio_supplement {
  color: #000;
  background-color: inherit;
}

.bio_topics h3 {
  color: #f70;
}

.bio_topics h4 {
  color: #000;
}

.go_button {
  color:#ffffff;
  background-color:#f00;
}  





.action_menu, .action_menu a{ /*action_menu: h3 then a series of links in divs*/
  color: #ff9933;
  background-color: inherit;
  text-decoration: none;
}

div.action_menu {
  border: none;
}

.action_menu a:link {
  text-decoration: none;
  color: inherit;
}
.action_menu a:visited {
  text-decoration: none;
  color: inherit;
}
.action_menu a:hover {
  text-decoration: underline;
  color: #f42;
}
.action_menu a:active {
  text-decoration: none;
  color: inherit;
}


.helloBox a {
  color: #847968;
  background-color: inherit;
}
.helloBox a:link {
  text-decoration: underline;
  color: #847968;
}
.helloBox a:visited {
  text-decoration: underline;
  color: #847968;
}
.helloBox a:hover {
  text-decoration: underline;
  color: #f42;
}
.helloBox a:active {
  text-decoration: underline;
  color: #847968;
}




.action_group div { /*action_group: h3 then a series of links in divs*/
  background-color: inherit;
}

div.action_group {
  border: none; /*solid 1px #ccc;*/
}

.action_group a {
  color: #118; /*inherit;*/
  text-decoration: none; 
}

.action_group a:link {
  text-decoration: none;
  color: #118; /*inherit;*/
}
.action_group a:visited {
  text-decoration: none;
  color: #118; /*inherit;*/
}
.action_group a:hover {
  text-decoration: underline;
  color: #f42;
}
.action_group a:active {
  text-decoration: none;
  color: #118; /*inherit;*/
}


.action_table a {
  color: #118;
  text-decoration: underline; 
}

.action_table a:link {
  text-decoration: underline; 
  color: #118;
}
.action_table a:visited {
  text-decoration: underline; 
  color: #118;
}
.action_table a:hover {
  text-decoration: underline;
  color: #f42;
}
.action_table a:active {
  text-decoration: underline; 
  color: #118;
}



.action_form {
  background-color: inherit;
}
.action_form a:link {
  text-decoration: none;
  color: inherit;
}
.action_form a:visited {
  text-decoration: none;
  color: inherit;
}
.action_form a:hover {
  text-decoration: underline;
  color: #f42;
}
.action_form a:active {
  text-decoration: none;
  color: inherit;
}

.search_alphabet a {
  color: #9c9da0;
  background-color: inherit;
}
.search_alphabet a:link {
  text-decoration: none;
  color: #9c9da0;
}
.search_alphabet a:visited {
  text-decoration: none;
  color: #9c9da0;
}
.search_alphabet a:hover {
  text-decoration: underline;
  color: #f42;
}
.search_alphabet a:active {
  text-decoration: none;
  color: #9c9da0;
}


.search_form {
  background-color: inherit;
}

.summary_table {
  background-color: inherit;
}


.scrolling_text { /*eg bio for review*/
  border-top: 2px solid #000;  
  border-right: 2px solid #888;  
  border-bottom: 2px solid #888;  
  border-left: 2px solid #000;  
}

.property_group { /* series of divs with "name: value"*/
  /*border: 1px dashed #000;*/  
}

.pagination { /*the back-forward rails links in paged lists*/
  background-color: inherit;
  color: #888;
}

.flash_notice, .flash_warning { 
  color: green;
}
.flash_error { 
  color: red;
}

.ErrorExplanation { /*scaffold*/
  border: 2px solid red;
  padding: 7px;
  background-color: inherit;
}

.ErrorExplanation h2 { /*scaffold*/
  background-color: inherit;
  color: #ffffff;
}

.ErrorExplanation p { /*scaffold*/
  color: #333;
}



/*controller specific color override*/


.authorPage h1, .authorPage .helloBox h2,
 .authorPage .action_group h3, .authorPage .action_menu, .authorPage .action_menu a {
  color: #d03; 
}
.authorPage .topBar {
  color: #ffffff;
  background-color: #d03; 
}
.authorPage .navBar a.author_link {
  text-decoration: underline;
  color: #d03;
}
.authorPage .navBar a:hover.author_link {
  text-decoration: underline;
  color: #f42;
}

.reviewerPage h1, .reviewerPage .helloBox h2,
 .reviewerPage .action_group h3, .reviewerPage .action_menu, .reviewerPage .action_menu a {
  color: #a36; 
}
.reviewerPage .topBar {
  color: #ffffff;
  background-color: #a36; 
}
.reviewerPage .navBar a.reviewer_link {
  text-decoration: underline;
  color: #a36;
}
.reviewerPage .navBar a:hover.reviewer_link {
  text-decoration: underline;
  color: #f42;
}


.boardPage h1, .boardPage .helloBox h2,
 .boardPage .action_group h3, .boardPage .action_menu, .boardPage .action_menu a {
  color: #06a;
}
.boardPage .topBar {
  color: #ffffff;
  background-color: #06a; 
}
.boardPage .navBar a.board_link {
  text-decoration: underline;
  color: #06a;
}
.boardPage .navBar a:hover.board_link {
  text-decoration: underline;
  color: #f42;
}


.maintainerPage h1, .maintainerPage .helloBox h2,
 .maintainerPage .action_group h3, .maintainerPage .action_menu, .maintainerPage .action_menu a {
  color: #6a3; 
}
.maintainerPage .topBar {
  color: #ffffff;
  background-color: #6a3; 
}
.maintainerPage .navBar a.maintainer_link {
  text-decoration: underline;
  color: #6a3;
}
.maintainerPage .navBar a:hover.maintainer_link {
  text-decoration: underline;
  color: #f42;
}


.authorPage .topBar a:link,
 .reviewerPage .topBar a:link,
 .boardPage .topBar a:link, 
 .maintainerPage .topBar a:link {
  color: #ffffff;
}
.authorPage .topBar a:visited,
 .reviewerPage .topBar a:visited,
 .boardPage .topBar a:visited,
 .maintainerPage .topBar a:visited {
  color: #ffffff;
}
.authorPage .topBar a:hover,
 .reviewerPage .topBar a:hover,
 .boardPage .topBar a:hover,
 .maintainerPage .topBar a:hover { 
  color: #f42; 
}
.authorPage .topBar a:active,
 .reviewerPage .topBar a:active,
 .boardPage .topBar a:active,
 .maintainerPage .topBar a:active {
  color: #ffffff;
}

.bottom_links a {
  color: #ffffff;
}



/*--current experimentation--*/

/*problems with right bar/cell width */

div.home_logos {
  margin: 20ex 1ex 0 1ex; 
  width: 160px; /*biggest logo image*/
  text-align: center;
}