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

	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

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

	.action_msg { color: red; font-weight: bold; }
	
	.admin_help_link { 
		cursor: default;
		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;
}

/* 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; }