/* Start of CMSMS style sheet 'Album Template Stylesheet' */
 

/*

This template is needed if you use the default, Simple-Separate-Pages  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.

*/

 

/*

This template is needed if you use the default, Simple-Separate-Pages  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 0.5em 0.5em 0;

    

/* Thumbnail spacing */

            text-decoration:none;

            line-height:normal;

            list-style-type:none;

            text-align:center;

            float:left;

 

}

 

.thumb a

{

            display:block;

            height:72px; 

/* Set link formatting*/

            width:100px; 

/* Thumb width*/ 

            

/* Thumb height*/

            padding:10px;

/* 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 #eee;

/* Borders of thumb frame */

            border-right:2px solid #ccc;

            border-bottom:2px solid #ccc;

            border-left:1px solid #eee;

            text-decoration:none;

}

 

.thumb a:visited img

{

            background-color:#eee;

/*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:smaller;

            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 #ccc;

            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:80%;

/* Width of big picture - set to auto for actual width*/

            margin:0;

            background-color:white;

/* Background of picture */

            border-top:1px solid #eee;

/* Borders of picture frame */

            border-right:2px solid #ccc;

            border-bottom:2px solid #ccc;

            border-left:1px solid #eee;

            text-decoration:none;

}

 

.bigpicturenav

{

            margin:0;

            padding:0;

            color:#000;

            font-size:smaller;

            line-height:normal;

}

/*Thickbox CSS */

#TB_window {

  font: 14px Arial, Helvetica, sans-serif;

  color: #333333;

}

#TB_secondLine {

  font: 12px Arial, Helvetica, sans-serif;

  color:#666666;

}

 

#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: red;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}

 

 

#TB_overlay {

            position: absolute;

            z-index:100;

            width: 100%;

            height: 100%;

            top: 0;

            left: 0;

            min-height:100%;

            background-color:#000;

            filter:alpha(opacity=60);

            -moz-opacity: 0.6;

            opacity: 0.6;

}

 

 

#TB_window {

            position: absolute;

            background: #ffffff;

            z-index: 102;

            color:#000000;

            display:none;

            border: 4px solid #525252;

            text-align:left;

 

}

 

#TB_window img {

            display:block;

            margin: 15px 0 0 15px;

            border-right: 1px solid #ccc;

            border-bottom: 1px solid #ccc;

            border-top: 1px solid #666;

            border-left: 1px solid #666;

}

 

#TB_caption{

  height:25px;

  padding:3px 30px 10px 25px;

  float:left;

}

 

#TB_closeWindow{

  height:25px;

  padding:11px 25px 10px 0;

  float:right;

}

 

#TB_closeAjaxWindow{

            padding:5px 10px 7px 0;

            margin-bottom:1px;

            text-align:right;

            float:right;

}

 

#TB_ajaxWindowTitle{

            float:left;

            padding:7px 0 5px 10px;

            margin-bottom:10px;

}

 

#TB_title{

            background-color:#e8e8e8;

            height:27px;

}

 

#TB_ajaxContent{

            clear:both;

            padding:2px 15px 15px 15px;

            overflow:auto;

            text-align:left;

            line-height:1.4em;

}

 

#TB_ajaxContent p{

            padding:5px 0px 5px 0px;

}

 

#TB_load{

            position: absolute;

            display:none;

            height:100px;

            width:100px;

            z-index:101;

}

 

#TB_HideSelect{

            z-index:99;

            position:absolute;

            top: 0;

            left: 0;

            width:100%;

            height:100%;

            background-color:#fff;

            border:none;

            filter:alpha(opacity=0);

            -moz-opacity: 0;

            opacity: 0;

}

 

#TB_iframeContent{

            border:none;

            clear:both;

}

 

#TB_closeWindow a, #TB_closeWindow a:link, #TB_closeWindow a:visited {

            color: #f6f7f0;

            background: #d40d0e;

            text-decoration: none;

            padding:2px 5px 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 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 2px 5px;

            border-right: 1px solid #ccc;

            border-bottom: 1px solid #ccc;

            border-top: 1px solid #666;

            border-left: 1px solid #666;

}

 

/* CSS for Lightbox follows */

#lightbox{

            position: absolute;

            top: 40px;

            left: 0;

            width: 100%;

            z-index: 100;

            text-align: center;

            line-height: 0;

            }

 

#lightbox a img{ border: none; }

 

#outerImageContainer{

            position: relative;

            background-color: #fff;

            width: 250px;

            height: 250px;

            margin: 0 auto;

            }

 

#imageContainer{

            padding: 10px;

            }

 

#loading{

            position: absolute;

            top: 40%;

            left: 0%;

            height: 25%;

            width: 100%;

            text-align: center;

            line-height: 0;

            }

#hoverNav{

            position: absolute;

            top: 0;

            left: 0;

            height: 100%;

            width: 100%;

            z-index: 10;

            }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

 

