/* page layout */
#Header{   
    height: 100px;
    /*border-style: solid;*/
}
#headerImg{
    height:100px;
    width: 100px;
}
#headerText{
    font-family: Courier;
    font-size:  xx-large;
    position: relative;
    top:-30px;
}
#Tools{
    position: absolute;
    top:110px;
    height: 50px;
   /* border-style: dotted;*/
}
#Workspace{
    position: absolute;
    top:150px;
    height: 500px;
   /* border-style: dotted;*/    
}
#Footer{
    position: absolute;
    top:1000px;
    height: 100px;
   /* border-style: dotted;*/    
}
ul{
    list-style-type: none;
}
li{
    display: inline;
    padding-right: 20px;
}
th{
    padding-right: 5px;
}
td{
    padding-right: 5px;
    vertical-align: text-top;
    white-space-collapse:  preserve-breaks;
}

.eventLbl{
    display: inline-block;
    float: left;
    clear: left;
    width: 150px;
    text-align: right;
    padding-right: 10px;
}
.eventInp{
  display: inline-block;
  float: left;
  width:250px;
}
textarea.eventInp{
    width: 500px;
    margin-bottom: 5px;
}
body{
    font-family: Poppins;
    background-color:  buttonface;
}

.bold{
    font-weight:  bold;
}
.icon{
    height:20px;
    width:20px;
}
button{
    background-color:  beige;
    border-radius: 5px;
    border-width: 1px;  
}
#btnCancel{
    display: none;
}