div.contents
{
 margin:0 auto;
 width:700px;
 text-align:center;
}

div.login
{
 padding:0;
 margin:0 auto;
 background-image:url("images/login.gif");
 width:415px;
 height:208px;
}

table.admin 
{
 width:300px;
 margin-top:80px;
}

table.admin td.input
{
text-align:left;
width:100%;
}

table.admin td.caption
{
text-align:right;
width:80px;
color:#ffffff;
}

div.login-button
{
  text-align:right;
}

table.admin th
{
  text-align:right;
}

table.calendar-title, table.calendar-form-title
{
 width:300px;
 margin:0 auto;
}

table.calendar-title td
{
  vertical-align:bottom;
}

table.calendar-title form
{
 margin:0;
}

table.calendar, table.legend
{ 
  border-collapse:collapse;
  empty-cells:show;
 width:680px;
 margin:0 auto;
}

table.legend
{
  font-size:100%;
}

table.calendar th, table.calendar-form th
{
  background-color:#333333;
 border:1px solid #aaaaaa;
 color:#ffffff;

}

table.calendar td, table.calendar-form td
{
 margin:0;
 padding:0;
 border:1px dotted #aaaaaa;
 background-color:#ffffff;
 vertical-align:top;
text-align:right;
}

table.calendar td, table.calendar-form td
{
  text-align:right;
  font-size:160%;
  font-weight:bold;
  font-family:sans-serif;
 width:181px;
}

table.calendar td
{
 height:90px;
}

table.calendar-form td
{
 height:120px;
}

table.calendar #sunday,table.calendar-form #sunday
{
 color:#dd0000;
}
table.calendar #saturday,table.calendar-form #saturday
{
 color:#0000dd;
}
table.calendar td.empty
{
  background-color:#eeeeee;
}

table.calendar-form td.off, table.calendar td.off, option.off, table.legend td.off
{
  background-color:#ff7f50;
}

table.calendar td#welcome, option.welcome, table.legend td#welcome
{
  font-weight:bold;
}

table.calendar td.test, option.test, table.legend td.test
{
  background-color:#adff2f;
}

table.calendar td.finish, option.finish, table.legend td.finish
{
  background-color:#afeeee;
}

table.calendar-form td.practice, table.calendar td.practice, option.practice, table.legend td.practice
{
  background-color:#d5f6ff;
}

table.legend td.off,table.legend td.test, table.legend td.practice
{
 width:30px;
 height:20px;
}

div.calendar-title, div.calendar-form-title
{
  margin-top:10px;
  text-align:center;
  font-size:170%;
  font-weight:bold;  
}

div.calendar-next
{
  margin-right:0 auto;
}

table.calendar-form
{
 margin:0 auto; 
 border-collapse:collapse;
 empty-cells:show;
}

table.calendar-form th,table.calendar-form td,textarea,select#course
{
 width:100px;
}

table.calendar-form th
{
 border:1px solid #aaaaaa;
}

tr.control td
{
 border:0;
 height:35px;
 font-size:100%;
 font-weight:normal:
}

tr.year td
{
 border:0;
 height:20px;
}

table.calendar-form td
{
  vertical-align:bottom;
  text-align:right;
}

div.notice
{
  font-size:70%;
  margin-bottom:10px;
  font-weight:bold;
}

table.calendar th.sunday,table.calendar-form th.sunday
{
  background-color:#dd0000;
}
table.calendar th.saturday,table.calendar-form th.saturday
{
  background-color:#0000dd;
}

div.description
{
  font-family:sans-serif;
  font-size:50%;
  font-weight:normal;
 color:#000000;
  text-align:left;
  padding-left:4px;
  padding-bottom:4px;
}

table.calendar-form div.holiday,table.calendar div.holiday
{
 color:#ff0000;
}

div.date
{
  padding-right:4px;
  margin-bottom:16px;
}

div.holiday-description
{
  font-family:sans-serif;
  font-size:60%;
  font-weight:normal;
 color:#000000;
  text-align:right;
 padding:0;
 margin:0;
  padding-right:4px; 
}

textarea
{
  font-size:40%;
height:50px;
}

input.userid, input.password
{
  ime-mode:disabled;
  width:100%;
}

body
{
  text-align:center;
}

a:link { text-decoration:none; }
a:visited { text-decoration:none; }

div.calendar-footer
{
 width:700px;
 margin:10px;
 text-align:left;	
}

div.padding
{
 height:1px;
}

div#off
{
background-color:#ff7f50;
}

div#practice
{
background-color:#d5f6ff;
}

div#off, div#practice
{
width:60px;
}

label#off, label#practice
{
font-size:50%;
font-weight:normal;
margin-bottom:5px;
}

div.whatday
{
margin:3px;
text-align:right;
}

input#login-button
{
margin:5px;
}

table.list-holidays
{
text-align:left;	
}