/* If you wish to make a second calendar class just duplicate this css and change the calendar key words
	to that of the new calendar class you want to use. Like maybe calendar2.
	then when you call the instance of the class of the calendar make sure to specify the style in the
	parameters of the constructor
*/

/* calendar */
/* by not setting a table width you get a table that will cover the size of the div or page you put it in  */


table.calendar {
display:block;
margin-bottom:7px;
margin-left:5px;
}
table.calendar td {
	height:57px;
	width:100px;
}

.calendar-day-icon {
	margin-top:28px;
position:absolute;
width:94px;
}

/* Settings for the control menu */
div.calendar-control {
	background:url("/img/calendar/head.png") repeat scroll 0 0 transparent;
	height:68px;
	width:713px;
	z-index:1000;
	margin-top:-66px;
position:absolute;
}

/* This changes the select month and select year drop down menus */
table.calendar-control-select {
	display: none;
}

tr.calendar-row {

}
td.calendar-day, td.calendar-weekend-day, td.calendar-current-day, td.calendar-event-day {
     font-size:11px;
     vertical-align: top;
     background:url("/img/calendar/day_2.jpg") repeat scroll 0 0 transparent;
}
* html div.calendar-day, div.calendar-weekend-day, div.calendar-current-day, div.calendar-event-day {
     
}
/* This alters the headings (the days of the week) Change the colour and background for those here */
td.calendar-day-head {
     background:#CCC;
     color: #000;
     font-weight:bold;
     text-align:center;
     width:120px;
     padding:5px;
     border-bottom:1px solid #999;
     border-top:1px solid #999;
     border-right:1px solid #999;
     
     /* SIMPLE AS */
     display:none;
}
/* Change these colours to alter the respective portion of the calendar */
td.calendar-day {
    background:url("/img/calendar/day_2.png") repeat scroll 0 0 transparent;
  }
td.calendar-day div.calendar-day-number {
	color:#C3C2C1;
}
td.calendar-day-np   {
	background:url("/img/calendar/day_1.jpg") repeat scroll 0 0 transparent;
}
td.calendar-weekend-day    {
     background:url("/img/calendar/day_2.png") repeat scroll 0 0 transparent;
}
td.calendar-current-day    {
     background:url("/img/calendar/day_current.png") repeat scroll 0 0 transparent;
}
td.calendar-current-day div.calendar-day-number {
	color:#FFF;
}
td.calendar-event-day    {
    background:url("/img/calendar/day_event.png") repeat scroll 0 0 transparent;
}
td.calendar-event-day 	.calendar-day-number {
	color: #0096e3;
}

/* EVENT LINK */
.calendar-event-day a,
.calendar-current-day a {
	height:55px;
margin-left:0;
position:absolute;
width:100px;
z-index:1050;
text-indent: -5000px;
}


div#detail_day .list-view .summary,
div#detail_day .list-view .pager { display: none; }  




/* These colours are for the mouse over effects on the calendar */
td.calendar-day:hover {
     
}
td.calendar-weekend-day:hover {
   
}
td.calendar-current-day:hover {
    
}
td.calendar-event-day:hover {
    
     cursor: pointer;
}
/* background colour of the blank dates */
td.calendar-day-np {
     
}
* html div.calendar-day-np {
     height:100px; 
}
/* This alters the number dates of the calendar */
div.calendar-day-number {
    color:#cacac9;
	font-family:Tahoma,Arial;
font-size:17px;
font-weight:bold;
margin-left:72px;
margin-top:2px;
position:absolute;
text-align:right;
}
/* This alters the text section for events on the calendar. */
div.calendar-text {
  background:url("/img/calendar/round.png") repeat scroll 0 0 transparent;
  _background:url("/img/calendar/round-8bit.png") repeat scroll 0 0 transparent;
color:#FFFFFF;
float:left;
font-size:14px;
font-weight:bold;
height:28px;
line-height:27px;
margin-left:5px;
margin-top:23px;
text-align:center;
width:28px;
position:absolute;
}
div.calendar-text a {
     color: #111;
     text-decoration: none;
}
div.calendar-text a:hover {
     color: #333;
     text-decoration: underline;
}
/* shared */
td.calendar-day,td.calendar-current-day, td.calendar-weekend-day, td.calendar-day-np, td.calendar-event-day {
    
}
div.memDiv{
    position: relative;
    padding:5px;
    color:#000;
    height: 10px;
    width:10px;
    margin-left:3px;
    height:10px;
    text-indent:-5000px;
    background:url("/img/calendar/member.png") repeat scroll 0 0 transparent;
    float:right;
}
div.pubDiv{
    position: relative;
    padding:5px;
    color:#000;
    height: 10px;
    margin-left:3px;
	text-indent:-5000px;
	width:10px;
    height:10px;
    float:right;
    background:url("/img/calendar/public.png") repeat scroll 0 0 transparent;
}
div.blaDiv{
    background:url("/img/calendar/allblacks.png") repeat scroll 0 0 transparent;
	color:#000000;
	float:right;
	height:10px;
	margin-left:3px;
	padding:5px;
	text-indent:-5000px;
	width:10px;
}


