/* so the window resize fires within a frame in IE7 */

html, body {

    /* height: 100%; */

}



#zoomOverlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



#dragOverlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    cursor: grab;

}



#dragOverlay.dragging__start {

    cursor: grabbing;

}



html.hideScroll::-webkit-scrollbar {

    display: none;

}



html.hideScroll {

    -ms-overflow-style: none;

    scrollbar-width: none;

}



.mobileFrameCursor div * {

    cursor: inherit !important;

}



a {

    color: inherit;

}



p {

    margin: 0px;

    text-rendering: optimizeLegibility;

    font-feature-settings: "kern" 1;

    -webkit-font-feature-settings: "kern";

    -moz-font-feature-settings: "kern";

    -moz-font-feature-settings: "kern=1";

    font-kerning: normal;

}



ul {

    margin:0px;

}



iframe {

    background: #FFFFFF;

}



/* to match IE with C, FF */

input {

    padding: 1px 0px 1px 0px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

}



input[type=text]::-ms-clear {

    width: 0;

    height: 0;

    display: none;

}



textarea {

    margin: 0px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

}



select option {

    color: initial;

}



.focused:focus, .selectedFocused:focus {

    outline: none;

}



div.intcases {

    font-family: arial; 

    font-size: 12px;

    text-align:left; 

    border:1px solid #AAA; 

    background:#FFF none repeat scroll 0% 0%; 

    z-index:9999; 

    visibility:hidden; 

    position:absolute;

    padding: 0px;

    border-radius: 3px;

    white-space: nowrap;

}



div.intcaselink {

    cursor: pointer;

    padding: 3px 8px 3px 8px;

    margin: 5px;

    background:#EEE none repeat scroll 0% 0%; 

    border:1px solid #AAA;

    border-radius: 3px;

}



div.refpageimage {

    position: absolute;

    left: 0px;

    top: 0px;

    font-size: 0px;

    width: 16px;

    height: 16px;

    cursor: pointer;

    background-image: url(images/newwindow.gif);

    background-repeat: no-repeat;

}



div.annnoteimage {

    position: absolute;

    left: 0px;

    top: 0px;

    font-size: 0px;

    /*width: 16px;

    height: 12px;*/

    cursor: help;

    /*background-image: url(images/note.gif);*/

    /*background-repeat: no-repeat;*/

    width: 13px;

    height: 12px;

    padding-top: 1px;

    text-align: center;

    background-color: #138CDD;

    -moz-box-shadow: 1px 1px 3px #aaa;

    -webkit-box-shadow: 1px 1px 3px #aaa;

    box-shadow: 1px 1px 3px #aaa;

}



div.annnoteline {

    display: inline-block;

    width: 9px;

    height: 1px;

    border-bottom: 1px solid white;

    margin-top: 1px;

}



div.annnotelabel {

    /*position: absolute;

    left: 0px;

    top: 0px;*/

    font-family: Helvetica,Arial;

    white-space: nowrap;

    

    padding-top: 1px;

    background-color: #fff849;

    font-size: 10px;

    font-weight: bold;

    line-height: 14px;

    margin-right: 3px;

    padding: 0px 4px;

    color: #000;



    -moz-box-shadow: 1px 1px 3px #aaa;

    -webkit-box-shadow: 1px 1px 3px #aaa;

    box-shadow: 1px 1px 3px #aaa;

}



div.annnote {

    display: flex;

    position: absolute;

    cursor: help;

    line-height: 14px;

}



.annotation {

    font-size: 12px;

    padding-left: 2px;

    margin-bottom: 5px;

}



.annotationName {

    /*font-size: 13px;

    font-weight: bold;

    margin-bottom: 3px;

    white-space: nowrap;*/



    font-family: 'Trebuchet MS';

    font-size: 14px;

    font-weight: bold;

    margin-bottom: 5px;

    white-space: nowrap;

}



.annotationValue {

    font-family: Arial, Helvetica, Sans-Serif;

    font-size: 12px;

    color: #4a4a4a;

    line-height: 21px;

    margin-bottom: 20px;

}



.noteLink {

    text-decoration: inherit;

    color: inherit;

}



.noteLink:hover {

    background-color: white;

}



/* this is a fix for the issue where dialogs jump around and takes the text-align from the body */

.dialogFix {

    position:absolute;

    text-align:left;

    border: 1px solid #8f949a;

}





@keyframes pulsate {

  from {

    box-shadow: 0 0 10px #15d6ba;

  }

  to {

    box-shadow: 0 0 20px #15d6ba;

  }

}



@-webkit-keyframes pulsate {

  from {

    -webkit-box-shadow: 0 0 10px #15d6ba;

    box-shadow: 0 0 10px #15d6ba;

  }

  to {

    -webkit-box-shadow: 0 0 20px #15d6ba;

    box-shadow: 0 0 20px #15d6ba;

  }

}

 

@-moz-keyframes pulsate {

  from {

    -moz-box-shadow: 0 0 10px #15d6ba;

    box-shadow: 0 0 10px #15d6ba;

  }

  to {

    -moz-box-shadow: 0 0 20px #15d6ba;

    box-shadow: 0 0 20px #15d6ba;

  }

}



.legacyPulsateBorder {

    /*border: 5px solid #15d6ba;

    margin: -5px;*/

    -moz-box-shadow: 0 0 10px 3px #75BB43;

    box-shadow: 0 0 10px 3px #75BB43;

}



.pulsateBorder {

  animation-name: pulsate;

  animation-timing-function: ease-in-out;

  animation-duration: 0.9s;

  animation-iteration-count: infinite;

  animation-direction: alternate;

  

  -webkit-animation-name: pulsate;

  -webkit-animation-timing-function: ease-in-out;

  -webkit-animation-duration: 0.9s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;



  -moz-animation-name: pulsate;

  -moz-animation-timing-function: ease-in-out;

  -moz-animation-duration: 0.9s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-direction: alternate;

}



.ax_default_hidden, .ax_default_unplaced{

    display: none;

    visibility: hidden;

}



.widgetNoteSelected {

    -moz-box-shadow: 0 0 10px 3px #1482C5;

    box-shadow: 0 0 10px 3px #1482C5;

    /*-moz-box-shadow: 0 0 20px #3915d6;

    box-shadow: 0 0 20px #3915d6;*/

    /*border: 3px solid #3915d6;*/

    /*margin: -3px;*/

}





.singleImg {

    display: none;

    visibility: hidden;

}



#ios-safari {

    overflow: auto;

    -webkit-overflow-scrolling: touch;

}



#ios-safari-html {

    display: block;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



#ios-safari-fixed {

    position: absolute;

    pointer-events: none;

    width: initial;

}



#ios-safari-fixed div {

    pointer-events: auto;

}