/* @override http://aluminium.local/~john/cfa2/gallery/gallery.css?20090601 */

form {
 display:inline;
}

button {
	border-style: none;
	background-color: transparent;
}

li.rss {
	background: url(graphics/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
}

a.letterref { 
    padding: 3px; 
    font: 12pt Courier, 'Courier New', monospace; 
}
a:link.letterref  {color: #fff; text-decoration: none; background-color: #888}
a:visited.letterref  {color: #fff; text-decoration: none; background-color: #888}
a:hover.letterref  {color: #000; text-decoration: none; background: transparent; }

a.dateref { 
    padding: 3px; 
}
a:link.dateref  {color: #fff; text-decoration: none; background-color: #888}
a:visited.dateref  {color: #fff; text-decoration: none; background-color: #888}
a:hover.dateref  {color: #000; text-decoration: none; background: transparent; }

input[type=checkbox].toggle-switch {
    font-size: 6px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 6em;
    height: 3em;
    border-radius: 3em;
    background-color: #3af;
    outline: 0;
    cursor: pointer;
    position: relative;
    bottom: -5px;
}

input[type=checkbox].toggle-switch:checked {
}

input[type=checkbox].toggle-switch::after {
    content: '';
    width: 3em;
    height: 3em;
    background-color: white;
    border-radius: 3em;
    position: absolute;
    transform: scale(0.7);
    left: 0;
    transition: left 0.09s ease-in-out;
    box-shadow: 0 0.1em rgba(0, 0, 0, 0.5);
}

input[type=checkbox].toggle-switch:checked::after {
    left: 3em;
}

a.pnlink {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

a.pnlink:link {
  color: white;
  text-decoration: none;
}
a.pnlink:visited {
  color: white;
  text-decoration: none;
}
a.pnlink:hover {
  background-color: #ddd;
  color: black;
}
.pnlink {
  background-color: #3af;
  border-radius: 20px;
  margin: 5px 0px;
  color: white;
}

form input {
    font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}
textarea, select, button {
    font-size: 14px;
}
fieldset {border:0; margin:0; padding:0;}

.tip {
    font:12px/14px Arial,Helvetica,sans-serif; 
    border:solid 1px #666666; width:270px; padding:1px;
    padding: 4px;
    position:absolute; z-index:100;
    visibility:hidden; color:#333333; top:20px;
    left:90px; background-color:#ffffcc;
    layer-background-color:#ffffcc;
}

table#people {
  border-collapse: collapse;
}
table#people td {
  border: 1px solid #ddd;
  padding: 2px;
}
table#people th {
  border: 1px solid #ddd;
  padding: 2px;
  background-color: #ddd;
}
table#people th.middle {
  border-right: 1px solid #bbb;
}
table#people tr:first-child td {
  border-top: 0;
}
table#people tr td:first-child {
  border-left: 0;
}
table#people tr:last-child td {
  border-bottom: 0;
}
table#people tr td:last-child {
  border-right: 0;
}

.vupload {  vertical-align: top; }
.loginarea {
 padding:2px;
 margin:0px;
 font-size:9pt;
}
table.upload td {
	width: 40%;
	text-align: right;
	padding-right: 1em;
}

