/**
 * SMALL "TIP" BOXES
 */
    .box-tip {
        border: solid 1px #666;
    }
	.box-tip-header {
		padding: 0 5px;
		text-align: center;
		font-weight: bold;
		line-height: 20px;
		height: 22px;
		background: #eee;
	}
	.box-tip-content {
		padding: 12px 6px;
	}

/**
 * BUTTONS
 */
    a.link-button {
	    display: block;
	    float: right;
	    margin-left: 6px;
    }


/**
 * T O O L T I P
 */
	.tooltip-source {
		display: none;
	}
	#tooltip {
		display: none;
		position: absolute;
		z-index: 999;
		float: left;
		font-size: 0.8em;
	}


/**
 * STAR RATING
 */
    .rating {
        height: 15px;
        width: 92px;
        background: transparent url(../rating.gif) left -100px;
        display: block;
        text-indent: -1000px;
        overflow: hidden;
    }
    .rating-4 {
        background-position: 0 -115px;
    }
    .rating-3 {
        background-position: 0 -130px;
    }
    .rating-2 {
        background-position: 0 -145px;
    }
    .rating-1 {
        background-position: 0 -160px;
    }

    .rating-big {
        width: 125px;
        height: 20px;
        background: transparent url(../rating.gif) left top no-repeat;
    }
    .rating-big-4 {
        background-position: 0 -20px;
    }
    .rating-big-3 {
        background-position: 0 -40px;
    }
    .rating-big-2 {
        background-position: 0 -60px;
    }
    .rating-big-1 {
        background-position: 0 -80px;
    }
    
    .rating-tiny {
        width: 55px;
        height: 9px;
        background: transparent url(../rating.gif) 0 -175px no-repeat;
    }
    .rating-tiny-4 {
        background-position: 0 -184px;
    }
    .rating-tiny-3 {
        background-position: 0 -193px;
    }
    .rating-tiny-2 {
        background-position: 0 -202px;
    }
    .rating-tiny-1 {
        background-position: 0 -211px;
    }


/**
 * MENU PAGE
 */
    .hidden {
        display: none;
    }
    #menu-table th.day-header,
    #menu-table td.day-rating {
        cursor: pointer;
    }
    body#menu #content-top .box-tip {
        float: left;
		margin-right: 14px;
	}
	
	
	/**
     * P R O F I L E  I N F O  B O X
     */
        body#menu #box-tip-profile-info .box-tip-content {
            width: 166px;
            padding: 6px 12px 8px 72px;
            position: relative;
        }
        body#menu #box-tip-profile-info .stage-icon {
            position: absolute;
            margin: -2px 0 0 -59px;
        }
        body#menu #box-tip-profile-info ul strong {
	        font-size: 1.2em;
        }
	
	/**
	 * STAR RATING
	 */
	    
	    #box-tip-star-rating .box-tip-content {
		    padding: 11px 71px 31px 65px;
		}
			#day-detail #box-tip-star-rating .box-tip-content {
				padding-top: 9px;
				padding-bottom: 27px;
			}
		#box-tip-week-star-rating .box-tip-content {
			padding-bottom: 31px;
			padding-top: 11px;
		}
		#box-tip-star-rating .box-tip-content p.help-text,
		#box-tip-week-star-rating .box-tip-content p.help-text {
			position: absolute;
			margin: 5px 0 0 -12px;
			color: #666;
			width: 150px;
		}
		body#menu #box-tip-star-rating .box-tip-header {
		    width: 251px; /* @todo: IE only */
		}
    
    /**
     * MENU TABLE
     */
        table#menu-table {
            clear: both;
        }
        table#menu-table th {
			text-align: center;
			height: 32px;
			line-height: 32px;
			width: 136px;
		}
		table#menu-table th div {
			width: 136px;
		}
		table#menu-table td {
            vertical-align: top;
            padding: 10px 22px;
            text-align: left;
        }
        table#menu-table tbody.header td {
            padding: 0;
        }
        table#menu-table tbody.header td a {
		    display: block;
		}
		table#menu-table .meal-contents li {
		    padding: 0.5em 0;
				border-bottom: 1px solid #DFDFDF;
		}
		table#menu-table .meal-contents li.last {
			border-bottom: 0 none;
		}
	


