* {
	margin: 0;
	padding: 0;
}

img, table, textarea{
	border: none;
}
textarea{
	height: 50px;
}
select[multiple="multiple"] {
	height: 50px;
}
textarea, input[type="text"], input[type="password"]{
	width: 260px;
}
select{
	width: 160px;
}
.floating_panel {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	border: 1px solid #CCCCCC;
}
table.floating_panel {
	border-radius: 5px;
}

textarea, input[type="text"], input[type="password"], div.field span {
	font-size: 16px;
	padding: 5px 5px 3px;
}
select {
	padding: 2px 2px 1px;
	font-size: 14px;
}
textarea, input[type="text"], input[type="password"], select {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 4px;
	border: 1px solid #CCCCCC;
}

li {
	list-style: none;
}

body {
	background: url("../images/bg_noise.png") #dedede;
}
/*body, div, a, input, textarea, th, td, li, p {*/
body, input, textarea, a, #sub_content h2 span.total{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #333;
}
a:hover{
	opacity: .7;
}
h1, h2, h2 a, h3, h3 a, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	font-weight: normal;
}

h1 {font-size: 40px;} /* 40px/16=2.5em */
h2, h2 a{font-size: 36px;} /* 36px/16=2.25em */
h3, h3 a{font-size: 20px;} /* 20px/16=1.25em */
h4 {font-size: 16px;} /* 16px/16=1em */

	table th {
		text-align: left;
	}
	table td.num, table th.num, table td.num input {
		text-align: right;
	}

.clearer {
	clear: both;
	display: block;
}

#header, #content, #sub_content, #footer, #messages {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


hr {
	padding: 0px;
	height: 1px;
	border: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #fff;
	margin: 10px 0;
}
h2+hr {
	border-top: 1px solid #390;
}
	

#header, #footer, input[type="submit"], input[type="button"], input[type="reset"], label {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

input[type="submit"], input[type="button"], input[type="reset"] {
	padding: 5px 10px 3px;
	border-radius: 5px;
	cursor: pointer;
}
input[type="submit"], input[type="submit"]:disabled:hover, input[type="button"], input[type="button"]:disabled:hover, input[type="reset"] , input[type="reset"]:disabled:hover{
	border: 1px solid #666; 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.5)), to(rgba(255,255,255,0))), #ccc;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)), #ccc;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	color: #000;
	border: 1px solid #000;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.7)), to(rgba(255,255,255,0))), #ccc;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)), #ccc;
}

input[type="submit"]:disabled, input[type="button"]:disabled, input[type="reset"]:disabled {
	cursor: default;
	opacity: .6;
}


input[type="button"].delete {
	color: #930;
	border-color: #930;
	float: left;
	margin-left: 0;
}
input[type="button"].delete:hover {
	color: #620;
	border: 1px solid #620;
}

#header {
	margin: 10px auto;
	height: 40px;
}
	#login_toolbox {
		float: right;
		margin-top: 25px;
	}
		#login_toolbox span.user_name{
			color: #666;
			font-weight: bold;
		}

		#menu li {
			display: inline;
		}
			#menu a {
				display: inline-block;
				height: 20px;
				font-size: 16px;
				padding: 24px 10px 5px;
			}
			#menu li.selected a {
				color: #390;
				font-weight: bold;
			}


#messages {
	margin-bottom: 10px;
	padding: 15px 9px 9px;
	border: 1px solid rgba(51, 153, 0, 0.3);
	background: rgba(51, 153, 0, 0.1);
	color: #390;
	border-radius: 10px;
}

#content {
	min-height: 400px;
}

#content, #sub_content {
	background-color: rgba(255, 255, 255, 0.3);
	padding: 15px 10px 10px;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
}
	#content h2,  #sub_content h2, #content h2 a, #sub_content h2 a{
		color: #390;
		padding: 0 5px;
	}

#sub_content{
	margin-top: 20px;	
}
	#sub_content h2, #sub_content h2 a {
		font-size: 24px;	
	}

#footer {
	clear: both;
	margin: 10px auto;
	text-align: center;
	font-size: 12px;
	color: #666;
}



/******************* LOGIN SECTION ******************/


	
#login_form {
	margin: 60px 280px 0;
	padding: 30px;
}

	#login_form table, #login_form table input[type="text"], #login_form table input[type="password"]{
		width: 100%;
	}
	#login_form .form_message {
		margin-top: 10px;
		padding-left: 80px;
		color: #c30;
		font-size: 12px;
		text-align: left;
	}
	#login_form table {
	}
		#login_form table td {
			padding: 10px;
		}
		
		#login_form table td.label{
			text-align: right;
			width: 20px;
		}
	
/******************* END LOGIN SECTION ******************/





 
/******************* COMMON SECTIONS ******************/
.filters {
	padding: 0 10px;
}
	.filters span.total, #sub_content h2 span.total{
		display: inline-block;
		width: 100%;
		margin-top: 15px;
		padding-left: 0 10px 0 40px;
		color: #999;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	}


	.filters a.more_options {
		margin-left: 10px;
		font-size: 12px;
		border-radius: 5px;
	}
	.filters span.total.message {
		text-decoration: underline;
		cursor: pointer;
	}

	.filters .detailed {
		display: none;
		border: 1px solid #ccc;
		margin: 10px -10px;
		padding: 10px;
	}
		.filters .detailed textarea,
		.filters .detailed select,
		.filters .detailed input[type="text"],
		.filters .detailed input[type="password"],
		.filters .detailed div.field span
		 {
			font-size: 14px;
		}
		.filters .detailed select{
			font-size: 12px;
		}
		
		.filters .detailed div.field{
			display: inline-block;
			margin-right: 30px;
		}
		.filters .detailed div.field label
		{
			width: 48px;
		}
		.filters .detailed div.field input#id_start_date,
		.filters .detailed div.field input#id_end_date
		{
			width: 116px;
		}


		.filters .detailed div.field input#id_paginate_by{
			width: 40px;
		}



