@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);

@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: "HelveticaNeueBold";
    src: url("fonts/helvetica_neue_condensed_bold.ttf");
}

@font-face {
    font-family: "bdp_fox";
    src: url("fonts/bdp_fox.ttf");
}




/* Generic Font Setting */
#navigation ul li input[type=button],
.contact_label,
.contact_name,
.contact_value,
h1, h2, h3, h4, h5,
.link_edit,
.link_customer_add,
.link_customer_tags,
.section_header .legend ul li,
.stats_header,
.stats_round .stats_round_graph .stats_positive .stats_positive_value,
.stats_round .stats_round_graph .stats_negative .stats_overdue_value,
.stats_round .stats_round_number,
.stats_round .stats_round_current .stats_round_sum_up .stats_round_indicator span,
.stats_round .stats_round_current .stats_round_sum_up .stats_round_count span.count_value,
.stats_round .stats_round_current .stats_round_sum_up .stats_round_count span.count_label,
.compose_email_link,
.customStyleSelectBox,
.form_row .form_label_inline label,
.blue_select,
.form_label_inline,
.btn_blue, .btn_red, .btn_green, .btn_brown,
ul.cust_tabs_list li a,
.custom_label,
.filter_btn_online,
.filter_btn_cash,
.filter_btn_pending_cancellation,
.filter_btn_tag_1,
.filter_btn_tag_2,
.filter_btn_tag_3,
.filter_btn_tag_4,
.filter_btn_tag_5,
li.cust_item .cust_details_billing .cust_bal,
li.cust_item .cust_details_billing .cust_last_bill .cust_last_bill_value,
.btn_action_half, .btn_action_options, .btn_action_full, .btn_action_medium, .btn_action_normal,
li.cust_item .cust_details_billing .action_options,
li.cust_item .cust_details_billing .action_options ul input.btn_action_options_list,
.cust_list_header,
li.cust_item .cust_details_order .prod_list_pause .pause_msg,
li.cust_item .cust_details_billing .cust_last_bill .cust_last_bill_date.cust_bill_pending,
li.cust_item .cust_details_billing .cust_last_bill .cust_last_bill_date.cust_bill_credited,
.inputBtnGo,
.statement_row,
.rb_label,
.table_heading .pricing_label,
.prod_list_balance,
.prod_list_this_bill,
.ll_container .ll_rollup,
.ll_breakdown .ll_breakdown_header,
.ll_breakdown .ll_value,
.ll_breakdown .ll_breakdown_list ul li .ll_value,
.login_container {
	font-family: "Roboto Condensed", HelveticaNeueBold, Arial, Helvetica, sans-serif;
	font-weight: normal !important;
}


body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	/* background:#DDD8C8 url(../img/bg_wave.png) center top repeat-x; */
	background:#D5D6CE url(../img/bg_wave.png) center top repeat-x;
	-webkit-text-size-adjust: none;
	line-height:100%;
}

form {
	margin:0px;
	padding:0px;	
}

.clear {
	clear:both;	
}

/*Remove button padding in FF*/
input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

input,
select,
textarea {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}

input {
	margin:0px;
	padding:0px;
	/* box-sizing: border-box; */
	/* -moz-box-sizing: border-box; */
	overflow:visible;
}

input[type=button],
input[type=submit],
input[type=reset],
input[type=button][disabled],
input[type=submit][disabled],
input[type=reset][disabled] {
	-webkit-appearance: none;
}



select {
	box-sizing: border-box;
	-webkit-box-align: center;
	-webkit-appearance: menulist-button;
	-webkit-appearance: none;
	font-size:1.0em !important;
}

img {
	border:0px;
}

h1,h2,h3,h4,h5 {
	margin:0px;
	padding:0px;
	line-height:150%;
	font-weight:normal;
}

a:link,
a:visited {
	text-decoration:none;
	color:#666666;	
}

a:hover {
	color:#0099CC;
}

p {
	
}

ul,ol {
	margin:0px;
	padding:0px;
	list-style:none;
}

li {
	
}

.spacer_5,
.spacer_10,
.spacer_20,
.spacer_30,
.spacer_40 {
	display:block;
	clear:both;
}

