body {
	background: #f6f6f6; font-family:century gothic
}
.canvas {
	background: #fff; text-align:center; vertical-align:top; width:660px; border-top:#9090f4 1px solid; border-bottom:#9090f4 1px solid; border-right:#9090f4 1px solid; height:400px;
}
.canvas_title {
    height: 25px; background: url('/img/canvas_title_bg.gif') repeat-x top right; padding: 0px 35px 10px 0px; color:#22497e; font-size:18px; font-weight:bold; text-align:right; margin:15px 0px 0px 0px; vertical-align: middle;
}
.canvas_image {
    float:left; position:relative; margin:-12px 0px 0px 30px; vertical-align: middle;
}
.status_image {
    float:right; position:relative; margin:0px 0px 0px 0px; vertical-align: middle;
}
.canvas_subhead {
    background: url('/img/canvas_subhead_bg.gif') no-repeat top left; color:#22497e; font-size:14px; font-weight:bold; height: 25px; width:100%;padding: 1px 7px 1px 7px; vertical-align: middle;
}
.canvas_spacer {
    background: url('/img/canvas_spacer_bg.gif') repeat-x top right; height:20px; font-size:6px;
}
.canvas_subhead span {
    float: left; display:inline;
}
.canvas_subhead span.link {
    float: right; display: inline; height:18px; padding:1px 0px 2px 0px; width:120px; text-align:center;
}
.canvas_subhead span.link a {
    background:#ffffff; padding: 0px 20px 0px 5px; margin: 0px 0px 0px 5px; border:#9090f4 1px solid; font-size:12px; color:#9090f4; text-decoration:none;
}
.canvas_subhead span.link a:hover {
    background:#ffffff; padding: 0px 20px 0px 5px; margin: 0px 0px 0px 5px; border:#afc03e 1px solid; font-size:12px; color:#afc03e; text-decoration:none; cursor:pointer
}
.canvas_right {
	background: url('/img/shadow_right.gif') repeat-y top left; vertical-align: top;
}
.canvas_bottom {
	background: url('/img/shadow_bottom.gif') repeat-x top right; vertical-align: top;
}
.canvas_corner {
	background: url('/img/shadow_corner.gif') no-repeat top left;
}
.panel {
	padding: 5px; margin:0px; border:#9aa6ff 1px solid; font-family:century gothic; font-size: 12px; background: #ededf9; text-align: center
}
.xpanel {
	padding: 5px; margin:0px; border:#f19f9f 1px solid; font-family:century gothic; font-size: 12px; background: #f1d5d5; text-align: center
}
.inpanel {
	margin:10px 5px 5px 5px; font-family:century gothic; font-size: 12px; font-weight:bold;
}
.thead {
	border-bottom:#bbb 1px solid; font-family:century gothic; font-weight: bold; background:#f1f1f1; text-align: center
}
.colhead {
	border-top:#cbd491 0px solid; border-bottom:#cbd491 2px solid; font-family:century gothic; font-size: 14px; font-weight: bold; background:#f1f1f1; height: 25px
}
.coldata {
	border-bottom:#bbb 1px solid; font-family:century gothic; font-size: 12px; font-weight: normal; height: 22px
}
.ehead {
	border-top:#cbd491 1px solid; border-bottom:#cbd491 2px solid; font-family:century gothic; font-size: 12px; font-weight: bold; background:#f1f1f1; height: 25px
}
.edata {
	height:20px; font-family:century gothic; font-size: 10px; font-weight: normal; border-bottom:#bbb 1px solid; border-left:#bbb 1px solid; text-align:right; padding: 0px 3px 0px 0px
}
.edato {
	height:20px; font-family:century gothic; font-size: 10px; font-weight: normal; border-bottom:#bbb 1px solid; border-left:#bbb 1px solid; text-align:right; padding: 0px 3px 0px 0px; background:#f0f0f0;
}
.edati {
	height:20px; font-family:century gothic; font-size: 10px; border-bottom:#bbb 1px solid; text-align:left; padding: 0px 0px 0px 3px; font-weight: bold; 
}
.eform {
	font-size:12px; height:21px; font-family:century gothic; border: #8cacbb 1px solid; padding: 0.08em 0.2em 0.04em 0.2em; vertical-align: middle; color: #000; backgound-color: #fff; text-decoration: none
}
.etext {
	font-size: 12px; font-family: century gothic; border: #8cacbb 1px solid; padding: 0.08em 0.2em 0.04em 0.2em; vertical-align: middle; color: #000; backgound-color: #fff; text-decoration: none
}
.button {
	font-size:12px; background: url(/img/buttonshadow.gif) #fff repeat-x 50% bottom; font-family:century gothic; border: #8cacbb 1px solid; padding: 0.02em 0.8em 0.02em 0.8em; vertical-align: middle; cursor: pointer; color: #000; backgound-color: #fff; text-decoration: none
}
.active_cell {
	background: #fff; font-size:16px; text-align:center; height:50px; border-left:#9090f4 1px solid; border-right:#fff 1px solid; color:#afc03e;
}
.active_cell_pre {
	font-size:16px; text-align:center;height:50px;border-right:#9090f4 1px solid; border-bottom:#9090f4 1px solid; border-left:#f6f6f6 1px solid; border-top:#f6f6f6 1px solid;
}
.active_cell_pro {
	font-size:16px; text-align:center;height:50px;border-right:#9090f4 1px solid; border-top:#9090f4 1px solid; border-left:#f6f6f6 1px solid; border-bottom:#f6f6f6 1px solid; background: url('/img/shadow_menu.gif') #f6f6f6 no-repeat top left;
}
.active_cell_not {
	font-size:16px; text-align:center; height:50px; border-right:#9090f4 1px solid; border-left:#f6f6f6 1px solid;
}
.free_cell {
	height:100%; border-right:#9090f4 1px solid;
}
a.feature:link {
	font-weight:bold; font-family:century gothic; color:#327dbe; text-decoration:none;
}
a.feature:visited {
	font-weight:bold; font-family:century gothic; color:#327dbe; text-decoration:none;
}
a.feature:hover {
	font-weight:bold; font-family:century gothic; color:#afc03e; text-decoration:none;
}
a.list:link {
	font-weight:bold; font-family:century gothic; color:#327dbe; text-decoration:none;
}
a.list:visited {
	font-weight:bold; font-family:century gothic; color:#327dbe; text-decoration:none;
}
a.list:hover {
	font-weight:bold; font-family:century gothic; color:#b8b75c; text-decoration:none;
}
a.page_others {
	padding: 2px 6px 0px 6px; border: #bbb 1px solid; font-size: 12px; font-weight:bold; font-family:century gothic; color:#bbb; text-decoration:none;
}
a.page_others:hover {
	padding: 2px 6px 0px 6px; border: #327dbe 1px solid; font-size: 12px; font-weight:bold; font-family:century gothic; color:#327dbe; text-decoration:none;
}
a.page_active {
	padding: 2px 6px 0px 6px; border: #327dbe 1px solid; font-size: 12px; font-weight:bold; font-family:century gothic; color:#fff; background: #327dbe; text-decoration:none;
}
.servet {
	font-size: 12px; font-weight: bold; width: 33%; vertical-align: bottom;
}
.servot {
	font-size: 12px; font-weight: normal; width: 33%; vertical-align: top;
}
.dataet {
	font-size: 12px; font-weight: bold; vertical-align: bottom; cursor: pointer;
}
.data_en {
	font-size: 12px; font-weight: bold; color: #000;
}
.data_ds {
	font-size: 12px; font-weight: bold; color: #919191;
}
.editing {
	font-size: 13px; font-weight: bold; color: #afc03e; font-style: italic;
}
.deleting {
	font-size: 13px; font-weight: bold; color: #ef5555; font-style: italic;
}
.notif_good {
    visibility:visible; background: #fff url('/img/notif_good.gif') no-repeat left; font-size:12px; color:#579f2d; font-weight:bold; border:#579f2d 1px solid; width: 420px; margin:-23px 0px 20px 0px; height:30px; padding:10px 2px 10px 2px
}
.notif_info {
    visibility:visible; background: #fff url('/img/notif_info.gif') no-repeat left; font-size:12px; color:#327dbd; font-weight:bold; border:#9bafde 1px solid; width: 420px; margin:-23px 0px 20px 0px; height:30px; padding:10px 2px 10px 2px
}
.notif_warn {
    visibility:visible; background: #fff url('/img/notif_warn.gif') no-repeat left; font-size:12px; color:#ec9010; font-weight:bold; border:#f9ba22 1px solid; width: 420px; margin:-23px 0px 20px 0px; height:30px; padding:10px 2px 10px 2px
}
.notif_bad {
    visibility:visible; background: #fff url('/img/notif_bad.gif') no-repeat left; font-size:12px; color:#f91e1e; font-weight:bold; border:#ff3b3b 1px solid; width: 420px; margin:-23px 0px 20px 0px; height:30px; padding:10px 2px 10px 2px
}
.notif_nil {
    visibility:hidden; background: #fff url('/img/notif_nil.gif') no-repeat left; font-size:12px; color:#ef5555; font-weight:bold; border:#f19f9f 1px solid; width: 420px; margin:-23px 0px 20px 0px; height:30px; padding:10px 2px 10px 2px
}
.overwrite {
    border-top:fce09c 1px solid; border-left:fce09c 1px solid; border-right:d79700 1px solid; border-bottom:d79700 1px solid; background: #fdf3db; font-size:12px; color:#ec9010; font-weight:bold; text-decoration:none; padding:0px 7px 2px 7px; 
}
.overwrite:hover {
    border-top:fce09c 1px solid; border-left:fce09c 1px solid; border-right:d79700 1px solid; border-bottom:d79700 1px solid; background: #f9ba22; font-size:12px; color:#ffffff; font-weight:bold; text-decoration:none; padding:inherit; 
}
	.EclipseDayColumnHeader
			{
			background-color:#327dbe;
			text-align:center;
			border-top:#9bafde 1px solid;
			vertical-align:center;
			text-decoration:none;
			color:#22497e;
			font-weight:bold;
			background: url('/img/canvas_title_bg.gif') repeat-x bottom right;
			}
	td.EclipseCurrentMonthDate a.EclipseCurrentMonthDate
			{
			text-align:center;
			width: 100%;
			padding: 2px 2px 2px 2px;
			border:#ffffff 1px solid;
			color:#327dbe;
			text-decoration:none;
			}
	td.EclipseCurrentMonthDate a.EclipseCurrentMonthDate:hover
			{
			text-align:center;
			width: 100%;
			padding: 2px 2px 2px 2px;
			border:#327dbe 1px solid;
			color:#327dbe;
			text-decoration:none;
			}
	td a.EclipseCurrentDate
			{
			text-align:center;
			width: 100%;
			padding: 2px;
			border:#327dbe 1px solid;
			font-weight:bold;
			background: #327dbe;
			color: #ffffff;
			text-decoration:none;
			}
	td a.EclipseOtherMonthDate
			{
			text-align:center;
			padding: 2px;
			width: 100%;
			color:#9e9e9e;
			border:#ffffff 1px solid;
			text-decoration:none;
			}
	td a.EclipseOtherMonthDate:hover
			{
			text-align:center;
			width: 100%;
			padding: 2px;
			border:#9e9e9e 1px solid;
			color:#9e9e9e;
			text-decoration:none;
			}
	a.EclipseCalTodayText
			{
			color:#327dbe;
			font-weight:bold;
			text-decoration:none;
			}
	a.EclipseCalExit
			{
			text-align:center;
			width: 100%;
			height: 15px;
			padding: 2px;
			background:#ef5555;
			color:#ffffff;
			font-weight:bold;
			text-decoration:none;
			}
	.EclipseBorder
			{
			border:#9090f4 1px solid;
			}