/**
 * MODALS
 */
    div.page-modal {
	    font-size: 0.75em;
	    line-height: 1.35em;
	    text-align: left;
    }
    div.page-modal {
	    /*padding: 15px 15px 20px;*/
	    padding: 15px 5px 10px 15px;
	    /*margin-left: 10px;*/
    }
 
 
    /**
     * B L O C K  O F  B U T T O N S
     */
	    .modal-action-links {
	        clear: both;
	        position: relative;
	    }
    
    
    /**
     * HEADER
     */
        #modal-header p {
	        padding-bottom: 0;
	        text-align: left;
        }
    
    /**
     * TITLE
     */
        h1#modal-title {
            font-size: 1.4em;
            text-align: left;
            padding: 0.25em 0 1em /*1.2em*/;
        }
 
    /**
     * ERROR
     */
        #modal-error {
	        width: 100%;
	        height: 0px;
	        position: relative;
	        display: none;
        }
        #modal-error-inner {
	        width: 100%;
	        position: absolute;
	        padding: 90px 0 0;
	        text-align: center;
	        color: red;
        }
        #page-modal-edit-meal div.ajax-error * {
		    visibility: hidden!important;
	    }
    
    /**
     * LOADING
     */
        #modal-loading {
	        width: 100%;
	        height: 0px;
	        position: relative;
	        display: none;
        }
        #modal-loading-inner {
	        width: 100%;
	        position: absolute;
	        padding: 90px 0 0;
	        text-align: center;
        }
    
    /**
     * MEAL MODAL
     */
		#page-modal-edit-meal {
			padding-right: 10px;
		}
		.content-loading * {
			/*display: none!important;*/
		}
    
    /**
	 * N U T R I T I O N A L  I N F O R M A T I O N
	 */
		div#div-nutritional-information {
			float: left;
			overflow: auto;
			width: 365px;
			margin-left: 5px;
			margin-top: -1px;
			position: relative;
		}
		#div-nutritional-information table {
			position: relative;
		}
		div.modal-collapsed div#div-nutritional-information {
			display: none;
		}
		td.nutrition-placeholder {
			vertical-align: top;
			padding-top: 1px;
		}
    
    /**
	 * ALL MEAL TABLES IN THE MEAL MODAL
	 */
		table.meal-table {
			float: left;
			margin: 0 0 10px 5px;
			font-size: 0.9em;
			line-height: 1.2em;
			position: relative;
		}
		table.meal-table th.content-cell {
		    border: solid 1px #ccc;
			text-align: center;
			padding: 0 10px;
		}
		table.meal-table td.content-cell {
			border: 1px solid #ccc;
			border-width: 0 1px 1px;
			text-align: left;
			padding: 5px 10px;
		}
		table.meal-table tr.last td.content-cell {
			border-bottom: 1px solid #ccc;
		}
		table#meal-table-food-items tr.selected td.content-cell {
			border-top-width: 1px;
			border-bottom-width: 1px;
		}
		
		/* Hide bottom borders on the collapsed menu cells */
		div.modal-collapsed #modal-content td.content-cell {
			border-bottom-width: 0;
		}
    
    /**
     * BUTTONS
     */
        #page-modal-edit-meal .modal-action-links {
		    width: 450px;
		    height: 35px;
	    }
	    
	    /**
	     * B U T T O N S
	     *
	     * Using absolute position for the buttons to prevent shifting when they show / hide.
	     */
		    #button-set-meal {
		        position: absolute;
		    }
		    
		    #button-meal-cancel,
		    #button-food-cancel,
		    #button-af-add,
		    #button-add-food,
		    #button-clear-meal,
		    #button-quantity,
		    #button-change-quantity,
		    #button-meal-save {
			    position: absolute;
		    }
		    #button-add-food {
			    left: 118px;
		    }
		    #button-clear-meal {
			    left: 225px;
		    }
		    #button-meal-save {
			    left: 385px;
		    }
		    #button-quantity,
		    #button-change-quantity,
		    #button-af-add {
			    left: 171px;
		    }
		    #button-meal-cancel,
		    #button-food-cancel,
		    #button-meal-save,
		    #button-quantity,
		    #button-change-quantity,
		    #button-af-add {
			    display: none;
		    }
    		
		    /* recalculate link */
		    #recalculate-quantity {
		    	display: none;
			}
	    
	    
	    /* Delete link */
		#page-modal-edit-meal a.link-delete {
			width: 15px;
			height: 24px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../buttons.gif) no-repeat -36px 4px;
			/*position: absolute;
			right: 0px;
			top: 0px;*/
			float: right;
		}
		
		table#meal-table-food-items a.link-food-delete {
			display: none;
		}
			table#meal-table-food-items tr.selected a.link-food-delete {
				display: block !important;
			}
		#modal-confirmation a.link-delete {
			margin-top: -10px;	
		}
	
	/**
	 * HELP TEXT
	 */
	    div#modal-help-text {
	        clear: both;
	        border: solid 1px #ccc;
	        margin: 0.5em 0 0;
	        padding: 0.5em;
	        display: none;
        }
	    #page-modal-edit-meal div#modal-help-text {
		    min-height: 100px;
	    }
	    #page-modal-edit-meal div#modal-help-text-instructions {
		    text-align: center;
	    }
	    #page-modal-edit-meal div#modal-help-text .product-info-image {
		    float: left;
		    margin: 0 1em 0 0;
		    padding: 1em 0;
	    }
	
	/**
	 * TOP HELP TEXT
	 */
	#page-modal-edit-meal .page-instructions #meal-help-info {
		display: none;
	}
    
    
    /**
     * FOOD ITEMS
     */
        #tbody-empty-meal {
			display: none;
		}
		#meal-table-food-items {
			/*margin-left: 0;*/
			position: relative;
		}
		table#meal-table-food-items .meal-description,
		table#meal-table-food-items th.meal-line-items div#meal-header {
			width: 275px;
		}
		table#meal-table-food-items .meal-description {
			height: 22px;
			line-height: 24px;
			overflow: hidden;
			position: relative;
		}
		table#meal-table-food-items .meal-description-empty {
			line-height: 1.2em;
			overflow: visible;
			height: auto;
		}
		table#meal-table-food-items .meal-long-description {
			display: none;
		}
		table#meal-table-food-items #tbody-food-items tr {
			cursor: pointer;
		}
    
    /**
     * NUTRITION DATA
     */
        .table-nutrition-data td {
            border: solid 1px #ccc;
			border-width: 0 1px 1px;
			padding: 5px;  
        }
        
        #div-nutritional-information table.meal-table th.th-nutrition  {
			padding: 0/* 5px*/;
		}
        th.th-nutrition a {
			position: relative;
			display: block;
			font-weight: normal;
			color: #333;
			height: 14px;
			padding: 1px 0;
			min-width: 29px;
			white-space: nowrap;
			margin: 0 5px;
			text-align: center;
		}
		th.th-nutrition a:hover,
		th.th-nutrition a:focus {
			text-decoration: none;
		}
		tbody.tbody-nutrition-data td span {
			line-height: 22px;
			height: 22px;
			display: block;
		}
	    table.meal-table-nutrition td,
	    table.meal-table-nutrition th {
		    text-align: center;
	    }
	
	
	/**
	 * ADD FOOD
	 */
	    /**
		 * S T E P  1
		 */
			#state-add-food #step-1 .form-intro {
				font-weight: bold;
				padding: 0 0 0.5em;
			}
			#form-search-food .form-row {
				padding: 1.5em 0;
				clear: both;
				float: none;
				height: 60px;
			}
				#page-modal-add-substitute #form-search-food .form-row {
					height: auto;
				}
			
			#form-search-food #form-row-add-food-select {
				/*border-top: solid 1px #ccc;*/
				padding-top: 0.5em;
			}
			#form-search-food #form-row-add-food-search {
				padding-bottom: 1em;
			}
			
			#form-search-food label {
				display: block;
				padding-bottom: 0.75em;
			}
			#form-search-food .input-text,
			#form-search-food select {
				width: 300px;
				float: left;
				margin-left: 1em;
				font-family: Arial, Verdana, helvetica, Sans-Serif;
				font-size: 12px;
			}
				#page-modal-add-substitute #form-search-food select.select-measure-unit {
					width: auto;
				}
				#page-modal-add-substitute #form-search-food select {
					width: 308px;
				}
					#page-modal-add-substitute #form-search-food select#select-food {
						float: left;
						width: 560px;
					}
				#page-modal-add-substitute #form-search-food .input-text,
				#page-modal-add-substitute #form-search-food select {
					margin-right: 10px;
				}
			#form-search-food a.link-button {
				float: left;
				clear: none;
			}
	    
	    /**
		 * S T E P  2  K E Y W O R D 
		 */
			#form-select-food label {
				display: block;
				height: 20px;
			}
			#form-select-food select {
				width: 377px;
				font-family: Arial, Verdana, helvetica, Sans-Serif;
				font-size: 12px;
			}
			#form-select-food select option {
				height: 18px;
			}
			#state-add-food #step-2 #button-af-selection {
				position: relative;
				top: 43px;
				/*left: -76px;*/
			}
	    
	    /**
		 * STEP 3 QUANTITY
		 */
			#state-add-food #step-3,
			#state-add-food #step-2 {
				display: none;
			}
			#state-add-food #step-3 .form-intro,
			#state-add-food #step-2 .form-intro {
				/*height: 40px;*/
				border-bottom: solid 1px #ccc;
				margin-bottom: 0.75em;
				padding-bottom:5px;
			}
	        #state-add-food #step-2 .form-intro-text,
		    #state-add-food #step-3 .form-intro-text {
			    float: left;
			    padding-top: 3px;
		    }
		    #state-add-food #step-2 #button-af-search-again,
		    #state-add-food #step-3 #button-af-select-again {
			    float: left;
			    clear: none;
		    }
    
    
    /**
     * EDIT FOOD QUANTITY.
     */
        #state-food-quantity {
            display: none;
        }
        
	/**
	 * ADD FOOD.
	 */
		#state-add-food {
			display: none;
		}

    /**
     * CONFIRMATION
     */
	    #modal-confirmation {
		    clear: both;
		    position: absolute;
		    display: none;
		    border: solid 1px #ccc;
	    }
	    
	    /* Meal modal Confirmation */
	    #page-modal-edit-meal div#modal-confirmation {
		    margin: 0.5em 0 0;
		    padding: 1em 0.5em;
		    text-align: center;
	    }
	    #page-modal-edit-meal div#modal-confirmation #modal-confirmation-text {
		    padding: 0 2em;
	    }
	
	
	/**
	 * TOTALS
	 */
	    table#meal-table-food-items tr.totals td {
			text-align: right;
			background: #efefef;
		}
		table.meal-table tr.totals td {
			padding: 3px 5px;
			border-width: 0 1px 1px;
			border: solid 1px #ccc;
		}
		table.meal-table tr.totals td span {
			line-height: 13px;
			height: 14px;
			display: block;
		}
		div.modal-collapsed table#meal-table-food-items tfoot {
			display: none;
		}
		.table-nutrition-data td.na {
		    color: #999;
		}
		.table-nutrition-data td.good {
			background: #EBF5D0;
		}
		.table-nutrition-data tr td.bad,
		.table-nutrition-data tr.even td.bad {
			background: #FFEAD9;
		}
		.table-nutrition-data td.ok {
			background: #FFF6D9;
		}
		table#meal-table-food-items tr.totals td {
			background: #DFF3FE;
		}
		
    /**
	 * FAVORITES
	 */
		a.meal-favorite-false img#meal-favorite {
			display: none;
		}
		a.meal-favorite-true img#meal-not-favorite {
			display: none;
		}
    
    /**
     * ARROWS
     */
        /* Hide meal line item arrows */
	    table.meal-table tbody td.arrow-cell a {
		    display: none;
	    }
    
    /**
     * EXPANDER
     */
        /* "See nutritional details for this meal" link */
	    a#menu-expander {
		    width: 440px;
		    display: block;
		    clear: both;
		    text-align: center;
		    margin: 0 0 10px;
	    }
	    
    /**
     * DAILY SCORE CARD
     */
        #page-modal-day-score-card div.page-instructions {
            float: left;
            width: 200px;
        }
        #page-modal-day-score-card #box-tip-day-star-rating {
            float: right;
        }


    /**
     * W E E K  S C O R E  C A R D
     */
        #page-week-score-card .box-tip {
            float: left;
        }
    
    
    /**
     * MENU SETTINGS MODAL
     */
        #page-modal-menu-settings {
            width: 400px;
        }
        #page-modal-menu-settings .input-text {
            width: 200px;
            float: left;
        }
	
	
	/**
	 * COPY MENU MODAL
	 */
		#page-modal-copy-menu {
			width: 400px;
		}
		#page-modal-copy-menu .input-text {
            width: 200px;
            float: left;
        }
        #page-modal-copy-menu select {
			float: left;
			width: 211px;
        }
        #page-modal-copy-menu label {
			width: 155px;
        }
	
	/**
	 * STAGE ERROR MODAL
	 */
		#page-modal-stage-error {
			width: 400px;
		}
		
    

