/**
 * M O D A L  S T Y L E S
 *
 * @todo: AZ: copy the nyroModal.css in here.
 */

h1#modal-title {
	color: #28a0c3;
}

p.message-areyousure {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 0.5em;
    text-align: center;
}

.page-modal .page-instructions {
    padding-bottom: 1em;
}


/**
 * L I N K - B U T T O N S
 */
 	div.page-modal a.link-button-wrapped .span2 {
		background: none;
		padding-right: 0;
		margin: 0 4px;
	}
		div.page-modal a.link-button-big-arrow .span2 {
			background: url(../bkg_arrow_white.gif) no-repeat 100% 55%;
			padding-right: 15px;
			margin: 0 5px;
		}
	div.page-modal a.link-button-wrapped .span1 {
		height: 30px;
		background-position: 100% -310px;
		padding-right: 15px;
	}
		div.page-modal a.link-button-big .span1 {
			background-position: 100% -35px;
			height: 35px;
			line-height: 35px;
			padding-right: 9px;
		}
	div.page-modal a.link-button-wrapped .span2 {
		height: 24px;
		line-height: 24px;
	}
		div.page-modal a.link-button-big .span2 {
			height: 35px;
			line-height: 35px;
		}
	div.page-modal a.link-button-wrapped {
		background-position: 0 -280px;
		padding-left: 12px;
	}
		div.page-modal a.link-button-big {
			padding-left: 9px;
			background-position: top left;
			margin-top: 6px;
			position: static;
		}
    .modal-action-links {
        height: 40px;
	    padding: 20px 0 0 0;
    }
	

