html, body { margin: 0; padding: 0; }
body { font-family: Helvetica, Arial, sans-serif; font-size: .8em; font-weight: lighter; }
a, a:visited, a:hover { text-decoration: none; }
#dm-photocontrol { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-x: hidden; overflow-y: hidden; background: white; }
.dm-sidebar { background-color: white; color: black; font-size: .9em; display: none; padding-right: 15px; min-width: 315px; width: 315px; max-width: 315px; margin-left: 15px; margin-top: 30px; float: right; overflow-y: auto; overflow-x: hidden; height: 500px; }
    .dm-sidebar .dm-field { padding-left: 20px; color: black; width: 100px; }
    .dm-sidebar .dm-value { color: gray; width: 200px; }
    .dm-sidebar .dm-header { color: #6f7b07; font-size: 1.5em; padding-top: 1em; font-weight: bold; }
    .dm-sidebar .dm-title { color: #1D4672; margin-left: -20px; font-weight: bold; width: 60px; max-width: 60px; word-wrap: break-word; -ms-word-wrap: break-word; overflow-wrap: break-word; }
        .dm-sidebar .dm-title div { width: 180px; word-wrap: break-word; -ms-word-wrap: break-word; }
    .dm-sidebar .dm-subtitle { color: gray; margin-left: -20px; }
    .dm-sidebar .dm-large { font-size: 1.5em; }

/*.dm-Grid {margin-left:5px; margin-right:5px;}*/

#dm-imagelist .dm-metadata { font-size: .75em; width: 100px; }
    #dm-imagelist .dm-metadata .left { text-align: left; }
    #dm-imagelist .dm-metadata .right { text-align: right; }

.dm-menu { display: none; margin-top: 15px; background-color: rgba(10, 10, 10, 0.9); height: 65px; width: 90%; position: absolute; bottom: 20px; overflow: hidden; z-index: 100; margin: 0 auto; border: 0; }
    .dm-menu .dm-left { position: absolute; top: 20px; left: 10px; width: 200px; }
    .dm-menu .dm-right { position: absolute; top: 20px; right: -15px; width: 200px; }
.dm-infobar { color: lightgray; position: absolute; top: 3px; left: 175px; right: 175px; margin-left: auto; margin-right: auto; }
    .dm-infobar table { margin: auto; }
    .dm-infobar td { text-align: center; }

.dm-icon { margin-top: -5px; display: inline-block; font-size: 20px; background: black; color: white; opacity: 0.7; width: 40px; line-height: 40px; text-align: center; text-decoration: none; font-weight: bold; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
    .dm-icon:hover { opacity: 1.0; text-decoration: none; }

.dm-overlay { z-index: 1000; opacity: 0; position: absolute; top: 100px; left: 20%; margin: auto auto auto auto;; display: none; border: 1px solid darkgray; border-radius: 20px; padding: 2px; background: white; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0 0 90px #000; }
    .dm-overlay .dm-close { position: absolute; top: -12px; right: -12px; height: 24px; width: 20px; padding-left: 6px; padding-top: 2px; font-size: 18px; color: lightgray; border-radius: 40px; border: 1px solid white; background-color: black; text-decoration: none; }
        .dm-overlay .dm-close:hover { color: white; }
    .dm-overlay .dm-overlay-image { width: 400px; height: 300px; }

.dm-overlay-zoom { z-index: 1000; opacity: 0; position: absolute; top: 100px; left: 20%; margin: auto auto auto auto; display: none; border: 1px solid darkgray; border-radius: 10px; padding: 5px; background: white; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0 0 90px #000; }
    .dm-overlay-zoom .dm-close { position: absolute; top: -8px; right: -8px; height: 20px; width: 20px; padding-left: 4px; padding-bottom: 3px; font-size: 20px; color: white; border-radius: 10px; background-color: darkgrey; text-decoration: none; opacity: 1; }
        .dm-overlay-zoom .dm-close:hover { opacity: 1.0; }
    .dm-overlay-zoom .dm-overlay-image-zoom { width: 100%; height: 100%; }

.dm-gridcontainer { text-decoration: underline; }
.dm-grid-multiple-commands { display: none; text-decoration: none; }
.dm-thumbnail-holder { vertical-align: bottom; }
#dm-unreachable { color: red; font-size: larger; display: none; }

.columns { float: left; }
.dm-hidden { display: none; }

/*telerik style overrides*/
.RadWModalImage { background-color: #000000; /* the background          */ filter: alpha(opacity=50); /* Internet Explorer       */ -moz-opacity: 0.5; /* Mozilla 1.6 and below   */ opacity: 0.5; /* newer Mozilla and CSS-3 */ }
.TelerikModalOverlay { width: 100% !important; height: 100% !important; }
.rwLoading { background: url('../../images/ajax/ajax-loader-circle.gif') no-repeat center !important; background-color: white !important; opacity: 1.0 !important; }
.rgRow a,
.rgAltRow a,
.rgRow a:visited,
.rgAltRow a:visited { color: grey !important; }
    .rgRow a:hover,
    .rgAltRow a:hover { color: black !important; }