.margin_left_5 { margin-left:5px;}
.margin_left_10 { margin-left:10px;}

.spacer_5 {height:5px;}
.spacer_10 {height:10px;}
.spacer_20 {height:20px;}
.spacer_30 {height:30px;}
.spacer_40 {height:40px;}

.width_15 {width: 15px;}
.width_30 {width:30px;}
.width_40 {width:40px;}
.width_50 {width:50px;}
.width_80 {width:80px;}
.width_100 {width:100px;}
.width_120 {width:120px;}
.width_140 {width:140px;}
.width_150 {width:150px;}
.width_180 {width:180px;}
.width_240 {width:240px;}


.width_30p {width:30%;}
.width_40p {width:40%;}
.width_45p {width:45%;}
.width_50p {width:50%;}
.width_60p {width:60%;}
.width_70p {width:70%;}
.width_80p {width:80%;}
.width_95p {width:95%;}
.width_100p {width:100%;}

/* Site Colours */

.color1 {
	color:#0099CC;	
}


/* Layout styling */

.container {
	width:960px;
	margin:0px auto;
	padding:0px;
	height:100%;
}

	.col_left {
		float:left;
		text-align:left;
		height:100%;
	}
	
	.col_right {
		float:right;
		text-align:left;
		height:100%;
	}
	
	.border_radius_5 {
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		behavior: url("PIE.htc");
	}
	
	.border_radius_5_start {
		border-radius:5px 0 0 5px;
		-moz-border-radius:5px 0 0 5px;
		-webkit-border-radius:5px 0 0 5px;
		behavior: url("PIE.htc");
	}
	
	.border_radius_5_end {
		border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		-webkit-border-radius: 0 5px 5px 0;
		behavior: url("PIE.htc");
	}
	
	ul.module_list li a:hover {
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;	
		behavior: url("PIE.htc");
	}
	
	.float_right {
		float:right;
	}
	
	.float_left {
		float:left;
	}
	
	.align_right {
		text-align:right;
	}
	
	.align_left {
		text-align:left;	
	}
	
	
	.position_right {
		display:block;
		position:absolute;
        padding: 0;
		right:0px;
		top:5px;	
	}

.position_middle {
    display: block;
    position: absolute;
    float: left;
    padding: 0;
    right: 170px;
    top: 5px;
}
 
	
/* Widths */

.width_300 {
	width:300px;	
}

.width_630 {
	width:630px;	
}

/* Header Styling */
#content_header {
	height:135px;	
}

	#logo {
		float:left;
		width:25%;
	}
	
		#logo h1 {
			
		}
		
			#logo h1 a {
				background:url(../img/img_milkman_logo.png) left top no-repeat;
				width:100%;
				height:60px;
				display:block;
				text-indent:-999em;
				outline:none;
				margin-top:10px;
			}
	
	#navigation {
		float:right;
		width:75%;
		margin-top:1.8em;
	}
	
		#navigation ul.nav_ul {
			float:right;
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
			#navigation ul.nav_ul li.nav_link {
				float:left;
				display:block;
				background-color:#E5F5FA;
				padding:0px;
				line-height:40px;
			}
			
			#navigation ul.nav_ul li.nav_group_start {
				padding:0px 10px;
				background-color:#0099CC !important;
				border-radius:5px 0px 0px 5px;
			}
			
			#navigation ul.nav_ul li.nav_group_inner {
				
			}
			
			#navigation ul.nav_ul li.nav_group_end {
			}
			
			#navigation ul.nav_ul li.nav_group_btn {
				margin-left:10px;
				padding:0px;
			}
			
				#navigation ul.nav_ul li.nav_link input {
					border:0px;
					background-color:transparent;
					font-size:1.3em;
					cursor:pointer;
					color:#0099CC;
					height:40px;
					padding:0px 10px;
					float:left;
					display:block;
					margin:0px;
					overflow:visible;
					line-height:40px;
				}
				
					#navigation ul.nav_ul li.nav_link input.btn_help {
						text-indent:-999em;
						width:40px;
						padding:0px 0px;
						background:url(../img/icon_help.png) center center no-repeat;	
					}
					
					#navigation ul.nav_ul li.nav_link input.btn_settings {
						text-indent:-999em;
						width:40px;
						padding:0px 0px;
						background:url(../img/icon_settings.png) center center no-repeat;
					}
					
					#navigation ul.nav_ul li.nav_link input.btn_logout {
						padding-left:30px;
						background:url(../img/icon_logout.png) 10px center no-repeat;	
					}

				#navigation ul.nav_ul li.nav_link input.nav_button {
					border:0px;
					background-color:transparent;
					font-size:1.3em;
					cursor:pointer;
					color:#666666;
				}
				
				#navigation ul.nav_ul li.nav_link input.nav_button.nav_selected,
				#navigation ul.nav_ul li.nav_link input.nav_button:hover {
					border:0px;
					cursor:pointer;
					color:#0099CC;
				}
				
				#navigation ul.nav_ul li input[disabled] {
					color:#A5ADB0 !important;
					cursor:default !important;
				}
			
				#navigation ul.nav_ul li.nav_link select {
					width:120px;
					border:0px;
					font-size:1.0em !important;
					padding:5px 0px;
					margin:0px;
					line-height:20px;
				}
			
				
				