/**
 * E D I T  M E A L
 */
 	
 	/* Width of expanded #page-modal */
 	#page-modal-edit-meal {
		width: 820px;
	}
	#page-modal-edit-meal #modal-content {
		min-height: 400px;
	}
	
	/* Width of collapsed #page-modal */
 	body#menu div#nyroModalContent div.modal-collapsed,
 	body#day-detail div#nyroModalContent div.modal-collapsed {
		width: 450px;
	}
	
	/* Meal title (previously meal type) */
	#meal-type {
		text-transform: uppercase;
	}
	
	/* Help text */
	/* @todo: switch to roundies */
	#page-modal-edit-meal div#modal-help-text {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		width: 436px;
	}
	
	/* Confirmation */
	/* @todo: switch to roundies */
	#page-modal-edit-meal div#modal-confirmation {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		width: 430px;
	}
	#page-modal-edit-meal div.message-status {
		background: #FFF6D9;
	}
	#page-modal-edit-meal div.message-error {
		background: #FFEAD9;
		color: #f00;
		font-weight: bold;
	}
	
	/**
	 * EMPTY MEAL
	 * Even out the table heights.
	 */
		#tbody-empty-meal .description-text,
		#div-empty-fg,
		#div-empty-n {
			height: 110px;
		}
	
	
	/* All orange arrows */
	#page-modal-edit-meal a.arrow {
		display: block;
		color: #fff;
		float: left;
		background: url(../meal_arrows.png) no-repeat 0 0;
		line-height: 1.1em;
		width: 61px;
	}
		/* Meal arrows */
		#page-modal-edit-meal a.meal-arrow {
			height: 33px;
			padding-top: 13px;
			font-weight: bold;
		}
		
		/* Prev arrows */
		#page-modal-edit-meal a.arrow-prev {
			text-align: right;
			/*padding: 6px 10px 0 0;*/
			padding-right: 10px;
		}
		
		/* "Next" arrows */
		#page-modal-edit-meal a.arrow-next {
			text-align: left;
			/*padding: 6px 0 0 10px;*/
			padding-left: 10px;
		}
		
		/* "Next" orange meal arrow */
		#page-modal-edit-meal a#meal-show-next {
			margin: 0 0 0 5px;
			background-position: -71px 0;
		}

	
	/**
	 * ALL MEAL TABLES IN THE MEAL MODAL
	 */
		table.meal-table {
			border-bottom: 1px solid #7BCDF5;
		}
		table.meal-table th.content-cell {
			border: 1px solid #7BCDF5;
			background: #299fcd;
			color: #fff;
			font-weight: normal;
		}
		table.meal-table td.content-cell {
			border: 1px solid #7BCDF5;
		}
		table.meal-table tr.last td.content-cell {
			border-bottom: 1px solid #7BCDF5;
		}
		
	
	/**
	 * List of food items table 
	 */
	 	table#meal-table-food-items div#meal-header {
			height: 14px;
			padding-top: 6px;
			font-size: 12px;
			line-height: 12px;
			overflow: hidden;
		}
		table#meal-table-food-items div#meal-counter {
			height: 11px;
			padding: 1px 0 6px;
			font-size: 11px;
			line-height: 11px;
			overflow: hidden;
		}
			/* Food arrows */
			#page-modal-edit-meal td.meal-line-items a.arrow {
				height: 27px;
				overflow: hidden;
				line-height: 1em;
				position: absolute;
				visibility: hidden;
				display: none;
				margin-top: -5px;
			}
				#page-modal-edit-meal table#meal-table-food-items tr.selected td.meal-line-items a.arrow {
					visibility: visible;
					display: block;
					/*border: solid 1px red;*/
				}
					#page-modal-edit-meal table#meal-table-food-items tr.selected-no-substitute td.meal-line-items a.arrow {
						visibility: hidden;
						display: none;
					}
			#page-modal-edit-meal td.meal-line-items a.arrow-prev {
				background-position: 0 -4px;
				padding: 5px 10px 0 0;
				margin-left: -86px;
			}
			#page-modal-edit-meal td.meal-line-items a.arrow-next {
				background-position: -71px -4px;
				padding: 5px 30px 0 10px;
				width: 31px;
				margin-left: 661px;
			}
				div.modal-collapsed td.meal-line-items a.arrow-next {
					margin-left: 291px!important;
				}
			
		table#meal-table-food-items tr.hover {
			color: #3399CC;
		}
		table#meal-table-food-items tr.selected {
			background: #FFFFCC;
		}
		table#meal-table-food-items tr.highlighted {
			background: #FDE492;
			/*color: #fff;*/
			/*color: #FF8F0B;*/
		}
		
		/* No longer truncating food names */
		table#meal-table-food-items .meal-description {
			height: auto;
			overflow: visible;
			line-height: 18px;
		}
		#page-modal-edit-meal a.link-delete {
			background-position: -36px 2px;
			height: 18px;
		}
		
	
	/**
	 * NUTRITIONAL DATA TABLES
	 */
	    .table-nutrition-data td {
			border: solid 1px #7BCDF5;
		}
	
	
	/**
	 * FOOD GROUPS TABLE
	 */
	 	table#meal-table-food-groups {
			margin-left: 1px;
		}
		table.meal-table-nutrition th.th-nutrition  {
			background: #DFF3FE;
		}
		table.meal-table-nutrition div.nutrition-header {
			padding: 3px 0;
			height: 15px;
		}
	 	
		
		/**
		 * TOTALS
		 */
		 	table.meal-table tr.totals td {
				border: solid 1px #7BCDF5;
			}
			.table-nutrition-data td.na {
			    color: #999;
			}
			table#meal-table-food-items tr.totals td {
				background: #DFF3FE;
			}
	
	/**
	 * EDIT FOOD QUANTITY.
	 */
		#food-quantity-form-section {
			margin: 1em 0;
			padding: 1em 0;
			border-top: solid 1px #ccc;
		}
		#food-quantity-form-instruction {
			color: #000;
			padding: 0 0 1em;
		}
		#form-food-quantity .form-row {
			clear: left;
			margin: 0.5em 0 0;
			height: 20px;
		}
		#form-food-quantity label {
			display: block;
			float: left;
			width: 100px;
		}
		#form-food-quantity .input-text {
			float: left;
			width: 60px;
			margin-right: 1em;
		}
		#form-food-quantity select {
			width: 200px;
		}
		#form-select-food select {
			height: 112px;
			width: 444px;
		}
		#state-add-food #step-2 #button-af-selection {
			top: 51px;
			z-index: 9999;
		}
	
	/**
	 * BUTTONS
	 */
		#button-meal-save {
			margin-top: -4px;
		}
		
	/**
	 * ADD FOOD
	 */
		#step-1 {
			height: 220px;
		}
		

