/* Start of CMSMS style sheet 'Album (for default, ImageGallery, and Thickbox templates)' */
/*
This template is needed if you use the default, ImageGallery, or Thickbox templates in the Album module.
This may be overwritten when the module is upgraded and it will be deleted when 
the module is uninstalled, so make a copy if you want to modify it.
*/

/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
}

/* Picture List UL */
.picturelist
{
	margin-left:0;
	padding-left:0;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	/*width:auto;*/
	/*margin:0 5px 5px 0;*/
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;
}

.thumb img,.thumb a img,.thumb a:link img
{
/* Set link formatting*/
	/* width:100px; */
/* Thumb width*/ 
	/*height:100px;*/
/* Thumb height*/
	padding:5px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:white;
/*Background of thumb */
	border-top:1px solid #2C543A;
/* Borders of thumb frame */
	border-right:2px solid #2C543A;
	border-bottom:2px solid #2C543A;
	border-left:1px solid #2C543A;
	text-decoration:none;
}

.thumb a:visited img
{
	background-color:#ffffe5;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}

.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #2C543A;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:300px;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #2C543A;
/* Borders of picture frame */
	border-right:2px solid #2C543A;
	border-bottom:2px solid #2C543A;
	border-left:1px solid #2C543A;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

/*Thickbox CSS */
#TB_overlay
{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	background-color:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6px;
	opacity:0.6px;
}

#TB_window
{
	position:absolute;
	background:#fff;
	z-index:102;
	color:#000000;
	display:none;
	border:4px solid #2C543A;
}

#TB_window img
{
	display:block;
	margin:15px 0 0 15px;
	border-right:1px solid #2C543A;
	border-bottom:1px solid #2C543A;
	border-top:1px solid #2C543A;
	border-left:1px solid #2C543A;
}

#TB_caption
{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
	margin-right:100px;
}

#TB_closeWindow
{
	height:25px;
	float:right;
	padding:10px 12px 5px 10px;
}

#TB_closeWindow a,#TB_closeWindow a:link,#TB_closeWindow a:visited
{
	color:#f6f7f0;
	background:#d40d0e;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#TB_closeWindow a:hover
{
	background:red;
	color:white;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#TB_closeWindow a:active
{
	color:#f6f7f0;
	background:#d40d0e;
	text-decoration:none;
	padding:2px 5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #666;
	border-left:1px solid #666;
}

#TB_closeAjaxWindow
{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent
{
	padding:2px 15px 15px;
	overflow:auto;
}

#TB_load
{
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	overflow:visible;
	visibility:visible;
	display:block;
	z-index:101;
}

#TB_loadContent
{
	margin-left:-125px;
	position:absolute;
	top:-50px;
	left:50%;
	width:250px;
	height:100px;
	visibility:visible;
}

/* End of 'Album (for default, ImageGallery, and Thickbox templates)' */

/* Start of CMSMS style sheet 'Calendar CSS example' */
/*
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'}

*/

div#upcomingnav {
  margin: 1em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #ffffe5; /*#FFE9AF; */
}

div#upcomingnav h2 {
   line-height: 2em;
   background: #fff;
}
div#upcomingnav h3 {
  font-size: 1.1em; 
  margin: .2em 0em 0em .3em;
}

#upcomingnav .calendar-date-from
{
  font-weight: normal;
  margin: 0em 1em 1em 1em;
}
#upcomingnav .calendar-summary
{
  font-weight: bold;
  margin: .3em 1em 0.5em 1em;
}


/* make all links red */
.calendar tr td a
{
  font-size: 80%;
  color: #2C543A;
}

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

.calendar-today td
{
    background-color: #fffffe;
}

/* 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{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0 0 0 5;
  padding: 0px;
  padding-left: 0px;
}

#big li
{
  list-style-type: disc;
  margin: 3 0 0 0;
  padding: 0px;
  margin: 0px;
}

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

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

#big .calendar-today
{
  font-weight: normal;
  background-color: #C0CFA5; /* #8080ff; */
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}
/* End of 'Calendar CSS example' */