/* 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 {
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    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;
    border-bottom: solid 9px #fff2a6;
    /* Fix a bug with FF and border-collapse/spacing see : http://www.charlesgarwood.com/blog/?p=13 */
    border-spacing: 0;
    border-collapse: separate;
    /* end fix */
}

.inner_content {
    width: 648px;
    padding-bottom: 8px;
    padding-left: 9px;
    padding-top: 10px;
    font-size: 12px;
    background-color: white;
    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: 0;
    padding: 0;
}

#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: 0;
}

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

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

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

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

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

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

/*******************************************************************************
* 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: 0;
}

#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;
}

/*******************************************************************************
* Shortcut Content Menu
*******************************************************************************/

#shortcutContentMenu
{
    font-size: 11px;
    float: right;
}

#shortcutContentMenu a
{
    color: #CC0000;
    cursor: pointer;
    vertical-align: middle;
}

#shortcutContentMenu a:hover
{
    text-decoration: underline;
}

#shortcutContentMenu ul
{
    list-style-position: inside;
    white-space: nowrap;
}

#shortcutContentMenu li
{
    display: inline;
    list-style: none;
    margin: 0 0 1em 0;
    white-space: nowrap;
}

#shortcutContentMenu img
{
    margin-right: 4px;
}


#shortcutContentMenu li .name
{
	display: 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 {
    list-style: disc inside;
    margin-left: 20px;
}
ol {
    list-style: decimal outside;
    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;
}

#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 0 10px 0;
}

.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: 0;
}

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

.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 0 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: 0;
}

.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: 0;
    list-style-position: outside;
}

