/* Start of CMSMS style sheet 'wgdc_gallery' */
/* Start of CMSMS style sheet '02.1 Gallery CMotion horizontal' Updated by Matt */


/* WGDC GALLERY */
#gallery {
  margin-bottom: 1px;
}
#gallery #picture {
  float: left;
  background: inherit /*#f0f0f0*//*d8d3ed*//*ede9d3*/;
  width: 436px;
  height: 417px;
  border: 5px solid #35988f/*dad5ef*//*ebdd9f*/;
  text-align:center;
}
#gallery #picture img {
}

#gallery #thumbnails {
  float: right;
  background: inherit /*#d8d3ed*//*ede9d3*/;
  width: 217px;
  height: 427px;
}

#gallery #thumbnails li {
  list-style-type:none;
  float: left;
  width: 106px;
  height: 106px;
  margin:0 1px 1px 1px;
  padding:0;
}
#gallery #thumbnails li.no-image img {
  border: 5px solid #35988f/*dad5ef*//*ebdd9f*/;
  width: 96px;
  height: 96px;
}
#gallery #thumbnails a {
  display: block;
  width: 96px;
  height: 96px;
  border: 5px solid #35988f/*5e719c*//*ebdd9f*/;
}
#gallery #thumbnails a:hover {
  border: 5px solid #9d0620/*d24766*/;
}
#gallery #thumbnails a.selected {
  border: 5px solid #9d0620/*d24e6c*/;
}

/* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! */
div.largeview {
 text-align: center;
}

#motioncontainer {
margin-top: 5px;
height: 70px; /* according to gallery height */
width: 99.99%;
}
#motioncontainer a img {
border: 0; /* Set image border color */
margin: 0; /* change this if you want some air inbetween images*/
height: 60px;
width:auto;
}

/* change cursor when clicking on image */

/*#motioncontainer a:active img {
cursor: progress;
}*/

#statusdiv {
background-color: #fff;
color: #FFBF00;/*#8f8f8f;*/
font-size: 65%;
font-weight: bold;
border: 0px solid #afafaf;
padding: .1em;
width: 100px;
position: absolute; /* Stop Editing Gallery Styles */
top: -10px;
left: 0px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}

/* Those are already set in the template using
the "style"-tag for both of the divs. It seems to
work only this way - if someone could tell me why,
I'll appreciate!  */
/*

div#motioncontainer {
position:relative;
overflow:hidden;
}

div#motiongallery {
position:absolute;
left:0;
top:0;
white-space: nowrap;
}*/

/* Album Thumbnails
------------------------------ */
#albums {
	float: left;
}
.album {
	margin: 0 6px 8px 0;
        padding: 10px 6px 2px 10px;
	float: left;
	width: 310px;
	border: 1px solid #ebdd9f;
	background: #f8f7f1;
        line-height: 100%;
}
.album img {  
        display: block;
        width: 96px;
        height: 96px;
        border: 5px solid #ebdd9f;
}
.album .thumb {
        float: left; 
        width:110px;
        margin-right: 6px;
}
.albumdesc h3 {
	padding: 0;
	margin: 0 !important;
        text-align:left;
        font-size: 1.1em !important;
        line-height: 1.1em !important;
}
.albumdesc p {
	font-size: .9em;
        line-height: 1.2em;
        text-align:left;
}
.albumdesc {
        text-align:left;
        float:right;
        width: 190px;
}


/* END CMOTION GALLERY */

/* End of '02.1 Gallery CMotion horizontal' */
/* End of 'wgdc_gallery' */