/*Specialized Styles for Cashiering Form UI Controls
	Parent Controls as well as their detail data list wrappers */
div.cashiering_cart_list_control {
	margin-bottom: 5px;
}

div.cashiering_items_list_control {
	margin-bottom: 25px;
}

div.cashiering_item_details_list_area_wrapper,
div.cashiering_cart_list_area_wrapper {

}

div.cashiering_web_payment_options {
	padding: 5px 15px 20px 15px;
}

div.cashiering_payment_types_area_wrapper {
	padding: 15px;
}

div.cashiering_payment_options_area_wrapper {
	padding: 10px 0px 0px 0px;
	text-align: center;
}

div.casiering_payment_types_area .content_grid1 {
	margin: 0px;
}

div.cashiering_payment_types_area_wrapper .form_value {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

/* Grouping Styles to facilitate specialized layout of the Cashiering Cart Page that
	Displays Name and value pairs in specialized format for each CartItemType (ie. Payment Group in CRM)*/
div.cashiering_cart_list_area_wrapper .cart_item_description_area {
	width: 60%;
}

div.cashiering_cart_list_area_wrapper .detail_name,
div.cashiering_cart_list_area_wrapper .detail_value {
	font-size: 10px;
}

div.cashiering_cart_list_area_wrapper .cart_item_fee_amount_area .detail_value {
	font-size: 12px;
}

div.cashiering_cart_list_area_wrapper .cart_item_description_area .detail_group_short_values {
	float: right;
	width: 30%;
	/*background: #F7F3F7;*/
	/*padding: 3px 5px 3px 2px;*/
	padding-left: 5px;
	border-left: dotted 1px #A0A0A0;
	border-right: dotted 1px #A0A0A0;
}

div.cashiering_cart_list_area_wrapper .cart_item_description_area .detail_group_short_values .detail_name {
	display: block;
	width: 50px;
	float: left;
	clear: left;
	text-align: left;
}

div.cashiering_cart_list_area_wrapper .cart_item_description_area .detail_group_short_values .detail_value {
	padding-left: 3px;
}

div.cashiering_cart_list_area_wrapper .cart_item_description_area .detail_group_long_values {
	width: 65%;
}

div.cashiering_cart_list_area_wrapper .cart_item_description_area .detail_group_long_values .detail_name {
	
}

div.cashiering_cart_list_area_wrapper .cart_item_description_area .detail_group_long_values .detail_value {

}

/*Initialize Cell Alignment for Cart Tables*/
div.cashiering_cart_list_area_wrapper table.content_grid2 td {
	vertical-align: top;
}

div.cashiering_cart_list_area_wrapper tr.row_alternating td {
	border-top: dotted 1px #A0A0A0;
}

div.cashiering_cart_list_area_wrapper table.content_grid2 .cart_item_selection_area {
	vertical-align: middle;
}

/* Grouping Styles to facilitate specialized layout of the Cashiering Confirmation Page
	Displays Name and value pairs in an outline format with sub-items nested*/
div.cashiering_item_details_list_area_wrapper {
	text-align: center;
	font-size: 13px;
}

div.cashiering_item_details_list_area_wrapper div.detail_group {
	text-align: left;
	width: 500px;
	margin: 15px auto 15px auto;
 }

div.cashiering_item_details_list_area_wrapper div.detail_group_header {
	clear: both;
	
}

div.cashiering_item_details_list_area_wrapper div.detail_line {
	clear: both;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 11px;
}

div.cashiering_item_details_list_area_wrapper div.detail_group_footer {
	clear: both;
	border-top: dotted 1px #808080;
}

div.cashiering_item_details_list_area_wrapper div.detail_group .detail_name,
div.cashiering_item_details_list_area_wrapper div.detail_group .detail_value {
	/*Use em sizing for Font to inherit parent's font size (ie. 1em = 100% of parents size)*/
	font-size: 1em;
	font-weight: bold;
}

/*Line Items should not be in Bold so we Override the default here*/
div.cashiering_item_details_list_area_wrapper div.detail_line  .detail_name,
div.cashiering_item_details_list_area_wrapper div.detail_line  .detail_value {
	font-weight: normal;
}

div.cashiering_item_details_list_area_wrapper div.detail_group .detail_name {
	float: left;
}

div.cashiering_item_details_list_area_wrapper div.detail_group .detail_value {
	float: right;
}