
#opacowindow {z-index: 1001; position: fixed !important;  background-color:#000; opacity: 0; top: 0; left: 0; width: 100%; height: 100%;}
#loading {background: #FFF; position: fixed !important; top: 0; left: 0; padding: 20px 40px; border: 1px solid #000; z-index: 3003;}
#alert_message {
    background: #fefefe;
    color: rgb(0, 75, 162);
    alert_message-weight: bold;
    position: fixed !important;
    top: 0; left: 0;
    padding: 30px 40px 30px 40px;
    border: 1px solid rgb(0, 75, 162);
    z-index: 3005;
    font-weight: 300;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 75, 162, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 75, 162, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(0, 75, 162, 0.75);
}
/* box styles */
.box .boxtop, .box .boxbottom {height: 15px;}
.box .boxtop .left, .box .boxtop .right,
.box .boxbottom .left, .box .boxbottom .right {height: 15px; width: 15px; overflow: hidden; float: left; background: url(../images/box.png) 0 0 no-repeat; position: relative;}
.box .boxtop .right {background-position: -15px 0;}
.box .boxbottom .left {background-position: 0 -15px;}
.box .boxbottom .right {background-position: -15px -15px;}
.box .boxtop .right, .box .boxbottom .right {float: right;}
.box .boxtop .middle, .box .boxbottom .middle {height: 15px; overflow: hidden;  background: url(../images/box.png) 0 -30px repeat-x;}
.box .boxbottom .middle {background-position: 0 -45px;}
.box .bodyleft {background: url(../images/box-left.png) 0 0 repeat-y; padding-left: 10px;}
.box .bodyright {background: url(../images/box-right.png) 100% 0 repeat-y; padding-right: 10px;}
.box .content {background: #fff; height: 100%;}
.box .padded {padding: 0 12px 20px 12px;}
.box h1 {margin-top: 0; width: 100%; margin-left: 0; margin-right: 0;}
/* pop-up dialog styles */
.dialog {width: 450px;}
.widedialog {width: 650px;}
.widerdialog {width: 850px;}
.widestdialog {width: 992px;}
.widestdialogest {width: 1280px;}
.maximumdialog { width: 2000px; max-width: 99vw;}
.dialog h1, .dialog .title {color: #666;width: auto; font-size: 16px; font-weight: 300; margin: 0 0 20px 0; }
.closebutton, .box-minimize {text-decoration: none; width: 22px; height: 0; padding-top: 22px; overflow: hidden; float: right; background: url(../images/pagination.png) -50px 0 no-repeat; cursor: pointer; position: relative; top: 3px;}
.box-minimize {background-position: 0 0; width: 25px; height: 0; padding-top: 25px; overflow: hidden; position: absolute; top: 0; right: 20px;}
.closebutton:hover {background-position: -50px -22px;}
.box-minimize:hover {background-position: 0 -25px;}
.dialog .content {padding: 0 15px;}
.dialog .buttons {text-align: center; padding: 20px 0;}
.dialog .buttons .button {margin: 0 10px;}
.dialog-message {padding: 20px; text-align: center;}
.dialog-commonpopup.centertext .popcontent {padding: 20px; text-align: center;}

.popup-fixed {position: fixed; top: 50%; left: 50%; z-index: 1002;}
.popup {position: absolute; z-index: 1002;}
.closebutton, .box-minimize {text-decoration: none; width: 22px; height: 0; padding-top: 22px; overflow: hidden; float: right; background: url(../images/pagination.png) -50px 0 no-repeat; cursor: pointer; position: relative; top: 3px;}


