input.text
{
    color: #9c8f4a;
    font-size: 110%;
    border: solid 1px #FFF;
    vertical-align: middle;
    padding-left: 0.5em;
    width: 20.5em;
}

input.text:focus
{
    background-color: #efefef;
}

.rightSide
{
    text-align: right;
    float: right;
    width: 200px;
    margin-right: 16px;
}

.recipes
{
    float: left;
    padding-bottom: 24px;
    width: 562px;
    color: #555;
}
.recipe 
{ 
    margin: 6px;
}

.recipe .top
{
    height: 9px;
    background-image: url('/images/resultTop.png');
    background-repeat: no-repeat;
}

.recipe .bottom
{
    height: 9px;
    background-image: url('/images/resultBottom.png');
    background-repeat: no-repeat;
}

.recipe .wrapper
{     
    background-image: url('/images/resultBg.png');
}

.recipe .content
{
    padding: 8px 12px;
}

.recipe .title
{
    font-size: 1.3em;
}

a.title, a.title:active, a.title:visited
{
    color: #70852b;
    text-decoration: none;
}

a.title:hover
{
    color: #4e524a;
}

.recipe .desc
{
    font-size: 0.8em;
    margin-left: 6px;
    width: 400px;
}

.searchArea
{   
    margin: 1.6em auto;
    width: 26em;
}

.searchArea a:link, .searchArea a:visited, .searchArea a:active
{    
    text-decoration: none;
    color: #9c8f4a;
}

.searchArea label
{
    display: inline;
}

.searchArea div.rightCol
{
    float: right;
}

.searchArea div.leftCol
{
    float: left;
}

.searchArea div.recipeCriteria select, .searchArea div.recipeCriteria input
{
    font-size: 0.75em;
}

.search
{
    margin: auto;
    margin-top: 2px;
    background-color: #fff;    
    border: solid 1px #959d8e;
    width: 25.8em;
} 

.searchButton
{  
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(/images/search.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-top: 1px;
}

.searchButton:hover
{
    background-position: -30px 0px;
}

.searchTitle
{
    margin: 0.3em 1.0em;
    font-size: 1.3em;
    color: #4e524a;
}

.pager
{
    clear: left;
    margin: auto;
    text-align: center;
    color: #9c8f4a;
}

.pager ul
{
}

.pager li
{
    display: inline;
    border: solid 1px gray;
    background-color: #f5f5e3;
    margin: 2px;
    padding: 2px 8px;
    font-size: 1.2em;
}

.pager li.current
{
    background-color: #d0d0c1;
}

.pager li:hover
{
    background-color: #85857b;
    color: #efefef;
}

.pager a, .pager a:active, .pager a:visited
{
    text-decoration: none;
}