/* 
   Standard CSS file for elog. 

   Please do NOT MODIFY this file directly. Use the

   CSS = <filename>

   option in elogd.cfg instead and overwrite settings from this file.
*/
   

body {
  margin:3px;
  color:black;
  background-color:white;
  font-family:verdana,tahoma,sans-serif;
  /* background-image:url(elog.gif); */
}

/* standard link colors and decorations */
a:link { color:#0000FF; text-decoration:none }
a:visited { color:#800080; text-decoration:none }
a:hover { color:#0000FF; text-decoration:underline }
a:active { color:#0000FF; text-decoration:underline }
a:focus { color:#0000FF; text-decoration:underline }

td {
  color:black;
  font-size:12px;
}

/* frame table */
.frame {
  width:100%;
}

/* printable frame table */
.pframe {
  width:600px;
}

/* standard formatting for logbook tabs */
.tabs {
  font-family:sans-serif;
  font-size:10pt;
  background-color:white;
}

/* logbook selection page */
.selframe {
  width:60%;
  background-color:#486090; 
  border:1px solid #486090;
  font-size:12pt;
}

.seltitle {
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#CCCCFF;
  color:#486090;
  text-align:center;
}

.selexp {
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#CCCCFF;
  color:#486090;
  text-align:left;
  font-size:10pt;
}

.selspace {
  width:2%;
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#EEEEEE;
}

.selgroup {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFCCFF;
  padding:3px;
  text-align:left;
  font-weight:bold;
  font-size:14pt;
}

.sellogbook {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  padding:3px;
  text-align:left;
  font-weight:bold;
}

.selcomment {
  font-size:8pt;
}

.selentries {
  background-color:#E0E0A0;
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  text-align:center;
  font-size:10pt;
}

/* unselected and selected group tabs */

.gtab a {
  background-color:#B0E0B0;
  padding-left:5px;
  padding-right:5px;
}

.gtab {
  background-color:#B0E0B0;
  border-right:1px solid #409040;
}

.sgtab a {
  color:white;
  padding-left:5px;
  padding-right:5px;
}

.sgtab {
  background-color:#486090;
  color:white;
  border-right:1px solid #084070;
}

.sgtab a:visited { color:white; } /* bug for IE */

/* unselected and selected logbook tabs */

.ltab a {
  background-color:#E0E0E0;
  padding-left:5px;
  padding-right:5px;
}

.ltab {
  background-color:#E0E0E0;
  border-top:1px solid white;
  border-left:1px solid white;
  border-right:1px solid gray;
}

.sltab a {
  background-color:#486090;
  color:white;
  padding-left:5px;
  padding-right:5px;
}

.sltab {
  background-color:#486090;
  color:white;
  border-left:1px solid #E0E0E0;
  border-right:1px solid #084070;
}

.sltab a:visited { color:white; } /* bug for IE */

/* logbook title, left, middle and right cell */

.title1 {
  padding:5px;
  background-color:#486090;
  border-bottom:1px solid black;
  border-left:1px solid #E0E0E0;
  color:white;
  font-size:medium;
  font-family:sans-serif;
  text-align:left;
}

.title1 a:visited { color:#A0FFA0; }
.title1 a:link { color:#A0FFA0; }

.title2 {
  background-color:#486090;
  border-bottom:1px solid black;
  color:white;
  font-size:medium;
  font-family:sans-serif;
  text-align:center;
}

.title3 {
  border-bottom:1px solid black;
  border-right:1px solid black;
  background-color:#486090;
  text-align:right;
  width:100px;
}

/* main menu row */

.menuframe {
  border:1px solid #486090;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#E0E0E0;
  height:29px;
}

.menu1 {
  text-align:left;
  font-size:10pt;
  vertical-align:middle;
}

.menu1a {
  text-align:center;
  width:110px;
  font-size:10pt;
  font-weight:bold;
  vertical-align:middle;
}

.menu2a {
  text-align:left;
  font-size:10pt;
}

.menu2b {
  text-align:right;
  font-size:10pt;
}

.menu3 {
  text-align:left;
  font-size:8pt;
  font-weight:bold;
}

.menu4 {
  text-align:right;
  font-size:10pt;
  vertical-align:middle;
}

.menucenter {
  border:1px solid #486090;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#E0E0E0;
  text-align:center;
  font-size:10pt;
}

.toolframe {
  border:1px solid #486090;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#E0E0E0;
  padding:2px;
}

/* frame table in listings */
.listframe {
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1pc solid white;
  background-color:#486090;
  border:0px;
}

/* title row in listing */
.listtitle {
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#CCCCFF;
  text-align:center;
  width:0%;
}

.listtitle2 {
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDDDFF;
  text-align:center;
  width:100%;
}

.listtitle3 {
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFCCFF;
  text-align:center;
  width:0%;
}

/* odd and even lines in message listing */

.list1 {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  text-align:center;
}

.list2 {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  text-align:center;
}

.list1h {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  text-align:center;
  font-weight:bold;
}

.list2h {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  text-align:center;
  font-weight:bold;
}

.listdraft {
   border:1px solid #808040;
   border-top:1px solid white;
   border-left:1px solid white;
   background-color:#FFD0D0;
   text-align:center;
   font-weight:bold;
}

.listatt {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#B0FFB0;
  text-align:center;
}

.draftsel {
   background-color:#DDEEBB;
   padding:5px;
   border-bottom:1px solid #486090;
}
/* attachment line */

.attachment {
  border-left:1px solid gray;
  border-right:1px solid gray;
  border-bottom:1px solid gray;
  background-color:#FFFFB0;
  text-align:left;
}

/* threaded listing */
.thread {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  text-align:left;
}

.threadreply {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  text-align:left;
}

.threadh {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  text-align:left;
  font-weight:bold
}

.threadreplyh {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  text-align:left;
  font-weight:bold
}

.threaddraft {
   border:1px solid #808040;
   border-top:1px solid white;
   border-left:1px solid white;
   background-color:#FFD0D0;
   text-align:left;
   font-weight:bold
}

/* attribute names and values on single message page */
.attribhead {
  background-color:#E0E0A0;
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  padding:2px;
  font-size:10pt;
  font-family:sans-serif;
}

.attribname {
  width:150px;
  background-color:#CCCCFF;
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  padding:3px;
}

.attribvalue {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  padding:3px;
}

.attribvalue2 {
  border:1px solid #808040;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFFFB0;
  padding:3px;
}

/* message cell in listing */
.messagelist {
  background-color:white;
  border-right:1px solid gray;
  border-left:1px solid gray;
  border-bottom:1px solid gray;
  font-family:'lucida console',courier,monospace;
  font-size:10pt;
  padding:5px;
}

/* message display in single message page */
.messageframe {
  background-color:white;
  border:1px solid #486090;
  border-top:0px;
  padding:3px;
}

.messagepre {
  font-family:'lucida console',courier,monospace;
  white-space:pre-wrap;
}

/* frame around attachments */

.attachmentframe {
  border:1px solid grey;
  border-top:1px solid lightgrey;
  border-left:1px solid lightgrey;
  background-color:white;
  padding:5px;
}

/* maximal attachment img width */

.attachmentframe img {
	max-width:100%;
}

/* attachment size */
.bytes {
  font-family:'lucida console',courier,monospace;
  font-size:10pt;
}

/* summary display (threaded mode expand) */
.summary {
  border:1px solid black;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:white;
  font-family:'lucida console',courier,monospace;
  font-size:8pt;
}

/* input forms */
.form1 {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  padding:3px;
}

.form2 {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  padding:3px;
}

/* error message */
.errormsg {
  border:1px solid #486090;
  padding:5px;
  background-color:#FFB0B0;
  text-align:center;
  font-size:medium;
}

/* notification (warning) */
.notifymsg {
  padding:5px;
  border:1px solid #806000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFD070;
  text-align:center;
  font-size:small;
}

.notifyleft {
  padding:5px;
  border:1px solid #806000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#FFD070;
  text-align:left;
  font-size:medium;
}

/* dialog boxes (login, delete, etc.) */
.dlgframe {
  width:50%;
  background-color:#486090; 
  border:1px solid #486090;
  margin-top:2cm;
}

.dlgerror {
  background-color:red;
  padding:10px;
  font-size:small;
  text-align:center;
  font-size:medium;
  color:white;
}

.dlgtitle {
  background-color:#486090;
  color:white;
  font-size:medium;
  text-align:center;
  padding:5px;
}

.dlgtitle a:visited { color:#A0FFA0; }
.dlgtitle a:link { color:#A0FFA0; }

.dlgform {
  background-color:#DDEEBB;
  padding:5px;
  text-align:center;
}

/* login page */
.login_frame {
   width:200px;
   border:1px solid #D0D0D0;
   border-radius:25px;
   overflow:hidden;
   margin-top:2cm;
   -webkit-box-shadow: 10px 10px 20px 0px rgba(128,128,128,1);
   -moz-box-shadow: 10px 10px 20px 0px rgba(128,128,128,1);
   box-shadow: 10px 10px 20px 0px rgba(128,128,128,1);
}

.login_form {
   background-color:#DDEEBB;
   padding:8px;
   padding-left:25px;
   padding-right:25px;
   text-align:center;
}

.login_form_bottom {
   border-bottom-left-radius:24px;
   border-bottom-right-radius:24px;
   background-color:#DDEEBB;
   padding:8px;
   padding-bottom:20px;
   padding-left:25px;
   padding-right:25px;
   text-align:center;
}

.login_title {
   border-top-left-radius:24px;
   border-top-right-radius:24px;
   background-color:#486090;
   color:white;
   font-size:18px;
   text-align:center;
   padding:10px;
}

.login_submit {
   font-size:18px;
   padding:10px;
   padding-top:5px;
   padding-bottom:5px;
   background-color:rgb(69,181,69);
   color:white;
   border-radius:8px;
}

.overlay_wrapper {
   position: relative;
   top:0;
   left:0;
   z-index:10;
   background:none;
}

.overlabel {
   pointer-events: none;
   position: absolute;
   top: -5px;
   left: 5px;
   z-index: 1;
   color: #999;
   font-size: 18px;
}

.login_input {
   font-size: 18px;
   padding: 3px;
   width:200px;
}

.calwindow {
  margin:0px;
  color:black;
  background-color:white;
  font-family:sans-serif;
}

.caltitle {
  background-color:#4682B4;
  padding:3px;
  font-size:medium;
  text-align:center;
  font-weight:bold;
  color:white;
}

.calhead {
  background-color:#468284;
  color:white;
  padding:0px;
  font-size:12px;
  text-align:center;
  font-weight:bold;
}

.calday {
  background-color:#CCFFCC;
  padding:0px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
}

.calcurday {
  background-color:#4040A0;
  padding:0px;
  font-size:16px;
  text-align:center;
  font-weight:bold;
  color:white;
  cursor:pointer;
}

.calsel {
  background-color:#208020;
  padding:0px;
  font-size:16px;
  text-align:center;
  font-weight:bold;
  color:white;
  cursor:pointer;
}

.calsat {
  background-color:#90C090;
  padding:0px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  cursor:pointer;
}

.calsun {
  background-color:#90C090;
  padding:0px;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  color:red;
  cursor:pointer;
}

.uploadwindow {
  margin:0px;
  color:black;
  background-color:white;
  font-family:sans-serif;
  padding:0px;
}

.uploadtext 
{
  background-color:#CCCCFF;
  border:1px solid #0000FF;
  border-top:1px solid white;
  border-left:1px solid white;
  padding:3px;
}

.uploadvalue {
  border:1px solid #308000;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#DDEEBB;
  padding:3px;
}

.quotetable {
  width:98%;
  background-color:black;
  border:0px;
  padding:0px;
}

.quotetitle {
  background-color:#486090; 
  padding:3px;
  font-size:12px;
  font-weight:bold;
  color:white;
}

.quote {
  background-color:#FFFFB0; 
  padding:10px;
}

.holder {
   background-color: white;
   border:6px dashed #ccc;
   height:50px;
   line-height:50px;
   margin:5px;
   color:#999;
   font-size:2em;
   text-align:center;
}

/* ELOG home page link at bottom of page */
.bottomlink {
  font-family:sans-serif; 
  font-size:xx-small;
}