/* default formatting */
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:#303030; text-decoration:none }
a:visited { color:#303030; text-decoration:none }
a:hover { color:grey; text-decoration:underline }
a:active { color:#303030; text-decoration:underline }
a:focus { color:#303030; 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:#790000; 
  border:1px solid #808080;
  font-size:12pt;
}

.seltitle {
  border:1px solid black;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#fff;
  color:#303030;
  text-align:center;
}

.selexp {
  border:1px solid black;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#a5a5a5;
  color:#790000;
  text-align:left;
  font-size:10pt;
}

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

.selgroup {
  border:1px solid #808080;
  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 #808080;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#eceff1;
  padding:3px;
  text-align:left;
  font-weight:bold;
}

.selcomment {
  font-size:8pt;
}

.selentries {
  background-color:#eceff1;
  border:1px solid #808080;
  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:#790000;
  color:white;
  border-right:1px solid #084070;
}

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

/* unselected and selected logbook tabs */

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

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

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

.sltab {
  background-color:#790000;
  color:white;
  border-left:1px solid #f7f7f7;
  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:#263238;
  border-bottom:1px solid black;
  border-left:1px solid #f7f7f7;
  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:#790000;*/
  background-color:#263238;
  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:#790000;*/
  background-color:#263238;
  text-align:right;
  width:100px;
}

/* main menu row */

.menuframe {
  border:1px solid grey;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:white;
  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;
  color: #f00;
  /*color: #fa5e5b;*/
  /*color: #df0000;*/
}

.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 #808080;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#f7f7f7;
  text-align:center;
  font-size:10pt;
}

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

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

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

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

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

/* odd and even lines in message listing */

.list1 {
  border:1px solid grey;
  border-top:1px solid white;
  border-left:1px solid white;
  /*background-color:#e8e8e8;*/
  background-color: #CFD8DC;
  text-align:center;
}

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

.list1h {
  /*border:1px solid red;*/
  border-top:1px solid red;
  border-bottom:2px solid red;
  border-left:1px solid white;
  border-right:1px solid grey;
  background-color:#CFD8DC;
  text-align:center;
  font-weight:bold;
}

.list2h {
  /*border:1px solid red;*/
  border-top:1px solid red;
  border-bottom: 2px solid #df0000;
  border-left:1px solid white;
  border-right:1px solid grey;
  background-color:#ECEFF1;
  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 grey;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:white;
  text-align:center;
}

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

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

/* threaded listing */
.thread {
  border-right:1px solid grey;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#ECEFF1;
  text-align:left;
  padding-bottom: 5px;
}

.threadreply {
   border: 1px solid white;
  /*border:1px solid #808040;*/
  border-right: 1px solid grey;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:#f7f7f7;
  text-align:left;
}

.threadh {
  border:1px solid grey;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color: #ECEFF1;
  /*background-color:#e8e8e8;*/
  text-align:left;
  font-weight:bold
}

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

.threaddraft {
   border:1px solid grey;
   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:#bccee3;
  /*background-color:#FFF9C4;*/
  border:1px solid grey;
  border-top:1px solid white;
  border-left:1px solid white;
  padding:2px;
  font-size:10pt;
  font-family:sans-serif;
}

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

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

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

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

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

.messagepre {
  font-family:'lucida console',courier,monospace;
}

/* 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 grey;
  border-top:1px solid white;
  border-left:1px solid white;
  background-color:white;
  /*font-family:'lucida console',courier,monospace;*/
  font-size:8pt;
  padding: 4px;
}



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

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

/* error message */
.errormsg {
  border:1px solid #790000;
  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: #288ad6;
  /*background-color:#FBC02D;*/
  text-align:center;
  font-size:small;
  color: white;
}

.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:black; 
  border:1px solid black;
  margin-top:2cm;
}

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

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

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

.dlgform {
  background-color:#e8e8e8;
  padding:5px;
}

.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:#a5a5a5;
  border:1px solid black;
  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:#e8e8e8;
  padding:3px;
}

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

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

.quote {
  background-color:#f7f7f7; 
  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;
}

/* 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:#fff;
   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:#fff;
   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:#263238;
   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:#808080;
   color:white;
   border-radius:8px;
}

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