#prevLink, #nextLink{

            width: 49%;

            height: 100%;

            background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

            display: block;

            }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(modules/Album/templates/db/lightbox/images/nextlabel.gif) right 15% no-repeat; }

 

 

#imageDataContainer{

            font: 10px Verdana, Helvetica, sans-serif;

            background-color: #fff;

            margin: 0 auto;

            line-height: 1.4em;

            }

 

#imageData{

            padding:0 10px;

            }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; } 

#imageData #caption{ font-weight: bold;   }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;     }                                   

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;     }           

                        

#overlay{

            position: absolute;

            top: 0;

            left: 0;

            z-index: 90;

            width: 100%;

            height: 500px;

            background-color: #000;

            filter:alpha(opacity=60);

            -moz-opacity: 0.6;

            opacity: 0.6;

            }

            

 

.clearfix:after {

            content: "."; 

            display: block; 

            height: 0; 

            clear: both; 

            visibility: hidden;

            }

 

* html>body .clearfix {

            display: inline-block; 

            width: 100%;

            }

 

* html .clearfix {

            /* Hides from IE-mac \*/

            height: 1%;

            /* End hide from IE-mac */

            }           

/* Last-Modified: 28/06/06 00:08:22 */

#GB_overlay {

    background-color: #000;

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    z-index: 100;

}

 

#GB_window {

    left: 0;

    top: 0;

    font-size: 1px;

    position: absolute;

    overflow: visible;

    z-index: 150;

}

 

#GB_window .content {

    width: auto;

    margin: 0;

    padding: 0;

}

 

#GB_frame {

    border: 0;

    margin: 0;

    padding: 0;

    overflow: auto;

    white-space: nowrap;

}

 

 

.GB_Gallery {

    margin: 0 22px 0 22px;

}

 

.GB_Gallery .content {

    background-color: #fff;

    border: 3px solid #ddd;

}

 

.GB_header {

    top: 10px;

    left: 0;

    margin: 0;

    z-index: 500;

    position: absolute;

    border-bottom: 2px solid #555;

    border-top: 2px solid #555;

}

 

.GB_header .inner {

    background-color: #333;

    font-family: Arial, Verdana, sans-serif;

    padding: 2px 20px 2px 20px;

}

 

.GB_header table {

    margin: 0;

    width: 97%;

    border-collapse: collapse;

}

 

.GB_header .caption {

    text-align: left;

    color: #eee;

    white-space: nowrap;

    font-size: 16px;

}

 

.GB_header .close {

    text-align: right;

}

 

.GB_header .close img {

    z-index: 500;

    cursor: pointer;

}

 

.GB_header .middle {

    white-space: nowrap;

    text-align: center;

}

 

 

#GB_middle {

    color: #eee;

}

 

#GB_middle img {

    cursor: pointer;

    vertical-align: middle;

}

 

#GB_middle .disabled {

    cursor: default;

}

 

#GB_middle .left {

    padding-right: 10px;

}

 

#GB_middle .right {

    padding-left: 10px;

}

 

 

.GB_Window .content {

    background-color: #fff;

    border: 3px solid #ccc;

    border-top: none;

}

 

.GB_Window .header {

    border-bottom: 1px solid #aaa;

    border-top: 1px solid #999;

    border-left: 3px solid #ccc;

    border-right: 3px solid #ccc;

    margin: 0;

 

    height: 22px;

    font-size: 12px;

    padding: 3px 0;

    color: #333;

}

 

.GB_Window .caption {

    font-size: 12px;

    text-align: left;

    font-weight: bold;

    white-space: nowrap;

    padding-right: 20px;

}

 

.GB_Window .close { text-align: right; }

.GB_Window .close span { 

    font-size: 12px;

    cursor: pointer; 

}

.GB_Window .close img {

    cursor: pointer;

    padding: 0 3px 0 0;

}

 

.GB_Window .on { border-bottom: 1px solid #333; }

.GB_Window .click { border-bottom: 1px solid red; }

/* End of 'Album Template Stylesheet' */

/* 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'}

*/

.calendar-right-link, .calendar-right-link.a:visited, .calendar-right-link.a:link {
   margin: 1em;
   text-align: right;
   text-decoration: none;
}

.calendar-list {
   border: 0px solid #c0c0c0;
   margin: 4px;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
.calendar-hr {
   border: 2px solid #990000;
   margin: 1em 0 1em 0;
}

.calendar-month {
  font-size: 200%;
  font-weight: bold;
  line-height: 1.5em;
}

.calendar {
  text-align: center;
  margin-top: 1.7em;
  margin-bottom: 1em;
}

.calendar a, a:link, a:visited {
  text-decoration: none;
}

/* make all links red */
.calendar tr td a
{
  color: red;
  text-decoration: none;
  font-weight: bold;
}

/* 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{
  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;
  background-color: #cc9;
}

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

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

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

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

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

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

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  margin: 1em;
  font-weight: bold;
 /* display: none;*/
}

.calendar-summary {
  margin: 1em;
}

.calendar-details {
  margin: 1em;
}
/* End of 'Calendar CSS example' */