.ingredient-container
{
	margin-top:.5em;
	display:inherit;
}
#FBlogin
{
    margin-top:.3em;
}
#FBLoginLink
{
	position:relative;
	left: 57px;
	bottom: 5px;
	width:143px;
	height:22px;
}
#FBloginFromPrompt
{
    outline:none;
}

.grid-element .hrecipe
{
    display:none;
}

.grid-element
{
    border-color:#D8B2B2;
    border-width:thin;
    border-style:solid;
    padding:.3em;
    padding-bottom:.4em;
    margin:.3em;
    display:inline-block;
    width:160px;
}

.grid-photo
{
    vertical-align:middle;
    height:160px;
    width:160px;
    position:relative;
    left:0px;
}

}
.grid-photo .photo
{
    width:auto;
}

.methods div, .supplies div, .equipments div, .brands div
{
	margin-left:36px;
	text-align:left;
}
.servingSize
{
	margin-left:.3em;
}
.hrecipe
{
	margin-bottom:1em;
	border-bottom-color:#D8B2B2;
	border-bottom-style:solid;
	padding:.4em;
}

#fbContent .hrecipe
{        
    border-bottom-style:none;
    border-bottom-width:0;
}

.source-info
{
	margin-bottom:.5em;
}
.equipments, .supplies, .brands
{
	margin-top:.5em;
}
.entry-title
{
    font-size:larger;
}
/*
.grid-details span
.grid-details .author-container
.grid-details .author

.grid-details .author
.grid-details h1,
  
.grid-details .author-container,
.grid-details .author-container .author */
.grid-details .entry-title, /*title h1*/
.grid-details span,
.grid-details .author a
{
    line-height:1.2em;    
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    vertical-align:bottom;
/*    width:160px; /* 160 - 2* (15 +3) */
}

.grid-details .organization .name
{
    display:inline-block;
    width:86px;
}
.grid-details .author, .grid-details .organization
{
    height:15px;
    display:inline-block;
}
.grid-details .author .name, .grid-details .author a
{
    display:inline-block;
    width:106px;
}

.grid-element .entry-title, .grid-photo .save-button, .grid-details .author, .grid-details .organization
{
    font-size:xx-small;
}

.grid-element .entry-title, .grid-details .author-container
{
    text-align:left;
}
.grid-details .entry-title
{
    margin-left:0px;
    margin-top:.2em;
}
.grid-photo .save-button
{
    display:inline;
}
.grid-details .author, .grid-details .organization
{
    margin-left:0px;
}
.grid-details 
{
    padding-bottom:.2em;
}

.grid-photo .save-container
{
    position:absolute;
    bottom:4px;
    left:4px;
    z-index:9999;
}
.yield-container, .entry-title, .ingredient-heading, .method-heading, .equipment-heading, 
.supplies-heading, .cooking-times, .summary, .brands-heading, .instructions
{
	margin-left:36px;
}

.instructions
{
    margin-top:.4em;
}
.thumb, .i-want, .i-dont-want, .delete-me
{
	float:left;
	width:15px;
	height:15px;
	margin-right:3px;
}
.ui-dialog-content.ui-widget-content div[style]
{
    min-height:0px !important;
    visibility:hidden !important;
}
.want li div, .dont_want li div
{
    padding-left:18px;
}

