/**
 * General styles and style for portrait orientation (see landscape overrides below)
 */
#viewer_preloader {
    display: none;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 200px;
    height: 600px;
    left: 50%;
    width: 600px;
    margin-left: -300px;
}

#viewer_preloader p, #viewer_preloader h2 {
    font-size: 44px;
    font-family: Helvetica, Arial, sans-serif;
    color: #666;
    font-weight: normal;
    width: 540px;
    padding: 0;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#viewer_preloader p {
    margin-top: 60px;
}

#userLogo {
    margin: 40px auto;
    margin-bottom: 0px;
    width: 250px;
    height: 250px;
    display: block;
}

#preloader {
    margin: 30px auto;
    height: 70px;
    width: 70px;
    background: url(data:image/gif;base64,R0lGODlhKgAqANUwANLS0vf39/b29u7u7uzs7P39/eHh4dTU1Nra2tXV1fn5+fj4+Ofn59vb2+rq6vr6+tHR0enp6fX19YODg/Ly8vPz89bW1ubm5uvr64SEhMvLy5mZmYyMjIqKiqysrOjo6PDw8MLCwru7u7y8vPHx8ZycnI2Njd/f3+Xl5eTk5O3t7cXFxYGBgcjIyH5+ftDQ0P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOUYyQUEzQkVCMDQ0NzY1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRjgzNUQ5RjhGQjMxMUUyOTE3N0ZDMERBNDc4MjA0MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRjgzNUQ5RThGQjMxMUUyOTE3N0ZDMERBNDc4MjA0MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJv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)  no-repeat 50% 50%;
}

#viewer_preloader.noLogo #userLogo {
    display: none;
}

#viewer_preloader.noLogo p {
    margin-top: 240px;
}

/*IEMobile specific*/

#viewer_preloader.ms-device-preloader {
    top: 50px;
    height: 150px;
    width: 150px;
    margin-left: -75px;
}

#viewer_preloader.ms-device-preloader p, #viewer_preloader.ms-device-preloader h2 {
    font-size: 12px;
    width: 150px;
}

#viewer_preloader.ms-device-preloader p {
    margin-top: 15px;
}

#userLogo.ms-device-preloader {
    margin: 10px auto;
    margin-bottom: 0px;
    width: 50px;
    height: 50px;
}

#preloader.ms-device-preloader {
    margin: 10px auto;
    height: 20px;
    width: 20px;
    background-size: contain;
}

#viewer_preloader.noLogo.ms-device-preloader p {
    margin-top: 20px;
}

/**
 * Overrides for landscape orientation
 */
@media (orientation:landscape) {

    #viewer_preloader {
        top: 40px;
        height: 300px;
        width: 300px;
        margin-left: -150px;
    }

    #viewer_preloader p, #viewer_preloader h2 {
        font-size: 22px;
        width: 260px;
        padding: 0;
    }

    #viewer_preloader p {
        margin-top: 100px;
    }

    #preloader {
        margin: 25px auto;
        height: 35px;
        width: 35px;
    }

    #userLogo {
        display: none;
    }

/*IEMobile specific*/

    #viewer_preloader.ms-device-preloader {
        top: 10px;
        height: 120px;
        width: 120px;
        margin-left: -60px;
    }

    #viewer_preloader.ms-device-preloader p, #viewer_preloader.ms-device-preloader h2 {
        font-size: 12px;
        width: 80px;
        padding: 0;
    }

    #viewer_preloader.ms-device-preloader p {
        margin-top: 25px;
    }

    #preloader.ms-device-preloader {
        margin: 20px auto;
        height: 20px;
        width: 20px;
        background-size: contain;
    }

}