/* Body Styling */
#content_body {
	margin-bottom:20px;
	position:relative;
}

.module_container {
	height:100%;
}

	.module {
		background-color:#FFFFFF;
		padding:10px;
		height:100%;
		position:relative;
	}
	
	.module .module_header {
		border-bottom: 2px solid #666666;
		margin-bottom:10px;
		padding-bottom:10px;
		height:100%;
	}
	
		.module_header h2 {
			float:left;
			color:#666666;
			font-size:1.4em;
		}
		
		.module_header h3 a{
			float:right;
			color:#666666;
			font-size:1.0em;
			text-decoration:underline;
			margin-top: 3px;
		}
	
	.module .module_content {
	}
	
	.module_link {
		margin-top:5px;	
	}
	
	.module_alert {
		background-color:#d40000;
		padding:10px;
		height:100%;
		position:relative;
	}	

	.module_alert .module_header {
		border-bottom: 2px solid #ffffff;
		margin-bottom:10px;
		padding-bottom:10px;
		height:100%;
	}
	
		.module_alert .module_header h2 {
			float:left;
			color:#ffffff;
			font-size:1.4em;
		}
		
.alert_item 
{
    margin:10px 0px 10px 0px;
}	
.alert_item h2
{
    padding:2px 0px 2px 0px;
    clear: both;
    color:#ffffff;
	font-size:1.2em;
	font-weight: bold; 
}		
.alert_item p
{
    margin:4px 0px 4px 0px;
    padding:2px 0px 2px 0px;
    clear: both;
	color:#ffffff;
}		
			
/* Module Styling */

.contact_image {
	position:absolute;
	top:10px;
	right:10px;
	width:60px;
	height:60px;
}

.contact_label {
	float:left;
	clear:both;
	display:block;
	width:55px;
	font-size:1.2em;
	text-transform:uppercase;
	line-height:1.8em;
}

.contact_name {
	float:left;
	display:block;
	font-size:1.8em;
	width:160px;
	line-height:1.2em;
}

.contact_value {
	float:left;
	display:block;
	font-size:1.2em;
	line-height:1.8em;
}
			

/* Section Styling */
			
.section_header {
	position:relative;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px solid #666666;
}

	.section_header h2 {
		font-size:2.0em;
		display:block;
	}
	
			
/* Link Styling */

.link_edit {
	background:url(../img/icon_edit.png) left center no-repeat;
	text-transform:uppercase;
	padding:5px 0px 5px 22px;
	display:block;
	float:left;
}
.link_customer_add {
	background:url(../img/icon_edit.png) left center no-repeat;
	text-transform:uppercase;
	padding:5px 0px 5px 22px;
	display:block;
	float:left;
}
.link_customer_tags {
	background:url(../img/icon_edit.png) left center no-repeat;
	text-transform:uppercase;
	padding:5px 0px 5px 22px;
	display:block;
	float:right;
}

.icon_edit {
	background:url(../img/icon_edit.png) center center no-repeat;
	display:block;
	float:left;
	width:30px;
	height:30px;
	text-indent:-999em;
	outline:none;
}

