/* From masako KAMIYA style */

body {
margin: 0px;
padding: 0px;
font-size: 70% !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
color: #666666 !important;
}


.container {
	float: left;
	width: 900px;
}

.main {
	float: left;
	width: 400px;
	background-color: ##ffffff;
	margin-top: 0em;
	margin-bottom: 0em;
}

.left {
	float: left;
	width: 256px;
	background-color: #FFFFFF;
	text-align: right;
}

.right {
	margin: 0px;
	float: left;
	width: 90px;
	background-color: #FFFFFF;
	text-align: center;
}

/* Unique to gallery page */

.selector {
	text-align: center;
	margin: 20px 0 0 0;

}

.selector span.separator {
	text-decoration: none;
	color: #ff0000;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

.selector a.current{
	color: #999999;
	background-color: #ffffff;
	text-decoration: none;
}

.selector a.link{
	color: #ff0000;
	background-color: #ffffff;
	text-decoration: none;
	cursor:pointer;

}

.selector a.link:hover{
	color: #ffffff;
	background-color: #ff0000;
	text-decoration: none;
	cursor:pointer;
}



#description {
	margin: 120px 0 0 0 ;
	padding: 0 1em 0 1em;

}

#magnifier {
	margin: 10px auto;
	padding: 0 1em 0 1em;
	
}
#magnifier img{
	cursor:pointer;
}

#paintPanel {
	position:relative;
	height:400px; /* Same as Full Image height */
	padding:0px; /* If padding is necessary, specify. e.g. 5px */
	margin:24px auto;
	background:#FFF url(images/loading.gif) center center no-repeat;
}

#image img {
	position:absolute;
	top:0px;
	left:0px;
	/* border:1px solid #CCCCCC; border for the full image */
}


#navleft {
	height: 50px;
	margin: 15px 0 0 0;
	background: #FFF;
	border: 0px;
}

#navleft img{
	margin: 0 auto;
}

#navright {
	height: 50px;
	margin: 3px 0 0 0;
	background: #FFF;
	border: 0px;
}

#navright img{
	margin: 0 auto;
}


#thumbwrapper {
	float: left;
	margin:38px 0px 0px 35px;
	padding: 0;
	width:80px;
	border:0px;
	background:#FFF;
}

#thumbarea {
	margin: 0;
	position:relative;
	overflow:hidden;
	width:80px;
	height:354px;
	
}

#thumbs {
	position:absolute;
	top: 0px;
	left: 0px;
	list-style:none;
	margin: 0px;
	width: 80px;
	height:10000px;
}

#thumbs li {
	margin:0px;
	cursor:pointer;
	text-align: center;
	height: 64px;
	padding: 0 0 7px 0;
}

#thumbs li img {
	padding: 0px;
	margin: 0px auto 0px auto;
	border: 2px solid #FFFFFF;
}

.thumbimageCurrent {
	margin-bottom: 9px;
	border: 1px solid #FF0000;
}

.thumbimage
{
	margin-bottom: 9px;
	border: 1px solid #FFFFFF;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.gwt-GlassPanel {

    /* Override glass panel color to be `green` */
    /* background-color: green !important; */

    /* Override glass panel opacity */
    filter: alpha(opacity = 80) !important; /* IE */
    opacity: 0.8 !important; /* non-IE */

    /*
      NOTE: Please do NOT use either CSS 'width' or 'height' here, as
      this would defeat much of the effort that went into GlassPanel
      in order to get it to work consistently in a variety of
      circumstances. Specifically, please resist the urge to use
      'width/height: 100%' or similar constructs.
    */
}

.zoomImage{
	/* no transparency for zoom image */
    filter: alpha(opacity = 100) !important; /* IE */
    opacity: 1.0 !important; /* non-IE */
    margin: 88px 0 0 175px;
 }
 
 .closeLabel{
 	color: white;
}