body
{
  color: #57595A;

  background-color: white;

  font-family: Verdana, Tahoma, Arial, Helvetica;

  overflow: auto ! important;
}
#CollapsibleBars,
#CollapsibleDots
{
  background-color: #EFEFEF;
}
#CollapsibleBars i,
#CollapsibleDots i
{
  color:#737373;
}

/* Turn on custom 8px wide scrollbar */
::-webkit-scrollbar {
width: 8px; /* 1px wider than Lion. */
/* This is more usable for users trying to click it. */
background-color: #EFEFEF;;
-webkit-border-radius: 100px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
background-color: rgba(0, 0, 0, 0.09);
}
/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
/* This is the EXACT color of Mac OS scrollbars.
Yes, I pulled out digital color meter */
background: #cccccc;
-webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:vertical:active {
background: rgba(0,0,0,0.61); /* Some darker color when you click it */
-webkit-border-radius: 100px;
}

#navbar li {
  background-color: transparent;
  font: normal 13px verdena;
  color: #57595A;
}

#navbar li.menuHeader {
  color: #393A3B;
  /*border-top: 1px solid #BCBEC0;*/
  font: bold 13px verdana;
}

#navbar li ul,
#QuickSearch .advanceMediaSearchContainer
{
  border-style:solid;
  border-width:1px;
  border-color:#D5D7D8;
}

#navbar li:hover li a, 
#navbar li.hover li a,
#navbar li.touchShow a
{
  color: #393A3B;
  font: bold 13px verdana;
}

#navbar li li.menuLastItem a
{
  color: white;
  line-height: 48px;
}

#navbar li:hover li.menuLastItem:hover a
{
  /*color: #393A3B;*/
}

#navbar li:hover a + ul
{
  background: white;
}

#navbar .tools
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -192px;
}

#navbar .tools:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -240px;
}

#navbar .settings
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -288px;
}

#navbar .settings:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -336px;
}

#navbar .menuLastItem
{
  background-color: #ABABAB;
}
 
.dropDownLastItem #AdvanceSearchButton{ color: inherit }

#ToolsMenu li:hover
{
  background-color: #EFEFEF;
  cursor: pointer;
}

#SettingsMenu li.menuLastItem:hover
{
  background-color: #888888;
  transition: 0.1s;
  cursor: pointer;
}

#SettingsMenu li.menuHeader.menuLastItem:hover
{
  background-color: #888888;
  transition: 0.1s;
  cursor: pointer;
}

#SettingsMenu li label:hover
{
  background-color: #EFEFEF;
  transition: 0.1s;
  cursor: pointer;
}

#SettingsMenu li.menuLastItem label:hover
{
  background-color: #888888;
  transition: 0.1s;
  cursor: pointer;
}

.upPointer
{
  background: url('/luna/images/modern/luna-sprite.png') 0 -2401px;
}

#Header
{
  background-color: #FFFFFF;
}

#Header .dropDownLastItem span a
{
  color: #ffffff;
}

#HeaderLink
{
  background-color: transparent;
}

#HeaderLogo, #MenubarContainer
{
  color: #4e5151;

  /*text-align: right;*/

  font-size: 11px;
}

#HeaderLogo div
{
  /*background-color: transparent;*/
}

#HeaderLogo div span,
#MenubarContainer div span
{
  color: #737373;
}

#HeaderLogo div a,
#MenubarContainer div a
{
  color: #737373;
  text-decoration: none;
  font: normal 12px verdana;
}

#HeaderLogo div a:hover,
#MenubarContainer div a:hover
{
  text-decoration: underline;
}

#navbar li a:hover {
  text-decoration:none;
}

/*.headerLine
{
  border-top-color: #D5D7D8;
}*/

.pageTitle
{
  /*padding: 3px 0 3px 0;
  margin: 5px 15px 2px 15px;*/
  
  color: #4E5151;
  font: bold 16px verdana;

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

.introductionText, .widgetControlButtons
{
  padding-top: 10px;
  padding-bottom: 10px !important;
  margin-left: 3px;
  font-size: 11px;
  font-weight: normal !important;
  padding-left: 12px;
  padding-right: 15px;
}

.widgetControlButtons button
{
  margin-left: 10px;
}

.introductionText a,
.introductionText a:active,
.introductionText a:visited
{
  color:#939393;
  text-decoration: none;
  font-weight: bold;
}
.introductionText a:hover
{
  text-decoration: underline;
}

.introductionTextOrganizeMedia
{
  padding-top: 10px;
  padding-bottom: 10px !important;
  margin-left: 3px;
  font-size: 13px;
  font-weight: normal !important;
  padding-left: 12px;
  padding-right: 15px;
}

.anchorButton,
.updateButton
{
  padding: 0px 5px 3px 5px;
  line-height: 1.5em;
  vertical-align: top;

  color: #EFEFEF;

  text-decoration: none;

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

  background-color: #807367;

  border: 1px solid #AAAAAA;
  border-top-color: #ADAAA7;
  cursor: pointer;

  width: 70px;
  height: 2em;
}

.advancedSearchButtonBottom,
.advancedSearchButtonTop
{
  width: auto;
  height: 20px;

  padding: 0px 3px 0px 3px;

  color: #EFEFEF;

  background-color: #807367;

  border: 1px solid #ADAAA7;

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

  text-decoration: none;
}

.advancedSearchButtonTop
{
  margin-left: 0px;
  position: relative;
  top: 1px;
}

.advancedSearchButtonBottom
{
   position: relative;
   top: -31px;
}

#SuggestionBoxInstruction
{
  width: 450px;

  display: block;

  position: relative;
  top: 13px;
  left: 235px;

  text-align: right;


  font-size: 10px;
}

#QuickSearch
{
  color: #CDCDCD;
  background-color: #FFFFFF;
  background-position: 3px 0;
  background-repeat: no-repeat;
}

#QuickSearch a,
#QuickSearch a:active,
#QuickSearch a:visited
{  
  line-height: 12px;
  color: #393A3B;
  /*font-size: 13px;*/
  font-weight: bold;
}

#QuickSearch a:hover
{
  text-decoration: none;
}

#QuickSearch form
{
  background-color: #FFFFFF;
}

#QuickSearch .quickSearchBox div ul
{
  background-color: white;
}

#QuickSearch form .submitButton
{
  border: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -576px #6b2c91;
}

#QuickSearch form .submitButton:hover
{
  background-color: #9c9c9d;
}


#QuickSearch .quickSearchBox div + ul li.dropDownLastItem
{
  background-color: #ABABAB;
}

#QuickSearch .quickSearchBox div + ul li.dropDownLastItem:hover
{
  background-color: #888888;
  transition: 0.1s;
}

#QuickSearch .quickSearchBox div + ul li.dropDownLastItem:hover span a
{
  color: #EFEFEF;
}

#MainNavSubmenus li a,
#navbar li label,
#SearchOptionMenu li label,
#SearchOptionMenu li a
{
  display: block;
  color: #555657;
  font: normal 13px verdana;
  line-height: 40px;
  background-color: transparent;
  text-decoration: none;
}

#MainNavSubmenus li ul li a
{
  color: #555657;
}

#MainNavSubmenus > li > a:hover
{
  color: #A2A0A0;
}

#MainNavSubmenus > li > a.selected
{
  color: #0F0E10;
}

#MainNavSubmenus > li > a,
#MainNavSubmenus .topLink a
{
  border-top: 3px;
  border-top-style: solid;
  border-top-color: white;
font-size: 18px;
    font-weight: 10;


}

#MainNavSubmenus > li > a:not(.browserForward):not(.browserBack):not(.collectionList):not(.categories):hover, 
#MainNavSubmenus > li > a:not(.collectionList):not(.categories).selected,
#MainNavSubmenus .topLink a:not(.browserForward):not(.browserBack):not(.collectionList):not(.categories):hover, 
#MainNavSubmenus .topLink a:not(.collectionList):not(.categories).selected
{
  border-top: 3px;
  border-top-style: solid;
  border-top-color: #6b2c91;
  transition: .25s ease;
  transition-property: border-top;

}
	
#navbar_stage ul#navbar li ul
{
  background-color: white;
}

#MainNavSubmenus ul.mainNavDropDown, #SearchOptionMenu
{
  border: 1px solid #BCBEC0;
  background-color: white;
}

/*#MainNavSubmenus ul.mainNavDropDown li a:hover*/
#MainNavSubmenus a:hover
{
  color: #A2A0A0;
}

#MainNavSubmenus ul.mainNavDropDown li a.selected
{
  font-weight: bold;
  color: #393A3B;
}

#MainNavSubmenus li ul li a,
#MainNavSubmenus li ul li .noSubmenu,
#MainNavSubmenus .dropdown-menu
{
  background-repeat: no-repeat;
  background-position: 3px 50%;
  background-color: white;
}


#HomeSub li a.selected
{
  /*background-image: url( /luna/images/modern/collection_icon.gif);*/
}

/*
#MainNavSubmenus li ul li #MainNavPresentationIcon
{
  background-image: url( /luna/images/modern/icon-presentation-01.gif);
}

#MainNavSubmenus li ul li #MainNavGroupIcon
{
  background-image: url( /luna/images/modern/icon-group.gif);
}

#MainNavSubmenus li ul li #MainNavWorkSpaceIcon
{
  background-image: url( /luna/images/modern/icon-workspace.gif);
}

#MainNavSubmenus li ul li #MainNavBrowseByCategoryIcon
{
  background-image: url( /luna/images/modern/icon-browseByCategory-01.gif);
}

#MainNavSubmenus li ul li #MainNavAddExternalMediaIcon
{
  background-image: url(/luna/images/modern/icon-onlineMedia-01.gif);
}

#MainNavSubmenus li ul li #MainNavBrowseAllIcon
{
  background-image: url( /luna/images/modern/icon-browseAll-01.gif);
}
#MainNavSubmenus li ul li #MainNavExternalMediaIcon
{
  background-image: url( /luna/images/modern/icon-onlineMedia-01.gif);
}
#MainNavSubmenus li ul li #MainNavMyMediaIcon
{
  background-image: url( /luna/images/modern/icon-MyMedia.gif);
}
*/

#MainNavSubmenus li ul li a.selected
{
  border-color: #453E37;
  background-repeat: no-repeat;
  background-position: 3px 50%;

  white-space: nowrap;
}

#MainNavSubmenus a.browserForward,
#MainNavSubmenus a.browserForward:active,
#MainNavSubmenus a.browserForward:visited,
#MainNavSubmenus a.browserBack,
#MainNavSubmenus a.browserBack:active,
#MainNavSubmenus a.browserBack:visited,
#MainNavSubmenus a.collectionList,
#MainNavSubmenus a.collectionList:active,
#MainNavSubmenus a.collectionList:visited,
#MainNavSubmenus a.categories,
#MainNavSubmenus a.categories:active,
#MainNavSubmenus a.categories:visited
{
  background-color: white;
  float: left;
  width: 48px;
  line-height: 48px;
}

#HomeSub .collectionList,
#HomeSub .categories
{
  background-color: white;
  float: right;
  width: 48px;
  height: 48px;
  line-height: 48px;
  zoom:0.7;
}

#MainNavSubmenus a.browserBack
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -100px;
}

#MainNavSubmenus a.browserForward
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -4px;
}

#MainNavSubmenus a.browserBack:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -148px;
}

#MainNavSubmenus a.browserForward:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -52px;
}

#MainNavSubmenus a.collectionList,
#HomeSub .collectionList
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -2978px;
}

#MainNavSubmenus a.collectionList:hover,
#MainNavSubmenus a.collectionList.selected,
#HomeSub a:hover .collectionList
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -3026px;
}

#MainNavSubmenus a.categories,
#HomeSub .categories
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -2882px;
}

#MainNavSubmenus a.categories:hover,
#MainNavSubmenus a.categories.selected,
#HomeSub a:hover .categories
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -2930px;
}

#DefaultGroupMenu
{
  float:right;
}

#DefaultGroupMenu ul .item
{
  display:none;
  background:#EAEAEA;
}

#DefaultGroupMenu ul:hover .item
{
  display:block;
  background:#EAEAEA;
  border:1px solid #453E37;
  padding:0 0 2px;
  text-align:left;
  cursor: pointer;
  color:#AAAAAA;
}

/* for IE6 */
#DefaultGroupMenu ul.hover .item
{
  display:block;
  background:#EAEAEA;
  border:1px solid #453E37;
  padding:0 0 2px;
  text-align:left;
  cursor: pointer;
  color:#AAAAAA;
  width:150px;
}

#DefaultGroupMenu ul.hover .top
{
  display:block;
  background:transparent;
  border:0px solid #453E37;
  padding:0 0 2px;
  cursor: pointer;
  width:150px;
  float:right;
  text-align:right;
}

#DefaultGroupMenu li:hover,
#DefaultGroupMenu li.hover
{
  text-decoration:none;
}

#DefaultGroupMenu ul
{
  z-index:100001;
  right:342px;
  position:absolute;
  float:left;
  margin:0px;
  padding:2px;
  list-style:none;
  overflow-x:hidden;
  overflow-y:auto;
  max-height:250px;
}

#DefaultGroupIntro
{
  padding: 3px 0px 0px 0px;
  position:absolute;
  right:362px;
}

#SponsorsContainer
{
  background-color: #353535;
}

#Sponsors
{
  width: 132px;

  display: block;
  overflow: hidden;

  border-left: 1px solid #3D404A;
  border-right: 1px solid #3D404A;
  border-bottom: 1px solid #3D404A;

  text-align: center;
  background-color: #353535;
}

#Sponsors .header
{
  height: 20px;
  background-image: url( /luna/images/modern/bg-media-info.gif );
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #575A67;

  overflow:hidden;
}

#Sponsors .header h1
{
  padding: 0;
  margin: 0;

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

  color: #B7BBCA;

  text-align: center;

  font-size: 10px;
  font-weight: normal;
}

#Content
{
  background-color: white;
}

#MediaViewContainer
{
  color: #EFEFEF;
}

#Footer
{
  padding: 0;
  margin: 0;
}

#Footer blockquote
{
  margin: 0;
  padding: 0;
  padding-left: 15px;
  padding-bottom: 5px;

  color: #BBBBBB;

  font-size: 10px;
}


#ThumbnailViewContainer
{
  font-family: Verdana, Tahoma, Arial, Helvetica;
}

#ThumbnailViewContainer .refineButtonContainer
{
  color: #EFEFEF; 
  font: bold 13px verdana;
}

#ThumbnailViewContainer .refineButton
{
  background-color: #4E5151;
}

#ThumbnailViewContainer .refineButtonIcon
{
  background: url('/luna/images/modern/luna-sprite.png') 0 -2448px;
}

#ThumbnailViewContainer .error
{
  font-size: 12px;
  margin-left: 18px;
}

#ThumbnailContainer,
#OnlineMediaExternalContainer
{
  color: #EFEFEF;
  background-color: white;
}

#ThumbnailContainer .resolution0 a,
#ThumbnailContainer .resolution0 a:active
#ThumbnailContainer .resolution0 a:visited
{
  padding: 0;
  text-align: center;  
  color: #FFFFFF;
  text-decoration: none;
}

#ThumbnailContainer .resolution1 a,
#ThumbnailContainer .resolution1 a:active,
#ThumbnailContainer .resolution1 a:visited
{
  padding: 0;
  text-align: center;  
  color:#FFFFFF;
  text-decoration: none;
}

#ThumbnailContainer .resolution2 a,
#ThumbnailContainer .resolution2 a:active,
#ThumbnailContainer .resolution2 a:visited
{
  padding: 0;
  text-align: center;
  color:#FFFFFF;
  text-decoration: none;
}

#ThumbnailContainer .thumbnailItem a,
#ThumbnailContainer .thumbnailItem a:visited,
#ThumbnailContainer .thumbnailItem a:active
{
  text-decoration: none;
  border: 0 solid white;
}

#ThumbnailContainer .thumbnailItem img:not(.fragment)
{
  padding-bottom: 4px;
  margin: auto;
  border: 0px solid white;
}

#ThumbnailContainer .thumbnailLabel0
{
  color: #302E2F;
  font: bold 12px verdana;
}

#ThumbnailContainer .thumbnailLabel1
{
  color: #302E2F;
  font: normal 12px verdana;
}

#ThumbnailContainer .thumbnailLabel2
{
  color: #58595B;
  font: bold 12px verdana;
}

#ThumbnailContainer .thumbnailLabel3
{
  color: #58595B;
  font: normal 12px verdana;
}

#ThumbnailContainer blockquote.facetHolder
{
  background: url('/luna/images/modern/luna-sprite.png') -16px -1168px;
  background-repeat: no-repeat;
}

#ThumbnailContainer blockquote.facetHolder a,
#ThumbnailContainer blockquote.facetHolder a:visited,
#ThumbnailContainer blockquote.facetHolder a:active
{
  color: #58595B;
  font: normal 12px verdana;
  line-height: 16px;
  padding-left: 18px;
}

#HomepageContainer
{
  background-color: white;
}

#HomepageContainer .introHeaderLink
{
  font: 1.5rem verdana;
  color: #4E5151;
}

.introHeaderLink
{
  padding-left: 40px;

  line-height: 120%;
  font-size: 17px;
  font-family: Arial;
  font-weight: bold;
  color: #EFEFEF;
  text-decoration: none;
}

