.ui-state-default.ui-corner-all.no-thanks
{
    background-image:url('../../Content/Images/thumbsdown_51x49.png');
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 51px;
    height: 49px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}
.ui-state-default.ui-corner-all.yes-please
{
    background-image:url('../../Content/Images/thumbsup_51x49.png');
    display: block;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 51px;
    height: 49px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-align: center;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}


.slider-holder
{
	margin-bottom:.4em;
 	border-color:#800000;
    border-width:thin;
    border-style:solid;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    padding-bottom:.4em;
    padding-left:.4em;
    padding-right:.4em;

}
.slider-low, .slider-high
{
    margin-top:1em;
}
.slider-low
{ 
    float:left;
}
.slider-high
{
    float:right;
    text-align:right;
}
    
.max-time-radio input
{
    margin:.3em;
}
#complexitySlider .ui-widget-header, #starRatingSlider .ui-widget-header, #localInseasonSlider .ui-widget-header
{
    background-image:none;
    background-color:#E0E8B6;    
}

.ui-dialog .ui-widget-header
{
    background-image:none;
    background-color:#800000;
    color:#E0E8B6;
    border: none;
    font-size:large;
    font-weight:900;
}
.ui-widget-content 
{  
    color:#000000;
    background-color :#E0E8B6;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #000000; background: #fdf5ce; font-weight: bold; color: #c77405; }
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; }

/*.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
*/

/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
*/

/*.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
*/

#complexitySlider .ui-state-hover, #complexitySlider .ui-state-focus,
#starRatingSlider .ui-state-hover, #starRatingSlider .ui-state-focus,
#localInseasonSlider .ui-state-hover, #localInseasonSlider .ui-state-focus 
{
    background-image:none;
    background-color:#E0E8B6;
}
#complexitySlider, #localInseasonSlider
{
    margin-bottom:1em;
    margin-top:.5em;
    background-color:#800000;
    background-image:none;
}
#starRatingSlider
{
    margin-bottom:.4em;
    margin-top:.5em;
    background-color:#800000;
    background-image:none;	

}
.slider
{
}
input[type="text"].max-time-text, #minStarRating
{
    width:2em;
}
.max-time-radio
{
    text-align:left;
}

#search1
{
    padding-bottom:.3em;
}
.controls-holder
{
    border-color:#800000;
    border-width:medium;
    border-style:solid;
    margin-left:.5em;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    
}
.controls-title, .controls-title a, .controls-title a:link, .controls-title a:visited, .controls-title a:hover, .controls-title a:active
{
    background-color:#800000;
    color:#E0E8B6;
    text-align:center;
    width:100%;
    font-weight:900;
    font-size:large;
}
.controls
{
    padding:.5em;
}
a.here
{
    background-color:#E0E8B6;
} 
#nav-holder
{
    width:100%;
    float:left;
}
.max-time-container
{
}
.max-time
{
    width:auto;    
    text-align:left;
    border-color:#800000;
    border-width:thin;
    border-style:solid;
    margin-left:auto;
    margin-right:auto;
    -moz-border-radius: 6px;
	-webkit-border-radius:6px;
	padding-left:.4em;
	padding-right:.4em;	
	padding-bottom:.4em;
/*	width:-moz-max-content; this must be implemented in ie and gecco*/

}
.ing-sub-heading
{
    text-align:center;
    background-color:#E0E8B6;
    width:100%;
}
.ing-text-area-container
{
    text-align:center;
    background-color:#E0E8B6;
    widows:95%;
    margin-top:.4em;
    border-color:#800000;
    border-width:thin;
    border-style:solid;
    -moz-border-radius: 6px;
	-webkit-border-radius:6px;
	padding-left:.4em;
	padding-right:.4em;
	}
.textarea-left
{
    width:90%;
}
.textarea-right
{
    width:90%;
}
.line-with-text-box
{
    padding-bottom:.4em;
    padding-top:.4em;
}
#nav
{
    margin-left:auto;
    margin-right:auto;
}
#nav td
{
    padding:0;
}

#nav a
{
    border:1px solid;
    display:block;
    margin:0 0.38em 0 0;
    padding: 0.3em 0.7em;
    text-align: center;
}

