/***************************************************************************************************************

	History:
		File modified on 09/19/2005 for v2.0.1 - general improvements to data grid load appearance
		File modified on 11/30/2005 - cleanup
		File modified on 07/16/2008 - added CSS for product pricing
		File modified on 07/25/2008 - changed cursor for admin_help_link

***************************************************************************************************************/

.action_msg { color: red; font-weight: bold; }

.admin_help_link { 
	cursor: help;
	text-decoration: none; 
	color: blue;
}

.admin_help_link:visited {
	color: blue; 
}

/* below is the surround for each field help...this is actually what gets hidden and displayed */
.admin_help_div {
	position: absolute; 
	width: 200px;
	top: 0px;
	left: 0px; 
	text-align: right;
}

.admin_help_div_inside {
	width: 100px; 
	padding: 10px;
	background-color:#FFFFCC;
	border: black solid 1px;
}
/*msg inside help popup that says 'click field name for more info'*/
.admin_help_more {
	color: blue;
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 0px;
}


.admin_option_link { text-decoration: none; }
.admin_option_link:hover { background-color: yellow; width: 100%; }
.admin_sub_header { font-weight: bold; margin: 10px; margin-top: 20px; margin-bottom: 15px; text-align: left; width: 100%; border-bottom: silver solid 1px; color: #336699; font-size:12px; }


.admin_fieldset { 
	margin: 5px; 
	margin-top: 0px;
	padding-bottom: 20px ;
	-moz-border-radius: 6px 6px 6px 6px;
}

.admin_fieldset_nopad { 
	margin: 5px; 
	margin-top: 0px;
	padding: 2px ;
	-moz-border-radius: 6px 6px 6px 6px;
}

/* hide this from IE */
td>.admin_fieldset
,td>.admin_fieldset_nopad
,div>fieldset {
	border: silver solid 1px;
}	

.admin_fieldset legend,
.rich_text_fieldset legend,
.admin_fieldset_legend,
.admin_fieldset legend input
 { 
	font-weight: bold; 
	color: #455389;
	font-size: 13px; 
	padding-right: 5px;
	padding-top: 0px;
	font-family: "Trebuchet MS",Tahoma, Verdana;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* this is for an input field INSIDE the legend tag (for Rules) */
.admin_fieldset legend input {
	padding: 0px;
	background-color: #F1F4FF;
	border: silver solid 1px;
	padding-left: 2px;
	width: 200px;
}

.admin_fieldset_nopad legend { 
	font-weight: bold; 
	/*color: #336699; */
	color: #455389;
	font-size: 13px; 
	margin-bottom: 0px;
	font-family: "Trebuchet MS",Tahoma, Verdana;
	background-color: #F4F4F4;
	padding-right: 5px;
}

.admin_fieldset_header {
	text-align: center;
	padding-bottom: 10px;
}




.balloon_tip {
	position:absolute;
	right: -3px;
	top: -9px;
}

.context_menu {
	width:160px; 
	height: 50px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 20; 
	background-color: #EFEFEF; 
	padding: 2px; 
	border: #999999 solid 1px;
}
.context_menu_item {
	width: 100%;
	padding: 3px;
	padding-left: 15px;
	text-align: left;
}
.context_menu_item_mo {
	padding: 3px;
	padding-left: 15px;
	text-align: left;
	background-color: #BEBEBE;
}

.context_menu_link {
	text-decoration: none;
	color: black;
	cursor: default;
	width: 100%
}

.demo_mode_err {
	color: red;
	font-size: 12pt;
}

.field_image_row {
	background-color: #F1F4FF; 
}
.field_image_alt_row {
	background-color: #FFFFFF;
	border-top: solid 1px #C5C3C8; 
	border-bottom: solid 1px #C5C3C8
}

.field_input {
	text-align: left;
	width: 400px; 
}
.field_input_half {
	width: 125px;
}
.field_input_price {
	width: 40px;
}

.field_name {

}

.field_name_td {
	/*width: 150px;*/
	text-align: right;
	vertical-align: top;
	padding: 0px;
	padding-top: 4px;
}

.field_td{
	width: 470px;
	vertical-align: top;
	padding: 2px;
}

.field_td span, .field_td input {
	vertical-align: middle;
}

.header_cell { background-color: silver; border-color: black; border-style: solid; border-width: 1 1 1 0; }
.header_cell_pad { background-color: navy; border-color: black; border-style: solid; border-width: 1 0 1 1; padding: 5; color: white; font-weight: bold}
.header_links { color: black; height: 100%; text-decoration: none; width: 100%; }
.header_links:hover { background-color: yellow; height: 100%; width: 100%; }







/***********************************************************
	Section controls the image select popup window
***********************************************************/
.img_select_tb .dir_td {
	font-size: 11px;
}

.img_select_tb .dir_td a {
	text-decoration: none;
	color: black;
	display: block;
	height: 20px;
	cursor: default;
}

.img_select_tb .dir_td a:hover {
	text-decoration: underline;
	color: navy;
}	

.img_select_tb .dir_td a img {
	vertical-align: middle;
	border-width: 0px;
	margin-right: 5px;
}
/****** END OF image select popup window section **********/







.legend_small {
	font-family: "Trebuchet MS",Tahoma, Verdana;
	font-weight: bold; 
	color: #455389;
	font-size: 9pt;	
}

.mysql_select { text-align: left; width: 300; }
.non_header_cell { border-color: silver; border-style: solid; border-width: 1 0 0 1; padding-bottom: 0; padding-left: 6; padding-right: 2; padding-top: 0; }
.non_header_cell_pad { border-color: silver; border-style: solid; border-width: 1 0 0 1; padding: 6 }
.option_checkbox { vertical-align: top; }
.option_delete { width: 20; }
.option_name { width: 100; }
.option_price { width: 50; }
.option_value { width: 230; }
.option_weight { width: 50; }

.page_nav_div {
	margin-bottom: 5px;
	height: 20px;
	font-size: 10px;
	width: 400px;
	overflow: auto;
	white-space: nowrap;
	padding-top: 3px;
	text-align: center;
}

/* this class is added only when page nav scrolls, so there is room for the scrollbar */
.page_nav_div_scroll {
	height: 40px;
}

.page_nav_div a, .page_nav_div span, .page_nav_link {
	margin-right: 10px;
	text-decoration: none;
	border: white solid 1px;
	color: blue;
	padding: 2px;
}

.page_nav_link {
	font-size: 10px;
	margin-right: 1px;
}

.page_nav_div a:hover, .page_nav_link:hover {
	border: blue solid 1px;
	background-color: silver;
	padding: 2px;
}

/* only thing in a span is the current page number */
.page_nav_div span {
	font-weight: bold;
	border: black solid 1px;
	color: black;
	background-color: yellow;
}


.record_button {
	margin: 1px;
}
.record_button-mouseover {
	border: blue solid 1px;
	background-color: silver;
	cursor: default;
}

.record_button-mousedown {
	border: blue solid 1px;
	background-color: silver;
	cursor: default;
	position: relative;
	top: 1px;left: 1px;
}

/* only thing in a span is the current page number */
.page_nav_div span {
	font-weight: bold;
	border: black solid 1px;
	color: black;
	background-color: yellow;
}


.sortheader {
	font-size: 10px;
	font-weight: bold;
	color: #2f4f4f;
	text-decoration: none;
}

.sortheader:hover {
	text-decoration: underline;
}

.ups_window {border: black solid 1px; width: 525px}
.ups_window_header {background-color: #804000; height: 30px; color: white; font-size: 10pt; font-weight: bold; padding: 5px}


.record_div {
	text-align: left;
	width: 680px;
	background-color: #F1F4FF;
	padding: 0px;
	border: black solid 1px;
	margin-bottom: 10px;
}






.rel_record_link {vertical-align: bottom; position:relative; top: 4px; height: 22px; text-decoration:none}

.rel_record_row, .rel_record_row_mo {
	position: relative; 
	padding-top: 4px; 
	text-align: center;
}

.rel_record_row {
	background-color: #F1F4FF;
}

.rel_record_row_mo {
	background-color: #F1F4FF;
}


.rich_text_fieldset {
	border-width: 0px;
}
.rich_text_fieldset legend {
	margin-bottom: 0px;
	margin-left: -7px;
}
.rich_text_fieldset>legend {
	margin-left: -4px;
	margin-bottom: -10px;
}







/**********************************************************************************
	Styles below are for the select boxes on the discount records....
	For selecting the products or categories that are discounted
**********************************************************************************/
.sel_cat_optgroup {
	font-size: 11px;
	background-color: silver;
	color: black;
}

.sel_prod_opt {
	color: black;
	background-color: #F0F0FF;
}

.sel_blank_optgroup {
	background-color:#F0F0FF;
}






.shaded_td {background-color: #EDEDED}



#status_bar {
	height: 29px;
	border-top: gray solid 1px;
	border-bottom: gray solid 1px;
	background-color: #dfdfdf;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#status_msgs {
	position: absolute;
	bottom: 18px;
	right: 25px;
	z-index: 2;
	border: #4f4f4f solid 1px;
	background-color: #F2EAEC;
	padding: 4px;
	height: 100px;
	width: 450px;
	font-size: 10px;
	overflow: auto;
}

.tiny_gray {
	font-size: 7pt;
	color: gray;
	margin-bottom: 2px;
	margin-top: 1px;
}


/* Below is for the simple search option menu */
#smp_search_options, #smp_search_options_shim {
	position: absolute;
	right: 0px;
	left: auto;
	top: 22px;
	padding: 4px;
	padding-left: 10px;
	width: 130px;
	height: 110px;
	cursor: default;
}
.small_menu {
	font-size: 10px;
	background-color: #F2EAEC;
	border: gray solid 1px;
	line-height: 150%;
	z-index: 100;
}
#smp_search_options_shim {
	z-index: 99;
	top: 24px;
	width: 152px;
}

.small_menu a {
	display: block;
	text-decoration: none;
	color: black;
	padding: 0px;
	padding-bottom: 1px;
	cursor: default;
}
.small_menu a:hover {
	background-color: #316ac5;
	color: white;
}
.small_menu img, .small_menu span {
	vertical-align: middle;
	border: 0px;
}




.store_info_header {font-size: 10pt; font-weight: bold; text-decoration: underline; margin-top: 20; margin-bottom: 10; text-align:center}
.text_only {vertical-align: bottom; position:relative; top: 3px; height: 22px; font-family: arial; color:#666666}

.tiny_input {
	width: 20px;
	height: 16px;
	font-family: arial, helvetica;
	font-size: 10px;
	text-align: right;
	border: silver solid 1px;
	padding: 0px;
	padding-right: 1px;
	padding-left: 1px;
}


/* vertical align everything inside */
.valign_middle span,
.valign_middle input,
.valign_middle button,
.valign_middle img,
.valign_middle a,
.valign_middle select,
.valign_middle div {
	vertical-align: middle;
}



/* Please wait.... div with image bg */
#wait {
	display: block;
	font-size: 10px;
	font-family: Tahoma,Verdana,Helvetica;
	color: gray;
	height: 29px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1001;
}

/* this is a div same size as menu...preloads, and looks better..when menu is loaded, this is behind it. */
#menu_bg {
	width: 100%;
	height: 28px;
	background-color: #dfdfdf; 
	border-left: #716f64 solid 1px; 
	border-top: #716f64 solid 1px; 
	border-right: #4f4f4f solid 1px; 
	border-bottom: #4f4f4f solid 1px; 
	position: absolute; 
	top: 0px;
}