#HomepageContainer .institutionHeader
{
  font: normal 42px Open Sans, Verdana;
  font-weight:300;
  margin-left: 22px;
  margin-bottom: 8px;
  color: #6B2C91;
}


#HomepageContainer .collectionHeaderLink
#HomepageContainer .introHeaderLink
{
  font: bold 22px Open Sans, Verdana;
  font-weight:300;
  color: #4E5151;
}



#HomepageMainContent #IntroductionText
{
  color: #BBBBBB;
  font-size: 11px;
}

.introText
{
  color: #414042;
  font: normal 14px verdana;
}

#HomepageThumbnailContainer .homepageThumbnailItem
{
  background-color: #353535;
}

#HomepageThumbnailContainer .resolution0
{
  background-color:  #EFEFEF;
  border: 0px solid black;
}

#HomepageThumbnailContainer .browseAllButton,
#HomepageThumbnailContainer .browseAllButton:hover
{
  border: 0px solid #424545;
  border-radius: 2px;
}

#HomepageThumbnailContainer .browseAllButton
{
  background-color: #6b2c91;
}

#HomepageThumbnailContainer .browseAllButton:hover
{
  background-color: #79379d;
  border: none;
  transition: 0.1s;
}

#HomepageThumbnailContainer .browseAllButton a 
{
  color: #EFEFEF;
  text-decoration: none;
  font: normal 13px verdana;
}

#HomepageThumbnailContainer .browseAllButton:hover a,
#HomepageThumbnailContainer .browseAllButton:hover a:hover
{
  color: #EFEFEF;
  text-decoration: none;
  font: normal 13px verdana;
}

#HomepageThumbnailContainer .browseCategoryButton,
#HomepageThumbnailContainer .browseCategoryButton:hover
{
  border: 0px solid #939598;
  border-radius: 2px;
}

#HomepageThumbnailContainer .browseCategoryButton
{
  background-color: #5F5F5F;
}

#HomepageThumbnailContainer .browseCategoryButton:hover
{
  background-color: #000000;
  transition: 0.1s;  
}

#HomepageThumbnailContainer .browseCategoryButton a 
{
  color: #ffffff;
  /*color: #424545;*/
  text-decoration: none;
  font: normal 13px verdana;
}

#HomepageThumbnailContainer .browseCategoryButton:hover a,
#HomepageThumbnailContainer .browseCategoryButton:hover a:hover
{
  color: #eeeeee;
  text-decoration: none;
  font: normal 13px verdana;
}



.homepageImageHolder
{
  background-color: #3D404A;
  padding-bottom: 5px;
}

#Controls, #MessageToUserContainer
{
  color: #EFEFEF;
}

#BrowseByTitleControls
{
  margin: 0px 15px 0 0;

  color: #EFEFEF;

  text-align: left;

  clear: both;
}

#Controls #PagingContainer, #MessageToUserContainer
{
  background-repeat: repeat-x;
  background-position: top right;
  font-size: 12px;  
  color: #5A5C5C;
}

#BrowseByTitleControls #BrowseByTitlePagingContainer
{
  padding: 2px 5px 2px 0;
  margin: 1px 10px 1px 0;

  /*white-space: nowrap;*/

  background-repeat: repeat-x;
  background-position: top right;

  font-size: 12px;
}

#PageSize .pageSize0,
#PageSize .pageSize1,
#PageSize .pageSize2,
#PageSize .selected0,
#PageSize .selected1,
#PageSize .selected2
{
  color: #EFEFEF;
  font-size: 19px;
  background-repeat: no-repeat ! important;
  background-position: bottom left;
}

#Controls #ThumbnailSize,
#Controls #ThumbnailSize_Bottom
{
  background-image: url( /luna/images/modern/icon-divider.gif );
  background-repeat: no-repeat;
  background-position: 100% 80%;
}

#ThumbnailSize .size0,
#ThumbnailSize .size1,
#ThumbnailSize .size2,
#ThumbnailSize_Bottom .size0,
#ThumbnailSize_Bottom .size1,
#ThumbnailSize_Bottom .size2
{
  margin: 0;

  vertical-align: top;

  color: #EFEFEF;

  text-decoration: none;

  font-size: 19px;

  background-image: url( /luna/images/modern/icon-size-small.gif );
  background-repeat: no-repeat ! important;
  background-position: bottom left;
}

#ThumbnailSize .size0,
#ThumbmailSize .selected0,
#ThumbnailSize_Bottom .size0,
#ThumbmailSize_Bottom .selected0
{
  padding: 0 4px 0 3px;
  background-image: url( /luna/images/modern/icon-size-small.gif );
}

#ThumbnailSize .size1,
#ThumbnailSize .selected1,
#ThumbnailSize_Bottom .size1,
#ThumbnailSize_Bottom .selected1
{
  padding: 0 6px 0 4px;
  background-image: url( /luna/images/modern/icon-size-med.gif );
}

#ThumbnailSize .size2,
#ThumbnailSize .selected2,
#ThumbnailSize_Bottom .size2,
#ThumbnailSize_Bottom .selected2
{
  padding: 4px 7px 0 6px;
  background-image: url( /luna/images/modern/icon-size-large.gif );
}

#ThumbnailSize .size3,
#ThumbnailSize .selected3,
#ThumbnailSize_Bottom .size3,
#ThumbnailSize_Bottom .selected3
{
  padding: 0 6px 0 6px;
  background-image: url( /luna/images/modern/icon-size-large.gif );
}

#ThumbnailSize .size0:hover,
#ThumbnailSize_Bottom .size0:hover
{
  background-position: -14px 100%;
}

#ThumbnailSize .size1:hover,
#ThumbnailSize_Bottom .size1:hover
{
  background-position: -17px 100%;
}

#ThumbnailSize .size2:hover,
#ThumbnailSize_Bottom .size2:hover
{
  background-position: -20px 100%;
}

#ThumbnailSize .size3:hover,
#ThumbnailSize_Bottom .size3:hover
{
  background-position: -20px 100%;
}

#ThumbnailSize .selected0,
#ThumbnailSize .selected1,
#ThumbnailSize .selected2,
#ThumbnailSize .selected3,
#ThumbnailSize_Bottom .selected0,
#ThumbnailSize_Bottom .selected1,
#ThumbnailSize_Bottom .selected2,
#ThumbnailSize_Bottom .selected3
{
  padding: 0 6px 0 6px;
  margin: 0;

  line-height: 20px ! important;
  vertical-align: top;

  color: #EFEFEF;

  text-decoration: none;

  font-size: 19px;

  background-repeat: no-repeat ! important;
  background-position: bottom left;
}

#ThumbnailSize .selected0,
#ThumbnailSize_Bottom .selected0
{
  padding: 0 4px 0 3px;
  background-image: url( /luna/images/modern/icon-size-small-03.gif );
}

#ThumbnailSize .selected1,
#ThumbnailSize_Bottom .selected1
{
  padding: 0 6px 0 4px;
  background-image: url( /luna/images/modern/icon-size-med-03.gif );
}

#ThumbnailSize .selected2,
#ThumbnailSize_Bottom .selected2
{
  padding: 4px 8px 0 6px;
  background-image: url( /luna/images/modern/icon-size-large-03.gif );
}

#ThumbnailSize .selected3,
#ThumbnailSize_Bottom .selected3
{
  background-image: url( /luna/images/modern/icon-size-large-03.gif );
}

#BrowseByTitleControls #BrowseByTitlePagingContainer #BrowseByTitlePaginationContainer
{
  padding: 0 0 8px 0;
  margin: 0 5px 0 0;

  display: block;

  text-align: left;

  background-image: none;
}

#OnlineMediaSearchPaginationContainer .spacer,
#OnlineMediaSearchPaginationContainer_Bottom .spacer
{
  background-image: url( /luna/images/modern/icon-divider.gif );
  background-repeat: no-repeat;
  background-position: 100% 80%;
}

#MenubarContainer #SortOptionsDialog, #MenubarContainer #AuxSortOptionsDialog, #MessageToUserContainer
{
  background-color: #EAEAEA;
}

#MenubarContainer #SortOptionsDialog em, #MenubarContainer #AuxSortOptionsDialog em
{
  /*color: #EFEFEF;*/
  font-weight: bold;
  font-style: normal;
  border: 1px solid #656260;
  border-width: 0 0 1px 0;
}

#MenubarContainer #SortOptionsDialog span, #MenubarContainer #AuxSortOptionsDialog span, #MessageToUserContainer span
{
  color: #EFEFEF;
}

/**
 * tweaked attributes used by yahoo yui
 */
#MenubarContainer .yui-panel, #MessageToUserContainer .yui-panel
{
  overflow: hidden;

  visibility: hidden;

  border-collapse: separate;

  position: relative;
  left: 0px;
  top: 0px;
  z-index: 1;

  font: 1em Arial;

  background-color: #FFF;

  border: 1px solid #656260;
}

/**
 * tweaked attributes used by yahoo yui
 */
#MenubarContainer .yui-panel .bd, #MessageToUserContainer .yui-panel .bd
{
  padding: 4px;
  overflow: hidden;
}

/**
 * tweaked attributes used by yahoo yui
 */
#MenubarContainer .yui-panel .container-close,
#MessageToUserContainer .yui-panel .container-close
{
  height: 20px;
  width: 20px;

  margin: 0;
  padding: 0;

  visibility: inherit;

  position: absolute;
  top: 3px;
  right: 4px;
  z-index: 6;

  background-image: url( /luna/images/modern/icon-close.gif ) ! important;
  background-repeat: no-repeat;

  cursor: pointer;

}

/**
 * tweaked attributes used by yahoo yui
 */
#MenubarContainer .button-group button, #MessageToUserContainer .button-group button, .yui-skin-sam .yui-dialog .ft .button-group button
{
  margin: 2px;
  padding: 2px;

  color: #EFEFEF;
  vertical-align: middle;

  text-decoration: none;

  font-size: 11px;

  background-color: #807367;

  border: 1px solid #AAAAAA;
  border-top-color: #ADAAA7;

  cursor: pointer;
}

/**
 * tweaked attributes used by yahoo yui
 */
#MenubarContainer .button-group button.default, #MessageToUserContainer .button-group button.default, .yui-skin-sam .yui-dialog .ft .button-group
{
  font-weight: bold;
}

/**
 * tweaked attributes used by yahoo yui
 */
#MenubarContainer .button-group button:hover,
#MessageToUserContainer .button-group button.hover
{
  background-color: #6D6258;
}

/**
 * tweaked attributes used by yahoo yui
 */
#MenubarContainer .button-group button:active,
#MessageToUserContainer .button-group button:active
{
  background-color: #6D6258;
}

#HeaderLogo #SortOptionsDialog form select, #HeaderLogo #AuxSortOptionsDialog form select
{
  font-size: 12px;
}

#MenubarContainer #SortOptionsContainer #SortOptions,
#MenubarContainer #SortOptionsContainer #SortOptions:active,
#MenubarContainer #SortOptionsContainer #SortOptions:visited,
#MenubarContainer #AuxSortOptionsContainer #AuxSortOptions,
#MenubarContainer #AuxSortOptionsContainer #AuxSortOptions:active,
#MenubarContainer #AuxSortOptionsContainer #AuxSortOptions:visited
{
  color: #EFEFEF;
  font-size: 19px;
  /*background-image: url( /luna/images/modern/icon-sort.gif );
  background-repeat: no-repeat;
  background-position: bottom left;*/
  border: 0 solid white;
}

#MessageToUserContainer
{
  padding: 3px 8px 8px 8px;

  line-height: normal;

  text-align: right;

  border: 1px solid #656260;
}

#MessageToUserContainer em
{
  padding: 0;
  padding-bottom: 3px;
  margin: 0;
  margin-bottom: 5px;

  display: block;

  /*color: #EFEFEF;*/

  text-align: left;

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

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

#MessageToUserContainer p
{
  padding: 0;
  margin: 0 5px 10px 5px;

  /*color: #EFEFEF;*/

  text-align: left;
}

#MessageToUserContainer a
{
  margin: 0 5px 5px 0;
  padding: 1px 3px 2px 3px;

  color: #C5C2C0;

  line-height: 22px;
  vertical-align: baseline;
  white-space: normal;

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

  font-size: 11px;

  background-color: #807367;

  border: 1px solid #AAAAAA;

  cursor: pointer;

  white-space: nowrap;
}

@media screen and (max-width: 820px){
  .homepageCollectionsContent
  {
    background-color: #F5F5F5;
  }
}
.homepageCollectionsContent .collectionHeader,
.homepageCollectionsContent div div h2
{
  font-size: 12px;
  color: #B7BBCA;
}

.homepageAllCollections
{
  font: bold 12px verdana;
  color: #4E5151;
  text-decoration: underline;
}

.mediaCollectionsContent .collectionHeader,
.mediaCollectionsContent div div h2
{
  font-size: 14px;
  font-weight: bold;
  color: #B7BBCA;
}

.homepageCollectionsContent div div ol
{
  list-style-type: none;
  list-style-image: url( /luna/images/modern/bullet-facet.gif );
}

.mediaCollectionsContent div div ol
{
  list-style-type: none;
  list-style-image: url( /luna/images/modern/bullet-facet.gif );
}

.homepageCollectionsContent div div ol li a,
.homepageCollectionsContent h3,
.mediaCollectionsContent div div ol li a,
.mediaCollectionsContent h3
{
  font-size: 10px;
  color: #939393;
}

.homepageCollectionsContent h3,
.mediaCollectionsContent h3
{
  background-image: url( /luna/images/modern/icon-seeMoreCollections.gif);
  background-position: center right;
  background-repeat: no-repeat;
}

.collapsibleContainer
{
  background-color: #F5F5F5;
  color: #474B45;
}

.collapsibleContainer .header
{
  /*background-image: url( /luna/images/modern/bg-media-info.gif );
  background-position: top left;
  background-repeat: repeat-x;*/
  background-color: #4E5151;
  height: 48px;

  /*overflow: hidden;*/
}

.collapsibleContainer .header h1
{
  color: #EFEFEF;
}

.collapsibleContainer .subheader
{
  background-color: dimgray;
  height: 48px;
}

.collapsibleContainer .subheader h1
{
  color: #EFEFEF;
}

.collapsibleContainer .collapsed #collapseButtonDiv, .containerCollapsed #collapseButtonDiv
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -816px;
}

.collapsibleContainer .collapsed #middleStateButtonDiv, .containerCollapsed #middleStateButtonDiv
{
  /*background-image: url( /luna/images/modern/icon-slider-mid.gif ) ! important;*/
}

.collapsibleContainer .collapsed #expandedButtonDiv, .containerCollapsed #expandedStateButtonDiv
{
  /*background-image: url( /luna/images/modern/icon-slider-expand.gif ) ! important;*/
}

.collapsibleContainer .footer
{
 /* background-image: url( /luna/images/modern/bg-media-info.gif );*/
  background-position: top-left;
  background-repeat: repeat-x;
  background-color: #ABABAB;
}

.collapsibleContainer .footer:hover
{
  background-color: #888888;
  transition: 0.1s;
}

.collapsibleContainer .footer h1
{
  color: #B7BBCA;
  font-size: 10px;
  font-weight: normal;
}

.collapsibleContainer .footer a
{
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}

.collapsibleContainer .body
{
  font-size: 10px;
  /*border: 2px solid #847C74;*/
}

.collapsibleContainer .body table tr td
{
  font-size: 10px;
}

.collapsibleContainer .body a
{
  color: #474B45;
  font-size: 10px;
}

.collapsibleContainer .body span
{
  color: #474B45;
  font-weight: bold;
}

.collapsibleContainer .body h2
{
  color: #B7BBCA;
  font-size: 10px;
  font-weight: bold;
  background-color: white;
}

.collapsibleContainer .body p
{
  color: #474B45;
  background-color: transparent;
}

#FacetsContainer
{
  background-color: white;
}

#FacetsContainer h2
{
  color: #484B4B;
  font: bold 13px verdana;
  /*background-color: #445066;*/
}