/*** CALENDAR ADDITIONS ***/
.calendar-control select,
.calendar-control input {
	display: none;
}

#cal_calendar_wrapper .inner {
	padding-top:63px;
	padding-bottom:1px;
	position:relative;
}

#cal_calendar_wrapper {
	background:url("/img/calendar/backgroundbox.png") repeat scroll left bottom transparent;
clear:both;
width:712px;
margin-top:15px;
}

.cal_prev_month, .cal_next_month {
	background:url("/img/calendar/prev_month.gif") no-repeat scroll 0 0 transparent;
display:block;
height:23px;
margin-left:234px;
overflow:hidden;
position:absolute;
text-indent:-5000px;
width:23px;
}
.cal_prev_month .title, .cal_next_month .title { display: none; }
.cal_next_month {
	background:url("/img/calendar/next_month.gif") repeat scroll 0 0 transparent;
float:right;
margin-left:461px;
position:absolute;
}

.cal_current_month {
	color:#FFFFFF;
	text-align: center;
display:block;
float:left;
margin-left:261px;
margin-top:0;
position:absolute;
width:200px;
}
.calendar-control form {
	height:45px;
margin-left:0;
padding-top:18px;
position:absolute;
border:1px solid #FFF;
}


#search_engine {
	background:url("../img/filters-bg.png") no-repeat scroll 0 0 transparent;
width:100%;
}


#search_engine .bottom {
	background:url("../img/filters-bg.png") no-repeat scroll left bottom transparent;
height:13px;
}

#search-form {
	display:block;
height:34px;
overflow:hidden;
padding:10px 15px;
vertical-align:top;
}

#search-form .buttons input {
	background:url("/img/button-go.gif") repeat scroll 0 0 transparent;
	border:0 none;
	height:34px;
	width:65px;
}

#search-form div {
	float:left;
} 

#search-form div.col {
	height:30px;
}
#search-form div.col1 {
	width:140px;
}
#search-form div.col2 {
	width:120px;
}
#search-form div.col3 {
	width:120px;
}
#search-form div.col4 {
	width:170px;
}
#search-form div.buttons {
	font-size:12px;
margin-left:10px;
margin-top:5px;
}
#search-form div.buttons input {
	cursor:pointer;
margin-left:9px;
}
#search-form div.buttons a {
	font-weight: bold;
}
#search-form div.col2 input,
#search-form div.col3 input,
#search-form div.col4 input {
	margin-top: 4px;
	margin-left: 3px;
}


div#detail_day_close {
background:url(/img/calendar/popup_close.gif) repeat scroll 0 0 transparent;
height:34px;
margin-left:300px;
margin-top:-31px;
position:absolute;
text-indent:-5000px;
width:36px;
z-index:1061;
}

div#detail_day {
	background:url("/img/calendar/popup.gif") no-repeat scroll 0 0 transparent;
	margin-left:200px;
	padding:15px;
	position:absolute;
	top:200px;
	width:306px;
	z-index:1060;
	height:341px;
	font-size:11px;
	display: none;
	line-height: 16px;
}
#detail_day_title { font-weight: bold; font-size: 14px; }
div#detail_day div.image {
	float: left;
	margin-right:5px;
	margin-bottom:6px;
}
div#detail_day div.image span {
	display: block;
	background-repeat: no-repeat;
}
div#detail_day div.detail_Line {
	clear:both;
	float:left;
	width:100%;
	height:72px;
}