body
{
    counter-reset: section;
}

.MainHeader,
.footer,
.FooterTop,
.FooterFixed
{
	display: none;
}

 .ToolbarPanel
{
	background-color: #333;
	width:100%;
	min-height:40px;
}

.ToolbarPanel .ToolbarPanelLeft
{
	width:300px;
	float:left;
}

.ToolbarPanel .ToolBarDiv
{
	padding-top: 8px;
}

.Viewer .ImageButton,
.ToolbarPanel .Image,
.ToolbarPanel .HyperLink
{
	padding-left: 2px;
	cursor: pointer;
}

.Viewer .ImageButton:hover,
.ToolbarPanel .Image:hover,
.ToolbarPanel .HyperLink:hover
{
	opacity: 0.8;
}

.Viewer .ToolbarPanelLeft .SwitchViews .SelectedView 
{
    opacity: 0.7;
}

.Viewer .ToolbarPanelLeft .SwitchViews .SelectedView:hover 
{
    cursor: default;
}

.ToolbarPanel .ToolbarPanelLeft .BackLink
{
	padding-left: 20px;
	float:left;
	margin: auto;
	padding-right: 100px;
}

.ToolbarPanel .ToolbarPanelLeft .SwitchViews
{
	float:left;
}

.ToolbarPanel .NavigationButtons
{
	float:left;
	padding-right: 100px;
}

.ToolbarPanel .ZoomButtons 
{
	float:left;
	padding-right: 60px;
}

.ToolbarPanel .ZoomButtons a
{
	text-decoration: none;
}

.ToolbarPanel .RotateButtons 
{
	padding-right:10px;
	float: left;
}

.ToolbarPanel .DownloadPrintButtons 
{
	padding-right: 20px;
	float:right;
}

.Viewer .LeftColumn
{
	float: left;
	width: 300px;
}

.Viewer .CenterColumn .CenterContent
{
	margin: auto;
	margin-left: 300px;
}

.Viewer .CenterColumn .CenterContentFull
{
	margin-left: 0;
}

.Viewer .CenterColumn .CenterContentHideLeft
{
	margin: auto;
}

.Viewer .CenterColumn .FramedPanelViewer 
{
	position: relative;
	margin: 5px;
	border: solid 1px #ccc;
	
	text-align: center;
}

.Viewer .CenterColumn .FramedPanelViewer .ViewerSpinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -81px;
}

.Viewer .viewerImage
{
    width: 100%;
    position: relative;
}

.Viewer .viewerImage img
{
	max-width:10000%;
	cursor:move;
	cursor:hand;
	cursor:grab;
	cursor:-moz-grab;
	cursor:-webkit-grab;
}

