body
{
  overflow: hidden !important;

  background-color: #666666;

  color: white;
}

body #PageContainer
{
  overflow: hidden;

  background-color: #666666;
}

#EmbeddedPageContainer
{
  overflow: hidden;

  background-color: black;
}

#Workspace
{
  width: 100%;

  padding: 0;
  margin: 0;
  margin-left: 0;

  overflow: auto;

  text-align: left;
}

.loadingContainer
{
  padding: 0;
  margin: 0;

  color: white;

  background-color: #231F20;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;

  background-image: url( /luna/images/workspace/bg-loading.gif );
  background-repeat: no-repeat;
  background-position: center center;
}

.dropzone
{
  background-color: #484344 ! important;
}

.current
{
  border: 2px ridge #656260 ! important;
}

.imagePanel
{
  width: 50px;
  height: 50px;

  /*background-color: black;*/

  border: 2px solid #1D1C1C;
}

.templatedPanel
{
  width: 50px;
  height: 50px;

  background-color: black;

  border: 2px solid #1D1C1C;
}

.panCursor
{
  cursor: url( /luna/images/workspace/hand.cur ), move;
}

.activePanCursor
{
  cursor: url( /luna/images/workspace/hand-grip.cur ), move;
}

.moveCursor
{
  cursor: move;
}

.activeMoveCursor
{
  cursor: move;
}

.activeAddAnnotationCursor
{
  cursor: url( /luna/images/workspace/addAnnotation.cur ), crosshair;
}

.imageInformationButton
{
  height: 20px;
  width: 20px;

  padding: 0;
  margin: 0;

  display: block;

  background-image: url( /luna/images/workspace/icon-info.gif );
  background-repeat: no-repeat;
}

.showAnnotationButton,
.showAnnotationButton:hover,
.helpButton,
.helpButton:hover,
.imageInformationButton,
.imageInformationButton:hover,
.closeButton,
.closeButton:hover,
.maximizeToFrameButton,
.maximizeToFrameButton:hover,
.addAnnotationButton,
.addAnnotationButton:hover,
.maximizeToContainerButton,
.maximizeToContainerButton:hover,
.thumbnailPannerButton,
.thumbnailPannerButton:hover,
.addImageToWorkspaceButton,
.addImageToWorkspaceButton:hover,
.addMediaToGroupButton,
.addMediaToGroupButton:hover,
.openInFullViewButton,
.openInFullViewButton:hover,
.exitFullViewButton,
.exitFullViewButton:hover,
.rotateButton,
.rotateButton:hover
{
  height: 48px;
  width: 48px;
  padding: 0;
  margin: 0;
  display: block;
}

.thumbnailPannerButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1824px;
}

.thumbnailPannerButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1872px;
}

.maximizeToFrameButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -2688px;
}

.maximizeToFrameButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -2736px;
}

.maximizeToContainerButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1920px;
}

.maximizeToContainerButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1968px;
}

.addAnnotationButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1632px;
}

.addAnnotationButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1680px;
}

.showAnnotationButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1728px;
}

.showAnnotationButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1776px;
}

.helpButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -2496px;
}

.helpButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -2544px;
}

.imageInformationButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -2592px;
}

.imageInformationButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -2640px;
}

.closeButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -816px;
}

.closeButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -816px;
}

.addImageToWorkspaceButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1248px;
}

.addImageToWorkspaceButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1296px;
}

.addMediaToGroupButton
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1344px;
}

.addMediaToGroupButton:hover
{
  background: url('/luna/images/white/luna-sprite.png') 0 -1392px;
}

.openInFullViewButton
{
  background: url('/luna/images/default/luna-sprite-48.png') 0 -1440px;
}

.openInFullViewButton:hover
{
  background: url('/luna/images/default/luna-sprite-48.png') 0 -1488px;
}


.showAnnotationButton0,
.showAnnotationButton0:hover,
.imageInformationButton0,
.imageInformationButton0:hover,
.closeButton0,
.closeButton0:hover,
.maximizeToFrameButton0,
.maximizeToFrameButton0:hover,
.addAnnotationButton0,
.addAnnotationButton0:hover,
.maximizeToContainerButton0,
.maximizeToContainerButton0:hover,
.thumbnailPannerButton0,
.thumbnailPannerButton0:hover,
.addImageToWorkspaceButton0,
.addImageToWorkspaceButton0:hover,
.addMediaToGroupButton0,
.addMediaToGroupButton0:hover,
.openInFullViewButton0,
.openInFullViewButton0:hover,
.exitFullViewButton0,
.exitFullViewButton0:hover,
.rotateButton0,
.rotateButton0:hover
{
  height: 30px;
  width: 30px;
  padding: 0;
  margin: 0;
  display: block;
}

.thumbnailPannerButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -420px;
}

.thumbnailPannerButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -450px;
}

.maximizeToFrameButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -480px;
}

.maximizeToFrameButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -510px;
}

.maximizeToContainerButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -540px;
}

.maximizeToContainerButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -570px;
}

.addAnnotationButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -660px;
}

.addAnnotationButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -690px;
}

.showAnnotationButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -780px;
}

.showAnnotationButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -810px;
}

.imageInformationButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -360px;
}

.imageInformationButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -390px;
}

.closeButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -600px;
}

.closeButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -630px;
}

.addImageToWorkspaceButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -120px;
}

.addImageToWorkspaceButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -150px;
}

.addMediaToGroupButton0
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -180px;
}

.addMediaToGroupButton0:hover
{
  background: url('/luna/images/white/luna-sprite-30.png') 0 -210px;
}

.openInFullViewButton0
{
  background: url('/luna/images/default/luna-sprite-30.png') 0 -840px;
}

.openInFullViewButton0:hover
{
  background: url('/luna/images/default/luna-sprite-30.png') 0 -870px;
}

.exitFullViewButton0
{
  background: url('/luna/images/default/luna-sprite-30.png') 0 -900px;
}

.exitFullViewButton0:hover
{
  background: url('/luna/images/default/luna-sprite-30.png') 0 -930px;
}

.resizerTopRight
{
  width: 20px;
  height: 20px;

  cursor: ne-resize;

  background-image: url( /luna/images/workspace/icon-resizer-top-right.gif );
  background-repeat: no-repeat;
  background-position: top left;
}

.resizerTopLeft
{
  width: 20px;
  height: 20px;

  cursor: se-resize;

  background-image: url( /luna/images/workspace/icon-resizer-top-left.gif );
  background-repeat: no-repeat;
  background-position: top left;
}

.resizerBottomLeft
{
  width: 20px;
  height: 20px;

  cursor: ne-resize;

  background-image: url( /luna/images/workspace/icon-resizer-bottom-left.gif );
  background-repeat: no-repeat;
  background-position: top left;
}

.resizerBottomRight
{
  width: 20px;
  height: 20px;

  cursor: se-resize;

  background-image: url( /luna/images/workspace/icon-resizer-bottom-right.gif );
  background-repeat: no-repeat;
  background-position: top left;
}

.grip
{
  padding: 0;
  margin: 0;

  background-color: #555;

  border: 0 solid white;
}

.controls
{
  /*nothing...yet*/
}

.controls a
{
  width: 15px;
  height: 15px;

  padding-top: 2px;
  padding-bottom: 2px;
  margin: 2px;
  margin-top: 4px;

  display: block;

  overflow: hidden;

  float: left;

  background-position: 0 2px;
  background-repeat: no-repeat;
}

.controls a:hover
{
  background-position: 50% 2px;
}

.controls .active
{
  background-position: 100% 2px;
}

.controls .move
{
  background-image: url( /luna/images/workspace/icon-move.gif );
}

.controls .pan
{
  background-image: url( /luna/images/workspace/icon-pan.gif );
}

.controls .zoomIn
{
  background-image: url( /luna/images/workspace/icon-zoom-in.gif );
}

.controls .zoomOut
{
  margin-left: 5px;
  background-image: url( /luna/images/workspace/icon-zoom-out.gif );
}

.controls .reset
{
  margin-left: 6px;
  background-image: url( /luna/images/workspace/icon-reset.gif );
}

.controls .toggle
{
  background-image: url( /luna/images/workspace/icon-toggle.gif );
  display: none;
}

.controls .grip
{
  margin-left: 4px ! important;

  background-color: #464241;
}

.zoomBox
{
  background-color: black;

  border: 1px dashed white;
}

.slidesPanel
{
  background-color: transparent;

  border: 0px solid #656260;

  z-index: 2;
}

