*{  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, button { font-family: 'Helvetica Neue', arial, sans-serif; }	
h4 { color: #4265A7; font-weight: bold; font-weight: 0.9em; margin:10px 0px; } 	
.controls { padding: 1%; background: #4265A7; color: #eee; }
label{ font-weight: 300; margin: 0 .4em 0 0; }
button{ display: inline-block; padding: .4em .8em; background: #EAF4FD; border: 0; color: #4265A7; font-size: 16px; font-weight: 300; border-radius: 4px; cursor: pointer; }
button.active{ background: #00BFFF; color: #fff; }
button:focus{ outline: 0 none; }
button + label{ margin-left: 1em; }
.container{ padding: 0.5% 2% 0; text-align: justify; background: #fff; color: #4265A7; -webkit-backface-visibility: hidden; }
.container:after{ content: ''; display: inline-block; width: 100%; }
.container .mix, .container .gap{ display: inline-block; width: 49%; }
.container .mix{ text-align: left; background: #EAF4FD; margin-bottom: 2%; display: none; padding: 3px; border: 2px outset #5492CD; vertical-align: top; }
.container .mix.coordinating_lead_author{ border-top: 2px solid limegreen;  }
.container .mix.lead_author{ border-top: 2px solid yellow; }
.container .mix.review_editor { border-top: 2px solid cyan; }
.container .mix:after{ color: #5492CD; font-size: 0.9em; display: inline-block; padding: 10px 0px; font-weight: normal;   bottom: 1px; content: attr(data-role); }
.container .mix:before{ content: '';  display: inline-block; padding-top: 10%; }
@media all and (min-width: 420px){  .container .mix, .container .gap{ width: 32%;  } }
@media all and (min-width: 640px){ .container .mix,  .container .gap{ //width: 23.5%; } }			
fieldset.dataentry { font-weight: bold; color: #34568D; border: 2px solid #34568D; width: 96%;	}	
fieldset.dataentry label { font-size: 0.9em; color: #5390C6; font-weight: normal; display: block; line-height: 26px; 	}	
fieldset.dataentry label input, fieldset.dataentry label textarea, fieldset.dataentry label select { float: right;  font-size: 0.85em; }	
fieldset.dataentry label select { width: 280px; }				
fieldset.dataentry label input:focus, fieldset.dataentry label textarea:focus, fieldset.dataentry label select:focus { font-weight: bold; border: 2px solid #0CBC03; background-color: #E0FCDE; color: #086303; }			
fieldset.dataentry button { font-size: 10px; }
.author { cursor: pointer; }	
.searchbox { background-color: #E8F4FD; border: 1px solid #A8D0F0; color: #449ADC; font-style: italic; height: 34px; margin-right: 5px; width:260px}	
.searchbox:focus { background-color: #E0FCDE; border: 2px solid #0CBC03; color: #086303; }
div.bottom { background-color: #CCDDEE;bottom: 0; left: 0; line-height: 30px; opacity: 0.8; position: fixed; text-align: justify; width: 100%; }		
div.bottom span { color: #4265A7; font-weight: bold; padding: 0 10px; font-size: 0.8em;}		
span.title { font-size:0.8em;color:#4265A7; float:right; }
.missing { background-color: #CD3333; color: #fff; }