/************************************************************************************************************************/
/*					moPhotoGallery.css							VER:4	*/
/*                                                                                                                      */
/************************************************************************************************************************/

/*----------------------------------------------------------------------------------------------------------------------*/
/* One thumb pic and caption.  This defines the attributes for each thum pic and it's caption text. 			*/
/* These can be overridden by using the moPhotoGallery_Caption_ params when calling moPhotoGallery.			*/
/*                                                                      						*/
.Thumb_With_Caption {
   margin:              5px .5px 5px .5px;        /* T R B L      */
   vertical-align:      top;
   width:               200px;
   font-family:         Verdana,Arial, sans-serif;
   font-size:           10px;
   color:               black;			/* Caption text color	*/
   display:             inline-block;

   /* To get IE to properly use the inline-block. The images were displaying 1 per line */
   /* FF ignores the *display but IE will overide the previous "display: inline-block;" */
   zoom: 1;
   *display: inline;
}

/*----------------------------------------------------------------------------------------------------------------------*/
/* This is required for the color change to work. DO NOT REMOVE !!!!							*/
/*															*/
/* These can be overridden as:												*/
/*    "background:  black;"    ==>  OnMouseOver="$.rule('.highslide-dimming').append('background:red');"		*/
/*    " border:2px solid gray" ==>  OnMouseOver="$.rule('.highslide:hover img').append('border: 2px solid blue');"	*/
/*															*/
/* Func moPhotoGallery_Set_Background_Color & moPhotoGallery_Set_Hover_Color are used to override these defaults.	*/
/*															*/
.highslide-dimming {
   background: 	black;          	/* Set background behind the expanded thumb.            */
}
.highslide:hover img {
   border: 	1px solid gray; 	/* Cursor over thumb                                    */
} 

/***********************************************************************************************************************/
/*                                              End moPhotoGallery.css                                                 */
/***********************************************************************************************************************/