.slider-holder
{
	margin-bottom:.4em;
 	border-color:#800000;
    border-width:thin;
    border-style:solid;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
    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-dialog .ui-dialog-buttonpane
{
	color:#000000;
	background-color:#E0E8B6;	
}
/*.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; }
*/

.ui-autocomplete .ui-state-hover
{
    border: 1px solid Black;
    background: #E0E8B6;
    font-weight:bold;
    color: Black;
}

.ui-widget-content .ui-button-text-only
{
	background: #800000;	
}

#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
{
    margin-left:.5em;
    margin-right:.6em;  
}
#check-boxes
{
    margin-top:.5em;   
}
#maxTotalTime, #minStarRating
{
    width:2em;
}
.max-time-radio
{
    text-align:left;
}


.photo, .author-photo, .main-info-photo, .main-info-left
{
	float:left;
}
.search-form input[type="submit"]
{
    font-weight:normal;
}


.thumb, .delete-me 
{
    cursor:pointer;
}

#left-column
{
    z-index:100; 
    height:100%;
    top: 70px;
    margin-top:.5em;
    padding-top:.5em;
    position:fixed;
    /*padding-left:10px; */
    /*width:inherit; */
    width:20em;
    overflow:hidden;
}

.photo-anchor, .save-container
{
    display:table;
}
/*
.top-menu-link
{
    text-align:right;
    float:right;
}

.top-menu-link-column, .top-menu-link-column:hover
{
    width:11ex;
    padding-right:.5em;
}
.top-menu-at-column
{
    width:2em;
    float:left;
}
.at-indicator, .at-indicator:hover
{
    font-weight:normal;
    display:inline-block;
    height:1em;
    width:1em;
    -moz-border-radius: .5em;
    -webkit-border-radius:5em;
    border-radius:5em;
    background-color:#E0E8B6;
    margin-right:.5em;
    float:right;
}
*/

.top-menu-link
{
/*    border-color:#800000;
    border-width:thin;
    border-style:solid;
    padding-left:.3em;
    padding-right:.3em;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
*/}

#logindisplay
{
    margin-top:.2em;
    float:right;   
    text-align:right;    
    display:inline;
    font-size:small;
}

.switch-holder
{
    display:inline;
    font-size:small;
}

#upperNavButtons
{
	position:fixed;
	top: 55px;
	right: 10px; 	
}

.upperNavButton
{
/*	margin-left: 3px;
	margin-right: 3px;*/
	width:15px;
	height:15px;
}
/**/
#top-menu
{
    padding-right:.5em;
    padding-left:.5em;
    display:inline;
    position:fixed;
    left: 320px;
    top: 10px;    
    font-size:medium;
}
#top-menu li
{
	display: inline;
	list-style-type: none;
	padding-right: 2px;
}

#top-menu-search-tab, #top-menu-my-recipes-link, #gridTab, #listTab, #detailTab
{
    /*background-color:#800000;*/
    vertical-align:middle;
    color:White;
    line-height:28px;
}

#logindisplay
{
    width:200px;
}
#main
{
    text-align: left;
}    
#search-results
{
    z-index:200;
    margin-top:.5em;
    position:relative;
    margin:auto;
    text-align:left;
    display: inline-block;
    margin-left:21em;
}


#controls-title /*, #controls-title:hover*/
{
/*    background-color:#800000;*/
    color:White;
    text-align:center;
    width:100%;
    height:28px;
    line-height:28px;
    font-size:larger;
    padding-left: 2px;
    /*-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;*/
}

#reset-preferences, .save-button, .save-to-button /*, #listTab, #detailTab*/
{
    text-align:center;
    vertical-align:middle;
}

/*
#listTab, #detailTab, #grid-tab
{
	padding: 2px 0 0 0;
}
*/

#reset-preferences, .save-button
{
  /*z-index:9999;  */
    padding-left:.5em;
    padding-right:.5em;
    padding-top:.3em;
    padding-bottom:.3em;
}

#PrimaryPreferencesBtn:hover, #controls-title:hover, #reset-preferences:hover, .save-button:hover, .save-to-button:hover, 
.search-form input[type="submit"]:hover, .over, a.over:hover /*, #detailTab:hover #listTab:hover,  */
{
    font-weight:bold;
    cursor:pointer;
}

 a.out:active, a.out:hover {
    color:#800000;
    font-weight:inherit;
    text-decoration:none;
    cursor:default;
}

.out
{
    font-weight:normal;
    cursor:default;   
}

.main-ui-button, .save-to-button, .save-button
{	           	
	background-image: url(Images/btnGradient.png);
	/* gradient code generated by css-tricks.com/examples/ButtonMaker.
	background: #5a0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#5a0000), to(#cd3d3d));
    background: -webkit-linear-gradient(top, #5a0000, #cd3d3d);
    background: -moz-linear-gradient(top, #5a0000, #cd3d3d);
    background: -ms-linear-gradient(top, #5a0000, #cd3d3d);
    background: -o-linear-gradient(top, #5a0000, #cd3d3d);	*/
    
	font-weight:normal;
	  
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	color:White;
    text-align:center;
    vertical-align:middle;     
    /* 
	background-color: #5A0000;
	/*For WebKit (Safari, Chrome, etc) /
    background: #5A0000 -webkit-gradient(linear, left top, left bottom, from(#5A0000), to(#CD3D3D)) no-repeat;
    /* Mozilla,Firefox/Gecko /
    background: #5A0000 -moz-linear-gradient(top, #5A0000, #CD3D3D) no-repeat;
    /* IE 5.5 - 7 /
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5A0000, endColorstr=#CD3D3D) no-repeat;
    /* IE 8 /
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5A0000, endColorstr=#CD3D3D)" no-repeat;    
    */
}

.main-ui-button-border
{
    border-bottom-color:#800000;
    border-left-color:#800000;
    border-right-color:#800000;
    border-bottom-width:medium;
    border-left-width:medium;
    border-right-width:medium;
    border-bottom-style:solid;
    border-left-style:solid;
    border-right-style:solid;	

}

.options-dropdown-expanded
{
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;	
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-top:0;
	padding-left: 0;
	margin-right: -2px;
}

.tab-button
{
/* gradient code generated by css-tricks.com/examples/ButtonMaker.
	background: #5a0000;
    background: -webkit-gradient(linear, left top, left bottom, from(#5a0000), to(#cd3d3d));
    background: -webkit-linear-gradient(top, #5a0000, #cd3d3d);
    background: -moz-linear-gradient(top, #5a0000, #cd3d3d);
    background: -ms-linear-gradient(top, #5a0000, #cd3d3d);
    background: -o-linear-gradient(top, #5a0000, #cd3d3d);		*/
    
    background-image: url(Images/GradientBand.png);
    
    color:White;
    text-align:center;
    vertical-align:middle;            
}

.tab-button:hover
{
	font-weight:bold;
    cursor:pointer;	
    /*background: #141414;*/
    background: #5A0000;
}

.tab-button-selected
{
	background: #5a0000;	
	border-color: Black;	
	background-image: url(Images/SelectedGradientBand.png);
}

.upper-outer-left-tab
{
    border-left-color:#800000;
    border-right-color:#000000;   
    border-left-width:medium;
    border-right-width:medium;
    
    border-left-style:solid;
    border-right-style:solid;	

	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.lower-outer-left-tab
{       
    border-left-color:#800000;
    border-right-color:#000000;   
    border-left-width:medium;
    border-right-width:medium;
    border-bottom-color:#800000;
    border-bottom-width:medium;
        
    border-left-style:solid;
    border-right-style:solid;	
    border-bottom-style:solid;
    
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 0 0 0 5px;    
}

.lower-inner-tab
{
	border-bottom-color:#800000;
    border-bottom-width:medium;	
    border-bottom-style:solid;
}

.upper-outer-right-tab
{
	border-left-width:0;
    border-right-color:#800000;   
    border-right-width:medium;
    border-right-style:solid;		
    
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;    		
}

.lower-outer-right-tab
{
    border-left-color:#000000;
    border-right-color:#800000;   
    border-left-width:medium;
    border-right-width:medium;
    border-bottom-color:#800000;
    border-bottom-width:medium;
    
    border-left-style:solid;
    border-right-style:solid;	
	border-bottom-style:solid;    
    
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;     		
}

#menuUpperTabs li
{
	width:48%;	
}
#viewTabs li
{    
	width:31.7157%
	/*width:31.66666666666666666666667%;*/
}

/*#controls-holder,#listTab, #reset-preferences,,
#detailTab
{
     border-color:#800000;
     border-width:medium;
     border-style:solid;
}
 
/.switch-holder, #listTab, .save-to-button,#reset-preferences,, .save-button
 #detailTab
{
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#800000;
    color:#E0E8B6;
    text-align:center;
}
*/
.switch-holder
{
	width:22ex;
}


#controls-holder
{ 
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius:5px;             
    margin-left:.5em;
    margin-right:1em;
}
/*
#controls-holder
{ 
    margin-left:.5em;
    margin-right:1em;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:5px;
    background-color:#800000; /*to get rid of white line in ie/
    
    /*for other browsers/
    margin-right:1em; /*this was 4 em which made it very wide/
   
    /*for ie9/
/*    border-bottom-color:#800000;
    border-left-color:#800000;
    border-right-color:#800000;
    border-bottom-width:medium;
    border-left-width:medium;
    border-right-width:medium;
    border-bottom-style:solid;
    border-left-style:solid;
    border-right-style:solid;
    border-top-style:none; /
    
}
*/

#reset-preferences, #site-like-buttons
{
    margin-left:.5em;
    margin-bottom:.5em;
    position:relative;
}
/*
#reset-preferences
{
    display:inline-block;
}
#reset-preferences 
{
    display:none;
    visibility:hidden;
}*/
.save-to-button 
{
    display:none;
    visibility:hidden;
}

#controls
{
    display:none;
    padding-left:.5em;
    padding-right:.5em;
    padding-top:.5em;
    padding-bottom:.5em;
    text-align:left;
    background-color:White;
    color:Black;
}
a.here
{
    background-color:#E0E8B6;
} 
#nav-holder
{
    width:100%;
    /*float:left; */
}
#max-time-container
{
    margin-bottom:.4em;
}
#tot-time-container
{
    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;
	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;
	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-top:.3em;
    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;
}

#search2
{
    width:100%;
    float:left;
    margin-top:.3em;
}
#nav, #nav tbody, #nav tr, #nav td
{
    border-width:0;
}
.b
{
    font-weight:bold;
}


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

#right-column
{
    margin-top:70px;
    z-index:100;
    padding:.4em;
    font-size:larger;
}

#bd
{
  /*  margin-right:10px; */
    display:block;
    padding-top:.5em;
	/*background-color:#E0E8B6;*/
	/*z-index:9999;*/
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:0px;
	height:100%;
}

#yui-main
{
    background-color:White;
    margin-top:70px;
  /*  padding:5px;
    -moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px; */
	border-color:#E0E8B6;
	z-index:50;
}
body 
{
    margin: 0;
    padding: 0;
/*	background-color:#E0E8B6; 
	padding-left:10px;
	padding-right:10px; 
	height:100%; */
}
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:left; 
}

.search-form input[type="submit"]
{
	font-weight:bolder;  
}
.masthead 
{
   font-size:123.1%; 
   text-align:right; 
   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*/
}
.fixed_elem
{
    position:fixed !important;
}
.table {
    display: table; /* our outer contaner should behave like table; */
    width: 100%;    /* set width to 100% */
    position:relative;
}

.table-row 
{
/*	display: table-row;*/
}

.table-cell {
    display: table-cell; /* our internal wrapper should behave like table cell to allow vertical-align */
    vertical-align: top; /* align all elements vertical */
    text-align:left;
}

.tab-cell
{
	/*display: table-cell;*/
	vertical-align: middle;
	height:28px;	
}

#upper-tab-block
{
	padding-top: 9px;
	padding-bottom:9px;
	padding-left:2em;
    text-align:left;  
    display:inline;
    float:left;
/*    position:absolute;
    left:305px;
    top:10px;*/
    width:28em;/*309px;    	*/
}

.menu-tabs ul, .menu-tabs li
{
	list-style-type:none;
	margin:0;
	padding:0;
/*	padding:10px 0 10px 0;*/
}

.menu-tabs li
{	
	display:block;
	float:left;	
	text-align:center;
}

.menu-tabs a 
{
	text-decoration:none;	
}

#logoTableCell
{
	width: 200px;	
}

#head-center
{
    text-align:left;
    padding: 10px 0 0 10px;
    overflow:hidden;
    position:relative;    
    top: 2px;
    float:left;
}
#tag-line
{
    padding-top:.3em;
    font-size:large;
    /*position:relative;
    bottom: 10px;*/
}

#head-right
{
	display:inline;
	width: 250px;	
	text-align:right;
}

#SearchBox1
{
    height:1.5em;
    width: 200px;
    vertical-align:top;
    
    -moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	
	border-style:solid;
	border-width:1px;
	border-color: #C0C0C0 #D9D9D9 #D9D9D9;
	
	outline:none;
}

.GrayPromptText
{
    color: #808080;
}

#logo {
    text-decoration:none;
    padding-left:5px;
    float: left;
    bottom:0;
    display:inline;
}
#slogan
{
    text-align:left;
    float:left;
    left:230px;
    position:absolute;
    overflow:visible;
    bottom:0;
    vertical-align:bottom;
}
#search1
{
    margin: 0;
 /*   padding-bottom: 0.3em;    */
    width:100%;
}
.right-section-of-masthead {
    float:right;
    font-size:large;
    /*padding-right:20px;
    padding-bottom: 0.3em;*/
    position: fixed;
    right: 10px;
    top: 5px;
    width: 226px;           
}