/**
 * INNER MODAL
 */
    #inner-modal-overlay {
	    position: absolute;
	    background: #fff;
	    opacity: 0.7;
	    filter: alpha(opacity=70);
	    z-index: 150;
	    display: none;
    }
    #inner-modal-wrapper {
	    position: absolute;
	    z-index: 160;
	    top: 50%;
	    left: 50%;
	    display: none;
    }
    
    .page-inner-modal {
	    /*background: #000;*/
	    background: #FCFBF6;
	    /*color: #fff;*/
	    color: #299FCD;
	    
	    /*width: 200px; */
	    width: 405px;
	    
	    padding: 20px; 
	    /*border: solid 4px #fff; */
	    border: solid 4px #299FCD;
	    
	    border-radius: 10px; 
	    -moz-border-radius: 10px; 
	    -webkit-border-radius: 10px;
    }
    #inner-modal-clear-meal-confirm {
		width: 200px;
    }
    .page-inner-modal ul li {
		padding-left: 8px;
		padding-bottom: 0.25em;
    }
    .page-inner-modal ul {
		padding-bottom: 0.75em;
    }
    
    
    
/**
 * DATEPICKER ICON
 */
    a.dp-choose-date {
		background: url(../calendar.png) no-repeat top left;
		display: inline-block;
		height: 16px;
		margin: 2px 0 0 5px;
		text-indent: -9999px;
		vertical-align: top;
		width: 16px;
		overflow: hidden;
	}
	
/**
 * Email Form Modals
 */
 #page-modal-email-list label.input-error, #page-modal-email-menu label.input-error {
    display: none !important;
 }
 
 
 /**
  * COMMON LOADER
  */
	div.div-loader {
		width: 50px;
		height: 50px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(/Common/ajaxLoader.gif) no-repeat;
		background-position: center;
	}