html,
body,
#container {
height: 100%;
width: 100%;
}
body {
color: #000000;
font-family: Arial;
font-size: 13px;
font-weight: normal;
line-height: 1.1875;
margin: 0;
padding: 0;
background-color: #000000;
}
#preloader {
bottom: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
background: #000000 url("images/watermill.gif") no-repeat center center;
}
@keyframes transform-roll-in {
0% {
opacity: 0;
transform: translate(-100%,0px) rotate(-120deg);
}
100% {
opacity: 1;
transform: translate(0px,0px) rotate(0deg);
}
}
#Dialog1 {
margin-bottom: 0px;
margin-top: 0px;
}
#Dialog1 .modal-content {
background-image: none;
border-radius: 0px;
border: 1px solid #CCCCCC;
overflow: visible;
background-color: #F9F9F9;
}
#Dialog1.fade {
transition: all 400ms linear;
opacity: 1;
}
#Dialog1 .animate-show {
animation-fill-mode: both;
animation-name: transform-roll-in;
animation-duration: 400ms;
}
#Dialog1 .animate-hide {
animation-direction: reverse;
animation-fill-mode: both;
animation-name:;
animation-duration: 400ms;
}
#Dialog1.modal {
-webkit-overflow-scrolling: touch;
bottom: 0;
display: none;
left: 0;
outline: 0;
overflow: hidden;
right: 0;
top: 0;
z-index: 9999;
position: fixed;
}
#Dialog1 .modal-open .modal {
overflow-y: auto;
overflow-x: hidden;
}
#Dialog1 .modal-open {
overflow: hidden;
}
#Dialog1 .modal-dialog {
margin-left: auto;
margin-right: auto;
width: 700px;
position: relative;
}
#Dialog1 .modal-content {
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: 0;
position: relative;
}
#Dialog1 .modal-header {
background-color: #333333;
border-bottom: 1px solid #A3A3A3;
padding: 10px 10px 10px 30px;
}
#Dialog1 .modal-footer {
border-top: 1px solid #A3A3A3;
padding: 10px 10px 10px 30px;
}
#Dialog1 .modal-body {
height: 348px;
width: 700px;
position: relative;
}
#Dialog1 .close {
-webkit-appearance: none;
background: 0 0;
border: 0;
color: #EEEEEE;
cursor: pointer;
font-size: 21px;
font-weight: 700;
line-height: 1;
margin-top: -2px;
opacity: 0.5;
padding: 0;
text-shadow: 0px 1px 0px #fff;
float: right;
}
.modal-backdrop {
background-color: #000;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1040;
position: fixed;
}
.modal-backdrop.fade {
transition: opacity .15s linear;
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-open {
overflow: hidden;
}
#Dialog1 .modal-header {
cursor: move;
}
#Dialog1 .modal-title {
font-family: "Comic Sans MS";
font-size: 13px;
font-style: normal;
font-weight: bold;
margin: 0;
text-align: left;
color: #EEEEEE;
}
#InlineFrame1 {
margin: 0;
border: 2px solid #C0C0C0;
}