.icon_adjust_balance {
	background:url(../img/icon_edit.png) center center no-repeat;
	display:block;
	float:right;
	width:15px;
	height:15px;
	text-indent:-999em;
	outline:none;
}

.icon_delete {
	background:url(../img/icon_delete.png) center center no-repeat;
	display:block;
	float:left;
	width:30px;
	height:30px;
	text-indent:-999em;
	outline:none;
}

.icon_email {
	background:     url(../img/btn_icon_email.png) center center no-repeat;
	display:        block;
	float:          left;
	width:          30px;
	height:         30px;
	text-indent:    -999em;
	outline:        none;
	position:       absolute;
	left:           70px;
	top:            5px;
}

.icon_email_small {
	background:url(../img/icon_email_small.png) center center no-repeat;
	display:block;
	float:left;
	width:30px;
	height:30px;
	text-indent:-999em;
}

.link_edit:hover {
	background:url(../img/icon_edit_blue.png) left center no-repeat;
}
.link_customer_add:hover {
	background:url(../img/icon_edit_blue.png) left center no-repeat;
}

.compose_email_link {
	background:url(../img/icon_email_small.png) left center no-repeat;
	text-transform:uppercase;
	padding:5px 0px 5px 28px;
	margin-top:5px;
	display:block;
}

.compose_email_link:hover {
	background:url(../img/icon_email_small_blue.png) left center no-repeat;
}


.icon_pause {
	background:url(../img/icon_pause_btn_off.png) center center no-repeat;
	display:block;
	float:left;
	width:30px;
	height:30px;
	text-indent:-999em;
	outline:none;
}

.icon_pause.active {
	background:url(../img/icon_pause_btn_on.png) center center no-repeat;	
}


/* Form Styling */

/* Stacked Form Rows */

.form_row {
	position:relative;
}

	.form_row .form_label {
		line-height:30px;
	}
	
		.form_row .form_label label {
			font-size:1.2em;
		}
		
		.form_row .form_label.hidden_label,
		.form_row .form_label_inline.hidden_label {
			height:1px;
			text-indent:-999em;
			float:left;
		}
	
	.form_row .form_label_calendar {
		float:left;
		display:block;	
	}
	
	.form_row .form_label_inline {
		float:left;
		display:block;	
			line-height:30px;
	}
	
		.form_row .form_label_inline label,
		.custom_label {
			font-size:1.2em;
		}
	
	.form_row .form_input {
	}
	
		.form_row .form_input input {
			
		}
		
	.form_row .form_input_inline {
		float:left;
		display:block;	
		line-height:30px;
	}
		
		.form_row .form_input_inline input {
			
		}
		
/* Inline Form Rows */

.form_row_inline {
	float:left;
}

	.form_row_inline .form_label {
		float:left;
	}
	
		.form_row_inline .form_label label {
			float:left;
		}
		
		.form_row_inline .form_label.hidden_label,
		.form_row_inline .form_label_inline.hidden_label {
			height:1px;
			text-indent:-999em;
			float:left;
		}
	
	.form_row_inline .form_label_inline {
		float:left;
		display:block;	
		line-height:30px;
		margin-right:10px;
		margin-left:10px;
	}
	
		.form_row_inline .form_label_inline label {
			font-size:1.2em;
		}
	
	.form_row_inline .form_input {
	}
	
		.form_row_inline .form_input input {
			
		}
		
	.form_row_inline .form_input_inline {
		float:left;
		display:block;	
		line-height:30px;
	}
		
		.form_row_inline .form_input_inline input {
			
		}

/* Submit Form Row */
		
	.form_row_submit {
		
	}
	
		.form_row_submit .form_button {
			
		}
		
/* Input Styling */
.mandatory, .error {
	color:#FF0000;
}

input.input_white {
 	background: #FFFFFF;
	color:#666666;
	text-shadow:none;
	border:0px solid #FFFFFF;
	outline:none;
  	padding: 0px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-appearance: none;
	height:30px;
	line-height:30px;
}

input.test
    {
        background-color:Yellow;
        color: Black;
    }
