@import url(http://fonts.googleapis.com/css?family=Muli);
#toolbar					{ width: 99.5%;padding: 4px; display: inline-block; }
html 						{ height: 100%; background-color: #ff9df5; background: repeating-linear-gradient(90deg, #eeeaed, #ff9df5); }
body 						{ margin: 0; font-family: 'Muli', sans-serif; }
#tabs ul li                 { font-size: 12px; font-weight: normal;}
.wrapper 					{ padding: 10px; width: 96%; margin: 0 auto; height:100%; background: rgba(255, 255, 255,0.1); border-radius: 8px;}
#login_form 				{ margin: 0 auto; width: 90%; padding: 10px; background: #f0f0f0; overflow:auto; border: 1px solid #cccccc; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; /* Border Shadow */ -moz-box-shadow: 2px 2px 2px #cccccc; -webkit-box-shadow: 2px 2px 2px #cccccc; box-shadow: 2px 2px 2px #cccccc; }
#page 						{ margin: 10px; padding: 10px; background-color: white; border-radius: 12px; background-color: rgba(255, 255, 255,0.8); border: 1px solid gray; border-radius: 12px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); }
.clear 						{ clear: both; }
#login_box 					{ margin: 10px auto; text-align: center; padding:20px; width: 620px; background-color: rgba(255, 255, 255,0.4); border: 1px solid gray; border-radius: 4px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); }
.hint						{ display:none; }
.field:hover .hint 			{ position: absolute; display: block; margin: 5px; color: #FFFFFF; padding: 7px 10px; background: rgba(0, 0, 0, 0.6); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
label 						{ width:160px; text-shadow: 2px 2px 2px #ccc; display: block; float: left; font-weight: normal; margin-left:50px; text-align: right; line-height: 40px; font-size: 14px; }
.input						{ margin:4px; font-family: Arial, Verdana; font-size: 12px; padding-bottom: 10px; border: 1px solid #b9bdc1; width: 180px; color: #797979; }
.center 					{ text-align: center; }
.title						{ margin-top: 4px; border-bottom:2px solid #336699; background-color: #efefef; height:38px; border-radius: 4px; padding: 12px 12px 0px 12px;}
img							{ border: none; image-orientation: from-image;}
a							{ text-decoration: none; color: #336699; font-weight: bolder; margin: 2px; }
a:hover						{  color: #9999ff; font-weight: bolder;}
#menu_top a			 		{ text-decoration: none; color: #336699; font-size: 13px;  }
#radio 						{ float: right;  }
span						{ font-size: 12px; margin: 4px; }
/* Content area */
#content_area 				{ width: 99.5%; padding-top: 10px; font-size: 14px; font-family: 'Muli', sans-serif; color:#336699; float: left; margin:1px; }
td .customers_label			{ padding: 0px; line-height: 16px; }
.invoice_total				{ text-align: right; padding-right:10px; font-size: 16px; line-height: 24px; border: 0px; background-color: #efefef; }
/* Menu tools */
#menu_left	 				{ width: 200px; position:relative; float:left; font-size:13px;}

/* sub content area */
#sub_content_area  			{ position:relative; float: left; margin-left:10px; width:80%; padding: 4px; border-radius: 4px; background-color: rgba(255, 255, 255,0.8); border: 1px solid white; border-radius: 4px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0,0.4); }

/* tables */
table						{ margin: 0px; padding: 2px; width:100%; font-size: 11px; font-family: Verdana, sans-serif; border: 1px solid #efefef; }
th							{ text-align:right; padding: 1px; vertical-align:top; padding:1px 1px 1px 12px; border-bottom:1px solid #efefef; background:#fff; line-height: 20px;  }
td							{ text-align:left; vertical-align:top; padding:1px 1px 1px 12px; border-left:1px solid #efefef; border-bottom:1px solid #efefef; background:#fff; line-height: 40px;  }
.right						{ text-align:right; padding-right: 11px;}
input, select, .formul   	{ border:1px solid #6699cc;  height:24px; padding: 1px; border-radius: 4px; font-size:12px; }
textarea				   	{ border:1px solid #6699cc; padding: 1px;  border-radius: 4px; }
th		 					{ background:#8AB8DB; text-align:left; font-size: 11px; }
tr:hover td					{ background-color:#efefef;}
input:focus, textarea:focus	{ background-color: #F2F2F2; }

/* slidedown Notice events */
#slideNotice 				{ display: none; position: absolute; opacity:.5; top: 0; margin-left:auto; margin-right:auto; width:100%; height: 60px; background-color: #f0f0f0; text-align: center; }
#slideNotice h3 			{ position: relative; opacity:1; padding: 0px; margin: 0px; top: 25%; }

#view_document				{ color:#000; padding:12px; width:96%; }
#customer_box 				{ color:#000; padding:12px; background-color: #fff; }
#company_box 				{ color:#000; font-size:.8em;}
#assinatura					{ font-size: .8em; text-align: right;}
#doc_td 					{ padding: 0px; line-height: 13px; }
#doc_table 					{ padding: 0px; line-height: 13px; }
#doc_tr 					{ padding: 0px; line-height: 13px; }
#tax_box 					{ padding: 0px; line-height: 10px; font-size: .9em; background-color: #fff; }

#new_ped					{ width:80%; }
#notification_bar ul		{ padding-left:120px; margin: 0; width: 60%; text-align: center;   }	
#notification_bar li		{ padding:2px 8px; margin: 2px; display: inline; float: left; border-radius: 8px; background: rgba(255, 255, 255,0.1); color: #373737;}	
#notification_bar li span 	{ font-size: 9px;width:20px; 	height: 20px; 	background: rgba(255, 255, 255,0.4);	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px; 	padding: 3px 6px; }	
#notification_bar li a 		{ font-weight: normal;}	
#notification_bar li a:hover 		{ color: rgba(255, 255, 255,0.6);}
#dialog-message				{ font-family: 'Muli', sans-serif;  font-size: 12px; }	
.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }
img							{ border: none; image-orientation: from-image;}