﻿.RecipesSearch,
.AdvancedSearch,
.SiteSearch {
    margin-bottom: 10px;
}
.RecipesSearchNavigation {
    height: 35px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.RecipesSearch .RecipesSearchNavigation {
    background-position: 0px 1px;
}
.AdvancedSearch .RecipesSearchNavigation {
    background-position: 0px -36px;
}
.SiteSearch .RecipesSearchNavigation {
    background-position: 0px -74px;
} 
.RecipesSearch h1 {
    font-weight: bold;
}
.AdvancedSearch h2 {
    font-weight: bold;
}
.SiteSearch h2 {
    font-weight: bold;
}
.RecipesSearchNavigation .Heading {
    float: left;
    width: 265px;
}
.TabsArea {
    float: left;
    width: 385px;
}
.TabsArea h1,
.TabsArea h2 {
    margin-top: 8px;
    height:23px;
    text-transform: uppercase;
}
.Tab1 a,
.Tab2 a,
.Tab3 a{
    display:block;
    height:100%;
    width:100%;
}
.TabsArea .Tab1 {
    float:left;
    width: 128px;
    text-align: center;
}
.TabsArea .Tab2 {
    float:left;
    width: 130px;
    text-align: center;
}
.TabsArea .Tab3 {
    float:left;
    width: 127px;
    text-align: center;
}
.SearchArea {
    padding: 0px 15px;
}
.AdvancedSearchArea {
    display: none;
    padding-bottom: 10px;
}
.SiteSearchArea {
    display: none;
}
.TextSearchBox {
    margin-right: 10px;
    width: 420px;
    border:medium none;
    background: url(../../images/common/search-boxes-background.gif) no-repeat top left;
    padding: 8px 15px;   
    font-size: 13px;
    color: #666666;
    
    float: left;
    margin-top: 2px;
}
.FindRecipesButton {
    width: 148px;
    height: 36px;
}
.SiteSearchButton {
    width: 148px;
    height: 36px;
    background-position: 0px -112px;
}
.SearchArea .ArrowRight {
    margin-right: 15px;
    display: inline-block;
}
.AdvancedSearchArea .DropDownArea {
    float: left;
    width: 445px;
}
.AdvancedSearchArea .DropDownArea td {
    padding: 3px 0px;
}
.AdvancedSearchArea .DropDownArea label {
    display: block;
    width: 60px;
}
.AdvancedSearchArea .QuestionMark {
    margin-left: 10px;
    width: 17px;
    height: 17px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
}
.AdvancedSearchArea .DropDownArea select {
    width: 340px;
    height: 20px;
    color: #666666;
}
.AdvancedSearchArea .CheckBoxArea {
    float: left;
    padding-left: 15px;
    width: 160px;
}
.AdvancedSearchArea .CheckBoxArea .Checkbox {
    margin-bottom: 5px;
}
.AdvancedSearchArea .CheckBoxArea .One {
    margin-bottom: 10px;
}
.AdvancedSearchArea .CheckBoxArea .Title {
    margin-left: 10px;
    display: inline;
}
.AdvancedSearchArea .CheckBoxArea .QuestionMark {
    margin-top: 3px;
    display: inline-block;
}
.AdvancedSearchArea .CheckBoxArea .TextArea {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 150px;
    height: 40px;
}
.AdvancedSearchArea .BottomTable {
    border-top: 1px dotted #666666;
    width: 435px;
    height: 2px;
    overflow: hidden;
}
.AdvancedSearchArea .TextInput {
    padding: 2px;
    color: #666666;
}
.AdvancedSearchArea .CheckBoxArea .Byline {
    margin-bottom: 5px;
    *margin-top: 2px;
    display: block;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #EDEDEE;
  color: #7B7A7A;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #EDEDEE;
}
.cluetip-default h3#cluetip-title {
  display: none;
  background-color: #000;
  color: #fff;
}
.cluetip-default #cluetip-title a {
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #7B7A7A;
}