html, body {
	margin: 0px;
	padding: 0px;
	background: #fff9e3;
}

body {
  width: 631px;
	color: #754030;
  font: 100 15px/26px 'Times New Roman', 'Arial', 'Sans-Serif';
}


/*###############################################
       MAIN BACKGROUND TABLE PROPERTIES

  The main outer tables surrounding everything.
  basically, main-outer is the border color, 
  and main-inner is the background color of the table*/
.main-outer{
	color:black;
	/* background-color: black; */
}
.main-inner{
	color:black;
	/* background-color: #eeeedd; */
}
/*################################################*/



/*################################################
           EVENT LINK PROPERTIES

  the event links on the main calendar page,
  shown inside each cell of the calendar.
  NOTE: only used if you choose to let people click on 
  the individual events from there. */
a.event_link{
  color: #754030;
  text-decoration: none;
	background-color: inherit;}
	
a.event_link:hover{
	background-color: inherit;
}
div.event_block{
  width: 84px;
	text-decoration: none;
	background-color: inherit;
	margin: 0 0 2px 1px;
	padding: 2px 0px;
	text-align: center;
	/* background: url('elfenhain/event_block.jpg') no-repeat 1px 6px; */
}

table.event_block{
	width: 15px;
	height: 28px;
	font-size: 10%;
}

a.event_block_link {
  text-decoration: none;
}

/*on the viewdate page, the event's title. 
  (subject of the event) */
a.viewdatesubject, a.viewdatesubject:visited, a.viewdatesubject:hover, a.viewdatesubject:active{
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
}

a.viewdateoption, a.viewdateoption:visited, a.viewdateoption:hover, a.viewdateoption:active{
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
}
.viewdatetext{
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
}
/*################################################*/
	




/*#################################################
           LINK/TEXT PROPERTIES

/* just regular links */
a {
  color: #754030;
  background-color: inherit;}
a:hover {
  color: #754030;
	text-decoration: none;
  background-color: inherit;
} 
/* The titles that say the month year, and sometimes the day at the top. */
.month_title{
  display: block;
  padding-top:2px;
	font-size: 24px;
	font-variant: small-caps;
	font-weight: normal;
}
/* The titles on each of the modules */
.box_title{
  background-color: inherit;
  font-size: 170%;
  font-weight: bold;
}
.box_subtitle{
  color: #333;
  background-color: inherit;
  font-size: 120%;
  font-weight: bold;
}
.cal_tab_title{
  background-color: inherit;
  font-size: 140%;
  font-weight: bold;
}
.cal_tab_subtitle{
  color: #990000;
  background-color: inherit;
  font-size: 120%;
  font-weight: bold;
}
.success{
    font-size: 150%;
    color: #990000;
}
.failure{
    font-size: 150%;
    color: #333;
}
/* this makes the link a big box to click on,
such as the "back to calendar" box */


/*##############################################*/


.cal_tab{
	background-color: #eee;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #eee;
	padding: 3px 5px 0px 5px;
	margin: 0px 5px;
    cursor:pointer;
    cursor:hand;
	font-size: 80%;
	font-weight: bold;
	color: #990000;
}

.cal_tab2{
	background-color: #eee;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 2px solid #eee;
	padding: 3px 5px 0px 5px;
	margin: 0px 5px;
    cursor:pointer;
    cursor:hand;
	font-weight: bold;
	color: #990000;
}

.cal_tabbody{
	background-color: #eee;
	border: 1px solid #333;
	padding: 5px;
	float: center;
	margin-top: 0px;
}

/*#############################################
           NAVIGATION BAR PROPERTIES
  These are the bottom links for the login page, admin page, etc 
  #############################################*/
#navbar {
  display: none;
}

#navbar a {
	color: #990000;
}
#navbar a:hover {
	color: #333;
	text-decoration: underline;
}
/*#############################################*/
 
 
  