input.input_beige {
 	background: #F1EFE9;
	color:#666666;
	text-shadow:none;
	border:0px solid #FFFFFF;
	outline:none;
  	padding: 0px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-appearance: none;
	height:30px;
	line-height:30px;
}
.input_beige_select {
 	background:             #F1EFE9;
	color:                  #666666;
	text-shadow:            none;
	border:                 0px solid #FFFFFF;
	outline:                none;
  	padding:                2px 0px 0px 5px;
	border-radius:          5px;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-webkit-appearance:     none;
	height:                 30px;
	line-height:            30px;
}
.input_beige_select_error {
 	background:             #F1EFE9;
	color:                  #666666;
	text-shadow:            none;
	border:                 1px solid red;
	outline:                none;
  	padding:                5px 0px 5px 5px;
	border-radius:          5px;
	-moz-border-radius:     5px;
	-webkit-border-radius:  5px;
	-webkit-appearance:     none;
	height:                 30px;
	line-height:            30px;
}
input.input_beige_error {
 	background: #F1EFE9;
	color:#666666;
	text-shadow:none;
	border:1px solid red;
	outline:none;
  	padding: 0px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-appearance: none;
	height:30px;
	line-height:30px;
}
textarea.input_beige_error {
 	background: #F1EFE9;
	color:#666666;
	text-shadow:none;
	border:1px solid red;
	outline:none;
  	padding: 0px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-appearance: none;
	height:150px;
	line-height:30px;
}
textarea.input_beige {
 	background: #F1EFE9;
	color:#666666;
	text-shadow:none;
	border:0px solid #FFFFFF;
	outline:none;
  	padding: 0px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-appearance: none;
	height:80px;
	line-height:30px;
}
input.input_search {
	background:#FFFFFF url(../img/icon_search.png) 5px center no-repeat;
  	padding: 0px 10px 0px 30px;	
	-webkit-appearance: none;
	height:30px;
	line-height:30px;
}

input.input_list {
 	background: #FFFFFF;
	color:#666666;
	text-shadow:none;
	border:1px solid #CCCCCC;
	outline:none;
  	padding: 0px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-appearance: none;
	height:28px;
	line-height:30px;
}

	input.input_list[disabled] {
		background: #FFFFFF;
		color: #999999;
		border: 1px solid #FFFFFF;
		-webkit-text-fill-color: #999999;
		opacity: 1;
	}


input.btn_hidden {
	display:none;	
}

/* Button Styling */

.btn_red,
.btn_blue,
.btn_brown,
.filter_btn_online,
.filter_btn_cash,
.filter_btn_pending_cancellation,
.filter_btn_tag_1,
.filter_btn_tag_2,
.filter_btn_tag_3,
.filter_btn_tag_4,
.filter_btn_tag_5
{
	float:left;
	line-height:30px;
	height:30px;
	text-align:center;
	display:block;
	padding:0px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:0px solid;
	font-size:1.2em;
	cursor:pointer;
}

.btn_blue {
	color:#FFFFFF;
	background-color:#0099CC;
}

.btn_brown {
	color:#FFFFFF;
	background-color:#666666;	
}

.btn_blue_disabled
 {
	color:#BDBDBD;
	background-color:#F0EFEA;
	cursor:default;
}

.btn_brown[disabled],
.btn_blue[disabled] {
	color:#BDBDBD;
	background-color:#F0EFEA;
	cursor:default;
}

.btn_red {
	color:#FFFFFF;
	background-color:#DA462A;
}

.btn_red_pause 
{
  	float:left;
	line-height:20px;
	text-align:center;
	display:block;
	padding:0px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:0px solid;
	font-size:1.2em;
	cursor:pointer;
	color:#FFFFFF;
	background: url(/img/icon_pause_btn_on.png) center center no-repeat;
	background-color:#DA462A;
}

.filter_btn_online {
	color:#CFD5D3 !important;
	background:#9EADA6 url(/img/bg_icon_card.png) left -30px no-repeat;
	padding-left:30px;
}

.filter_btn_online.active {
    color:#FFFFFF !important;
	background:#628386 url(/img/bg_icon_card.png) left top no-repeat;
}

