@import url("design.css");

.hidden { display: none; }

.warning { color: #ee3333; background-color: #ffffdd; }


/* captioned images */
.captioned {
  border: 1px solid #e6dce6;
  background: #f2f4f8;
  padding: 1em;
  font-size: 80%;
  overflow: hidden;
}
.captioned img {
}
.captioned div {
  margin-top: 0.3em;
  text-align: left;
  line-height: 1.2;
}

.smaller { font-size: 80%; line-height: 1.3; }


/***********************************/
/***** JS COLLAPSIBLE ELEMENTS *****/
/***********************************/

.collapsible { }
.collapsible .control { display: inline; font-size: 80%;}
.collapsible .control a { padding: 0 3px 0 3px; cursor: pointer; }
.collapsible .title { }

.collapsible .content { } /* Just for JS-free browsers */
.collapsible .collapsed { display: none; } /* Default state after loading */
.collapsible .uncollapsed { }

/***********************************/
/*  DEPARTMENT, INSTITUTION LISTS  */
/***********************************/

.departments .title { font-weight: bold; }
.departments .title .control,
.departments .smaller  { font-weight: normal; }
.departments .collapsible { }
.departments .collapsible p { 
  padding: 0 0 0 16px; 
  margin: 0; 
  line-height: 1.3;
  background: url("../images/tree-mid.gif") left 50% no-repeat;
}
.departments .collapsible p::last-child { 
  background: url("../images/tree-bot.gif") left 50% no-repeat;
}
.departments .collapsible .uncollapsed a,
.departments .collapsible .content a { padding: 0 4px 0 4px; }

/*.departments tr.odd td { background: transparent; }*/

/************************/
/******  SEARCH  ********/
/************************/

ul.searchresults { margin: 1em 0 1em 1em; padding: 0; list-style: none; line-height: 1.2; }
ul.searchresults li {  margin-bottom: 0.5em; clear: left; overflow: hidden; }
ul.searchresults span { display: block; margin-left: 82px; font-size: 90%; }
ul.searchresults a { font-weight: bold; line-height: 1; }
ul.searchresults img { float: left; }



/******************************/
/******  INLINE FORMS *********/
/******************************/

.inline p { display: inline; }

/********************************/
/******  EDITABLE FORMS *********/
/********************************/

em.info { color: #bb0000; }

.edit {
  font-size: 90%;
  line-height: 1.2;
}

.edit input, .edit textarea, .edit select { font-size: 100%; font-family: sans-serif;}


.edit p {
    clear: both;
    padding: 0 0 0.3em 0;
    margin-bottom: 0.3em;  
    overflow: hidden; 
    line-height: 1.3;
}

 .textafter {
    display: block;
    font-size: 90%;
    color: #996666;
}

.edit p.border {
  border-bottom: 1px solid #f0f0f0;
}

.edit table {
    font-size: 100%; 
    border: 0;
}
.edit table th {
    background: transparent;
    font-size: 100%;
}

.edit div.extendabletable {
  font-size: 90%; /* Compensate for not being wrapped in <p> */
}

.edit table.extendable td { 
    padding: 4px 2px; 
    background: #f2f4f8;
}


.radiogroup, 
.edit #keywords,
.checkboxset { margin-left: 27%; display: block; }

.edit table td { vertical-align: top; }

.edit label {
  float: left;
  clear: left;
  width: 25%;
  margin: 0;
  text-align:right;
  color: #2d2988;
  line-height: 1.2;
}


.edit img { margin-left: 27%; position: relative; top: -1.2em;}

* html .edit img { margin-left: 0; top: 0; }

.edit .radiogroup label,
.edit .checkboxset label {
  text-align: left;
  padding: 0; 
  margin: 0;
  float: none;
  clear: none;
}

.edit fieldset { border:2px solid #ebeef3; padding: 1em; overflow: hidden; }

.edit legend {
  padding: 0.2em 0.5em;
  color: #2d2988;
  font-size: 100%;
  text-align: right;
}

.edit select[multiple] { height: 8em; }


.edit input[type~="text"],
.edit input[type~="password"],
.edit select,
.edit textarea { background-color: #ffffff; border: solid 1px #cccccc; }
.edit input[type~="file"]:focus, 
.edit input[type~="text"]:focus, 
.edit input[type~="password"]:focus,
.edit select:focus, 
.edit textarea:focus { background-color: #fff7f5 !important; border: solid 1px #590fc4 !important; }

.edit tr.hidden { display: none; }
.edit tr.visible { display: table-row; }

.edit .error { border-color: red !important; background: #ffffaa !important; }
.edit .error_msg { overflow: hidden;
 text-indent: 21px; background: top left no-repeat url('../images/alert.gif');
 min-height: 18px; font-size: 90%; font-weight: bold; color: red; }

#dhtml_submit_message p,.messages { border: 3px solid #e6dce6; background: #fefed9; padding: 0.4em; margin: 0.5em 0.15em; }
.messages p { margin-bottom: 0.5em; }
.messages p.error { color: red !important; background: none !important; }

/* js_only are the controls on the extendable table */

.edit .extendabletable .js_only {
    font-size: 90%;
    display: inline;
    background: #f2f4f8;
    padding: 1px 4px;
    border: 1px solid #cccccc;
    line-height: 2;
}

.edit table .js_only {
    border: none;
}

.edit .error_msg,
.edit span.comment { float: right; width: 73%; }

/* The width above and the margin-left below should add up to (100% - {label width}) */
.edit table.extendable,
.edit .js_only,
.edit input,
.edit select,
.edit textarea {
    margin-left: 2%;
}



.edit .extendabletable .error_msg { margin-left: 0; font-size: 80%; width: auto; }

/* used between extendable tables */
.edit .clearing { clear: both; height: 1em; } 

/***********************************/
/********** PROFILE PAGE ***********/
/***********************************/

.profile_personal {
 }


.profile_research {
}

.profile_personal table {
  border: 0;
}



.profile_personal p {
  margin-bottom: 0.6em; line-height: 1.3;
}

.profile_pubs p.collaborator,
.profile_research p.tool,
.profile_research p.disease,
.profile_research p.keyword
 {
  margin-bottom: 0.6em; line-height: 1.2;
  background: #f2f4f8; 
  padding: 2px 0.3em;
  margin-bottom: 2px;
}

.profile_research p.tool,
.profile_research p.disease,
.profile_research p.keyword 
{
  display: inline;
  margin-right: 0.6em;
  border: 1px solid #e6dce6;
  line-height: 2em;
}

.profile_personal img {
   text-align: right;
}


.profile_pubs h3,
.profile_research h3,
.profile_personal h3 {
  padding: 2px 0 1px 0;
  border-bottom: 1px solid #e6dce6;
  margin-bottom: 2px; 
}

.profile_research .captioned {
  text-align: center;
  float: right;
  width: 220px;
  margin-left: 6px;
} 

* html .profile_research .captioned {
  overflow: hidden;
}

.profile_personal td,
.profile_research td {
  vertical-align: top;
}


.profile_personal td.heading,
.profile_research td.heading {
  font-weight: bold;
  text-align: right;
  padding-right: 1em;
  width: 10em;
}

.profile_pubs {
  clear: left;
  padding-top: 0.3em;
}

.profile_pubs p {
  font-size: 90%;
  line-height: 1.2;
}

p.collaborator em { font-size: 80%; padding-left: 2em; }


/***********************************/
/******** WORKFLOW COMMENTS ********/
/***********************************/
div.workflow_comments_container {
  max-height: 10em;
  overflow: auto;
}

* html div.workflow_comments_container {
  height: 10em;
}
div.comment {
  background: #f2f4f8; 
  padding: 6px;
  margin-bottom: 2px;
}

div.user {
}

div.approved {
  background: #eff9ef;
}
div.declined {
  background: #faeeee;
}

div.comment p {
  padding: 0; margin: 0; line-height: 1.1;
}

div.comment .info { text-align: right; font-size: 80%;}