.slidesPanel .closeButton,
.slidesPanel .closeButton:hover,
.slidesPanel .helpButton,
.slidesPanel .helpButton:hover
{
  height: 20px ! important;
  width: 20px ! important;

  padding: 0 ! important;
  margin: 0 ! important;

  display: block ! important;

  border: 0 solid white ! important;
}

.slidesPanel .tab
{
  padding: 0;
  margin: 0;

  background-color: transparent;

  background-image: url( /luna/images/workspace/bg-slides-active-tab.gif );
  background-repeat: no-repeat;
  background-position: 2% 100%;

  cursor: pointer;
  z-index: 1;
}

.slidesPanel .content
{
  padding: 0;
  margin: 0;

  border: 1px solid #656260;
  border-width: 1px;
}

.slidesPanel .presentaionPropertiesContainer
{
  margin-left: 5px;
  margin-top: 10px;

  text-align: left;

  white-space: normal;

  border: 0 solid white;
}

.slidesPanel .presentationPropertiesButton
{
  padding: 0;
  margin: 0;

  color: white;

  background-color: transparent;

  border: 0 solid white;

  font-size: 9px;
  font-weight: normal;

  text-decoration: none;
}

.slidesPanel .presentationPropertiesButton:hover
{
  text-decoration: underline;
}

.slidesPanel .presentaionPropertiesContainer .operationSlideShowButton
{
}

.slidesPanel .presentaionPropertiesContainer .operationCloseButton
{
}

.slidesPanel .presentaionPropertiesContainer .operationCloneButton
{
}


.slidesPanel .presentaionPropertiesContainer .operationDeleteButton
{
}

.slidesPanel .presentaionPropertiesContainer .operationEditButton
{
  /*margin-left: 11px;*/
}

.slidesPanel .presentaionPropertiesContainer .operationKeynoteButton
{
}

.slidesPanel .presentaionPropertiesContainer .operationPPButton
{
  /*margin-left: 18px;*/
}

.slidesPanel .presentaionPropertiesContainer .operationSlideShowButton
{
  /*margin-left: 18px;*/
}

.slidesPanel .presentaionPropertiesContainer a
{
  /*padding: 2px;*/
  padding: 1px 8px 1px 8px;
  margin: 0 2px 0 2px;

  line-height: 20px;
  vertical-align: middle;

  color: #D2D2D2;

  text-align: left;

  /*border: 1px solid #656260;*/

  font-size: 11px;
  font-weight: bold;

  text-decoration: none;

  white-space: normal;
}

.slidesPanel .presentaionPropertiesContainer a:hover
{
  color: white;

  border-color: #706157;

  background-color: #2F2B28;
}

.slidesPanel h1
{
  height: 20px;

  display: inline;

  margin: 0;
  padding: 0;
  padding-left: 5px;

  line-height: 16px;
  vertical-align: middle;

  color: white;

  border: 0 solid #656260;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
  font-weight: normal;
}

.slidesPanel h2
{
  height: 20px;

  margin: 0;
  margin-top: 5px;
  padding: 0;
  padding-left: 5px;

  line-height: 16px;
  vertical-align: middle;

  color: white;

  border: 1px solid #656260;
  border-width: 0 0 1px 0;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
  font-weight: normal;
}