#search-form2
{
    width:100%;
    float:left;
}
#nav, #nav tbody, #nav tr, #nav td
{
    border-width:0;
}
.b
{
    font-weight:bold;
}


.yui-gf .yui-u .yui-g {
	width: 100%;
}


#bd
{
   
    padding-top:.5em;
    padding-bottom:.5em;
	background-color:white;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}
body 
{
	background-color:#E0E8B6;
}
a {
    color:#800000;
    text-decoration:none;
}
a:link {
    color:#800000;
    text-decoration:none;

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

}
a:hover {
    color:#800000;
    font-weight:bold;
    text-decoration:none;

}
a:active {
    color:#800000;
    font-weight:bold;
    text-decoration:none;

}
.search-form
{
    font-weight:bold;
    font-size:123.1%; 
    text-align:center; 
}
.search-form input[type="text"]
{   
	width:30%;
}
.search-form input[type="submit"]
{
	color:White;
	font-weight:bolder;
	background-color:#282323;
}

.search-form input[type="submit"]:hover
{
    color:White;
    font-weight:900;
	background-color:#0BE84A;
}
.masthead 
{
   font-size:123.1%; 
   text-align:center; 
   padding-left:5px;
   padding-right:5px;
   background-color:Transparent;
}
.masthead input, .masthead textarea
{
   border-color:#9EB847;
   border-style:solid;
   border-width:thin;   
}
.masthead table, .data-entry table
{
   margin-bottom:0em;
}
.masthead td, .masthead tr, .data-entry td, .data-entry tr 
{
   padding-bottom:1px;
   padding-top:1px;
   border-width:0px;      
/*	border-color:#9EB847; must be transparent but browsers are not handling transparent corectly. in any case i set the width to zero*/
}

#logo {
    text-decoration:none;
    padding-left:5px;
}
.right-section-of-masthead {
    float:right;
}
.left-section-of-masthead {
    float:left;
}


#search-form
{
	font-weight:bold;
}



.duration, .ingredient-container, .yield, .vcard, .organization
{
	font-weight:bold;
}
.duration span, .yield span, .vcard span, .organization span
{
	font-weight:normal;
}
.ingredient
{
	font-weight:normal;
}
.author-photo-holder
{
	float:left;
	width:50px;
}
.photo, .author-photo, .main-info-photo
{
	float:left;
}
.photo
{
	width:160px;
}
.author-photo
{
	width:50px;
}
.main-info-text, .source-info-text
{
	text-align:left;
}
.main-info-text
{
    margin-left:170px;
    margin-right:10px;
}
.main-info, .source-info, .ingredient-container, .instructions
{	
	width:100%;
	float:left;
}


#hd 
{

}
#ft 
{
   margin-top:5px;
   padding-bottom:.3em;
   padding-top:.3em;
}

.data-entry {
}
.data-entry h3 
{
    clear:left;
}

.data-entry input[type="text"], .data-entry input[type="password"], .data-entry textarea {
   border-color:Black;
   border-style:solid;
   border-width:1px;
   width:100%;
}
.data-entry input[type="text"], .data-entry input[type="password"] {
   max-width:33.2em;
}
/*.data-entry input[type="password"] {
    max-width:300px;
    width:100%;
}*/
.data-entry textarea {
    width:100%;
}
.data-entry-radio-button-list {
}
.data-entry a 
{
    margin-right:1em;
    float:left;
    color:#800000;
}
.data-entry a:link 
{
    margin-right:1em;
    float:left;
    color:#800000;
}
.data-entry a:visited 
{
    margin-right:1em;
    float:left;
    color:#800000;
}
.data-entry a:hover {
    margin-right:1em;
    float:left;
    color:#800000;
    font-weight:bold;
}
.data-entry a:active 
{
    margin-right:1em;
    float:left;
    color:#800000;
    font-weight:bold;
}

.validator-control
{
    color:Red;       
}

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}



.ttl
{
	visibility:hidden;
}
.data-entry-form, .success-message
{
	color:#282323;
	font-size:large;
	font-weight:bold;
	text-align:center;
}
#Comment
{
	width:100%;
}