/* Reset browser default tag attributes */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0;}table{border-collapse: collapse;border-spacing: 0;}fieldset, img{border: 0;}address, caption, cite, code, dfn, em, strong, th, var{font-style: normal;font-weight: normal;}ol, ul{list-style: none;}caption, th{text-align: left;}h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}q:before, q:after{content: '';}abbr, acronym{border: 0;}

/*******************************************************************************
* Standard Template
*******************************************************************************/
html
{
    height: 100%;
    width: 100%;
}

body
{
    position:relative;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    background-color: #ecf2e4;
    font-size: 11px;
    width: 100%;
    height: 100%;
}

#wrapper
{
    height: 100%;
    width: 998px;
    margin: 0 auto;
    text-align: left;
    z-index:1;
}

.inner_content_border
{
    width:9px;
    background-color:#FFF2A6;
}

.main_container
{
    width:998px;
    border-left:solid 1px #EECD95;
    border-right:solid 1px #EECD95;
    /* Fix a bug with FF and border-collapse/spacing see : http://www.charlesgarwood.com/blog/?p=13 */ 
    border-spacing: 0px;
    border-collapse: separate;
    /* end fix */
}

.inner_content
{
    width:648px;
    padding-bottom:8px;
    padding-left:9px;
    padding-top:10px;
    font-size:12px;
    background-color:white;
    border-bottom:solid 14px #fff2a6;
    vertical-align:top;
    padding-right:10px;
}

.right_column
{
    width:320px;
    padding-top:1px;
    background-color:#FFF2A6;
    text-align:center;
    font-size:11px;
    vertical-align:top;
}

/* Fix IE6: parent font-size seem to not be inherited from the table*/
.inner_content table
{
    font-size:12px;
}


/* Fix IE6: parent font-size seem to not be inherited from the table*/
.right_column table
{
   font-size:11px;
}

.right_column_inner
{
    width:300px;
    text-align:center;
    margin:0 auto;
    padding-left:1px;
}

#diabeticSuperbanner,
#superbannerAds
{
    background-color: #FFF;
    text-align: center;
    width: 728px;
    height: 90px;
    position: absolute;
    top: 21px;
    left: 255px;
    padding: 1px;
    border: solid 1px #000;
    z-index: 15;
    white-space: nowrap; /* 2009-10-08 temporary fix so Olive ads bug doesn't look ugly in IE, they should fix, remove after that */
}

.layout_two_columns_column_1
{
    float:left;
    width:160px;
    margin-right:8px;
}

.layout_two_columns_column_2
{
    float:left;
    width:480px;
}

.copyright
{
    margin-top:4px;
}

.layout_two_columns_column_2 .temporary_menu
{
    background-image:url(./media/images/home_menu.gif);
    height:459px;
    margin-bottom:8px;
}

/*******************************************************************************
* Site Menu
*******************************************************************************/

#siteMenu
{
    text-align: right;
    white-space: nowrap;
    height: 40px;
    line-height:20px;
    max-height: 35px; /* (IE version < 6) hack, force 35px on standard compliant browser, otherwise 40px for old box models (height = height + border)   */
    color: #FFF;
    font-size:10px;
    background-color: #a0c963;
    border-bottom: solid 5px #658a2f;
    letter-spacing:1px;
    padding-right:10px;
    font-weight:bold;
}

