.apparea { background-color: #FFFFFF; }
.calMeta { background-color: #CAD8E5; }
.calMetaWeekdays { background-color: #CAD8E5; 
  font: 9pt Verdana,Arial,sans-serif,Helvetica;
  font-weight: bold;
  background-image: url(../images/fade28px.png);
}
.calMetaMonth { background-color: #CAD8E5; 
  font: 9pt Verdana,Arial,sans-serif,Helvetica;
  font-weight: normal;
  background-image: url(../images/fade28px.png);
}
.calMetaYearWeekdays { background-color: #CAD8E5; 
  font: 8pt Verdana,Arial,sans-serif,Helvetica;
  font-weight: normal; 
}
.calYeardays { font-size: 8pt; }
.calCurrent { 
  background-color: #FFFFFF;
}
.calNoncurrent { background-color: #DEECF9; }
.calCurrentE { background-color: #F7FFFF; }
.calNoncurrentO { background-color: #E3F1FE; }
.calToday { background-color: #FFFFCC; }
.sbHEADER { background-color: #9DABB8; }
.sbEVEN { background-color: #D9E7F4; }
.sbODD { background-color: #EDFBFF; }
.sbEVENACTIVE { background-color: #E4E47E; }
.sbODDACTIVE { background-color: #F8F892; }
.toolbarSpacer { background-color: #CFDDEA; color: #A7B5C2; }
.toolbarBorder { background-color: #000000; }

BODY { 
  margin: 0;
  padding: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: #FFFFFF; 
  font-size: 8pt;
  font-family: Verdana, Arial, sans-serif, Helvetica;
}

BODY.bottomline { background-color: #FFFFFF; }
TABLE.calcontrols { background-color: #FFFFFF; } 
body {
	color: #000;
	padding: 0;
	padding-top: 0px;
	margin: 0;
        margin-top: 4px;
        background-color: #fff;
}
p, li, b, td, div, span, input, textarea, select, button {
 font-family: Verdana,Arial,sans-serif,Helvetica;
 font-size: 8pt;
}
h2 {
  font-size: 1.0em;
  color: #999;
  border-bottom: 2px solid #ccc;
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
form {
 padding: 0;
 margin: 0;
}
.leftBorder {
 display: table;
 margin: 0;
 padding: 0;
 width: 99%;
 border-left: 1px solid #ccc;
}
.copyright {
  font-size: 8pt;
  color: #666;
}
.horiz-dash {
  padding: 0;
  padding-top: 25px;
  border-bottom: 1px dashed #999;
}
input.btn {
 font-size: 8pt;
 font-family: Verdana, Arial, sans-serif, Helvetica;
 font-weight: bold;
 color: black;
 background-color: #DEECF9;
 border: 1px outset #FFFFFF;
}
input.btnhov {
  background-color: #fff;
  border-top-color: #eee;
  border-left-color: #eee;
  border-right-color: #999;
  border-bottom-color: #999;
}
#navtabs {
 position: relative;
 left: 7px;
 top: 1px;
 display: table;
}
.tabs-nav {
 padding: 5px 10px 0px 10px;
 margin: 0px;
}
.tabPanel {
 display: table-row;
 height: 22px;
}
.tab {
 -moz-border-radius: 6px 6px 0px 0px !important;
 font-size: 9pt !important;
 border-right: 1px solid #000 !important;
}
.bar-undertabs div {
 display: block;
 background-color: #CFDDEA;
 height: 6px !important;
 font-size: 1px !important;
 margin: 0px;
 padding: 0px;
 border-top: 1px solid #000 !important;
 /* border-left: 1px solid #000 !important;
 border-right: 1px solid #000 !important; */
 border-bottom: 1px solid #000 !important;
}
.tabActive {
 display: block;
 margin: 0px;
 padding: 4px 8px 4px 8px;
 font-weight: bold;
 color: black !important;
 text-decoration: none;
 -moz-border-radius: 6px 6px 0px 0px !important;
 border-bottom: 1px solid #CFDDEA !important;
 border-top: 1px solid #ccc !important;
 border-left: 1px solid #eee !important;
 background-color: #CFDDEA !important;
}
.tabDisabled {
 display: block;
 margin: 0px;
 padding: 4px 8px 4px 8px;
 font-weight: normal;
 color: black !important;
 text-decoration: none !important;
 -moz-border-radius: 6px 6px 0px 0px !important;
 border-top: 1px solid #ccc !important;
 border-left: 1px solid #eee !important;
 border-bottom: 1px solid #000 !important;
 background-color: #A7B5C2 !important;
}
.tab a:hover {
 display: block;
 color: #666 !important;
 text-decoration: none !important;
 -moz-border-radius: 6px 6px 0px 0px !important;
 border-top: 1px solid #999 !important;
 border-left: 1px solid #999 !important;
}
a:link {
 color: blue;
 text-decoration:none
}
a:visited {
 color: blue;
 text-decoration:none
}
a:hover {
 text-decoration:underline
}
table.month {
	font-size: 8pt;
	width: 100%;
	border-left: 1px solid #ccc;
}
.month th {
  /*  	width: 16%;  */
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
	background-color: #eee;
	padding: 0;
	padding-bottom: 1px;
}
.month td {
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
	padding: 1px;
}
.month a {
}
.month a:hover {
	text-decoration: underline !important;
}
table.week {
	font-size: 8pt;
	width: 100%;
	border-left: 1px solid #ccc;
}
.week th {
	width: 14%;
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
	background-color: #eee;
	padding: 0;
	padding-bottom: 1px;
}
.week td {
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
	padding: 1px;
}
.week a {
}
.week a:hover {
	text-decoration: underline !important;
}
.day {
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
}
.today {
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
	background-color: #ffc;
}
.offday {
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
	background-color: #f7f7f7;
}
.monthday, .monthday td {
	border: 0;
	padding: 0;
	margin: 0;
}
.daylist, a.daylist, a.daylist:link, a.daylist:visited {
  display: block;
  font-size: 1.0em;
  font-weight: bold;
  color: #999 !important;
  border-bottom: 2px solid #ccc;
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
a.daylist:hover {
  border-bottom: 2px solid #eee !important;
  text-decoration: none !important;
}
a.daylink, a.daylink:link, a.daylink:visited {
	font-size: 10pt !important;
	font-weight: bold;
	color: #777 !important;
	text-decoration: none !important;
	padding: 3px;
}
a.daylink:hover {
	color: #777 !important;
	text-decoration: underline !important;
}
.weeklink {
}
.weeklink a, .weeklink a:link, .weeklink a:visited {
	display: block;
	float: left;
	padding: 22px 1px 22px 1px;
	font-size: 10pt;
	color: #999 !important;
}
.weeklink a:hover {
	color: #999 !important;
	background-color: #eee !important;
}
.events {
	display: table;
	width: 100%;
}
.events b {
  font-size: 8pt !important;
}
.event {
	display: table;
	width: 96%;
	font-size: 8pt !important;
	padding: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border: 1px solid #444;
}
.eventfont b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt !important; 
}
.eventfont { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt !important;
}
.eventbg {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.eventborder {
	white-space: nowrap;
}
.eventstatus {
 display: block;
 padding: 0;
 padding-left: 3px;
 padding-right: 3px;
}
.calborder {
 background-color: #fff; 
 border-right: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 border-left: 1px #ccc solid;
 margin-bottom: 1px;
 padding-right: 1px;
}
.dateback { 
	background-color: #eee;
}
.datetitle {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: #777;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #eee;
}
div.datetitle {
	font-size: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.dayborder { 
	border-top: 1px solid #ccc;
}
.dayborder2 { 
	border-top: 1px dashed #ccc;
}
.timeborder { 
	padding: 2px;
	border-right: 1px solid #ccc; 
	border-top: 1px dashed #ccc;
	white-space: nowrap;
}
.timeborder2 { 
	padding: 2px;
	border-right: 1px solid #ccc; 
	border-top: 1px solid #ccc;
	white-space: nowrap;
/*	background-image: url(time_bg.gif); */
}
.eventdivider {
	height: 1px;
 	font-size: 1px;
	border-bottom: 1px solid #eee;
}
.eventlarge { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9pt !important;
  color: #000;
}
.eventmedium {
	display: block;
	font-size: 90%;
	color: #444;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-right: 1em;
}
.calname {
	font-size: 90%;
	font-weight: bold;
	color: #000;
}
table.app {
 display: table;
 width: 98%;
 margin: 5px;
 color: #000;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
}
.app th {
  font-size: 10pt !important;
  font-weight: bold;
  text-align: left;
  padding: 6px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #CFDDEA;
}
.app td {
  font-size: 9pt;
  font-weight: normal;
  /*  border-top: 1px solid #ccc; */
}
.app td.infotext {
  font-size: 10pt !important;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}
.list-column-header {
  font-size: 10pt !important;
  font-weight: bold !important;
  padding-top: 1px;
  padding-bottom: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}
.list th {
  font-size: 10pt !important;
  font-weight: bold;
  padding-top: 1px;
  padding-bottom: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}
.list td {
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid #ccc;
 cursor: default;
}
.listborder {
	display: table;
	margin: 5px;
	color: #000;
/*	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
}
.listborder th {
  font-size: 9pt !important;
  border: 1px solid #ccc;
  background-color: #eee;
}
.YG {
	margin: 0;
}
.YG01 {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.YM {
  font-size: 9pt !important;
	padding: 0;
	margin: 8px;
}
.YM th {
	border-bottom: 1px solid #ccc;
}
.YM01 { padding: 1px; }

.G10B {
  /* border-bottom: 1px solid #eee;
}
.G10B + .G10B {
 border-left: 1px solid #eee; */
}
.G10C {
  background-color: #ffc;
 border: 1px solid #ccc;
}

.nd { 
  text-decoration: underline !important; 
  font-weight: bold !important;
  color: #999; 
}
a.nd         { text-decoration: underline !important; font-weight: bold !important; }
a.nd:link    { color: #999; }
a.nd:visited { color: #999; }
a.nd:active  { color: #999; }
a.nd:hover   { color: #f00; text-decoration: underline !important; }

.nnd { 
  text-decoration: none !important; 
  color: #999; 
}
a.nnd         { text-decoration: none !important; }
a.nnd:link    { color: #999; }
a.nnd:visited { color: #999; }
a.nnd:active  { color: #999; }
a.nnd:hover   { color: #f00; text-decoration: none !important; }

/* This is the link style for the mini-cals */
.md { 
  text-decoration: underline !important; 
  font-weight: bold !important;
  color: #000000; 
}
a.md         { text-decoration: underline !important; font-weight: bold !important; }
a.md:link    { color: #00f; }
a.md:visited { color: #00f; }
a.md:active  { color: #3366CC; }
a.md:hover   { color: #f00; text-decoration: underline !important; }

.mnd { 
  text-decoration: none !important; 
  color: #000000; 
}
a.mnd         { text-decoration: none !important; }
a.mnd:link    { color: #00f; }
a.mnd:visited { color: #00f; }
a.mnd:active  { color: #3366CC; }
a.mnd:hover   { color: #f00; text-decoration: none !important; }

.mb {
  font-size: 9pt;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 3px;
}
.menuheader:hover {
  text-decoration: none;
}
.menuheader {
 padding-left: 2px;
 padding-bottom: 2px;
 padding-right: 2px;
  font-size: 10pt;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  text-align: left;
  text-decoration: none !important;
}
.lg {
  font-size: 13pt;
  font-weight: bold;
  color: #999;
}
.foldertitle b {
  font-size: 13pt;
  font-weight: bold;
  color: #000;
}
.title {
  font-size: 13pt;
  font-weight: bold;
  color: #000000;
}
.dayofweek {
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}
.hexfield {
  font-size: 9pt;
  font-weight:bold;
  color: #000000;
  border: 1px solid #000000;
  background-color: #FFFFFF;
}
.help {
  border-bottom: 2px dotted #ccc;
  cursor: help;
}
.jump {
        font-size: 8pt;
        padding: 0;
        margin: 0;
        white-space: nowrap;
}
.jump ul {
        margin: 0;
        margin-top: 10px;
        margin-left: 8px;
        margin-bottom: 10px;
        padding: 0;
}
.jump li {
        display: inline;
        list-style: none;
}
.jump li a {
        display: inline;
        margin: 0px;
        padding: 2px 7px 2px 7px;
        background-color: #eee;
        border: 1px solid #aaa;
        color: #444;
        margin-left: 1px;
}
.jump li a:visited {
        color: #444;
}
.jump li + li {
}
.jump ul li a {
        background-color: #e0e0e0;
}
.jump-selected {
 color: white !important;
 border: 1px solid #500 !important;
}
.jump-selected-parent {
  background-color: #ccc !important;
}
.jump a:hover, .jump-selected a:hover {
        padding: 1px 6px 1px 6px !important;
        border: 2px outset #999 !important;
        color: #fff !important;
        background-color: #777 !important;
	text-decoration: none !important;
}
.sectionLink {
  text-decoration: none !important;
}
.status {
 border-bottom: 1px solid #ccc;
 font-size: 9pt !important;
 font-weight: bold !important;
 color: #000;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
}
.text {
  padding-top: 5pt;
  padding-left: 5pt;
  font-size: 9pt !important;
  color: #000;
  cursor: default;
}
.text-bold {
 color: #000;
 font-family: verdana, helvetica;
 font-size: 10pt;
 font-weight: bold;
}
.note {
 margin: 1px;
 padding: 8px;
 color: #000;
 font-size: 8pt;
 background-color: #ffffcc;
 border: 1px solid #000;
 text-align: left;
}
.error {
  margin: 25pt;
  padding: 6pt;
  border: 3px solid #f00;
 width: 410px;
  font-size: 10pt !important;
  text-align: left;
  cursor: default;
}
.error b {
  font-size: 90% !important;
  font-weight: bold;
}
.help2 {
  border-bottom: 1px solid #000;
  cursor: help;
}
#container {
 width: 600px;
 position: relative;
 line-height: 100%;
}
#panel {
 position: absolute;
 top: 5px;
 left: 20px;
}