/* ---------------------------*/
/* Styles for the admin pages */
/* ---------------------------*/

/* --- styles for some common HTML TAGS --- */

html, body { margin:0; padding:0; border:0 none; height:100%; font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; }
p, br, td, li, h1, h2, h3, h4, h5, h6 { font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; }
h1 { font-size: 12px; }
hr { height: 1px; }

/* --- styles for form fields --- */

form { margin-bottom: 0px; margin-top: 0px; }
input, textarea, select { font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; }
input.text { padding: 1px 2px; background-image: url('https://www.wheelersfeed.com/scart/public/images/formfield_bg.gif'); background-repeat: repeat-x; border: 1px solid #A0A0A0; }
input.btn { color: #0000A0; background-color: #FFFFFF; background-image: none; }
input.btnAdd, input.btnSave, input.btnUpdate, input.btnUpload, input.btnImport, input.btnGenerate, input.btnExecute, input.btnContinue { color: #FF5500; }
input.checkbox, input.radio { background-image: none; }

fieldset { border:1px solid #CCCCCC; margin-left:3px; margin-right:3px; }
.fieldsetContent { padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:2px; }
legend { padding-left:5px; padding-right:5px; font-size:10px; color:#5050FF; }

.field_required { color: #FF0000; }
.pic { text-decoration: none; }

a:LINK { color: #0000CC; text-decoration: none; font-size: 11px; }
a:VISITED { color: #0000CC; text-decoration: none; font-size: 11px; }
a:HOVER { color: #FF5500; text-decoration: underline; font-size: 11px; }

.index:LINK { color: #0000CC; text-decoration: none; font-size: 11px; }
.index:VISITED { color: #0000CC; text-decoration: none; font-size: 11px; }
.index:HOVER { color: #FF5500; text-decoration: underline; font-size: 11px; }

.menu:LINK { color: #000000; text-decoration: none; font-size: 11px; }
.menu:VISITED { color: #000000; text-decoration: none; font-size: 11px; }
.menu:HOVER { color: #FF5500; text-decoration: underline; font-size: 11px; }

.bluelink:LINK { color: #0000CC; text-decoration: none; font-size: 11px; }
.bluelink:VISITED { color: #0000CC; text-decoration: none; font-size: 11px; }
.bluelink:HOVER { color: #FF5500; text-decoration: underline; font-size: 11px; }

/* --- styles for the toggle administration menu --- */

.ListNuggetHeader { background-color: #E0E0FF; cursor: pointer; background-image: url('https://www.wheelersfeed.com/scart/public/images/bgrnd_menu_header.gif'); }
.ListNuggetHeaderClosed { background-color: #EEEEEE; cursor: pointer; }
.ListNuggetUpButton { margin-left: 1px; margin-right: 1px; }
.ListNuggetDownButton { margin-left: 1px; margin-right: 1px; display: none; }
.ListNuggetHeader, .ListNuggetTitle, .ListNuggetTitle:link,
.ListNuggetTitle:hover, .ListNuggetTitle:visited:hover,	.ListNuggetTitle:visited, 
.ListNuggetTitle:active { cursor:pointer; font-size: 10px; color: black; text-decoration: none; }
.ListNuggetHeaderClosed { cursor:pointer; font-size: 10px; color: black; text-decoration: none; }
.ListNuggetBody { background-color: white; cursor:default; color: black; }
.ListNuggetBodyMouseOver { background-color: #FAEEFF; }

/* --- styles for the navigation line links (1-10 11-20 21-30) --- */

.navigator_products { color: #000000; font-size: 10px; }
.navigator_products_listitem { color: #000000; font-size: 10px; }
.navigator_products_listitem_selected { color: #000000; font-size: 10px; }
.navigator_products_link:LINK { color: #0000CC; text-decoration: none; font-size: 10px; }
.navigator_products_link:VISITED { color: #0000CC; text-decoration: none; font-size: 10px; }
.navigator_products_link:HOVER { color: #FF5500; text-decoration: underline; font-size: 10px; }
.navigator_products_link_selected { color: #000000; text-decoration: none; font-size: 10px; }

/* --- styles for other navigation bars --- */

.navbar { width:100%; border:1px solid #CCCCCC; border-width: 1px 1px 1px 1px; }
.navbar td { border: 1px solid white; border-width: 1px 1px 0px 0px; text-align: center; }
.navbar td.navtab_first { border: 1px solid white; border-width: 1px 1px 0px 1px; }
.navbar a.navtab_selected { display: block; padding: 5px; background-color: #6460AD; color: white; text-decoration: none; }
.navbar a.navtab_selected:focus { outline: none; }
.navbar a.navtab_notselected { display: block; padding: 5px; background-color: #E0E0E0; color: black; text-decoration: none; }
.navbar a.navtab_notselected:hover { background-color: #A0A0A0; color: white;  }
.navbar td.navtab_body { padding: 3px; text-align: left; }
.navtab_body div.navtab_content { display: none; padding: 10px 0px 0px 0px; }
.navtab_body div.navtab_content_selected { padding: 10px 0px 0px 0px; }

/* --- special styles for the admin pages --- */

.table_admin { border-collapse: collapse; border-color: #CCCCCC; }
.tr_admin_header { height:24px; background-color: #909090; background-image: url('https://www.wheelersfeed.com/scart/public/images/bgrnd_tr_header.gif'); }
.table_admin .table_admin .tr_admin_header { height:24px; background-color: #A0A0A0; background-image: none; }
.td_admin_header { color: #FFFFFF; font-weight: bold; }
.td_admin_header a:LINK { color: #F0F0F0; }
.td_admin_header a:VISITED { color: #F0F0F0; }
.td_admin_header a:HOVER { color: #FFFFFF; }
.td_admin_header .help { color: #FFFFFF; font-style: italic; }
.td_admin_header .warning { color: #FFFFA0; font-style: italic; }
.td_admin_header .warning_small { color: #FFFFA0; font-style: italic; }
.td_admin_header .error { color: #FFFFA0; font-style: italic; }
.td_admin_header .error_small { color: #FFFFA0; font-style: italic; }
.td_admin_header_icon { background-image: none; background-color: #E0E0E0; }
.tr_admin_header .username { color: #E0E0E0; }
.tr_admin_header_columns { background-color: #E0E0E0; }
.tr_admin_header_columns_collapsible { border:1px solid #A0A0A0; background-color: #E0E0E0; }
.tr_admin_header_columns td { color: #000000; }
.tr_admin_header_columns a:LINK { color: #0000CC; }
.tr_admin_header_columns a:VISITED { color: #0000CC; }
.tr_admin_header_columns a:HOVER { color: #FF5500; }
.tr_admin_subtitle { background-color: #F0F0F0; }
.tr_admin_odd_row { background-color: #FFFFFF; }
.tr_admin_even_row { background-color: #F5F5F5; }
.tr_admin_viewed_row { background-color: #FFFFE0; }
.tr_admin_updated_row { background-color: #F0FFF0; }
.tr_admin_footer { background-color: #E0E0E0; }
.headerHelperIcon {}

.additional_func_area { border:1px solid #C0C0C0; background-color: white; }
.additional_func_header { border: 1px solid #C0C0C0; border-width: 0px 0px 1px 0px; padding: 0px 5px 0px 5px; background-color: #E0E0E0; }
.additional_func_title_inactive { cursor: pointer; font-weight: normal; }
.additional_func_title_active { cursor: pointer; font-weight: bold; }
.additional_func_body { background-color: #FFFFFF; padding: 3px; }

/* --- new/edit record --- */

.tr_new_row { background-color: #F5FFF5; }
.tr_new_row_title { background-color: #E5F5E5; }
.tr_new_row_title_main { background-color: #D5E5D5; }

.tr_edit_row { background-color: #F5F5FF; }
.tr_edit_row_title { background-color: #E5E5F5; }
.tr_edit_row_title_main { background-color: #D5D5E5; }
.td_editing_row { background-color: #FFFFC0; }
.td_deleting_row { background-color: #FFF0F0; }

/* --- reports --- */

.tr_admin_header_rep_total { background-color: #DFFFEF; }
.tr_admin_header_columns_rep_total { background-color: #F0FFFA; }
.tr_admin_odd_row_rep_total { background-color: #FFFFFF; }
.tr_admin_even_row_rep_total { background-color: #F5F5F5; }

/* --- help --- */

.help { color: #007000; text-decoration: none; font-weight: normal; }
.help_small { color: #007000; text-decoration: none; font-weight: normal; font-size: 10px; }
.help_list li { padding-bottom:5px; }
.help_list li ul { padding-top:5px; }

/* --- other --- */

.title { font-size: 13px; text-align: center; font-weight: bold; color: #FFFFFF; }
.admin { font-size: 13px; text-align: center; font-weight: bold; color: #0000A0; }
.user { font-size: 13px; text-align: center; font-weight: bold; color: #00A000; }
.new { color: #4c77a8; }

.error { color: #FF0000; }
.error:LINK { color: #FF5000; }
.error:VISITED { color: #FF5000; }
.error:HOVER { color: #FF5000; }
.error_small { color: #FF0000; font-size: 10px; }

.warning { color: #FF5000; }
.warning:LINK { color: #FF5000; }
.warning:VISITED { color: #FF5000; }
.warning:HOVER { color: #FF5000; }
.warning_small { color: #FF5000; font-size: 10px; }
.warnEntityLocked { display: none; padding: 10px; font-size: 12px; color: #FF5000; }

.successfull { color: #008000; }
.successfull:LINK { color: #008000; }
.successfull:VISITED { color: #008000; }
.successfull:HOVER { color: #008000; }

.i18n { color: #9000D0; }
.old0 { font-weight: bold; }
.old1 { color: #808080; }
.old2 { color: #B0B0B0; }
.results_overflow { overflow: auto; height: 250px; width: 100%; }
.results_overflow_report { overflow: auto; height: 500px; width: 843px; }
.username { color: #0000CC; }

/* --- product's tabs --- */

.atab { color: #000000; background-color: #eaeaea; }
.aon { color: #000000; background-color: #eaeaea; text-decoration: none; font-size: 12px; font-weight: bold; }
.aon_border { background-color: #bbbbbb; }
.aoff { color: #FFFFFF; background-color: #bbbbbb; text-decoration: none; font-size: 12px; font-weight: bold; border: 1px solid #bbbbbb; }
.aoff_over { color: #FFFFFF; background-color: #999999; text-decoration: none; font-size: 12px; font-weight: bold; border-top: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
.aclick:LINK { color: #FFFFFF; background-color: #bbbbbb; text-decoration: none; font-size: 12px; font-weight: bold; text-align: center; }
.aclick:VISITED { color: #FFFFFF; background-color: #bbbbbb; text-decoration: none; font-size: 12px; font-weight: bold; text-align: center; }
.aclick:HOVER { color: #FFFFFF; background-color: #4c77a8; text-decoration: underline; font-size: 12px; }

/* --- used from the scart as well --- */

.scart_link:LINK { color: #0000CC; text-decoration: none; font-size: 11px; }
.scart_link:VISITED { color: #0000CC; text-decoration: none; font-size: 11px; }
.scart_link:HOVER { color: #000000; background-color: #F0F0FF; text-decoration: none; font-size: 11px; }

.scart_border { background-color: #D0D0D0; }
.scart_header_footer { background-color: #F0F0F0; border-top: 1px solid #FFFFFF; }
.scart_body { background-color: #FFFFFF; }
.scart_title_row { background-color: #FFFFF0; }

.scart_header_total { background-color: #F0F5FF; background-image: url('https://www.wheelersfeed.com/scart/public/scart/images_templ/special_checkout/scart_header_total_blue.gif'); border-bottom: 1px solid #D0D0D0; }
.scart_header_total_labels { color: #0071BB; }
.scart_header_total_values { color: #000000; }

/* --- styles for products and options - used from the scart as well --- */

.product_border { background-color: #909090; }
.product_borderlight { background-color: #FFFFFF; }
.product_header { background-color: #F0F0F0; }
.product_body { background-color: #FFFFFF; }
.product_footer { background-color: #F0F0F0; }
.product_map_price { text-decoration: line-through; text-shadow:none; }
.product_list_price { text-decoration: line-through; text-shadow:none; }
.product_selling_price { text-decoration: line-through; text-shadow:none; }
.product_price { font-weight: bold; font-size: 120%; }
.product_price_diff_amount {}
.product_price_diff_percent {}
.product_outofstock { color: #FF5000; }

.product_options_border { background-color: #E5E5E5; }
.product_options_title { background-color: #F5F5F5; font-weight: bold; }
.product_options_header { background-color: #F5F5F5; font-weight: bold; }
.product_options_header_blank { border-top:3px solid #F5F5F5; }
.product_options_body { background-color: #FFFFFF; }
.product_options_footer { background-color: #F5F5F5; }
.product_options_selected { background-color: #F5FAFF; }
.product_options_name {}
.product_options_list_price { text-decoration: line-through; text-shadow:none; }
.product_options_price {}

.product_travel_border { background-color: #E5E5E5; }
.product_travel_header { background-color: #F5F5F5; }
.product_travel_body { background-color: #FFFFFF; }

.product_specialties_border { background-color: #CCCCCC; }
.product_specialties_header { background-color: #FFFFFF; }
.product_specialties_body { background-color: #FFFFFF; }

.product_separator {}

/* --- styles for PRODUCT links - used from the scart as well --- */

.product_link:LINK { color: #0000CC; text-decoration: none; font-size: 11px; }
.product_link:VISITED { color: #0000CC; text-decoration: none; font-size: 11px; }
.product_link:HOVER { color: #FF5500; text-decoration: underline; font-size: 11px; }

/* --- styles for the calendar --- */

.calendar_border { background-color: #D0D0D0; }
.calendar_header { background-color: #F0F0F0; }
.calendar_header_days { font-size: 11px; background-color: #F9F9F9; }
.calendar_body { background-color: #FFFFFF; }
.calendar_footer_selected_day { font-size: 11px; background-color: #F9F9F9; }
.calendar_footer { font-size: 11px; background-color: #F0F0F0; }
.calendar_day_onmouseover { background-color: #FFFF00; }
.calendar_day_onmouseout { background-color: none; }
.calendar_day_onclick { background-color: #D0D0FF; }
.calendar_day_notavailable { color: #CCCCCC; }

/* --- */

small { font-size: 10px; }
small a:LINK { font-size: 10px; }
small a:VISITED { font-size: 10px; }
small a:HOVER { font-size: 10px; }
.small { font-size: 10px; }
.small:LINK { font-size: 10px; }
.small:VISITED { font-size: 10px; }
.small:HOVER { font-size: 10px; }
.small a:LINK { font-size: 10px; }
.small a:VISITED { font-size: 10px; }
.small a:HOVER { font-size: 10px; }
.supersmall { font-size: 9px; }
.supersmall:LINK { font-size: 9px; }
.supersmall:VISITED { font-size: 9px; }
.supersmall:HOVER { font-size: 9px; }
.supersmall a:LINK { font-size: 9px; }
.supersmall a:VISITED { font-size: 9px; }
.supersmall a:HOVER { font-size: 9px; }

.marquee_bottom { font-size: 9px; }

.Swhite {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#FFFFFF;}
.Sgray {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;  color:#c0c0c0;}
.Sblack {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;  color:#000000;}
.Sred {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;  color:#AA0000;}
.Sgreen {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;  color:#5b644d;}
.Sgreyblue {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;  color:#586781;}
.Sdarkblue {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;  color:#0071BB;}

.displayAsNone { display: none; }
.displayAsBlock { display: block; }

.opacity25 { -moz-opacity:.25; opacity:.25; }
.opacity35 { -moz-opacity:.35; opacity:.35; }
.opacity50 { -moz-opacity:.50; opacity:.50; }
.opacity60 { -moz-opacity:.60; opacity:.60; }
.opacity75 { -moz-opacity:.60; opacity:.75; }
.opacity95 { -moz-opacity:.95; opacity:.95; }
.opacity100 { -moz-opacity:1; opacity:1; }

.footerLink:LINK { font-size: 9px; color: #000000; }
.footerLink:VISITED { font-size: 9px; color: #000000; }
.footerLink:HOVER { font-size: 9px; color: #FF5500; }

.subLabel { font-size: 10px; color: gray; }

/* --- styles for the site structure --- */

#sitestructure_container { padding:5px; text-align:left; }
#sitestructure_container .categoryType { width:150px; padding:5px; border:1px solid #505050; background-color:#E0E0E0; }
#sitestructure_container .categoryType .header { padding-bottom:5px; text-align:left; font-weight:bold; font-size:10px; }
#sitestructure_container .categoryType .body { text-align:right; font-size:10px; }
#sitestructure_container .category { width:140px; padding:5px; border:1px solid #A0A0A0; background-color:#F0F0F0; }
#sitestructure_container .category .header { padding-bottom:5px; text-align:left; font-weight:bold; font-size:10px; }
#sitestructure_container .category .body { text-align:right; font-size:10px; }
#sitestructure_container .subCategory { width:130px; padding:5px; border:1px solid #A0A0A0; }
#sitestructure_container .subCategory .header { padding-bottom:5px; text-align:left; font-weight:bold; font-size:10px; }
#sitestructure_container .subCategory .body { text-align:right; font-size:10px; }

/* --- styles for draggable lists --- */

.dragAndDropContainer { padding:3px; }
.dragAndDropContainer ul { position:relative; list-style:none; margin:0px; padding:0px; }
.dragAndDropContainer ul li { float:left; cursor:move; margin:0px; margin-right:5px; margin-bottom:5px; border:1px solid #A0A0A0; background-color:#FFFFFF; }

/* --- styles for dependency options --- */

#selectedDependencyOptionsTable td { cursor:pointer; }
#selectedDependencyOptionsTable .hoverSet { background-color: #F0F0F0; }
#selectedDependencyOptionsTable .selectedSet { background-color: #F0F0FF; }
.selectedDependencyOptionsContainer .dependDelimiter { color:#EE6600; }

/* ---- Grids --- */

ul.gridView, ul.listView { margin: 0px; padding: 0px; }
ul.gridView li { list-style: none; display: inline-block; margin: 0px; padding: 5px; text-align: left; }
div.dynamicGridView .item { float: left; margin:5px; border:1px solid #ccc; }
ul.listView li { list-style: none; margin: 0px; padding-bottom: 5px; text-align: left; }
ul.listView li:last-child { padding-bottom: 0px; }

/* --- YUI --- */

.yui-panel .hd {
    padding:5px; padding-right:22px; border: 1px solid #333; background: #111; color: #fff;
	font-size: 14px; font-weight: bold; text-shadow: 0 -1px 1px #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#111)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#3c3c3c, #111); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(#3c3c3c, #111); /* FF3.6 */
	background-image: -ms-linear-gradient(#3c3c3c, #111); /* IE10 */
	background-image: -o-linear-gradient(#3c3c3c, #111); /* Opera 11.10+ */
	background-image: linear-gradient(#3c3c3c, #111);
}
.yui-panel .bd { padding:5px; background-color:#EFEFEF; }
.yui-panel .ft { color:#666666; padding:2px; border-top:1px solid #CCCCCC; background-color:#E0E0E0; }
.yui-panel .frame { border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; background-image: url('https://www.wheelersfeed.com/scart/public/images/layout80/panel_body_bg.gif'); background-repeat: repeat-x; }

li.yuimenuitem .yuimenuitemlabel .yuimenuitemlabel { padding: 0px; }
.menuItemWithIcon img { margin: 3px; }