/* height has to be higher for IE only */
*html #menu_bg {
	height: 30px;
}
	
	
/******************************************************************
	Styles below are for the checkout form
******************************************************************/

/* table that surrounds the items and other info */
.checkout_table {
	width: 100%;
	border: black solid 1px;
}

/* address blocks (table) */
.address_block {
	border: black solid 1px;
}

/* address block TDs */
.address_block td{
	text-align: left;
}

/* row that contains the column labels */
.checkout_table .header_row,
.address_block .header_row
 {
	font-weight: bold;
 	height: 22px;
 	background-color: #B4B9D2;
}

/* row that contains an item */
.checkout_table .item_row td {
	vertical-align: top;
}

/* td inside top row */
.checkout_table .header_row td,
.address_block .header_row td
{
 	border-bottom: black solid 1px;
}


/* 1st td in top row - "Description" */
.checkout_table .header_row .td_1{
	text-align: left;
	padding-left: 4px;
}

/* 2nd, 3rd, and 4th td in top row - Options, Unit Price, Total" */
.checkout_table .header_row .td_2,
.checkout_table .header_row .td_3,
.checkout_table .header_row .td_4
{
	text-align: right;
	padding-right: 4px;
}

/* 1st column in table */
.checkout_table .header_row .td_1,
.checkout_table .item_row .td_1 
{
	width: 45%;
}