#FacetsContainer h3
{
  color: #484B4B;

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

#FacetsContainer ol li
{
  color: #EFEFEF;
  font-size: 11px;
}

#FacetsContainer ol li a,
#FacetsContainer ol li a:visited,
#FacetsContainer ol li a:active,
#FacetsContainer ul li a,
#FacetsContainer ul li a:visited,
#FacetsContainer ul li a:active
{
  color: #57595A;
  font: normal 13px verdana;
}

#FacetsContainer .showAll,
#FacetsContainer .showAll:active,
#FacetsContainer .showAll:visited
{
  font-size: 13px;

  /*background-image: url( /luna/images/modern/icon-showall.gif );*/
  background-repeat: no-repeat;
  background-position: 100% 0;

  background-color: #E0E0E0;
}

#FacetsContainer .showAll:hover
{
  color: #B9B9B9;
}

#FacetsContainer .showLess,
#FacetsContainer .showLess:active,
#FacetsContainer .showLess:visited
{
  font-size: 13px;
  background-color: #E0E0E0;
}

#FacetsContainer .showLess:hover
{
  color: #B9B9B9;

  background-position: 100% -12px;
}

#FacetsContainer .facetList.removal,
#FacetsContainer .facetList.removal h2
{
  background-color: #EDEDED;
}

.featuredMedia
.featuredMedia div,
.featuredMedia div p
{
  width: 720px;
  margin: 0;
}
.featuredMedia .header,
.featuredMedia .footer
{
  height: 20px;
  width: 720px;
  margin-left: 10px;

  background-image: url( /luna/images/modern/bg-media-info.gif );
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #575A67;

  border: 1px solid #575A67;
  border-width: 0 1px 0 1px;

  overflow: hidden;
}

.featuredMedia .sampleMedia
{
  width: 720px;

  margin-left: 10px;

  border: 1px solid #575A67;
}

.featuredMedia .header h1,
.featuredMedia .footer h1,
.featuredMedia .footer a,
.featuredMedia .footer a:visited,
.featuredMedia .footer a:hover
{
  padding: 0;
  padding-left: 10px;
  margin: 0;

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

  color: #B7BBCA;

  text-align: left;
  text-decoration: none;

  font-size: 10px;
  font-weight: normal;
}

#LoginContainer
{
  color: #4e5151;
  font-size: 12px;
  font-weight: bold;
}

#LoginContainer .textInput
{
  font-size: 12px;
}

#LoginContainer #loginForm
{
  background-color: #EAEAEA;
  border: 1px solid #656260;
}

#LoginContainer #forgotForm
{
  background-color: #EAEAEA;
  border: 1px solid #656260;
}

.submitButton
{
  background: #C3C4C5;
  border: 1px solid #9F9B98;
  font-weight: bold;
  text-decoration: none;
  color: black;
}

#LoginContainer a
{
  color: #AAAAAA;
  font-size: 11px;
  font-weight: normal;
}

#PageRange, #PageRange_Bottom
{
  font: normal 12px verdana;
  color: #5A5C5C;
}

#PaginationContainer a,
#PaginationContainer a:active,
#PaginationContainer a:visited,
.paginationContainer a,
.paginationContainer a:active,
.paginationContainer a:visited,
#OnlineMediaSearchPaginationContainer a,
#OnlineMediaSearchPaginationContainer a:active,
#OnlineMediaSearchPaginationContainer a:visited,
#OnlineMediaSearchPaginationContainer_Bottom a,
#OnlineMediaSearchPaginationContainer_Bottom a:active,
#OnlineMediaSearchPaginationContainer_Bottom a:visited
{
  margin: 0 4px;
}

#PaginationContainer a.pageNo,
#PaginationContainer a.pageNo:active,
#PaginationContainer a.pageNo:visited,
.paginationContainer a.pageNo,
.paginationContainer a.pageNo:active,
.paginationContainer a.pageNo:visited
{  
  color: #C3C4C5;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  float: left;
  width: 36px;
  text-align: center;
  line-height: 36px;
  border: 2px solid #C3C4C5;
  margin-top: 4px;
}


#PaginationContainer a.next:active,
#PaginationContainer a.next:visited,
#PaginationContainer a.last,
#PaginationContainer a.last:active,
#PaginationContainer a.last:visited,
#PaginationContainer a.first,
#PaginationContainer a.first:active,
#PaginationContainer a.first:visited,
#PaginationContainer a.previous:active,
#PaginationContainer a.previous:visited,
.paginationContainer a.next:active,
.paginationContainer a.next:visited,
.paginationContainer a.last,
.paginationContainer a.last:active,
.paginationContainer a.last:visited,
.paginationContainer a.first,
.paginationContainer a.first:active,
.paginationContainer a.first:visited,
.paginationContainer a.previous:active,
.paginationContainer a.previous:visited,
#OnlineMediaSearchPaginationContainer a.next:active,
#OnlineMediaSearchPaginationContainer a.next:visited,
#OnlineMediaSearchPaginationContainer a.last,
#OnlineMediaSearchPaginationContainer a.last:active,
#OnlineMediaSearchPaginationContainer a.last:visited,
#OnlineMediaSearchPaginationContainer a.first,
#OnlineMediaSearchPaginationContainer a.first:active,
#OnlineMediaSearchPaginationContainer a.first:visited,
#OnlineMediaSearchPaginationContainer a.previous:active,
#OnlineMediaSearchPaginationContainer a.previous:visited,
#OnlineMediaSearchPaginationContainer_Bottom a.next:active,
#OnlineMediaSearchPaginationContainer_Bottom a.next:visited,
#OnlineMediaSearchPaginationContainer_Bottom a.last,
#OnlineMediaSearchPaginationContainer_Bottom a.last:active,
#OnlineMediaSearchPaginationContainer_Bottom a.last:visited,
#OnlineMediaSearchPaginationContainer_Bottom a.first,
#OnlineMediaSearchPaginationContainer_Bottom a.first:active,
#OnlineMediaSearchPaginationContainer_Bottom a.first:visited,
#OnlineMediaSearchPaginationContainer_Bottom a.previous:active,
#OnlineMediaSearchPaginationContainer_Bottom a.previous:visited
{
  background-color: white;
  float: left;
  width: 20px;
  line-height: 48px;
}

#PaginationContainer a.next,
#PaginationContainer a.previous,
.paginationContainer a.next,
.paginationContainer a.previous,
#OnlineMediaSearchPaginationContainer a.next,
#OnlineMediaSearchPaginationContainer a.previous,
#OnlineMediaSearchPaginationContainer_Bottom a.next,
#OnlineMediaSearchPaginationContainer_Bottom a.previous
{
  background-color: transparent;
  float: left;
  width: 20px;
  line-height: 48px;
}

.addSearchResultToGroupButton
{
  background-color: white;
  float: left;
  width: 48px;
  line-height: 48px;
}

#BrowseByTitlePaginationContainer a,
#BrowseByTitlePaginationContainer a:active,
#BrowseByTitleControls #BrowseByTitlePaginationContainer a:visited
{
  float: left;
  padding: 6px;
  margin-right: 4px;

  color: #4E5151;

  text-decoration: underline;

  font-size: 13px;
}

#OnlineMediaSearchPaginationContainer a.pageNo,
#OnlineMediaSearchPaginationContainer a.pageNo:active,
#OnlineMediaSearchPaginationContainer a.pageNo:visited,
#OnlineMediaSearchPaginationContainer_Bottom a.pageNo,
#OnlineMediaSearchPaginationContainer_Bottom a.pageNo:active,
#OnlineMediaSearchPaginationContainer_Bottom a.pageNo:visited
{
  color: #C3C4C5;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  float: left;
  width: 36px;
  text-align: center;
  line-height: 36px;
  border: 2px solid #C3C4C5;
  margin-top: 4px;
}

#PaginationContainer a:hover,
#OnlineMediaSearchPaginationContainer a:hover,
#OnlineMediaSearchPaginationContainer_Bottom a:hover
{
  /*text-decoration: underline;*/
}

#BrowseByTitleControls #BrowseByTitlePaginationContainer a:hover
{
  text-decoration: none;
}

#PaginationContainer a.pageNo.currentPage,
#PaginationContainer a.pageNo.currentPage:active,
#PaginationContainer a.pageNo.currentPage:visited,
#PaginationContainer a.pageNo.currentPage:hover,
.paginationContainer a.pageNo.currentPage,
.paginationContainer a.pageNo.currentPage:active,
.paginationContainer a.pageNo.currentPage:visited,
.paginationContainer a.pageNo.currentPage:hover,
#OnlineMediaSearchPaginationContainer a.pageNo.currentPage,
#OnlineMediaSearchPaginationContainer a.pageNo.currentPage:active,
#OnlineMediaSearchPaginationContainer a.pageNo.currentPage:visited,
#OnlineMediaSearchPaginationContainer a.pageNo.currentPage:hover,
#OnlineMediaSearchPaginationContainer_Bottom a.pageNo.currentPage,
#OnlineMediaSearchPaginationContainer_Bottom a.pageNo.currentPage:active,
#OnlineMediaSearchPaginationContainer_Bottom a.pageNo.currentPage:visited,
#OnlineMediaSearchPaginationContainer_Bottom a.pageNo.currentPage:hover,
#BrowseByTitlePaginationContainer .currentPage,
#BrowseByTitlePaginationContainer .currentPage:active,
#BrowseByTitlePaginationContainer .currentPage:visited,
#BrowseByTitlePaginationContainer .currentPage:hover
{
  text-decoration: none;

  font-weight: bold;

  background-color: transparent;

  border: 2px solid #5A5C5C;
  
  color: #5A5C5C;
}

#PaginationContainer .next,
.paginationContainer .next
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -96px;
}

#PaginationContainer .next:hover,
.paginationContainer .next:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -144px;
}

#PaginationContainer .last,
.paginationContainer .last
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -384px;
}

#PaginationContainer .last:hover,
.paginationContainer .last:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -432px;
}

#PaginationContainer .previous,
.paginationContainer .previous
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px 0px;
}

#PaginationContainer .previous:hover,
.paginationContainer .previous:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -48px;
}

#PaginationContainer .first,
.paginationContainer .first
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -480px;
}

#PaginationContainer .first:hover,
.paginationContainer .first:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -528px;
}

.addSearchResultToGroupButton
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -2112px;
  border: 0;
}

.addSearchResultToGroupButton :hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -2160px;
}

#OnlineMediaSearchPaginationContainer .next,
#OnlineMediaSearchPaginationContainer_Bottom .next
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -96px;
}

#OnlineMediaSearchPaginationContainer .next:hover,
#OnlineMediaSearchPaginationContainer_Bottom .next:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -144px;
}

#OnlineMediaSearchPaginationContainer .previous,
#OnlineMediaSearchPaginationContainer_Bottom .previous
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px 0px;
}

#OnlineMediaSearchPaginationContainer .previous:hover,
#OnlineMediaSearchPaginationContainer_Bottom .previous:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') -14px -48px;
}

#MediaInformation
{
  border: 1px solid #BCBEC0;
}

#MediaInformation .body
{
  background-color: white;
}

#MediaInformation .body tr
{
  color:#484B4B;
}

#MediaInformation .collapsed
{
  /*width: 48px !important;*/
}

#MediaInformation .header #collapseButtonDiv,
.collapsibleContainer .header #collapseButtonDiv
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -816px;
}

#MediaInformation .header #middleStateButtonDiv,
.collapsibleContainer .header #middleStateButtonDiv
{
  /*background-image: url( /luna/images/modern/icon-slider-mid.gif ) ! important;*/
  text-decoration: none;
  background: #767676 url('/luna/images/modern/luna-sprite.png') 0 -912px;
}

#MediaInformation .header #expandedButtonDiv,
.collapsibleContainer .header #expandedButtonDiv,
#MediaInformation .header.collapsed #middleStateButtonDiv,
.collapsibleContainer .header.collapsed #middleStateButtonDiv
{
  text-decoration: none;
  background: #767676 url('/luna/images/modern/luna-sprite.png') 0 -864px;
}

#MediaInformation .collapsed h1
{
  padding: 0;
  margin: 0;

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

  color: #B7BBCA;

  text-align: center;

  font-size: 10px;
  font-weight: normal;
}

#MediaInformation .valueFieldDisplayName
{
  width: 67px !important;
  padding-right: 5px;
  font-weight: bold;
}

#MediaInformation .valueValue
{
  width: 100%;
  overflow: hidden;
}

#MediaInformation .mediaInfoCollapsed
{
  display: none;
}

#MediaInformation .singleValueValue, #InfoTable .singleValueValue
{
  width: 100% !important;
  overflow: hidden;
  
  word-wrap: break-word;
  /*max-width :80%;*/
}

#InfoTable
{
  background-color: white;
}

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

#MediaInformation td.defaultFieldGroup,
#MediaInformation td.metaGroup,
#MediaInformation td.annotGroup
{
  padding: 0;
}

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

#MediaView
{
  color: #4E5151;
  font-size: 10px;
  background-color: white;
}

#MediaView button
{
  color: #4E5151;
}

#MediaView .embedded
{
  color: #EEEEEE;
  font-size: 10px;
  border: none;
  background-color: #FFFFFF;
}

#MediaView h1
{
  line-height: 25px;
  font-weight: normal;
  font-size: 16px;
  background-color: #FEFEFE;
}

#MediaView h1 span
{
  font-weight: bold;
}

#MediaView table tr td
{
  background-color: white;
}

#MediaView h1 span a
{
  color: #C5C2C0;
  line-height: 22px;
  font-weight: bold;  
  font-size: 16px;  
  background-color: #FFFFFF;  
  border: 0px;
}

#MediaView a
{
  /*color: #C5C2C0;
  line-height: 22px;
  font-weight: normal;
  font-size: 11px;
  background-color: white;
  border: 1px solid #555250;*/
}

#MediaView .embedded a
{
  color: #C5C2C0;
  line-height: 22px;
  text-decoration: none;
  font-weight: normal;
  font-size: 11px;
}

#MediaView a:hover,
#MediaView .embedded a:hover
{
  /* color: #E7E1DB;*/
  background-color: #646464;
}

#MediaView a.printLink
{
  line-height: 9px;
  font-size: 9px;
  background-color: #FEFEFE;
  background-image: url( /luna/images/modern/icon-print-both-vertical.gif );
  background-position: -15% left;
  background-repeat: no-repeat;
  border: 0 solid white;
}

#MediaView a.relatedItemLink
{
	/*
  line-height: 9px;
  font-size: 9px;
  background-color: #FEFEFE;
  background-image: url( /luna/images/modern/icon-related-item.png );
  background-position: -15% left;
  background-repeat: no-repeat;
  border: 0 solid white;*/
  
  padding-left: 36px;  
  line-height: 24px;
  font: normal 12px verdana;
  color: #828384;

  overflow: hidden;

  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -1168px;
  background-repeat: no-repeat;

  border: 0;
}

#MediaView a.printLink:hover,
#MediaView a.relatedItemLink:hover
{
  background-position: 110% left;
}

#MediaView .detailImage
{
  border: 1px solid #434343;
  background-color: #434343;
}

#ThumbnailViewContainer a.printLink
{
  padding: 0 0 0 13px;

  line-height: 9px;

  font-size: 9px;

  overflow: hidden;

  background-color: #FEFEFE;
  background-image: url( /luna/images/modern/icon-print-both-vertical.gif );
  background-position: -15% left;
  background-repeat: no-repeat;

  text-decoration: none;
  font-weight: normal;
  color: #333333;
}

#ThumbnailViewContainer a.printLink:hover
{
  color: #E7E1DB;
  background-position: 110% left;
}

#GenericFormContainer
{
  width: 100%;

  padding: 0;
  margin: 3px 0px 0px 0px;

  color: #555657;
  text-align: left;
}

#GenericFormContainer #ErrorContainer h2
{
  padding-bottom: 3px;
  margin-bottom: 0;

  font-size: 14px;
}

#ErrorContainer .error
{
  font-size: 12px;

  margin-left: 18px;
}

#SuccessMessageContainer
{
  padding: 0 15px 0 12px;
}

#GenericFormContainer form
{
  padding: 0;
  margin: 10px 0 10px 0;
}

#GenericFormContainer form .button
{
  width: auto;

  margin: 2px;
  padding: 2px;

  color: #EFEFEF;
  vertical-align: middle;

  text-decoration: none;

  font-size: 11px;

  background-color: #807367;

  border: 1px solid #AAAAAA;
  border-top-color: #ADAAA7;

  cursor: pointer;
}

#CreateNewMediaGroup #GenericFormContainer .anchorButton,
#CreateNewFolder #GenericFormContainer .anchorButton,
#CreateNewPrensentation #GenericFormContainer .anchorButton,
#UserSettings #GenericFormContainer .anchorButton
{
  margin-left: 10px;
}

#CreateNewMediaGroup #GenericFormContainer #MediaGroupCancelButton,
#UserSettings #GenericFormContainer #UserSettingsCancelButton
{
  margin-left: 612px !important;
}

#CreateNewPrensentation #GenericFormContainer #PresentationCancelButton
{
  margin-left: 629px;
}

#GenericForm
{
  width: 95vw;

  padding: 0 0 15px 15px;
  margin:auto;
  background-color: #CDCDCD;

  border: 1px solid #656260;
}

#GenericForm table td
{
  color: #090909;
  font-size: 12px;
  font-weight: bold;
}

#GenericForm form span
{
  padding-right: 5px;
  font-size: 11px;
}

#GenericForm form input
{
  /*width: 200px;
  font-size: 12px;*/
}

#GenericForm form textarea
{
  width: 200px;
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica;
}

#GenericForm .description
{
  width: 370px;
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica;
}

#GenericForm form .checkbox
{
  width: 10px;
  vertical-align: middle;
  margin-right: 2px;
}

#GenericForm form .checkboxLarge
{
  width: 15px;
  vertical-align: middle;
  margin-right: 2px;
}

#GenericForm form select
{
  width: 205px;
  font-size: 12px;
}


.browseByCategoryMainContainer
{
  width : 100%;

  padding: 0px 0px 15px 0px;
  margin: 0;
}

.browseByCategoryMainContainer .header
{
  width: 100%;
  height: 20px;

 


  /*background-image: url( /luna/images/modern/bg-media-info.gif );*/
  background-position: top left;
  background-repeat: repeat-x;
  background-color: white;

  overflow:hidden;
}