.filter_btn_cash {
	color:#D9E1CB !important;
	background:#B3C498 url(/img/bg_icon_cash.png) left -30px no-repeat;
	padding-left:30px;
}

.filter_btn_cash.active {
	color:#FFFFFF !important;
	background:#85AF67 url(/img/bg_icon_cash.png) left top no-repeat;
}

.filter_btn_pending_cancellation {
	color:#fff0e6 !important;
	background:#ffc29a url(/img/bg_icon_cancel.png) left -30px no-repeat;
	padding-left:30px;
}

.filter_btn_pending_cancellation.active {
    color:#FFFFFF !important;
	background:#ff9900 url(/img/bg_icon_cancel.png) left top no-repeat;
}

.customer_tag_1
{
    margin: 19px 4px 0px 0px;
    float: right;
    width: 11px;
    height: 11px;
    background:#00af50;
}
.filter_btn_tag_1 {
	color:#CFD5D3 !important;
	background:#80c69c;
	margin: 0px 0px 0px 10px;
	padding-left:10px;
	padding-right:10px;
}
.filter_btn_tag_1.active {
    color:#FFFFFF !important;
	background:#00af50;
}
.customer_tag_2
{
    margin: 19px 4px 0px 0px;
    float: right;
    width: 11px;
    height: 11px;
    background:#d81597;
}
.filter_btn_tag_2 {
	color:#CFD5D3 !important;
	background:#d689b8;
	margin: 0px 0px 0px 10px;
	padding-left:10px;
	padding-right:10px;
}
.filter_btn_tag_2.active {
    color:#FFFFFF !important;
	background:#d81597;
}
.customer_tag_3
{
    margin: 19px 4px 0px 0px;
    float: right;
    width: 11px;
    height: 11px;
    background:#01b0f1;
}
.filter_btn_tag_3 {
	color:#CFD5D3 !important;
	background:#80c7dc;
	margin: 0px 0px 0px 10px;
	padding-left:10px;
	padding-right:10px;
}
.filter_btn_tag_3.active {
    color:#FFFFFF !important;
	background:#01b0f1;
}
.customer_tag_4
{
    margin: 19px 4px 0px 0px;
    float: right;
    width: 11px;
    height: 11px;
    background:#fe0000;
}
.filter_btn_tag_4 {
	color:#CFD5D3 !important;
	background:#e5807c;
	margin: 0px 0px 0px 10px;
	padding-left:10px;
	padding-right:10px;
}
.filter_btn_tag_4.active {
    color:#FFFFFF !important;
	background:#fe0000;
}
.customer_tag_5
{
    margin: 19px 4px 0px 0px;
    float: right;
    width: 11px;
    height: 11px;
    background:#7131a1;
}
.filter_btn_tag_5 {
	color:#CFD5D3 !important;
	background:#ad94bc;
	margin: 0px 0px 0px 10px;
	padding-left:10px;
	padding-right:10px;
}
.filter_btn_tag_5.active {
    color:#FFFFFF !important;
	background:#7131a1;
}
.customer_tag_0
{
    display: none;
}


.btn_action_half,
.btn_action_options,
.btn_action_full,
.btn_action_medium,
.btn_action_normal {
	float: left;
	line-height: 30px;
	height: 30px;
	text-align: left;
	display: block;
	padding: 0px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid;
	font-size: 1.2em;
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #999999;
	z-index: 1;
	margin: 0px;
	-webkit-appearance: none;
}

.btn_action_half {
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	width:99px;
	border:1px solid #CCCCCC;
	padding:0px 5px;
}

.btn_action_options {
	width:28px;
	text-indent:-999em;
	background:#FFFFFF url(../img/img_dropdow_black.png) center center no-repeat;
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	margin:0px 0px 0px -1px;
	padding:0px;
	border:1px solid #CCCCCC;
}

	.btn_action_options.active {
		border-color:#999999;
		border-radius:0px 5px 0px 0px;
		-moz-border-radius:0px 5px 0px 0px;
		-webkit-border-radius:0px 5px 0px 0px;
		border-bottom:1px solid #FFFFFF !important;
		z-index:4 !important;
		position:relative;
	}
                   
