#picGallery {Position: Relative; Left: -50px; width: 800px; height: 500px; Z-Index: 50;}

/* Each picture and the hyperlink inside it */
.pic, .pic a {Width: 100px; Height: 100px; Overflow:hidden;}

/* Styles specific to the pic class */
.pic {Position: Absolute; Border: 5px solid #ffffff; Border-bottom:18px solid #eeeeee; -moz-box-shadow: 3px 2px 3px #333333; -webkit-box-shadow: 3px 2px 3px #333333; box-shadow: 3px 2px 3px #333333;}

/* Specific styles for the hyperlinks Setting display to block enables advanced styling for links */
.pic a {text-indent:-999px; display:block;}

/* The share box */
.drop-box {display: None; width:240px; height:130px; position:absolute; bottom:0; right:0; z-index:-1; background:url(../images/drop_box.png) no-repeat;}

/* The active style is in effect when there is a pic hovering above the box */
.drop-box.active {background-position:bottom left;}

/* The modal dialog URL field */
label, input {display:block; padding:3px;}

label {font-size:10px;}

fieldset {border:0; margin-top:10px;}

/* The URL field */
#url {Width:240px;}


/* General styles for the demo page */

/* The link that is positioned above the title */
#orig {font-family:"MyRiad Pro",Arial; font-size:10px; letter-spacing:1px; padding-bottom:15px; text-transform:uppercase; float:right;}

.clear {clear:both;}