.Viewer .PanelNoViewer 
{
	/*width:100%;*/
	width: 10000px;
	font-size: 20px;
	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.Viewer .PanelNoViewer .HyperLinkNoViewerDownload img
{
	margin-top: 10px;
}

.Viewer .PdfViewer 
{
	width: 100%;
	border: 0;
}

.Viewer .VideoViewer
{
	width: 100%;
}

.Viewer .VideoViewer .VideoPlayer
{
	width: 100%;
	height: 100%;
}

.Viewer .ScrollPanel
{
	clear: both;
	
	margin: auto;
	
	width: 476px;
	height: 135px;
}

.Viewer .ScrollPanel .ScrollButtonWrapper
{
	float: left;
	width: 38px;
	padding-top: 48px;
}

.Viewer .ScrollPanel .ScrollThumbnailWrapper
{
	float: left;
	width: 132px;
	height: 121px;
	margin-top: 12px;
}

.Viewer .ScrollPanel .ScrollThumbnailWrapperSelected
{
	border: solid 2px red;
	margin-top: 0px;
	padding-top: 10px;
}

.Viewer .Hidden
{
	display:none !important;
}

.Viewer .thumbnail
{
	cursor: hand;
	cursor: pointer;
}

.LeftColumnItems 
{
   padding-top: 20px;
   overflow: auto;
}

.LeftColumnItems li 
{
    display: table;
    font-size: 0.95em;
    color: #08c;
}

.LeftColumnItems .fileName:hover
{
	text-decoration: underline;
}

.LeftColumnItems .thumbnail img 
{
    max-height: 70px;
    height: 70px;
    max-width: 140px;
}

.LeftColumnItems .thumbnail img:hover
{
    color: #005580;
    text-decoration: underline;
}

.LeftColumnItems .representationID,
.LeftColumnItems .fileID
{
    display:none;
}

.LeftColumnItemsTree ul {
	margin: 0;
	margin-left: 15px;
}

.LeftColumnItemsTree .representationName
{
	padding-left: 20px;
    background-image: url('../image/representationlevel_representation.png');
    background-repeat: no-repeat;
}

.LeftColumnItemsTree .fileName
{
	padding-left: 20px;
    background-image: url('../image/representationlevel_file.png');
    background-repeat: no-repeat;
	cursor: pointer;
}

.LeftColumnItemsTree .folderName
{
	padding-left: 20px;
    background-image: url('../image/representationlevel_folder_open.png');
    background-repeat: no-repeat;
}

.LeftColumnItemsTree .SelectedItem span
{
	font-weight: bold;
}

.LeftColumnItemsTree .fileNumbering,
.LeftColumnItemsTree .thumbnail 
{
    display:none;
}

.LeftColumnItemsGrid ul 
{
	margin: 0;
}

.LeftColumnItemsGrid li
{
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
}

.LeftColumnItemsGrid .folder
{
	margin: 0;
	padding: 0;
}

.LeftColumnItemsGrid .SelectedItem .thumbnail
{
    background-color: #08C;
}

.LeftColumnItemsGrid .thumbnail:hover
{
    border: solid 1px #08C;
}

.LeftColumnItemsGrid .fileNumbering 
{
    overflow: hidden;
    line-height: 1em;
    background-color: white;
    opacity: 0.8;
    margin-bottom: -14px;
    padding: 2px;
}

.LeftColumnItemsGrid .fileNumbering:before 
{
    counter-increment: section; /* Increment the section counter */
    content: counter(section); /* Display the counter */
    color: black;
    font-size: 0.9em;
}

.LeftColumnItemsGrid .representationName,
.LeftColumnItemsGrid .fileName,
.LeftColumnItemsGrid .folderName
{
	display: none;
}

.FilePrint 
{
    display: none;
}
.MetadataInfo 
{
    margin-left: 5px;
    bottom: 13px;
    position: absolute;
}

.MetadataInfo .VisibleMetadata 
{
    background-color: #333;
    background-color: rgba(51,51,51,0.7);
    padding: 10px;
    border-top: solid 1px rgba(255, 255, 255, 0.3);
/*    float: left; */
}

.MetadataInfo .VisibleMetadata .Label
{
    color: White;
}

.MetadataInfo .MetadataText 
{
    float: left;
    width: 93%;
}

.MetadataInfo .MetadataFileName 
{
    padding-top: 10px;
}

.MetadataInfo .OptionalMetadata .LabelPropertyValue,
.MetadataInfo .MetadataFileName .Label
{
    color: rgba(255,255,255,0.8);
}

.MetadataInfo .MetadataImage 
{
    float: right;
    padding-right: 5px;
}

.MetadataInfo .VisibleMetadata .LabelFileName
{
    font-weight: bold;
}

.MetadataInfo .VisibleMetadata h3
{
    margin: 0;
}

.MetadataInfo .VisibleMetadata .SubTitle
{
    text-shadow: 1px 1px 1px black;
}

.MetadataInfo .VisibleMetadata .ShowMore
{
    float: right;
}

.MetadataInfo .OptionalMetadata 
{
    background-color: #333;
    background-color: rgba(51,51,51,0.5);
    padding: 10px;
    border-top: solid 1px rgba(255,255,255,0.3);
    border-bottom: solid 1px rgba(0,0,0,0.3);
    
    max-height: 300px;
    overflow: auto;
}

.MetadataInfo .OptionalMetadata .LabelPropertyName,
.MetadataInfo .OptionalMetadata .LabelSponsoredBy,
.MetadataInfo .OptionalMetadata .LabelSponsorName
{
    color: White;
}

.MetadataInfo .OptionalMetadata .LabelPropertyName,
.MetadataInfo .OptionalMetadata .LabelSponsoredBy,
.MetadataInfo .OptionalMetadata .LabelSponsorName
{
	/*font-weight: bold;*/
}

.MetadataInfo .OptionalMetadata .LabelContainer
{
	padding-right: 10px;
}

.MetadataInfo .OptionalMetadata .LabelContainer,
.MetadataInfo .OptionalMetadata .ValueContainer 
{
	vertical-align: middle;
}

.MetadataInfo .OptionalMetadata .ValueContainer
{
	padding-left: 5px;
}

.MetadataInfo .OptionalMetadata .Sponsor
{
	text-align: center;
	float:right;
	padding-right: 100px;
	padding-top: 5px;
}

.MetadataInfo .OptionalMetadata .Sponsor .ImageSponsor
{
	max-width: 300px;
	padding-top: 15px;
}

.MetadataInfo .OptionalMetadata .ShareButtons 
{
    float:right;
    width: 30px;
	padding-top: 10px;
}

.MetadataInfo .OptionalMetadata .ShareButtons .divShare 
{
    padding-bottom: 5px;
}

.ShareButtons .OptionalMetadata .ShareButtons .Email
{
    padding-bottom: 0;
}

.MetadataInfo .OptionalMetadata .FileMetadata
{
	float:left;
	max-width:650px;
	/*max-height: 300px;*/
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

.Viewer .playerObjectClass 
{
    display: none;
}

.Viewer .NoRecord
{
  margin: auto;
  margin-top: 100px;
  text-align: center;
}



/* Shows lines for tree */

/**
 * Framework starts from here ...
 * ------------------------------
 */

/* 
.LeftColumnItemsTree li
{
  text-overflow: ellipsis;
  white-space: nowrap;
}
*/

.LeftColumnItemsTree .root,
.LeftColumnItemsTree .root ul {
  margin:0;
  padding:0;
  list-style:none;
}

.LeftColumnItemsTree .root ul {
  margin-left: 0.5em; /* indentation */
  position:relative;
}

.LeftColumnItemsTree .root ul ul {margin-left:.5em} /* (indentation/2) */

.LeftColumnItemsTree .root ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
}

/*
.LeftColumnItemsTree .root li {
  color:#666;
  margin:0;
  padding:0 1.5em; 
  line-height:2em; 
  font-weight:bold;
  position:relative;
}
*/
.LeftColumnItemsTree .root li {
color: #666;
margin: 0;
padding: 0 1.5em;
line-height: 1em;
font-weight: bold;
position: relative;
margin-bottom: 0.4em;
}

.LeftColumnItemsTree .root ul li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.LeftColumnItemsTree .root ul li:last-child:before {
  background:white; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}


/*Update File metadata scroll


/*
 *  STYLE 1
 */

.scrollbar
{
	overflow-y: scroll;
}

.force-overflow
{
	/*min-height: 150px;*/
}

#style-1::-webkit-scrollbar-track
,#style-1::-moz-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#style-1::-webkit-scrollbar
,#style-1::-moz-scrollbar
{
	width: 5px;
}

#style-1::-webkit-scrollbar-thumb
,#style-1::-moz-scrollbar-thumb
{
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #EFEFEF;
}

button#download
{
    display: none;
}