html, body
{
  height: 100%;
  }

body
{
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 80%;
  background-color: #fb029d;
  background-image: url("etc/main_bg.gif");
  }

p
{
  line-height: 1.5em;
  }

a:link, a:link.pink
{
  color: #fb029d;
  border-color: #fb029d;
  text-decoration: none;
  }

a:visited, a:visited.pink
{
  color: #fb029d;
  border-color: #fb029d;
  text-decoration: none;
  }

a:hover, a:hover.pink
{
  color: #558e59;
  border-color: #558e59;
  text-decoration: none;
  }
a:link.orange {
	color: #ec5e00;
	text-decoration: none;
}
a:visited.orange {
	color: #ec5e00;
	text-decoration: none;
}
a:hover.orange {
	color: #ec5e00	;
	text-decoration: underline;
}
a:link.grey {
	color: #666666;
	text-decoration: none;
}
a:visited.grey {
	color: #666666;
	text-decoration: none;
}
a:hover.grey {
	color: #666666	;
	text-decoration: underline;
}
img
{
  border: 0;
  }

.container
{
  text-align: center;
  height: 100%;
  }

.page
{
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 800px;
  }

.logo
{
  position: absolute;
  text-align: center;
  width: 800px;
  }

.header
{
  position: absolute;
  top: 148px;
  width: 800px;
  height: 85px;
  background-color: #8dff91;
  background-image: url("etc/header_tm.gif");
  background-repeat: repeat-x;
  background-attachment: top;
  }

.frame
{
  position: absolute;
  width: 800px;
  top: 233px;
  }

.body
{
  background-color: #ffffff;
  background-image: url("etc/body_tm.gif");
  background-repeat: repeat-x;
  background-attachment: top;
  }

.header-left, .header-right
{
  position: absolute;
  top: 0;
  left: 0;
  height: 85px;
  width: 8px;
  background-image: url("etc/header_ml.gif");
  background-repeat: repeat-y;
  }

.header-right
{
  left: auto;
  right: 0;
  background-image: url("etc/header_mr.gif");
  }

.body-left
{
  background-image: url("etc/body_ml.gif");
  background-repeat: repeat-y;
  background-position: left;
  }

.body-right
{
  background-image: url("etc/body_mr.gif");
  background-repeat: repeat-y;
  background-position: right
  }

.body-top
{
  position: absolute;
  top: 0;
  width: 800px;
  }

.print
{
  position: absolute;
  right: 0;
  margin: 10px;
  font-size: 0.8em;
  font-weight: bold;
  }

.print a
{
  border: 1px solid #d2d2d2;
  color: #d2d2d2;
  padding-left: 0.25em;
  padding-right: 0.25em;
  }

.print a:hover
{
  border: 1px solid #999999;
  color: #999999;
  padding-left: 0.25em;
  padding-right: 0.25em;
  }

.content
{
  padding: 40px 100px 100px 100px;
  }

.end
{
  height: 8px;
  background-color: #ffffff;
  background-image: url("etc/body_bm.gif");
  background-repeat: repeat-x;
  }

.footer
{
  position: absolute;
  height: 100px;
  width: 800px;
  text-align: center;
  padding-top: 20px;
  }

.menu
{
  position: absolute;
  width: 800px;
  top: 73px;
  height: 80px;
  }

.menu-inactive
{
  position: absolute;
  height: 80px;
  bottom: 0;
  }

.menu-active
{
  position: absolute;
  height: 80px;
  bottom: 0;
  background-image: url("etc/header_arrow.gif");
  background-repeat: no-repeat;
  background-position: bottom center;
  }

.menu-inactive img, .menu-active img
{
  border: 0;
  }

.submenu
{
  position: absolute;
  width: 800px;
  top: 60px;
  text-align: center;
  }

.submenu a, .submenu a:visited
{
  padding: 0.25em;
  color: #7e7e7e;
  font-weight: bold;
  }

.submenu a:hover
{
  text-decoration: none;
  color: #ffffff;
  }

.submenu img
{
  border: 0;
  }

.submenu-active, .submenu-inactive
{
  padding: 0 1em 0 1em;
  }

.submenu-active
{
  background-image: url("etc/body_arrow.gif");
  background-repeat: no-repeat;
  background-position: bottom center;
  }

.largetext1
{
  font-size: 1.2em;
  }

.grey1
{
  color: #6a6a6a;
  }

.box1
{
  padding: 0.5em;
  background-color: #f4f4f4;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background-image: url("etc/box1_bg.gif");
  background-position: bottom left;
  background-repeat: repeat-x;
  }

input
{
  line-height: 1em;
  }

select
{
  font-size: 1.2em;
  font-family: monospace;
  }