/**
 * R E G I S T R A T I O N
 */
	/**
	 * LIST OF "INFO CARDS"
	 */
	    .list-info-cards {
	        width: auto;
	    }
	    .list-info-cards li.info-card {
			width: 94px;
			float: left;
			text-align: left;
			padding: 22px 7px 18px;
			min-height: 250px; /* @todo: min-height for IE */
			background: #FCFBF6;
		}
		.list-info-cards li.info-card a.stage-icon {
			height: 115px;
		}
		.list-info-cards .icon {
		    margin-bottom: 1em;
		}
		.list-info-cards li.hover,
		.list-info-cards li.selected {
		    background: #fef3cf !important;
		}
		.list-info-cards a.link-button-big {
		    margin: 0;
		    float: left;
		    margin-bottom: 10px;
		}
			.list-info-cards a.link-button-big .span2 {
				margin: 0 8px !important;
			}
		.list-info-cards .info-card-description {
		    padding-top: 1em;
		    font-size: 1em;
		}
		.list-info-cards .info-card-description h5 {
		    font-size: 1em;
		    padding-bottom: 0.25em;
		}
		
	
	/**
	 * S E L E C T  S T A G E
	 */
	 	#page-modal-select-stage {
			width: 650px;
			padding: 20px 50px 15px;
		}
		#page-modal-select-stage h1#modal-title {
		    font-size: 2.5em;
		    /*padding-bottom: 0.5em;*/
		}
		#page-modal-select-stage #modal-header p {
		    padding-bottom: 1em;
		}
		#select-stage-list {
		    margin-left: -8px;
		    /*position: relative;*/
		    margin-bottom: 1em;
		    height: 190px;
		}
		#select-stage-list li.selected p.stage-alert {
		    font-size: 10px;
		    padding: 0;
		    text-align: center;
		    position: absolute;
		    /*top: 4px;*/
		    width: 94px;
		    margin-top: -18px;
		}
		#select-stage-list li.info-card {
			min-height: 0;
			height: 160px;
		}
		
	
	/**
	 * P R O F I L E  I N F O R M A T I O N
	 */
	 	#page-modal-profile-information {
			width: 700px;
			padding: 20px 50px 15px;
		}
		#page-modal-profile-information h1#modal-title {
		    font-size: 2.5em;
		    padding-bottom: 0.5em;
		}
		#page-modal-profile-information #modal-header p {
		    padding-bottom: 1em;
		}
		#page-modal-profile-information #modal-header p.description {
		    padding-bottom: 1.5em;
		}
		#page-modal-profile-information .description, 
		#page-modal-profile-information .char-count	{
			font-weight: normal;
			color: #666;
			font-size: .75em;
		}
		#page-modal-profile-information .form-row {
		    padding-bottom: 20px;
		}
		#page-modal-profile-information .char-count {
			margin-left: 169px;
			padding: 0;
		}
		#page-modal-profile-information .list-checkboxes label {
		    font-size: 14px;
		    color: #666;
		}
		#page-modal-profile-information .list-checkboxes li {
		    padding-bottom: 8px;
		}
		#page-modal-profile-information select {
			width: 118px;
			margin-right: 15px;
		}
		#page-modal-profile-information textarea,
		#page-modal-profile-information .input-text {
			width: 390px;
		}
		#page-modal-profile-information textarea {
			height: 50px;
		}
		#page-modal-profile-information .button-create {
			float: right;
			width: 50px;
		}
		#page-modal-profile-information .list-checkboxes label {
			display: inline;
			font-weight: normal;
			width: auto;
			float: none;
		}
		#page-modal-profile-information .form-row-notes label {
			margin-left: 26px;
			padding-left: 16px;
			width: 124px;
		}
		
		
	/* M O D A L  T O O L T I P  S T Y L E S */
		
		div.page-modal div.modal-tooltip,
		a.why {
		    width: 16px;
		    height: 16px;
		    background: transparent url(../bkg_modal_tooltip_trigger.gif) no-repeat;
		    float: left;
		    margin-right: 10px;
		    cursor: help;
		}
		a.why {
			display: block;
			margin-right: 40px;
			text-indent: -9999px;
			overflow: hidden;
			float: right;
		}
		
		

