/* Start of CMSMS style sheet 'Album' */
/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */

.album_content {
	width:100%; 
        align: center;

}
.clear {
	clear:both
}

/* Albumlist div */
.albumlist
{
	margin-left: 15%;
        width: 800px;
}

.albumnaam
{
        position: absolute;
        top: 350px;
        left: 25px;
        width: 325px;
        text-align: right;
        line-height: 2em;
}

.T0
{      position: absolute;
        top: 75px;
        left: 100px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T1
{      position: absolute;
        top: 75px;
        left: 225px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T2
{      position: absolute;
        top: 75px;
        left: 350px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T3
{      position: absolute;
        top: 75px;
        left: 475px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T4
{      position: absolute;
        top: 200px;
        left: 100px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T5
{      position: absolute;
        top: 200px;
        left: 225px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T6
{      position: absolute;
        top: 200px;
        left: 350px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T7
{      position: absolute;
        top: 200px;
        left: 475px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T8
{      position: absolute;
        top: 325px;
        left: 100px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T9
{      position: absolute;
        top: 325px;
        left: 225px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T10
{      position: absolute;
        top: 325px;
        left: 350px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T11
{      position: absolute;
        top: 325px;
        left: 475px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T12
{      position: absolute;
        top: 75px;
        left: 600px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T13
{      position: absolute;
        top: 75px;
        left: 725px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T14
{      position: absolute;
        top: 200px;
        left: 600px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T15
{      position: absolute;
        top: 325px;
        left: 600px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T16
{      position: absolute;
        top: 200px;
        left: 725px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

.T17
{      position: absolute;
        top: 325px;
        left: 725px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

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

.P0
{      position: absolute;
        top: 75px;
        left: 100px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}
.P1
{      position: absolute;
        top: 75px;
        left: 225px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}
.P2
{      position: absolute;
        top: 200px;
        left: 100px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}
.P3
{      position: absolute;
        top: 200px;
        left: 225px;
        width:150px;
        height:150px;
        clip: rect(0px 125px 100px 25px);
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:150px;
	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:150px; 
/* Set link formatting*/
	width:150px; 
/* Thumb width*/ 
	
/* Thumb height*/
	padding:0px;
/* 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;
}
.albumcomment { text-align: left; }
.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;
}
.albumname a
{
	display: inline;
        border: none;
        margin:none;
        padding:none;
        background-color:transparent;
}
.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
{
	position: absolute;
        top: 75px;
        left: 400px;
        width: 500px;
        height: 500px;
}

.bigpicture img
{
	padding:0px;
	margin:0;
	background-color:white;
        text-align: left;
}

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

div.largeview {

 text-align: center;

}
/* End of 'Album' */