option
{
  font-size: 1em;
  font-family: monospace;
  }

input.text
{
  margin: 0;
  padding: 4px;
  font-size: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: #aaaaaa;
  background-color: #f4f4f4;
  background-image: url("etc/textfield_bg.gif");
  background-position: center left;
  }

input.checkbox
{
  margin: 0;
  padding: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #aaaaaa;
  background-color: #f4f4f4;
  background-image: url("etc/textfield_bg.gif");
  background-position: center left;
  }

input.button
{
  margin: 0;
  font-size: 1em;
  padding: 3px;
  color: #ffffff;
  font-weight: bold;
  border-width: 1px;
  border-style: solid;
  border-color: #fb009c;
  background-color: #63d2fb;
  background-image: url("etc/button_bg.gif");
  background-position: center left;
  }

textarea
{
  padding: 0.5em;
  background-color: #f4f4f4;
  border-width: 1px;
  border-style: solid;
  border-color: #aaaaaa;
  background-image: url("etc/box1_bg.gif");
  background-position: bottom left;
  background-repeat: repeat-x;
  font-size: 0.9em;
  font-family: "Monaco", "Courier", fixed-width, monospace;
  }

select
{
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #aaaaaa;
  background-color: #f4f4f4;
  background-image: url("etc/textfield_bg.gif");
  background-position: center left;
  }

h1, h1.major
{
  font-size: 2em;
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight: normal;
  }

h1.major
{
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cdcdcd;
  }

h4
{
  font-size: 1.2em;
  }

.stroke-bottom
{
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #cdcdcd;
  }

img.border1
{
  border-width: 1px 1px 4px 1px;
  border-color: #c5c5c5;
  border-style: solid;
  }

hr {
	margin: 5px 0 5px 0;
	padding: 0;
	border: 0;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
}

.preview-image-large
{
  width: 300px;
  height: 300px;
  overflow: hidden;
  background-color: #f4f4f4;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background-repeat: no-repeat;
  background-position: center center;
  }

.preview-image-large img
{
  position: absolute;
  overflow: hidden;
  clip: rect( 0px, 300px, 300px, 0px );
  }

.preview-image-small
{
  width: 32px;
  height: 32px;
  overflow: hidden;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  }

.preview-image-small img
{
  position: absolute;
  overflow: hidden;
  clip: rect( 0px, 32px, 32px, 0px );
  }

.side-left
{
  width: 50%;
  float: left;
  text-align: left;
  }

.side-right
{
  width: 50%;
  float: right;
  text-align: right;
  }

img.border1
{
  border: 1px solid black;
  }

div.calendar
{
	width: 600px;
}

div.day_header
{
    margin-bottom: 0.25em;
	float: left;
	width: 84px;
	text-align: center;
	font-size: 0.8em;
	text-transform: uppercase;
}

div.day
{
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 3px 3px 0;
	background-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #cacaca;
}

div.day_inactive
{
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 3px 3px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #e2e2e2;
}

div.day_content
{
	margin: 3px;
	width: 74px;
	height: 74px;
	overflow: hidden;
}

div.day h1
{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

div.day_active
{
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 3px 3px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #F74E96;
	background-color: #F74E96;
	background-image: url("etc/day_bg.gif");
	background-position: center left;
}

div.day_active h1
{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
    color: #ffffff;
}

div.day_active p
{
  color: #ffffff;
    margin: 0.1em 0 0 0;;
	padding: 0;
	line-height: 1.1em;
}

div.day_active a, div.day_active a:link, div.day_active a:active, div.day_active a:hover, div.day_active a:visited
{
	color: #ffffff;
}

div.calendar_header
{
	display: table;
	margin: 0 0 3px 0;
	width: 590px;
	color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	background-color: #bababa;
	background-image: url("etc/calendar_bg.gif");
	background-position: center left;
}

div.calendar_header a
{
	color: #ffffff;
}

div.calendar_nav
{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #aaaaaa;
}

.preview_image {
	float: left;
	margin: 0 4px 4px 0;
	width: 64px;
	height: 64px;
	overflow: hidden;
	background-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	background-repeat: no-repeat;
	background-position: center center;
}
.preview_image img {
	position: absolute;
	overflow: hidden;
	clip: rect( 0px, 64px, 64px, 0px );
}

.error
{
  color: #ff5d00;
  }

.search_image {
	width: 32px;
	height: 32px;
	overflow: hidden;
	background-color: #f4f4f4;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd;
	background-repeat: no-repeat;
	background-position: center center;
}
.search_image img {
	position: absolute;
	overflow: hidden;
	clip: rect( 0px, 32px, 32px, 0px );
}