* {margin: 0px; padding: 0px;}
form.schedule {background-color: #ffe88d; color: #000; padding: 15px; border: 4px solid black;}
fieldset {background-color: #ffe89c;}

body { position: relative; background-color: #54050e; color: #000000; padding: 0px; margin: 10px; color: #fff;}
#adminAccess {position: fixed; top: 2px; right: 10px; text-align: right;}
a.login:link {text-decoration: none; color: #54050e; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.login:visited {text-decoration: none; color: #54050e; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.login:hover {text-decoration: none; color: #FFF; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.login:active {text-decoration: none; color: #54050e; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}


#calendarMonth h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #54050e; font-size: 1.8em;}
#calendarMonth p {font-family: Georgia, "Times New Roman", Times, serif; color: #00f; font-size: .8em;}


#navi {padding: 2px; position: absolute; background-color: #ffe88d; width: 200px; margin: 0px; height: 758px; top: 10px; position: relative; left: 819px; border: #4d1b1e groove 4px; display: block;}
#navi h3 {color: #5F1616; font-family: verdana, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; margin-left: 1px; margin-left: 8px;}
ul {list-style-type: none; width: 155px; margin-left: 10px;}
#navi a { font-family: garamond, georgia, serif; width: 180px; display: block; text-indent: 0px; font-size: .9em; color: #000; text-decoration: none; font-weight: bold; margin-top: 1px; margin-bottom: 1px; margin-left: 8px;}		
#navi a:hover {	background-color: #000; color: #fff; display: block;}	
#navi a:active { background-color: #eee; color: #666666; display: block;	}
#navi a:visited {display: block;}
#navi a.tolu { font-family: garamond, georgia, serif; width: 180px; display: block; text-indent: 0px; font-size: 1em; color: #000; text-decoration: none; font-weight: bold; margin-top: 1px;  margin-bottom: 1px; margin-left: 8px;}		
#navi a.tolu:hover {	background-color: #000; color: #fff; display: block;}	
#navi a.tolu:active { background-color: #eee; color: #666666; display: block;}
#navi a.tolu:visited {display: block;}
#navi img {margin-left: 10px;}
#emaillist { margin-top: 20px; width: 200px; text-align: left; color: #000;}
#emaillist h3 { margin-left: 1px; font-size: .9em;}
#emaillist form{ margin-left: 6px; margin-top: 6px;}
input {margin-top: 5px; margin-bottom: 5px; }
	.myForm input, select, textarea, checkbox  {
		font-family: tahoma;
		font-size: 11px;
		margin-bottom: 5px;
	}
	.required {
		color: red;
	}
#body_main {padding: 3px; border: #4d1b1e groove 4px; background-color: #fff; width: 804px; position: absolute; top: 10px; padding: 0px; margin: 0px; text-align: center; }


#adminContent { position: relative; margin: 15px;}
input {margin-top: 4px; margin-bottom: 4px;}
select {margin-bottom: 20px;}


a.notes:link {text-decoration: none; color: #00F; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.notes:visited {text-decoration: none; color: #00F; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.notes:hover {text-decoration: none; color: #666; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.notes:active {text-decoration: none; color: #aaa; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}

a.admin:link {text-decoration: none; color: #F00; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.admin:visited {text-decoration: none; color: #F00; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.admin:hover {text-decoration: none; color: #666; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}
a.admin:active {text-decoration: none; color: #aaa; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .8em;}

#logout {position: absolute; left: 600px; top: 0px; background-color: #fff; border: 2px solid black;}
fieldset {width: 600px; padding: 10px;}

/*  Calendar body Below */
.banner {margin-top: 5px;}
#calendarContainer {position: relative; width: 792px; margin-left: auto; margin-right: auto; }

#calendarMonth {position: relative; width: 792px; height: 50px; top:0px; color: #000; 
font-family: Arial, Helvetica, sans-serif; font-variant: small-caps; text-align: center; margin-bottom: 2px;}

#lastMonthLink {position: absolute; width: 150px; height: 20px; left: 15px; top: 20px;}
#nextMonthLink {position: absolute; width: 150px; height: 20px; right: 15px; top: 20px; }
a.monthChange:link {text-decoration: none; color: #00f; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .9em;}
a.monthChange:visited {text-decoration: none; color: #00f; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .9em;}
a.monthChange:hover {text-decoration: none; color: #000; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .9em;}
a.monthChange:active {text-decoration: none; color: #f00; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .9em;}





.day {position: relative; float: left; width: 112px; height: 250px; background-color: #fff; color: #000; border-left: 1px solid #ffe88d; border-top: 1px solid #ffe88d;  text-align: left; overflow: hidden; overflow: auto; text-align: center;}
.day7 {position: relative; float: left; width: 112px; height: 250px; background-color: #fff; color: #000; border-left: 1px solid #ffe88d; border-right: 1px solid #ffe88d; border-top: 1px solid #ffe88d;  text-align: left; overflow: hidden; overflow: auto; text-align: center;}

.dayBlank {position: relative; float: left; width: 112px; height: 250px; background-color: #ccc; color: #000; border-left: 1px solid #ffe88d; border-right: 1px solid #ffe88d; border-top: 1px solid #ffe88d; border-right: 0px solid #ffe88d; text-align: left; overflow: hidden; overflow: auto;}
.dayBlank7 {position: relative; float: left; width: 112px; height: 250px; background-color: #ccc; color: #000; border-left: 1px solid #ffe88d; border-top: 1px solid #ffe88d; border-right: 0px solid #ffe88d; text-align: left; overflow: hidden; overflow: auto;}

.dayHighlight {width: 112px; margin: 0px 0px 2px 0px; text-align: center; background-color: #ffe88d; font-size: .9em; font-weight: bold;}

.holiday {position: relative; float: left; width: 112px; height: 250px; background-color: #fff; color: #000; border-left: 1px solid #ffe88d; border-right: 1px solid #ffe88d; border-top: 1px solid #ffe88d; border-right: 0px solid #ffe88d; text-align: left; overflow: hidden; overflow: auto; text-align: center;}
.holiday7 {position: relative; float: left; width: 112px; height: 250px; background-color: #fff; color: #000; border-left: 1px solid #ffe88d; border-top: 1px solid #ffe88d; border-right: 0px solid #ffe88d; text-align: left; overflow: hidden; overflow: auto; text-align: center;}
.holidayHighlight {background-color: #ffe88d; color: #54050e; width: 104px; margin: 0px; font-size: .8em; height: 38px; text-align: center; border: 2px solid #54050e; margin-left: auto; margin-right: auto;}
.spacer {position: relative; margin-top: 6px; width: 104px; height: 28px; margin-left: auto; margin-right: auto;}
.editOption {position: relative; width: 112px; height: 17px; margin-bottom: 1px; margin-top: 1px; text-indent: 10px;}
img.scheduleEditButton {border: none; position: absolute; left: 10px;}
img.scheduleClearButton {border: none; position: absolute; left: 60px;}



.shiftName {font-weight:bold;}
h4 {text-align: center; margin-bottom: 2px; text-indent: -2px;}

.Title{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: relative; width: 104px; font-size: .85em; line-height: .95em; color: #bbb; margin: 10px 0px 0px 0px; margin-left: auto; margin-right: auto; border-bottom: 2px solid #bbb; border-top: 2px solid #bbb;}
.Title2{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: relative; width: 104px; font-size: .85em; line-height: .95em; color: #bbb; margin-top: 10px; margin-left: auto; margin-right: auto; border-bottom: 2px solid #bbb; border-top: 2px solid #bbb;}

.Price {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: relative; width: 112px; color: #999; font-size: .75em; line-height: .80em; margin-top: 1px; }
.Hours {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: relative; width: 112px; color: #999; font-size: .75em; line-height: .80em;  margin-top: 1px; }
.Theme {font-family: Verdana, Geneva, sans-serif position: relative; width: 112px; color: #000; font-size: 1em; line-height: 1.15em; font-weight: bold; margin-top: 7px; margin-bottom: 2px; }
.Special {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; position: relative; width: 104px; font-size: .85em; line-height: .95em; color: #bbb; margin-top: 10px; margin-left: auto; margin-right: auto; border-bottom: 2px solid #bbb; border-top: 2px solid #bbb;}
.specialHeader {color: #bbb; font-size: .8em; text-decoration: underline;}

/* NOTES divs are toggled via javascript */
#notesLink {width: 112px; margin-top: 4px; text-align: center;}