/**
 * INNER MODAL.
 */
    #inner-modal-overlay {
	    background: #FCFBF6;
    }


/**
 * DAY SCORE CARD
 */
    #page-modal-day-score-card {
        width: 450px;
        overflow: hidden;
    }
    #page-modal-day-score-card #box-tip-day-star-rating .box-tip-content {
        padding: 8px 56px 12px 50px;
    }
    #page-modal-day-score-card div.scrollable {
        height: 180px;
    }
    #page-modal-day-score-card table.table-nutrition-data {
        width: 400px;   
    }
    #page-modal-day-score-card table.data td {
        padding: 3px 10px;
    }
    #page-modal-day-score-card table.table-nutrition-data td.td-name {
        text-align: left;
        background: #faf0a9;
        cursor: pointer;
        border-left-width: 0;
    }
    #page-modal-day-score-card #box-day-score-card .box-inner {
        padding: 1em 11px;
    }
    #box-day-score-card table,
    #box-tip-day-score-card-menu-tip,
    #page-modal-day-score-card .modal-action-links {
        margin-bottom: 1em;
    }
    #box-day-score-card {
        margin: 1em 0;
    }
    #page-modal-day-score-card .modal-action-links,
    #box-tip-day-score-card-menu-tip {
        width: 450px;
    }
    #page-modal-day-score-card .modal-action-links {
        padding: 0px;
        height: 30px;
    }
    #page-modal-day-score-card .modal-action-links a.link-button {
        float: left;
        margin-left: 138px;
    }
    /*#box-tip-day-score-card-menu-tip {
        text-align: center;
    }*/
    #page-modal-day-score-card #box-expert-view {
        clear: both;
    }
    
    
    
    
    /**
     * DELETE PROFILE MODAL
     * DELETE MENU MODAL
     * CLEAR MENU MODAL
     * RESTORE MODAL
     */
        #page-modal-profile-delete-confirm,
        #page-modal-menu-delete-confirm,
        #page-modal-menu-clear-confirm,
        #page-modal-menu-restore-confirm {
            width: 370px;
        }
        #page-modal-profile-delete-confirm .profile-info,
        #page-modal-menu-delete-confirm .profile-info {
		    border: solid 1px #FDE581;
		    margin-bottom: 1em;
		}
		/*
        #page-modal-profile-delete-confirm .profile-info .stage-icon {
		    margin-left: -86px;
		}
		*/
		#page-modal-profile-delete-confirm .page-instructions,
		#page-modal-menu-delete-confirm .page-instructions {
		    font-size: 1.1em;
		}
	
	/**
	 * SAVE MENU MODAL
	 */
		#page-modal-save-menu-confirm {
			width: 370px;
		}
		
    
    
    /**
     * SELECT MENU OPTION MODAL
     */
        #page-modal-select-menu-option {
            width: 375px;
            height: 360px;
        }
        #page-modal-select-menu-option .list-info-cards li.info-card {
			margin-right: 15px;
        }
        #page-modal-select-menu-option .list-info-cards li.info-card .info-card-description {
			height: 170px;
        }
        
	
	/**
	 * EMAIL MENU MODAL
	 */
		#page-modal-email-menu {
			width: 550px;
		}
		#page-modal-email-menu label {
			width: 205px;
		}
		#page-modal-email-menu .input-text {
			width: 325px;
		}
	
	
	/**
	 * SHARED SUCCESS MODAL
	 */
		#page-modal-success,
		#page-modal-message {
			width: 360px;
		}
		#page-modal-save-menu-confirm p.message-areyousure,
		#page-modal-success p.message-areyousure,
		#page-modal-menu-clear-confirm p.message-areyousure {
			padding-top: 70px;
			padding-bottom: 70px;
		}
		#page-modal-menu-restore-confirm p.message-areyousure {
			padding-top: 35px;
		}
		
		
    
    
    
