.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding: 0 15px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}
.tcontent {overflow-y: auto; height: 100%;}
.tclose {
    position: fixed;
    width: 100%;
    background-color: #000;
    padding: 20px;
    background-image: none;
}

.tclose:before {
    content: "X";
    display: block;
    width: 30px;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 13px;
    right: 0;
    color: #dadada;
    font-size: 20px;
    font-weight: 300;
}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

@media only screen and (max-width: 600px) {
    .tbox {
        left: 10px !important;
        right: 10px !important;
    }

    .tinner {
        width: 100% !important;
    }
}