/* cs112 css by yry; modified by dvm */

html,body {
  height: 100%;
  width: 100%
}

body { font-family:      Arial,helvetica,sans-serif;
       color:            black;
       background: linear-gradient(to right, royalblue 2%, skyblue 15%, SeaShell 90%);
       background-color: white; 
       /* background: linear-gradient(to right, silver, white) */
     }

ul,ol,dir,menu   { font-family: arial,helvetica,sans-serif }

dl   { font-family: arial,helvetica,sans-serif
     }

p    { font-family: arial,helvetica,sans-serif  }

pre  { margin-left: 5%; 
       font-family: "courier new",courier,monospace;
     } 

h1,h2,h3,h4  {color:  #993333;
           font-family: arial,helvetica,sans-serif;
           font-weight: bold; 
           margin-left: 0%;  }

div.leftmarg {margin-left: 5%;
        font-family: arial,helvetica,sans-serif}

a:active  {color: #0000ff; text-decoration: underline}
a:visited {color: #800080; }

table,th {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  vertical-align: top
  /* text-align:center; */
}

td {
 vertical-align: top
}

table.schedule {
  border-collapse: collapse;
  border: yes;
  background-color: transparent;
/*  cellpadding:1
  cellspacing:0  */
  width: 85%
}

th.slno {
  width: 4%
}

th.sdate {
  width: 9%
}

th.stsub {
  width: 40%
}

th.stodo {
  width: 47%
}

td.stodo {
  margin: 0;
  border-style: hidden;
/*  padding: 2px 2px 2px 0px; */
  width: 47%;
  height: 100%;
}

td.stodo table.stodo {
  width: 100%;
  height: 100%;
  border-style: hidden;
  border-collapse: collapse;
  empty-cells: hide
}

table.stodo tr {
  width: 100%
}

table.stodo tr td.sduetoday {
  width: 43%;
  border-style: dotted
}

table.stodo tr td.sfuture {
  width: 42%;
  border-style: dotted  
}

table.stodo tr td.sduedate {
  width: 15%;
  border-style: dotted
}

table.schedule thead tr th.sduetoday {
  width: 21%
}

table.schedule thead tr td.sfuture {
  width: 21%;
}

table.schedule thead tr td.sduedate {
  width: 5%
}

table.schedule tr td {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  vertical-align: top
  /* text-align:center; */
}

table.schedule tr td.sduetoday {
  border-color: salmon;
  color: red;
/*  border-color: red;
  border-style: dashed;
  border-width: 2px; */
}

/*
table.schedule > td {
    border-color: white
}
*/

td.slno {
  border-width: 0px;
  text-align:right;
  padding-right: 2px;
}

td.sdate {
  text-align: left;
  padding-left: 2px;
}

td.stmain {
  text-align: center;
  color: #663333;
  font-size: x-large;
}

td.stsub {
  text-align: center;
}

th.sduetoday {
  text-align: left;
  color: red;
  font-size: large
}


th.sfuture {
  text-align: left;
  font-size: large
}

th.sduedate {
  text-align:left;
  padding-left: 2px;
  font-size: large
}

td.sduedate {
  text-align: right;
  padding-right: 2px
}


p.lastupdate {
  text-align:right;
  font-style:italic;
}

p tt {
  font-size:larger
  }

.note    {color: orange;}
.warning {color: red; font-weight: bold}

a.psNow {color: red}
a.psNow:hover {color: blue}
a.psFuture {color: green}
a.psFuture:hover {color: blue}