/**
 * PAGE MODAL FORM
 */
    .page-modal-form div.modal-tooltip {
        margin-top: 7px;
    }
    .page-modal-form a.link-button-cancel {
		float: left;
	}
    .page-modal-form label {
		width: 140px;
		float: left;
		font-size: 16px;
		font-weight: bold;
		line-height: 28px;
	}
	.page-modal-form .input-text,
	.page-modal-form .static-input {
	    line-height: 16px;
	}
	.page-modal-form textarea,
	.page-modal-form .input-text,
	.page-modal-form select,
	.page-modal-form .static-input {
	    padding: 5px;
	    font-size: 1.1em;
	}
	.page-modal-form .form-row {
		min-height: 32px; /* @todo: min-height for IE */
	}
	
	
/**
 * C R E A T E  S H O P P I N G  L I S T
 */
 
    /*** C R E A T E  S H O P P I N G  L I S T  M O D A L***/
    #page-modal-create-shopping-list {
        width: 500px;
    }
    #page-modal-create-shopping-list .step1 {
        width: 150px;
        float: left;
        margin-right: 20px;
    }
    #page-modal-create-shopping-list .step2 {
        width: 100%;
    }
    #page-modal-create-shopping-list .step2 .shopping-options {
        height: 120px;
        overflow: auto;
        width: 100%;
        border: 1px solid #CCCCCC;
    }
    #page-modal-create-shopping-list .step2 ul {
        float: none;
    }
    #page-modal-create-shopping-list .step2 ul li {
        float: left;
        width: 45%;
        margin-right: 3%;
        padding-bottom: 1em;
    }
    #page-modal-create-shopping-list .step2 ul li.even {
        clear: left;
    }
    #page-modal-create-shopping-list .step2 ul li ul li {
        width: auto;
        clear: left;
        padding-bottom: 0;
    }
    #page-modal-create-shopping-list h2 {
        font-size: 14px;
    }
    #page-modal-create-shopping-list ul {
        padding-left: 1.5em;
    }
    #page-modal-create-shopping-list label {
        width: auto;
        font-size: 12px;
        clear: left;
        font-weight: normal;
        line-height: 1.4em;
    }
    #page-modal-create-shopping-list label input {
        vertical-align: text-bottom;
        margin-right: 8px;
    }
    
    /*** S H O P P I N G  L I S T  M O D A L***/
    #page-modal-shopping-list {
        width: 550px;
        padding-right: 15px;
    }
    #page-modal-shopping-list label {
        width: 100px;
        font-size: 14px;
        color: #ffaa2d;
    }
    #page-modal-shopping-list textarea {
        width: 340px;
        height: 55px;
    }
    #box-shopping-list {
        background: #d6f3fb none;
        margin-right: 1em;
    }
    #page-modal-shopping-list .box-inner {
        padding-bottom: 1.1em;
    }
    #page-modal-shopping-list .scrollable {
        height: 200px;
    }
    #page-modal-shopping-list .scrollable ul {
        border: 1px solid #d9d9d9;
        background: #fafafa;
        margin-bottom: 16px;
        margin-right: 6px;
    }
    #page-modal-shopping-list .scrollable ul li {
        border-bottom: 1px solid #f2f2f2;
        height: 24px;
        min-height: 24px;
        background: transparent url(../bkg_list_item_spotlight.gif) 8px 10px no-repeat;
        padding-left: 24px;
        line-height: 24px;
        overflow: hidden;
    }
    #page-modal-shopping-list .scrollable ul li.title {
        color: #28A0C3;
        font-size: 12px;
        font-weight: bold;
        padding-left: 6px;
        background: none;
    }
    #page-modal-shopping-list .modal-action-links {
        padding: 0;
        height: 30px;
    }
    
    /*** E M A I L  L I S T  M O D A L ***/
	#page-modal-email-list {
		width: 550px;
	}
	#page-modal-email-list label {
		width: 205px;
	}
	#page-modal-email-list .input-text {
		width: 325px;
	}
	
	
	
	/*** Error Close Button ***/
	div#nyroModalLoading.error a {
	    text-indent: 0;
	    width: auto;
	    height: auto;
	    text-align: center;
	    margin-top: 1em;
	}
	
	
	/**
	 * STAGE ERROR MODAL 
	 */
		#page-modal-stage-error .message-1 {
			padding-top: 50px;
		}
		#page-modal-stage-error .message-2 {
			padding-top: 30px;
		}
		#link-button-return-to-stage {
			left: -100px;
			position: relative;
		}