.btn_action_full {
	width:128px;
	border:1px solid #CCCCCC;
	padding:0px 5px;
}

.btn_action_medium {
	width: 90px;
	border: 1px solid #CCCCCC;
	padding: 0px 5px;
	text-align: center;
}

.btn_action_normal {
	width:50px;
	border:1px solid #CCCCCC;
	padding:0px 5px;
	text-align:center;
}

	.btn_action_half:hover,
	.btn_action_options:hover,
	.btn_action_full:hover,
	.btn_action_medium:hover,
	.btn_action_normal:hover {
		border-color: #999999;
		color: #666666;
		position: relative;
		z-index: 1;
	}

.btn_hidden {
	float:right;
	height:1px;
	display:block;
	text-indent:-999em;
	padding:0px;
	margin:0px;
	border:0px solid;
	background-color:#transparent;	
}

.btn_float_right {
	float:right;	
}

.icon_btn_collect_online {
	background:#628386 url(../img/btn_icon_collect.png) 0px -30px no-repeat;
	padding-left:30px;	
}

.icon_btn_collect_online[disabled] {
	background-position:0px 0px;	
}

.icon_btn_collect_cash {
	background:#85AF67 url(../img/btn_icon_collect.png) 0px -30px no-repeat;
	padding-left:30px;	
}

.icon_btn_collect_cash[disabled] {
	background-position:0px 0px;	
}

.icon_btn_print {
	background:#85AF67 url(../img/btn_icon_print.png) 0px -30px no-repeat;
	padding-left:30px;	
}

.icon_btn_print[disabled] {
	background-position:0px 0px;	
}

.icon_btn_add {
	background:#666666 url(../img/btn_icon_add.png) 0px 0px no-repeat;
	padding-left:30px;	
}

.icon_btn_edit {
	background:#666666 url(../img/btn_icon_edit.png) 0px 0px no-repeat;
	padding-left:30px;	
}

.icon_btn_customer_edit {
	background:#666666 url(../img/btn_icon_edit.png) 0px 0px no-repeat;
	padding-left:30px;	
}

.icon_btn_pause {
	background:#666666 url(../img/btn_icon_pause.png) 0px 0px no-repeat;
	padding-left:30px;	
}


.icon_btn_save {
	background:#0099CC url(../img/btn_icon_save.png) 0px 0px no-repeat;
	text-indent:-999em;
	margin:0px;
	padding:0px;
	text-indent:-999em;
	width:30px;
}

.icon_btn_collect {
	background:#666666 url(../img/btn_icon_collect.png) 0px -30px no-repeat;
	padding-left:30px;	
}


		
/* Footer styling */
#content_footer {
	padding:20px 15px;
	background-color:#666666;
	margin-bottom:30px;
	color:#FFFFFF;
	font-size:0.9em;
}

	.content_footer_left {
		width:50%;
	}
	
	.content_footer_right {
		width:50%;
	}
	
	.content_footer_right ul {
		float:right;
	}
	
		.content_footer_right ul li {
			float:left;
			display:block;
		}
		
			.content_footer_right ul li a {
				color:#FFFFFF;
			}
			
				.content_footer_right ul li a:hover{
					text-decoration:underline;
				}
			
			.content_footer_right ul li span.link_divider {
				padding:0px 10px;
			}
			
			
/* POPUPS */

.cust_type {
	position:absolute;
	top:0px;
	right:0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	height:30px;
	width:30px;
}

	.cust_type.cust_type_cash {
		background: #85AF67 url("../img/bg_icon_cash.png") top center no-repeat;
	}
	
	.cust_type.cust_type_online {
		background: #628386 url("../img/bg_icon_card.png") top center no-repeat;
	}




/* Paging and Sorting */


