BODY, TABLE, TD, P  {
  /* will use the ones defined in bootstrap.css
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : none;
  */
}

/*
 for day-mode table/cell border
 #D3D3D3: light grey, 
 #002F6C: light blue
*/
.dayTable {
  width: 100%;
  border: 1px solid #D3D3D3;
  border-radius: 5px;
} 
.dayTable td {
  padding: 4px;
  border: 1px solid #D3D3D3;
} 
.dayTable th {
  padding: 4px;
  border: 1px solid #D3D3D3;
} 
.dayTable tr {
  border-bottom: 1px solid #D3D3D3;
}
.dayTrHover tr:hover {
  background-color: #FAFAD2;
}

.blankTable, .blankTable tr, .blankTable td {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
}

A:link.sort,A:visited.sort {
  text-decoration: none;
}

A:link.tab,A:visited.tab {
  text-decoration: none;
  color:#FFFFFF;
}

.hidden {
  visibility : hidden;
}

.text-blue {
  color: #006699;
}

.height1px {
  height: 1px;
}
.height2px {
  height: 2px;
}
.height5px {
  height: 5px;
}
.height10px {
  height: 10px;
}
.height15px {
  height: 15px;
}
.height20px {
  height: 20px;
}

.box1px {
  padding: 1px 1px 0 0;
}
.box2px {
  padding: 2px 2px 0 0;
}
.box5px {
  padding: 5px 5px 0 0;
}
.box10px {
  padding: 10px 10px 0 0;
}
.box15px {
  padding: 15px 15px 0 0;
}

.txtTab {
  color:#FFFFFF;
  font-weight : 800;
  text-align : center;
  vertical-align : middle;
  padding-left : 4px;
  padding-right : 4px;
  text-decoration: none;
}

div.header-top {
  padding: 0 0 .2em 0;
  border-bottom: 1px solid #c9d7f1;
  clear: both;
}

/* for info and error message */
DIV.x-info {
  border: #003399 2px solid;
  padding: 0px;
  margin: 4px 0px;
  color: #003399;
  font-weight: 600;
}

DIV.x-info-border {
  border: #003399 2px solid;
  padding: 0px;
  margin: 4px 0px;
}

DIV.x-error {
  border: red 2px solid;
  padding: 0px;
  margin: 4px 0px;
  color: red;
  font-weight: 600;
}
DIV.x-info LI {
  margin-left: -15px;
}
DIV.x-error LI {
  margin-left: -15px;
}