ul#gallery {
	text-align: center;
}

div#scroll {
	width: 600px;
	height: 100px;	
	position: relative;
	overflow: hidden;
	padding: 10px;
	margin: 0 auto;
}

div#scroll ul#gallery {
	position: absolute;
	white-space: nowrap;
	left: 0;
}

ul#gallery li {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 8px;
	position: relative;
}

div#scroll ul#gallery li{
	display:inline;
	text-align: -webkit-match-parent;
}
/*
ul#gallery li img {	
	border: 1px outset #b97f2c;
	-webkit-box-shadow: 0px 0px 5px 2px #6d4711;
	-moz-box-shadow: 0px 0px 5px 2px #6d4711;
	box-shadow: 0px 0px 5px 2px #6d4711;
}
*/
ul#gallery li img:hover {
	-webkit-box-shadow: 0px 0px 5px 2px #000;
	-moz-box-shadow: 0px 0px 5px 2px #000;
	box-shadow: 0px 0px 5px 2px #000;
}

div#igdc_gallery_mask {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:150000;
	background:#000;
	display:none;
	cursor:pointer;
}

div#igdc_gallery {
	position: fixed;	
	display:none;
	z-index:160000;	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-khtml-border-radius: 2px;
	-o-border-radius: 2px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	width: 100px;
	height: 100px;
	
	border: 10px solid rgba(0,0,0,0.1);
	/*
	border-left: 20px solid rgba(0,0,0,0.1);
	border-right: 20px solid rgba(0,0,0,0.1);
	border-top: 20px solid rgba(0,0,0,0.1);		
	border-bottom: 20px solid rgba(0,0,0,0.1);
	*/	
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5), 0 0 7px rgba(0,0,0,0.5);
   	-moz-box-shadow:    0 0 7px rgba(0,0,0,0.5), 0 0 7px rgba(0,0,0,0.5);
   	box-shadow:         0 0 7px rgba(0,0,0,0.5), 0 0 7px rgba(0,0,0,0.5);
	background: #000;
}

div#igdc_gallery div#img {	
	/*position: relative;*/
	position: fixed;
	/*padding-bottom: 20px;*/
}

ul#gallery #del, ul#gallery #edit {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
}

ul#gallery #del {
    background:url("images/delete.png") no-repeat;
}

ul#gallery #edit {
    background:url("images/edit.png") no-repeat;
}

div#igdc_gallery div#photo {
	position: relative;
}

div#igdc_gallery div#photo img {
	display: none;
	position: absolute;
}

div#igdc_gallery div#title {
	display: none;
	color: #EEE;
	font-size: 12px;
	text-align: center;	
	/*background: url(images/line.png);*/
	position: absolute;
	bottom: -7px;
	width: 100%;
	font-weight: bold;
	padding: 1px 7px 2px 20px;
}

div#igdc_gallery div#viewer {
	display: none;
	/*background: url(images/line.png);*/
	position: absolute;
	bottom: -7px;
	left: 0;
	padding: 1px 7px 2px 5px;
}

div#igdc_gallery div#viewer span {
	color: #EEE;	
	font-size: 12px;
	background: url(images/viewer.png) no-repeat 0px 1px;
	font-weight: bold;
	padding-left: 21px;
}

div#igdc_gallery div.close{
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: url(images/close.png);
	position: absolute;
	right: 0;
	margin-top: -22px;
	margin-right: -22px;
}
div#igdc_gallery div#next, div#igdc_gallery div#prev {
    width: 48%;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: pointer;	
	display:none;
}

div#igdc_gallery.load {
	background: #000 url(images/preload.gif) no-repeat center;
}

div#scroll div#prev, div#scroll div#next {
	width: 80px;
	height: 100px;
	position: absolute;
	cursor: pointer;
}
div#scroll div#prev, div#igdc_gallery div#prev {
	left: 0;
	display:none;
}
div#scroll div#next, div#igdc_gallery div#next {
    right: 0;
}

div#scroll div#prev {
	background: url(images/prev.png) no-repeat left;
}
div#scroll div#next {
	background: url(images/next.png) no-repeat right;
}

div#igdc_gallery div#prev:hover {
	background: url(images/prev.png) no-repeat left;
}
div#igdc_gallery div#next:hover {
	background: url(images/next.png) no-repeat right;
}

ul#igdc_gallery #config {
    width: 32px;
    height: 16px;
	position: absolute;
    display: none;  
	top: 2px;
    right: 2px; 
}

div#scroll ul#igdc_gallery #config {
	top: -86px;
}



.igdc_gallery {
	position: relative;
	/*width: 300px;*/
	/*height: 112px;*/
/*	overflow-x: scroll;
	overflow-y: hidden;
    white-space: nowrap;*/
}

.igdc_gallery a.gallery_item {
	position: relative;
}	

.igdc_gallery img {	
	border: 1px solid #cc8833;
	min-width: 48px;
	min-height: 48px;
}

.igdc_gallery img:hover {	
	border: 1px solid #cc6622;
}

.igdc_gallery img {
	/*float: left;*/
	width: auto; 
	height: auto;
	max-height: 90px;
	max-width: 200px;
	display: inline;
	margin: 1px;
	position: relative;
}

.igdc_gallery div#viewer {
	background: url(images/line.png);
	position: absolute;
	left: 2px;
	bottom: 2px;
	padding: 1px 7px 2px 5px;
}

.igdc_gallery div#viewer span {
	color: #EEE;	
	font-size: 12px;
	background: url(images/viewer.png) no-repeat 0px 1px;
	font-weight: bold;
	padding-left: 21px;
}