.sorting {
	position:relative;
	display:block;
	margin: 10px 0px 10px 20px;
	clear:both;
	height:100%;
}
	
	.sortPage {
		width:100px;
		display: inline;
		margin-left: 260px;
		float:left;
		line-height:25px;
		height:100%;
	}
	
	.sortPagination {
		display: inline;
		float:left;
		height:100%;
	}
	
		.pagination {
			float:left;
			display:block;
		}
		
			.pagination ul {
				float:left;
				display:block;
			}
			
				.pagination ul li {
					float:left;
					display:block;
					margin-right:5px;
				}
				
				.pagination ul li span {
					line-height:25px;	
				}
				
					.pagination ul li a {
						float:left;
						display:block;
						height:25px;
						line-height:25px;
						padding:0px 8px;
						border:0px solid #CCCCCC;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						color:#454545;
						background-color:#FFFFFF;
						position:relative;
					}
					
					.pagination ul li a.selected {
						background-color:#F1EFE9;	
					}
					
					.pagination ul li a:hover {
						border:0px solid #ababab;
						text-decoration:none;
					}
		
		.jumpto {
			float:right;
			margin-left:20px;
		}
		
			.jumpto label {
				float:left;
				line-height:25px;
				margin-right:5px;
			}
			
			.jumpto .inputBox {
				float:left;
				width:30px;
			}
			
			.jumpto .inputBtnGo {
				float:left;	
			}
			
			.formItem input.inputBox {
				background-color: #FFFFFF;
				border: 1px solid #FFFFFF;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				display: block;
				float: left;
				height: 25px;
				line-height: 25px;
				margin: 0;
				padding: 0 5px;
				position: relative;
			}
			
			.formItem input.inputBtnGo {
				background-color: #666666;
				border: 0px solid #666666;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				color: #FFFFFF;
				cursor: pointer;
				display: block;
				float: left;
				height: 27px;
				line-height: 25px;
				margin: 0 0 0 5px;
				padding: 0 10px;
				position: relative;
				text-align: center;
				font-size:1.2em;
			}
			
			
.error_msg {
	color:          #C00;
	padding:        8px 0px 8px 0px;
	line-height:    18px;
	font-size:      1.2em;	
}

div#usermessage
{
    clear:                  both;
    display:                block;
    width:                  100% !important;
    float:                  left;
	margin:                 0px 0px 10px 0px;
}
div#usermessage ul 
{
    width:                  100% !important;
    list-style-position:    inside; 
	padding:                0px 0px 0px 0px;
	margin:                 4px 0px 4px 0px;
}
div#usermessage ul li
{
	color:                  Red !important;
	font-size:              12px;
	font-weight:            bold;
	padding:                4px 0px 4px 0px;
	line-height:            11px;
}

.overlay {
	    background:url(/img/bg_overlay.png) left top repeat;
	    color:#FFFFFF;
	    position:absolute;
	    height: 100%;
	    width: 960px;
	    z-index:1;
    }
    
    .overlay.single {
	    width: 100%;
    }

	    .overlay .loader_img {
		    position:fixed;
		    top:50%;
		    left:50%;
		    margin-left:-15px;
		    margin-top:-15px;
		    background:url(../img/loader.gif) left center no-repeat;
		    height:30px;
		    width:30px;
	    }
	    
	    .overlay.single .loader_img {
		    position:absolute;
	    }
.payment_select 
{
    color: #2a2929;
    margin: 0px 0px 0px 0px;
    padding: 6px 2px 6px 2px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.customer_tag 
{
    border: 1px solid #000000;
    padding: 0;
    margin: 0;
    width: 100px;
    height: 30px;
}

/* CSS hover pop-up code for CVN info */
a.popup_nutrition{
    position:relative; /*this is the key*/
    z-index:24;
}
a.popup_nutrition:hover{z-index:25;}
a.popup_nutrition span{display: none}
a.popup_nutrition:hover span{ /*the span will display just on :hover state*/
    padding:            2px 6px 2px 6px;
    display:            block;
    position:           absolute;
    top:                0px; 
    left:               -200px; 
    font-weight:        normal;
    width:              300px;
    border:             solid 1px #393536;
    background-color:   #ffffff; 
    color:              #393536;
    text-align:         left;
}



/* Select Address Control */
/* Override the default "autocomplete" styling */


.ui-menu .ui-menu-item a {
    font-size: 11px;
}

.help_menu {
	font-size: 1.5em;
	line-height: 80%;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}

.terms-conditions-container {
	overflow: scroll;
	height: 400px;
	max-height: 400px;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
}