/* Start of CMSMS style sheet 'album' */
/* CMOTION GALLERY */
/* Please check gallerystyle.css and motiongallery.js for double-/hard-codings! */

/*div.largeview {text-align:center;}*/

#motioncontainer {
/*margin-top:5px;*/
height:102px; /* according to gallery height */
width: 99.99%;
}

#motioncontainer a img {
border:1px solid #ccc; /* Set image border color */
margin-right:10px; /* chage this if you want some air inbetween images*/
height:102px;
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;
}*/

/* END CMOTION GALLERY */
/* End of '02.1 Gallery CMotion horizontal' */
/* End of 'album' */