/*###############################################
       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: black;
	text-decoration: none;
	background-color: inherit;}
a.event_link:hover{
	color: black;
	text-decoration: underline;
	background-color: inherit;
}
div.event_block{
	color: black;
	text-decoration: none;
	background-color: inherit;
	border-left: 5px solid #AAEE00;
	margin: 1px;
	padding-left: 1px;
	border-bottom: 1px solid #888888;
}
table.event_block{
	background-color: #FF0000;
	border: 1px solid #777777;
	width: 15px;
	height: 28px;
	font-size: 1px;
}

/*on the viewdate page, the event's title. 
  (subject of the event) */
a.viewdatesubject, a.viewdatesubject:visited, a.viewdatesubject:hover, a.viewdatesubject:active{
	color: #CCCC00;
	text-decoration: none;
	font-size: 14px;
	font-family: Times New Roman;
	font-weight: bold;
}

a.viewdateoption, a.viewdateoption:visited, a.viewdateoption:hover, a.viewdateoption:active{
	color: #CCCC00;
	text-decoration: none;
	font-size: 14px;
	font-family: Times New Roman;
	font-weight: bold;
}
.viewdatetext{
	color: #CCCC00;
	text-decoration: none;
	font-size: 14px;
	font-family: Times New Roman;
	font-weight: bold;
}
/*################################################*/
	




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

/* just regular links */
a {
  color: black;
  background-color: inherit;}
a:hover {
  color: blue;
  background-color: inherit;
} 
/* The titles that say the month year, and sometimes the day at the top. */
.month_title{
	font-family: "Times New Roman";
	font-size: 24px;
	font-weight: Bold;
	color: #CCCC00;
}
/* The titles on each of the modules */
.box_title{
  color: #CCCC00;
  background-color: inherit;
  font-family: Times New Roman;
  font-size: 22px;
  font-weight: bold;
}
.box_subtitle{
  color: #CCCC00;
  background-color: inherit;
  font-family: Times New Roman;
  font-size: 16px;
  font-weight: bold;
}
.cal_tab_title{
  color: #CCCC00;
  background-color: inherit;
  font-family: Times New Roman;
  font-size: 22px;
  font-weight: bold;
}
.cal_tab_subtitle{
  color: #CCCC00;
  background-color: inherit;
  font-family: Times New Roman;
  font-size: 15px;
  font-weight: bold;
}
.success{
    font-size: 18px;
    color: #55aa55;
}
.failure{
    font-size: 18px;
    color: #aa5555;
}
/* this makes the link a big box to click on,
such as the "back to calendar" box */
a.box {
  background-color: #000000;
  border-color: #000000;
  color: #000000;}
a.box:hover {
  background-color: white;
  border-color: black;
  color: black;}
/*##############################################*/


.cal_tab{
	background-color: #CCCC00;
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	padding: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
    cursor:hand;
    cursor:hand;
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
	color: #222222;
	margin-left: 5px;
	margin-right: 5px;
}

.cal_tab2{
	background-color: #CCCC00;
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #FFFF99;
	padding: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0px;
    cursor:hand;
    cursor:hand;
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
	color: #222233;
	margin-left: 5px;
	margin-right: 5px;
}

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

/*#############################################
           NAVIGATION BAR PROPERTIES
  These are the bottom links for the login page, admin page, etc 
  #############################################*/
#navbar a {
	color: #FF0000;
	font-family: Times New Roman;
	font-size: 14px;
}
#navbar a:hover {
	color: #FF0000;
	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 {
  background-color: #000000;
  color: #000000;
  width: 90%;
  text-align: center;
  font-size: 10pt;
  table-layout: fixed;
  border-style: none;
}
#calendar table{
  padding: 1px;
  background-color: #000000;
  border-spacing: 1px;
}
/* the calendar table headers */
#calendar th{
  background-color: #000000;
  color: #CCCC00;
  font-size: 16px;
  font-family: "Times New Roman";
  font-weight: bold;
  padding: 2px;
  text-align: center;
}
#calendar td{
	font-size: 12px;
	overflow: hidden;
	font-family: "Times New Roman";
	font-weight: bold;
}
#calendar div.daylink{
	width: 100%;
	background-color: #333333;
	padding: 3px;
}
#calendar div.daylink a{
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
}
#calendar div.daylink a:hover{
	color: black;
	background-color: #CCCC00;
	border: 1px solid #444455;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
#calendar div.todaylink{
	width: 100%;
	background-color: #FF0000; /* #FFCC33; /* #31528E; */
	padding: 3px;
}
#calendar div.todaylink a{
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
	color: #FFFFFF;
}
#calendar div.todaylink a:hover{
	color: black;
	background-color: #CCCC00;
	border: 1px solid #444455;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
#calendar div.extralink{
	width: 100%;
	background-color: #CCCCCC; /* D1DCEE; /* #A2A9BB; */
	padding: 3px;
}
#calendar div.extralink a{
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: bold;
	color: black;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 1px;
	display: inline;
	border-width: 0px;
	color: black;
}
#calendar div.extralink a:hover{
	color: black;
	background-color: #CCCC00;
	border: 1px solid #444455;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
/* the 'past' colors for the main calednar page */
#calendar td.weekend{
  text-align: left;
  color: #FFFFFF;
  background-color: #333333;}
#calendar td.weekday{
  text-align: left;
  color: #FFFFFF;
  background-color: #666666;}
#calendar td.weekday_future{
  text-align: left;
  color: black;
  background-color: #CCCCCC;}
#calendar td.weekend, #calendar td.weekday, #calendar td.weekday_future{
  text-align: left;
  height: 80px;
}

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






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

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




/* this is for the usernames listed in the admin section where you edit user options */
span.cal_admin_usernames{
	color: #222222; 
	font-size: 14px; 
	font-family: Arial; 
	font-weight: bold;
}

/* 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;
	width: 100%;
}
table.cal_admin_userlist td{
	vertical-align: top;
}
table.cal_admin_userblock_anonymous{
	background-color: #FFCC00; 
	border: 1px solid #777777;
	width: 98%;
	padding: 3px;
	margin-bottom: 10px;
}
table.cal_admin_userblock{
	background-color: #99AABB; 
	border: 1px solid #777777;
	width: 98%;
	padding: 3px;
	margin-bottom: 10px;
}

input.cal_admin_edituser_button{
	width: 120px;
	font-size: 11px;
	font-family: Times New Roman;
	text-align: center;
}