/*BACKED UP*/
 

html {
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}


body {
    color:#333333;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}

div.attention {
    font-weight:bold;
    
    background-color: yellow;
    
    /*margin: 5px;*/
    padding:5px;
    border-style: solid;
    width:700px;
    
}


div#tabs-4 li {
  margin-top: 8px;  
}


#container {
    margin:5px auto 0;
    /*position:relative;*/
    top:5px;
    width:950px;
}

#main {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#EFECD5 none repeat scroll 0 0;
    border-bottom:3px solid #CDCBB7;
    float:left;
    height:100%;
    padding:0 10px 10px;
    position:relative;
    width:930px;
    z-index:2;
}

#marginContainer {
    float:left;
    margin:0 0 10px;
    width:950px;
}

#infoHeader {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#EFECD5 none repeat scroll 0 0;
    overflow:hidden;
    /*position:relative;*/
    width:100%;
}

.brownC1 {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/corner1.gif) no-repeat scroll 0 0;
    height:5px;
    left:0;
    position:absolute;
    top:12;
    width:5px;
}

.brownC2 {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/corner2.gif) no-repeat scroll 0 0;
    height:5px;
    position:absolute;
    right:0;
    top:12;
    width:5px;
}

#infoHeader .leftUl {
    float:left;
   /* list-style-image:none;
    list-style-position:outside;
    list-style-type:none;*/
    margin:0;
    padding:10px 10px 10px 5px;
}

#infoHeader .rightUl {
    float:right;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:10px 10px 10px 5px;
}


#header {
    height:45px;
    position:relative;
}

#header .links {
    float:right;
}

#header .left {
    float:left;
    height:33px;
}

#header .right {
    height:33px;
}

#header img.logoimage {
    /*border:medium none;*/
    float:left;
    height:40px;
    padding-top: 0px;
    width:264px;
}

#header .text {
    border-left:2px solid #005DAA;
    color:#005DAA;
    float:left;
    font-size:18px;
    font-weight:bold;
    margin:4 0 0 10px;
    padding:10px 0 0 10px;
}

div#tabs {
   display: none;   
}

div#tabs-1 {
   height:700px;
   overflow:auto;   
   width:870px; 
   margin-bottom: 30px;
}

div#tabs-3,div#tabs-4 {
   height:700px;
   overflow:auto;   
   width:800px; 
   margin-bottom: 30px;
}

 div#tabs-2 {
    height:700px;
    width:800px; 
 }

/*  Add Feed -----------------------------------*/

div#feed_error span {
    display: block;
}


div#feed_form {
   border-style: none;
   background-color:#556B2F;
   margin: 5px;
   padding: 10px;
   color: white;
}

table#feed_table th#title_col {
    width:155px;
}
table#feed_table th#url_col {
    width:155px;
}
table#feed_table th#check_column {
    width:30px;
}



/*tr.inqueue {
    background-color: lightblue;
}*/

tr.inqueue td.title_col{
    color: blue;
    font-weight: bold;
}


/*  GLOBAL STYLES -----------------------------------*/

.emphasis_blue_span {
    color:blue;font-weight:bold;
}
       #displayAuthFailureMessage {
            background-color: white;
            border: 5px solid darkgray;
            font-size: 13pt;
            
            color:blue;
            text-align:center;
            font-family: verdana,arial,helvetica,sans-serif;
            
        }
        
       #displayAuthFailureMessage  #retry {
           margin-left: 8px;
           color: black;
       }
 
       #displayNewMessage {
            background-color: white;
            border: 2px solid darkgray;
        }
        
        #displayNewMessage #summary {
            background-color: #FFE4C4;
            font-family: arial;
            font-size: 13pt;
            font-weight: bold;
            color:black;
            text-align:center;
        }

        #displayNewMessage .status_bar {
            background-color: #E17009;
            color: white;
            font-family: tahoma,verdana,arial,helvetica,sans-serif;
            font-size: 13pt;
            font-weight: bold;
        }
        
        #displayNewMessage .status_text {
            font-size: 12pt;
            font-weight: bold;
            
        }

         /* ---- DB ERROR CLASS ----*/
          #feed_error,
          #charmap,
          #general_save_error,
          
          .errorDivEditMain,
          .errorDivEdit, 
          .errorDoesNotExist,
          .errorDivEditStatus {
              color: red;
              margin-top:8px;
              padding: 4px;
              text-align: center;
              margin-bottom:8px;
              display: none;
              
              background-color: yellow;
              border-color: green;
              border-style: solid;
          }
           
          .errorDoesNotExist {
              color: #556B2F;
          }
         
         #errorAtLeastOneStore {
            color: #483D8B;
          }
          #errorAtLeastOneStore a {
              text-decoration: none;
              font-weight: bold;
          }
         #errorAtLeastOneStore p {
              font-size: 11pt;
              margin: 1px;
          }
        
         /* ----                ----*/