/*############################################
      THE MAIN CALENDAR PROPERTIES
  
this is the calendar table background, and
basically only shows up as the border and spaces
between the cells of the main calendar.  */
#calendar {
  width: 631px;
  margin: 10px 0 0 0;
  text-align: center;
  font-size: 13px;
  table-layout: fixed;
  border-style: none;
}
#calendar table{
  padding: 1px;
  background-color: inherit;
  border-collapse: separate;
  border-spacing: 3px;
}
/* the calendar table headers */
#calendar th {
  height: 28px;
  width: 84px;
  padding: 2px 2px 2px 0;
  font-size: 14px;
  color: #754030;
  font-variant: small-caps;
  font-weight: normal;
  text-align: center;
  background: url('elfenhain/dayheadline.jpg') no-repeat;
}
#calendar td {
	overflow: hidden;
}
#calendar div.daylink{
	width: 80px;
	padding: 3px;
	text-align: center;
	color: #754030;
}
#calendar div.daylink a {
	font-weight: bold;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	text-decoration: none;
	color: #754030;
}
#calendar div.daylink a:hover{
}
#calendar div.todaylink{
	width: 100%;
	padding: 3px;
}
#calendar div.todaylink a{
	font-weight: bold;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	border-width: 0px;
	text-decoration: none;
}
#calendar div.todaylink a:hover{
	padding-left: 3px;
	padding-right: 3px;
}
#calendar div.extralink{
	width: 100%;
	padding: 3px;
}
#calendar div.extralink a{
	font-weight: bold;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
	text-decoration: none;
}
#calendar div.extralink a:hover{
}
/* the 'past' colors for the main calednar page */

#calendar td.weekend {
}
  
#calendar td.weekday{
  background: url('elfenhain/weekday.jpg');
}
#calendar td.weekday_future {
  background: url('elfenhain/weekday_special.jpg');
}

#calendar td.weekend {
  background: url('elfenhain/weekend.jpg');
}
#calendar td.weekend_future {
  background: url('elfenhain/weekend_future.jpg');
}

#calendar td.weekday_future.today,
#calendar td.weekend_future.today {
  background: url('elfenhain/weekend_future.jpg') no-repeat;
}

#calendar td.weekday.today,
#calendar td.weekend.today {
  background: url('elfenhain/daylink.jpg') no-repeat;
}

#calendar td.weekend, #calendar td.weekday, #calendar td.weekday_future{
  height: 89px;
  padding: 3px 9px 3px 0;
  background-repeat: no-repeat;
}

/*#################################################*/




/*###################################################
            MODULE TABLE PROPERTIES

This are the admin page table properties  */
table.adminpage-table{
  background-color: #fff;
  border-color: black;
}
/* This is for the table each module is loaded in,
with the exception of the admin page */
table.box{
  border: 1px solid #fff;
}
/*################################################*/




/* this is for the usernames listed in the admin section where you edit user options */
span.cal_admin_usernames{
	color: #333; 
	font-weight: bold;
	font-size: 100%;
}

/* this is the wrapper table arround all the edit user blocks in the admin section */
table.cal_admin_userlist{
	background-color: inherit;
	padding: 0px;
	border-spacing: 5px;
	border-width: 0px;
}
table.cal_admin_userlist td{
	vertical-align: top;
}
table.cal_admin_userblock_anonymous{
	background-color: #ccc; 

	border: 1px solid #333;
	width: 98%;
	padding: 3px;
	margin-bottom: 10px;
}
table.cal_admin_userblock{
	background-color: #C9BBBB; 
	border: 1px solid #333;
	width: 98%;
	padding: 3px;
	margin-bottom: 10px;
}

input.cal_admin_edituser_button{
	width: 120px;
	font-size: 100%;
	text-align: center;
}

.admintabletext {
}

.is_admin {
	font-size: 85%;
 }
 
.user_disabled {
	font-size: 85%;
}