/* CSS Document */

#gallery{
background-color:inherit;
padding-left: 0px;
padding-right: 0px;
padding-bottom: px;
	min-height:400px;
		margin:0px 0px 0px 0px;

}

#gallery_text{ /* main text on page*/
float:left;
}



/******gallery list********/
#gallerys{
padding:10px;
background-color:#CCCCCC;
}
#gallerys #pagination{
/*clear:both;
float:right;*/
padding-right:10px;
}

.gallery_name{
float:left;
display:inline;
}
.gallery_name img{
margin:1px 5px 1px 5px;
border:1px solid #cccccc;
}
.gallery_name img:hover{
margin-top:0px;
margin-bottom:0px;
margin-left:4px;
margin-right:4px;
border:2px solid #999999;
}
.gallery_title{
margin-left:5px;
margin-bottom:0px;
margin-top:0px;
}
/******end gallery list********/





#gallery_box{ /* contains thumbnails and medium image */
/*padding:20px;
border: 1px solid #cccccc;*/
clear:both;
}
#gallery_details{
	padding:10px 0px 10px 0px;
}
#gallery_details strong{
font-size:12px;
}




/***** thumbnails ********/

/* thumbs to left of medium image */ 
#thumbnails{
margin:0px 70px 0px 0px;
width:400px;
float:left;
}


/*thumbs below medium image
#thumbnails{
clear:both;
margin:20px 0px 0px 0px;
}
*/

.thumbnail{
float:left;
}
.thumbnail img{
margin:3px 8px 5px 3px;
border: 1px solid #cccccc;
}
.thumbnail img:hover{
margin:2px 7px 4px 2px;
border: 2px solid rgb(180,197,180);
}

.thumbnail img.thumb_selected{
margin:2px 7px 4px 2px;
border: 2px solid rgb(180,197,180);
}
/***** end thumbnails ********/









/**** medium image *****/

#medium_image_bgnd #medium_image{
border:1px solid #cccccc;
margin:2px;
}

/*  hover now set in thumbnail_list.php - medium image
#medium_image_bgnd a{
margin:2px;
}
#medium_image_bgnd a:hover{
margin:1px;
border: 2px solid #cc9900;
}
*/

/* medium to right of thumbs*/
#medium_image_container{
float:left;
}

/*medium image above thumbs
#medium_image_container{
}
*/

#medium_image_bgnd{
}

#medium_image_title{
	color:#333333;
display:none;
padding:20px 0px 0px 10px;
font-weight:bold;
width:450px;
}
#medium_image_text{
display:none;
padding:20px 0px 0px 0px;
width:450px;
}
/**** end medium image *****/


#gallery_buttons{}
#start_stop{
float:left;
}

#speed_buttons{
margin-left:20px;
float:left;
}
#speed_monitor{
background-color:#CCcccc;
width:30px;
height:6px;
}
#speed_box{
width:100px;
height:6px;
border:1px solid #666666;
}
#next_last{
clear:both;
}


/* *** pop up layer ************* */

#large_image_container{
background-color:#FFFFFF;
left:300px;
top:300px;
padding:0px;
margin:0px;
position:absolute;
overflow:visible; 
display:none;
z-index:1000;
border:2px solid #cccccc;
}


#large_image_title{
	width:650px;
padding:5px;
font-weight:bold;
font-size:12px;
}
#large_image_text{
	width:650px;
padding:5px;
}


#large_image_handle{
	width:800px;
display:inherit;
background-color:#cccccc;
padding:2px;
cursor:move;
}


#close_top{
display:inherit;
/*
background-color:#666666;
padding:2px; */
float:right;
vertical-align:middle;
}
#close_top img{
padding:0px;
margin:2px;
}

/* *** end popup layer ************* */

