a.selected{
 border-bottom: none;
 font-size: 16pt;
 }
 
a.notselected{
 text-decoration: none !important;
 border-bottom: none;
 }

 table.traineeprogress{
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 20px;
 }

table.traineeprogress tr.firstrow td{
 font-weight: bold;
 border-bottom: 2px solid black;
 vertical-align: bottom;
 }

table.traineeprogress tr td{
 text-align: center;
 }

table.traineeprogress tr td.ustname{
 width: 55%;
 text-align: left;
 }

span.invisible{
 visibility: hidden;
 }

table.lastrow{
 margin: 0px;
 width: 100%;
 text-align: left;
 }

table.lastrow tr td.firstcol{
 width: 50%;
 text-align: left;
 }

table.lastrow tr td span{
 font-weight: bold;
 }

table.sendmessage tr td{
 vertical-align: top;
 }

table.traineeprogress tr.lastrow td{
/*  border: 1px solid black; */
 padding: 0px;
 text-align: left;
 }

span.bottomrow{
 font-weight: bold;
 }

textarea.sendemailtextarea{
 width: 400px;
 height: 180px;
 }

textarea.sendtxttextarea{
 width: 350px;
 height: 120px;
 }

table.commsdisplay tr td{
 font-size: 9pt;
 padding-left: 3px;
 padding-right: 3px;
 }

table.commsdisplay tr.toprow td{
 text-align: center;
 font-weight:bold;
 }

table.commsdisplay tr.alt{
 background-color: #eeeeee;
 }

td.yes{
 text-align: center;
 }

td.yes form input{
 color: #00bb00;
 width: 32px;
 cursor: hand;
 cursor: pointer;
 }

td.no{
 text-align: center;
 }
 
td.no form input{
 color: #ff0000;
 width: 32px;
 cursor: hand;
 cursor: pointer;
 }

td.delete{
 text-align: center;
 }

td.delete form input{
 width: 24px;
 cursor: hand;
 cursor: pointer;
 text-align: center;
 }

td.delete form input.disabled{
 width: 24px;
 cursor: default;
 text-align: center;
 color: #999999;
 }

td.taxfirstcol{
 width: 60px;
 }

td.textcol{
 padding-left: 5px;
 }

table.taxtotal{
 border-top: 3px double black;
 }

span.bouncedemail{
 color: #ff0000;
 }

span.singlebouncedemail{
 color: #ff6600;
 }

table#logdisplay{
 width: 60%;
 }

table#logdisplay tr td{
 text-align: center;
 }

table#logdisplay tr td.subjectcol{
 text-align: left;
 padding-left: 3px;
 }

table#logdisplay tr td.messagecol{
 text-align: left;
 }

div#editcontact{
 display: none;
 }
 
div#addproject{
/*   display: none; */
 }

div.detailsdisplay{
 }

table.detailsdisplay{
 }

table.detailsdisplay tr td{
 font-size: 9pt;
 padding-left: 3px;
 padding-right: 3px;
 vertical-align: top;
 }

table.detailsdisplay tr.toprow td{
 text-align: center;
 font-weight:bold;
 }

table.detailsdisplay tr.alt{
 background-color: #eeeeee;
 }

table.detailsdisplay tr td.description{
 width: 14em;
 }

table.detailsdisplay tr td.progress{
 padding: 0px;
 }
 
table.detailsdisplay tr.toprow td.name{
  width: 180px;
  }
  
table.detailsdisplay tr.toprow td.project_owner{
  width: 180px;
  }
 
td.project_status{
  border-right: none;
  padding-right: 0px;
  }

table.project_status{
 width: 200px;
 display: inline-block;
 height: 12pt;
 border-collapse: collapse;
 }
 
table.project_status tr td{
 padding: 0px;
 }

table.project_status tr td input{
 margin: 0px;
 width: 100%;
 height: 12pt;
 background-color: transparent;
 border: none;
 cursor: pointer;
 }