.items {

}
	.no_items {
		margin-top: 100px;
		text-align: center;
		color: #999;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	}
	.item, .no_items {
		padding: 5px 10px 10px;
	}
		.items .item{
			cursor: pointer;
		}
		.items .item:hover{
			background-color: rgba(255, 255, 255, 0.5);
		}
		.item h3{
			margin-bottom: 10px;
		}
				
		span.warning{
			color: #930;
		}
	
		.item .details {
			text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
			color: #666;
		}


		.item table {
			width: 100%;
			background-color: rgba(255, 255, 255, 0.5);
			margin: 10px 0;
			border: 1px solid #CCCCCC;
		}
		
		.item.map table {
			width: 580px;
		}
		.item.map+hr {
			clear: both;
		}
		
		.item thead th{
			border-bottom: 1px solid #999;
			padding-top: 15px;
		}
		.item tfoot td{
			padding-bottom: 15px;
		}
			.item tfoot td.total{
				font-weight: bold;
			}
		.item tbody td{
			border-bottom: 1px solid #ccc;
		}
		.item tbody tr:last-child td{
			border-bottom: 1px solid #999;
		}
		.item th{
			text-align: left;
			font-weight: normal;
		}
		
		.item th, .item td {
			padding: 4px 32px;
		}
			
		.item th:first-child, .item td:first-child {
			padding-left: 15px;
		}
		.item th:last-child, .item td:last-child {
			padding-right: 15px;
		}
	
				
		.item.delivered h3, .item.delivered h3 a{
			color: #930;
		}
		.item.ordered h3, .item.ordered h3 a{
			color: #390;
		}
		.item.billed{
			opacity: .6;
		}

.items .pager {
	text-align: center;
	padding: 0 5px 10px;
}
.items .pager .total {
	margin-bottom: 10px;
}
	.items .pager a, .items .pager span{
		font-family: Georgia, "Times New Roman", Times, serif;
		padding: 0 2px;
	}
	
	.items .pager, .items .pager a, .items .pager span{
		font-size: 18px;
	}
	.items .pager .pages, .items .pager .pages a, .items .pager .pages span{
		font-size: 14px;
	}
	.items .pager a {
		color: #999;
		text-decoration: none;
	}
	.items .pager a:hover {
		color: #333;
	}
	.items .pager span.selected{
		font-weight: bolder;
	}
	.items .pager span.disabled{
		color: #ccc;
	}

/******************* END COMMON SECTION ******************/
 

 
 
 
 
 
 /******************* COMMON SECTIONS ******************/

fieldset {
	padding: 20px;
	margin: 5px -10px;
	float: right;
	width: 450px;
}
legend{
	padding: 10px;
}

label{
	width: 140px;
	padding-right: 20px;
}





div.field{
	padding: 2px 0;
}

	.field span {
		max-width: 280px;
	}
	.field label, .field span {
		display: inline-block;
		vertical-align: top;
	}
	.field label{
		padding-top: 5px;
	}
	.field span.help_text {
		color: #666;
		font-size: 12px;
		padding: 2px;
	}
	.field.has_errors input{
		border-color: #930;
	}
	.field.has_errors label,
	.field.has_errors input,
	.field.has_errors div.errors,
	.form_errors{
		color: #930;
	}




div.action_buttons {
}
	div.action_buttons input {
		float: right;
		margin: 5px 0 0 15px;
	}

.items.customer {
}

.order_update h3{
	padding-left: 5px;
}


h2 input[type="button"].new, h2 input[type="button"].report  {
	float: right;
	margin-top: 5px;
}




#id_delivery_time_0, #id_delivery_time_1 {
	width: 120px;
}
#id_delivery_time_0 {
	margin-right: 10px;
}

#id_delivery_time_1_hour, #id_delivery_time_1_minute {
	width: 60px;
}
#id_delivery_time_1_second {
	display: none;
}

#order_items input[type="button"]#add_product {
	padding: 4px 10px 2px;
	font-size: 12px;
}
#order_items tr.delete{
	opacity: .3;
}
#order_items td.quantity input,
#order_items td.total input{
	width: 80px;
}

#ui-datepicker-div{
	display: none;
}


#customer_form img.map[src]{
	border: 1px solid #999;
	margin-bottom: 10px;
	border-radius: 5px;
}

.items .item img.map[src]{
	border: 1px solid #999;
	border-radius: 5px;
	width: 340px;
	float: right;
	margin-bottom: 15px;
}




body.report table{
	width: 100%;
}
	body.report thead th{
		border-bottom: 1px solid #666;
	}
	body.report tfoot td{
		border-top: 1px solid #666;
	}
		body.report tfoot td.total{
			color: #000;
			font-weight: bold;
		}
		
	body.report tbody td{
		border-bottom: 1px dotted #ccc;
	}
	body.report td, body.report th{
		padding: 5px;
	}
	body.report tbody td.total, body.report tbody td.date{
		border-right: 1px solid #ccc;
	}
	body.report tbody td.quantity{
		border-right: 1px solid #dedede;
	}
	body.report tbody td.quantity{
		color: #666;
	}