tr.lupload td {
	text-align: left;
}
table.upload td + td {
	width: auto;
	text-align: left;
}
.loginform td {
    padding:0 5px 0 0;
    border: 0;
    font-size: 9pt;
}
.small {
    font-size:8pt;
}
.thumb {
 border:1px solid #333333;
}
.sm_thumb {
 border:1px solid #333333;
}
.image {
 border:1px solid #333333;
}
.fullimagediv {
 width:90%;
 text-align:center;
 flex-direction: row !important;
 justify-content: center;
}
.tiledimagediv {
 width:100%;
 min-width: 800px;
 height:800px;
 text-align:center;
}
.tiledthumbdiv {
 width:300px;
 height:300px;
}
.thumbtable {
 display:inline;
 width:800px;
 text-align:left;
 border-top:1px solid #dddddd;
}
.thumbtable td {
 padding:10px;
vertical-align: top;
}
.sm_thumbtable {
 display:inline;
 width:275px;
 height: 140px;
 text-align:left;
 margin:10px;
 float: left;
}
.halfcell { width: 50%; vertical-align: top;
}
.commentcell { vertical-align: top; }
.goRight { float: right; margin: 0; }
.ccform { background-color: #eee; }
.thumbcell {
 width: 300px;
 vertical-align: top;
 text-align: right;
}
.sm_thumbcell { 
    width: 100px; 
    height: 100px;
    text-align: center;
    vertical-align: middle;
}
table.sm_thumbtable { height: 120px; }
.status_message {
 border:1px solid black;
 padding:10px;
}
.topborder {
 border-top:1px dotted #ccc;
 padding-top: 10px; 
}
div#welcomediv {
  display: block !important;
}
.welcometable {
	padding-bottom: 10px;
}
.welcometable td{
	padding-left: 20px;
	padding-right: 20px;
}
.filediv {
 padding:10px;
 margin:5px;
 font-size:8pt;
 border:1px solid #5286ed;
 background-color:#fff;
}
.addcommenttext {
 width:100%;
 height:120px;
 font-size:12pt;
}
.addcommentdiv {
 padding: 5px;
    background-color:#dddddd;
    font-size:12pt;
}
.commentsdiv {
    font-size:12pt;
    background-color:#dddddd;
 padding:8pt;
 margin:5px;
 border:1px solid #999999;
}
.commentblock {
    border-bottom: 1px solid #bbbbbb;
 margin: 3px;
 padding:4px;
}
div.commentsection {
    display: block !important;
}
.commentsection p {
    padding-left: 0 !important;
}
.taghelp { font-size: 12pt; }
.notesdiv {
 padding: 5px;
    background-color:#c4d7ff;
    border-bottom:1px solid #aaccff;
    margin-bottom:15px;
}
.notesdiv p {
    padding-left: 0 !important;
}
div.welcome {
    display: block !important;
}
div.actionbuttons {
    float: right;
    margin-left: 3em;
}
div.ccInfo {margin: 4px 0;}
div.ccInfo a.ccIcon {float:left; margin-right: 4px;}
.alert { color:#990000; font-weight:bold; }
textarea { width: 400px; height: 150px; }

textarea.cfdg {
	width: 100%;
	height: 300px;
	font-family: monospace;
}

.disclaimer {
    text-align:center;
    width:400px;
    margin:30px;
    color:gray
}
.rightcell {text-align: right; padding-left: 1em; padding-right: 1em;}
#CFAcontent div {
  display: flex;
  flex-direction: column;
}

div.rowflex {
  flex-direction: row !important;
  flex-wrap: wrap;
}
div.rowflexmini {
  flex-direction: row !important;
  flex-wrap: wrap;
  overflow: hidden;
  height: 145px;
}

div.colflex {
  flex-direction: column !important;
  flex-wrap: no-wrap;
}

