@charset "utf-8";
/* CSS Document */

.nm { margin: 0; }

/**************
* GLOBAL STYLES
**************/
    html,body {
	    margin: 0;
	    padding: 0;
	    font-family:Verdana, Geneva, sans-serif;	
	    font-size:12px;
	    background-color: #F7F7EF;
    }
    h1, h2, h3, h4, h5 {
	    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	    color: #59442f;
    }
    /* So that if we wrap it with an <a> it does not get a border */
    img { border:none;}  
	
	a { color: rgb(130, 137, 42); }

   
/***********************************
* THE DAY PLANNING PAGE TABLE STYLES
***********************************/
    table#days {
	    margin:40px auto 40px auto;
	    text-align:left;
	    font-size:12px;
	    width:1000px;
	    border:0px;
	    border-collapse:collapse;
    }
    table#days a { color: #84892b; }
    table#days table {
	    width:925px;
	    border:0px;
	    border-collapse:collapse;
    }
    /* Cells displaying the headers (nainen/mies/kevyt/raskas) */
    td.sex { height: 23px; width: 231px; vertical-align:middle; text-align:center;}
    td.male { /*padding-left: 25px;*/ color: #69bad8; /*background-image: url(images/mies.jpg);*/ background-position:left; background-repeat:no-repeat; }
    td.female { /*padding-left: 20px;*/ color:#dc65cb; /*background-image: url(images/nainen.jpg);*/ background-position:left; background-repeat:no-repeat; }
    td.light { font-weight: normal; }
    td.normal { font-weight: bold; }
    /* Cells displaying the amount of food */
    td.amount { width: 71px; }
    /* Cells displaying the name of the product */
    td.name { width: 160px; }
    /* Cells displaying the names of recipes */
    td.recipename { 
	    text-decoration:underline;
	    color: #82892a;
	    width: 160px;
    }
    /* Cells displaying headers inside the table (in the left column) */
    .header {
        text-align:center;
        vertical-align:top;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;    
        color: #59442f;
        width: 76px;
        padding:0px 5px 0px 0px;
    }      
    /* Spacer */
    .spacer {
        height:30px;
        background-image:url(images/dot.gif);
        background-repeat:repeat-x;
        background-position:center;
    }
    /* TD with vertical border on left */
    .border_dot {
		padding-left:15px;
        background-image:url(images/dot_v.gif);
        background-repeat:repeat-y;
        background-position:left;
    }
/**
* LAYOUT STYLES
*/
    div#wrap {
	    background-color:#fff;
	    padding: 0px;
	    margin: 0px 0px 0px 0px;
    }
    div#shadowleft {
        background-repeat:no-repeat;
        width:9px;
        height:366px;
	    background-image: url(images/shadow-left.jpg); 
	    float:left;
    }
    div#shadowright {
        background-repeat:no-repeat;
        width:9px;
        height:366px;
	    background-image: url(images/shadow-right.jpg);
	    float:right;
    }                          
    div#main, div#footer {
	    width: 1031px;
	    margin: 0px auto 0px auto;
	    font-size:12px;
    }

	div#main {
	padding: 0;
	margin: 0;
	}
		
    div#footer {
	    padding-top:15px;
	    color: #5a412d;
    }
    div#footer a {
	    text-decoration:none;
	    color: #5a412d;
    }
    div#footer a:hover {
	    text-decoration:underline;
    }
    div#header {
	    margin-left:10px;
	    margin-right:10px;
	    height:379px;
	    background-image:url(images/header-1.jpg);
	    background-position:center;
	    background-repeat:no-repeat;
    }
    div#content_day {
	    text-align:center;
	    padding:10px;
    }
    div#content {
	    padding:0px 40px 10px 40px;
    }
    div#content_narrow {
		width:570px;
	    padding:0px 20px 10px 40px;
		float:left;
    }
	div#side {
		width:310px;
		padding:38px 40px 10px 0px;
		float:right;
	}
    div#footer_wrap {
	    background-image:url(images/footer-bg.jpg);
	    background-repeat:repeat-x;
	    height:52px;
	    text-align:center;
	    padding-top:8px;
	    background-color: #F7F7EF;
    }
    div#date {     
        position: absolute;
	    margin:350px 0px 0px 0px;
	    width:180px;
	    height:47px;
	    text-align:center;
	    font-size:12px;
    }
    div#date a {       
        text-decoration: none;
        color: #000;
    }
	div#datePopup {
		margin:0px auto 0px auto;
		display:none;
		width:100px;
		border:1px solid #eaedc9;
		background-color:#e0e4ab;
	}
	div#datePopup a {
		color: #787e29;
	}
	div#datePopup a:hover {
		color: #abb53c;
	}
	div.tip-title {
		border:1px solid #eaedc9;
		background-color:#e0e4ab;
		color: #787e29;
	}
	
