/*
CSS Pretty Printer
http://www.prettyprinter.de/module.php?name=PrettyPrinter

CSS Font-resizing link
http://www.w3schools.com/css/css_font.asp
*/

body
{
    font-family: tahoma,arial,helvetica,sans-serif;
    /*font-family: georgia;*/
    font-size: 80%;
}
button
{
    font-family: inherit;
    font-size: 1em;
}

h1
{
    font-size:3em;
    font-weight:normal;
}

h2
{
    font-size:2em;
    font-weight:normal;
}

a
{
    color: #007700;
}
/** * Message panel div */

.transparent_50_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#message_panel
{
    /* font-family: georgia; */
    font-size: 1em;
    border: solid 2px #007700;
    background: #eeeeee;
    
    
    padding: 5px;    
    height: 4.8em;
    overflow: auto;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 8px;
}

/** * Messages in the message panel. */

.search_result_matching {
	/*color: #dd6600;	*/
}

.search_result_match_part {
	font-weight: bold;
}

li.message_information
{
    list-style:none;
    color: #007700;
}

li.message_caution
{
    list-style:none;
    color: #DD6600;
}

li.message_program_error, li.message_error
{
    list-style:none;
    color: #DD0000;
}

li.old_message
{
    list-style:none;
    color: #777777;
}

.light_hr {
    border-bottom:1px solid rgb(80%, 80%, 80%);
}

/* From http://bradchoate.com/weblog/2003/01/29/styling-the-hr-tag */
hr {
	margin:0px;
	padding:0px;
	border-bottom:1px solid rgb(50%, 50%, 50%);
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
}

.selected_tab {
    font-weight:bold;
}

/** * Links show in header area */
#header_links
{
    width: 800px;
    text-align: right;
    margin-top: 5px;
}

#food_diary_grid
{
    /*float: left;
    clear: right;*/
}
#comments_grid
{
    float: left;    
    margin-top: 1em;
}
.comment_title
{
color: #007700
}

#exercise_diary_tab
{
    height: 100%;
}
#groceries_tab
{
    height: 100%;
}
#recipes_tab
{
    height: 100%;
}
#help_tab
{
    height: 100%;
}


.left-align
{
    text-align: left;
}

.delete_commment_link {
    color: #dd6600;
}

/* This is for the little pumpkin that appears next to the food dropdown for suggested foods. */
.suggested_foods_indicator
{
	/*display: none;*/
}

/* * Overriding extjs css class for grid column header. This is done to fix a issue as mentioned on http://extjs.com/forum/showthread.php?t=19113 */
.x-grid3-header-offset
{
    text-align: left;
}
/* * Overriding extjs css class for grid scroller (i.e. main grid div) */
.x-grid3-scroller
{
    text-align: left;
}
/** * The add button which is shown in grid toolbar. */
.add
{
    background-image: url(../img/icons/add.gif) !important;
}
/** * The grid row for default nutrient on settings tab. */
.default_nutrient
{
    /*background-color: #fff;
*/}
/** * The grid row for edited nutrient on settings tab  */
.edited_nutrient
{
    color: #dd6600;
    /*background-color: #FFD6A3;
*/}
/** * The grid row for other nutrient on settings tab */
.other_nutrient
{
    background-color: #BCD9A0;
}


/** * The datepicker for choosing current food plan date */
#choose_date
{
    z-index: 10000;
    position: absolute;
    top: 30px;
    left: 125px;
}
/** * The datepicker for choosing date to which current food plan should be copied */
#choose_copy_date
{
    z-index: 10000;
    position: absolute;
    top: 30px;
    left: 50px;
}
/** * The grid row for today's food diary */
.food_diary_today
{
    /*background-color: #fff;
*/}
/** * The grid row for past date's food diary */
.food_diary_past
{
    background-color: #EEEEEE;
}
/** * The grid row for future date's food diary */
.food_diary_future
{
    background-color: #FFFFDD;
}

.food_diary_read_only {
	background-color: #EEEEEE;	
}


/** * Nutrients panel */
#nutrients_panel_table
{
    border-top: 1px solid;
    margin-top: 5px;
    font-size: 1em;
}
#diary_nutrients_panel div.x-panel, #nutrients_panel div.x-panel
{
    /*background-color: #DFE8F6;
*/}
#nutrients_panel_table tr th
{
    padding: 2px;
    font-weight: bold;
}
#nutrients_panel_table tr td
{
    padding: 2px;
}
.nutrient_panel_cell
{
    border-bottom: 1px solid;
    border-right: 1px solid;
}
.nutrient_panel_cell_last
{
    border-bottom: 1px solid;
}

/** * The nutrient panel rda bar. */
.rda_bar
{
    background-color: #007700;
    /* #e1e1e0;
    margin-bottom: 2px;
*/}
.rda_bar_100_marker
{
    background-color: #DDDDDD;
}
.rda_bar.nutrient_ok
{
    background-color: #007700;
}
.rda_bar.nutrient_too_little
{
    background-color: #dd6600;
}
.rda_bar.nutrient_too_much
{
    background-color: #dd6600;
}
.bar_text_nutrient_ok
{
    color: #dd6600;
}
.bar_text_nutrient_too_much
{
    color: #007700;
}
.bar_text_nutrient_too_little
{
    color: #007700;
}
.rda_bar_holder
{
    background: url(../img/rda_background.png) repeat-y;
}
.indicator {
    text-decoration:blink;
}
div.energy
{
    background-color: #dd6600;
}
div.nutrients_sort
{
    font-size: 1em;
    text-align: right;
}
div.nutrients_period
{
    font-size: 1em;
    text-align: left;
}

.error, .notice, .success
{
    border:2px solid #777777;
    margin-bottom:1em;
    padding:1em;
    width: 795px;
    text-align: left;
}
.error
{
    background:#777777 none repeat scroll 0%;
    border-color:#FBC2C4;
    color:#FF0000;
}
.notice
{
    background:#FFF6BF none repeat scroll 0%;
    border-color:#FFD324;
    color:#514721;
}
.success
{
    background:#E6EFC2 none repeat scroll 0%;
    border-color:#C6D880;
    color:#264409;
}
.error a
{
    color:#8A1F11;
}
.notice a
{
    color:#514721;
}
.success a
{
    color:#264409;
}

.right-aligned-tab {
    position: absolute;
    right: 0px;
}

/* ExtJS Customizations*/

.x-tab-strip span.x-tab-strip-text {
	color: inherit;    
}
.x-tab-strip-over span.x-tab-strip-text {
	color: inherit;    
}
.x-tab-strip-active span.x-tab-strip-text {	
}

/* resource://gre/res/forms.css */
/* Found using  http://www.pagetutor.com/button_designer/index.html */
/*.x-btn button  */
.x-btn button {
   border: 2px outset gray;       
   background: #ddd none repeat scroll 0 0;    
}

.x-toolbar button {
    border:0 none;
    background:transparent;
}

.x-grid3-cell-selected {
background-color:#9EEB9E!important;
color:black;
}

.x-fieldset-header-text {
    color: black;
}

.x-date-emphasize span {
	font-weight:bold;	
}

.x-date-today a {
	border: 1px solid #007700;
}