﻿.nutrition-search-block {position: relative;}

.nutrition-search {height: 47px; position: relative;}

.nutrition-search .toggle-nutrition-search {position: absolute;display: block;top: 5px; left: 8px;width: 16px; height: 16px;text-indent: -9999px;}
.nutrition-search .toggle-nutrition-search.closed { background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-plus.gif) no-repeat; }
.nutrition-search .toggle-nutrition-search.opened { background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-minus.gif) no-repeat; }

.nutrition-search-image { position: absolute;top: 4px; left: 32px;}

.nutrition-search-buttons {position: absolute;bottom: 10px; right: 5px;width: 83px;text-align: center;display: none;}
.nutrition-search-buttons .reset-search {font-size: 11px;line-height: 30px;	}

.nutrition-filter-labels {list-style: none;position: absolute;top: 3px; left: 180px;}
.nutrition-filter-labels li {display: block;width: 60px;font-size: 10px;text-align: center;color: #666;float: left;position: relative;}

.ns-icon {position: absolute;top: 16px; left: 17px;}

.testbuttondiv {float:right; border-left:1px solid rgb(71,161,200);margin-top:6px;}
.Nsearchbutton {margin-top:2px;margin-right:2px;margin-left:20px;}

.sample-results, .upsale, .loading-message { display: none; }

.loading-message {height: 20px;text-align: center;line-height: 20px;font-size: 12px;background-color: #B2EDF5;color: #218795;font-weight: bold;}

.sample .upsale {background-color: #B2EDF5;color: #218795;padding: 20px;font-size: 11px;}
.sample .upsale h1 {font-size: 14px; margin-bottom: 10px;}
.sample .upsale p.left { float: left; width: 400px; font-size: 10px;line-height: 16px;}
.sample .upsale .supporting-member-button { float: right; width: 122px; text-align: center; }

.sliders {display: none;position: absolute;top: 24px; left: 180px;height: 180px;background: url(http://images.media-allrecipes.com/ar/lists/nutrition/back/sliders-background.gif) no-repeat;}
.sliders .slider {height: 120px; }
.sliders ul {list-style: none; }
.sliders ul li {position: relative;display: block;float: left;width: 60px;margin-top: 22px;}
.sliders ul li div {margin: 0 auto;}

a.search-button,
a.try-it-button {display: block;width: 83px;height: 27px;text-indent: -9999px;}
a.supporting-member-button {display: block;width: 122px; height: 27px; text-indent: -9999px;background: url(http://images.media-allrecipes.com/ar/lists/nutrition/buttons/upgrade-now-button.png) 0 0 no-repeat;}

a.try-it-button { background: url(http://images.media-allrecipes.com/ar/lists/nutrition/buttons/try-it-button.png) 0 0; }
a.search-button { background: url(http://images.media-allrecipes.com/ar/lists/nutrition/buttons/search-button.png) 0 0; }
a.supporting-member-button:hover, a.search-button:hover, a.try-it-button:hover { background-position: left bottom; }

a.slider-button-plus {position: absolute;display: block;top: -22px; left: 22px;width: 16px; height: 16px;background: url(http://images.media-allrecipes.com/ar/lists/nutrition/back/slider-button-plus.gif) 0 0 no-repeat;}
a.slider-button-minus {position: absolute;display: block;bottom: -23px; left:22px;width: 16px; height: 16px;background: url(http://images.media-allrecipes.com/ar/lists/nutrition/back/slider-button-minus.gif) 0 0 no-repeat;}

a.slider-button-plus:hover,
a.slider-button-minus:hover { background-position: bottom left; }

.nutritional-ranges {position: absolute;width: 150px;top: 43px;left: 20px;background: url(http://images.media-allrecipes.com/ar/lists/nutrition/back/nutritional-ranges-background.gif) -150px 0 repeat-y;color: black;display: none;}
.nutritional-ranges .hidden { display: none; }
.nutritional-ranges .help-text {color: #666;padding-top: 12px;}
.nutritional-ranges h1 {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/back/nutritional-ranges-background.gif) top left no-repeat;display: block;padding: 5px 10px;font-size: 10px;font-weight: bold;color: black;}
.nutritional-ranges p {padding: 0 10px;font-size: 10px;line-height: 14px;}
.nutritional-ranges h2 {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/back/nutritional-ranges-background.gif) bottom left no-repeat;display: block;height: 8px;}


.sort-by-block {margin-top: 1px;padding: 10px 8px 10px 12px;background-color: #FCEEDF;color: #ABABAB;font-size: 10px;border-bottom: 1px dotted #FC9;border-top: 1px solid  rgb(71,161,200);}
.sort-by-block .sort-by-left {float: left;width:300px;}
.sort-by-block .sort-by-left img {height:9px;width:9px;margin-top:2px; }
.sort-by-block .sort-by-left .selected { font-weight: bold; }
.sort-by-block .sort-by-right {text-align: right;float: right;width: 300px;margin-top:-3px;}

.sort-by-block .sort-by-right input { padding: 0; margin: 0; }
.sort-by-block .sort-by-right label { margin-left: 4px; display:inline;}
.sort-by-block .sort-clear {clear:both;}

.newsellmsg {border-top:1px rgb(71,161,200) dotted;color: rgb(71,161,200);margin-left:20px;width:655px;margin-bottom:10px;}
.newsellmsg .upgradediv {float:right;margin-top:20px;}
.newsellmsg h2 {font:14px Verdana;font-weight:bold;margin:4px 0 4px 0;}
.newsellmsg p {font:12px Verdana;}

/*SEARCH RESULTS Sample BLOCK*/
/*=============================*/

/* remove after change is live */

.sample-results, .upsale, .loading-message { display: none; }
.loading-message {height: 20px;text-align: center;line-height: 20px;font-size: 12px;background-color: #B2EDF5;color: #218795;font-weight: bold;}

.sample .upsale {background-color: #B2EDF5;color: #218795;padding: 20px;font-size: 11px;}
.sample .upsale h1 {font-size: 14px; margin-bottom: 10px;color:#218795;}

.sample .upsale p.left {float: left; width: 400px; font-size: 10px;line-height: 16px;}
.sample .upsale p.left span {color:#218795;font-weight:bold;}
.sample .upsale .supporting-member-button {float: right; width: 122px; text-align: center;}

.search-results-row {padding: 10px 0;border-bottom: 1px dotted #C0C0C0;}
.search-results-row .search-results-thumbnail {width: 50px;margin-left: 12px;float: left;}
.search-results-row .search-results-info {width: 430px;margin-left: 16px;float: left;font-size: 10px;color: #666;}
.search-results-row .search-results-info h4 a {font-size: 12px;line-height: 18px;}
.search-results-row .search-results-additional-info {float: right;font-size: 10px;text-align: right;margin-right: 8px;}
.search-results-row p { line-height: 16px; font-size: 10px;}
.search-results-row p span {color:#0066CC;font-weight:normal;}
.search-results-row .clear { }

.search-results-pagination {text-align: center;font-size: 10px;margin-top: 12px;}

.search-results-nutritional-info {font-size: 10px;height: 22px;line-height: 22px;padding-left: 12px;background-color: #EDFBFC;clear:both;color:black;margin-bottom:0;margin-left:-10px;}

.search-results-nutritional-info-sample {font-size: 10px;height: 22px;line-height: 22px;padding-left: 12px;background-color: #EDFBFC;clear:both;color:black;margin-bottom: -10px;margin-left:10px;}

.search-results-nutritional-info span, .search-results-nutritional-info-sample span {color:#0066CC;}
.search-results-block .search-results-nutritional-info-sample { display: none; }

.sample-results h4 {color:#0066CC;font-weight:normal;}


/*jQUERY UI SLIDER OVERRIDES*/
/*=============================*/

.sliders #slider-calories a.ui-slider-handle {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-calorie.gif) center -22px  no-repeat; }
.sliders #slider-fat a.ui-slider-handle {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-fat.gif) center -22px no-repeat; }
.sliders #slider-carbs a.ui-slider-handle {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-carbs.gif) center -22px no-repeat; }
.sliders #slider-protein a.ui-slider-handle {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-protein.gif) center -22px no-repeat; }
.sliders #slider-chol a.ui-slider-handle {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-chol.gif) center -22px no-repeat; }
.sliders #slider-sodium a.ui-slider-handle {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-sodium.gif) center -22px no-repeat; }

.sliders #slider-calories a.ui-slider-handle:hover { background-position: top center; text-decoration: none; }
.sliders #slider-fat a.ui-slider-handle:hover { background-position: top center; text-decoration: none; }
.sliders #slider-carbs a.ui-slider-handle:hover { background-position: top center; text-decoration: none; }
.sliders #slider-protein a.ui-slider-handle:hover { background-position: top center; text-decoration: none; }
.sliders #slider-chol a.ui-slider-handle:hover { background-position: top center; text-decoration: none; }
.sliders #slider-sodium a.ui-slider-handle:hover { background-position: top center; text-decoration: none; }

.sliders #slider-calories a.ui-slider-handle.ui-state-focus {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-calorie.gif) center -44px no-repeat; }
.sliders #slider-fat a.ui-slider-handle.ui-state-focus {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-fat.gif) center -44px no-repeat; }
.sliders #slider-carbs a.ui-slider-handle.ui-state-focus {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-carbs.gif) center -44px no-repeat; }
.sliders #slider-protein a.ui-slider-handle.ui-state-focus {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-protein.gif) -44px centerno-repeat; }
.sliders #slider-chol a.ui-slider-handle.ui-state-focus {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-chol.gif) center -44px no-repeat; }
.sliders #slider-sodium a.ui-slider-handle.ui-state-focus {background: url(http://images.media-allrecipes.com/ar/lists/nutrition/icons/icon-sodium.gif) center -44px no-repeat; }

.ui-slider { position: relative; text-align: left; z-index: 100;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 300; width: 30px; height: 22px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 200; font-size: .7em; display: block; border: 0; }

.ui-slider-vertical { width: 30px; height: 120px; }
.ui-slider-vertical .ui-slider-handle { left: 0; margin-left: 0; margin-bottom: -12px; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.slider-range 
{
    background: url(http://images.media-allrecipes.com/ar/lists/nutrition/back/slider-range-background.png) repeat-y;
    position: absolute;
    top: 0;
    left: 20px;
    width: 20px;
    height: 120px;
    border-top: 1px solid #03C5DF;
    border-bottom: 1px solid #03C5DF;
    z-index: 0;
}
	
.slider-bubble 
{
    background: url(http://images.media-allrecipes.com/ar/lists/nutrition/back/slider-hover-bubble-large.png) no-repeat;
    position: absolute;
    top: -4px;
    right: 30px;
    width: 100px;
    height: 42px;
    font-size: 10px;
    text-decoration: none;
    color: #333;
    display: none;
    z-index: 11;
    line-height: 15px;
    text-align: center;
    padding-top:5px;
}
