p.tiny {margin:0 0 14px}
ul.tiny {margin:0; padding-left:20px}
#testdiv {width:600px; margin:0px auto; border:1px solid #ccc; padding:20px 25px 12px; background:#fff}
ul.tiny {list-style:none; margin-bottom:12px; padding:0}
li.tiny {
    height: 18px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 18px; letter-spacing: 2px; font-family: "Roboto Condensed",sans-serif; font-size: 12px; display: block;
    /*color: #fff;
    font-size:12px; 
    margin-bottom:4px;
    text-transform: uppercase;
    padding:8px 10px 9px; 
    border:1px solid #ccc; 
    background:#eee; 
    cursor:pointer;*/
}
li.tiny:hover {border:3px solid #bbb; background:#e3e3e3}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900; }
.tinner {padding:1px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../img/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333; border: 10px solid #fff;}
.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(../img/close.png) no-repeat;}
.tclose:hover {background-position:0 -30px}

#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:10px; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}