.tbox {position:absolute; display:none; padding:14px 17px; z-index:1051}
.tinner { background:#fff url(./tinybox/preload.gif) no-repeat 50% 50%; border-radius:12px; overflow:hidden; box-shadow: 0px 0px 20px #555;}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:1050}
/*
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url('tinybox/close.png') no-repeat}
.tclose:hover {background-position:0 -30px}
*/
.tclose {
    position: absolute;
    top: 15px !important;
    right: -10px !important;
    
    width: 25px;
    height: 25px;
    opacity: 1;
    cursor:pointer;
  }
  .tclose:hover {
    opacity: 0.5;
  }
  .tclose:before, .tclose:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 25px;
    width: 2px;
    background-color: #fff;
  }
  .tclose:before {
    transform: rotate(45deg);
  }
  .tclose:after {
    transform: rotate(-45deg);
  }


#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}
#graymask {background:#333; opacity:0.4 !important;}
#no-mask{background:none;}
#frameless {padding:0}

#frameless .tclose {top:0px; right:0px;}


#new-frame{border:4px solid #b59564;}
#new-frame .tclose {top:14px; right:-13px;}