.browseByCategoryMainContainer .header h1

{
  padding: 0;
  margin: 0 0 0 0px;

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

  color: #767676;

  text-align: left;

  font-size: 13px;
  font-weight: normal;
}

.browseByCategoryMainContainer .header a
{
  width: 17px;
  height: 17px;

  padding: 0;
  margin: 0;

  display: block;
  text-decoration: none;

  background-image: url( /luna/images/modern/icon-slider-both.gif );
  background-position: bottom left;
  background-repeat: no-repeat;
}

.browseByCategoryMainContainer .header a:hover
{
  background-position: bottom right;
}

.browseByCategoryMainContainer .body
{
  font-size: 10px;
  border: 2px solid #847C74;
}

.browseByCategoryMainContainer table
{
  width: 99.2%;

  margin: 0 2px 0 15px;
  padding: 0;

  font-size: 10px;
}

.browseByCategoryMainContainer td,
.browseByCategoryContainer td
{
  width: 23.9%;

  vertical-align: top;
}

.browseByCategoryMainContainer .body span
{
  margin-right: 1px;

  color: #4F5668;

  white-space: nowrap;
  font-weight: bold;
}

.browseByCategoryMainContainer .body h2
{
  padding: 0 0 0 2px;
  margin: 0;

  color: #333333;

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

  background-color: #978E83;

  line-height: 18px;
}

.browseByCategoryMainContainer .body p
{
  padding: 0;
  margin: 0 3px 0 4px;

  color: #4e5151;

  background-color: transparent;
}

.browseByCategoryContainer
{
  margin: 0;
  padding: 0;

  background-color: #FFFFFF;

  border: 1px solid #CCCCCC;
  border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
}

.browseByCategoryContainer h2
{
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;

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

  color: #333333;

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

  background-color: #483C36;

  border: 1px solid #564E49;
  border-width: 1px 0 0 0;
}

.browseByCategoryContainer h3
{
  padding: 0 0 0 10px;
  margin: 0 0 3px 0;

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

  color: #EFEFEF;

  font-size: 13px;
  font-weight: bold;
}

.browseByCategoryContainer ol
{
  padding: 0;
  margin: 0;

  list-style-position: outside;
  list-style-type: none;
}

.browseByCategoryContainer ol li
{
  padding: 0px 7px 10px 18px;
  margin: 0;

  color: #EFEFEF;

  font-size: 12px;

  background-image: url( /luna/images/modern/bullet-facet.gif );
  background-repeat: no-repeat;
  background-position: 10px 5px;
}

.browseByCategoryContainer ol li a,
.browseByCategoryContainer ol li a:visited,
.browseByCategoryContainer ol li a:active
{
  padding: 0;

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

  margin: 0;

  color: #4e5151;

  text-decoration: none;

  font-size: 13px;
}

.browseByCategoryContainer ol li a:hover
{
  text-decoration: underline;
}

.browseByCategoryContainer .showAll,
.browseByCategoryContainer .showAll:active,
.browseByCategoryContainer .showAll:visited
{
  width: 80%;
  height: 12px;

  padding: 0;
  padding-right: 20px;
  margin: 0 0 5px 0;

  display: block;

  overflow: hidden;

  text-align: right;
  text-decoration: none;
  font-size: 11px;

  background-image: url( /luna/images/modern/icon-showall.gif );
  background-repeat: no-repeat;
  background-position: 100% 0;

  color: #B9B9B9;
}

.browseByCategoryContainer .showAll:hover
{
  color: #EFEFEF;

  background-position: 100% -12px;
}

.divBlackSpacer
{
  width: 10px !important;

  margin: 0;
  padding: 0;
}

.wwwwPaginationContainer
{
  height: 100%;

  padding: 3px 0 0 0;
  margin: 0;

  border: 1px solid #564E49;
  border-color: #3D404A #564E49 #3D404A #564E49;
}

.wwwwPaginationContainer a,
.wwwwPaginationContainer a:active,
.wwwwPaginationContainer a:visited
{
  padding: 0 2px 0 2px;
  margin: 0;

  color: #EFEFEF;

  text-decoration: underline;

  font-size: 13px;
}

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

.wwwwPaginationContainer .currentPage,
.wwwwPaginationContainer .currentPage:active,
.wwwwPaginationContainer .currentPage:visited,
.wwwwPaginationContainer .currentPage:hover
{
  padding: 0 3px 0 3px;

  text-decoration: none;

  font-weight: bold;
}

.wwwwPaginationContainer .next
{
  padding: 0 5px 0 5px ! important;

  text-decoration: none !important;

  font-size: 19px ! important;

  background-image: url( /luna/images/modern/icon-paging-next.gif );
  background-repeat: no-repeat;
  background-position: bottom left;
}

.wwwwPaginationContainer .previous
{
  padding: 0 4px 0 6px ! important;

  text-decoration: none !important;

  font-size: 19px ! important;

  background-image: url( /luna/images/modern/icon-paging-prev.gif );
  background-repeat: no-repeat;
  background-position: bottom left ! important;
}

.wwwwPaginationContainer .next:hover
{
  padding: 0 5px 0 5px ! important;

  text-decoration: none;

  font-size: 19px ! important;

  background-image: url( /luna/images/modern/icon-paging-next.gif );
  background-repeat: no-repeat;
  background-position: bottom left;

  text-decoration: none;
  background-position: bottom right;
}

.wwwwPaginationContainer .previous:hover
{
  padding: 0 4px 0 6px ! important;

  text-decoration: none;

  font-size: 19px ! important;

  text-decoration: none;
  background-position: bottom right !important;
}

.wwwwPaginationContainer table.wwwwControls
{
  height: 100%;
  width: 100%;

  padding: 0;
  margin: 0;

  vertical-align: top;
}

.wwwwPaginationContainer tbody.wwwwControls
{
  height: 100%;
  width: 100%;

  padding: 0;
  margin: 0;
}

.wwwwPaginationContainer td.wwwwControlsNav
{
  height: 100%;
  width: 1%;

  padding: 7px 20px 10px 12px;
  margin: 0;

  vertical-align: middle;

  background-color: #6E655F;
}

.wwwwPaginationContainer td.wwwwControlsCenter
{
  height: 100%;
  width: 99%;

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

  vertical-align: middle;

  text-align: center;

  background-color: #575A67;
}

/* --------------------------------------------NEW DEFAULT CSS STUFF -------------------------------------------*/

.controlStrip
{
  border: 0px solid #434343;

  /* background-color: #CDCDCD; */
}

.myGroupsControlStrip
{
  height: 100%;
  padding: 1px 7px 0px 7px;
  margin: 8px;

  border: 0px solid #434343;

  background-color: #FEFEFE;

  font-size: 11px;
}

.myGroupsControlStrip .collapseButton
{
  height: 20px;
}

.myGroupsControlStrip #myGroupCollapseButton,
.myGroupsControlStrip #myGroupCollapseButton:hover,
.myGroupsControlStrip #myGroupCollapseButton:active,
.myGroupsControlStrip #myPresCollapseButton,
.myGroupsControlStrip #myPresCollapseButton:hover,
.myGroupsControlStrip #myPresCollapseButton:active
{
  width: 0px ! important;
  height: 10px;

  padding: 0 ! important;
  margin: 3px 0 3px 0;

  display: block;

  /*background-image: url( /luna/images/modern/icon-arrow.gif ) !important;*/
  background-repeat: no-repeat ! important;
  background-color: transparent ! important;
  background-position: top left;
}

.myGroupsControlStrip .myGroupCollapseButtonExpanded,
.myGroupsControlStrip .myPresCollapseButtonExpanded
{
  width: 0px ! important;
  height: 15px;

  padding: 0 ! important;
  margin: 3px 0 3px 0;

  display: block;

  /*background-image: url( /luna/images/modern/icon-arrow.gif ) !important;*/
  background-repeat: no-repeat ! important;
  background-color: transparent ! important;
  background-position: top right ! important;
}

#publicGroupCollapseButton,
#publicPresCollapseButton
{
  width: 0px ! important;
  height: 10px;

  padding: 0 ! important;
  margin: 3px 0 3px 0;

  display: block;

  background-image: url( /luna/images/modern/icon-arrow.gif ) !important;
  background-repeat: no-repeat ! important;
  background-color: transparent ! important;
  background-position: top left;
}

.publicGroupCollapseButtonExpanded,
.publicPresCollapseButtonExpanded
{
  width: 15px ! important;
  height: 15px;

  padding: 0 ! important;
  margin: 3px 0 3px 0;

  display: block;

  background-image: url( /luna/images/modern/icon-arrow.gif ) !important;
  background-repeat: no-repeat ! important;
  background-color: transparent ! important;
  background-position: top right ! important;
}

#OnlineMediaExternalContainer .controlStrip,
#OnlineMediaExternalContainer .introductionText
{
  color: #57595A;
}

#OnlineMediaExternalContainer .controlStrip
{
  padding: 0 0 0 5px;

  clear: both;
}

#OnlineMediaExternalContainer .controlStrip span
{
  padding-left: 3px;
}

#OnlineMediaExternalContainer .controlStrip td
{
  padding-right: 5px;
}

.controlStrip #targetGroup
{
  margin-right: 15px;
}

.controlStrip table
{
  padding: 0;
  margin: 0;

  /*background-color: #EAEAEA ! important;*/
}

.myGroupsControlStrip table
{
  background-color: #FEFEFE ! important;
}

.myGroupsControlStrip table#mySearchTable,
.myGroupsControlStrip table#publicSearchTable
{
  margin: 5px 0 5px 0 ! important;
}

.myGroupsControlStrip table#mySearchTable span,
.myGroupsControlStrip table#publicSearchTable span
{
  padding-left: 0px;
}


.controlStrip table td
{
  white-space: nowrap;
  /*background-color: white;*/
}

.controlStrip table label
{
  margin: 0 2px 0 6px;

  white-space: nowrap;
}

.controlStrip span
{
  display: inline;
  white-space: nowrap;
}

.myGroupsControlStrip table td
{
  padding: 0;

  white-space: nowrap;
  background-color: #FEFEFE ! important;
}

.myGroupsControlStrip table td#MySearchText
{
  width: 70%;
  vertical-align: middle;
  text-align: left;
}

.myGroupsControlStrip table td#PublicSearchText
{
  width: 45%;
}

.myGroupsControlStrip table td#AndOr
{
  width: 1%;

  padding-left: 10px;
  padding-right: 3px;

  text-align: center;
}

