@charset "UTF-8";

html,
body {
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

.wrapper
{
		max-width: 1200px;
		margin: auto;
}

/* Responsive display, but on very small screen we give up and just pan instead*/
@media (max-width:600px) {
    body, .wrapper {
        overflow: auto;
        min-width: 1200px;
    }
}

div#ArchiveHeader
{
		display: table;
		width: 100%;
}

/* ****************** from cs_prs_gui/static_data/webapp/html/data-entry.css *********************** */
fieldset.entryReq  { 
		background: #e9f0ff;
		border-color: lightgray;
		border-radius: 6px;
		margin-top: 0.5em;
		padding: 0;
}

legend.moduleLabel {
		font-weight: bold;
/*		font-size: larger; */
		white-space:nowrap;
		background-color:white;
		padding:1px 3px;
		border-radius: 6px;
		margin-left: 0.5em;
}	

img.toggleImage {
		width: 1em;
		height: 1em;
}

.indent1  { 
    margin-left: 2em;
}

.block {
    display: block;
}

input
{
		font-style: inherit;
		font-weight: inherit;
		font-size: inherit;
		line-height: inherit;
		font-size-adjust: inherit;
		font-stretch: inherit;
		font-feature-settings: inherit;
		font-language-override: inherit;
		font-kerning: inherit;
		font-synthesis: inherit;
		font-variant-alternates: inherit;
		font-variant-caps: inherit;
		font-variant-east-asian: inherit;
		font-variant-ligatures: inherit;
		font-variant-numeric: inherit;
		font-variant-position: inherit;
		font-family: sans-serif;
}

ul.instructions > li {
    padding-bottom: 1.5ex;
}

ul.simpleList {
		margin: 0;
		list-style-type: none;
}

/* For Protocol */
.rowLabel {
    text-align: right; 
}

img.responsive-image {
		max-width: 100%;
		height: auto;
}

/* ************************************************************************** */
/* For the Archive History Diffs servlet page */
.ct-StdBackground
{
		/*	US Web Design Standards $color-cool-blue-lightest */
		background-color: #f3f6fb;
}

fieldset.releases {
		margin: 6px auto;
		border-radius: 8px;
		border: 1px solid lightgrey;
		padding: 1em 2em;
}

fieldset.releases legend {
		background-color: white;
		border-radius: 6px;
		padding: 1px 3px;
		margin-bottom: 1px;
		font-size: 1.35em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		margin: 0;
}
  
table.moduleTable {
		border-width: 0;
		border-collapse:collapse;
		padding: 4px;
}

/* acts like cellpadding=4 */
table.moduleTable td { 
    padding: 4px;
}

/* ************************************************************************** */
/* releases Table */
table.releases {
		text-align:center;
		border: 1px solid black;
		border-collapse:collapse; 
		background-color:white;
		margin: auto;
		width: 100%;
}

table.releases tr:nth-child(odd) {
    background-color: #f2f2f2;
}

table.releases th, table.releases td {
		padding: 4px 6px;
		font-size: smaller;
		text-align: center;
		vertical-align: text-top;
}
  
table.releases th {
		font-weight: bold;
		border-bottom: 1px solid black;
		background-color: #dce4ef;
		color: black;
}

table.releases tr.currentView, .currentView {
    background-color: lightyellow;
}

table.releases td.currentChoice {
    background-color: lightyellow;
}

table.releases tr {
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: lightgrey;
		border-right-color: black;
		border-bottom-color: lightgrey;
		border-left-color: black;
}

table.releases td>input {
    margin: 8px;
}

table.releases>thead>tr {
    border: 1px solid black;
}

table.releases tr:last-child {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: black;
}

.recruitmentStatus {
		background-color: lightyellow;
		padding: 3px 1px;
		white-space: nowrap;
}

/* Controls below the table */
div.controls {
		display: inline-block;
		font-size: 16px;
		white-space: normal;
}
ul.format { 
    display: inline-block;
    list-style-type: none;
    margin: 1ex 0;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 16px;
    padding: 1ex 1em;
}

.formatLabel {
		color: #1a3d85;
		transition: color 0.1s linear;
}

input.compareButton {
    opacity: 1.0;
    margin-right: 2em;
    margin-bottom: 8px;
    font-weight: bold;
    color: white;
    font-size: 16px;
    padding: 1ex 1em;
    background-color: #205493;
    border: 1px solid black;
    border-radius: 0.3rem;
    font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 1.6;
}

/* ************************************************************************** */

/* Used for the fancy red page divider */
hr.fancyDivider {
		margin-top:0;
		border:1px solid #cd0000;
}

table.history {
		text-align:left;
		margin:0px 0px 1em 0px;
		border-width: 0;
		width: 100%;
  }

/* for cell phones */
@media (max-width:600px) {
    table.history {
        min-width: 1200px;
        overflow-x: auto;
    } 
}

tr {
		padding:0px;
		margin:0px;
		vertical-align:top;
		border-width:0;
}

.commentFlowIndex {
		color:#339900;
}

.commentBaselineIndex {
		color: blue;
}

.commentAdEvIndex {
		color: #f705ff;
}

.commentOutcomeIndex {
		color: #8a2be2;
}

.commentIndexPlain {
/*	sup
		font-size:smaller;
		font-weight:bold;
*/
}

.commentContentPlain {
		font-weight: normal;
}

/* for delayed results */
/* UNUSED for now, maybe never
table.DelayedResults {
  border-collapse: collapse;
  border:1px solid black;
}
table.DelayedResults th {
  width:3in; 
  background-color: #C0d5c0; 
  text-align:left; 
  font-weight: normal;
  border:1px solid black;
  vertical-align:top;
  padding-left: 1em;
}	
table.DelayedResults td {
  width:4in;
  padding: 4px; 
  background-color: #e1ece1;
  border:1px solid black;
  vertical-align:top;
  padding-left: 1em;
}
*/

/* Essie difference highlighting classes */
.add_hilite {
		background-color:#CCFFCC !important;
		color: #004400;
		border: 1px solid #CCC;
		border-width: 1px 0px;
		font-style: italic;
		padding: 1px 2px;
}

.drop_hilite {
		background-color:#FFCFCF !important;
		color:#770000;
		border: 1px solid #CCC;
		border-width: 1px 0px;
		text-decoration:line-through;
		padding: 1px 2px;
}

/* Arms and Intervention classes */
table.ArmsInterv {
		width: 100%; 
		border-collapse: collapse; 
		border: 1px solid gray;
		margin-top: 1ex;
		margin-bottom: 1ex;
}

table.ArmsInterv th {
		width:50%; 
		background-color: #EEEEFF; 
		text-align:center; 
		border:1px solid gray;
}	

table.ArmsInterv td {
		padding: 5px; 
		border:1px solid gray;
		background-color: white;
}

table.ArmsInterv p {
	  margin-block-start: 0;
	  margin-block-end: 0;
}

table.ArmsInterv ul {
    margin-top: 0.5ex;
    margin-bottom: 1ex;
}

/* put toggle images to left of label */
img.ToggleImage {
  float: none;
  margin: 0;
  padding: 0;
}


/*
 Result Table classes
 */
/* result section divider */
div.sectionDivider {
		width:98%;
		margin:0.5em auto;
		text-align:center;
		font-weight:bold;
		font-size:larger;
		border:1px solid black;
		padding:6px 0;
		background-color:Gainsboro;
		border-radius: 6px; 	
}

div.BigTableWrapper {
		width: 100%;
		overflow-x: auto;
}

table.resultTable {
		table-layout: fixed;
		width: 95%; 
		border: 0; 
		border-collapse:collapse;
}

table.indent1.moduleTable.resultTable > tbody > tr {
	  vertical-align: top;
}

.resultLabelCell,
.resultLabelCellRight,
.resultCell,
.resultValueCell,
.resultValueCellIndent{
		padding: 2px 6px;
		margin: 0;
		white-space: normal;
		text-align: left;
		border: 1px solid black;
		border-collapse:collapse;
		font-weight: normal;
		overflow: hidden;
		text-overflow: ellipsis;
}


.resultLabelCell:hover,
.resultLabelCellRight:hover,
.resultCell:hover,
.resultValueCell:hover,
.resultValueCellIndent:hover {
	overflow-x: auto;
	text-overflow: initial;
}

.resultLabelCellRight {
    text-align: right;
}

.resultLabelCell, .resultLabelCellRight {
		/* this grey backround makes it easier to spot the red/green add/delete words */
		background-color: #e8e8e8;
		width: 250px;
}

.resultCell, .resultValueCell, .resultValueCellIndent {
		background-color: white;
}

.resultValueCell {
		text-align: center;
		vertical-align: text-top;
}

.resultValueCellIndent {
		padding-left: 2em;
}

.popFlowLabelCell {
		background-color: #EBFFDD;
}

.baselineLabelCell {
		background-color: #E0EDFF;
}

.outcomeLabelCell
{
		background-color: #ddddff;
}

.labelCellAdEv {
		background-color: #EBDDFF;
}

/* For criteria lists */
ul li ol {
    list-style-type: lower-alpha;
}

ul li ul {
    list-style-type: disc;
}

/* Prevent table cell value starting with <p> from positioning down */
td > p:first-child, th > p:first-child {
    display: inline;
}

/* ******************************************************************* */
/* Major Comment Posting styles */
/* ******************************************************************* */
.mcp-box {
	background-color: #fde0db;
	border: 2px solid red;
	padding: 2px;
	text-align: left;
	font-weight: normal;
	margin-top: 1ex;
	margin-bottom: 3ex;
}

.mcp-box-title {
	text-align: center;
	font-weight: bold;
}

.mcp-comment-title {
  text-align: left;
  font-weight: bold;
  margin-bottom: 0;
}

.mcp-wrapper {
  padding: 0 1ex;
	margin-bottom: 0.5ex;
}

/* ******************************************************************* */
/* Results Submission Events styles */
/* ******************************************************************* */
.rsEvents {
	font-size: 11px;
}

.rsEvents-row {
	border-width: 0 !important;
}

.rsEvents-control {
	text-align: right;
	padding: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
	cursor: pointer;
}

.rsEvents-submit {
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
}

.rsEvents-result {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}