#loginButton
{
    /*margin-right:5px;*/
}

#registerButton
{
	margin-right:2px;
}

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

.dialog-validation-error
{
    font-weight: bold;
    color: #800000;  
}

#search-submit-button
{
	text-align:left;
	margin-left: -5px;
	background-image: url(Images/searchIcon.png);
	background-position:center;
	background-repeat:no-repeat;
	
    background: #f6f6f6;
    background: -webkit-gradient(linear, center top, left bottom, from(#FFFFFF), to(#E0E0E0));
    background: -webkit-linear-gradient(top, #FFFFFF, #E0E0E0);
    background: -moz-linear-gradient(top, #FFFFFF, #E0E0E0);
    background: -ms-linear-gradient(top, #FFFFFF, #E0E0E0);
    background: -o-linear-gradient(top, #FFFFFF, #E0E0E0);
    	
	width:34px;
	height:1.5em; /*19.5px;*/
    -moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	
	border-style:solid;
	border-width:1px;
	border-color: #C0C0C0 #D9D9D9 #D9D9D9;
	box-shadow: 0 0 1px #FFFFFF inset;
	
	outline:none;
}

#search-submit-button:hover
{
    background: -webkit-gradient(linear, center top, left bottom, from(#FFFFFF), to(#E8E8E8));
    background: -webkit-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: -moz-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: -ms-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: -o-linear-gradient(top, #FFFFFF, #E8E8E8);
    
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #ffffff inset;
}

.prepTime span, .cookTime span, .activeTime span, .inactiveTime span, .totalTime span,
.duration span, .yield, .servingSize, .vcard span, .organization span
{
	font-weight:normal;
}

.prepTime, .cookTime, .activeTime, .inactiveTime, .totalTime,
.duration, .ingredient-container, .yield-container, .vcard, .organization,
.method-heading, .equipment-heading, .supplies-heading, .brands-heading
{
	font-weight:bold;
}

.ingredient
{
	font-weight:normal;
	display:inherit;
}
.author-photo-holder
{
	float:left;
	width:50px;
}

.photo
{
    margin-bottom:.4em;
  /*  height:200;/*   might not be neccessary. i think this helps page draw before images are loaded. but hard to see over fast connection*/
	width:160px;
	display:block;
}
.author-photo
{
	width:50px;
}
.main-info-text, .source-info-text
{
	text-align:left;
}

.author, .organization
{
    margin-left:36px;  
}
.main-info-text
{
    margin-left:162px;
    margin-right:2px;
}
.main-info, .source-info, .ingredient-container 
{	
	width:100%;
	float:left;
}
.instructions
{
    float:left;
}

#hd 
{
    padding-bottom:5px;
    top:0;
    height:70px;
    position:fixed;   
    width:100%; 
}
#ft 
{
   margin-top:5px;
   padding-bottom:1.5em;
   padding-top:.3em;
   text-align:center;
   position:relative;
}

#ft, #hd
{
   z-index:300;
   padding-left:10px;
   padding-right:10px;
   background-color:#E0E8B6;
   display:block;
   width:100%
}

.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%;
   margin-bottom:.7em;
}
.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:justify;
}
#Comment
{
	width:100%;
}

#wants
{
    font-weight:bold;
    margin-left:0.6em;
    margin-right:0.5em;
    margin-bottom:1em;
}
#want_ingredients, #want_organizations, #want_authors, #want_methods, #want_equipment, #want_supplies, #want_brands, #want_dishes, #want_regions, #want_regionalInfludences, #want_other, #want_diets
{
    visibility:hidden;   
    height:0;
}
.want, .dont_want
{
    font-weight:normal;
}
.ui-corner-all
{
    text-align:left;
}

#please-wait {
     visibility: hidden;
     /*display:inline-block; */
     display:none; 
     background-color:transparent;
     position:fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     border-width:medium;
     -moz-border-radius: 6px;
	 -webkit-border-radius:6px;
	 border-radius:6px;
}

#please-wait-img
{
   /* visibility:inherit;
    display:inherit;*/
    width:128px;
    margin: 200px auto;
    border-width:medium;
    -moz-border-radius: 6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.amount .value, .amount .type, .amount .size
{   
    display:none
}

#left-padding { position: fixed; height: 100%; width: 10px; left: 0; background-color: #E0E8B6; }
#right-padding { position: fixed; height: 100%; width: 10px; right: 0; background-color: #E0E8B6; }

.upperNav
{
	margin-left: 50px;
	margin-top: 50px;
}

.upperNav a 
{
    color:#0000FF;
    text-decoration:none;     
}

#promptToLoginForm,
#CreatePreferencesGroupDialog
{
	display:none;			
}

.ui-dialog
{
    background: #E0E8B6 url(images/ui-bg_flat_75_E0E8B6_40x100.png) repeat-x scroll 50% 50%;
}

#promptToLoginForm a 
{ 
	display:inline; 
	color:#800000;
	text-decoration:underline;
}

#promptToLoginForm fieldset, 
#CreatePreferencesGroupDialog fieldset
{ 
	margin-left:15px; margin-right: 15px; border:0; margin-top:25px; 
	background-color:#E0E8B6;
}

#PreferencesSplitButton
{
	display:none;
	margin-left:.5em;
	margin-bottom: .5em;
} 
#PreferencesSplitButton .PreferencesSplitExtraOptions 
{ 
    display: none; list-style-type: none;  margin: 5; border: 2px solid #909090; background-color: #E5E5C1; z-index: 999; position: absolute; 
    border-radius:5px;
} 
#PreferencesSplitButton .PreferencesSplitExtraOptions li 
{ 
    padding: 5px 3px 5px 3px; margin: 0; width: 175px; border: 1px solid #000; border-width: 0 0 1px 0;
} 
#PreferencesSplitButton .PreferencesSplitExtraOptions li:hover 
{ 
    cursor: pointer; 
    background-color: #fff; 
} 
#PreferencesSplitButton .PreferencesSplitExtraOptions li a 
{ 
    text-transform: none; 
}

.coloredDownTriangle 
{ 
	background-image: url(Images/downTriangleIcon.png) !important;	
}

.ui-button-text
{
	color: White;
}

.splitBtnPrimary
{	
	border-right: 0px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	border-radius: 5px 0 0 5px;	
}
/*border-bottom-left-radius:5px;	*/

.splitBtnSecondary
{	
	border-left:0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}


#PrimaryPreferencesBtn
{
	height:28px;	
	border-color:transparent;
}

#SecondaryPreferencesBtn
{	
	height:28px;
	border-color:transparent;
}

#validationTips
{
	margin-bottom: .5em;
}

#optionsDropDownIcon
{
	z-index:900; 
	padding: .40em 8px 0 0;
	float:right;
}
#login-message
{
    margin-top:1em;
}

.upper-tab
{
	width:150px;
	border-bottom-color:Black;
	border-bottom-style:solid;
	border-bottom-width:medium;
}

.ing
{   
    margin-left: 36px;
    display:inherit;
}

/*
.upperTabs
{
	display:inline;
}
*/


/*.gradient4
{
	background-color: #628AD9;
    / For WebKit (Safari, Chrome, etc) /
    background: #628AD9 -webkit-gradient(linear, left top, left bottom, from(#001640), to(#628AD9)) no-repeat;
    / Mozilla,Firefox/Gecko /
    background: #628AD9 -moz-linear-gradient(top, #001640, #628AD9) no-repeat;
    / IE 5.5 - 7 /
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#001640, endColorstr=#628AD9) no-repeat;
    / IE 8 /
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#001640, endColorstr=#001640)" no-repeat;    
}
*/