.myGroupsControlStrip table td#MyButton, .myGroupsControlStrip table td#PublicButton
{
  width: 1%;
  text-align: right;
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.controlStrip span, .myGroupsControlStrip span
{
  padding-left: 0px;
  display: inline;
  white-space: nowrap;
}

.controlStrip form, .myGroupsControlStrip form
{
  padding: 2px 0px 1px 0px;
  margin: 0px;
}

.controlStrip select, .myGroupsControlStrip select
{
  margin: 0;
  padding: 0;

  width: 150px;
  font-size: 12px;
}

.controlStrip input
{
  margin: 0;
  padding: 1px;

  width: 150px;
  font-size: 12px;
}

.myGroupsControlStrip input
{
  margin: 0;
  padding: 1px;

  width: 100px;
  font-size: 12px;
}

.myGroupsControlStrip input#mySearchText
{
  width: 90%;
}

.myGroupsControlStrip input#userSearchText, .myGroupsControlStrip input#searchText
{
  width: 100%;
}

.controlStrip .checkbox
{
  margin: 0 0 3px 10px;
  padding: 0;
  width: 15px;
  vertical-align: middle;
}

.myGroupsControlStrip .checkbox
{
  margin: 0 0 3px 0;
  padding: 0;
  width: 15px;
  vertical-align: middle;
}

.controlStrip label, .myGroupsControlStrip label
{
  font-weight: normal;
}

.controlStrip .button, .myGroupsControlStrip .button
{
  margin: 0;
  padding: 2px 2px 2px 2px;

  text-decoration: none;

  color: #EFEFEF;

  font-size: 11px;

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

  background-color: #767676;

  border: 1px solid #ADAAA7;

  cursor: pointer;

  white-space: normal;
}

.myGroupsControlStrip .button
{
  margin-left: 15px;
  padding: 8px 8px 8px 8px;

  font: normal 13px verdana;

  border: none;
}

.controlStrip .iconButtonContainer, .myGroupsControlStrip .iconButtonContainer
{
  margin: 0px 5px 1px 5px;
  padding: 4px 4px 4px 4px;

  text-align: right;
  vertical-align: middle;

  white-space: nowrap;
}

.controlStrip .iconButtonContainer a, .myGroupsControlStrip .iconButtonContainer a
{
  margin: 2px 0px 1px 2px;
  padding: 1px 3px 3px 20px;

  color: #C5C2C0;
  vertical-align: middle;
  text-decoration: none;
  font-size: 11px;

  white-space: nowrap;

  background-repeat: no-repeat;
  background-position: 1px 50%;
  background-color:  #ECECEC;

  border: 1px solid #555250;
}

.controlStrip .iconButtonContainer span, .myGroupsControlStrip .iconButtonContainer span
{
  margin: 0;
  padding: 0 4px 0 4px;
}

.controlStrip #CreateGroupButton a, .myGroupsControlStrip #CreateGroupButton a
{
  background-image: url( /luna/images/modern/icon-add-group-01.gif );
}

.controlStrip #CreateGroupButton a:hover, .myGroupsControlStrip #CreateGroupButton a:hover
{
  background-image: url( /luna/images/modern/icon-add-group-02.gif );
}

.controlStrip #CreateFolderButton a, .myGroupsControlStrip #CreateFolderButton a
{
  background-image: url( /luna/images/modern/icon-add-folder-01.gif );
}

.controlStrip #CreateFolderButton a:hover, .myGroupsControlStrip #CreateFolderButton a:hover
{
  background-image: url( /luna/images/modern/icon-add-folder-02.gif  );
}

.controlStrip a,
.controlStrip a:visited,
#WidgetControls a,
#WidgetControls a:visited
{
  background-color: #767676;
  font: normal 13px verdana;
  color: #EFEFEF;
  cursor: pointer;
  white-space: nowrap;
  line-height: 22px;
  vertical-align: baseline;
  white-space: normal;
  text-decoration: none;
}

.controlStrip #AddImageToWorkspaceButton
{
  margin: 0;
  padding: 1px 3px 2px 19px;

  color: #C5C2C0;

  line-height: 20px;
  font-weight: normal;

  font-size: 11px;

  border: 0px solid #555250;

  background-image: url( /luna/images/modern/icon-add-workspace-stacked.gif );
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.controlStrip #AddImageToWorkspaceButton:hover
{
  background-position: 0px -17px;
}

.controlStrip #AddMediaToGroupButton,
.controlStrip #AddSearchResultToGroupButton,
.controlStrip #AddImageToWorkspace,
.controlStrip #OpenMediaInFullViewButton,
.controlStrip #OpenInUVButton,
.controlStrip #ShowAnnotationsButton
{
  margin-right: 2px;

  color: #C5C2C0;

  line-height: 20px;
  font-weight: normal;

  font-size: 11px;

  outline: 1px solid #767676; ;
}

.controlStrip #AddSearchResultToGroupButton:hover
{
  background-position: 0px -17px;
}

.controlStrip #EditMediaButton
{/*
  margin: 0;
  padding: 3px 8px 4px 8px;

  color: #EEEEEE;

  font-weight: normal;

  font-size: 11px;

  background-color: #7CA9C8;

  border: 0px solid #555250;*/
}

.controlStrip #AddMediaButton
{/*
  margin: 0;
  padding: 3px 8px 4px 8px;

  color: #EEEEEE;

  font-weight: normal;

  font-size: 11px;

  background-color: #7CA9C8;

  border: 0px solid #555250;*/
}

.controlStrip  #BuyButton
{
  background-color: #00A7E5;
}

.controlStrip  #BuyButton:hover
{
  background-color: #0074a0;
}

.controlStrip #GeoreferencerButton
{
  /*background-color: #b62 !important;*/
  background-color: #b62;
}

#MyPage form
{
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

#MyPage #MyPageContainer
{
  margin: 0px;
  padding: 5px 15px 15px 15px;
}

#MyPage #MyPageContainer h1
{
  padding: 0px 0 3px 0;
  margin: 0 0 0 0;

  display: inline;

  /*color: #EFEFEF;*/

  font-size: 17px;
  font-weight: bold;
}

#MyPage #MyPageContainer h2
{
  padding-top: 15px;
  padding-bottom: 20px;

  font-size: 15px;
  font-family: Arial;
  font-weight: normal;
  /*color: #EFEFEF;*/
  text-decoration: none;
  text-align: center;
}

#MyPage #MyPageContainer table
{
  margin: 0px;
  padding: 0px;

  font-size: 10px;
}

#MyPage #MyPageContainer table td#PageTitle
{
  padding-top: 10px;
  padding-bottom: 2px;
}

#MyPage #MyPageContainer table td#PageTitle h1
{
  font-weight: bold;
  font-size: 16px;

  color: #333333;
}

#MyPage #MyPageContainer table td#ButtonLink
{
  text-align: right;
}

#MyPage #MyPageContainer table td#Totals
{
  padding: 0;
  padding-bottom: 2px;
  margin: 0;
}

#MyPage #MyPageContainer table #divButtonLink
{
  padding: 0;
  padding-bottom: 12px;
  margin: 0;
}

#MyPage #MyPageContainer table #divButtonLink a,
#MyPage #MyPageContainer table #divButtonLink a:active,
#MyPage #MyPageContainer table #divButtonLink a:visited
{
  /*color: #where  USERNAME=;*/
  text-decoration: none;
  
  color: #EFEFEF;
  margin-bottom: 10px;
  padding: 8px 8px 8px 8px;
  background-color: #767676;
  font: normal 13px verdana;

  border: none;

}

#MyPage #MyPageContainer table #divButtonLink a:hover
{
  text-decoration: none;
  color: #EFEFEF;
}

#MyPage #MyPageContainer table #divGroupWorkPanelCell
{
  margin: 0px;
  padding: 3px 5px 5px 5px;

  font-size: 10px;

  background-color: #F8F8F8;

  /*border: 1px solid #564E49;*/
  border-color: #3D404A #564E49 #3D404A #564E49;

  z-index:1;
}

#MyPage #MyPageContainer table .allMy
{
  margin: 0px;
  padding: 3px 5px 5px 5px;

  font-size: 10px;

  background-color: #F8F8F8;

  border: 0px solid #222233;
  border-color: #222233 #222233 #222233 #222233;

  z-index:1;
}

#MyPage #MyPageContainer .allMy a
{
  padding: 0px 0px 0px 14px;

  line-height: 20px;

  color: #333333;
  font-family: tahoma,verdana,helvetica;
  font-size: 13px;
  text-decoration: none;
}

#MyPage #MyPageContainer .allMy a:hover
{
  text-decoration: underline;
}

#MyPage #MyPageContainer table .allCollections
{
  margin: 0px;
  padding: 3px 5px 5px 15px;

  font-size: 10px;

  background-color: none;

  border: none;
  border-color: none;

  z-index:1;
}

#MyPage #MyPageContainer .allCollections a, #MyPage #MyPageContainer .allCollections span
{
  padding: 0px 0px 0px 23px;

  line-height: 20px;

  color: #333333;
  font-family: tahoma,verdana,helvetica;
  font-size: 11px;
  text-decoration: none;
}

#MyPage #MyPageContainer .allCollections a:hover
{
  text-decoration: underline;
}

#MyPage #MyPageContainer .allCollections a.selected
{
  font-weight: bold;
  font-size: 12px;

  background-repeat: no-repeat;
  background-position: 3px 50%;
  background-image: url( /luna/images/modern/collection_icon.gif);
}

#MyPage #MyPageContainer table .browseByTitleMedia
{
  margin: 15px 0 0 0;
  padding: 15px 5px 15px 15px;

  font-size: 10px;

  background-color: none;

  border: 1px solid #41342E;

  z-index:1;
}

#MyPage #MyPageContainer .browseByTitleMedia a, #MyPage #MyPageContainer .browseByTitleMedia span
{
  padding: 0px 0px 0px 14px;

  line-height: 20px;

  color: #333333;
  font-family: tahoma,verdana,helvetica;
  font-size: 11px;
  text-decoration: none;
}

#MyPage #MyPageContainer .browseByTitleMedia a:hover
{
  text-decoration: underline;
}

#MyPage #MyPageContainer .allMy .lockedGroup
{
  background-image: url( /luna/images/modern/icon-lock.gif  );
  background-repeat: no-repeat;
  background-position: 2px 50%;
}

#MyPage #MyPageContainer .allFooter
{
  padding: 3px 0px 3px 0;
  margin: 0 0 0 0;

  text-align: right;

  border-top: 1px solid #FFFFFF;

  background-color: #F8F8F8;
}

#MyPage #MyPageContainer .allFooter a
{
  margin-top: 3px;
  margin-right: 2px;
  padding: 5px 15px 5px 5px;

  color: #333333;

  font-size: 11px;
  font-weight: normal;
  text-decoration: none;

  /*background-image: url( /luna/images/modern/icon-showall-01.gif );*/
  background-repeat: no-repeat;
  background-position: right center;
}
#MyPage #MyPageContainer .allFooter a:hover
{
  color: #EFEFEF;
}

.controlStrip .sortButton
{
  padding-right: 10px;

  display: inline;
}

.controlStrip #SortButton
{
  margin: 0;
  padding: 3px 8px 4px 8px;

  color: #EEEEEE;

  line-height: 22px;
  vertical-align: baseline;
  white-space: normal;

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

  font-size: 11px;

  background-color: #7CA9C8;

  border: 0px solid #555250;

  cursor: pointer;

  white-space: nowrap;

 /* background-image: url( /luna/images/modern/icon-sort2.gif );
  background-repeat: no-repeat;
     background-position: center left;*/
    box-shadow: 2px 1px 7px #888888;
}

#manageMediaGroup .controlStrip select
{
  width: auto;
}

#manageMediaGroup .controlStrip table label
{
  margin-left: 0;
}

#manageMediaGroup h2
{
  margin-left: 5px;

  font: bold 13px verdana;
  
  color: #4E5151;
}

#organizeMediaGroup table tr td
{
  margin: 0;
  padding: 0 0 1px 0;

  font-family: tahoma,verdana,helvetica;
  font-size: 11px;
  font-weight: normal;

  white-space: nowrap;
}

#organizeMediaGroup span
{
  margin: 0;
  padding: 0 0 0 5px;

  font-size: 14px;
}

.selectableMediaThumbnail, .selectedMediaThumbnail
{
  display: inline;

  height: 100px;
  width: 100px;

  margin: 4px;
  padding: 4px;

  border: #454240 1px solid;

  float: left;

  text-align: center;
  vertical-align: middle;

  background-repeat: no-repeat;
  background-position: center center;

  cursor: pointer;
}

.selectedMediaThumbnail
{
  background-color: #353535;
}

.hiddenElement
{
  visibility: hidden !important;
}

.mediaThumbnailContainer
{
  margin: 15px 25px 10px 10px;
  padding: 0;
}


/* ----------------------------------------------------------------------------------------------------- */

.treeContainer .treeControlNodeHighlight
{
  font-size: 11px;
  font-family: tahoma,verdana,helvetica;
  text-decoration: none;

  color: #EAEAEA;
  background-color: #333333;

  padding: 2px;
}

.altTreeControlNodeHighlight
{
  font-size: 11px;
  font-family: tahoma,verdana,helvetica;
  text-decoration: none;
  font-weight: bold;

  color: #FEFEFE;
  background-color: yellow;

  padding: 2px;
}

.treeContainer a
{
  font-family: tahoma,verdana,helvetica;
  font-size: 11px;
  text-decoration: none;
  color: #333333;
}

.treeContainer span
{
  font-family: tahoma,arial;
  font-size: 13px;
  text-decoration: none;
  color: #333333;
}

.treeContainer table
{
  width: auto;

  padding: 0px;
  margin: 0px;
}
.treeContainer table td
{
  width: auto;

  padding: 0px;
  margin: 0px;
}

.treeContainer table td .treeIcons
{
  padding:0px 0px 0px 5px;
}

#SearchOptionsAdvanced
{
  background-color: transparent;

  margin-left: 15px;
}

#SearchOptionsAdvanced .addButton
{
  margin-top: 10px;
  margin-bottom: 3px;

  background-image: url( /luna/images/modern/icon-add-parameter-01.gif);
  background-repeat: no-repeat;
  background-position: 1% 50%;

  cursor: pointer;
  border: 1px solid #656260;
  width: 666px !important;
  height: 33px;

  position: relative;

  top: -39px;
}

#SearchOptionsAdvanced .removeButton,
.firstRemoveButton
{
  padding: 0 6px 0 3px;
  margin-right: 13px;
  margin-left: 3px;
  margin-top: 11px;

  color: #EFEFEF;
  text-decoration: none;

  font-size: 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;

  border: 0 solid white;

  cursor: pointer;
  background-image: url( /luna/images/modern/icon-delete-parameter-01.gif );
}

.firstRemoveButton
{
  margin-right: 43px !important;
}

#SearchOptionsAdvanced div
{
  background-color: #FEFEFE;
  height: 40px;
  padding-left: 3px;
  width: 666px;
}

#SearchOptionsAdvanced div input,
#SearchOptions div select
{
  vertical-align: middle;
}

#SearchOptionsAdvanced .imgContains,
#SearchOptionsAdvanced .imgEquals,
#SearchOptionsAdvanced .imgStartsWith
{
  width: 68px;
  height: 16px;
  padding: 0px;
  display: block;
  cursor: pointer;
  background-repeat: no-repeat;
}

#SearchOptionsAdvanced .imgContains
{
  background-image: url( /luna/images/modern/icon-cycle-contains.gif );
}

#SearchOptionsAdvanced .imgEquals
{
  background-image: url( /luna/images/modern/icon-cycle-equals.gif );
}

#SearchOptionsAdvanced .imgStartsWith
{
  background-image: url( /luna/images/modern/icon-cycle-startswith.gif );
}
#SearchOptionsAdvanced .searchOptionTable,
#SearchOptionsAdvanced .selectedSearchOptionTable
{
  position: relative;
  top: -39px;
  z-index: 200;
  padding: 0px 0px 0px 0px;
}

#SearchOptionsAdvanced .searchOptionTable .andOrTd,
#SearchOptionsAdvanced .selectedSearchOptionTable .andOrTd
{
  width: 35px;
}

.andOr
{
  font-size: 11px;
  cursor: pointer;
  width: 15px !important;
  background-color: #ECECEC !important;
  border: 1px solid #434343 !important;
}

#SearchOptionsAdvanced .searchOptionTable
{
  border: 1px solid #656260;
  margin-top: 10px;
  background-color: #FEFEFE;
  position: absoulte;
  width: 671px !important;
  padding: 0px;

}

#SearchOptionsAdvanced .selectedSearchOptionTable
{
  width: 677px !important;

  padding: 0px;
  margin-top: 10px;

  border: 1px solid #656260;
  border-right-color: #EAEAEA;

  background-color: #CDCDCD;

  z-index: 200;
}

#SearchOptionsAdvanced .inputSearchOption
{
  width: 355px !important;
  height: 13px !important;
  font-size: 10px;
  vertical-align: middle;
  background-color: transparent;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #656260;
  color: #EFEFEF;
}

#SearchOptionsAdvanced .operator
{
  width: 91px;

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

#SearchOptionsAdvanced select
{
  width: 132px;

  margin: 5px 0 5px 0;

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

#SearchOptionsAdvanced #SearchTopButtonHolder
{
  padding-left: 0px;
  position: relative;
  top: 65px;
}

#SearchOptionsAdvanced #SuggestionBoxHolder
{
  background-color: transparent;
  width: 159px;
  position: relative;
  top: -39px;
  left: 632px;
  display: block;
  border: 0px;
  margin: 0px;
}
#SearchOptionsAdvanced #SuggestionBoxHolder .suggestionBoxPage, #SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchPageHolder
{
  height: 0px;
  position: relative;
  left: -1px;
}

#SearchOptionsAdvanced #SuggestionBoxHolder .anchorButton
{
  margin: 7px 4px 5px;
  padding: 3px 5px 3px 5px;

  line-height: 15px ! important;
  vertical-align: top;

  color: #EFEFEF;

  text-decoration: none;

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

  background-color: #807367;

  border: 1px solid #AAAAAA;
  border-top-color: #ADAAA7;
  display: block;
  position: absoulte;

  height: 15px;
  width: 21px;

  float: right;
}

#SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchText
{
  padding-top: 0px;
  margin-top: 0px;
  height: 20px;
  position: relative;
  top: -5px;
  background-color: #CDCDCD;
}

#SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchInput
{
  padding: 0px 0px 0px 0px;
  background-color: #EFEFEF;
  position: relative;
  left: 1px;
  top: -5px;
  height: 16px;
  width: 143px;
  font-size: 11px;
}

#SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchPageHolder .speedSearchPage .speedSearchTbl
{
  font-size: 10px;
  overflow: auto;
  clear: both;

}
#SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchPageHolder.speedSearchPage .speedSearchTbl td,
#SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchPageHolder.speedSearchPage .speedSearchTbl tr
{
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchPageHolder .speedSearchPage .speedSearchTbl td div
{
   font-size: 10px;
   border: 1px solid #656260;
   width: 143px;
   background-color: #CDCDCD;
   height: auto;
   padding: 1px 1px 1px 1px;
   margin: 0px 0px 0px 0px;
   overflow: hidden;
}

#SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchPageHolder .speedSearchPage .speedSearchTbl td .speedSearchRow
{
   cursor: pointer;
}

#SearchOptionsAdvanced #SuggestionBoxHolder .speedSearchPageHolder .speedSearchPage .speedSearchTbl td div:hover
{
  background-color: #CDCDCD;
}

#SearchOptionsAdvanced .suggestionBoxPage .advancedSearchSuggestionBox,
#SearchOptionsAdvanced .speedSearchPageHolder .speedSearchPage
{
  position: relative;
  top: 8px;
  left: 41px;
  width: 151px;
  height: 358px;

  margin-bottom: 5px;

  padding-top: 10px;

  display: block;

  overflow: hidden;

  color: #EFEFEF;

  background-color: #CDCDCD;

  border: 1px solid #656260;
  font-size: 10px;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1;
}

#SearchOptionsAdvanced .suggestionBoxPage .advancedSearchSuggestionBox .suggestionText
{
  height: 20px;
  margin-top: 0px;
  padding-top: 0px;
}

#SearchOptionsAdvanced .suggestionBoxPage .advancedSearchSuggestionBox div
{
  height: 332px;
  width: 147px;

  padding: 0;
  margin: 0;

  overflow: auto;

  background-color: transparent;
}

#SearchOptionsAdvanced .suggestionBoxPage .advancedSearchSuggestionBox div div
{
  position: realtive;
  padding: 3px 0 0px 3px;
  margin: 0 0 3px 0;
  height: auto;
  color: #EFEFEF;

  border: 1px solid #656260;
  background-color: #443C38;
  width: 124px;
  word-wrap: break-word;
  overflow: hidden;
}

#SearchOptionsAdvanced  .suggestionBoxPage .advancedSearchSuggestionBox div.current
{
  color: #EFEFEF;

  background-color: #CDCDCD;

  border-color: #656260;
}

#SearchOptionsAdvanced .suggestionBoxPage .advancedSearchSuggestionBox input
{
  width: 143px;
  margin-left: -1px;
  font-size: 12px;
  padding: 0px 0px 0px 0px;

  background-color:white;
  left:2px;
  position: relative;
  top: -5px;
  height: 16px;

}

.onlineMediaSearch_Whole
{
  padding:  3px;
  margin: 10px;

  border: 1px solid #CCCCCC;

  float: left;
}

.onlineMediaSearch_Whole a,
.onlineMediaSearch_Whole a:active,
.onlineMediaSearch_Whole a:visited
{
  /*padding: 0 3px 0 3px;
  margin: 0 1px 0 1px;*/

  text-decoration: none;

  font-size: 13px !important;
  /*font-weight: bold !important;*/
}

.onlineMediaSearch_Small
{
  height: 86px;
  width: 86px;

  background-repeat: no-repeat;
  background-position: center center;
}

.onlineMediaSearch_Thumb
{
  height: 110px;
  width: 106px;

  background-repeat: no-repeat;
  background-position: center center;
}

.onlineMediaSearch_Medium
{
  height: 250px;
  width: 246px;

  background-repeat: no-repeat;
  background-position: center center;
}

.onlineMediaSearch_Large
{
  height: 506px;
  width: 506px;

  background-repeat: no-repeat;
  background-position: center center;
}

.onlineMediaSearch_Thumb_SourceUrl
{
  height: 30px;
  width: 106px;

  text-align: center;
}

.onlineMediaSearch_Medium_SourceUrl
{
  height: 30px;
  width: 246px;

  text-align: center;
}

.onlineMediaSearch_Large_SourceUrl
{
  height: 30px;
  width: 506px;

  text-align: center;
}

.onlineMediaSearch_SearchStatus
{
  height: 30px;
  width: 30px;

  padding: 0 0 0 20px;

  background-repeat: no-repeat;
  background-position: center center;
}

.onlineMediaSearch_Loading_Saving
{
  background-color: #231F20;
  background-image: url( /luna/images/modern/bg-loading.gif) !important;
}

.slideShowButton
{
  /*width: 162px;*/
  vertical-align: middle;
}

.slideShow_TopNav .nextButton,
.slideShow_TopNav .prevButton,
.slideShow_TopNav .startButton,
.slideShow_TopNav .endButton,
#SlideShowTopNav_InfoButton
{
  background-color: white;
  float: right;
  width: 48px;
  line-height: 48px;
  height: 48px;
}

.slideShow_TopNav .startButton
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -480px;
}

.slideShow_TopNav .startButton:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -528px;
}

.slideShow_TopNav .endButton
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -384px;
}

.slideShow_TopNav .endButton:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -432px;
}

.slideShow_TopNav .prevButton
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 0px;
}

.slideShow_TopNav .prevButton:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -48px;
}

.slideShow_TopNav .nextButton
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -96px;
}

.slideShow_TopNav .nextButton:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -144px;
}

.slideShow_TopLinks
{
  width: 240px;
  text-align: right;
  vertical-align: middle;
}

