/* Draft styles created for new version of WDC page during early
   development of IUCr Associates programme */

/* Styling for the editors pages */

/* global overrides to the site style */

._journalutils { line-height: 1.2em; }
._journalutils table,th,td { border: 0px; }

/* a {color:#000066; text-decoration: none;} */
a {color:#990000; text-decoration: none;}
a:hover {color:#000000; text-decoration: underline;}
.bluetable1 {border: 1px solid #ddd; border-radius: 5px; }
.bluetable3 {border: 1px solid #ddd; border-radius: 5px; }
/* .redtable {border: 1px solid #990000;border-radius: 5px;} */
th {font-weight: bold; font-style: italic; font-size: 9pt; color: #FFFFFF; font-family: arial, helvetica, sans-serif; }

._journalutils .bluetable1 {border: 1px solid #dddddd;border-radius: 5px;} 
._journalutils .bluetable2 {border: 1px solid #dddddd;border-radius: 5px;} 
._journalutils .bluetable3 {border: 1px solid #dddddd;border-radius: 5px;} 
._journalutils .redtable {border: 1px solid #990000;border-radius: 5px;} 
._journalutils .articlelist {border: 1px solid #dddddd;border-radius: 5px;} 

th, td { padding:5px; }

.bluetable2 {border: 1px solid #ddd; border-radius: 5px;}
.heading1 { font-weight: bold; font-size: 10pt; color: #000000; font-family: arial, helvetica, sans-serif; }
.heading2 { font-weight: bold; font-size: 10pt; line-height: 160%; color: #FFFFFF; background-color: #99CCFF; font-family: arial, helvetica, sans-serif; }
.heading3 { font-weight: bold; font-size: 10pt; line-height: 160%; color: #FFFFFF; background-color: #FF0000; font-family: arial, helvetica, sans-serif; }
.wdcstyle { font-weight: normal; font-size: 8pt; color: #000000; font-family: arial,  helvetica, sans-serif;}
.copyright { font-weight: normal; font-size: 6pt; color: #000000; font-family: arial, helvetica, sans-serif; }
.journala { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #cde5fe; color: #000; font-family: arial, helvetica, sans-serif;}
.journalb { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #e6f5d6; color: #000; font-family: arial, helvetica, sans-serif;}
.journalc { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #ffdacc; color: #000; font-family: arial, helvetica, sans-serif;}
.journald { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #fff1b3; color: #000; font-family: arial, helvetica, sans-serif;}
.journale { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #f4d7e9; color: #000; font-family: arial, helvetica, sans-serif;}
.journalf { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #f3f7d4; color: #000; font-family: arial, helvetica, sans-serif;}
.journalj { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #fee6cd; color: #000; font-family: arial, helvetica, sans-serif;}
.journalm { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #EFEFEF; color: #000; font-family: arial, helvetica, sans-serif;}
.journals { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #c3dbef; color: #000; font-family: arial, helvetica, sans-serif;}
.journalq { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #CCFFFF; color: #000; font-family: arial, helvetica, sans-serif;}
.journalx { font-weight: normal; font-style: italic; font-size: 9pt;  background-color: #dddddd; color: #000; font-family: arial, helvetica, sans-serif;}
td.small { font-size: 8pt }
a.selectbara, a.selectbarb, a.selectbarc, a.selectbard, a.selectbare, a.selectbarf, a.selectbarj, a.selectbarq, a.selectbars, a.selectbarm, a.selectbarx {font-size: 9pt; padding: 0px 2px; margin:0px;}
.links  {font-family: Arial, sans-serif; font-size: 10pt;}
td.bluetable2, td.bluetable1, td.bluetable3, td.redtable, td.articlelist {font-family: Arial, sans-serif;}
.bluetable2 td, .bluetable1 td, .bluetable3 td, .redtable td, .articlelist td {font-family: Arial, sans-serif;}
td.bluetable2, td.bluetable1, td.bluetable3, td.redtable, td.articlelist {font-size: 10pt;}
.bluetable2 td, .bluetable1 td, .bluetable3 td, .redtable td, .articlelist td {font-size: 10pt;}
.art-journal td, .art-author td,.art-contact-author td, .art-category td, .art-status td, .art-title td {font-size: 85%;}
td.art-journal, td.art-author, td.art-contact-author, td.art-category, td.art-status, td.art-title {font-size: 85%;}
.art-details {vertical-align: middle;}

table.articlelist td { padding: 1px; }

#TB_window {
  border: 1px solid #ccc;
} 

/* For the dynamic person content */
#mainbody { 
  font-family: 'Gill Sans W02',Helvetica,sans-serif;
 }

div.myiucr { 
    float: left;
    font-size: 180%;
    color: #fff;
    font-weight: bold;
    font-family: 'Gill Sans W02',Helvetica,sans-serif;
    width: 90%;
    background: #efefef;
    line-height: 1em;
    color: #990000;
    padding: 5px;
}

div.welcome { 
    font-size: 150%;
    color: #666;
    font-weight: bold;
    font-family: 'Gill Sans W02',Helvetica,sans-serif;
    margin-top: .5em;
  clear:left;
 }

div.id-banner-header { 
    background-color: #777777;
    font-family: "Gill Sans W02","Helvetica",sans-serif;
    font-size: 110%;
    font-weight: bold;
    color: #efefef;
    padding: 2px 5px;
 }

.orcid-id-container { 
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    border-bottom-color: rgb(166, 206, 57);
    border-bottom-style: solid;
    border-bottom-width: 0.833333px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: rgb(166, 206, 57);
    border-left-style: solid;
    border-left-width: 0.833333px;
    border-right-color: rgb(166, 206, 57);
    border-right-style: solid;
    border-right-width: 0.833333px;
    border-top-color: rgb(166, 206, 57);
    border-top-style: solid;
    border-top-width: 0.833333px;
    box-sizing: border-box;
    border-color: #990000;
    color: #494A4C;
    font-size: 15px;
    font-style: normal;
    line-height: 1.5;
    margin-bottom: 10px;
    width: 100%;
 }

.mini-orcid-icon { 
    background: url(../img/mini-icon.png) transparent no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(https://895ff8d095d84515b7ca-06ea01b95f46514208e5573fddd476c6.ssl.cf1.rackcdn.com/img/mini-icon.png);
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    box-sizing: border-box;
    color: #990000;
    display: block;
    floatleftfont-family: "Gill Sans W02","Helvetica",sans-serif;
    font-size: 16px;
    font-style: normal;
    height: 20px;
    line-height: 22.85px;
    width: 20px;
 }

div.avatar{ 
    float: left;
    /* margin: 2em 0em 0em 0em; */
 }

div.assoclogo { 
    float: right;
    /* width: 15%; */
    width: 66px;
    margin: 2em 0em 0em 0em;
 }

img.assoclogo { 
    float: right;
    /* width: 100%; */
    /* max-width: 160px; */
    /* min-width: 160px; */
    width: 66px;
    margin-top: -24px;
 }

div.Xtopicon { 
    float: right;
    color: #990000;
    padding: 5px;
    color: #990000;
    line-height: 1em;
    font-size: 180%;
    width: 5%;
    background: #efefef;
 }

div.Xeditme { 
    float: right;
    color: #990000;
    padding: 5px;
    color: #990000;
    line-height: 1em;
    font-size: 120%;
    width: 5%;
    background: #efefef;
 }

.Xglyphicon { 
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
 }

button.icon { 
  margin: 0px;
  border: none;
 }

table.biolist tr>td:first-of-type { 
  text-align: right;
}

table.biolist tr>td.heading1 { 
  text-align: left;
}