/* 
	Document   : tuki
	Created on : Jan 15, 2012, 2:44:01 AM
	Author     : rkBook
	Description:
*/

html {
	-webkit-font-smoothing: antialiased;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #232323;
	background-color: #efefef;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.cf, .clearfloat {
	float: none;
	clear: both;
}
.alpha0 {
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

#tuki {
}

/*
Helpers
*/
#app .mt-0 { margin-top: 0; }
#app .mt-10 { margin-top: 10px; }
#app .mt-20 { margin-top: 20px; }
#app .mt-30 { margin-top: 30px; }
#app .mt-40 { margin-top: 40px; }
#app .mt-50 { margin-top: 50px; }
#app .mt-60 { margin-top: 60px; }
#app .mt-70 { margin-top: 70px; }

#app .mb-0 { margin-bottom: 0; }
#app .mb-10 { margin-bottom: 10px; }
#app .mb-20 { margin-bottom: 20px; }
#app .mb-30 { margin-bottom: 30px; }
#app .mb-40 { margin-bottom: 40px; }
#app .mb-50 { margin-bottom: 50px; }
#app .mb-60 { margin-bottom: 60px; }
#app .mb-70 { margin-bottom: 70px; }

#app .pt-0 { padding-top: 0; }
#app .pt-10 { padding-top: 10px; }
#app .pt-20 { padding-top: 20px; }
#app .pt-30 { padding-top: 30px; }
#app .pt-40 { padding-top: 40px; }
#app .pt-50 { padding-top: 50px; }
#app .pt-60 { padding-top: 60px; }
#app .pt-70 { padding-top: 70px; }

#app .pb-0 { padding-bottom: 0; }
#app .pb-10 { padding-bottom: 10px; }
#app .pb-20 { padding-bottom: 20px; }
#app .pb-30 { padding-bottom: 30px; }
#app .pb-40 { padding-bottom: 40px; }
#app .pb-50 { padding-bottom: 50px; }
#app .pb-60 { padding-bottom: 60px; }
#app .pb-70 { padding-bottom: 70px; }


/*--------------------------------------------------
:: Debug
-------------------------------------------------- */

#tuki_debug { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 10px; color: #444; padding: 8px; }
#tuki_debug .btn { padding: 0px 8px; color: #666; line-height: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; background-image: none; border: 0; }
#tuki_debug .btn:first-child { border-left: none !important; }
#tuki_debug .btn span { padding: 2px 8px; font-size: 12px; background-color: rgba(190,60,0,0.35); color: #FFF; }
#tuki_debug .btn.error-count span { background-color: rgba(190,0,0,0.45) }
#tuki_debug .btn.warning-count span {background-color: #dfae04}
#tuki_debug .btn.ver span { background-color: rgba(0,0,0,0.25); padding-right: 10px; }
#tuki_debug .controls { position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; height: 20px; background-color: #FFF; }
#tuki_debug .controls a { color: #666; text-decoration: none; }
#tuki_trace { margin-top: 20px; display: none; background-color: #000; color: #FFF; }
#tuki_trace .error-trace {
	color: #e7490f;
	/*font-weight: bold;*/
}
#tuki_trace .tuki-trace-inner {
	max-width: 1100px;
	margin: 20px auto;
	padding: 40px;	
}
#tuki_trace .warning-trace {
	/*color: #23a990;*/
	color: #dfae04;
}
@media print { #tuki_debug { display: none !important; } }
.error {
	border: 2px solid #e7490f;
	padding: 10px 30px;
	margin: 40px 0;
}