/* ======== Cascading Style Sheet file ======== */

/* ============= Layout classes =============== */

.main {
  width: 771px;
}

.header {
  background-image: url(./design/header.png);
  width: 771px;
  height: 116px;
}

.top {
  background-image: url(./design/top.png);
  width: 771px;
  height: 40px;
}

.middle {
  background-image: url(./design/middle.png);
  width: 771px;
  overflow: auto;
}

.bottom {
  background-image: url(./design/bottom.png);
  width: 771px;
  height: 57px;
}

.content  {
  width: 490px;
  margin: 0px;
  padding-left: 16px;
  padding-top: 10px;
  float: left;
  text-align: left;
}

.right_menu {
  width: 221px;
  float: right;
  text-align: left;
}

/* ============= Layout classes end =========== */

/* ============= Classes ====================== */

.button_black {
  background-image: url(./design/button_black.png);
  width: 114px;
  height: 23px;
  float: left;
  margin-top: 9px;
  padding-top: 6px;
  font-size: 8pt;
}

.button_grey {
  background-image: url(./design/button_grey.png);
  width: 114px;
  height: 23px;
  float: left;
  margin-top: 9px;
  padding-top: 6px;
  font-size: 8pt;
}

.button {
  background: transparent;
  border: none;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  padding: 0px 2px 0px 2px;
  margin: 0px;
  margin-top: 4px;
  width: auto;
  height: 20px;
}

.button2 {
  background: transparent;
  border: none;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
  width: auto;
  height: 16px;
}

.radio_button {
  background: transparent;
  border: none;
  width: auto;
  height: 12px;
}

.check_box {
  background: transparent;
  border: none;
  width: 14px;
  height: 14px;
}

.schedule_bg_head {
  background-color: #F8F8F8;
}

.ul_menu  {
  list-style-type: none;
  margin-left: 20px;
}

.list_numbers {
  list-style-type: decimal;
  padding-left: 24px;
}

.note {
  color: red;
  font-size: 90%;
}

.border_bottom_1  {
  border-bottom: 2px solid #F8F8F8;
  padding-bottom: 10px;
  overflow: auto;
}

.td_border_bottom_1  {
  border-bottom: 2px solid #F8F8F8;
}

.font_green {
  color: #319C00;
}

.pic_test input {
  background: transparent;
  border: none;
  width: auto;
  height: 12px;
  vertical-align: top;
  margin-top: 19px;
}

.pic_test div {
  float: left;
  height: 52px;
  margin-top: 10px;
  margin-right: 26px;
}

.pic_test label {
  cursor: pointer;
}

/* ============= Classes end ================== */

/* ============= Href classes ================= */

a:link {color: black; font-weight: bold; text-decoration: none;}
a:visited {color: black; font-weight: bold; text-decoration: none;}
a:hover {color: black; font-weight: bold; text-decoration: underline;}
a:active {color: black; font-weight: bold; text-decoration: underline;}

a.menu:link {color: black; font-weight: bold; text-decoration: none;}
a.menu:visited {color: black; font-weight: bold; text-decoration: none;}
a.menu:hover {color: black; font-weight: bold; text-decoration: underline;}
a.menu:active {color: black; font-weight: bold; text-decoration: underline;}

a.menu_top:link {color: white; font-weight: bold; text-decoration: none;}
a.menu_top:visited {color: white; font-weight: bold; text-decoration: none;}
a.menu_top:hover {color: white; font-weight: bold; text-decoration: underline;}
a.menu_top:active {color: white; font-weight: bold; text-decoration: underline;}

a.href_green:link {color: #319C00; font-weight: bold; text-decoration: none;}
a.href_green:visited {color: #319C00; font-weight: bold; text-decoration: none;}
a.href_green:hover {color: #319C00; font-weight: bold; text-decoration: underline;}
a.href_green:active {color: #319C00; font-weight: bold; text-decoration: underline;}

a.paging:link {color: black; font-weight: bold; text-decoration: none; font-size: 8pt;}
a.paging:visited {color: black; font-weight: bold; text-decoration: none; font-size: 8pt;}
a.paging:hover {color: black; font-weight: bold; text-decoration: underline; font-size: 8pt;}
a.paging:active {color: black; font-weight: bold; text-decoration: underline; font-size: 8pt;}

/* ============= Href classes end ============= */

body  {
  background-color: white;
  margin: 10px 0px 10px 0px;
  font-size: 10pt;
  font-family: Arial;
}

input {
  background: white;
  border: 1px solid #A6A6A6;
  font-size: 8pt;
  font-family: Arial;
  width: 100px;
  margin: 0px;
  padding: 0px 1px 0px 1px;
}

select {
  background: white;
  border: 1px solid #A6A6A6;
  font-size: 8pt;
  font-family: Arial;
  margin: 0px;
  padding: 0px 1px 0px 1px;
}

img {
  border: none;
}

table {
  font-size: 10pt;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
}

td  {
  margin: 0px;
  padding: 1px;
}

p {
  margin: 0px;
  padding: 0px;
}

form  {
  margin: 0px;
  padding: 0px;
}

ul  {
  margin: 0px;
  padding: 0px;
}

h1  {
  font-size: 14pt;
  font-family: Arial;
  font-weight: bold;
  color: #2942FF;
  margin: 10px 0px 6px 0px;
  padding: 0px;
}

h2  {
  font-size: 12pt;
  font-family: Arial;
  font-weight: bold;
  color: #2942FF;
  margin: 8px 0px 4px 0px;
  padding: 0px;
}

h3  {
  font-size: 9pt;
  font-family: Arial;
  font-weight: bold;
  margin: 6px 0px 2px 0px;
  padding: 0px;
}

h4, h5, h6  {
  font-size: 9pt;
  font-family: Arial;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

/* ============= classes ====================== */

img.photo {
  float: left;
  width: 150px;
  margin: 6px;
}

/* ============= classes end ================== */