.mainTableTOC {
	background-color: #FFFFFF;
	width: 705px;
	table-layout: fixed;
	border-collapse: collapse;
	color: #555555;}

.navTableTextTOC {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 9px; 
	font-weight: Normal;
	text-decoration: none;
	color: #003366;}

/* Month and Year Row Setup */
.monthYearRowTOC {
	margin-bottom: 20px;}

/* Month and Year Text Setup */
.monthYearTextTOC {
	font-size: 20px;
	color: #0283C7;}

/* Day Names Row Setup */
.dayNamesRowTOC {
  height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #333333;}

/* Day Name Setup */
.dayNamesTextTOC {
	padding-bottom: 4px;
	font-size: 11px;
	border-bottom: 1px solid #CCCCCC;}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC {
	width: 80px;
	height: 80px;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;}

/* Color of Today's Date */
.todayTOC {
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	margin-bottom: 3px;
	background: #0182C6;
  border-bottom: 1px solid #E0DCC9;}
  
.titleTOC {
	padding: 0 0 10px 10px;
	font-size: 10px;
	background: url(/images/arrow-miniorange.gif) 0 .4em no-repeat;
	color: #999999;}
	
.titleTOC:hover {
  color: #2388FF;}
  
.titleTOC span {
	display: none;}

.daynumTOC {
	font-size: 9px;
	color: #333333;
	text-align: left;
	vertical-align: top;
  padding: 3px;
	margin-bottom: 3px;
	background: #EEEEEE;
  border-bottom: 1px solid #E0DCC9;}

.formElements {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;}
	
.formButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;}
	
.sOtherTOC {
	font-size: 10px;
	color: #333333;
	vertical-align: top;}
	
.s20TOC {
	height: 88px;
	vertical-align: top;}
	
.s20TOC0 {
	height: 88px;
	vertical-align: top;}
	
td.s27 {
	color: #555;
	font-weight: bold;
	background-color: #999999;}
	
td.s27:hover {
	color: #E2E0D3;
  background-color: #333333;}



/* ---------------------------- MAIN TABLE Incluidng Date Number Fonts, Size and Color --------------------------------- */

.mainTable {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	width: 175px;}

.navTable {
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	width: 175px;}

.navTableText {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 9px; 
	font-weight: Normal;
	text-decoration: none;
	color: #003366;}

/* Month and Year Row Setup */
.monthYearRow {
	background-image:   url("monthBg.gif");
  line-height: 17pt;
	background-color: #D8E2EC;
	text-align: center;
	vertical-align: middle;}

/* Month and Year Text Setup */
.monthYearText {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #252216;}

/* Day Names Row Setup */
.dayNamesRow {
  line-height: 11pt;
	background-color: #F5F4D3;
	text-align: center;
	vertical-align: middle;}

/* Day Name Setup */
.dayNamesText {
	background-image: url("dayBg.gif");
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: #433D27;}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
  line-height: 15pt;
	text-align: center;
	vertical-align: middle;}

/* Color of Today's Date */
.today {
	color: #CF0000;}

/* Pop-up Events Setup */
.popupDate {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-color: #336699;}

.popupEventTitle {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 2px;
	vertical-align: middle;}

.popupEventTime {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	background-color: #F4F4F4;
	border: 1px dotted #EFEFEF;
	padding: 1px;}

.popupEventDescription {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	padding: 2px;}

.popupEventDate {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #446B93;
	text-align: center;
	vertical-align: middle;
	background-color: #F7F8F9;
	border: 1px solid #FFFFFF;
	padding: 1px;}

.popupEnd {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #A4A4A4;}

.popupClose {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	background-color: #336699;
	}

.popupCloseBrackets {
  font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	text-align: right;
	background-color: #336699;}
	
/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-color: #E0E0E0;}
	
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-color: #EBEBEB;}

/* Show dates from other months */
.sOther {
  background-color: #EEEEEE;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #BBBBBB;}
	
/* Weekend Cell Background (date number with no event markings) */
.s200 {
	background-color: #D0D0D0;}

.categoryName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;}
	
.categorySelection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #777777;}
	
.categoryDiv {
	background-color: #FCF5EF;}


/* ---------------------------- FORMS --------------------------------- */

form {
  margin: 1.3em 0;
  font: normal 12px/1.5 'lucida grande',tahoma,sans-serif;
  color: #777777;}

fieldset {
  position: relative;
  margin: 2em 0;
  border: 1px solid #ebe9db;
  border-width: 5px 0 2px 0;
}

fieldset div {
  margin: 1px 0;
  padding: 1em 0;
  background: #f5f5f5;
}

fieldset div input[type="text"] {
  width: 260px;
  padding: 3px;
  font-size: 1.2em;
}

#birthday_year {
  width: 50px;}

legend {
  margin: 0 0 0 20px;
  padding: 5px 8px;
  font: bold 1.2em 'lucida grande',tahoma,sans-serif;
  color: #999999;}

label {
  display: block;
  float: left;
  clear: left;
  margin-right: 5px;
  padding: 3px 0;
  width: 130px;
  font: normal 1.2em/1.5 'lucida grande',tahoma,sans-serif;
  color: #777;
  text-align: right;}

fieldset select {
  max-width: 270px;
  font: normal 1.2em/1.5 'lucida grande',tahoma,sans-serif;
}

#content em.desc {
  display: block;
  margin: 3px 0 0 135px;
  font: italic 1em/1.1em 'lucida grande',tahoma,sans-serif;
  color: #999;
}

div.checks {
}

div.checks label {
  display: inline;
  float: none;
  width: auto;
  text-align: left;
}

div.checks input {
  clear: none;
  margin-left: 135px;}

#content div p.question {
  margin: 0 0 .5em 10px;
  font-size: 1.3em;
  font-weight: bold;
  color: #999999;}

#content div.checks em.desc {
  margin-left: 10px;}

div.long {
  /*padding-left: 100px;*/}

div.long label {
  text-align: left;
  width: auto;
  float: none;}

div.long input, div.long select {
  clear: none;
  margin-left: 130px;}

div.important {
  background: #ffc;}

#content div.important .desc {
  color: #999999;}

div.options label {
  display: inherit;
  float: none;
  width: auto;
  margin-left: 100px;}

fieldset div.options input {
  margin-right: 2px;}

#content #content div.options p {
  margin: 5px 0;}

div.textarea label {
  float: none;
  text-align: left;
  width: 95%;
  margin: 0 auto;}

div.textarea textarea {
  display: block;
  width: 95%;
  height: 100px;
  margin: 0 auto;
  border-color: #999999;}

#content form .option {
  margin: 1em 0;
  font-size: 1.1em;
  text-indent: -20px;
  margin-left: 20px;}

#content form .option strong {
  font-size: 1.1em;}

#content form .option input {
  margin-right: 5px;}

form .formControls {
  clear: both;
  margin: 2em 0;
  padding: 1em 1em;
  text-align: right;
  background: #D7FFCC;
  border-top: 1px solid #C3D4BE;
  border-bottom: 1px solid #C3D4BE;}

form .formControls span {
  display: block;
  float: left;}