.slideShowTitle
{
  width: 650px;
  vertical-align: middle;
}

.slideShowTitle #SlideShow_Title
{
  padding: 0;
  padding-left: 5px;
  margin: 0;

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

#SlideShowTopNav_InfoButton
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') 0 -3072px;
}

#SlideShowTopNav_InfoButton:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite-48.png') 0 -3120px;
}

#SlideShowInfoHeader
{
  color: #CAC2B7;
  font: bold 13px verdana;
  background-color: #4E5151;
}

#SlideShowInfoHeader .closeButton
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -816px;
}

#SlideShowInfo
{
  /*padding-left: 5px;*/
  /*width: 185px;*/
  overflow: hidden;
  border: 1px solid #4E5151;
}

#SlideShowInfo #InfoTable
{
  width: 100%;
}

#SlideShowInfo .collapsibleContainer .body
{
  background-color: #333333;
}

#SlideShowInfo .closeButton,
#SlideShowContainer .closeButton
{
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  display: block;
  float: right;
    /*
  height: 20px;
  width: 20px;

  padding: 0;
  margin: 0;

  display: block;
  float: right;

  background-color: transparent  ! important;
  background-image: url( /luna/images/workspace/icon-close.gif ) ! important;
  background-repeat: no-repeat ! important;

  border: 0 solid white;
  cursor: pointer;*/
}

#PageTitle a.browserForward,
#PageTitle a.browserForward:active,
#PageTitle a.browserForward:visited,
#PageTitle a.browserBack,
#PageTitle a.browserBack:active,
#PageTitle a.browserBack:visited,
#PHeader a.browserForward,
#PHeader a.browserForward:active,
#PHeader a.browserForward:visited,
#PHeader a.browserBack,
#PHeader a.browserBack:active,
#PHeader a.browserBack:visited
{
  background-color: white;
  float: left;
  width: 48px;
  height: 48px;
  line-height: 48px;
}

#PageTitle a.browserForward,
#PHeader a.browserForward
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -96px;
}

#PageTitle a.browserBack,
#PHeader a.browserBack
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -0px;
}

#PageTitle a.browserForward:hover,
#PHeader a.browserForward:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -144px;
}

#PageTitle a.browserBack:hover,
#PHeader a.browserBack:hover
{
  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -48px;
}

.onlineMediaSearch_Loading_Saving_Small
{
  background-image: url( /luna/images/modern/loader-19px.gif) !important;
}

.onlineMediaSearch_Error
{
  border: 1px solid #BD0000;
}

.onlineMediaSearch_PhotoBox
{
  height: 240px;

  padding: 5px 5px 50px 5px;
  margin: 0 15px 0 15px;

  text-align: left;
}

#selectionButtons,
#selectionButtons_Bottom
{
  margin: 0;
  padding: 3px 6px 0 22px;

  text-align: left;
}

.photoContainer
{
  padding-left: 5px;
}

.photoContainer h3
{
  padding-left: 10px;
}

.photoContainer p
{
  padding: 0;
  padding-right: 25px;
  padding-left: 10px;
  margin: 0 0 10px 0;

  color: #555657;

  font-size: 11px;
}

.photoContainer span
{
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
  margin: 0 0 10px 0;

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

  color: #555657;

  font-size: 12px;
  font-weight: normal;
}

.photoContainer a
{
  line-height: 25px;
  vertical-align: middle;

  color: #555657;

  text-decoration: none;

  font-size: 12px;
  /*font-weight: normal;*/
}

.addToWorkspace, .addToWorkspace:active, .addToWorkspace:visited, .addToWorkspace:link
{
  padding: 0 0px 0 0px ! important;
  margin: 0 ! important;

  width: 22px;
  height: 22px;

  color: #EFEFEF;

  display: block;

  text-decoration: none;

  font-size: 18px;
  background-image: url( /luna/images/modern/icon-add-workspace.gif );
  background-repeat: no-repeat ! important;
  background-position: bottom left ! important;

  border: 0 solid white;
}

.addToWorkspace:hover
{
  background-position: bottom right ! important;
}

.addToDefaultGroup, .addToDefaultGroup:active, .addToDefaultGroup:visited, .addToDefaultGroup:link
{
  padding: 0 0px 0 0px ! important;
  margin: 0 ! important;

  width: 22px;
  height: 22px;

  color: #EFEFEF;

  display: block;

  text-decoration: none;

  font-size: 18px;
  background-image: url( /luna/images/modern/icon-add-default-group.gif );
  background-repeat: no-repeat ! important;
  background-position: bottom left ! important;

  border: 0 solid white;
}

.addToDefaultGroup:hover
{
  background-position: bottom right ! important;
}

.showBookMediaIcon, .showBookMediaIcon:active, .showBookMediaIcon:visited, .showBookMediaIcon:link,
.refMediaIcon, .refMediaIcon:active, .refMediaIcon:visited, .refMediaIcon:link
{
  padding: 0 0px 0 0px ! important;
  margin: 0 ! important;

  width: 22px;
  height: 22px;

  color: #EFEFEF;

  display: block;

  text-decoration: none;

  font-size: 18px;
  background-repeat: no-repeat ! important;
  background-position: bottom left ! important;

  border: 0 solid white;
}

.showBookMediaIcon:hover, .refMediaIcon:hover
{
  background-position: bottom right ! important;
}

.showBookMediaIcon
{
  background-image: url( /luna/images/modern/icon-book-media.gif );
}

.showAudioMediaIcon
{
  background-image: url( /luna/images/modern/icon-audio-media.png );
}
.showVideoMediaIcon
{
  background-image: url( /luna/images/modern/icon-video-media.gif );
}
.showQtvrMediaIcon
{
  background-image: url( /luna/images/modern/icon-book-media.gif );
}
.showMiscMediaIcon
{
  background-image: url( /luna/images/modern/icon-misc-media.png );
}
.showPdfMediaIcon
{
  background-image: url( /luna/images/modern/icon-pdf-media.gif );
}

#OnlineMediaExternalContainer .addToDefaultGroup, #OnlineMediaExternalContainer .addToDefaultGroup:active, #OnlineMediaExternalContainer .addToDefaultGroup:visited, #OnlineMediaExternalContainer .addToDefaultGroup:link
{
  padding: 0 0px 0 0px ! important;
  margin: 0 0 0 3px ! important;

  height: 22px;
  width: 22px;

  color: #EFEFEF;

  display: block;

  text-decoration: none;

  font-size: 18px;
  background-image: url( /luna/images/modern/icon-add-default-group.gif );
  background-repeat: no-repeat ! important;
  background-position: bottom left ! important;

  border: 0 !important;
}

.addToDefaultGroupDisabled, .addToDefaultGroupDisabled:active, .addToDefaultGroupDisabled:visited, .addToDefaultGroupDisabled:link
{
  padding: 0 5px 0 6px ! important;
  margin: 0 ! important;

  color: #EFEFEF;

  text-decoration: none;

  font-size: 18px;
  background-image: url( /luna/images/modern/icon-add-default-group-disabled.gif );
  background-repeat: no-repeat ! important;
  background-position: bottom center ! important;

  border: 0 solid white;
}

#OnlineMediaExternalContainer .addToDefaultGroup:hover
{
  background-position: bottom right ! important;
}

.mediaImageIcon, .mediaAudioIcon, .mediaVideoIcon
{
  background-image: url( /luna/images/modern/media-icon-misc.gif );
  background-repeat: no-repeat! important;
  background-position: bottom left;
  height: 17px;
  width: 19px;
}

.mediaAudioIcon
{
  background-image: url( /luna/images/modern/media-audio-misc.gif );
}

.mediaVideoIcon
{
  background-image: url( /luna/images/modern/media-video-misc.gif );
}

#SlideShowContainer
{
  /*border-left: 1px solid #FEFEFE;
  border-right: 1px solid #FEFEFE;*/
}

#SlideShowContainerNoMedia
{
  border-left: 1px solid #FEFEFE;
  border-right: 1px solid #FEFEFE;
}

#SlideShowContainer h2
{
  color: #EFEFEF;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
}

.slideShowControls
{
  background-color: #FEFEFE;
  border: 1px solid #454240;
}

.slideShowControls a,
.slideShowControls a:visited
{
  background-color: #767676;
  font: normal 13px verdana;
  color: white;
}

.slideShowControls .detailView
{
  color: #EFEFEF;
}

.slideShowControls .slideShowPos
{
  font-size: 13px;
  font-weight: normal;
}

#MediaSearchContainer .expanded a,
#MediaSearchContainer .expanded a:hover,
#MediaSearchContainer .expanded a:active
{
  height: 15px ! important;

  background-position: top right ! important;
}

.editButton:hover,
.updateButton:hover,
.advancedSearchButtonBottom:hover,
.advancedSearchButtonTop:hover,
.andOr:hover
{
  cursor: pointer;
}
.editButton,
.andOr
{
  padding: 1px 3px 1px 3px;

  color: #EFEFEF;

  text-decoration: none;

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

  background-color: #807367;

  border: 1px solid #AAAAAA;
  border-top-color: #ADAAA7;
}

.editButton
{
  padding: 2px ! important;
  margin-top: 2px ! important;
  margin-bottom: 2px ! important;
  cursor: pointer;
  height: 1.2em;
}

#WidgetCreator a, #WidgetCreator a:visited, #WidgetCreator a:hover, #WidgetCreator a:active
{
  color:#939393;
}

#ForumWidgetPreview
{
  padding: 15px;

  color: #FEFEFE;
  font-size: 11px;
  font-weight: normal;

}

#ForumWidgetPreview .firstFieldEntry
{
  font-weight: bold;
}

#ForumWidgetPreview h1
{
  color: #FEFEFE;

  font-size: 14px;
  font-weight: normal;
}

#ColorPickerIntro
{
  font-size: 12px !important;
  font-weight: bold;
}

#PasswordInstruction
{
  font-size: 9px !important;
  font-weight: normal;

  vertical-align: bottom;
}

.yui-skin-sam .yui-panel
{
  border-color:#656260 !important;
  border-style:solid !important;
  border-width: 1px 1px 1px 1px !important;
}

.yui-picker-panel .bd, .yui-picker-panel .ft, .yui-picker-panel .hd
{
  background-color: #EAEAEA !important;
  border-color:#656260 !important;
  border-style:solid !important;
  border-width: 0 1px 0 1px !important;
}

.yui-skin-sam .yui-panel .ft
{
  background-color: #EAEAEA !important;
}

.yui-skin-sam .yui-panel .hd
{
  display: none;
}

.yui-picker-panel .hd1
{
  background-color: #EAEAEA !important;
  border-color:#656260;
  border-style:solid;
  border-width:0 0 1px 0;
  line-height: 19px;
  color:#EFEFEF;
  display:block;
  font-style:normal;
  font-weight:bold;
  margin:0pt;
  padding:3px 0px 5px 5px;
  text-align:left;
  color: #090909;
}

#yui-picker-panel .container-close{
  height: 25px;
  top:4px;
}

.yui-skin-sam .container-close
{
  position: absolute;
  top: 6px;
  right: -5px  !important;
  z-index: 6;

  background:transparent url(/luna/images/modern/icon-close.gif ) no-repeat !important;
  cursor: pointer;
}


.yui-picker-controls li, .yui-picker-hex-controls
{
  font-size: 12px !important;
}

.shareThis
{
  color: #57595A;
  background-color: white;
  border: 1px solid #D5D7D8;
}

.shareThis p
{
  color: #57595A;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 13px;
}

.shareThis .iiifContainer span
{
  font-family: Verdana, Tahoma, Arial, Helvetica;
  line-height: 12px;
  padding-left: 5px;
  float: left;
}

.shareThis div.iiifContainer
{
  background-color: #E0E0E0;
}

.shareThis input
{
  color: #57595A;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  padding: 4px;
}

.shareThis a.closeButton
{
  background: url('/luna/images/modern/luna-sprite-30.png') 0 -240px;
}

.shareThis a.closeButton:hover
{
  background: url('/luna/images/modern/luna-sprite-30.png') 0 -270px;
}

.shareThis a .rssImage
{
  background-image: url( /luna/images/modern/icon-rss.png );
}

#Workspace a
{
  border: 0 solid white;

  background-color: transparent;
}

#Workspace .imagePanel
{
  border: 0 solid #FEFEFE;
  background-color: white;
}

.hideablePanel
{
  background-color: #FEFEFE;
}

.hideablePanel .closeButton
{
  padding: 0;
  margin: 0;

  display: block;

  font-size: 11px;
}

#QuickSearch .searchHeaderContainer .closeButton,
#QuickSearch .searchHeaderContainer .helpButton,
#QuickSearch .searchHeaderContainer .searchTitle,
#QuickSearch .advanceMediaSearchContainer p
{
  /*font-size: 11px;*/
}

#QuickSearch .searchHeaderContainer a.helpButton
{
  font-size: 12px;
  color: #A0A2A3;
}

#QuickSearch .searchHeaderContainer .searchSelectedTitle
{
  font-size: 16px;
  font-weight: bold;
  color: #4E5151;
}

#QuickSearch .searchHeaderContainer
{
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D5D7D8;
}

#AdvanceSearchHideablePanel
{
  background-color: #FEFEFE;
}

#AdvanceSearchHideablePanel .body
{
  background-color: #FEFEFE;
  border: 2px inset #CCC;
}

