/*My code*/

/*reset section*/

* {
  font-family: Helvetica, Verdana, sans-serif;
/*  margin:0px; */
/*  padding:0px; */
}

/*sample to adjust/center content in browser window*/
.container {
  width:90%;
  margin:auto;
}

/* Navigation Bar (id=navbar) customization */
#navbar {
  background-color: rgb(127,127,127);
  color:#999999;
  line-height: 35px;
}
#navbar ul{
  padding: 0px;
  list-style:none;
}
#navbar li{
  display:inline;
}
#navbar a{
  color:#ffffff;
  text-decoration: none;
  font-size: 18px;
  padding-right: 15px;
}
#navbar a:hover {
  color: rgb(0,0,0);
}
/* ----------------------------------------- */

/* Title (class=title) customization */
.title {
  background-color: rgb(255,255,255);
  line-height: 20px;
}
.title h1{
  color:#000000;
  text-decoration: none;
  font-size: 25px;
  text-align: center;
  /* padding-right: 10px; */
}
/* ----------------------------------------- */

/* Button customizations */
/* (class=button1) */
.button1{
  background-color: #e7e7e7;
  color:#333333;
  font-size: 18px;
  border: 1px solid gray;
  text-align: center;
  padding: 2px;
  /* padding-right: 10px; */
}
/* ----------------------------------------- */

/* Error Message (class=errormsg) customization */
.errormsg {
  background-color: rgb(255,255,255);
  line-height: 25px;
}
.errormsg p{
  color:#990000;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  /* padding-right: 10px; */
}
/* ----------------------------------------- */
.box-p {
  background-color: #999999;
}

.box-l {
  width: 23%;
  height: 500px;
  border-collapse: collapse;
  border: 1px solid white;
  float: left;
  background-color: #dddddd;
  color: black;
  padding:5px;
}

.box-l a {
  color: blue;
  text-decoration: none;
}

.box-l th {
  color: black;
  text-align: left;
}

.box-l td {
  color: green;
  text-align: left;
}

.box-l ul {
  /* to get rid of the bullets in front of lists */
  padding:0px;
  list-style:none;
}

.box-m {
  width: 73%;
  height: 500px;
  border-collapse: collapse;
  border: 1px solid white;
  float: left;
  background-color: #dddddd;
  color:#333333;
  padding:5px;
}

.box-m a {
  color: blue;
  text-decoration: none;
}

.box-m th {
  color: black;
  text-align: left;
}

.box-m td {
  color: gray;
  text-align: left;
}

.box-m ul {
  /* to get rid of the bullets in front of lists */
  padding:0px;
  list-style:none;
}

.box-r {
  background-color: #333333;
  color:#ffffff;
  border: 5px, red, solid;
  padding:20px;
  word-spacing: 1em;
}

.box-r ul {
  /* to get rid of the bullets in front of lists */
  padding:0px;
  list-style:none;
}

.deleteButton td {
  text-align: center;
}

.deleteButton a {
  color: red;
}

#Selected {
  background-color: rgb(192,192,192);
}