html, body 
{
	font-family: Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background: #eeb244;
}

table 
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th 
{
    padding: 0; // 'cellpadding' equivalent
} 

#body_tab
{
     width: 100%;
}

/* Body wrap table */

#bodyTab #leftCorner
{
    text-align: right;
    vertical-align: bottom;
    background-image: url("img/left_top-1.jpg");
}


#bodyTab #upper
{
  height: 120px;
  vertical-align: bottom;
  /* text-align: center; */
  background: url(img/center_top-1.jpg) bottom; 
  background-repeat: repeat-x;
}

#bodyTab #menu_tab
{
    width:100%;  
    height: 100%;
    background-image: url("img/title.jpg");
    background-position: left center;
    background-repeat: no-repeat;
}

#bodyTab #menu_tab table
{
    margin: 86px 0 6px 0;
    width: 518px
}

#menu_tab a {display:block; padding: 3px 5px; font-size: 16px; font-family: Arial, tahoma, sans-serif; text-decoration: none; text-align: center; white-space: nowrap;}
#menu_tab img { margin-bottom: 15px;}
#menu_tab .tab {background:url("img/tab_r-1.gif") no-repeat right top; width: 15%; border-bottom: solid 1px #a77d30;}
#menu_tab .tab a { background:url("img/tab_l-1.gif") no-repeat left top; color: #6c8000; border-bottom: solid 1px #a77d30;}
#menu_tab .tab_sel {background:url("img/tab_white_r-1.gif") no-repeat right top; width: 15%; border-bottom: solid 1px #ffffff;}
#menu_tab .tab_sel a { background:url("img/tab_white_l-1.gif") no-repeat left top; color: #000000; border-bottom: solid 1px #ffffff;}

#bodyTab #rightCorner
{
    text-align: left;
    vertical-align: bottom;
    background-image: url("img/right_top-1.jpg");
}






#sub_title 
{ 
    text-align: center; 
    vertical-align: bottom;
    background-color: white;
}
#sub_title h1 { font-size: 32px; color: #d82a04; font-style: italic; text-align: center;}
#sub_title a { font-weight: bold; text-decoration: none; color: B14700; }
#sub_title a:hover { text-decoration: underline; }
#sub_title .topic { font-size: 12px; color: #333333; font-style: italic; }
#sub_title input { font-size: 32px; color: #d82a04; font-style: italic; text-align: center;}

#rightMiddle
{
    height: 100px;
    background: url(img/right_middle-1.jpg) top right repeat-y; scroll;    
}

#leftMiddle
{
    background: url("img/left_middle-1.jpg") top left repeat-y scroll;
}

#left_menu 
{ 
    text-align: left;  
    vertical-align: top; 
    padding-top: 10px;  
    width: 170px;
    background-color: white; 
}

#left_menu .lMenuTitle 
{ 
    font-weight: bold; 
    font-size: 14px; 
    color: #B14700;  
    padding-left: 15px; 
}

#left_menu .boldRecalc { font-weight: bold; font-size: 14px; padding-left: 15px; }

#left_menu .submenu
    {
        white-space: nowrap; 
        padding-left: 50px; 
        font-size: 10px; 
        cursor: pointer;
        text-decoration: none;
         color: #B14700;  
    }

    
#left_menu .exmpRecalc {font-size: 9px; color: black; padding-left: 15px; font-style: italic;}

#left_menu a:hover { text-decoration: underline; }
#left_menu .caption { margin-left: 15px; width: 100px;}


#textarea 
    { 
    color: #866110; 
    background-color: white;
    vertical-align: top;
    width: 650px;
}
#textarea .head { font-weight: bold; font-size: 18px; color: #B14700;}
#textarea .head2 { font-weight: bold; color: #866110;}
#textarea .head2 a { font-weight: bold; color: #866110; text-decoration: underline;}
#textarea b { margin-left: 30px; font-weight: bold; font-size: 14px; color: #B14700;}
#textarea li { list-style-type: circle; }
#textarea a { text-decoration: none; color: #866110;}
#textarea a:hover { text-decoration: underline; }
#textarea a.recipe {  font-weight: bold; text-decoration: none; color: B14700; }
#textarea a.recipe:hover { text-decoration: underline; }
#textarea a.author { font-style: italic; font-weight: bold; text-decoration: none; color: #866110;  }
#textarea a.author:hover { text-decoration: underline; }
#textarea .descr { font-style: italic; text-indent: 15px;}

#textarea .topic { font-size: 12px; color: #333333; font-style: italic; }
/*
#textarea .productName {font-weight: normal;  color: #B14700;}
*/
#textarea .quantity {font-style: italic;  color: #B14700;}
#textarea .recipeArea {font-weight: normal;  color: #B14700; width: 350px;}
#textarea .normaltext {color: #866110;}
#textarea .bigsubmit {color: black; font-size: 14px; font-weight: bold; margin-left: 100px;}
#textarea .submit {color: black; font-size: 12px; width: 100px;}

#textarea #waitImg 
    { 
    margin-left: 250px; 
    margin-top: 30px;
    opacity:0.5; /*firefox */
    filter:alpha(opacity=50); /*ie */
    }

#rightMiddle1
{
    background: url("img/right_middle-1.jpg") top left repeat-y scroll;;
}

#leftBottom1
{
    text-align: right;
    vertical-align: top;
    background-image: url("img/left_bottom-1.jpg");
    width: 80px;
    height: 110px;
}

.created
{
    background-image: url("img/center_bottom-1.jpg");
}

.created, .created a
    {
    text-align: center; 
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    }

#rightBottom1
{
    background-image: url("img/right_bottom-1.jpg");
    width: 85px;
    height: 110px;
}


.notSelected li {list-style-type: circle; color: #B14700; }
.notSelected li .productName {font-weight: normal;  color: #B14700; cursor: pointer;}
.notSelected li .quantity {font-style: italic;  color: #B14700;}
.notSelected li .alt_quantity {font-size: 10px; font-style: italic; color: #866110;}

.Selected li {list-style-type: disc; color: black; cursor: pointer;}
.Selected li .productName {font-weight: bold;  color: black; }
.Selected li .quantity {font-style: italic;  color: #B14700; text-decoration: line-through;}
.Selected li .alt_quantity {font-size: 10px; font-style: italic; color: #866110; text-decoration: line-through;}

.subtitle a { font-weight: bold; text-decoration: none; color: B14700; }
.subtitle a:hover { text-decoration: underline; }

.login { width: 50%; text-align: center; border: solid 1px #BBBBBB;}
.register { width: 90%; text-align: center; border: solid 1px #BBBBBB;}
.authorinfo { width: 90%; text-align: left; padding: 10px 20px 10px 20px; border: solid 1px #BBBBBB;}
.authorinfo li a {font-weight: normal; color: #866110; text-decoration: none;}
.text {font-weight: normal;  color: #B14700;}
.caption {font-weight: normal; color: #866110; }