/** Add css rules here for your application. */



/*
.centralPanel {
	scrollbar-base-color: #9999cc;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #ccccff;

	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black;
	scrollbar-darkshadow-color: gray;

	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
}
*/
/*
.leftPanel {
	scrollbar-base-color: #9999cc;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #ccccff;

	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black;
	scrollbar-darkshadow-color: gray;

	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
}
*/
#loading {
  position: absolute;
  left: 45%;
  top: 40%;
  margin-left: -45px;
  padding: 2px;
  z-index: 20001;
  height: auto;
  border: 1px solid #ccc;
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;	
  filter:alpha(opacity=80);
}
 
#loading a {
  color: #225588;
}
 
#loading .loading-indicator {
  background: white;
  color: #444;
  font: bold 13px tahoma, arial, helvetica;
  padding: 10px;
  margin: 0;
  height: auto;
}
 
#loading .loading-indicator img {
  margin-right:8px;
  float:left;
  vertical-align:top;
}
 
#loading-msg-header {
  font: bold 12px arial, tahoma, sans-serif;
}
#loading-msg {
  font: normal 10px arial, tahoma, sans-serif;
}
	
.TooltipPopup {position: absolute; 
       z-index: 100;
       border: 0pt black dashed; 
       background: yellow; 
       -moz-opacity:0.5;
	   -khtml-opacity: 0.5;
	   opacity: 0.5;	
	   filter:alpha(opacity=50);
	   background: url("/idocs-base/images/imageviewer/ttip.png");
	   backgroundRepeat: no-repeat;
	   backgroundPosition: top center;
	   height: 30px;
	   text-align: center; 
}



.footer{
  padding: 0px;
  background-color: #efebe7;
  border: 0px solid #faf9f7;
  border-right: 0px solid #848280;
  border-bottom: 0px solid #848280;
  cursor: pointer;
  text-align: center; 
}

.header{
  padding: 0px;
  background-color: #efebe7;
  border: 0px solid #faf9f7;
  border-right: 0px solid #848280;
  border-bottom: 0px solid #848280;
  cursor: pointer;
  text-align: center; 
}
	
.imgGallery {
  padding: 0px;
  background-color: #efebe7;
  border: 0px solid #faf9f7;
  border-right: 0px solid #848280;
  border-bottom: 0px solid #848280;
  cursor: hand;
}

.fullView {
	cursor: hand;
	z-index: 10;
	background: none;
}

.thumbnailList{
}

.thumbnailListItem{
}

.thumbnail{
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	
	filter:alpha(opacity=100);
}


.thumbnailSelected{
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;	
	filter:alpha(opacity=30);

}