/* 2nd column in table */
.checkout_table .header_row .td_2,
.checkout_table .item_row .td_2 
{
	width: 35%;
	text-align:right;
	line-height: 150%;
}

/* 3rd column in table */
.checkout_table .header_row .td_3,
.checkout_table .item_row .td_3 
{
	width: 12%;
	text-align:right;
	line-height: 150%;
}

/* 4th column in table */
.checkout_table .header_row .td_4,
.checkout_table .item_row .td_4 
{
	width: 8%;
	text-align:right;
}


/* 1st td in item row */
.checkout_table .item_row .td_1 {
	height: 100px;
}

/* vertical border on certain cells */
.checkout_table .item_row .td_1,
.checkout_table .item_row .td_2,
.checkout_table .item_row .td_3,
.checkout_table .qty_row .td_1,
.checkout_table .qty_row .td_2
{
	border-right: silver solid 1px;
}

/* right padding for all td's in rows other than the first one */
.checkout_table .item_row td,
.checkout_table .qty_row td,
.checkout_table .footer_row td
{
	padding-right: 4px;
}


/* td inside qty row */
.checkout_table .qty_row td{
 	border-bottom: silver solid 1px;
 	border-top: silver solid 1px;
 	text-align: right;
	background-color: #f1f3f9;
}