a.tagbutton, span.tagbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    background: #ffffff;
    text-shadow: #ffffff 1px 1px 1px;
    font: normal normal normal 10px arial;
    color: #666666;
    text-decoration: none;
    margin-right: 10px;
    cursor: pointer;
}
a.tagbutton:hover,
a.tagbutton:focus,
span.tagbutton:hover,
span.tagbutton:focus {
    color: #111111;
    text-decoration: none;
    border: 1px solid #333333;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
    background: -moz-linear-gradient(top, #ffffff, #dddddd);
    background: linear-gradient(to bottom, #ffffff, #dddddd);
}
a.tagbutton:active, span.tagbutton:active {
    background: #dddddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    background: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background: linear-gradient(to bottom, #dddddd, #bbbbbb);
}
option.tagoption:hover {
    background: #dddddd;
}
div#taglist {
    position: absolute;
}
div#taglist > select {
    width: 12em;
    border: 3px solid #b1d2f5;
    margin: 3px;
}
[hidden] {
    display: none !important;
}
.minbutton {
    width: fit-content;
    margin: 0 5px;
}
div.tabtable {
    width: 100%;
    height: 37px;
    display: flex;
}
div.tabinter {
    background-repeat: no-repeat;
    width: 35px;
    height: 37px;
    flex: none;
}
div.tabdata {
    height: 37px;
    width: auto;
    background-repeat: repeat-x;
    padding-top: 10px;
    flex: none;
}
div.tabrest {
    height: 37px;
    background-repeat: repeat-x;
    flex-grow: 1;
}
div.Empty {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPABAHl5eQAAACH5BAkAAAEALAAAAAAkACUAAAIpjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNd2BuT6zvf+XwAAOw==");
}
div.Active {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPABAHl5eQAAACH5BAkAAAEALAAAAAAkACUAAAIphI+py+EPo5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvd+WAAAOw==");
}
div.Inactive {
  background-image: url("data:image/gif;base64,R0lGODdhJAAlAKIAAAAAAHl5eeHh4f///wAAAAAAAAAAAAAAACH5BAkAAAQALAAAAAAkACUAAAMtGLrc/lDISau9OOvNu/9gKI5kaZ5oqq5s675wLM90bd94ru987//A4AxCLBITADs=");
}
div.E2A {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPQQAHl5eYaGhouLi5SUlJ6enqOjo6mpqbKysru7u8HBwcrKytPT09ra2ubm5uzs7PX19QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAkACUAAAWFICSOZGmWiyEEQOuecKwIg+I8cZ4TAqP/scIASDQZEsWkyBHAKYsHxDMpcEyJzCtRYdACDQrvL2AVx7JmWTcNA7Nh5LcJLSdx6yU3fhTfQ+h7d34Qen59e4B4gn6Fe4d4iXUIB4MQAQ2DCAWDM054C49yBwBlbw8NCAEFnlouLgEDCJhpIQA7");
}
div.E2I {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPMPAHl5eYWFhY2NjZ2dnaampqqqqrGxsbm5ucTExMrKytLS0tvb2+Hh4ezs7PPz8wAAACH5BAkAAA8ALAAAAAAkACUAAASk8MlJq62JBMA7uGCICMKhLEyqhiw1BIgqry07COg812Fh5DoZ79IIAIO0IcVQQOqUlYDCuYNKitSqNTHICq0PwsGbhErJKTAWzQBz2W2rGA4+s63rO/RNh877SnZ6Q3mDPHyAPH+JNYKGLYWPLIiMLIuVIY6SIJGbFwcEcF+NCaJlIQddpmktCTirrCEKmqIsBgBTsLETDgwHAQNHsB7ExcbHxREAOw==");
}
div.A2E {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPMPAHl5eYaGhouLi5OTk5+fn6SkpKmpqbOzs7u7u8rKytPT09ra2ubm5uzs7PX19QAAACH5BAkAAA8ALAAAAAAkACUAAAR8EMgZhFEv6827306TDELynai3CETqukPxzl+B0LjmBE2eIwcfrhEQ4gQ948tgUroSBqeLKHXxqigm9gTdfqhezzXM0ZI33bMGrM6M2+Z2us1uv9Vx9VxdV9/PBzdtDwxFgw82hw4lh0QYgw0AQYMOBQEIDA5tDAgDARMTEQA7");
}
div.I2E {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPMPAHl5eYWFhYyMjJ2dnaWlpaurq7Kysrm5ucTExMrKytLS0tvb2+Hh4ezs7PPz8wAAACH5BAkAAA8ALAAAAAAkACUAAAShEMgJAkkv6807Z2C4KIcgIF6qhmyIBIMqb229CPEs1/Zw6CteaxFoAD3CWsFw7CRbikDz82QVp5oq64LNaEMHQvfxBUXHZdAVm2Zw2elwt32Gp9fNNmOAmerlfnRSgW14QHp7fUeIgIt6dY56hjOIiXmMYpGCl4iTQYgEP4eVCYM6lSA+o5U3ip+VUQqUqGYATK+oCwMBBwwOHRTBwsPEwhEAOw==");
}
div.A2I {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPQQAHp6eoWFhYuLi5SUlJycnKWlpaqqqrOzs7u7u8PDw8vLy9PT09zc3OHh4evr6/b29gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAkACUAAAXgICCOgWAsUKquLJQQwSi3j6MMgtK2SDAgC0ZjSNypGAKCMUUYKIjQ4jI1KBgJhKi2MVUVEK3DQLiFdlOPgGPVAJDL0jPisDIc4NFzyhFYBRZ4ZnoQAmsQDQKBgnoGOi4FinFnCgZMCJFDgxB8KW6YXJpqiJ+gg40IBqSaEJQECaqafJ6fqxAlpKWDBamwmgpZvYN8uLW2gLS1X8GDv8t6w8i1f9GrypjFrJDXxdCR2MbbxQe8it8NAW943xAE5OrfDwKXgeubAfNw9ZsABel5+g8KBGjkL1e9BggGxJABIAQAOw==");
}
div.I2A {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPQAAHp6eoSEhIuLi5OTk56enqampqurq7Ozs7q6usPDw8vLy9PT09vb2+Hh4ezs7PPz8wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEKABAALAAAAAAkACUAAAXkICCOwWA4UKqu7HMQwSg3NM0wiQEUKNsaAQTj4YPUjrYCoFFMOQAHYtOIRCYCjGIjsJiqqlVFgLnakr1U8NFQYBkQ6K/6yABIIY9AXD6vERQqCm17aX0NCIMQBoCEhjULeikBPXuONZMQDpGNlg1/EAoGhCmdh22Lo4WGkBCYo6VbDJucnQQGoqmwCAKMr6ULAJS0lqypqoaIxsd9n8awrrmdxc6dycqlzdSW0NGO09rIieDMveNqdXfmYAfi6kiyZ9d9DAIJymVz9Af3+GAKAHD48bGxAAGMcgJliBBQAKFACCEAADs=");
}
div.I2IL {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPMOAHl5eYSEhIyMjJGRkZ2dnaSkpKurq7Ozs7m5ucTExMrKytLS0uHh4evr6wAAAAAAACH5BAkAAA4ALAAAAAAkACUAAASsEMgJQlEu682dKgE1MWTJLIggJF2XqMhizjSZBESrEUFS/zVBrkUQAI80AqJjOCCfpkBj0whAr4zm5mDAQheBTUDmfUoz1TL0klEQ1E9EIVNAwJHgzPiOlKb5RxdugEdydYRAYHuIPwFWjD8EA5A/CJOUNGCYNYubJUqeJghvoSSapSSdoaCoo6gnj6iqngVdqAqxpQS2qAJOqGB2wAAFrww8Bgo1IszNzs8AEQA7");
}
div.I2IR {
  background-image: url("data:image/gif;base64,R0lGODlhJAAlAPMAAHp6eoODg4uLi5OTk52dnaampqysrLOzs7m5ucLCwsvLy9LS0tvb2+Hh4fX19QAAACH5BAEKAA8ALAAAAAAkACUAAATAEMgJwjDt6c17M0NASU1pMkxiAEXWeQVgJKhp32fsvk/DMrigMBFg8BiBhHAZVAR2mkZAwazeDIVOAWPtNhgAx8YBAHq7BMVGQTh7EVlNAeHuLgKbwKLeffaefFYFamyBVnAPc4ZVdw96i1VFgJBLBAZtlEsIAnSZQgsAe55Bd6NCCJimNwSdqjaPrialsSaotCastyWwtLO3trq5t2BmtAepsUhUtAwCB8MCLbQKAM+qDAuoAa1VNUEj4OHi4wARADs=");
}