/* Start of CMSMS style sheet 'SPS Calendar CSS' */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/



/* make all links red */
.calendar tr td a
{
  color: #2482c1;
  font-size:12px;
  text-transform:capitalize;
}

/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  border-collapse:collapse;
  margin: 0 auto;
  width: 100%;
  text-align: left;
  font-family:arial, helvetica, sans;
  background:#e5e5e5;
}

/* nice squares for the #big table */
#big th
{
  border-bottom: 1px solid #116daa;
  border-right:1px solid #116daa;   
  background:url(images/calendar/calendar_th_bg.gif) repeat-x;
  padding: 7px 30px;
  width: 75px;
  text-align: center !important;
  color:#fff;
  font-size:13px;
  font-weight:normal;
}

#Monday{
  background:url(images/calendar/monday.gif) no-repeat top left !important;
  border-right:1px solid #116daa; 
}

#Sunday{
  background:url(images/calendar/sunday.gif) no-repeat top right !important;
  border-right:none !important;
}

#big td {
  background:url(images/calendar/calendar_td_bg.gif) repeat-x top left #fff;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  vertical-align: top;
  padding: 3px;
  height: 100px;
  width: 120px;
  font-size:11px;
  text-align:right;
}



/* format summaries nicely in #big */
#big ul
{
list-style-type: none !important;  
margin: 0px;
  padding: 5px 0 0 5px;
  text-align:left;
}

#big li
{
  list-style-type: none !important;
  padding: 0px;
  margin: 0px;
}
 /*
.calendar ul{list-style:none !important; border:1px solid red;list-style-type: none !important;}
.calendar li{list-style:none !important; list-style-type: none !important;}
*/
.calendar li{list-style-image:none !important;}

/* background colours for #big */
#big td
{
  /*background-color: white;*/
}

#big .calendar-day
{
  background-color: #80ff80;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #eef5f9;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

.calendar-event h2 {
    margin: 5px 0px;
    color:#1776b6;
}

.calendar-date-from {
    margin: 10px 0px;
}

.event_email {
    margin: 10px 0px;
}

.calendar_event_details {
    margin: 10px;
}

#calendar {
    text-align:center;
    font-family:arial, sans-serif;
}
#calLabel{
  text-align:left;
  background:url(images/txt_calendar.gif) no-repeat;
  height:50px;
}

#calLabel span{display:none;}

#calendarNavTable{
  margin:15px 0 5px 0;
}
#goBtn{
 margin:8px 0 0 0;
}
#calendar_year{position:relative; top:-5px;
margin:-10px 0 0 0 !important;
padding:0px !important;
}
#calendar_month{position:relative; top:-5px;
margin:-10px 0 0 0 !important;
padding:0px !important;
}
#calendar-bottom td {
    background:#e5e5e5;
    background-image:none;
    border:none;
    height:20px;
    padding:3px;
    vertical-align:top;
    width:auto;
   /* display:none;*/
}

#calendar-bottom-left{
   background:url(images/calendar/bottomleft.gif) no-repeat bottom left !important;
}
#calendar-bottom-right{
   background:url(images/calendar/bottomright.gif) no-repeat bottom right !important;
}

#calendar_year{
  width:65px;
}

#calendar_month{
   width:95px;
}
/**********
 * CSS for the Modalbox JS
 **********
 */
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #f1f7fa!important;
}


#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 20%;
	border: 0 solid;
	text-align:left;
	z-index:10000;
        
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background: url(images/calendar/bg_lightbox.gif) no-repeat top left;  
	height:405px;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
  width:550px;
  padding: 0px 20px;
  overflow:auto;
  margin-bottom:10px;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:12px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}

#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding:1.5em;
        height:300px;
	text-indent: -10000px;
	background: transparent url(images/spinner.gif) no-repeat 50% 50%;
}


#MB_content div.contentBox{
	padding:0 !important; 
        background-color:transparent !important;
}

#MB_content .contentWrap{
background-color:transparent !important;
}

#MB_content div.contentBottom{
display:none !important;
}
#MB_content div.contentTop{
display:none !important;
}

#MB_content #contentWindow{
	width:auto !important;
	margin:0 auto;
	}
/*===============Event Details */

#calendar_event_details h1{
    font-family:arial;
   font-size:18px !important;
   font-weight:bold !important;
   margin:5px 0 !important;
   padding:5px 0 !important;
}

.calendar-date-from{
  font-size:12px;
  color:#b2b2b2 !important;
  font-style:italic;
  margin:0;
  padding:3px 0;
}

div.calendar-details p{color:#000 !important; margin-bottom:3px;}

div.event_email a{
  background: url(images/calendar/icon_mail.gif) no-repeat top left;
  font-size:12px;
  padding-left:20px;
  color:#1776b6;
}

div.event_email a:hover{
  color:#001b2d;;
}



/* Color scheme */
#MB_window {
	color:#000;
}
#MB_content { }
#MB_header {

}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}


/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default { width: 150px; border: #d3d3d3 solid 1px; }
.prototip .default .toolbar { background: #e5e5e5; font: 14px Arial, sans-serif; text-transform:capitalize; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: #fff; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}


/*=====================
Calendar List View
======================*/

div.calendar-list{
  font-family:arial, sans-serif;
}

#calNav{
  margin-bottom:15px;
}

.moreInfo{
 display:block;   
 margin-bottom:10px !important;
}

#permalinkDetails{display:none;}
/* End of 'SPS Calendar CSS' */