.inner_content .box ul.links li,ul.links li {
    padding: 0;
    padding-left: 0;
    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: 0 0 12px 0;
    color: White;
    padding: 0;
    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: 0;
    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 td
{
    padding: 2px;
    vertical-align: top;
}

#top_recipe td.top_recipe_index
{
    padding-right: 0.5em;
}

/*******************************************************************************
* 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 0 4px 0
}

#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 0 4px 0;
}

/*******************************************************************************
* 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: 0;
    color: White;
}

.member_auth_box #container_membre_additional_info td {
    padding: 4px 0 4px 0;
    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: 0 1px 0 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;
}
.member_auth_box .member_auth_box_welcome span {
    display: block;
    width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

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

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

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

#additionnalTools td {
    vertical-align: middle;
}

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

#additionnalTools #content_menu a {
    color: #CC0000;
    cursor: pointer;
}

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

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

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

#additionnalTools #content_menu img {
    margin-right: 4px;
    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: 0 0 12px 0;
}

.footer_banner_ads {
    background-color: #FFF2A6;
    padding: 0 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 0 2px 0;
}

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

/*******************************************************************************
* 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: 0 12px 0 12px;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.recipeView .recipeMenu td.empty,.mdmView .mdmMenusMenu td.empty {
    margin: 0;
    padding: 0;
    border: 0;
    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: 0;
}

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

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

.recipeView .recipeContainer,.mdmView .mdmContainer {
    border: 1px solid #999999;
    border-top-width: 0;
    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: 0;
}

.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: 0;
    padding: 0;
    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: 0;
    background-color: #FFFFFF;
    text-align: left;
}

.popupWrapper {
    padding: 10px;
}

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

/*******************************************************************************
* 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: 0;
    padding: 0;
    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: 0;
    margin: 0;
    margin-left: 1px;
}

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

#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: 0;
    padding: 0;
}

#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;
    margin: 0;
    padding: 0;
    position: relative;
}

.mealPlanCommonHeader .mealPlanNavigation li .mealPlanSubMenuConnector {
    left: -7px;
    position: absolute; 
    top: 43px;
    z-index: 10;
}

.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: 0;
    border-bottom-width: 0;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 0;
    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;
    position: fixed;
    top: 0;
    left: 0;
    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: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    z-index: 9001;
}

.modal_dialog td {
    height: 100%;
        padding: 2em;
    text-align: center;
    vertical-align: middle;
    width: 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: 0 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: 0;
}

#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: 0;
}

.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: 0;
}

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

.glCostingBlock .partialWarning {
    margin-top: 0;
    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: 0;
    margin: 0;
}

/* 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: 0;
    padding: 0;
    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: 0;
    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: 0;
}

.recipeView .recipe_comment,.recipeView .recipe_review {
    
}

.recipeView
 
.recipe_comment
 
.recipe_comment_header
,
{
background-color
:
#ECF2E4
;

    
padding
:
10px
 
10
px
;

    
margin-bottom
:
 
0
px
;


}
.recipeView
 
.recipe_comment
 
.recipe_comment_header
 
.date
,
{
display
:
 
inline
;

    
margin-bottom
:
 
0
px
;


}
.recipeView
 
.recipe_comment
 
.recipe_comment_header
 
.time
,
{
display
:
 
inline
;

    
margin-bottom
:
 
0
px
;


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


}
.recipeView
 
.recipe_comment
 
.recipe_comment_body
 
.recipe_comment_info
,
{
width
:
 
130
px
;

    
float
:
 
left
;

    
padding
:
 
10
px
;


}
.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
:
 
0
px
;

    
font-size
:
 
90%;
}
.recipeView
 
.recipe_comment
 
.recipe_comment_body
 
.recipe_comment_comment
,
{
background-color
:
 
#fff
;

    
margin-bottom
:
 
0
px
;

    
margin-left
:
 
150
px
;

    
padding
:
 
5
px
;


}
#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: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.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 0 30px;
}

.recipeView .recipe_review div.hr {
    border: 0;
    border-top: 1px dotted #666;
    margin: 0;
    margin-left: 0;
    padding: 0;
    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: 0;
}

.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 0 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: 0;
    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: 0;
    width: 996px;
    margin: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#meal_plan_is_premium_message_container {
    background-image: url(/media/images/upgrade-account-bkgd.jpg);
    background-repeat: no-repeat;
    height: 258px;
    padding: 20px;
    text-align: right;
    width: 577px;
    margin: 0 auto;
}

#meal_plan_is_premium_message_inner_container {
    display: inline-block;
    *display: inline;
    text-align: center;
    zoom: 1;
}

#meal_plan_is_premium_message_container .title {
    font-size: 26px;
    color: #f07a56;
}

#meal_plan_is_premium_message_container .mealplan {
    font-size: 14px;
    font-weight:bold;
    line-height:30px;
    margin-top:5px;
}

#meal_plan_is_premium_message_container .smallText {
    font-size: 9px;
}


.yui3-overlay {
    position: absolute;
    z-index: 9999;
}
.yui3-overlay-hidden {
    visibility: hidden;
}
.yui3-js-enabled .yui3-overlay-loading {
    z-index: 9999;
    top:-1000em;
    left:-1000em;
    position:absolute;
}
.yui3-widget-tmp-forcesize .yui3-overlay-content {
    overflow: hidden !important;
}
.yui3-widget-stacked .yui3-widget-shim {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    /* 
    * We'll be setting these programmatically for IE6, 
    * to account for cases where height is not set 
    */
    _width: 0;
    _height: 0;
}
.yui3-soscuisine-standard-dialog {
    padding: 8px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #FFF;
    border: 3px solid #658A2F;
    -moz-box-shadow: 5px 5px 5px #555;
    -webkit-box-shadow: 5px 5px 5px #555;
    box-shadow: 5px 5px 5px #555;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.yui3-soscuisine-standard-dialog .yui3-widget-hd {
    height: 20px;
    border-bottom: 2px solid #658A2F;
    margin-bottom: 10px;
    overflow: auto;
}
.yui3-soscuisine-standard-dialog .yui3-widget-hd span {
    font-weight: bold;
    font-size: 13px;
    color: #777;
    float: left;
    overflow: auto;
}
.yui3-soscuisine-standard-dialog .yui3-widget-hd a:hover,
.yui3-soscuisine-standard-dialog .yui3-widget-hd a:visited,
.yui3-soscuisine-standard-dialog .yui3-widget-hd a {
    float: right;
    font-weight: bold;
    font-size: 13px;
    color: #777;
    text-decoration:none;
}
.yui3-soscuisine-standard-dialog .yui3-widget-bd {
    text-align: left;
}

