
#testdiv {
	width:700px; 
	margin:0px auto; 
	border:1px solid #ccc; 
	padding:20px 25px 12px; 
	background:#fff
}

.tbox {
	position:absolute; 
	display:none; 
	padding:14px 17px; 
	z-index:900;
}

.tbox p {margin:8px 8px 8px 0px}
.tbox ul {margin:0; padding-left:20px}
.tbox ul {list-style:none; margin-bottom:12px; padding:0}
.tbox li {padding:8px 8px 8px 0px; border-top:1px dotted #999;}

.tbox h1 {
	font-size:1.7em;
	margin: 20px 0px 10px 0px;
}

.tbox h2 {
	font-size:1.15em;
	font-weight:normal; 
	font-style:italic; 
	margin:0 0 20px
}

.tinner {
	padding:15px 15px 15px 15px; 
	-webkit-border-radius:0px; 
	-moz-border-radius:0px; 
	border-radius:0px; 
	background:#fff url(../images/preload.gif) no-repeat 50% 50%; 
	height:auto !important;
}

.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
}


#success, #alert, #error {
	color:#111;  
	padding:10px;
	background-color: #ebeae8 !important;
    background-image: url("../images/painel-degrade.png") !important;
	background-repeat:repeat-x !important;
	background-position:0px 0px;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px 9px rgba(0, 0, 0, 0.3)  !important;
	-webkit-box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px 9px rgba(0, 0, 0, 0.3)  !important;
	-moz-box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.2), 1px 1px 0px 9px rgba(0, 0, 0, 0.3)  !important;
}


#error .tcontent {
	padding:0px 25px 20px 100px; 
	border:1px solid #ccc;
	-moz-border-radius:0px;
	-webkit-border-radius:0px; 
	border-radius:0px; 
	clear:both;
	background-image: url(../images/icon_error.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:80px;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
	-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
}

#success .tcontent {
	padding:0px 25px 20px 100px;
	border:1px solid #ccc; 
	-moz-border-radius:0px;
	-webkit-border-radius:0px; 
	border-radius:0px;
	clear:both;
	background-image: url(../images/icon_success.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:80px;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
	-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
}

#alert .tcontent {
	max-width: 550px;
	padding:0px 25px 20px 105px;
	border:1px solid #ccc; 
	-moz-border-radius:0px;
	-webkit-border-radius:0px; 
	border-radius:0px;
	clear:both;
	background-image: url(../images/icon_alert.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:80px;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
	-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.07), 1px 1px 3px 5px rgba(0, 0, 0, 0.02)  !important;
}

#bluemask {
	background:#4195aa
}

#janela {
	padding:5px;
	border-radius:2px;
	-mozborder-radius:2px;
	-webkitborder-radius:2px;
}

#janela .tclose {
	left:6px
}