/*******
 * Menu 
 ******/
    div#menu {                     
	    position:absolute;
        margin:301px 0px 0px 240px;
        padding:2px 3px 3px 3px;                  
        width:751px;
        height:60px;        
	    background-color:#fff;      
    }
    /* Main horizontal menu styles */
    div#menu ul {
	    margin:0px;
	    padding:0px;
	    height:60px;
	    list-style-type:none;
	    background-image:url(images/menu-bg-1.gif);
	    background-repeat:repeat-x;
    }
    div#menu li {
		margin:0px;
	    height:60px;
	    float:left;
	    background-image:url(images/menu-bg-splitter.gif);
	    background-position:right;
	    background-repeat:no-repeat;
	    padding:0px;
    }
    div#menu a {
	    margin:0px 1px 0px 0px;
	    /*padding: 22px 18px 24px 19px;*/
		padding: 22px 9px 24px 10px;
	    display:block;
	    text-decoration:none;
	    color: #5b6205;
		font-size: 12px;
    }
    div#menu li.active a {
	    background-image:url(images/menu-bg-1-active.gif);
	    background-position:center;
		height:14px !important;
		height:auto;
    }
    div#menu li.active a:hover {
	    background-image:url(images/menu-bg-1-active.gif);
	    background-position:center;
		height:14px !important;
		height:auto;
    }
    div#menu a:hover {
	    text-decoration:none;
	    color: #fff;
	    background-image:url(images/menu-bg-2.gif);
	    background-position:center;
	    background-position:bottom;
		height:14px !important;
		height:auto;
    }
/**********************
 * Advertisement styles 
 *********************/
    table#ads {
        margin:0px auto 0px auto;
        border-collapse: collapse;
    }
    table#ads td {
        margin: 0px;
        padding: 0px;
    }
    td.banner_left {
        background-image: url(images/banner_1.gif);
        background-repeat: no-repeat;
        width: 14px;
        height: 184px;
    }   
    td.banner_middle {
        text-align:center;
        vertical-align: middle;
        background-image: url(images/banner_2.gif);
        background-repeat: repeat-x;
        height: 184px;
    }   
    td.banner_right {
        background-image: url(images/banner_3.gif);
        background-repeat: no-repeat;
        width: 14px;
        height: 184px;
    } 

/***************
 * Popup styles (recipe popup when you click the recipe in the day plan) 
 **************/
    div.popup {
	    font-family:Verdana, Geneva, sans-serif;
	    font-size: 12px;
	    width: 676px;
	    border: 7px solid #fff;
	    background-color: #c9ce7a;
    }
    div.popup h1 {
	    margin-top:0px;
	    font-size: 18px;
	    font-weight:600;
    }
    div.popup div.popup_content {
	    margin: 12px;
	    margin-top: 10px;
	    padding: 40px;
	    background-color: #fff;
    }
    div.popup p.popup_header {
	    font-weight:bold;
	    font-size:14px;
	    margin-bottom:10px;
	    margin-top:25px;
    }
    div.popup table {
	    width: 100%;	
	    border-collapse:collapse;
    }
    div.popup table td {
	    vertical-align:top;
    }
    div.popup ul {
        list-style:none;
        padding:0px;
        margin:0px;
    }
    div.popup li {
        background-image:url(images/bullet.gif);
        background-repeat:no-repeat;
        background-position:0px 6px;
        padding-left:20px; 
    }

/* Auxiliary styles */
div.clear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
	margin:0;
	padding:0;
}