.slidesPanel select
{
  margin: 3px 0 0 3px;

  color: black;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.slidesPanel select option
{
  color: black;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.slidesPanel .operationsContainer
{
  padding: 0;
  margin: 5px 0 15px 0;

  text-align: center;
}

.slidesPanel .propertiesContainer
{
  padding: 0;
  padding-bottom: 10px;
  padding-top: 5px;
  margin: auto;
  margin-top: 10px;

  text-align: right;

  border: 1px dotted #656260;
  border-width: 1px 0 1px 0;
}

.slidesPanel .propertiesContainer p
{
  padding: 0;
  margin: 3px 0 5px 0;

  color: white;

  text-align: left;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.slidesPanel .propertiesContainer textarea
{
  height: 100px;

  overflow: auto;

  padding: 0;
  margin: 0;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.slidesPanel .operationsContainer .propertiesContainer a
{
  padding: 2px;
  margin: auto;
  margin-top: 5px;

  display: block;
  width: 40px;
  height: 12px;

  line-height: normal;

  overflow: hidden;
  float: right;

  color: #C0C0C0;

  background-color: #807367;

  border: 1px solid #ADAAA7;

  font-size: 10px;
  font-weight: bold;

  text-decoration: none;

  white-space: nowrap;

  text-align: center;
}

.slidesPanel .operationsContainer .propertiesContainer a:hover
{
  color: white;
  border-color: white;
}

.slidesPanel a:hover
{
  color: white;
  border-color: white;
}

.slidesPanel .slidesContainer
{
  padding: 0;
  margin: 0;

  border: 1px solid #656260;
  border-width: 1px 0 0 0;
}

.slidesPanel .slidesContainer .slide
{
  margin: 2px 5px 2px 5px;

  float: left;

  text-align: center;
}

.slidesPanel .slidesContainer .slide .slideComposite
{
  margin: 0 0 5px 0;
}

.slidesPanel .slidesContainer .slide .slideComposite img
{
  background-color: #333;
}

.slidesPanel .slidesContainer .slide span
{
  display: block;

  line-height: 15px;
  vertical-align: middle;

  margin: 0;
  margin-bottom: 1px;

  font-size: 10px;

  text-align: center;
}

.slidesPanel .slidesContainer .slide .cloneButton
{
  padding: 0px 8px 0px 8px;

  line-height: 16px;
  vertical-align: top;

  background-color: transparent;
  background-image: url( /luna/images/workspace/icon-clone-slide.gif );
  background-repeat: no-repeat;
  background-position: 50% 30%;

  border: 0 solid white;

  text-decoration: none;
  
  display: inline-block;
  width: 20px;
  height: 25px;
}

.slidesPanel .slidesContainer .slide .deleteButton
{
  padding: 0px 8px 0px 8px;

  line-height: 16px;
  vertical-align: top;

  background-color: transparent;
  background-image: url( /luna/images/workspace/icon-delete-slide.gif );
  background-repeat: no-repeat;
  background-position: 50% 30%;

  border: 0 solid white;

  text-decoration: none;
  
  display: inline-block;
  width: 20px;
  height: 25px;
}


.slidesPanel .slidesContainer .slide .reorderLeftButton
{
  padding: 0px 8px 0px 8px;

  line-height: 16px;
  vertical-align: top;

  background-color: transparent;
  background-image: url( /luna/images/workspace/icon-move-slide-left.gif );
  background-repeat: no-repeat;
  background-position: 50% 30%;

  border: 0 solid white;

  text-decoration: none;
  
  display: inline-block;
  width: 20px;
  height: 25px;
}

.slidesPanel .slidesContainer .slide .reorderRightButton
{
  padding: 0px 8px 0px 8px;

  line-height: 16px;
  vertical-align: top;

  background-color: transparent;
  background-image: url( /luna/images/workspace/icon-move-slide-right.gif );
  background-repeat: no-repeat;
  background-position: 50% 30%;

  border: 0 solid white;

  text-decoration: none;
  
  display: inline-block;
  width: 20px;
  height: 25px;
}

.presentationControls a
{
  padding: 1px 4px 1px 4px;
  margin: 0 2px 0 2px;
  
  text-align: right;
  font-size: 10px;
  color: white;

  line-height: 20px;
  text-decoration: none;
  
  float: left;
}

.presentationControls a.nextButton,
.presentationControls a.previousButton,
.presentationControls a.jumpToLastSlide,
.presentationControls a.jumpToFirstSlide
{
  padding: 0;
  width: 23px;
  height: 23px;
}


.presentationControls .saveButton,
.presentationControls .editButton,
.presentationControls .createButton
{
}

.presentationControls .nextButton
{
  background: url('/luna/images/default/luna-sprite-23.png') 0 -46px;
}

.presentationControls .nextButton:hover
{
  background: url('/luna/images/default/luna-sprite-23.png') 0 -69px;
}

.presentationControls .previousButton
{
  background: url('/luna/images/default/luna-sprite-23.png') 0 0px;
}

.presentationControls .previousButton:hover
{
  background: url('/luna/images/default/luna-sprite-23.png') 0 -23px;
}

.presentationControls .jumpToLastSlide
{
  background: url('/luna/images/default/luna-sprite-23.png') 0 -184px;
}

.presentationControls .jumpToLastSlide:hover
{
  background: url('/luna/images/default/luna-sprite-23.png') 0 -207px;
}

.presentationControls .jumpToFirstSlide
{
  background: url('/luna/images/default/luna-sprite-23.png') 0 -230px;
}

.presentationControls .jumpToFirstSlide:hover
{
  background: url('/luna/images/default/luna-sprite-23.png') 0 -253px;
}

.dimmerContainer
{
  background-color: black;
}

.slideDialogContainer
{
  width: 300px;

  padding: 10px 0 10px 0;
  margin: auto;

  background-color: #232323;

  text-align: center;

  border: 1px solid #4B4B4B;
}

.slideDialogContainer p
{
  width: 275px;

  padding: 0;
  margin: auto;

  font-size: 10px;
}

.slideDialogContainer a
{
  padding: 2px 3px 2px 3px;
  margin: 0 3px 0 3px;

  color: white;

  background-color: #807367;

  border: 1px solid #ADAAA7;

  font-size: 11px;
  font-weight: normal;

  text-decoration: none;
}

.slideDialogContainer textarea
{
  width: 220px;
  height: 150px;

  padding: 0;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 10px;

  display: block;
}

.imagesPanel
{
  padding: 0;
  margin: 0;
}

.imagesPanel .closeButton,
.imagesPanel .closeButton:hover,
.imagesPanel .helpButton,
.imagesPanel .helpButton:hover
{
  height: 20px ! important;
  width: 20px ! important;

  padding: 0 ! important;
  margin: 0 ! important;

  display: block ! important;

  border: 0 solid white ! important;
}



.imagesPanel .tab
{
  padding: 0;
  margin: 0;

  background-image: url( /luna/images/workspace/tab-media-active.gif );
  background-position: 2% 100%;
  background-repeat: no-repeat;
}

.imagesPanel .content
{
  padding: 0;
  margin: 0;
}

.imagesPanel .content h1
{
  height: 10px;

  margin: 0;
  padding: 0;
  padding-left: 5px;
  line-height: 16px;
  vertical-align: middle;

  color: white;

  background-color: #231F20;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
  font-weight: bold;
}

.imagesPanel .operationsContainer
{
  padding: 8px 0 8px 0;
  margin: 0;
}

.imagesPanel .operationsContainer a
{
  padding: 2px;
  margin: auto;

  color: #C0C0C0;

  background-color: #807367;

  border: 1px solid #ADAAA7;

  font-size: 10px;
  font-weight: bold;

  text-decoration: none;

  white-space: nowrap;

  text-align: center;
}

.imagesPanel .operationsContainer a:hover
{
  border-color: white;
}

.imagesPanel .operationsContainer p
{
  padding: 0;
  margin: 0 5px 0 5px;

  text-align: left;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.imagesPanel .operationsContainer input
{
  width: 180px;

  margin-right: 5px;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.imagesPanel .operationsContainer select
{
  margin-right: 10px;
  color: black;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.imagesPanel .operationsContainer select option
{
  color: black;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.imagesPanel .operationsContainer a.closeButton,
.slidesPanel .content a.closeButton
{
  width: 20px;
  height: 20px;

  padding: 0;
  margin: 0;

  display: inline;

  background: url(/luna/images/blue/icon-close.gif );
  background-repeat: no-repeat;
}

.imagesPanel .imagesContainer
{
  padding: 0;
  margin: 0;
}

.savePresentation
{
  width: 17px;
  height: 17px;

  padding: 0;

  display: block;

  background-image: url( /luna/images/workspace/icon-save.gif );
  background-position: top left;
  background-repeat: no-repeat;

  border: 0 solid white;
}

.mediaItem
{
  width: 96px;
  height: 96px;

  margin: 5px;

  padding: 5px;

  overflow: hidden;
  
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #454240;
}

.slideComposite
{
  margin: auto;
  margin-bottom: 10px;

  overflow: hidden;

  background-color: black;
  border: 2px solid #454240;
}

.slideComposite div
{
  /*background-repeat: no-repeat;  */
}

.placeHolder
{
  background-color: transparent;
}

.sliderSegment
{
  cursor: pointer;

  background-image: url( /luna/images/workspace/slider-segment.gif );
  background-repeat: no-repeat;
}

.sliderIncrement
{
  width: 17px;

  cursor: pointer;

  background-image: url( /luna/images/workspace/slider-up.gif );
  background-repeat: no-repeat;
}

.sliderDecrement
{
  width: 17px;

  cursor: pointer;

  background-image: url( /luna/images/workspace/slider-down.gif );
  background-repeat: no-repeat;
}

.slider
{
  width: 9px;

  cursor: pointer;

  background-image: url( /luna/images/workspace/slider.gif );
  background-repeat: no-repeat;
}

.imagePanelInformation
{
  color: white;

  background-color: #4E5151;

  border: 1px solid #656260;
}

.imagePanelInformation .imagePanelInformationHeader
{
  height: 47px;

  margin: 0;
  padding: 0;

  line-height: 47px;
  vertical-align: middle;

  color: #CAC2B7;

  background-color: #4E5151;

  border: 1px solid #656260;
  border-width: 0 0 1px 0;

  font: bold 13px verdana;
}

.imagePanelInformation .imagePanelInformationHeader span
{
  line-height: 47px;
  margin-left: 18px;
}
.imagePanelInformation table
{
  margin: 0;
  padding: 0;
}

.imagePanelInformation table tr td
{
  margin: 0;
  padding: 3px 5px 3px 0;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 10px;
}

.imagePanelInformation table tr td a,
.imagePanelInformation table tr td a:visited,
.imagePanelInformation table tr td a:hover,
.imagePanelInformation table tr td a:active
{
  color: #574B45;
}

.imagePanelInformation table tr td em
{
  width: 100%;

  padding: 0;
  margin: 0;

  display: block;

  text-align: left;

  font-weight: bold;
  font-style: normal;
}

.imagePanelInformation table tr td.fieldGrpHeader
{
   background-color: #9E9E9E;
   margin : 5px 0 0 0;
   padding: 3px;
   font-weight : bold;
}

.imagePanelInformation div.fieldExpanded a,
.imagePanelInformation div.fieldCollapsed a,
#InfoTable a.fieldCollapsed,
#InfoTable a.fieldExpanded
{
  width: 15px;
  height: 15px;

  padding: 0 ! important;
  margin: 0 ! important;

  display: inline-block;

  background-image: url( /luna/images/default/icon-arrow3.png );
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  
  vertical-align: middle;
}

.imagePanelInformation div.fieldCollapsed a,
#InfoTable a.fieldCollapsed
{
  background-position: top right;
}

.imagePanelInformation .resizerRight
{
  width: 20px;
  height: 20px;

  cursor: se-resize;

  background-image: url( /luna/images/workspace/icon-resizer-bottom-right.gif );
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

.imagePanelInformation .resizerLeft
{
  width: 20px;
  height: 20px;

  cursor: ne-resize;

  background-image: url( /luna/images/workspace/icon-resizer-bottom-left.gif );
  background-repeat: no-repeat;
  background-position: -2px 2px;
}

.thumbnailPanner
{
  background-color: #231F20;

  border: 2px ridge #656260;
}

.panBox
{
  background-color: black;

  border: 1px dashed white;
  border-width: 1px;
}

#ReturnFromWorkspace
{
  margin: 0;
  padding: 0;

  position: absolute;
  top: 5px;
  right: 415px;

  color: white;

  text-decoration: none;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 9px;

  z-index: 99999;
}

#EmbedThis
{
  margin: 0;
  padding: 0;

  position: absolute;
  top: 5px;
  right: 500px;

  color: white;

  text-decoration: none;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 9px;

  z-index: 99999;
}

#ShareThis
{
  margin: 0;
  padding: 0;

  position: absolute;
  top: 5px;
  right: 450px;

  color: white;

  text-decoration: none;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 9px;

  z-index: 99999;
}

#ViewHelp
{
  margin: 0;
  padding: 0;

  position: absolute;
  top: 5px;
  right: 550px;

  color: white;

  text-decoration: none;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 9px;

  z-index: 99999;
}

/* .embedded MUST BE THE SAME AS IN DEFAULT CSS FOR THE EMBEDDED PAGE */
.embedded a,
.embedded a:visited,
.embedded a:active
{
  margin: 0;
  padding: 0;

  line-height: 12px;
  vertical-align: top;

  top: 5px;
  right: 5px;

  color: #D1C6BE;

  text-decoration: none;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 12px;
}

.embedded a:hover
{
  text-decoration: underline;
}

.shareThis
{
  width: 360px;
  /*height: 55px;*/

  padding: 5px;
  margin: 0;

  overflow: hidden;

  color: white;

  background-color: #2A2A2A;
  border: 1px solid black;

  z-index: 13000;
}

.shareThis p
{
  width: 345px;

  margin: 0;
  padding: 5px 0 5px 0;

  color: white;

  text-align: left;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 11px;
}

.shareThis input
{
  width: 355px;
  height: 16px;

  margin: 0;
  padding: 0;

  color: black;

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 11px;
}

.shareThis a
{
  /*width: 14px;*/
  /*height: 14px;*/

  padding: 0;
  margin: 0;

  display: block;

  background-image: url(/luna/images/workspace/icon-operation-close.gif );
  background-repeat: no-repeat;
}

#waitMessageContainer{
  position: absolute; left: 0px; top: 0px; 
  display: none; 
  visibility: hidden; 
  background-color: yellow; 
  color: black; 
  margin: 0px; 
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 12px;
  height: 22px;
}
span > div#waitMessageContainer {
  position: fixed;
}

#AnnotationColorMenu ul .item
{
  width:296px;
}

#AnnotationColorMenu ul:hover .item
{
  /*padding:0 0 2px;*/
  text-align:left;
  cursor: pointer;
}

#AnnotationColorMenu li:hover,
#AnnotationColorMenu li.hover
{
  text-decoration:none;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 12px;
  width:100%;
}

#AnnotationColorMenu ul
{
  float:left;
  margin:0px;
  padding:2px;
  list-style:none;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 12px;
  background: #EEEEEE;
}

#Annotation .annotationMarker
{
  width:17px;
  height:17px;
  background-image:url('/luna/images/default/annotation.gif');
  background-repeat:no-repeat;
}

#Annotation .annotationExpandedContainer .annotationControlsContainer a
{
  float:left;
  margin-top:2px;
  cursor:pointer;
}

#Annotation .annotationExpandedContainer .annotationControlsContainer .annotationCloseButton
{
  float:right;
  margin-top:0px;
}

#Annotation div.annotationExpandedContainer
{
  position: absolute;
  border:solid 2px;
}

#Annotation .annotationExpandedContainer div.annotationGroupList ,
#Annotation .annotationExpandedContainer div.annotationColorList 
{
  background-color:#EEEEEE;
  color:black;
  clear:both;
  width:100%;
  height:200px;
  font:12px Verdana, Tahoma, Arial, Helvetica;
}

#Annotation .annotationExpandedContainer div.annotationControlsContainer,
#Annotation .annotationExpandedContainer div.annotationEditableContainer,
#Annotation .annotationExpandedContainer div.annotationMessageContainer
{
  float:left;
  width:100%;
  clear:both;
}

#Annotation .annotationExpandedContainer .annotationEditableContainer textarea
{
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 12px;
  width:100%;
  height:200px;
  border:none;
  margin:0px;
}

#Annotation .annotationExpandedContainer div.annotationReadOnlyContainer,
#Annotation .annotationExpandedContainer div.annotationMessageContainer
{
  clear:both;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 12px;
  width:100%;
  max-height:450px;
  background-color:#FFFFFF;
  color:#000000;
  overflow-y:auto;
  overflow-x:hidden;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.90;
}

#Annotation .annotationExpandedContainer div.annotationMessageContainer
{
  height:200px;
}

.tinyUrlButton
{
  margin: 2px;
  padding: 0 4px;
  width: 65px;

  color: white;

  /*line-height: 20px;*/
  vertical-align: baseline;
  white-space: normal;

  text-decoration: none;
  font-weight: bold;

  font-size:11px;

  background-color: #807367;

  border: 1px solid #9F9B98;

  cursor: pointer;
}

#InfoTable
{
  background-color: #CAC2B7;
}

#InfoTable .valueFieldDisplayNameTD
{
  font: bold 13px verdana;
  padding: 5px 5px 5px 18px;
}

#InfoTable .fieldGrpHeader
{
  font: bold 13px verdana;
  padding: 5px 5px 5px 18px;
}

#InfoTable .valueValueTD
{
  padding: 5px 5px 5px 18px;
  width: 100% !important;
  color: #474B45;
  font: normal 13px verdana;
}

#Workspace .imagePanel.current img,
#Container .imagePanel.current img{
 

    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;

}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#Workspace .imagePanel.current.panCursor img,
#Workspace .imagePanel.current.activePanCursor img,
#Container .imagePanel.current.panCursor img,
#Container .imagePanel.current.activePanCursor img{
 
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;

}