/* quantity field & label */
.qty_row input,
.qty_row span
{
 	vertical-align: middle;
}

/* div containing thumbnail of product */
.checkout_table .product {
	padding: 4px;
	width: 100%;
}

/* all tds in product table */
.checkout_table td {
	text-align: left;
}

/* td for product name */
.checkout_table .prod_name {
	margin-bottom: 5px;
	padding: 2px;
}

/* td for product image */
.checkout_table .product .prod_img {
	margin: 2px;
	float: left;
}


/* td for product buttons - modify, remove */
.checkout_table .prod_btns {
	padding-top: 4px;
}

/* div for savings info for item */
.checkout_table .savings_info {
	margin-top: 4px;
	margin-bottom: 4px;
	font-style: italic;
	clear: left;
}

/* div for option detail */
.checkout_table .order_option_detail {
	padding: 3px;
	margin-top: 5px;
}

/* div for each option line */
.checkout_table .order_option_detail_line,
.checkout_table .order_option_detail_line_alt {
	padding: 2px 2px 4px 2px;
	border-bottom: silver solid 1px;
}

/* div for alternating option lines */
.checkout_table .order_option_detail_line_alt {
	background-color: #f7f7f7;	
}

/* label for option name */
.checkout_table .order_option_detail_line .label,
.checkout_table .order_option_detail_line_alt .label {
	font-weight: bold;
	margin-right: 4px;
	color: #515151;
}

/* alternating color for label of option name */
.checkout_table .order_option_detail_line_alt .label {
	color: green;
}

.checkout_table .opt_detail_btn {
	border: 0px;
	cursor: pointer;
}

/****** END OF checkout form styles *************************/


/* drop shadow div */
.drop_shadow {
	height: 10px;
	background-repeat: repeat-x;
}



/********************************************************
	FedEx form stuff
********************************************************/
.fedex_form {
	margin-top: 10px;
}
.fedex_form table {
	margin-left: auto;
	margin-right: auto;
}
.fedex_form .td1 {
	text-align: right;
	width: 98px;
}
.fedex_form .td2 {
	text-align: left;
}
.fedex_form fieldset {
	margin: 5px;
	-moz-border-radius: 6px 6px 6px 6px;
}
.fedex_form>fieldset
,.fedex_form td>fieldset {
	border: silver solid 1px;
}
.fedex_form fieldset legend {
	font-size: 10pt;
	color: blue;
}
.missing_field {
	background-color: #FF6767;
}
	

/****************************************************************************
	Styles for fedex tracking results 
****************************************************************************/

/* body tag for fedex tracking */
.fedex_track_body {
	background-color: white;
}

/* table surrounding results */
.fedex_track_table {
	width: 100%;
}

/* other individual tables inside main one */
.fedex_track {
	border: black solid 1px;
	width: 100%;
}

.fedex_track td {
	text-align: left;
}

.fedex_track .header_row {
	background-color: #660099;
	color: white;
	padding: 4px;
}

.fedex_track .scantd {
	border-bottom: silver solid 1px;
	background-color: #ffffff;
}

.fedex_track .scantd_alt {
	border-bottom: silver solid 1px;
	background-color: #F1F3F9;
}


body {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 8pt;
	margin: 0px;
	margin-top: 30px;
	overflow: hidden;
}

button {
	font-size: 10px;
}
button img, button span {
	vertical-align: middle;
}
button span {
	padding-bottom: 2px;
}
INPUT { font-size: 11px; }
OPTION { }
SELECT { font-size: 11px; }
td, th{ font-family: Tahoma, Arial, Helvetica; font-size: 11px; }
TEXTAREA { font-family: Tahoma, Arial, Helvetica; font-size: 11px; }


/* this controls the box at the bottom of the order detail page seen by admins, showing order based discount info */
.order_discount_info {
	padding: 10px;
}

/*******************************************************************
	CSS below for product pricing section on product records
*******************************************************************/
.price_td3 {
	width: 55px;
}
.price_qty2 {
	display: none;
}
.price_qty1,
.price_qty2 {
	width: 50px;
}
.price_price {
	width: 50px;
}

.price_qty1,
.price_qty2,
.price_price {
	text-align: right;
}

#price_add {
	display: none;
}

.disabled {
	background-color: silver;
	border: silver solid 1px;
}

.pricing_table {
	margin: 0 auto;
}