html,body{
	margin: 0 0 0 5px;
	padding: 0;
	height: 97%;
	width: 850px;
	font-weight:100;
}

body{
	font:76% "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
	font-weight: 300;
	padding-top: 10px;
}

a:link {color: blue; }
a:visited {color: blue;}
a:hover { color: red;}

a img {border: none; }

div#header {
	margin: 0 0 5px 0;
	color: #B895E0;
	text-align: left;
}

h1 {
	padding-left: 15px;
	margin: 0;
	font-size: 250%;
	font-weight: 100;
	padding-bottom: 7px;
}

h1 span {
	color: #FFC4AA;
}

h2{
	font-size: 130%;
	font-weight: 200;
	margin: 0;
	padding-left: 10px;
	padding-right: 15px;
}

h2.active {
	background: #FFE9AA;
}

h2.inactive {
 	background: #DDF0A0;
 	color: #3C0012;
}

h2.tab {
	float: left;
	margin-left: 10px;
	margin-right: 2px;
	display: block;
}

h2.tab:hover {
	cursor: pointer;
}

h2#t1 {
	margin-left: 5px;
}
h2#t4 {
}

p{
	margin: 0;
	padding: 0 15px 0.7em;
	line-height: 1.5;
	margin-top: 5px
}
address{
	font-style: normal;
}


div#content{
	height: 90%;
	width: 700px;
	margin: 0;
	padding-top: 5px;
}

div#rightAdContainer {
	margin-top:5px;
	width: 120px;
	float: right;
}

div#loadingMessage {
	position: absolute;
	left: 650px;
	top: 100px;
}

div#rightAdBottom{
	padding-top: 10px;
}

div#ingredientContainer {
	float:left;
	width:160px;
}

div#ingredients p {
	margin: 10px 0px 5px 0px;
}

div#ingredients {
 	background: #FFE9AA;
 	color: #3C0012;
	padding-bottom: 5px;
}

div.myBarItemsOverflow {
	height: 200px;
	overflow: auto;
}

input {
	vertical-align: middle;
}

div#recipeSearchStatus {
	margin-left: 5px;
    margin-right: 20px;
}

.inputField {
	padding: 0px 3px 1px 3px;
	font: 100% "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
}

input#btnAddIngredient {
	width: 30px;
}

input#btnSearchIngredients {
	width: 30px;
	margin-bottom: 15px;
    margin-top: 10px;
	padding-bottom: 2px;
}

input#recipeSearchInput {
	margin-left: 5px;
	margin-bottom: 15px;
    margin-top: 10px;
	width: 100px;
}

input#ingrSuggest{
	width:100px;
}

div.deleteImage {float:right; padding: 0; margin: 0 3px 0 3px; }
div.deleteImage img {vertical-align: middle; border: 0; height: 10px}

div.box{
    padding-bottom: 10px;
	display: inline;
	margin: 0px 10px 20px 10px;
	text-align:center;
    float: left;
    width: 160px;
}

div.boxContent {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 5px;
    background: #DDF0A0;
    color: #3C0012;
}
p{padding:0;}

div#myBarItems {
	text-align:left;
	margin: 0 10px 0 10px;
	padding-top: 3px;
}

div.contentTabContainer {
	clear: both;
	margin: 0 10px 0px 5px;
	padding: 5px 0px 0px 5px;
	overflow: auto;
	width: 487px;
	height: 90%;
	background:#FFE9AA;
}

div#recipes {
	float:right;
	width:500px;
	height: 100%;
	padding-left: 5px;
}


div.ingredientNameContainer {background:inherit; padding-left: 3px; padding-bottom: 1px}
div.ingredientNameContainerSelected {background:#F4001E; padding-left: 3px; padding-bottom: 1px}

tr.recipeSummary, .filterHighlightedRecipe {padding-top: 5px; vertical-align: middle}
tr.filterHighlightedRecipe {background:#A0D300}
tr.recipeDetails, .filterHighlightedRecipeDetails {vertical-align: top;}
tr.filterHighlightedRecipeDetails {background:#A0D300}

.filterHighlightedRecipeDetails td div{text-align: left; padding-left: 30px; padding-right: 30px}
.recipeDetails td div{text-align: left; padding-left: 30px; padding-right: 30px; overflow: hidden; height: 0px;}
.missingIngredientStyle {background-color: #FBA8B2;}

td.recipeName {
	text-align: left;
	padding-left: 10px;
	width: 185px;
}
td.recipeDifficulty {
	text-align: left;
	padding-left:5px;
	width: 165px;
}
td.recipeRating {
	padding-left:5px;
	padding-right: 5px;
	width: 75px;
}
td.recipeInstructions {
	padding-left: 10px;
	padding-right: 5px;
	width: 425px;
}

textarea#cocktailSuggestionText {
	width: 445px;
	height: 300px;
	overflow: auto;
	margin: 5px;
	margin-right: 0px;
	padding: 5px;
}

div#recipeSuggestionFeedback {
	color: red;
}