/* 
    Created on : 03-Feb-2014, 15:41:24
    Author     : Chris
*/

#logo
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -60px;
    width: 120px;
    height: 110px;
    background-image: url('../images/digipage-logo-small-greyscale-black.png');
    
    transition: 0.5s opacity ease-in-out 0s;
    -moz-transition: 0.5s opacity ease-in-out 0s;
    -webkit-transition: 0.5s opacity ease-in-out 0s;
    -o-transition: 0.5s opacity ease-in-out 0s;
    -ms-transition: 0.5s opacity ease-in-out 0s;
}

#incompatibleBrowser {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 464px;
    height: 199px;
    margin-top: 60px;
    margin-left: -232px;
    /* background-image: url('../images/digipage-not-compatible.png'); */
}

#loader
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 60px;
    margin-left: -35px;
}

div.pagebg {
    background-image: url('../images/page-bg.png');
    background-repeat: repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

div.digiBlankPageBG {
    background-color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;    
}

#digiMenuBar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 42px;
    
    background-color: rgba(255, 255, 255, 0.9);
    
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
    
    border-radius: 0px 0px 0px 0px;
    
    vertical-align: middle;
    
    overflow: hidden;
    
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.digiMenuBar-Browser {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.menuBarButton {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 0px;
    opacity: 0.7;
}

.menuBarButton:hover {
    opacity: 1;
}

#digiMenuBar-title {
    font-family: Arial, Sans-serif;
    font-size: 11px;
    padding-left: 3px;
}

#digiMenuBar-logo {
    
}

#digiInstructions {
    position: absolute;
    /*width: 381px;
    height: 455px;*/
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*
    margin-top: -384px;
    margin-left: -512px;
    margin-top: -228px;
    margin-left: -190px;
    background-image: url('../images/instructions.png');
    -transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    */
}

#digiBrowserOverlay {
    position: absolute;
    left: 0px;
    top: 42px;
    width: 100%;
    /* height: 100%; */
    bottom: 0px;
    visibility: visible !important;
    /* padding-bottom: 42px; */
    
    overflow: hidden;
}

#digiBrowser {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-top: 2px solid;
    border-color: #6e6e6e;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.closeButton {
    width: 24px;
    height: 20px;
    border-radius: 4px;
    border-color: #000000;
    border: 2px solid;
    background-color: #646464;
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
    color: #ffffff;
    font-family: Arial, Sans serif;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.browserButton {
    opacity: 0.7 !important;
}

.browserButton:hover {
    opacity: 0.9 !important;
}

.digipage-dot {
    border-radius: 1px;
    width: 5px;
    height: 5px;
    box-shadow: 0px 0px 1px 0px #000000;
    
   -webkit-transition:all 0.5s ease-in !important;
   -moz-transition:all 0.5s ease-in !important;
   -o-transition:all 0.5s ease-in !important;
   transition:all 0.5s ease-in !important;
}

.addthis-visible {
    position: absolute;
    left: 100%;
    margin-left: -38px;
    /* top: 50px;
    margin-top: -100px; */
    border: 0px;
    padding: 0 0 0 0;
    border-radius: 0px;
    background-color: rgba(0,0,0,0);
}

.addthis-hidden {
    position: absolute;
    left: 100%;
    margin-left: 2px;
    /* top: 50px;
    margin-top: -100px; */
    border: 0px;
    padding: 0 0 0 0;
    border-radius: 0px;
    background-color: rgba(0,0,0,0);
}

.popupStart {
    transform: scale(0.1, 0.1);
}

.popupEnd {
    transform: scale(1, 1);
}