.yui3-notification {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    z-index: 9999;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 15px;
}
.yui3-notification.info {
    background-color: #7FBBF7;
}
.yui3-notification.success {
    background-color: #00DBED;
    border-bottom: 2px solid #0B8A95;    
}
.yui3-notification.warning {
    background-color: #FC9526;
    border-bottom: 2px solid #A35B0C;
}
.yui3-notification.error {
    color: #FFF;
    background-color: #C00;
    border-bottom: 2px solid #800;
}
.yui3-notification.error a {
    color: #FFF;
    text-decoration:underline;
}
.yui3-overlay-mask {
    background: #FFFADB;
    opacity: .5;
    filter: alpha(opacity = 50);
    -moz-opacity: .5;
}

.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions .sos-plus-banner {
    display: block;
    width: 700px;
    height: 154px;
    background-image: url(/media/images/sosplus/sosplusbanner_en.jpg);
    text-indent: -99em;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions .sos-plus-banner.en-CA {
    background-image: url(/media/images/sosplus/sosplusbanner_en.jpg);
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions .sos-plus-banner.fr-CA {
    background-image: url(/media/images/sosplus/sosplusbanner_fr.jpg);
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    min-width: 500px;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions table {
    margin: 4px auto 8px auto;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions table th,
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions table td {
    border: 1px solid #A0C963;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions thead th {
    background-color: #F3FDE5;
    width: 150px;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody th {
    background-color: #E3F1DA;
    font-weight: bold;
    vertical-align: top;
    padding: 5px;
}

.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td {
    vertical-align: top;
    text-align: right;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td p {
    display: block;
    margin: 0;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td.no-price {
    padding: 5px;
    color: #BBB;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td p.selling-unit {
    font-weight: bold;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td p.public-notes {
    font-size: 10px;
}

.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td div.item {
    margin-bottom: 8px;
    padding: 5px;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td div.item.selected {
    border: 1px solid #C00;
    background-color: #FFA;
}
.yui3-soscuisine-standard-dialog.soscuisine-buyingoptions tbody td div.item.selected p.selling-unit {
    color: #C00;
}

.botooltip {
    border: 2px solid #C00;
    background-color: #FFF;
    padding: 5px 10px;
    position: absolute;
    width: 160px;
    text-align: left;
    height: 40px;
}
.botooltip .arrow {
    width: 14px;
    height: 29px;
    background-image: url(/media/images/tooltiparrow.gif);
    position:absolute;
    left: -14px;
    top: 10px;
}
.botooltip .text-container p {
	line-height: 150%;
    margin-bottom: 0px;
}
.botooltip .text-container h1 {
    color: #C00;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
}
.botooltip .text-container img {
    vertical-align: text-bottom;
}
.botooltip .close-button {
    display: block;
    position: absolute;
    right: 5px;
    top: 2px;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
}
.botooltip .close-button:hover {
    text-decoration: none;
}

.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd {
    text-align: center;
    font-size: 12px;
}


.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-bd .learn-about {
    display: block;
    width: 700px;
    height: 154px;
    background-image: url(/media/images/sosplus/sosplusbanner_en.jpg);
    text-indent: -9999em;
    margin-top: 8px;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus .yui3-widget-ft {
    margin-top: 6px;
}

.yui3-soscuisine-standard-dialog.soscuisine-plus.fr-CA .yui3-widget-bd .learn-about {
    background-image: url(/media/images/sosplus/sosplusbanner_fr.jpg);
}

.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd h1,
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd h2 {
    font-size: 20px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    line-height: 76px;
    vertical-align: middle;
    color: #56903C;
    text-align: center;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd h2 {
    line-height: 16px;
    border: 0;
    margin: 0 0 18px 0;
    padding: 0;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd h1 img {
    margin-left: 5px;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl .yui3-widget-bd .learn-more {
    display: block;
    background-image: url(/media/images/sosplus/learn_more_en.png);
    width: 106px;
    height: 31px;
    text-indent: -9999em;
    margin: 0 auto;
}
.yui3-soscuisine-standard-dialog.soscuisine-plus-gl.fr-CA .yui3-widget-bd .learn-more {
    background-image: url(/media/images/sosplus/learn_more_fr.png);
    width: 127px;
}
.warning_pmp {
    background-color: #F2F9FF;
    padding: 5px;
    text-align: center;
    border-color: #CC3333;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5px;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* Use this class to extend warning_pmp class that will display a lock icon in background */
.with_lock {
    background-image: url(/media/images/lock_icon.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
.block_confirm {
    background-color: #E5F5D3;
    border: solid 1px #456B15;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.string-picker {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    position: relative;
    display: inline-block;
}
/*
.string-picker .trigger {
    font-weight: bold;
    position: relative;
    margin: 0;
    border: solid 2px #78A139;
    background-color: #A0C963;
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 24px;
    z-index: 30;
    padding-left: 4px;
    padding-right: 4px;
}
.string-picker.disabled .trigger {
    border: solid 2px #888;
    background-color: #AAA;
}
*/
.string-picker.open .trigger {
    /*
    border-top: 0;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
    */
}
.string-picker .popup {
    position: absolute;
    z-index: 25;
    left: 0;
    bottom: 22px;
    *bottom: 21px;
    width: 225px;
    padding: 5px;
    /*
    border: solid 2px #78A139;
    background-color: #A0C963;
    */
    background-color: #F07A56;
    border: 2px solid #CD5E3D;
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    visibility: hidden;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .4);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, .4);
}
.string-picker .popup .ok,
.string-picker .popup .submit,
.string-picker .popup .cancel {
    /*background-color: #78A139;*/
    background-color: #CD5E3D;
    
    border: 0;
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 11px;
    margin: 0 2px;
    padding-left: 3px;
    padding-right: 3px;
    float: right;
}
.string-picker .popup .ok {
    display: none;
}
.string-picker.open.sent .popup .ok {
    display: block;
}
.string-picker.open.sent .popup .submit,
.string-picker.open.sent .popup .cancel {
    display: none;
}
.string-picker .popup .ok:hover,
.string-picker .popup .submit:hover,
.string-picker .popup .cancel:hover {
    background-color: #A34B31;
}
.string-picker.sent .popup .header {
    visibility: hidden;
}
.string-picker .popup .body {
    margin: 10px 0 2px 0;
    height: 35px;
}
.string-picker .popup .body .info {
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    font-size: 9px;
}
.string-picker .popup .body .spinner {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background-image: url(/media/images/ajax-loader3.gif);
    display: none;
}
.string-picker.validate .popup .body .spinner {
    display: block;
}
.string-picker .popup .body .error {
    color: #C00;
}
.string-picker .popup .body .message {
    color: #333;
}
.string-picker .popup .body input[type="text"] {
    /*
        border: solid 2px #78A139;
        color: #78A139;
    */
    border: solid 2px #CD5E3D;
    /*
    color: #CD5E3D;
    font-weight: bold;
    */
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 219px;
}
.string-picker.validate .popup .body input[type="text"],
.string-picker.sent .popup .body input[type="text"] {
    display: none;
}
.string-picker .popup .footer {
    overflow: hidden;
}
.string-picker.open .popup {
    visibility: visible;
}

.member-only {
    font-family: verdana, arial, helvetica, sans-serif;
}
.member-only h1 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
.member-only .options h2 {
    font-size: 12px;
    font-weight: bold;
    border: 0;
    color: #000;
    margin-bottom: 3px;
}
.member-only .options {
    list-style: none;
    margin: 0;
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
}
.member-only .options li {
    float: right;
}
.member-only .options li:first-child {
    float: left;
}

.member-only .options li a {
    color: #FFF;
    background-color: #F07A56;
    border: 2px solid #CD5E3D;
    padding: 2px 8px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    font-size: 11px;
    zoom: 1;
}
.member-only .options li a:hover {
    text-decoration: none;
}
.member-only .options li:first-child a {
    color: #FFF;
    background-color: #A0C963;
    border: 2px solid #78A139;
}

/**
* Big Button
* (tested at least in IE7-8-9, FF)
*
* - We use a big-button-wrapper, this allow us to make the round corner works with the filter under IE9
*   (there is other hack which involve creating a SVG image on the fly to create the gradient)
*/
a.big-button {    
    background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top, #cc0000 10%, #a51e22 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#cc0000), color-stop(75%,#a51e22)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cc0000 10%,#a51e22 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cc0000 10%,#a51e22 75%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #cc0000 10%,#a51e22 75%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#a51e22',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #cc0000 10%,#a51e22 75%); /* W3C */
    color: #FFF;
    font-size: 24px;
    padding: 15px 12px;
    text-decoration: none;
    white-space: nowrap;
}
a.big-button:hover {
    background: #ea0000; /* Old browsers */
    background: -moz-linear-gradient(top, #ea0000 10%, #c12328 75%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ea0000), color-stop(75%,#c12328)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ea0000 10%,#c12328 75%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ea0000 10%,#c12328 75%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ea0000 10%,#c12328 75%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0000', endColorstr='#c12328',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ea0000 10%,#c12328 75%); /* W3C */
}
a.big-button,
.big-button-wrapper {
    display: inline-block;
}
.big-button-wrapper {
    border-collapse: separate; /* if collapsed, can hide box-shadow under some browsers (IE9, ?) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #B3B3B3 0 5px 5px;
    -moz-box-shadow: #B3B3B3 0 5px 5px;
    box-shadow: #B3B3B3 0 5px 5px;
    overflow: hidden;
}

/**
* Action Button
* (tested at least in IE7-8-9, FF)
*
* @todo test in all browser, decide what we support and which hack we support for these button.
* @todo document hack for IE < 9
* - We use a big-button-wrapper, this allow us to make the round corner works with the filter under IE9
*   (there is other hack which involve creating a SVG image on the fly to create the gradient)
*/
a.action-button {
    /* Gradient */
    background: #fdfff9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fdfff9 0%, #d9d9d9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfff9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfff9 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfff9 0%,#d9d9d9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfff9 0%,#d9d9d9 100%); /* IE10+ */
    background: linear-gradient(top,  #fdfff9 0%,#d9d9d9 100%); /* W3C */
    /* Other */
    color: #1b8ad2;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    white-space: nowrap;
}
a.action-button:hover {
    /* Gradient*/
    background: #fdfff9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fdfff9 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfff9), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfff9 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfff9 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfff9 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top,  #fdfff9 0%,#dfdfdf 100%); /* W3C */
}

a.action-button img {
    border: none;
}
a.action-button > * {
    vertical-align: middle;
}

a.action-button,
.action-button-wrapper {
    display: inline-block;
}

a.action-button {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #989898;
    border-top-color: #dedede;
    border-right-color: #aeaeae;
    border-bottom-color: #989898;
    border-left-color: #c5c5c5;
}

.DISABLEDaction-button-wrapper {
    border-collapse: separate; /* if collapsed, can hide box-shadow under some browsers (IE9, ?) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*
    -webkit-box-shadow: #B3B3B3 0 5px 5px;
    -moz-box-shadow: #B3B3B3 0 5px 5px;
    box-shadow: #B3B3B3 0 5px 5px;
    */
    overflow: hidden;
}

/**
* Side banners
*/
.side-banners {
    height: 100%;
    left: 0;
    overflow: hidden;
    /* overflow-y: hidden; */ /* CSS3 - less compatible */ 
	position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
}
.side-banners.fixed {
    position: fixed;
}
.left-side-banner {
    position: absolute;
    right: 50%;
    margin-right: 499px;
    visibility: visible;
}
.right-side-banner {
    position: absolute;
    left: 50%;
    margin-left: 499px;
    visibility: visible;
}
.side-banners-background {
    background-color: #8BCC43;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: -1;
}

/**
* Messages
*/

.systemMessages,
.errorMessages,
.warningMessages {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: justify;
	color: White;
	font-size: 11px;
	/*font-weight: bold;*/
}

.warningMessages {
	color: Black;
}

.systemMessages ul,
.errorMessages ul,
.warningMessages ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.systemMessages ul li,
.errorMessages ul li,
.warningMessages ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.errorMessages {
	background-color: #F07A56;
}

.warningMessages {
	background-color: #FFF2A6;
}

.systemMessages {
	background-color: #A0C963;
}

.message
{
    border: 1px solid;
    margin-bottom: 0.5em;
    padding: 0.5em;
    padding-right: 1.5em;
    position: relative
}
.message .close-button
{
	color: #000;
    cursor: pointer;
    padding: 0.25em 0.5em;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}
.success-message
{
    background-color: #DFF2BF; /* #A0E663; #A0C963 */
    color: #4F8A10;
}