#QuickSearch .loadingContainer
{
  color: #EFEFEF;

  background-color: #231F20;

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

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

#QuickSearch .advanceMediaSearchContainer
{
  background-color: #EDEDED;
  /*border: 1px solid white;*/
  font: normal 13px verdana;
  color: #717375;
}

#QuickSearch .advanceMediaSearchContainer a,
#QuickSearch .advanceMediaSearchContainer a:hover,
#QuickSearch .advanceMediaSearchContainer a:visited,
#QuickSearch .advanceMediaSearchContainer a:active
{
	
}

#QuickSearch .mediaCollectionsContainer
{
  border: 1px solid #656260;
}

#QuickSearch .mediaCollectionsHeaderContainer
{
  /*border-bottom: 1px solid #656260;*/
}

#QuickSearch .mediaCollectionsHeaderContainer a
{
  background-image: url( /luna/images/modern/icon-arrow.gif );
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
}

#QuickSearch .mediaCollectionsHeaderContainer span.spLink
{
  color: #1A82C5;
}

#QuickSearch .mediaCollectionsListContainer
{
  border: #D5D7D8 1px solid;
  background-color: #F5F5F5;
}

#QuickSearch .submitSearchButton,
#QuickSearch .submitSearchButton:active
{
  background-color: #1A82C5;
  font: bold 14px verdana;
  line-height: 46px;
  border: none;
  color: #EFEFEF;
}

#QuickSearch .submitSearchButton:hover
{
  background-color: #006CB8;
  text-decoration: none;
  transition: 0.1s;
}

#QuickSearch .clearSearchButtonContainer,
#QuickSearch .clearSearchButtonContainer a,
#QuickSearch .clearSearchButtonContainer a:active
{
  line-height:2.2em;
}

#QuickSearch .mediaCollectionsContainer span,
#QuickSearch .esMediaCollectionsContainer span
{
  line-height: 20px;
}

#QuickSearch .mediaCollectionsContainer a,
#QuickSearch .esMediaCollectionsContainer a
{
  background-image: url( /luna/images/modern/icon-gray-arrow.gif );
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
}

#QuickSearch .searchOptionsContainer span
{
  color: #EFEFEF;
  font-size: 10px;
}

#QuickSearch .searchOptionsContainer
{
  color: #717375;
  background-color: white;
  font: normal 13px verdana;
}

#QuickSearch .searchOptionsContainer .submitSearchButton,
#QuickSearch .searchOptionsContainer .submitSearchButton:hover
{
  color: white ! important;
  background-color: #807367 ! important;
  border: 1px solid #ADAAA7 ! important;
  font-size: 9px ! important;
}


#QuickSearch .searchValuesContainer
{
  background-color: #CDCDCD;
  border: 1px solid #656260;
}

#QuickSearch .searchValuesContainer .searchDateContainer span
{
  line-height: 15px;
  font-size: 11px;
  background-color: transparent;
  border: 0 solid white;
}

#QuickSearch .searchValuesContainer a,
#QuickSearch .searchValuesContainer a:hover,
#QuickSearch .esSearchValuesContainer a,
#QuickSearch .esSarchValuesContainer a:hover
{
  color: white ! important;
  background-color: #807367 ! important;
  border: 1px solid #ADAAA7 ! important;
  font-size: 9px ! important;
}

#QuickSearch .searchValuesContainer input,
#QuickSearch .esSearchValuesContainer input
{
  font-size: 9px;
}

#QuickSearch .searchValuesContainer div,
#QuickSearch .esSearchValuesContainer div
{
  font-size: 10px;
  background-color: #767676;
}

#QuickSearch .searchValuesContainer div span,
#QuickSearch .esSearchValuesContainer div span
{
  /*background-color: #443C38;
  border: 1px solid #656260;*/
}

#QuickSearch .searchTermContainer .searchValue a
{
  background-color: transparent;
  background-image: url( /luna/images/modern/icon-delete-parameter.gif );
  background-repeat: no-repeat;
  background-position: 0 50%;
}

#QuickSearch .searchTermContainer .searchValue span
{
  background-image: url( /luna/images/modern/bg-search-term-value.gif );
  background-repeat: no-repeat;
  background-position: center left;
}

#QuickSearch .currentSearchTerm .searchValue span
{
  background-image: url( /luna/images/modern/bg-current-search-term-value.gif );
  background-repeat: no-repeat;
  background-position: center left;
}

#QuickSearch .searchTermContainer .firstSearchTermValue span
{
  background-image: none;
}

#QuickSearch .searchTermsContainer .newSearchTermButton
{
  background-color: #FEFEFE;
  background-image: url( /luna/images/modern/icon-add-parameter.gif );
  background-repeat: no-repeat;
  background-position: 1% 50%;
  border: 1px solid #656260;
}

#QuickSearch .searchTermsContainer .searchTermContainer
{
  background-color: #FEFEFE;
  border: 1px solid #656260;
  font-size: 10px;
}

#QuickSearch .searchAllTermsContainer .newSearchAllTermButton,
#QuickSearch .searchAnyTermsContainer .newSearchAnyTermButton,
#QuickSearch .searchExactTermsContainer .newSearchExactTermButton,
#QuickSearch .searchDateRangeContainer .newSearchDateRangeButton
{
  background: url('/luna/images/modern/luna-sprite.png') 0 -2208px;
}

#QuickSearch .searchAllTermsContainer .newSearchAllTermButton:hover,
#QuickSearch .searchAnyTermsContainer .newSearchAnyTermButton:hover,
#QuickSearch .searchExactTermsContainer .newSearchExactTermButton:hover,
#QuickSearch .searchDateRangeContainer .newSearchDateRangeButton:hover
{
  background: url('/luna/images/modern/luna-sprite.png') 0 -2256px;
}

#QuickSearch .searchAllTermsContainer .searchAllTermContainer,
#QuickSearch .searchAnyTermsContainer .searchAnyTermContainer,
#QuickSearch .searchExactTermsContainer .searchExactTermContainer,
#QuickSearch .searchDateRangeContainer .searchDateRangeContainer
{
  /*background-color: #282828;*/
  /*font-size: 10px;*/
}

#QuickSearch .searchAllTermsContainer .searchAllTermContainer a,
#QuickSearch .searchAnyTermsContainer .searchAnyTermContainer a,
#QuickSearch .searchExactTermsContainer .searchExactTermContainer a,
#QuickSearch .searchDateRangeContainer .searchDateRangeContainer a
{
  color: #1A82C5;
}

#QuickSearch .searchTermsContainer .currentSearchTerm
{
  background-color: #CDCDCD;
}

#QuickSearch .selected
{
  background-color: #CDCDCD;
}

#QuickSearch .searchTermContainer .removeButton
{
  background-image: url( /luna/images/modern/icon-close.gif );
  background-repeat: no-repeat;
  background-position: center center;
  border: 0 solid white;
}

#QuickSearch .searchAllTermContainer .removeButton,
#QuickSearch .searchAnyTermContainer .removeButton,
#QuickSearch .searchExactTermContainer .removeButton,
#QuickSearch .searchDateRangeContainer .removeButton
{
  background: url('/luna/images/modern/luna-sprite.png') 0 -2304px;
}

#QuickSearch .searchAllTermContainer .removeButton:hover,
#QuickSearch .searchAnyTermContainer .removeButton:hover,
#QuickSearch .searchExactTermContainer .removeButton:hover,
#QuickSearch .searchDateRangeContainer .removeButton:hover
{
  background: url('/luna/images/modern/luna-sprite.png') 0 -2352px;
}

#QuickSearch .advanceMediaSearchContainer .closeButton,
#Sidebar .closeButton
{
  background: url('/luna/images/modern/luna-sprite.png') 0 -816px;
}

#QuickSearch .advanceMediaSearchContainer .closeButton:hover
{
  background: url('/luna/images/modern/luna-sprite.png') 0 -2352px;
}

#QuickSearch .advanceMediaSearchContainer .helpButton
{
  /*background-image: url( /luna/images/modern/icon-help.gif );
  background-repeat: no-repeat;
  background-position: center center;
  border: 0 solid white;*/
}

#QuickSearch .searchTermContainer .termConditionButton,
#QuickSearch .searchTermContainer .termConditionButton:hover
{
  line-height: 15px ! important;
  color: #C5C2C0;
  background-color: #232323;
}

#QuickSearch .searchAllTermContainer .termConditionButton,
#QuickSearch .searchAllTermContainer .termConditionButton:hover,
#QuickSearch .searchAnyTermContainer .termConditionButton,
#QuickSearch .searchAnyTermContainer .termConditionButton:hover,
#QuickSearch .searchExactTermContainer .termConditionButton,
#QuickSearch .searchExactTermContainer .termConditionButton:hover,
#QuickSearch .searchDateRangeContainer .termConditionButton,
#QuickSearch .searchDateRangeContainer .termConditionButton:hover
{
  line-height: 15px ! important;
  color: #C5C2C0;
  background-color: #232323;  
}

#QuickSearch .matchAll .termConditionButton,
#QuickSearch .matchAll .termConditionButton:hover
{
  background-color: transparent;
  background-image: url( /luna/images/modern/icon-and-parameter.gif );
  background-position: top left;
  background-repeat: no-repeat;
}

#QuickSearch .matchAny .termConditionButton,
#QuickSearch .matchAny .termConditionButton:hover
{
  background-color: transparent;
  background-image: url( /luna/images/modern/icon-or-parameter.gif );
  background-position: top left;
  background-repeat: no-repeat;
}

#BrowseTitle
{
  padding: 3px 0 3px 0;
  margin: 5px 15px;
  font-weight: bold;
  font-size: 16px;

  color: #333333;
}

#BrowseSubTitle
{
  padding: 3px 0 3px 0;
  margin: 0px 15px 0px 15px;
  color: #EFEFEF;

  font-size: 13px;
  font-weight: normal;
  
  border-color: #656260;
  border-style: solid;
  border-width: 0 0 5px;
}


#CustomTopLeft
{
  background-image:url('/luna/images/modern/tls.gif');
  background-position:bottom right;
  background-repeat:no-repeat;
  background-color: #EDEDED;
}
#CustomTopRight
{
  background-image:url('/luna/images/modern/trs.gif');
  background-position:bottom left;
  background-repeat:no-repeat;
  background-color: #EDEDED;
}
#CustomBottomLeft
{
  background-image:url('/luna/images/modern/bls.gif');
  background-position:top right;
  background-repeat:no-repeat;
  background-color: #EDEDED;
}
#CustomBottomRight
{
  background-image:url('/luna/images/modern/brs.gif');
  background-position:top left;
  background-repeat:no-repeat;
  background-color: #EDEDED;
}
#CustomLeftBorder
{
  background-image: url('/luna/images/modern/ls.gif');
  background-attachment: scroll;
  background-position: top right;
  background-repeat: repeat-y;
  background-color: #EDEDED;
}
#CustomRightBorder
{
  background-image: url('/luna/images/modern/rs.gif');
  background-attachment: scroll;
  background-position: top left;
  background-repeat: repeat-y;
  background-color: #EDEDED;
}
#CustomTopBorder
{
  background-image: url('/luna/images/modern/ts.gif');
  background-attachment: scroll;
  background-repeat: repeat-x;
  background-position: 0% 100%;
  background-color: #EDEDED;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana;
  color: #EFEFEF;
}
#CustomBottomBorder
{
  background-image: url('/luna/images/modern/bs.gif');
  background-attachment: scroll;
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #EDEDED;
  font-size: 10px;
  font-family: Verdana;
  color: #EFEFEF;
}
#CustomBottomBorder a
{
  text-decoration: none;
}
#CustomBottomBorder a:hover
{
  text-decoration: none;
}
#CustomBottomBorder a:visited
{
  text-decoration: none;
}

#MainIntroText
{
  background-color: #EDEDED;
}

#MainIntroText .introText
{
  line-height: 120%;
  font-size: 13px;
  font-family: Arial;
  color: #EFEFEF;
  background-color: #EDEDED;
}

#MainIntroText .introHeaderLink:hover
{
  text-decoration: underline;
}

#AllPresentations,
#AllMediaGroups
{
  padding: 5px;
  margin: 5px 15px 5px 15px;

  background-color: #CDCDCD;
}

#AllPresentations ul,
#AllMediaGroups ul
{
  padding: 0;
  margin: 0;
  margin-left: 5px;

  text-align: left;

  list-style-position: outside;
  list-style-type: none;

  border: 0 solid white;
}

#AllPresentations ul li,
#AllMediaGroups ul li
{
  padding: 2px 0 2px 0;
  margin: 0;

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

}

#AllPresentations .locked,
#AllMediaGroups .locked
{
  background-image: url( /luna/images/modern/icon-lock.gif  );
  background-repeat: no-repeat;
  background-position: 0 8px;
}

#AllPresentations .locked a,
#AllMediaGroups .locked a
{

}

#AllPresentations ul li a,
#AllPresentations ul li a:active,
#AllPresentations ul li a:visited,
#AllMediaGroups ul li a,
#AllMediaGroups ul li a:active,
#AllMediaGroups ul li a:visited
{
  padding: 0;
  padding-left: 13px;
  margin: 0;

  color: #333333;

  font-size: 13px;
  font-family: tahoma, verdana, helvetica;

  text-decoration: none;
}

#AllPresentations ul li a:hover,
#AllMediaGroups ul li a:hover
{
  text-decoration: underline;
}

.slideshowHeader
{
  margin: 0;
  padding: 0;

  color: #EFEFEF;

  text-align: right;
  text-decoration: none;

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

.errorMessage
{
  padding: 5px;
  color: #bbbbbb;

  font-size: 10px;

  font-weight: bold;
}

#PresentationPlayback
{
  padding: 0;
  margin: 0;
}

#PresentationPlayback #PHeader
{
  width: 100%;
  height: 48px;

  padding: 0;
  margin: 0;

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

  /*color: #EFEFEF;*/

  overflow: hidden;

  background-color: #FEFEFE;

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

  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 14px;
  line-height: 48px;
}

#PresentationPlayback #PHeader h1
{
  float: left;
  width: auto;
  padding: 0;
  padding-left: 5px;
  margin: 0;
  line-height: 47px;
}

#PresentationPlayback #PHeader #ReturnToSource
{
  height: 40px;
  width: 120px;
  padding: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 470px;
  top: 0;

  color: #EFEFEF;

  text-decoration: none;

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

#PresentationPlayback .loadingContainer
{
  padding: 0;
  margin: 0;

  color: #EFEFEF;

  background-color: #231F20;
  background-color: transparent;

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

  background-image: url( /luna/images/modern/bg-loading-small.gif );
  background-repeat: no-repeat;
  background-position: 99% 30px;
}

#PresentationPlayback_Links  #PresentationPlayback_ReturnFromWorkspace,
#SlideShowPlayback #SlideShowPlayback_ReturnFromWorkspace
{
  padding: 0;

  /*position: absolute;
  top: 0px;
  right: 30px;*/
  float: right;
  color: #717375;

  text-decoration: none;

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

#PresentationPlayback_Links  #PresentationPlayback_EmbedThis,
#SlideShowPlayback #SlideShowPlayback_EmbedThis
{
  padding: 0;

  /*position: absolute;
  top: 0px;
  right: 200px;*/
  float: right;
  color: #717375;

  text-decoration: none;

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

#PresentationPlayback_Links  #PresentationPlayback_ShareThis,
#PresentationPlayback_Links  #PresentationPlayback_SearchMedia,
#SlideShowPlayback #SlideShowPlayback_ShareThis,
#SlideShowPlayback #SlideShowPlayback_ReturnToBook
{
  padding: 0;

  /*position: absolute;
  top: 0px;
  right: 125px;*/
  float: right;
  color: #717375;

  text-decoration: none;

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

#SlideShowPlayback #SlideShowPlayback_ReturnFromWorkspace,
#SlideShowPlayback #SlideShowPlayback_EmbedThis,
#SlideShowPlayback #SlideShowPlayback_ShareThis,
#SlideShowPlayback #SlideShowPlayback_ReturnToBook
{
  margin: 0 5px;
}

#PresentationPlayback_Links #PresentationPlayback_ReturnFromWorkspace,
#PresentationPlayback_Links #PresentationPlayback_EmbedThis,
#PresentationPlayback_Links #PresentationPlayback_SearchMedia,
#PresentationPlayback_Links #PresentationPlayback_ShareThis
{
  margin: 0 3px;
}

#PresentationPlayback .presentationControls
{
  background-color: #FEFEFE;
  text-align: right;
  text-decoration: none;
  margin-top: 12px;
}

#PresentationPlayback .presentationControls .nextButton,
#PresentationPlayback .presentationControls .jumpToFirstSlide,
#PresentationPlayback .presentationControls .jumpToLastSlide,
#PresentationPlayback .presentationControls .previousButton,
#PresentationPlayback .presentationControls .cloneButton
{
  margin: 0 2px 0 2px;
  vertical-align: middle;
  width: 23px;
  height: 23px;
}

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

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

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

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

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

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

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

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

#PresentationPlayback .presentationControls .cloneButton
{
  /*background-color: transparent;
  background-image: url( /luna/images/modern/icon-clone.gif );
  background-repeat: no-repeat;
  background-position: 50% 30%;*/

  text-decoration: none;
  width: auto;
}

#OpenPresentationContainer
{
  margin-left: 15px;
}

#OpenPresentationContainer p
{
  margin: 10px 0 10px 0;
  padding: 0;

  font-size: 11px;
}

#OpenPresentationContainer a
{
  padding: 3px;

  color: #EFEFEF;

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

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

  font-size:11px;

  background-color: #807367;

  border: 1px solid #AAAAAA;

  cursor: pointer;
}

#MediaGroup_UnavailableMedia,
#Media_UnavailableSize
{
  width: 500px;

  padding: 10px;
  margin: 8px 0 8px 15px;

  visibility: hidden;
  position: absolute;

  font-size: 11px;

  background-color: #CDCDCD;
  border: 1px solid #BD0000;
}

#MediaGroup_UnavailableMedia ul
{
  padding-left: 20px;
}

#MediaGroup_UnavailableMedia_Tooltip
{
  font-size: 18px;
  color: #FA0000;
  cursor: pointer;
}

#Media_UnavailableSize_Tooltip
{
  visibility: hidden;

  font-size: 14px;
  color: #BD0000;
  cursor: pointer;
}


.summaryDescriptionContainer
{
  width: 312px;
  height: 310px;

  overflow: hidden;

  padding: 0px;
  margin: 0px;

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

  background-color: transparent;
}

.summaryDescriptionContainer .leftPointer
{
  width: 311px;
  height: 310px;

  padding: 0px;
  margin: -1px;

  background-image: url( /luna/images/modern/bg-pointer-left.gif );
  background-repeat: no-repeat;
  background-position: 0 13%;
}

.summaryDescriptionContainer .rightPointer
{
  width: 311px;
  height: 310px;

  padding: 0;
  margin: 0;

  background-image: url( /luna/images/modern/bg-pointer-right.gif );
  background-repeat: no-repeat;
  background-position: 100% 13%;
}

.summaryDescriptionContainer h1
{
  width: 280px;
  overflow: hidden;

  margin: 0px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0px;

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

  color: #4D433D;
  /*color: #EFEFEF;*/

  font-size: 12px;

  border: 0px solid #847C74;
  /*background-color: transparent;*/
  background-color: #EDEDED;
}

.summaryDescriptionContainer table
{
  width: 280px;
  height: 280px;
  overflow: hidden;

  padding: 8px;
  margin: 0px;
  margin-left: 15px;
  margin-right: 15px;

  text-align: left;

  border: 0px solid #847C74;

  -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.2);
  
  background-color: #EDEDED;

}


.summaryDescriptionContainer table tr td
{
  padding: 0px;
  padding-top: 1px;
  padding-bottom: 2px;
  margin: 0px;

  color: #4D433D;
}

.summaryDescriptionContainer table tr td span
{
  padding: 0 0 5px 0;

  display: block;

  font-weight: bold;

  word-wrap: break-word;
}

.summaryDescriptionContainer table tr td p
{
  padding-left: 5px;
}

#HelpPopUp
{
  width: 500px;
  height: 300px;
  background-color: #FEFEFE;
  border: 1px solid white;
  overflow: hidden;
  z-index: 999;
}

#HelpPopUp #HelpHeader
{
  color: #EFEFEF;
  font-size: 12px;
  border-width: 0 0 1px 0;
  padding: 6px;
  border: 1px solid white;
  background-color: #6B2C91;
  z-index: 999;
}

#HelpPopUp #HelpFooter
{
  font-size : 10px;
  position: absolute;
  width: 97%;
  top: 90%;
  padding: 6px;
  z-index: 999;
}

#HelpPopUp #HelpFooter #HelpFooterNeverShowAgain,
#HelpPopUp #HelpFooter #ShowMore,
#HelpPopUp #HelpFooter #HelpFooterNoMoreTips
{
  cursor: pointer;
  background-color: #61574F;
  padding: 2px;
  border: 1px solid #AAAAAA;
  z-index: 999;
}
#HelpPopUp #HelpFooter #HelpFooterNoMoreTips
{
  margin-left: 4px;
}

.helpText
{
  font-size: 12px;
}

#HelpPopUp #HelpContentPopUp,
#HelpPopUp #HelpContent
{
  width: 100%;
  padding: 0px;
  position: absolute;
  top: 29px;
  border: 0px;
  z-index: 999;
}

#HelpPopUp #HelpContent
{
  margin: 0px;
  padding: 0px;
  overflow-y: auto;
  overflow-x: hidden;
}

#HelpPopUp #HelpContentPopUp
{
  height: 247px !important;
  overflow-y: hidden;
  overflow-x: hidden;
}

#HelpPopUp #HelpImage
{
  position: absolute;
  top: 37px;
  left: 10px;
  background-color: #FEFEFE;
  width: 44px !important;
  height: 60px;
  background-image: url( /luna/images/modern/icon-tip.gif );
  z-index: 999999;
}
#HelpPopUp #HelpHeader #HelpClose,
#HelpPopUp #HelpHeader #HelpOpen
{
  position : absolute;
  right: 38px;
  top: 5px;
  cursor: pointer;
  font-size : 12px;
  width: 44px;
  z-index: 999999;

}
#HelpPopUp #HelpHeader #HelpClose
{
  right: 13px;
  background-image: url( /luna/images/modern/icon-close.gif );
  width: 20px;
  height: 20px;
}

#HelpPopUp #HelpHeader #HelpOpen
{
  right: 33px;
  background-image: url( /luna/images/modern/icon-pop-out.png );
  margin-right: 20px;
  width: 20px;
  height: 20px;
}

#HelpPopUp #HelpHeader #HelpOpen span
{
  float: right;
  margin-right: 24px;
  line-height: 22px;
}

#HelpPopUp #HelpFooter #ShowMore,
#HelpPopUp #HelpFooter #HelpPopUpOpen
{
  position: absolute;
  left: 67%;
  top: 13%;
  z-index: 999999;
}
#HelpPopUp #HelpFooter #HelpPopUpOpen
{
  left: 85%;
  top: 26%;
  cursor: pointer;
  width: 44px;
}

#HelpGlowB
{
  overflow: hidden;
  background-image: url( /luna/images/modern/tip-shadow-slice-ver.png);
  background-repeat: repeat-x;
  background-position: 0% 100%;
  z-index: 999999;
}

#HelpGlowR
{
  overflow: hidden;
  background-image: url( /luna/images/modern/tip-shadow-slice-hor.png);
  background-repeat: repeat-y;
  background-position: 100% 0%;
  z-index: 999999;
}

#AdvancedSearchHelp
{
  cursor: pointer;
}

#MediaCollectionKey
{
  padding: 0px 0px 0px 23px;
  margin: 0 0 10px 0;

  color: #939393;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;

  line-height: 20px;

  background-image: url(/luna/images/modern/collection_icon.gif);
  background-position: 3px 50%;
  background-repeat: no-repeat;
}

#HomePage_MediaCollectionKey
{
  width: 335px;

  padding: 0 0 0 2px;
  margin: 0;

  color: #939393;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
}

#HomePage_MediaCollectionKey_Img
{
  height: 14px;
  width: 16px;

  background-image: url(/luna/images/modern/collection_icon.gif);
  background-position: right 50%;
  background-repeat: no-repeat;
}

.homepageCollectionsContent .seeMoreCollections
{
  font-size: 11px;
  color: #333333;
}

.homepageCollectionsContent a.selected,
.mediaCollectionsContent a.selected
{
  font-weight: bold;
  font-size: 12px;
}

#HomepageCollectionSelection .homepageCollectionsContent a:hover,
.homepageCollectionsContent .seeMoreCollections a:hover,
.mediaCollectionsContent a:hover
{
  color: #585858;
  text-decoration: underline;
  transition: 0.1s;
}

.homepageCollectionsContent a,
.homepageCollectionsContent a:visited
{
  font-size: 12px;
    color: #737373 !important;
}

.homepageCollectionsContentSpacer
{
  border-left: 1px solid #EEEEEE;
}

#MediaView .embedded a,
#MediaView .embedded a:visited,
#MediaView .embedded a:active,
.embedded a,
.embedded a:visited,
.embedded a:active
{
  line-height: 12px;
  color: #D1C6BE;
  font-size: 12px;
}

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

#MediaView #QuickViewContainer
{
  height: 58px;
}

#MediaView a.quickViewThumbnails
{
  padding-left: 36px;  
  line-height: 24px;
  font: normal 12px verdana;
  color: #828384;

  overflow: hidden;

  text-decoration: none;
  background: url('/luna/images/modern/luna-sprite.png') 0 -1216px;
  background-repeat: no-repeat;

  border: 0;
}

#MediaView .quickView
{
  padding: 0;
  margin: 0;
}

#MediaView .quickView .imageContainer
{
  padding: 0;
  margin: 0;

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

#MediaView .quickView .nextButton:hover,
#MediaView .quickView .prevButton:hover
{
  background-color: #363838;
}

#MediaView .quickView .nextButton
{
  width: 13px;

  padding: 0;
  margin: 0;

  display: block;
  border: 1px solid #767676;
  background: #767676 url('/luna/images/modern/luna-sprite.png') 0 -956px;
  background-position-x: center;
}

#MediaView .quickView .prevButton
{
  width: 13px;

  padding: 0;
  margin: 0;

  display: block;
  border: 1px solid #767676;
  background: #767676 url('/luna/images/modern/luna-sprite.png') 0 -1004px;
  background-position-x: center;
}

#MediaView .quickView .centerLeftButton
{
	width: 7px;

	padding: 0;
	margin: 0;

	display: block;

	border: 1px solid #555250;

	background-color: #ECECEC;

  background-image: url( /luna/images/modern/quickview-icon-centerOn.gif );
  background-position: center center;
  background-repeat: no-repeat;
}

#MediaView .quickView .centerRightButton
{
	width: 7px;

	padding: 0;
	margin: 0;

	display: block;

	border: 1px solid #555250;

	background-color: #ECECEC;

  background-image: url( /luna/images/modern/quickview-icon-centerOn.gif );
  background-position: center center;
  background-repeat: no-repeat;
}

#MediaView .quickView .browseAllLink
{
  padding: 0 0 0 13px;
	margin: 0;

  line-height: 9px;

  font-size: 9px;

  overflow: hidden;

  background-color: #FEFEFE;
  background-image: url( /luna/images/modern/icon-quickview-viewAll.gif );
  background-position: center left;
  background-repeat: no-repeat;

  border: 0 solid #555250;
}

#Workspace a.mediaAnchor
{
  border: 0 solid white ! important;
}

#Workspace a.mediaAnchor:hover
{
  border: 0 solid white ! important;
}


#Workspace a.mediaAnchor img
{
  border: 0 solid white ! important;
}

#WidgetControls
{
  padding: 0;
  padding-bottom: 3px;
  margin: 0;
  margin-bottom: 5px;

  text-align: right;

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

  background-color: #FEFEFE;
}

#WidgetControls .returnToSource
{
  margin: 0;
  padding: 4px 4px 4px 4px;

  font: normal 13px verdana;

  border: none;
}

#UploadContainer
{
  width: 100%;
  margin: 0; 

  color: #555657;

  font-size: 12px;
  font-weight: bold;
  border: 1px;
  overflow: hidden;
  white-space: nowrap;
}

#UploadContainer .submitButton
{
  margin: 0;
  padding: 8px 8px 8px 8px;

  font: normal 13px verdana;

  border: none;
  color: #EFEFEF;
}

#UploadContainer a:hover 
{
  color: #767676;
}

#dataTableContainer tr.yui-dt-even,
#dataTableContainer .dt-even,
#dataTableContainer .file-wrapper
{
  background-color: #EFEFEF;
}

#dataTableContainer tr.yui-dt-odd,
#dataTableContainer .dt-odd
{
  background-color: #CDCDCD;
}

#dataTableContainer .file-uploaded 
{
  display: flex;
  align-items: center;
  line-height: 50px;
  color: #474B45;
  padding-left: 10px;
}

#waitMessageContainer{
  position: absolute; left: 0px; top: 0px; 
  display: none; 
  visibility: hidden; 
  background-color: yellow; 
  color: #FEFEFE; 
  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;
}

#ExportMediaMenuContainer,
#AnnoStateMenuContainer
{
  position: absolute;
  z-index: 1;
  display: block;
  color:#EFEFEF;
}

#ExportMediaMenu ul .item,
#AnnoStateMenu ul .item
{
  display:block;
  background:#767676;
  padding:0 0 2px;
  text-align:left;
  cursor: pointer;
  
}

#ExportMediaMenu ul .top,
#AnnoStateMenu ul .top
{
  display:block;
  background:transparent;
  border:0px solid #453E37;
  padding:0 0 2px;
  cursor: pointer;
  width:100px;
  text-align:right;
}

#ExportMediaMenu li:hover,
#ExportMediaMenu li.hover,
#AnnoStateMenu li:hover,
#AnnoStateMenu li.hover
{
  color: #FFFFFF;
  text-decoration:none;
}

#ExportMediaMenu ul,
#AnnoStateMenu ul
{
  margin:0px;
  padding:2px;
  list-style:none;
  overflow-x:hidden;
  overflow-y:auto;
}

#ExportMediaMenu li p,
#AnnoStateMenu li p
{
  margin:10px;
  display:inline;
}

.controlStrip #ShowBookThumbnailsViewButton
{/*
  margin: 0;
  padding: 1px 3px 2px 19px;

  color: #C5C2C0;

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

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

  font-size: 11px;

  background-color: #ECECEC;

  border: 1px solid #555250;

  cursor: pointer;

  white-space: nowrap;

  background-image: url( /luna/images/modern/icon-browseAll-01.gif );
  background-repeat: no-repeat;
  background-position: 0px 0px;*/
}

.controlStrip #OpenBookInFullViewButton,
.controlStrip #OpenMediaInFullViewButton
{/*
  margin: 0;
  padding: 1px 3px 2px 19px;

  color: #C5C2C0;

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

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

  font-size: 11px;

  background-color: #ECECEC;

  border: 0px solid #555250;

  cursor: pointer;

  white-space: nowrap;

  background-image: url( /luna/images/bookReader/icon-expand.gif );
  background-repeat: no-repeat;
  background-position: 0px 0px;
   box-shadow: 2px 1px 7px #888888;*/
}

#LinkSearch div.linkSearchThisFieldMenu,
#LinkSearch div.linkSearchAllFieldsMenu
{
  display: none;
  visibility: hidden;
  cursor: pointer;
  margin-top: 3px;
}

#LinkSearch div.linkSearchAllFieldsPanel,
#LinkSearch div.linkSearchThisFieldPanel
{
  margin-right: 4px;
  margin-left: 4px;
  padding: 4px;
  cursor: pointer;
}

#LinkSearch div.linkSearchThisFieldMenu a,
#LinkSearch div.linkSearchThisFieldMenu a:visited,
#LinkSearch div.linkSearchAllFieldsMenu a,
#LinkSearch div.linkSearchAllFieldsMenu a:visited
{
  text-decoration: none;
  color: #EFEFEF;
  margin: 4px 2px 2px;
  background-color: #767676;
  padding: 2px;
  font-size: 10px;
}

#LinkSearch div.linkSearchThisFieldMenu a:hover,
#LinkSearch div.linkSearchAllFieldsMenu a:hover
{
  background-color: #857C75;
}

#LinkSearch .linkSearchMainPanel
{
  background-color: #E7E1D8;
  font-size: 10px;
  padding: 8px;  
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#ThumbnailViewContainer a.backToBook
{
  margin: 0;
  padding: 8px 8px 8px 8px;
  font: normal 13px verdana;
  border: none;
  color: #EFEFEF;
  background-color: #4E5151;
  text-decoration: none;
  line-height: 48px;
}

.fl { width:30%; text-align:right;vertical-align:top;font-weight:bold;}
.fv { width:70%; text-align:left;vertical-align:top; }    
.st { padding-top:100px; font-size: 10px; margin-top:15px; display:none;}
.lr {height:99}

#MediaInformation.collapsibleContainer .fieldGrpHeader,
#MediaInformation.collapsibleContainer .defaultFieldGroup,
#MediaInformation.collapsibleContainer .metaGroup,
#MediaInformation.collapsibleContainer .annotGroup,
#SlideShowInfo .collapsibleContainer .fieldGrpHeader
{
   background-color: #E0E0E0;
   padding: 3px;
   padding-left: 9px;
   font-weight : bold;
}

#MediaInformation.collapsibleContainer .fieldCollapsed,
#MediaInformation.collapsibleContainer .fieldExpanded,
#SlideShowInfo .collapsibleContainer .fieldCollapsed a,
#SlideShowInfo .collapsibleContainer .fieldExpanded a,
#FacetsContainer .fieldExpanded,
.iiifContainer .iiifButtonCollapsed,
.iiifContainer .iiifButtonExpanded
{
  width: 15px;
  height: 15px;

  padding: 0 ! important;
  margin: 0 0 0 5px ! important;

  display: inline-block;

  background-image: url( /luna/images/modern/icon-arrow3.png );
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  
  line-height: 10px;
  vertical-align: middle;
  border:0px;
}

#FacetsContainer .fieldCollapsed
{
  width: 15px;
  height: 15px;

  padding: 0 ! important;
  margin: 0 0 0 5px ! important;

  display: inline-block;

  background-image: url( /luna/images/modern/icon-arrow3.png );
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top right;
  
  line-height: 10px;
  vertical-align: middle;
}

#MediaInformation.collapsibleContainer .fieldCollapsed,
#SlideShowInfo .collapsibleContainer .fieldCollapsed a,
.iiifContainer .iiifButtonExpanded
{
  background-position: top right;
}

.imagePanelInformation
{
  color: #EFEFEF;

  background-color: #231F20;

  border: 1px solid #656260;
}

.imagePanelInformation h1
{
  height: 20px;

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

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

  color: #EFEFEF;

  background-color: #231F20;

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

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

.imagePanelInformation table
{
  margin: 0;
  padding: 0;
}

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

  color: #574B45;

  background-color: #978E83;

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

.imagePanelInformation table tr.alternate td
{
  background-color: #CAC2B7;
  padding-left    :4px;         
}

.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,
#SlideShowInfo .collapsibleContainer em
{
  width: 100%;

  padding: 0;
  margin: 0;

  display: block;

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

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

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

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

  display: block;

  float: left;

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

.imagePanelInformation .fieldCollapsed a
{
  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;
}

.whiteBackground,
#Workspace,
.imagePanel,
.mediaItem,
#QuickViewContainer .imageContainer
{
  /*border : 1px solid #DFDFDF !important;*/
}

.imagesPanel .content
{
  background-color : #AAAAAA !important;
}

.imagesPanel .operationsContainer ,
.imagesContainer
{
  background-color : #EAEAEA !important;
  /*border   :1px solid #CACACA !important;
  color    :#444444;*/
}

.imagesPanel .operationsContainer p
{
  color    :#333333 !important;
}

.relatedLink
{
  background-image: url("/luna/images/modern/icon-related-item.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  display: block;
  height: 12px;
  margin: 0 0 5px;
  overflow: hidden;
  padding: 0 10px 0 0;
  text-align: right;
  text-decoration: none;
  width:12px;
}

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

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

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

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

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

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

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

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

.rotateButton0, .rotateButton1, .rotateButton2
{
  background: url('/luna/images/modern/luna-sprite-30.png') 0 -960px;
}

.rotateButton0:hover, .rotateButton1:hover, .rotateButton2:hover
{
  background: url('/luna/images/modern/luna-sprite-30.png') 0 -990px;
}

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

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

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

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

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

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

.showAnnotationButton1
{
  background: url('/luna/images/earth/luna-sprite-30.png') 0 -1020px;
}

.showAnnotationButton1:hover
{
  background: url('/luna/images/earth/luna-sprite-30.png') 0 -1050px;
}

.controlStrip input:checked + .annotSlider {
  background-color: #4E5151;
}

#Sidebar .header{ color:#CAC2B7; background-color: #4E5151; }
#Sidebar a.header span{ color: #EFEFEF;}
#Sidebar button{background-color: #E0E0E0;color:#474B45}

#VideoJsTranscript #transcript-video-id{border:solid 1px #BCBEC0;}
#VideoJsTranscript .transcript-line.is-active, #VideoJsTranscript .transcript-line:hover{background-color:#e7e1d8}
#OpenTranscript{  
  background:#E0E0E0;
}
.modeIcon{
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  cursor: pointer;
}
.gridView:hover{background: url('/luna/images/modern/icon-grid.png') 0 0;}
.gridView.selected{background: url('/luna/images/modern/icon-grid.png') 40px 0;}
.gridView{background: url('/luna/images/modern/icon-grid.png') 80px 0;}
.masonryView:hover{ background: url('/luna/images/modern/icon-masonry.png') 0 0;}
.masonryView.selected{background: url('/luna/images/modern/icon-masonry.png') 40px 0;}
.masonryView{background: url('/luna/images/modern/icon-masonry.png') 80px 0;}

@media screen and (max-width: 820px) {
  #MainNav{
    background: dimgray;
  }
  #MainNavSubmenus .topLink a
  { 
    color: #EFEFEF;
  }
}