table.project_status tr td.project_status_done{
 border: 1px solid black;
 background-color: #6dd91c;
 }

table.project_status tr td.project_status_done_complete{
 border: 1px solid black;
 background-color: #ffff00;
 }

table.project_status tr td.project_status_undone{
 border: 1px solid black;
 }

div.project_status{
  position: relative;
  }
  
a.notes_image{
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding:0px;
  border: 0px !important;
  }
  
a.notes_image img{
  display: block;
  }


td.percentage{
  border-left: none;
  padding-left: 0px;
  }
  

div#eventdata{
  position: absolute;
  z-index: 6;
  top: 70px;
  left: 70px;
  width: 300px;
  border: 1px solid black;
  padding-top: 22px;
  background-color: white;
  overflow: visible;
  display: none;
  }
  
div#eventdata textarea{
  background-color: #ffffff;
  color: #000000;
  padding: 5px;
  font-size: 9pt;
  border: none;
  overflow: hidden;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  }
  
div#eventdata div.topbar{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #f0f8ff;
  height: 22px;
  padding-right: 0px;
  }
 
strong.eventtitle{
  font-size: 10pt;
  color: #ffffff;
  display: block;
  }
  
a#closeevent{
  position: absolute;
  top: 1px;
  right: 5px;
  color: #000000;
  text-decoration: none;
  display: block;
  font-weight: bold;
  border: none !important;
  }
  
a#editevent{
  position: absolute;
  top: 2px;
  right: 20px;
  color: #000000;
  text-decoration: none;
  display: block;
  font-weight: normal;
  font-size: 9pt;
  border: none !important;
  }

a#displayevent{
  position: absolute;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  }

div#event_menu{
  width: 100%;
  display: none;
  }

span#project_title{
  float: left;
  padding-left: 5px;
  margin-top: 2px;
  font-size: 9pt;
  }

div#event_menu div{
  background-color: #333333;
  padding-left: 5px;
  padding-right: -5px;
  font-weight: bold;
  }

img#note_saving_anim{
  position: absolute;
  top: 6px;
  right: 58px;
  display: none;
  }

table.progress_stages_container{
  margin: 0px;
  margin-bottom: -3px;
  width: 100%;
  }

table.progress_stages_container td.progress_stages_container{
  padding: 0px;
  }

table.progress_stages{
  width: 200px !important;
  margin: 0px;
  border-collapse: collapse;
  margin-top: -3px;
  float: left;
  }

td.progress_stages{
  width: 40px !important;
  font-size: 7pt !important;
  font-weight: normal !important;
  padding: 0px;
  }
  
div#addproject{
  display: block;
  }
  
div#editproject{
  display: none;
  }
  
table#addgroup{
  display: block;
  }
  
table#editgroup{
  display: none;
  }
  
div#managegroups{
  display: none;
  }
  
div#group_checkboxes{
  display: none;
  }
  
td.group_status{
 border: 0px solid white;
 margin: 0px;
 padding: 0px;
 }
  
div.group_status{
 border: 1px solid #eeeeee;
 display: none;
 width: 100%;
 }

div.group_status div{
 width: 100%;
 padding:1ex 0px 1ex 1em;
 display: block !important;
 }
  
div.group_status ul{
 list-style-type: none;
 margin: 1ex 0px 0px 0px;
 padding: 0px;
 }
  
div.group_status ul li{
 padding-left: 0px;
 }

div.group_status ul li input{
 margin: 0px 2px 1px 0px;
 }
  
img.group_expander_icon {
 margin-right: 3px;
 }
 
td.groups{
 text-align: left;
 white-space: nowrap;
 }

td.groups a{
 border-bottom: none;
 }
 
td.groups a img{
 margin-left: 5px;
 } 
 
img.cart_image{
  margin-left:  3px;
  margin-bottom: -4px;
  }