@charset "utf-8";
#wrapper {
	width: 720px;
	margin-right: auto;
	margin-bottom: 10;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#mycustomscroll {float: right;height: 300px;list-style: none outside none;margin: 0;margin-right:10px;padding: 0;width: 130px; overflow:auto;}
#mycustomscroll ul{list-style: none outside none;margin: 0;padding: 0;}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
background:#aaa;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: #34501E;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #34501E;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}


#container {
	width: 120px;
	height: 120px;
	padding: 5px;
	margin-right: 15px;
	background-color: #34501E;
	box-shadow:2px 0px 10px #34501E;
	margin-bottom: 20px;
	float: left;
}

#thumbnail {
	width: 120px;
	height: 120px;
}

#thumbnail img{position:absolute;clip:rect(0px, 120px, 120px, 0px)}

#info {
	margin-top: 10px;
	height: 35px;
	padding: 3px;
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	word-wrap: break-word;
	color:#FFFFFF;
}
.clear {
	clear: both;
}

#upload {
	margin-top: 30px;
	width: auto;
	padding: 10px;
	border: solid thin #999;
}
.success,.error {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../images/success.png);
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../images/error.png);
}