/******************/
/* basic elements */
/******************/
body {
  background-color: #929AAF;
  font-size: 12pt;
}
a,a:link,a:visited,a:active { 
  color: #d33;
  text-decoration: none;
  font-weight: bold;
}
a:hover { 
  text-decoration: underline;
}

/***********************/
/* Specific div blocks */
/***********************/
/* pre div */

/*
div#pre1 {
  position: absolute;
  background: url(/bdproject/data/images/logo-badges-black.gif) no-repeat;
  width: 200px;
  height: 200px;
  top: 0px;
  left: 0px;
}
*/
div#pre2 {
/*
  position: absolute;
  background: url(/bdproject/images/badminton-sidemenu.gif) no-repeat;
  width: 150px;
  height: 100%;
  background-color: blue;
  top: 0px;
  right: 0px;
*/
}

/* nav link block */
div.navlink { 
  margin: 10px;
 }


/* Super Container */
div#container { 
  margin-left: 200px;
  margin-right: 150px;
}

/* Banner */
div#banner {
  /*display: none;*/
  border: 1px solid black;
  height: 150px;
  font-style: italic;
  background-color: #eee;
  color: #666;
  font-family: Georgia;
  text-align: center;
}
div#banner h1 {
  margin-top: 20px;
 }
div#banner h2 {
  font-family: Times
 }

/* Top menu definitions */
div#menu-top div {
  background-color: #669;
  border: 1px solid black;
  border-top: none;
  height: 20px;
  text-align: right;
}
div#menu-top div ul {
  margin: 0;
 }
div#menu-top div ul li {
  display: inline;
  padding-right: 20px;
  font-weight: bold;
  color: #d33;
 }
div#menu-top div ul li a {
  text-decoration: none;
  color: #eee;
}
div#menu-top div ul li a:hover { 
  color: #d33;
}

/* Left menu definitions */
div#menu-left { 
  position: absolute;
  top: 200px;
  left: 5px;
  background-color: #669;
  border: 1px solid black;
  margin: 0;
  padding: 0;
 }
div#menu-left div {
  margin-top: 10px;
  width: 170px;
  min-height: 30px;
  border-top: 1px solid black;
  background-color: #eee;
  font-size: 70%;
  padding-bottom: 5px;
}
div#menu-left div ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#menu-left div ul li { 
  list-style-type: none;
  margin:5px;
  padding: 0;
  font-weight: bold;
  color: #777;
 }
div#menu-left div ul li a {
}

/* Central pane definitions */
div#central { 
  background-color: #eee;
  border: 1px solid black;
  border-top: none;
  padding: 30px 10px 10px 10px;
  min-height: 250px;
 }
div#central a { 
  font-style: italic;
  font-size: 90%;
 }
div#central a img { 
  border: none;
 }

/* Panel pane definition */
div#panels { 
  position: absolute;
  top: 185px;
  right: 5px;
  width: 140px;
  font-size: 70%;
 }
div#panels div { 
  margin-bottom: 15px;
 }
div#panels div h1 {
  background-color: #669;
  color: #eee;
  padding: 0;
  margin: 0;
  font-size: 100%;
  text-align: center;
  border: 1px solid black;
  border-bottom: none;
 }
div#panels div ul {
  margin:0;
  padding: 5px 0px 0px 0px;
  background-color: #eee;
  border: 1px solid black;
 }
div#panels div ul li {
  list-style-type: none;
  margin: 0px 0px 5px 0px;
  color: #444;
  padding-left: 1px;
 }
div#panels div ul li.separator {
  padding: 0;
  margin: 0px 0px 5px 0px;
  height: 1px;
  border-bottom: 1px solid silver;
 }
div#panels div ul li a { 
  font-style: normal;
  font-size: 100%;
}

/* Page title definition */
div#title { 
  /*display: none;*/
  color: #d33;
}


/*Footer definition */
div#footer { 
  font-size: 60%;
  text-align: center;
  margin: 0px;
 }


/***************************/
/* BDLib class definitions */
/***************************/
/* Calendar class */
table.calendar tr th { 
  background-color: #669;
  color: #eee;
 }
table.calendar tr td { 
  text-align: center;
 }

/* BdForm class */
div.form {
  background-color: #669;
  color: #eee;
  border: 1px solid black;
}
div.form div.title {
  font-size: 120%;
  padding-left: 10px;
  margin-bottom: 5px;
}
div.form div.body { 
  margin: 2px;
  padding: 5px;
  background-color: #eee;
  color: #000;
  border: 1px solid black;
}

div.form div.body form { 
  margin: 0px;
 }
div.form div.body div.header { 
  padding: 10px;
  background-color: #ccf;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
div.form div.body div.entries { 
  font-size: 80%;
  background-color: #ccf;
  border-left: 1px solid black;
  border-right: 1px solid black;
 }
div.form div.body div.buttons { 
  background-color: #ccf;
  text-align: center;
  border-left: 1px solid black;
  border-right: 1px solid black;
 }

div.form div.body div.buttons table { 
  width: 80%;
 }

div.form div.body div.navlink { 
  background-color: #ccf;
  margin: 0px;
  padding: 10px;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

div.form div.body div.footer { 
  padding: 10px;
  font-weight: normal;
  font-style: italic;
  background-color: #ccf;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
 }