div.clearboth
{
   clear: both;   
}
div.clearleft
{
   clear: left;   
}

div.hideDiv
{
    display:none;       
}
div.showDiv
{
    display:block;       
}

table.hide_table
{
    display:none;    
}

tr.hideTR
{
    display:none;    
}

/* GLOBAL TABLE CSS  --------------------------------------*/

                    /*  ---- HOVERING --- */
                    
tr.inactivepostrow
{

}
tr.activepostrow
{
  border-style: solid;
  background-color:#FFFF00;
  padding:0px;
}                    
                    


th
{
    text-align: left;
}

tr.selectMealPlan {
   background-color: #ffc;        
}

td.sel_td, th.sel_th
{
   width: 70px; 
}



input.radio
{
    border : 2px solid #000;
    padding: 1px;
    margin-right: 1px;
    margin-bottom: 4px;
    margin-top: 4px;
    margin-left: 1px;
}

/* How to use a.button:
      1. declare a.button#<id here>
      2. declare these properties:
          width:3em font-weight: normal; font-size:10pt; width:2.8em
  */
a.hideElem
{
    display:none;
}
a.button
{
    font-size: 12pt;
    display: block;
    width: 10em;
    padding: 0.01em;
    line-height: 1.4;
    background-color: #00BFFF;
    border: 1px solid black;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

a.inactive_mealplans {
    
    font-size: 8pt;
    display: block;
    
    padding: 0.09em;
    line-height: 1.4;
    background-color: #00BFFF;
    border: 1px solid gray;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
}
a.active_mealplans {
   font-size: 8pt;
   display: block;

   padding: 0.09em;
   line-height: 1.4;
   background-color: #00BFFF;
   border: 2px solid black;
   color: #000;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
}

a#normal_filtering {
    width: 20em;
    margin-right: 2px;
    float: left;
}

a#other_filtering {
    margin-right: 2px;
    float: left;
}



a.button#save_button {
    font-weight: normal; 
    font-size:10pt; 
    width:4em;
}

a.button#ok_atleast_button, a.button#ok_keepprimary_button {
    line-height: 1.0;
    font-size:11pt; 
    width:4em;
    padding: auto;
    margin: auto;
}

a.button#cancel_ingred_save {
    font-weight: normal; 
    font-size:10pt; 
    width:5em;
    background-color: #90EE90;
}


a.button#save_status {

    display:none;
    font-weight: normal; 
    font-size:10pt; 
    width:5em;
    float: left;
    margin-left: 10px;
    padding-top: 2px;
}

a.button#setall_button {
    font-weight: normal; 
    font-size:7pt; 
    width:2em;
}

a.button#saving {
    font-weight: normal; 
    font-size:10pt; 
    width:6em;
    background-color: #FFFF00;

}
a.button#saving:hover
{
 background-color: #FFFF00;
 color: #000
}


a.button:hover
{
 background-color: #369;
 color: #fff;
}

/*  INGREDIENTS PAGE ------------------- */

#new_ingred_header th#store_status {
    width: 60px;   
}


.emphasis_button {
     background-color: #0000FF;
     color: #FFF;
     font-weight: bold;
}


#quick_build_mps {
    display: none;
     
}


.secondary_highlight {
   background-color: #800080;
   
}
.secondary_highlight td span {
    color: white;      
}


img.actionImage:hover {
    cursor:pointer;
}


a#site_title  {
     font-family: verdana,arial,helvetica,sans-serif;
     font-size: 18pt; color: #565699; font-weight: bold;
}

.mp_button {
   margin: 0;
   width: 14em;
   font-size: .6.5m;
   display: block;  
}


.ingred_filter_separator
{
    margin-top: 10px;
    margin-bottom: 10px;
}

h1#printable_item a
{
    color:#AA2808;
    margin-left: 50px;
    float: left;
    text-decoration: none;
}

h1#printable_item a:hover
{
    color:#E9967A;
}



tr.selectIngred {
   /*background-color: #E9967A;*/
   background-color: #B0C4DE;
}

.hideIngred
{
    
}


.status_column
{
    text-align:center;   
}

.filter_select
{
   clear: left;
   margin: 2px;
}



fieldset.subset_ingred
{
    
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0.35em 0.625em 0.75em;
    /*border: 2px groove ThreeDFace;*/

}

fieldset.subset_ingred1111
{
    padding: 20px;
    color: #FFF;  
    width: 180px;
 }

fieldset#subset_ingred select
{
    margin-bottom: 5px;
}



div#delete_button
{
   margin-left: 5px;   
   margin-top: 1px;
}

div#main_ingred
{
     overflow:auto;   
     height:500px;
     width:400px; 
     margin-bottom: 30px;
}


