@import url("layout.css");

body 
{
    background:url(images/bg.png);
    background-color: Green;
    font-family: Franklin Gothic Book;
}



/*
    dbf1d1 light green
    98d382 mid green
    57b746  dark green

*/

.ingredient
{
    float:left; 
    clear:left;
    padding-right: 20px;
    
}

html {overflow-y: scroll;}

td
{
    text-align: left;
}

p
{
    font-family: Franklin Gothic Book;
    color: #15140B;
    text-align:justify;
    font-size: 12px;
    line-height: 20px;
    padding-right: 15px;
}

h1
{
    font-size: 18pt;
    font-family: Franklin Gothic Book;
    color: #57b746;
    text-align:left;
}

h2
{
    font-size: 14pt;
    
    color: #98d382;
    text-align:left;
}

.title
{
     font-size: 14pt;
    
    color: #57b746;
    text-align:left;
}

#main
{   
    background-color: #ffffff;
    vertical-align:middle;
    background: white url(images/bottom.gif) no-repeat bottom;
    
}

#header
{
    
    background-color:#ffffff;
    overflow: hidden;
}

iframe
{
    visibility: hidden;
    height: 0px;
    overflow: hidden;
    
}

#right iframe
{
    visibility:visible;
    height: auto;
    min-height: 600px;
   
}

#footer
{
    text-align:center;
    background-color:#dbf1d1;
    font-size:small;
}

#right 
{
   background-color:#dbf1d1;
   background : #dbf1d1 url(images/top_r.gif) no-repeat top;
    
}
#left 
{
    text-align: left;
    overflow:hidden;
    padding-left: 10px;
    background : #dbf1d1 url(images/top.gif) no-repeat top;
    background-color: #dbf1d1; 
}

.altRepeaterItem
{
    background-color:#dbf1d1; 
    text-align:left;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    width: 90%;
     
}
.RepeaterItem
{
    background-color:#ffffff; 
    text-align:left;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    width: 90%;
    margin-top: 10px;
}

a:link
{    
    
    color: #57b746;
    text-decoration: none;
}

a:visited
{     
    color: #57b746;
    text-decoration: none;
}

#left a:link
{
    color: #577f46;
}

#left a:visited
{
    color: #577f46;
}

a:hover
{     
    color: #00FF00;
    text-decoration: underline;
}

img
{
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #57b746;
    
    text-indent: 15px;
}

/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	width: 600px;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	color: #c6d4e1;
	text-decoration: none;
	margin: 0 1px;
	padding: 5px;
	display: block;
	 
}
#navigation a:hover {
	background-color: #916f51;
	color: #dbb8ad;
}

.nav
{
    line-height: 20pt;
    
}

i
{
    font-size: small;
    color: #adadad;
}



#footer p
{
    font-family: Arial;
    color: #000000;
    font-size: smaller;
    text-align: center;
}


.adHorizontal
{
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-top-style: dashed;
    border-top-width: 1px;
    
    border-color: #c6d4e1;
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 5px;
    
    
}

.panel
{
    background-color: #FFFFFF;
    border-color: #57b746;
    border-width: thin;
    border-style: dashed;
    width: 450px;
    padding: 25px;
    text-align: left;
    
}

#container
{
    border-color: #98d382;
    border-width: 2px;
    border-style: solid;
    padding: 0px;
    margin: 0px;
    background-color:#dbf1d1;
}


.divLeftProfile
{
    width: 200px;
    text-align: left;
    float: left;
    background-color: White;
    padding: 10px;
    margin: 5px;
    vertical-align:top;
}

.divRightProfile
{
    width:400px;
    text-align: left;
    float: right;
    background-color: White;
     padding: 10px;
    margin: 5px;
    vertical-align:top;
}

.divProfile
{
    width:650px;
    text-align: left;
    float: right;
    background-color: White;
    padding: 10px;
    margin: 5px;
    vertical-align:top;
}

ul
{
    text-align: left;
}

li
{
    text-align: left;
    font-size: 10pt;
    line-height: 14pt;
}

strong
{
    text-align: left;
}

tr { vertical-align: top; }
td { text-align: left; vertical-align: top; }

input, textarea
{
    border-width: thin;
    border-style: solid;
    border-color: #98d382;   
    background-color: #dbf1d1; 
    color: #008800;
    
}

#commentheader
{
      color: #008800;
      font-size: 11px;
      font-style: italic; 
}


/* Rating */
.ratingStar 
{
 font-size: 0pt;
 width: 13px;
 height: 12px;
 margin: 0px;
 padding: 0px;
 cursor: pointer;
 display: block;
 background-repeat: no-repeat;
}

.filledRatingStar 
{
 background-image: url(Images/FilledStar.png);

}

.emptyRatingStar 
{
 background-image: url(Images/EmptyStar.png);
}

.savedRatingStar 
{
background-image: url(Images/SavedStar.png);
}