BODY {  background-color: #ffcc66;
        color: #993366;
        font-family: tahoma,lucida,sans-serif;
        font-size: 14px;
        }

.MessageBox { width: 500px; border-color: red; border-width: 4px; border-style: double; padding: 6px; }

.formEleVisible { visibility:visible }
.formEleInvisible { visibility:hidden }

A { font-family: Verdana, Tahoma, Helvetica;  }
A:hover { background-color: #ffffff; color: #961414; }

A.LoginProductTitle { background-color: #993366; color: #ffffff; text-decoration:none;}
A.tab { font-family: tahoma,lucida,sans-serif; font-size: 14px; color: black; }
A.tab:hover { background-color: #cccccc; color: white; }
TABLE { border-collapse: collapse; }
TD { color: #993366; background-color: #ffffff; font-family: tahoma,lucida,sans-serif; font-size: 14px; }
TD.tab { background-color: #cccccc; font-family: tahoma,lucida,sans-serif; font-size: 14px; color: #ffffff; padding-bottom: 5px; }
TD.tabColor { color:#993366; background-color: #ffffff; }
TD.clearColor { color: #993366; background-color: #ffffff; }

TH { background-color: #993366; color: #f5f5f5; font-family: tahoma,lucida,sans-serif; font-size: 15px; font-weight: bold; }
TH.sortedAsc { background-image: url(images/sort-asc.gif); background-position: bottom right; background-repeat: no-repeat; }
TH.sortedDesc { background-image: url(images/sort-desc.gif); background-position: bottom right; background-repeat: no-repeat; }

A.th { text-decoration: none; color: white; }
A.th:active { text-decoration: none; color: white; }
A.th:visited { text-decoration: none; color: white; }
A.th:hover { text-decoration: none; color: #ffffff; background-color: 996600; }

.menuItem { font-size: 16px; }
.UnapprovedResource { font-style: italic; font-weight: bold; }
.NoResourceWarning { display: block; font-weight: bold; font-style: italic; }

H1 { font-family: goudy old style,palatino,tahoma,lucida,sans-serif; font-size: 35px; font-weight: 400; }
H1.Reverse { background-color: #993366; color: #F5F5F5; }

H2 { font-family: goudy old style,palatino,tahoma,lucida,sans-serif; font-size: 25px; font-weight: 400; }
H2.Reverse { padding: 3px; display: inline; background-color: #993366; color: #F5F5F5; }

H3 { font-family: goudy old style,palatino,tahoma,lucida,sans-serif; }
H3.Reverse { padding: 3px; background-color: #993366; color: #F5F5F5; }
/*
	Style for the EditItem page, linked items.
*/
BODY.MHEILinked { background-color: #77aadd; }
A.SetupTeardown { font-family: tahoma,lucida,sans-serif; font-size: 8pt; display: block;}

/*
Styles for the View Calendar Pages. Add this information to your site's style sheet to customize
the appearance of the calendars.
*/

/*
        MHVI is the ViewItem servlet
        TABLE.MHVI is the table containing the data
        TH.MHVI_Label is the table header format used for labels on the View Item Screen
        TH.MHVI_Description is the table header format used for the description headingg.
        TD.MHVI_Data are the TD Cells containing the item data.
*/
BODY.MHVI { }
TABLE.MHVITable { padding: 5px; }
TH.MHVILabel { }
TH.MHVIDescription { }
TD.MHVIData { }
TABLE.MHVIBordered { padding: 5px; border-width: 1px; border-style: solid; border-color: #996600; }
/*
	MHVG is the Gantt Chart Viewer
*/
Body.MHVG {}
/*
        MHVY is the ViewYear servlet or yearly view
        TABLE.MHVYOuter is the table containing the calendars
        TH.MHVYTitle is the cell containing the year.
        TD.MHVYTitle are the left and right cells of the title.
        TD.MHVYMonthCell are the table cells containing the
                monthly calendars. For control of the monthly
                calendars, refer to MHTM sections below.

*/
Body.MHVY {}
TABLE.MHVYOuter { }
TH.MHVYTitle { font-size: 18pt; }
TD.MHVYTitle {}
TD.MHVYMonthCell {}

/*
        MHVC is the ViewCal Servlet or Monthly View
        TABLE.MHVC is the table containing the calendar
        TH.MHVCTitle is the table title cell
        TH.MHVCDayHead is the heading cells for the day of week labels.
        TR.MHVCControlRow is the cell containing the navigation controls.
        TR.MHVCDayRow is the style for the rows containing the days calendar
        TD.MHVCDayCell is the cells containing days of the month.
        TD.MHVCOffDayCell is the cells for days not in the month.
        TD.MHVCDay1Cell is the the cell containing the Numeral for the 1st day of the week
                and the week label.
        MHVCDayNumeral is the span style for the day of month numerals.
        MHVCOffDayNumeral is the span style for days of month, not in the target month
        MHVCTimeLabel is the time of event label
        A.MHVCWeekLink is the style for the link to the Week View.
        A.MHVCItemLink is the style for link items that popup the View Item window.
*/
Body.MHVC {}
TABLE.MHVCTable { border-width: thin;
        border-style: solid;
        border-color: #993366;
        margin-left: 0%;
        margin-right: 0%;
        }
TH.MHVCTitle { font-size: 18pt; }
TH.MHVCDayHead { background-color: #993366; color: white; }
TR.MHVCControlRow {}
TR.MHVCDayRow { }
TD.MHVCDayCell { border-color: #993366; border-width: 1pt; border-style: solid; width:13%; height: 100px; }
TD.MHVCTodayCell { border-color: red; border-width: 2pt; border-style: double ; width:13%; height: 100px; }

TD.MHVCDay1Cell { }
TD.MHVCOffDayCell {  }
.MHVCDayNumeral { font-size:18pt; color: #961414; font-weight: bold; }
.MHVCOffDayNumeral { font-size: 16pt; font-weight: lighter; color: #996600; }
.MHVCTimeLabel { font-size: 8pt; color: #225588; font-weight: bold;}
A.MHVCWeekLink { font-weight: bold; font-size: 8pt; text-decoration: none; color: #961414; }
A.MHVCWeekLink:Hover { color: white; background-color: #961414; }
A.MHVCItemLink { font-size: 10pt; border: 0pt; margin-top: 0pt; margin-bottom: -8pt; padding: 0px;  display: block; }
/*
        MHVW is the ViewWeek Servlet or weekly view.
        TABLE.MHVWOuter is the outermost table encompassing all elements
        TABLE.MHVWInner is the inner cell containing the navigation elements and the week
        TABLEMHVWData is the inmost cell containing the actual days.
        TABLE.MHVWDay is the final table, each table containing one day of the week.
        TH.MHVWTitle is the title. This is the "Week of " label.
        TD.MHVWDayHead is the cell heading for the day of the week.
        .MHVWDaySpan is the style for the span over the days of the week.
        TD.DataCell is the cell containing the events
        TD.MHVWControlCell are cells containing controls.
        TD.MHVWTMCell is the cell containing the tiny month views.
        MHVWDayHeadSpan is the span over the headings for the days.
        MHVWTimeLabel is the span over labels for time.
        A.MHVWItemLink is the style for links to calendar items.
*/
BODY.MHVW {}
TABLE.MHVWOuter { margin-left: auto; margin-right: auto;}
TABLE.MHVWInner {}
TABLE.MHVWData {border-style:solid; border-color:#EEEEEE; border-width: thin;}
TABLE.MHVWDay {}
TABLE.MHVWToday { border-style: double; border-width: 2pt; border-color: red;}
TH.MHVWTitle {}
TH.MHVWWeekLabel  {}
TD.MHVWDayHead {}
TD.MHVWTimeCell {}
TD.MHVWDataCell {}
TD.MHVWControlCell {}
.MHVWDayHeadSpan { font-size:18pt;}
.MHVWTimeLabel {}
A.MHVWItemLink {}


/*
        MHTM are styles associated with the tiny month calendars.
        Table.MHTM is the style for the tinymonth table.
        TH.MHTMHead is the style for the heading of the tiny month calendar table.
        A.MHTMTitle is the style for the link to the Month View Calendar in the
                heading of the tiny month calendar
        .MHTMFixed is the style for the day headings.
        A.MHTMWeek is the style for the weeks link
        A.MHTMSelWeek is the style for the selected, or current week.
*/
TABLE.MHTM {}
TH.MHTMHead {}
A.MHTMTitle { background-color: #993366; color: #F5F5F5; text-decoration:none;}
.MHTMFixed  { font-family: courier; }
A.MHTMWeek { font-family: courier; text-decoration: none; }
A.MHTMSelWeek { font-family: courier; text-decoration: none; }

BODY.MHVS {}
Caption {font-size: 16pt;}
Caption.Search { font-size: 16pt; }
Table.MHVSBox { border-style: solid; border-color: #993366; border-width: thin;}

/*
        MHVL is the ViewList Servlet or List View
*/
BODY.MHVL {}
TABLE.MHVLOuter {}
TABLE.MHVLInner {}
TH.MHVLTitle { font-size: 16pt; padding: 3px; }
TD.MHVLTimeCell { font-size: 10pt; width: 130px; }
TD.MHVLDataCell { font-size: 10pt; width: 470px; }
TD.MHVLControlCell {}
TH.MHVLDate { text-align: left; padding: 3px; width: 100%; }

A.MHVLItemLink {}
.MHVLNoItemLink {}



SELECT.Mover { width: 300px; }
DIV.Instructions {
        width: 550px;
        }
		
.horzmenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.Invisible { font-size: 1px; visibility: hidden; display: none;}
.MessageBox { width: 500px; border-color: red; border-width: 4px; border-style: double; padding: 6px;}

TBODY.MHVC {}
.MHVCDayNumeral { font-size:18pt; color: #993366; font-weight: bold; text-decoration: none;}
.MHVCOffDayNumeral { font-size: 16pt; font-weight: lighter; color: #993366; text-decoration: none;}
.MHVCTimeLabel { font-size: 8pt; color: #225588; font-weight: bold;}
A.MHVCWeekLink { font-weight: bold; font-size: 8pt; text-decoration: none; color: #993366;}
A.MHVCWeekLink:hover { color: white;}
A.MHVCItemLink { font-size: 10pt; border: 0pt; margin-top: 0pt; margin-bottom: -8pt; padding: 0px;  display: block;}
.MHVWDayHeadSpan { font-size:18pt; color: #993366; text-decoration: none;}

TABLE.MHTM, TD.MHTM, A.MHTM {
    padding-left: 1px; padding-right: 1px;
    color: #993366;
    text-align: center; text-decoration: none;
    font-size: 8pt;
}
A.MHTM:hover {
    color:#F5F5F5; background-color:#993366;
}
TD.MHTMSEL {
    padding-left: 1px; padding-right: 1px;
    color: #993366;
    text-align: center; text-decoration: none;
    font-size: 8pt;

    font-weight:bold;
}
A.MHTMTitle:hover { background-color: #F5F5F5; color: #993366;}

/*
MHVD is the ViewDay Servlet or Day View
*/
BODY.MHVD {}
TABLE.MHVDOuter { margin-left: auto; margin-right: auto;}
TABLE.MHVDInner {}

@media print {
    .MHVDTitle { font-size: 16pt; padding: 3px; background-color: #993366; color: white;}
    .ControlCell { display: none;}
    .PrintTitle { font-size: 16pt;}
}


@media screen {
    .MHVDTitle { display: none;}
    .ControlCell {}
    .PrintTitle { display: none;}
}

TH.MHVDDate { text-align: left; padding: 3px; width: 100%;}
.MHVDDayHead {
}

A.MHVDItemLink {}
.MHVDNoItemLink {}

.MHVDDayHead { font-size: 16pt;}

.Enclosure {
    position: relative;
    width: 650px; height: 678px;
    border-width: 2px; border-color: #993366; border-style: solid;
    padding: 0px;
}
.TimeSlot {
    position: absolute;
    width: 648px; height: 100px;
    margin-left: 0px;
    border-width: 1px; border-color: #993366; border-style: solid;
}
.TimeLabel {
    padding: 2px;
    font-size: 8pt; font-weight: bold; font-family: Tahoma;
}

.Divider {
    position:absolute;
    color: green;
    left: 60px; width: 2px;
}

@media screen {
    .Event {
        left: 65px;
        font-size: 8pt;
        overflow: auto;
        padding: 2px;
        background-color: white;
        position: absolute;
        border-width: 1px; border-color: gray; border-style: inset;
    }
}
@media print {
    .Event {
        left: 65px;
        font-size: 8pt;
        padding: 2px;
        overflow: hidden;
        background-color: white;
        position: absolute;
        border-width: 1px; border-color: gray; border-style: inset;
    }
}
FORM { display: inline; }
.MoverBanner {
        background-color: Navy; 
        color:White;
        }
.ResourceMover {
        Width: 25em;
        Height: 200px;
}
Table.FileListing {
        width: 600px;
}
.FileListDiv {
        width:630px;
        height: 300px;
        overflow: scroll;
}
Table.FileListing A { text-decoration: none;}
Table.FileListing TD {
        padding-left: 10px;
        }
TD.FileColumn, TH.FileColumn { width:350px; }
TD.DateCol, TH.DateCol { width: 150px; text-align: right;}
TD.SizeCol, TH.SizeCol { width: 75px; text-align: right;}        
.PlannerOuter {
	position: relative;
	border: 1px solid Navy;
}
.PlannerRow {
	position: absolute;
	border: 1px solid Navy;
	background: transparent;
}
.PlannerEvent {
	cursor: pointer;
	position: absolute;
	border: 1px solid Navy;
	background: White;
	font-size: 8pt;
	padding-left: 1px;
	overflow: hidden;
}
.PlannerTitle { 
	position: absolute;
	background-color: Navy;
	color: White;
	text-align: center;
	font-size: 1.8em;
}
.PlannerRowTitle {
	position: absolute;
	padding: 2px;
	background-color: Navy;
	border-top: 2px solid White;
	color: White;
	overflow: auto;
	font-size: 0.9em
	}
.PlannerTimeDiv0, .PlannerTimeDiv1, .PlannerTimeDiv2 {
	position: absolute;
	background-color: transparent;
	width: 6px;
}	
.PlannerTimeDiv0 {
	background-color: White;
	border-left: 1px solid Navy;
}
.PlannerTimeDiv1 {
	border-left: 1px dashed Navy;
}
.PlannerTimeDiv2 {
	border-left: 1px dotted Navy;
}
.PlannerTimeLabel0, .PlannerTimeLabel1, .PlannerTimeLabel2 {
	position: absolute;
	overflow: hidden;
	width: 4.5em;
	background-color: White;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.7em;
	height: 1.1em;
}
.PlannerTimeLabel0 {
	width: 12em;
}
A.TH {
	color: White;
	background: Navy;
}
.Rubber { 
        position: absolute; 
        border: 1px dashed Gray; 
}