.new_ingred_box 
{
   width:400px;
   text-align:left;
   float:left;
   border-style: solid;
   border-width: 2px;
   border-color: #008000;
   margin-bottom: 20px;
   margin-top: 20px;
   /*----------*/
  /* background:#75BE3D none repeat scroll 0 0;*/
}

#new_ingred_form_single #c {
/*  clear_oe.css (line 141)*/
    line-height:20px;
}


.buttonrow
{
   text-align:center;    
}


#add_ingred_controls
{
    float: left;
    width: 300px;
    margin: 10 0 0 0;
    padding: 2px 0 0px 0;
}



#rss_header thead tr
{   
    border-style:solid;
    border-color:#FFF;
    border-width: 2px;
}


.rss_table_type thead tr th#check_column  {
    width:60px;
}

.rss_table_type thead tr th#title_column {
    width:450px;
}

.rss_table_type thead tr th#date_column {
    width:240px;
}

div.bwhite {
    background-color:white;
}
div.bback {
    background-color:lightblue;
}


/*div.item_div .rss_table_type {
    
}*/


#add_new_ingred {
    float:left;    
}


.categorybox.active 
{ 
    background: blue; 
}

.categorybox
{
    width: 175px;
    height: 75px;
}


/*  MEALPLANS TABLE ON MEALPLANS PAGE ------------------- */

input.disabled_checkbox
{
   /* was going to make this a general
   purpose call to disable a checkbox 
   and make it looked disabled via color */
}

#filter_ingred_mp
{
   display: none;   
}

#new_mealplan
{
   
   padding: 15px;
   text-align:center;
   border-style: solid;
   border-width: 2px;
   border-color: #008000;
   margin-bottom: 20px;
   margin-top: 20px;    
}

.flagClass
{
    
}
span#showonly
{
   color: #ADFF2F;
   font-weight: bold;
}

input#showOnlyCurrentMP
{
   margin-bottom: 10px;
   margin-left: 0;
   float:left;
   
}


div.mealplan_sidebar_controls
{
   color: white;
   margin-bottom:5px;
   margin-right: 1px;
   margin-bottom: 4px;
   margin-top: 4px;
   margin-left: 1px;
   float:left;
}





table#meal_plan_table
{
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.85em;
    
}

table#meal_plan_table tbody tr
{
    cursor: pointer;   
}

table#meal_plan_table td.sel_chck
{
   width: 30px;   
}


/*  ---------------------------------------------------------- */


/*  INGREDIENTS TABLE ON MEALPLANS PAGE ------------------- */

table#ingred_table.selected
{
   background-color: white;
}

table#ingred_table
{
   background-color: white;
   color: #000;
   border-style: solid;
   border-width: 4px;
   
   font-size: 0.90em;
}


table#ingred_table td.chck
{
   width: 10px; 
}



table#ingred_table td {
    /*width: 50px;*/
    border: 1px solid #ddd;
    
}
table#ingred_table td.data {width: auto;}

/*  ---------------------------------------------------------- */


#main_div
{
    float:left;
    border-style: solid;
    border-color: blue;
    border-width: 1px;
   /* width: 400px;*/

}

#right_panel
{
    float:left;
}



/* === CATEGORY PAGE ============== */



.config_form
{
    padding-width: 2px 2px 2px 10px;   
}

.config_page_div
{
   
   padding: 15px;
   text-align:center;
   border-style: solid;
   border-width: 2px;
   border-color: #008000;
   margin-bottom: 20px;
   margin-top: 20px;    
}


/* === CATEGORY PAGE ============== */

.store_label
{
    margin-bottom: 30px;
    width: 500px;
    background-color: blue;
    color: white;
    font-weight: bold;
    font-size: 12px;
       
}

.print_table
{
   margin-bottom: 30px;
   width: 500px;
}



table.print_table td
{
    width: 70px;
    
    /*border: 1px solid red*/;  
}

.print_table td input
{
    margin-right: 1px;
    margin-left: 1px;
}


.print_table tr
{ 
   border-bottom: 1px solid black;
}

div.page1
{
   width: 710px;
    margin: 0 auto;
	background: #D4C792 url(../images/notepad.jpg)
}

#page1 {
	width: 650px;
	height: 800px;
	/*padding-top: 150px;*/
	margin: 0 auto;
	background: #D4C792 url(../images/notepad.jpg);
}

#store_title
{
    margin-top: 20px;   
}

.config_subsection
{
    margin-bottom: 20px;   
}

/* === REGISTRATION PAGE ============== */

.register_feedback
{
    font-weight: bold;
    margin: 5px;   
    color: blue;
}


div.thanks {
    font-weight:bold;
    
    background-color: yellow;
    
    margin: 10px;
    padding:5px;
    border: solid 2px blue;
    width:700px;
    
}



div.attention {
    font-weight:bold;
    
    background-color: yellow;
    
    margin: 10px;
    padding:5px;
    border-style: solid;
    width:700px;
    
}