body, div, table
{
  padding: 0;
  margin: 0;  
}

body
{
  font-family:Arial;
  font-size:12pt;
}

table
{
  font-family:Arial;
  font-size:12pt;
  border-collapse:collapse;
  margin-bottom: 0px;
}

table.t1
{
  table-layout:fixed;
  border: 1px solid #999999;
  border-collapse: separate;
}

table.t2
{
  table-layout:auto;
}

table.t3
{
  table-layout:fixed;
  border: 1px solid #999999;
}

th
{
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
  background-color: #E8E8E8;
  color: Black;
  padding:3px;
}

tr.tableEvenRow
{
  background-color:#CCCCCC;
  height: 22px;
  vertical-align: middle;
}

tr.tableOddRow
{
  background-color:#FFFFFF;
  height: 22px;
  vertical-align: middle;
}

.timeText
{
  font-family:Arial;
  font-size:12pt;
  color: Black;
}

.labelCell
{
  text-align:right;
}

.displayCell
{
  background-color:#B7DDFB;
}

.inputCell
{
  background-color:White;
}

input
{
  font-family:Arial;
  font-size:12pt;
}

select
{
  font-family:Arial;
  font-size:12pt;
  margin-right: 0px;
}

.inputFull
{
  width:100%;
  font-size:12pt;
}

.inputFullBlock
{
  width:100%;
  height:100%;
  font-size:12pt;
}

a.hiddenLink
{
  text-decoration: none;  
  color: Black;
}

a.hiddenLink:hover
{
  color: Blue;  
}

/*
a.tabButton
{
  font-size: 12pt;  
  text-decoration : none;
  text-align:center;
  padding-top: 8px;
  display: table-cell;
  vertical-align: top;
  width: 179px;
  height: 27px;
  background-image: Url("Img/Tab1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  color :Black;
}

a.tabButtonSelected
{
  font-size: 12pt;  
  text-decoration : none;
  text-align:center;
  padding-top: 8px;
  display: table-cell;
  vertical-align: top;
  width: 179px;
  height: 27px;
  background-image: Url("Img/Tab1.png");
  background-repeat: no-repeat;
  background-position: 0 -27px;
  color : White;
}
*/

/* 頁面標題列 */
.title 
{
  color: #000000;
  background-image: url('Img/bg1.png'); 
  padding: 5px;
}

.menuArea 
{
  /*background-color: #F0F0F0;*/
  background-image: url('Img/bg1.png'); 
}

/* 系統名稱文字 */
.systemTitle 
{
  font-family: KaiTi,KaiU;
  font-size: 20pt;
  color: Black;
  font-weight: bold;
}

/* 跑馬燈文字 */
.marqueeText
{
  font-size: 12pt;
  font-weight: bolder;
  color: Red;
}

.groupHeaderCell
{
  text-align: center;
  border-bottom-style : solid; 
  border-bottom-width: 1px; 
  border-bottom-color: black  
}

.GridViewHeader
{
  background-image: Url("Img/Tab1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.GridViewPager
{
  background-image: Url("Img/Tab1.png");
  background-repeat: no-repeat;
  background-position: 0 -27px;
}

/* 功能標題文字 */
.FunctionName
{
  color: #000000;
  font-size: 12pt;
  font-weight: bold;
}

/* 錯誤訊息文字1 */
.ErrorMessage
{
  color: red;
  font-size: 12pt;
  font-weight: bold;
}

/* 錯誤訊息文字2 */
.ErrorMessage2
{
  color: red;
  font-size: 12pt;
  font-weight: bold;
}

.TimeTableCell
{
  height: 80px;
  width: 105px;
  text-align: center;  
  vertical-align: top;
}

.TimeLabel
{
  width: 100%;
  height: 18px;
  background-color: #FFA0FF;
  color: Black;
  text-align: center;
  vertical-align: middle;
}

.CourseLabel
{
  width: 100%;
  height: 18px;
  background-color: #ffe4b5;
  color: Black;
  text-align: center;
  vertical-align: middle;
}

.TeacherLabel
{
  width: 100%;
  height: 18px;
  background-color: #7FFFFF;
  color: Black;
  text-align: center;
  vertical-align: middle;
}

.EquipmentLabel
{
  width: 100%;
  height: 18px;
  background-color: #7FFF7F;
  color: Black;
  text-align: center;
  vertical-align: middle;
}

a.LogoutButton
{
  height: 32px;
  width: 32px;
  background-image: Url("Img/logout.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}

span.overlimit
{
  color: red;
}

span.elected
{
  color: blue;
}

span.canceled
{
  color: red;
}

a.menu
{
  display: table-cell;
  color: Black;
  width: 100%;
  height: 22px;
  vertical-align: middle;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px; 
}

a.menuSelected
{
  display: table-cell;
  color: White;
  width: 100%;
  height: 22px;
  vertical-align: middle;
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px; 
}

a.menu:hover
{
  color: White;
  background-color: #398EDE;
}

a.election
{
  color: Blue;
  font-weight: bold;  
}

a.cancelelection
{
  color: Blue;
  font-weight: bold;  
}

.dataDisplayCell
{
  background-color: #FFEDEA;
  height: 25px;
}

.dataEditCell
{
  background-color: #FFFFFF;
}

.maparea 
{
  position: absolute;
  border: 0px;
  -moz-opacity:0.25;             /* Moz + FF */
  opacity:0.25;                  /* 支持CSS3的浏览器（FF 1.5也支持）*/
  filter: alpha(opacity=25);     /* IE */
  background-color: red;
  padding: 0;
  margin: 0;
  cursor: pointer;
  /* 圓角 */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px
}

.maparea:hover
{
  position: absolute;
  border: 0px;
  -moz-opacity:0.5;             /* Moz + FF */
  opacity:0.5;                  /* 支持CSS3的浏览器（FF 1.5也支持）*/
  filter: alpha(opacity=50);     /* IE */
  background-color: red;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.mapimage
{
  display: block;
  z-index: 0;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
}

.tab {
    color: #FFF;
    background-color: #0D9AF6;
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px;
}