#siteMenu ul
{
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#siteMenu li
{
    display: inline;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-left: 1px solid #FFF;
}

#siteMenu ul li:first-child, #siteMenu ul li.first
{
    /* hide the first pipe in standard compliant browser with first-child */ /* I added a class for the first child named first for it to work in browser like IE */
    border-left-style: none;
}

#siteMenu a, #siteMenu a:visited
{
    text-decoration: none;
    color: #FFF;
}

#siteMenu a:hover
{
    color: #C63128;
    text-decoration: underline;
}

#siteMenu ul li.highlight a
{
    color: #C63128;
}

/* this is not used as there is no "active" menu item */
#siteMenu ul li.active a
{
    color: #C63128;
}

/*******************************************************************************
* Main Menu
*******************************************************************************/

#mainMenu
{
    white-space: nowrap;
    z-index:10;
    position:absolute;
    top:120px;
}

#mainMenu ul
{
    list-style-type: none;
    position:relative;
    margin-left:0px;
}

#mainMenu li
{
    display: inline;
    margin-left: 8px;
    border-bottom-width:0px;
}

#mainMenu li.active.first
{
    margin-left: 0px;
}

#mainMenu li a
{
    color:#666;
    text-transform:uppercase;
    letter-spacing:1px;
}

#mainMenu li.active
{
    border-color:#EECD95;
    border-top-width:0px;
}

#mainMenu li.active a
{
    font-weight:bold;
}

#mainMenu ul li:first-child, #mainMenu ul li.first
{
    /*margin-left: 0px;*/
}

/*******************************************************************************
* Sub Menu
*******************************************************************************/

#subMenu
{
    height: 32px;
    white-space: nowrap;
    background-color: #fff2a6;
    line-height:32px;
    border:solid 1px #EECD95;
    border-bottom:none;
    font-size:11px;
}

#subMenu ul
{
    margin:0px;
}


#subMenu li
{
    display: inline;
    padding: 0 1em 0 1em;
    border-left:1px solid #D4BC86;
}

#subMenu ul li:first-child, #subMenu ul li.first
{
    /* hide the first separator in standard compliant browser with first-child */ /* I added a class for the first child named first for it to work in browser like IE */
    border:none;

}

#subMenu a, #subMenu a:visited
{
    color: #333;
    text-decoration: none;
}

#subMenu a:hover
{
    color: #000;
    text-decoration: underline;
}

/* .active: this is not used as there is no "active" menu item */
#subMenu ul li.active a, #subMenu ul li.active a:visited
{
    color: #cf0505;
}

#subMenu ul li.active a:hover
{
    text-decoration: none;
}

/*******************************************************************************
* Logos
*******************************************************************************/

#logo
{
    height:138px;
    width:181px;
    position:absolute;
    top:12px;
    left:11px;
    z-index:0;
    display:block;
}

.logo_fr
{
    background-image: url(./media/images/soscuisine_logo_fr.png)     
}

.logo_en
{
    background-image: url(./media/images/soscuisine_logo_en.png)     
}

#logo img
{
    border-style: none;
}

#printable_logo
{
    display:none;
}

#third_party_logo
{
}

#third_party_logo img
{
    border-style: none;
}

#printable_third_party_logo
{
    display:none;
}

/*******************************************************************************
* HTML Common Tag
*******************************************************************************/

img
{
    border: none;
    vertical-align: top;
}

a, a:visited
{
    color: #cc0000;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/* remove the links outlining on standard compliant browser */
a:active
{
    outline: none;
}

p
{
    margin-bottom: 8px;
}

hr
{
    margin-bottom: 1.2em;
    height: 1px;
}

.inner_content h1
{
    font-size: 20px;
    position:relative;
    line-height: 1.2em;
    margin-bottom: 8px;
    font-weight: bold;
    color: #666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

.inner_content h1 select
{
    font-size: 20px;
    font-weight: bold;
    color: #666;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

h2, .titreSousSection
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #666;
    border-bottom: solid 2px #DBDBDB;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 4px;
    margin-bottom: 8px;
    font-weight: bold;
}

.recipeNutrition h2
{
    letter-spacing: 0;
    text-align: center;
    border: none;
}

em
{
    font-style: italic;
}

strong
{
    font-weight: bold;
}

/*******************************************************************************
* Text and generic Style
********************************************************************************/

.textGrasImportant
{
    font-weight: bold;
}

.textGrasSpecial
{
    font-weight: bold;
}

.right_align_container
{
    text-align:right;
    margin-top:4px;
}

.relative
{
    position:relative;
}

.clear
{
    clear:both;
}

a.small
{
    font-size:0.9em;
}

.strong
{
    font-weight:bold;
}

.printable
{
    display:none;
}

/*******************************************************************************
* Inner Content
********************************************************************************/

ul, ol
{
    list-style: disc inside;
    margin-left:20px;
}

ul li, ol li
{
    margin-bottom:8px;
}

ul li ul, ol li ol
{
    margin-top:8px;
}

li p
{
    display:inline;
}

/*******************************************************************************
* Header / Footer
********************************************************************************/

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

.printable #header
{
    height: auto;
}

#header_background
{
    width:998px;
    height:110px;
    background-image:url(./media/images/header_background.jpg) ;
}

#footer
{
    text-align: center;
    background-color: #FDEEBA;
    padding-top:0.5em;
    padding-bottom:0.5em;
    color:#333;
    font-size:10px;
    clear:both;
    border:solid 1px #EECD95;
}

#footer li
{
    display: inline;
    padding: 0 1em 0 1em;
    border-left: 1px solid #333;
}

#footer ul li:first-child, #footer ul li.first
{
    /* hide the first separator in standard compliant browser with first-child */ /* I added a class for the first child named first for it to work in browser like IE */
    border:0;
}

#footer a
{
    text-decoration: none;
    color: #333;
}

#footer a:hover
{
    color: #C63128;
    text-decoration: underline;
}

/*******************************************************************************
* Tabs
*******************************************************************************/

ul.tabSet
{
    list-style-type: none;
    margin-left: 0;
    margin-top: 1em;
    padding: 3px 0;
}

ul.tabSet li
{
    display: inline;
}

ul.tabSet li a,
ul.tabSet li a:visited
{
    border: solid 1px #999999;
    margin-left: 5px;
    padding: 3px 8px 3px 8px;
    background: #FFFFFF;
    color: black;
    font-size: 11px;
    letter-spacing: 1px;
}

/* Remove tab link outlining (might not work in all browsers) */
ul.tabSet li a,
ul.tabSet li a:visited,
ul.tabSet li a:active
{
    outline: none;
}

ul.tabSet li a.active,
ul.tabSet li a.active:visited
{
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
    background-color: #DBE7FB;
}

.tabContent
{
    border: 1px solid #999999;
    margin-top: 0;
    padding: 0.5em;
}

/*******************************************************************************
* Member signup / profile
*******************************************************************************/

#categoriesMessage
{
    background: #fff6bf;
    text-align: left;
    padding: 5px;
    border-top: 1px solid #ffd324;
    border-bottom: 1px solid #ffd324;
    color: black;
    font-size: 0.9em;
    font-style: normal;
    font-weight: bold;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#mealPlanIsModifiedWarning
{
    background: #fff6bf;
    text-align: left;
    padding: 5px;
    border-top: 1px solid #ffd324;
    border-bottom: 1px solid #ffd324;
    color: black;
    font-size: 0.9em;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.memberSignup .diabeticIntro
{
    border: 1px dashed black;
    margin-bottom: 1em;
    padding: 0.5em;
    background-color: #E8E8E8;
}

.memberSignup .question,
.memberProfile .question
{
    margin-bottom: 1em;
}
.memberSignup .question .questionDescription,
.memberProfile .question .questionDescription
{
    font-weight: bold;
    text-align: justify;
}
.memberSignup .question .answer,
.memberProfile .question .answer
{
    margin-left: 2em;
    margin-right: 2em;
    awidth: 80%;
}
.memberSignup .question .answer table.choice,
.memberProfile .question .answer table.choice
{
}
.memberSignup .question .answer textarea,
.memberProfile .question .answer textarea
{
    width: 40em;
    width: 100%;
}

/*******************************************************************************
* Menu of the day
*******************************************************************************/

#menu_of_the_day
{
    border:solid 3px #EECD95;
    background-color:#FDEEBA;
    margin-bottom:8px;
    text-align:center;
    padding:4px;
}

.menu_of_the_day_title
{
    font-size:18px;
    font-weight:bold;
    text-align:center;
    color:#AD8155;
    padding: 6px 0px 10px 0px;
}

.menu_of_the_day_flash
{
    margin-bottom:8px;
}

/*******************************************************************************
* Forms
*******************************************************************************/

.form
{
    margin-bottom:4px;
}

.form, span.mandatory_field
{
    vertical-align:top;
}

.form span.mandatory_field
{
    color:Red;
    font-weight:bold;
}
 
.form input, .form select, .form textarea
{
    color:#333;
    border:solid 1px #969696;
    padding:2px 2px 2px 4px;
    font-size:11px;
    letter-spacing:1px;
    margin-bottom:0.25em;
}

.form textarea
{
    height:auto;
}

.form select 
{
    height:18px;
    padding:0px;
}
 
.form input.checkbox, .form .button, .form input.radio
{
    border:none;
    width:auto;
    margin-right:0px;
    padding:0px;
}

.form select
{
    height:auto;
}

.form label
{
    padding-top:3px;
    display:block;
    width:140px;
    float:left;
}

.form label.no_float
{
    display:inline;
    float:none;
    width:auto;
}

.form .wide
{
    width:auto;
}

.form br
{
    vertical-align:top;
    clear:both;
}

.form table tr td
{
    padding:2px;
}

.form table tr th
{
    padding:6px 6px 0px 6px;
}

/*******************************************************************************
* Generic Box
*******************************************************************************/

.inner_content .box
{
    border-style:solid;
    border-width:1px;
    padding:1px;
    margin-bottom:8px;
    font-size:11px;
}

.inner_content .box_header
{
    text-transform:uppercase;
    color:White;
    letter-spacing:1px;
    font-weight:bold;
    padding:4px 4px 5px 5px;
    font-size:12px;
}

.inner_content .box_content
{
    padding:4px 4px 4px 7px;
}

.inner_content .box_content a, .box_content a:visited
{
    color:#cc0000;
    text-decoration:none;
}

.inner_content .box_content a:hover
{
    text-decoration:underline;
}

.inner_content .box_blue 
{
    border-color:#A5CCD9;
}

.inner_content .box_no_color
{
    border-width:0px;
}

.inner_content .box_green
{
    border-color:#a0c963;
}

.inner_content .box_green .box_header
{
    background-color:#a0c963;
}

.inner_content .box_blue .box_header
{
    background-color:#a5ccd9;
}

.inner_content .box ul.links, ul.links
{
    list-style: none;
    margin: 0px;
    list-style-position:outside;
}

.inner_content .box ul.links li, ul.links li
{
    padding:0px;
    padding-left:0px;
    margin-bottom:4px;
}

.inner_content table tr td
{
    vertical-align:top;
}

.inner_content ul, .inner_content ol
{
    list-style-position:outside;
}

/*******************************************************************************
* Right Column Box
*******************************************************************************/

.right_column .box
{
    margin:0px 0px 12px 0px;
    color:White;
    padding:0px;
    text-align:left;
}

.right_column .box_content
{
    padding:4px;
}

.right_column input.button_submit_arrow_green, .right_column input.button_submit_arrow_red
{
    width:23px;
    height:22px;
    border:none;
    background-color:Transparent;
}

.right_column input.button_submit_arrow_green
{
    background-image:url(./media/images/submit_green.gif);
}


.right_column input.button_submit_arrow_red
{
    background-image:url(./media/images/submit_rouge.gif);
}

.right_column input, .right_column label
{
    width:auto;
}

.right_column table
{

}

.right_column .box_header
{
    text-align:left;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:5px 4px 6px 4px;
    position:relative;
}
 
.right_column .box_content a, .right_column .box_content a:visited
{
    color: #FFF;
}

.member_auth_box a:hover
{
    color: #FFF;
    text-decoration:underline;
}

/*******************************************************************************
* Member Testimonial Box
*******************************************************************************/

.member_testimonial_message
{
    font-family: "Times New Roman", Serif;
    font-style:italic;
    font-size:18px;
    color:#666;
    text-align:center;
    margin-bottom:8px;
    line-height:1.1em;
}

.member_testimonial_signature
{
    text-align:right;
    color:#666;
    font-size:11px;
    margin-bottom:0px;
    font-style:italic;
}

/*******************************************************************************
* Top Recipe Box
*******************************************************************************/
#top_recipe 
{
    border:solid 2px #CD5E3D;
    color:White;
}

#top_recipe .box_header
{
    background-color:#F07A56;
    color:White;
}

#top_recipe .box_content
{
    background-color:#FFF;
    color:#333;
}

#top_recipe table
{
    margin-left:4px;
}

#top_recipe a, #top_recipe a:visited
{
    color:#CC0000;
}

#top_recipe a:visited:hover
{
    text-decoration:underline;
}

.top_recipe_index
{
    width:24px;
    padding:2px;
}

/*******************************************************************************
* Google Search
*******************************************************************************/

#googleSiteSearch
{
    border:solid 2px #CD5E3D;
    background-color:#F07A56;
    text-align:left;
    position:relative;
    vertical-align:middle;
    font-size:1em;
    line-height:1em;
    padding-top:6px;
}

#googleSiteSearch input.searchInput
{
    color:#333;
    border:solid 1px #969696;
    font-size:11px;
    padding:2px 2px 2px 4px;
    letter-spacing:1px;
    width:244px;
}

#googleSiteSearch input.button_submit_arrow_red
{
    width:23px;
}

#googleSiteSearch .container_additional_info
{
    vertical-align:text-top;
    padding:8px 0px 4px 0px 
}

#googleSiteSearch .container_additional_info a, #googleSiteSearch .container_additional_info input, #googleSiteSearch .container_additional_info label
{
    vertical-align:text-top;
}

#googleSiteSearch input.radio
{
    width:auto;
    height:14px;
    margin-right:2px;
}

#googleSiteSearch .container_additional_info label
{
    margin-right:4px;
    color:#FFF;
}

#googleSiteSearch .googleSiteSearchControls
{
    position:relative;
    margin-top:6px;
}

#googleSiteSearch .googleSiteSearchControls a
{
    color:White;
    vertical-align:middle;
}


#googleSiteSearch .googleSiteSearchControls label
{
    margin-right:6px;
    vertical-align:middle;
}

/*******************************************************************************
* Fridge Search
*******************************************************************************/

#fridgeRecipeSearch
{
    border:solid 2px #CD5E3D;
    background-color:#F07A56;
    text-align:left;
    position:relative;
    vertical-align:middle;
    /*padding:2px; */
}

#fridgeRecipeSearch .button_submit_arrow_red
{
    width:23px;
    min-width:23px;
    max-width:23px;
}

#fridgeRecipeSearch input
{
    width:76px;
    max-width:80px;
    color:#333;
    font-size:11px;
    padding:2px 2px 3px 4px;
    letter-spacing:1px;
    border-width:1px;
    border:solid 1px #969696;
    line-height:1em;
/*    margin-right:4px;
    margin-bottom:4px;*/
}
#fridgeRecipeSearch td.button input
{
    border:none;
}



#fridgeRecipeSearch a
{
    color:White;
}

#fridgeRecipeSearch .advanced_search
{
    padding:8px 0px 4px 0px;
}



/*******************************************************************************
* Member Auth Box
*******************************************************************************/

.right_column .member_auth_box
{
    border:solid 2px #78A139;
    background-color:#A0C963;
    color:White;
    padding-bottom:1px;
}

table tr td.button
{
    width:32px;
    text-align:center;
}

.member_auth_box input.login
{
    color:#333;
    border:solid 1px #969696;
    font-size:11px;
    padding:2px 2px 3px 4px;
    letter-spacing:1px;
    width:116px;
}

.member_auth_box_msg
{
    color: #bd1b20;
    margin-top: 4px;
    text-align:center;
    font-weight: bold;
}

.member_auth_box_error_msg
{
    color: #bd1b20;
    margin-top: 4px;
    text-align:center;
    font-weight: bold;
}

.member_auth_box input, .member_auth_box label, .member_auth_box a
{
    font-size:11px;
    line-height:12px;
    vertical-align:text-top;
    text-decoration:none;
}

.member_auth_box a
{
    vertical-align:text-top;
}

.member_auth_box a, .member_auth_box label
{
    padding:0px;
    color:White;
}

.member_auth_box #container_membre_additional_info td
{
    padding:4px 0px 4px 0px;
    vertical-align:top;
}

.member_auth_box #container_membre_additional_info input
{
    height:16px;
}

.member_auth_box .member_auth_button_signout
{
    width:auto;
    height:auto;
    border:none;
    margin-left:16px;
}


.member_auth_box .buttons_container
{
    position:relative;
    text-align:left;
    text-align:center;
    margin-left:1px;
    width:294px;
    margin-bottom:1px;
}

.member_auth_box .buttons_container a
{
    background-color:#78A139;
    margin:0px 1px 0px 1px;
    padding:6px 1px 6px 1px;
    display:block;
}

.member_auth_box .buttons_container a:visited
{
    color:#FFF;
}

.member_auth_box .member_auth_box_welcome
{
    width:288px;
    margin-top:4px;
    vertical-align:middle;
    margin-bottom:4px;
    color:#FFF;
}

/*******************************************************************************
*Additionnal Tools Box
*******************************************************************************/

#additionnalTools
{
    border:solid 2px #7E7D7D;
    background-color:#999999;
    text-align:left;
    padding:0px;
}

#additionnalTools #additionnalToolsTop
{
    padding:8px 0px 8px 8px;
}

#additionnalTools .icon
{
    margin-right:0px;
}

#additionnalTools td
{
    vertical-align:middle;
}

#additionnalTools #content_menu
{
    padding:8px 8px 1px 8px;
    background-color:White;
}

#additionnalTools #content_menu a
{
    color:#CC0000;
    vertical-align:top;
    cursor:pointer;
}

#additionnalTools #content_menu a:hover
{
    text-decoration:underline;
}

#additionnalTools #content_menu ul
{
    margin:0px 0px 0px 0px;
    list-style-position:inside;
}

#additionnalTools #content_menu li
{
    margin:0px 0px 8px 0px;
    display:block;
    float:left;
    position:relative;
    width:140px;
    height:28px;
}

#additionnalTools #content_menu img
{
    margin-right:4px;
    float:left;
}


#additionnalTools #content_menu .control_panel_link
{
    width:110px;
    padding-top:2px;
    float:left;
}

#additionnalTools a
{
    color:White;
    vertical-align:middle;

}

#additionnalTools img
{
    vertical-align:middle;
}

#additionnalTools .icon
{
    height:19px;
    width:19px;
}

/*******************************************************************************
*Ads Box
*******************************************************************************/

div.ads_warning
{
    font-size:0.7em;
    letter-spacing:2px;
    text-transform:uppercase;
}

.ads_container
{
    margin:0px 0px 12px 0px;
}

.footer_banner_ads
{
    background-color:#FFF2A6;
    padding:0px 8px 8px 8px;
    border-left:1px solid #EECD95;
    border-right:1px solid #EECD95;
}

.footer_ads
{
    float:left;
}

.small_footer_ads
{
    width:236px;
    height:90px;
    margin-right:10px;
}



/*******************************************************************************
* Local product Box
*******************************************************************************/

.local_products li
{
    margin-left:10px;
}

.local_products div
{
    margin:2px 0px 2px 0px;
}

.local_products .right_align_container
{
    margin:8px 0px 2px 0px;
}


/*******************************************************************************
* Page News
*******************************************************************************/

.news 
{
    margin-bottom: 15px;
    clear: left;
}

.news .newsHeader 
{
    font-weight: bold;
    color: #666666;
    font-size:12px;
}



/*******************************************************************************
* Page Glosaiire
*******************************************************************************/

.dictionnary_navigation
{
}

.dictionnary_navigation a
{
    margin-left:5px;
    margin-right:5px;
}

/*******************************************************************************
* Recipes
*******************************************************************************/

.recipeView
.mdmView
{
    color:#666;
    padding-bottom:10px;
}

.recipeView .recetteDesc
{
    font-weight: normal;
}

.recipeView .recetteAnecdote
{
    font-style: italic;
}

.recipeView .recipePicture
{
    text-align: center;
}

.recipeView .recipePicture .recipe_picture_enlarge
{
    font-size:11px;
}

.recipeView .recipeBlockInformation
{
    padding-left:8px;
    font-size:11px;
}

.recipeView .recipeBlockInformation .block
{
    margin-bottom:12px;
}

.recipeBlockInformation .block select, .recipeBlockInformation .block input
{
    font-size:11px;
}

.recipeView .recipeBlockInformation .block img, .recipeView .recipeBlockInformation .block span
{
    vertical-align:middle;
}

.recipeView .recipeMenu,
.mdmView .mdmMenusMenu
{
    height:24px;
    position:relative;
    /* Strage FF bug with those tab, FF is not rerendering correcly a border in when border:collapse*/
    border-collapse:separate;
    border-spacing:0pt;
}

.recipeView .recipeMenu td,
.mdmView .mdmMenusMenu td
{
    border:solid 1px #999999;
    padding:0px 12px 0px 12px;
    font-size:11px;
    text-transform:uppercase;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
}

.recipeView .recipeMenu td.empty,
.mdmView .mdmMenusMenu td.empty
{
    margin:0px;
    padding:0px;
    border:0px;
    border-bottom:1px solid #999999;
}

.recipeView .recipeMenu td span,
.mdmView .mdmMenusMenu td span
{
    white-space:nowrap;
}

.mdmView .mdmMenusMenu td span a
{
    display:block;
}

.mdmView .mdmMenusMenu td a
{
    text-decoration: none;
}

.recipeView .recipeMenu td.selected,
.mdmView .mdmMenusMenu td.active
{
    font-weight:bold;
    border-bottom-width:0px;
}

.mdmView .mdmMenusMenu td.active, .mdmView .mdmMenusMenu td
{
    padding:0px;
}

.mdmView .mdmMenusMenu td a
{
    color: #666;
    line-height:20px;
}

.recipeView .recipeContainer,
.mdmView .mdmContainer
{
    border:1px solid #999999;
    border-top-width:0px;
    color:#333333;
    overflow:hidden;
    position:relative;
    padding:8px 2% 4px 2%;
}

.mdmView .mdmIcon 
{
    margin-bottom: 10px;
}
.recipeView .recipeContainer div
{
    margin-bottom:8px;
}

.recipeView .recipeContainer div ol
{
    list-style-type:decimal;
    list-style-position:outside;
}

.recipeView .recipeContainer table.recipeIngredients
{
    /*margin: 0 auto;*/
}

.recipeView .recipeContainer table.recipeIngredients tr
{
}

.recipeView .recipeContainer table.recipeIngredients tr td
{
    border-bottom:dotted 1px #A0B549;
    padding:2px 2px 2px 2px;
}
    
.recipeView .recipeContainer table.recipeIngredients tr td.recipeIngredientsQuantity
{
    padding:2px 8px 2px 2px;
}

recipeIngredientsQuantity

.recipeView .recipeContainer .recipeFoodGroupInformation
{
    text-align:left;
}

.recipeView .recipeNutrition
{
    display:none;
}

.recipeView .recipeNutrition .recipeNutritionTable
{
    width:auto !important;
    width:606px;
    position:relative;
}


.recipeView .recipeContainer .recipeNutritionalInfo
{
    text-align:center;
    margin-left:8px;
}

.recipeView .recipeContainer .recipeNutritionColumn
{
    width:40%;
}

/*******************************************************************************
* Recipe Trait Icons
*******************************************************************************/

.recipeView ul.recipeTraitIcons
{
    display: inline;
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-left:0px;
}

.recipeView ul.recipeTraitIcons li
{
    display: inline;
    padding: 0;
    margin-right:4px;
}

/*******************************************************************************
* Recipe Header Box (for Recipe View)
*******************************************************************************/

.recipeView .recipeViewHeaderBox
{
    border-color:#EDCC96;
    background-color:#FFFADB;
    padding:4px;
    margin-bottom:16px;
}

.mySosTopContainer
{
    background-color:#FFFADB;
    border:solid 1px #EDCC96;
    padding:5px;
    margin-bottom:8px;
}

.mySosRecipePrint input.button
{
    margin-bottom:6px;
}

.mySosRecipePrint input
{
    vertical-align:middle;
}
  
.mySosRecipePrint label
{
    vertical-align:middle;
}

/*******************************************************************************
* Tooltips
*******************************************************************************/

#dhtmltooltip
{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    text-align: left;
    visibility: hidden;
    z-index: 100;
    z-index: 1000000; /* to avoid conflict with editable dropdown... might want to edit editable dropdown... */
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
    position:absolute;
    left: -300px;
    z-index: 101;
    z-index: 1000001; /* to avoid conflict with editable dropdown... might want to edit editable dropdown... */
    visibility: hidden;
}
  
.tooltipsContainer
{
    display: none;
}

.tooltip .notes
{
    font-size: 0.8em;
    font-style: normal;
    color: black;
}

span.hasTooltip
{
    border-bottom: 1px dotted black;
    cursor: default;
}

a.hasTooltip
{
    cursor: pointer;
}

div.recipeInformationTooltip
{
    width:325px;
    background-repeat:no-repeat;
    background-position:center center;      
    float:left;
}

#dhtmltooltip img
{
    float:left;    
}

div.recipeInformationTooltip .block
{
    padding:8px;
}

/*******************************************************************************
* Bookstore Page
*******************************************************************************/

.bookstore img
{
    margin-right:8px;
}


/* *********************************** */

p.sousSection
{
    padding-left: 40px;
}


.titreSection
{
    font-size: 18px;
    color: #475C4D;
}

.titreSectionInlineNote
{
    color: #000000;
    font-size: 10px;
    letter-spacing: normal;
}

.titreSectionLettrine
{
    font-size: 24px;
    color: #475C4D;
}

.notes
{
    font-size: 11px;
    font-style: italic;
    color: #475C4D;
}

.listComposantRecette
{
    font-size: 12px;
    list-style-position: outside; /*list-style-image: url(./media/images/bullet_rouge.gif);*/
    margin-left: 8px;
    padding-left: 8px;
}

.textVert
{
    color: #475C4D;
}

.textRouge
{
    color: #C63128;
}

.textHelp
{
    cursor: help;
    text-decoration: none;
    border-bottom: 1px dashed red;
}

/*
.menuLeft
{
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #475C4D;
    text-decoration: none;
}
*/

.faq_container a, .faq_container a:visited
{
    color:#333;
}

.faq_container a:hover
{
    color:#CC0000;
}

.faq_container ul
{
    list-style-position:outside;

}

.titreProcedure
{
    font-size: 20px;
    color: #666;
}

.titreFaq
{
    font-size: 18px;
    color: #C63128;
    text-align: left;
}

.content
{
    vertical-align: top;
    height: auto;
    padding: 10px;
}

.blocLogin, .blocText
{
    font-size: 10px;
}

.blocLoginSpecial
{
    font-size: 10px;
    color: #C63128;
}

ul.menuLeft
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

a.menuLeft
{
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    color: #475C4D;
    text-decoration: none;
    text-align: right;
    line-height: 25px;
    padding-right: 5px;
}

a.menuLeft:hover
{
    color: #C63128;
}

a.menuLeft2Line
{
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    color: #475C4D;
    text-decoration: none;
    text-align: right;
    line-height: 14px;
    padding-right: 5px;
}

a.menuLeft2Line:hover
{
    color: #C63128;
}

a.menuLeftSpecial, a.menuLeftSpecial:visited
{
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    color: #C63128;
    text-decoration: none;
    text-align: right;
    line-height: 25px;
    padding-right: 5px;
}

a.sousMenuLeft
{
    display: block;
    width: 100%;
    font-size: 11px;
    color: #475C4D;
    text-decoration: none;
    text-align: right;
    line-height: 14px;
    padding-right: 10px;
    background-color: #F4FBEF;
    /*width: 142px; */
}

a.sousMenuLeft:hover
{
    color: #C63128;
    background-color: #FFFFFF;
}


/*******************************************************************************
* Popup
*******************************************************************************/
body.popup
{
    padding-left: 0px;
    background-color: #FFFFFF;
    text-align:left;
}

.popupWrapper
{
    padding:10px;
}

#header, #contentHeader, #contentWrapper, #footer
{
    margin-left: 0px;
}

/*******************************************************************************
* Content
*******************************************************************************/

#contentHeader
{
    /*height: 50px;*/
    /*width: 100%;*/
    text-align:left;
    padding:5px;
}

.printable #contentHeader
{
    text-align:left;
    background-color: transparent; /* #FFFFFF */
    position: absolute;
    left: 0;
    top: 5px;
}

#contentHeaderTitle
{
    padding-left: 10px;
    height: 50px;
    border-bottom: 1px solid #A8B4A9;
    white-space: nowrap;
}

.printable #contentHeaderTitle
{
    border: none;
    height: auto;
}

#contentHeaderMenu
{
    white-space: nowrap;
}

#contentHeaderMenu .tl
{
    background: url(../../media/images/menu/content_menu_left.gif) 0 0 no-repeat;
    width: 100%;
    height: 24px;
}

#contentHeaderMenu .tr
{
    background: url(../../media/images/menu/content_menu_right.gif) 100% 0 no-repeat;
    height: 24px;
}

#contentHeaderMenu img, #contentHeaderMenu form input
{
    vertical-align: bottom;
    border: none;
}

#contentHeaderMenu ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: 7px;
    margin-right: 7px;
    background: url(../../media/images/menu/content_menu_separator.gif) repeat 0 0;
}

#contentHeaderMenu li form
{
    display: inline;
}

#contentHeaderMenu li
{
    display: inline;
    padding: 0px;
    margin: 0px;
    margin-left: 1px;
}

#contentHeaderMenu ul li:first-child, #contentHeaderMenu ul li.first
{
    margin-left: 0px;
}

#contentHeaderMenuRight
{
    border-bottom: 1px solid #A8B4A9;
}

.printable #contentHeader h1
{
    background: none;
    height: 30px;
}

#contentHeader h1:first-letter
{
    font-size: 24px;
}

/*******************************************************************************
* Popup Menu
*******************************************************************************/

#popupMenu
{
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 20px; /* to vertically align middle text */
    white-space: nowrap;
}

#popupMenu ul
{
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#popupMenu li
{
    display: inline;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-left: 1px solid #000000;
}

#popupMenu ul li:first-child, #popupMenu ul li.first
{
    /* hide the first pipe in standard compliant browser with first-child */ /* I added a class for the first child named first for it to work in browser like IE */
    border-left-style: none;
}

#popupMenu a, #popupMenu a:visited
{
    text-decoration: none;
}

#popupMenu a:hover
{
    color: #C63128;
    text-decoration: underline;
}

#popupMenu ul li.highlight a
{
    color: #C63128;
}

/*******************************************************************************
* Box with a tall header
*******************************************************************************/

.box_tall_tl
{
    background-color: #A1C668;
    height: 26px;
    width:644px;
}
.box_tall_tr
{
    background-color: #A1C668;
    height: 26px;
    width:644px;
}

.mdmContainer .box_tall_tl,
.mdmContainer .box_tall_tr
{
    width: 617px;
}

.box_tall_header
{
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    text-indent:10px;
    vertical-align: middle;
    color: #FFF;
    white-space: nowrap;
}

/*******************************************************************************
* Meal Plan Common Header
*******************************************************************************/

.mealPlanCommonHeader .mealPlanIdentification form 
{
    display: inline;
}

.mealPlanCommonHeader .mealPlanNavigation
{
    white-space: nowrap;
    text-align: center;
    margin-bottom: 1em;
    margin-top: 1em;
}

.mealPlanCommonHeader .mealPlanNavigation ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mealPlanCommonHeader .mealPlanNavigation li 
{
    display: inline;
    padding: 0;
    margin: 0;
}

.mealPlanCommonHeader .mealPlanReloadOriginalSuggestion img 
{
    vertical-align: text-top;
}

/*******************************************************************************
* Meal Plan Import Box
*******************************************************************************/

.mealPlanImportBox
{
    border: 1px solid black;
    padding: 1em;
    text-align: center;
}

/*******************************************************************************
* MOTD Box
*******************************************************************************/

.motd_box
{
    width: 100%;
}
.motd_box_content
{
    background-color: #F5FAF2;
    border: 1px solid #BDDAAF;
    border-top-width: 0px;
    border-bottom-width: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-collapse: collapse;
}

.motd_box_header
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding-left: 10px;
    vertical-align: middle;
    line-height: 26px;
    white-space: nowrap;
}
.motd_box_footer
{
    border-bottom-color: #BDDAAF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 8px;
    line-height: 8px;
    margin-left: 7px;
    margin-right: 7px;
}

.motd_box_no_menu
{
    width: 100%;
    padding-top: 5px;
}

.motd_box_menu
{
    width: 100%;
}

.motd_box_menu table
{
    border-collapse: collapse;
    width: 100%;
}

.motd_box_menu td
{
    padding: 5px;
    border-bottom: solid 1px #BDDAAF;
}

.motd_box_menu td.last
{
    border-bottom: none;
}

.motd_box_menu .motd_recipe_thumbnail
{
    border-color: #475C4D;
    border-width: 1px;
    border-style: solid;
}

.motd_box_menu .motd_recipe_short_description
{
    font-size: 10px;
}

.motd_box_time_cost, .motd_box_nv
{
    margin-top: 20px;
    width: 100%;
}

.motd_box_time_cost table, .motd_box_nv table
{
    border-collapse: collapse;
    background-color: #FFFFFF;
    width: 100%;
}

.motd_box_time_cost table td, .motd_box_time_cost table th, .motd_box_nv table td, .motd_box_nv table th
{
    border: 1px solid #475C4D;
    padding: 2px;
    text-align: center;
}

.motd_box_time_cost table th, .motd_box_nv table th
{
    background-color: #F0F6F6;
    color: #475C4D;
    font-weight: bold;
}

.motd_box strong
{
    color: #475C4D;
    font-weight: bold;
}

.motd_box_nv input, .motd_box_grocery_list select, .motd_box_grocery_list input, .motd_box_order input
{
    font-size: 10px;
}

.motd_box_grocery_list
{
    margin-top: 15px;
    width: 100%;
    white-space: nowrap;
}

.motd_box_order
{
    margin-top: 10px;
    width: 100%;
    white-space: nowrap;
}

/*******************************************************************************
* Recipe View
*******************************************************************************/

.recipeView .infoBox .content p.intro
{
    margin: 0;
    margin-bottom: 0.25em;
}

.recipeView .infoBox .content p.info
{
    margin-top: 0.25em;
    margin-bottom: 0;
    text-align: center;
}

.recipeView .infoBox .header td
{
    padding: 1px;
}

.recipeView .infoBox .header .icon
{
    width: 24px;
    text-align: center;
    vertical-align: middle;
}
.recipeView .infoBox .header .title
{
    vertical-align: middle;
}
.recipeView .infoBox .header .switch
{
    width: 18px;
    text-align: center;
    vertical-align: middle;
}

.recipeView .nv_label
{
    margin: 0 auto;
}

.recipeView .recipe_nutritional_claims
{
    font-size: 1em;
}

.recipeView .recipe_nutritional_claims dl
{
    font-size: 1em;
    margin: 0;
}

.recipeView .recipe_nutritional_claims dt
{
    font-weight: bold;
}

.recipeView .recipe_nutritional_claims dd
{
    margin-left: 1.5em;
}

/*******************************************************************************
* Recipe Trait Icons
*******************************************************************************/

ul.recipeTraitIcons
{
    display: inline;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.recipeTraitIcons li.recipeTraitIcon
{
    display: inline;
    padding: 0;
    padding-right: 0.1em;
}

ul.recipeTraitIcons li.recipeTraitIcon img
{
    vertical-align: bottom;
}

/*******************************************************************************
* Redirect Box
*******************************************************************************/

.redirectBox
{
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid black;
}

.redirectBox p
{
    margin: 0;
}

/*******************************************************************************
* User Settings Box
*******************************************************************************/

#userSettingsBox
{
    background-color: #DCEEFC;
    border: 1px #003774 solid;
    font-size: 10px;
    margin: 1em;
    padding: 0.4em;
    white-space: nowrap;
}

/*******************************************************************************
* Modal Dialog
*******************************************************************************/

#overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    background: #FFFADB;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    visibility: hidden;
    z-index: 9000;
}

.modal_dialog
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 9001;
}

.modal_dialog td 
{ 
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
} 

.modal_dialog_content
{
    text-align: left;
    background: #000;
    color: #fff;
    width: 450px;
    background: #FFFADB;
    border: solid 4px #CD5E3D;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px auto;
    color: black;
    padding: 10px;
    font-size: 11px;
}

.modal_dialog_content h2
{
    border-color:#CD5E3D;
    margin-bottom:20px;
}

.modal_dialog_content h3
{
    border-bottom:1px solid #CD5E3D;
    color:#666666;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    margin-bottom:4px;
    padding-bottom:4px;
    padding-top:8px;
}

.modal_dialog_content p
{
    margin-left:20px;
}

.modal_dialog_content p input, .modal_dialog_content p label
{
    font-size:11px;
    line-height:1em;
    vertical-align:middle;
}

.modal_dialog_content #selected_recipes
{
    display:none;
}

#modal_dialog_content #selected_recipes_container
{
    height:255px;
    overflow:auto;
    margin-bottom:8px;
}

#modal_dialog_content_user_settings
{
    height:auto;
    background-position:center center;
    background-repeat:no-repeat;
}

#modal_dialog_content_user_settings h2
{
    margin-bottom:10px;
}


#modal_dialog_content_user_settings form, #modal_dialog_content_user_settings p, #modal_dialog_content_user_settings select
{
    font-size:11px;
    margin-left:0px
}

#modal_dialog_content_user_settings label 
{
    font-weight:bold;
}

#modal_dialog_content_user_settings ul
{
    list-style:none;
}

#modal_dialog_content_user_settings li
{
    margin-bottom:4px;
}

/*******************************************************************************
* Weekly Series :: Menus
*******************************************************************************/

.menusHeaderInfo table.menusHeaderInfoTable
{
    width: 100%;
}
.mdmContainer .menusHeaderInfo table.menusHeaderInfoTable 
{
    width: 605px;
}

.menusHeaderInfo td, .menusHeaderInfo th
{
    font-size: 10px;
}


.menusHeaderInfo td.timeIcon, .menusHeaderInfo td.costIcon, .menusHeaderInfo td.nutritionalValueIcon
{
    padding: 5px 5px 5px 5px;
    width: 5%;
}

.menusHeaderInfo td.timeInfo, .menusHeaderInfo td.costInfo, .menusHeaderInfo td.nutritionValueInfo
{
    vertical-align: top;
}

.menusHeaderInfo td.nutritionValueInfo .iconNvDetail
{
    vertical-align: middle;
    border: none;
}

.menusHeaderInfo td.timeInfo .time
{
    text-align: right;
}

.menusHeaderInfo td.costInfo .label
{
    text-align: right;
    white-space:nowrap;
}

.menusHeaderInfo td.costInfo .cost
{
    text-align: left;
    white-space:nowrap;
}

.menusHeaderInfo .timeInfo td, .menusHeaderInfo .timeInfo th, .menusHeaderInfo .costInfo td, .menusHeaderInfo .costInfo th
{
    padding: 0px;
}

.menusHeaderInfo .timeInfo th, .menusHeaderInfo .costInfo th
{
    text-align: left;
}

.nutritionValueInfo
{
    width:38%;
}

.mdmContainer .timeInfo,
.mdmContainer .nutritionValueInfo
{
    width:40%;
}

/*******************************************************************************
* Weekly Series :: Grocery List
*******************************************************************************/
/*@deprecated since meal_plan_grocery_list*/

.glCostingBlock td, .glCostingBlock th
{
    font-size: 10px;
}

.glCostingBlock td.costIcon
{
    width: 32px;
    padding: 5px;
}

.glCostingBlock td.costInfo
{
    vertical-align: top;
}

.glCostingBlock td.costInfo .label
{
    text-align: right;
}

.glCostingBlock td.costInfo .cost
{
    text-align: left;
}

.glCostingBlock .costInfo td, .glCostingBlock .costInfo th
{
    padding: 0px;
}

.glCostingBlock .costInfo th
{
    text-align: left;
}

.glCostingBlock .partialWarning
{
    margin-top: 0px;
    font-size: 10px;
}

/*******************************************************************************
* CSS Hack
*******************************************************************************/

/* align vertically in middle */
table.hack_vertical_align_content_middle
{
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}
table.hack_vertical_align_content_middle td
{
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

/* align horizontally in center (might not be perfect, might center nested table?) */
/* actually it is really not perfect (or not used correctly) because sometime we 
   want nested element to be centered and sometime we only want the first child to be... 
   we may want to review all its usage on the site.
*/
div.centered
{
    text-align: center;
    margin-bottom:10px;
}
div.centered table
{
    margin: 0 auto;
    text-align: left;
}
div.centered div
{
    margin: 0 auto;
}

.modal_dialog_content #container_recipe h2
{
    margin-bottom:8px;
}

.modal_dialog_content #container_recipe p.right_align_container, .modal_dialog_content #container_recipe p.right_align_container a
{
    font-size:11px;
}

/************************************************************************
* RNC
************************************************************************/

#recipe_menu
{
    background:#FFFFFF url(../../media/images/rnc_menu_bg.gif) repeat-x;
    border:1px solid #98a898;
    width:288px;
    font-size:10px;
    padding:5px;
    vertical-align:middle;
}

#recipe_tomatoes_chart_container
{
    vertical-align:middle;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

#recipe_tomatoes_chart_container img.rating,
img.rating_symbol_small
{
    vertical-align:top;
    margin-left: 2px;
}

#recipe_tomatoes_chart_container span.rating,
#recipe_tomatoes_chart_container span.wouldMakeAgain
{
    font-size: 85%;
    margin-left: 7px;
    vertical-align:top;
}

ul.recipeEval
{
    list-style-type: none;
    margin: 0;
    padding: 20px 0 0 0;
    font-size: 12px;
}

ul.recipeEval li
{
    background: url(../../media/images/arrow_bullet.gif) no-repeat left center;
    padding-left: 20px;
}

ul.recipeEval li a
{
    color: #475c4d;
}

/* Next is for tab */
#recipe_tabs
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height:21px;
    border-bottom: 1px solid #98a898;
}

#recipe_tabs ul
{
    margin:0;
    padding:0;
    list-style:none;
}

#recipe_tabs li.active
{
    float:left;
    margin:0;
    padding:0;
    background-image:url(../../media/images/recipe_tab_right.jpg);
    background-repeat:no-repeat;
    background-position: right top;
    margin-right:3px;
}

#recipe_tabs li.active a, #recipe_tabs li.active a:hover
{
    display:block;
    background-color:transparent;
    background-image:url(../../media/images/recipe_tab_left.jpg);
    background-repeat:no-repeat;
    background-position: left top;
    padding:10px 15px;
    padding-top:5px;
    color:#c63128;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
    border:0px;
    z-index:10;
    cursor:default;
}

#recipe_tabs li
{
    float:left;
    margin:0;
    padding:0;
    background-color:#f5faf2;
    margin-right:3px;
}

#recipe_tabs li a
{
    display:block;
    padding-left:15px;
    padding-right:15px;
    padding-top:3px;
    padding-bottom:4px;
    border:1px solid #98a898;
    color:#636363;
    text-decoration:none;
    font-size:11px;
}

#recipe_tabs li a:hover
{
    background-color:#fefdd4;
    color:#000000;
}

.rnc_error
{
    background-color: #bd1b20;
    border: 3px solid #bd1b20;
    color:#fff;
    padding: 10px;
}

.rnc_success
{
    color: #339933;
    margin-left:20px;
}

.rnc_recipe_comment_hr,
.rnc_recipe_review_hr
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color:#666;
    border-bottom:solid 2px #eee;
    font-size:1px;
    padding-top:8px;
    padding-bottom:4px;
    margin-bottom:8px;
    font-weight:bold;
    line-height:0px;
}

.recipeView .recipe_comment,
.recipeView .recipe_review
{
}

.recipeView .recipe_comment .recipe_comment_header,
{
    background-color:#ECF2E4;
    padding:10px 10px;
    margin-bottom: 0px;
}

.recipeView .recipe_comment .recipe_comment_header .date,
{
    display: inline;
    margin-bottom: 0px;
}

.recipeView .recipe_comment .recipe_comment_header .time,
{
    display: inline;
    margin-bottom: 0px;
}

.recipeView .recipe_comment .recipe_comment_body,
{
    overflow: hidden;
}

.recipeView .recipe_comment .recipe_comment_body .recipe_comment_info,
{
    width: 130px;
    float: left;
    padding: 10px;
}

.recipeView .recipe_comment .recipe_comment_body .recipe_comment_info .username,
{
    font-size: 110%;
    font-weight: bold;
}

.recipeView .recipe_comment .recipe_comment_body .recipe_comment_info .would_make_again,
.recipeView .recipe_comment .recipe_comment_body .recipe_comment_info .no_review,
{
    font-style:italic;
    margin-bottom: 0px;
    font-size: 90%;
}

.recipeView .recipe_comment .recipe_comment_body .recipe_comment_comment,
{
    background-color: #fff;
    margin-bottom: 0px;
    margin-left: 150px;
    padding: 5px;
}

#recipe_tomatoes_chart
{
    padding: 10px;
}

div.recipe_comment_preview
{
    background-color:#FFFADB;
    border: 1px solid #EDCC96;
    margin-top: 10px;
    padding: 10px;
}

.recipeView .recipe_review .recipe_review_header div
{
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.recipeView .recipe_review .recipe_review_header .username
{
    color:#666;
    font-weight:bold;
}

.recipeView .recipe_review .recipe_review_header .date
{
    font-size: 85%;
}

.recipeView .recipe_review .recipe_review_header .rating
{
    display:inline;
    vertical-align: top;
}

.recipeView .recipe_review .recipe_review_header .would_make_again
{
    display:inline;
    font-size: 85%;
    vertical-align: top;
}

.recipeView .recipe_review .votes_container
{
    font-size: 85%;
    background-color: #eee;
    margin-top:5px;
    margin-left:00px;
    width: auto;
    padding: 5px 20px 0px 30px;
}

.recipeView .recipe_review div.hr
{
    border:0px;
    border-top: 1px dotted #666;
    margin:0px;
    margin-left:0px;
    padding:0px;
    width:620px;
}

.warning_container, .warning_item
{
    display:none;
}

.warning_container
{
    padding:4px;
    border:2px solid #CD5E3D;
    background-color:#F07A56;
    text-align:center;
    color:#FFFFFF;
    margin-bottom:4px;
}

#special_events h2
{
    padding-top:16px;
}

#special_events img
{
    margin-right:8px;
}

#eCardPreviewContainer, #eCardSubmitSend
{
    display:none;
}

#eCardPreviewContainerInner
{
    margin:4px;
    padding:10px;
    background-color:#FFFADB;
    border:1px solid #EDCC96;
}

#formError
{
    padding:4px;
    background-color:#F07A56;
    border:2px solid #CD5E3D;
    color:White;
    padding-bottom:0px;
}

.myMealPlanResetWarning span.tooltip
{
    border-bottom: 1px dotted black;
    cursor: help;
}
.myMealPlanResetWarning
{
    font-size:11px;
}

span.content_title_link
{
    font-size:12px;
    color:#cc0000;
    position:absolute;
    right:5px;
    font-weight: normal;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    text-decoration:none;
}

span.content_title_link a:visited
{

}

span.content_title_link a:hover
{
    text-decoration:underline;
}

.flash_warning_container
{
    text-align:center;
}

.flash_warning
{
    border:2px solid #EECD95;
    background-color:#FFF;
    text-align:center;
    color:red;
    margin:0 auto;
    font-size:20px;
    padding:20px 8px 0px 8px;
    overflow-y: auto;
}

.flash_warning p
{
    margin-top:60px;
}

.flash_warning a
{
    color:red;
    font-size:24px;
}

#modal_dialog_picture_viewer #modal_dialog_content_picture_viewer
{
    padding:0px;
    padding-bottom:10px;
}

#modal_dialog_picture_viewer #modal_dialog_content_picture_viewer .picture_viewer_controls
{
    vertical-align:middle;
    text-align:right;
    line-height:20px;
    margin-top:4px;
    padding-right:6px;
    background-color:#fff3d5;
}

.hidden
{
    display:none;
}

.middle
{
    vertical-align:middle;
}

#selected_recipes_container
{
    height:270px;
    overflow-y:auto;
}


#browser_warning
{
	font-size: 10px;
	border: 1px;
	border-color: black;
	border-style: dashed;
	pading: 0px;
	width: 996px;
	margin: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}