/* 
    User this style sheet for calculator specific styles.  OTher aspects of page layout go in page.css

    #FFCC66 - yellow
    #006633 - green
    #E9E9E9 - light grey
    #58585A - medium grey
    #A8A9AD - meal info background

    Trabon
    #3F3E40 - Dark Grey
	#58575A	- Dark Grey Hover State
    #81A53E - Green
	#0670CD - Bootstrap spinner blue
	#00ADEE - Cal summary and locator blue
	#303436 - dark grey (accordion font color)
	#CFA75B - Allergen filter gold
	#EA4D19 - Allergen icon orange

	Pizza Ranch
	#AA0B16 - Red

	Double Daves
	Orange - #F58220 - RGB 245,130,32
	Green - #83C349

    Pita Pit
    Black: #231F20 rgb(35, 31, 32)
    Green: #ADCC49 rgb(173, 204, 73)

    Sun and Fork
    Black: #000000
    Blue: #005F80 rgb(0,95,128)            
    Yellow: #E0C627 rgb(224,198,39)

*/




.calcHeaderTitle{ width:441px;height: 30px;font-size: 16px;font-weight: bold; text-align: center;color: #FFFFFF;background-color: #005F80;line-height: 28px;display:block;float:left; }
.calcHeaderTitleNoFilter{ width:639px;height: 30px;font-size: 16px;font-weight: bold; text-align: center;color: #FFFFFF;background-color: #005F80;line-height: 28px;display:block;float:left; }
.calcHeaderLocation{ width:634px;height: 36px;font-size: 16px;font-weight: bold; text-align: center;color: #FFFFFF;background-color: #005F80;line-height: 28px;display:block;float:left; margin-bottom: 2px; padding: 2px;}

/*Allergen Filter*/
.calcHeaderAllergenFilter{width:185px;height: 30px;font-size: 12px;font-weight: bold; text-align: left;color: #FFFFFF;background-color: #303436;line-height: 28px; display:block;float:left;padding:0 0 0 10px;margin:0 0 0 2px;}
.acceptButton{margin:15px 0 0 25px;font-size:11px; width:100px;height:20px;color:#ffffff;background-color:#005F80;border:none;text-transform:uppercase;}

/*Selection Option Popup*/
.doneButton{margin:15px 0 0 0;font-size:11px; width:100px;height:20px;color:#ffffff;background-color:#005F80;border:none;text-transform:uppercase;}
.itemNameContainer { width: 260px;float:left;margin:3px 0 0 5px;}
.groupContainerSelected {border-bottom: solid #005F80 8px; padding: 0 0 0 0; margin: 10px 0 10px 7px; width: 90px;height:30px; font-size: 10px; background-color: #FFFFFF; border-radius: 8px; display: inline-block;float: left; line-height: 1.3; text-align: center; position:relative;}
.groupCustomizeContainerSelected {border-bottom: solid #005F80 8px; border-left: solid #005F80 1px; border-right: solid #005F80 1px; border-top: solid #005F80 1px; padding: 0 0 0 0; margin: 10px 0 10px 10px; width: 87px;height:30px; font-size: 10px; background-color: #FFFFFF; border-radius: 8px; display: inline-block;float: left; line-height: 1.3; text-align: center; position:relative;}
.groupCustomizeContainerSelected .customize-circle{font-size:16px;color:#005F80;position:absolute;top:-9px;left:-7px;}
.groupContainer a:hover {color:#005F80;}
.groupContainerSelected a:link, .groupContainerSelected a:visited, .groupContainerSelected a:active, .groupContainerSelected a:hover {color: #005F80;}
.groupItemSelected { width: 130px; color: #005F80; margin-left: 10px;font-weight: bold; font-size: 10px; display: inline-block;float: left;}/*surrounds the checkbox*/
.groupItem label, .groupItemSelected label{width:95px; vertical-align:top; display:inline-block;}
#customizeOptions{font-size:10px;color:#005F80;line-height:10px;width:85px; border:solid 1px #005F80;border-radius:8px;padding:2px 7px 3px 14px;}

.addToMealButton{ width: 124px;height:20px;background-color:#005F80; color:#ffffff;margin:0 -1px 0 0;padding:5px 5px 5px 10px;float:right;}

/*Nutrition Label - horizonal*/
#nutrFactsTitle{font-weight: bold;font-size: 24px;line-height: 26px;color: #005F80;margin:0 0 10px 0;}
.viewFullMeal a{color:#005F80;text-decoration:none;font-size:14px;text-transform:uppercase;}
.nutrTable .extraWideLine{border-bottom:10px solid #E0C627;}
.nutrTable .wideLine{border-bottom:5px solid #E0C627;}


#allergenSuppContainer .allergenSuppIcon{color:#E0C627;font-size:30px;margin:5px 0 5px 10px;float:left;display:inline-block;}
#nutrSuppContainer .nutrSuppIcon{color:#005F80;font-size:30px;margin:5px 0 5px 10px;float:left;display:inline-block;}

#shareIcons .emailLink a:link, #shareIcons .emailLink a:visited, #shareIcons .emailLink a:active{color:#E0C627;}
#shareIcons .emailLink a:hover{color:#303436;}

#shareIcons .printLink a:link, #shareIcons .printLink a:visited, #shareIcons .printLink a:active{color:#005F80;}
#shareIcons .printLink a:hover{color:#303436;}


/*Meal List*/
#mealControlTitle{color:#005F80;font-size:28px;font-weight:bold;float:left; display:inline-block;}
#viewFullMeal a{color:#005F80;text-decoration:none;font-size:14px;text-transform:uppercase;}
/*#verticalText{width: 50px; height: 160px; background-color: #005F80; float: left; padding: 70px 0 0 15px;margin:0 0 0 0;}*/

.mealItemInfoTable th{ font-size: 14px; line-height: 30px; font-style: italic; color: #005F80; border-bottom: solid 1px #A8A9AD;}

/*Accordion override styles*/
.wrapper .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { border-left: solid 1px #005F80; border-top: solid 1px #005F80; border-right: solid 1px #005F80; border-bottom: 1px solid #e9e9e9; background: #005F80; font-weight: normal; color: #FFFFFF; }

.wrapper .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border-left: solid 1px #58575a; border-top: solid 1px #58575a; border-right: solid 1px #58575a; border-bottom: 1px solid #e9e9e9; background: #58575a; font-weight: normal; color: #FFFFFF; }

.wrapper .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { border-left: solid 1px #005F80; border-top: solid 1px #005F80; border-right: solid 1px #005F80; border: 1px solid #005F80; background: #005F80; font-weight: normal; color: #FFFFFF; }