/* From main style.css in ModX */

html {
	overflow-x: hidden;
}

a, a:link {
	text-decoration: none; 
	color: RGB(200, 121, 52);
}
 a:visited { 
	color: RGB(103, 54,24);  
}

a:hover {
	color: RGB(153, 175, 129);
}

body {
	text-align:center;
	background: #ffffff url("http://peritus-tma.com/~wipotato/assets/templates/wpvga/img/content_grad_bg_2.jpg") repeat-x;
	background-color: RGB(226,204,154);
	margin:0;
}

h1 {
	/* To replicate Helvetica Light */
	font-family: Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 25px;
	color: RGB(197,117,37);
	margin-top: 20px;
	margin-bottom: 10px;
}

p {
	font-family: Helvetica, sans-serif;
	font-weight: 100;
	font-size: 13px;
	line-height: 16px;
}

.menuarrow{height:55px;width:215px;}

#wrapper{ position:relative;width:1125px;margin:0 auto;text-align:left;margin-bottom:25px;z-index:1;}
	#header_wrapper{position:relative;height:129px;margin-bottom:15px;}
	#header{ position:relative;height:129px;background:transparent url("http://peritus-tma.com/~wipotato/assets/templates/wpvga/img/headerWithLogo.jpg") no-repeat;}
		.logo,.logo img {width:114px;height:129px;border:none;}
		.logo {position:relative;left:60px;}
		
#main_area{ 
	z-index:1;
	padding-left:9px;
	padding-right:11px;
	overflow:hidden;
	background:transparent url("/rbook/skins/wpvga/images/content_bg_recipe.jpg") repeat-y 5px 0px;
	position:relative;
	width:978px;
	margin:0 auto;
	text-align:left;
}
	#topshadow{
		position:relative;
		margin:0 auto;
		width:985px;
		height:4px;
		margin-left:60px;
		background:transparent url("http://peritus-tma.com/~wipotato/assets/templates/wpvga/img/topshadow.png") no-repeat;
	}
	#leftshadow{position:absolute;height:9000px;width:5px;background:transparent url("http://peritus-tma.com/~wipotato/assets/templates/wpvga/img/leftshadow.png") repeat-y;left:0px;}
	#rightshadow{right:11px;top:0px;position:absolute;height:9000px;width:5px;background:transparent url("http://peritus-tma.com/~wipotato/assets/templates/wpvga/img/rightshadow.png") repeat-y;}
	#bottomshadow{
		position:relative;
		margin:0 auto;
		width:985px;
		margin-left:65px;
		height:12px;
		background:transparent url("http://peritus-tma.com/~wipotato/assets/templates/wpvga/img/bottomshadow.png") no-repeat;
	}
	#content{position:relative;float: right;padding-right:19px;width:778px;padding-left:0px;min-height:371px;
			
		}
	#content_text {
		padding-left: 30px;
		width: 440px;
	}
	#mainMenu{z-index:1;position:relative;float:left;width:178px;left:-5px;}
		#mainMenu div.menu{position:relative;z-index:2; }
		#mainMenu div.menu ul li a { font-size: 15px; font-weight: 100;}



	table#footer{background-color:transparent;position:relative;margin:0 auto;width:988px;}
p.footer {
	font-size: 11px;
}

	#header_new {
		position:relative;height:129px;background:transparent url("http://peritus-tma.com/~wipotato/assets/templates/wpvga/img/newHeaderWLogo.jpg") no-repeat;
		
	}	
	#facebook_header {
		color:white;
		float:right;
		font-size:12px;
		left:902px;
		position:absolute;
		top:84px;
	}
	#facebook_header img {
		border: none;
	}
	#facebook_header a {
		color: white;
		text-decoration: none;
	}

/* Specific for Recipe area */
	#content_recipe {
		position:relative;
		float: right;
		padding-right:25px;
		width:735px;
		padding-left: 35px;
		min-height:371px;
		margin-top: 20px;
			
		}
	
	
	
#footer_wrapper{
	width: 100%;
	min-width: 1125px;
	
	/*width: 2000px;*/
	height:50px;
	/*height: 450px !important;*/
	font-size: 8px;
	background:white url("http://peritus-tma.com/~wipotato/assets/templates/wpvga/img/footer_shadow_bg.gif") repeat-x;
	text-align:center;
	position: relative;
	left:0;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	
}
	
	table#footer_new {
		background-color:transparent;
		position:relative;
		margin:-7px auto auto auto;
		width: 988px;
		color: rgb(125, 162, 83);
		
	}
	
	.footer_links {
		width: 400px;
		font-size: 12px;
	}
	.footer_links a {
		/*text-decoration: underline;*/
	}
	
		.footer_content {
		font-size: 8px;
		width: 270px;
		text-align: left;
		
	}
	
	
/* RBook-specific css */	

#container {
	width: 400px;
}


/*
 * Global layout and topography
 */
* { margin: 0; padding: 0; font-size: 1em;font-family: Verdana, Arial, sans-serif;}
/* tweek this to shrink to fonts displayed on the page */
@media screen,handheld {
	body { 
	
	font-size: 75%; 
	/*background: #EEEEEE; */
	
	 }
	#content { 
		min-height: 35em; 
		padding: 0.3em 5px 2em 20px;  
		/*background: #FFFFFF url(/rbook/skins/wpvga/images/roundedtop.gif) top left no-repeat; */
		float:right; width: 66.5em;
		margin-top: 20px;
	}
}

#peek {display:none}

/* Add a Recipe Tabs */

#sortResults {
	margin-top: 20px;
}

table { border-collapse: collapse; }
td { padding: 0.5em; }
table.center td { text-align: center; }
input { padding: 0.15em; }
input.button {margin-right: 10px; }
table.withborder, table.withborder th, table.withborder td { border: 0.1em solid #CFE3EF; } 
label { margin-right: 0.2em; }
.clear { float: none; clear: both; height: 0; width: 0; }
.warning { color: red; }
ul.buttonBar { list-style:none; }
ul.buttonBar li { float: left; padding: 4px 14px 4px 0px;  }

.box, thead tr, .selected { background-color: #CFE3EF; }


/* class used by Ajax.Autocompleter for selected element */
.selected { background-color: #CCCCCC; }
#rightbox .box { 
	background-color: RGB(153, 175, 129); !important; 
	float: right; 
	width: 150px;
}
#rightbox { float: right; width: 150px; }
#viewRecipeContainer { width: 530px; float: left; }
.standalone { margin-top: 2em; }
input { font-weight: normal !important;}
ul.nolist { list-style:none; }
div.controlRow { padding-bottom: 10px; }
div.controlRowSmall { padding-bottom: 5px; }
/*
 * Search Results
 */
div.result { 
	margin-top: 1.5em; 
	padding: 0; 
	line-height: 150%; 
	width: 535px;
}
.resultDescription { font-size: 1em; }
.result a { font-weight: bold; text-decoration: none; }
ul.resultList { list-style: none; }
.resultNav { 
	font-weight: bold; 
	text-decoration: none; 
	margin-top: 2em; 
	width: 535px;
}
.recipeSeparator {
	margin-top: 15px; 
	margin-bottom: 15px; 
	width: 535px;
}


/*
 * Sidebar and header
 */
#headerSearch { 
	margin-left: -5px;
	text-align: left;
}
#search_image {
	margin-left: -39px;
	margin-top: 110px;
	height: 404px;
	width: 603px;
	background: url(/rbook/skins/wpvga/images/search_image.jpg);
}
#search_text {
	width: 475px;
}
#headerTitle {background: url(/rbook/skins/wpvga/images/bgtop.gif) top repeat-x; color: #FFFFFF !important; padding: 10px 0 10px 40px; font: 4em Verdana, Arial, sans-serif bold; }
@media screen, handheld {
.boxText, a, h2, thead tr,h1.recipeTitle, .mlink, .mlinkselected, .box label { 
	color: RGB(197,117,37); 
	}
}
#topBar { 
	position: relative; 
	background-color: RGB(153, 175, 129) !important; 
	
	/*border-bottom: 0.1em solid #000000; 
	border-top: 0.1em solid #000000; */
	line-height: 1.1; 
	margin-bottom: 10px; 
}

#searchFieldLabel { padding-left: 3em; }
#searchField { 
	background-color: RGB(215, 226, 203);
}
#searchDropdown * { color: #000000; text-align:left; }
#searchDropdown ul { margin: 0.2em; }
#searchDropdown * li { list-style: none; line-height: 150%; }
/* This will actually now be a rightbox */
#leftbox { float: right;  width: 150px; margin-left: -15px;}

.box { border: 1px  solid #999999; margin-bottom: 10px; padding: 0 5px 10px 5px; font-weight: bold; }
.boxText { line-height: 150%; }
.box h2 { 
	background-color: RGB(153, 175, 129); 
	color: #FFFFFF; 
	text-align: left; 
	padding-left: 0px; 
	margin-left: -5px;
	width: 148px;
	text-indent: 5px;
}

div.module { background-color: #EDEDED; margin: 30px 30px 30px 0; width: 550px; border: 1px solid #9A9C9A; }

div.moduleFooter {}
.error { font-weight: bold; color: red; }
div.errormessage { 
	font-weight: bold; 
	color: red; 
	text-align: center; 
	border: 0.1em solid #000000; 
	width: 530px;
	margin-top: 0.75em; 
	padding: 0.75em; 
	background-color: #F7F3CE; 
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
} 
#errorBlock { font-size: 150%; font-weight: bold; color: red; }
div.warning, .formBlock { margin: 1em 0 1em 0; }
p.comment {font-weight: normal; }
div.commentSection { margin: 10px 0; }
hr.commentSeparator { margin: 10px 0; }
/*
 * Edit Recipe Page
 */
#starRating { font-weight: normal; width: 9em; }
img.icon {vertical-align: middle; border:none; }
#descriptionSection { padding: 10px 0; }
table.ingredientTable, table.stepTable { margin-top: 0.3em;  }
.ingredientTable, .stepTable { width: 100%; }
#recipeHeader, thead tr, .warning, .boxText, #searchFieldLabel { font-weight: bold; }
.formField { line-height: 200%; font-weight: bold; }
.resultField, .helptext { color: #7D777D; }
ul.menulist { list-style: none; margin-left: 1em; }
li.menuitem { padding-top: 0.2em; padding-left: 0.2em; }
table.recipeTable, table.loginTable { float: left; margin-bottom: 0.6em; border-style:none; }
table.recipeTable td,table.loginTable td { border-style: none; text-align: left; vertical-align: top; }
table.viewIngredientTable {  margin-top: 0.6em; }
td.amountViewCell { width: 5em; }
img.recipePic { display:block; border: 1px solid #AAAAAA; padding: 5px; margin:auto;}
#loginModule { margin: 0 auto; width: 550px; }
#loginModule { font-size: 1.5em; }
#loginModule .innerModule { margin-top: -18px; }
#loginModule .moduleFooter { margin-top: -3px; }


#headersection {
	float: right;
	width: 150px;
}
#recipeImage { 
	float: right; 
	width: 170px; 
	margin-bottom: 10px;
}
#imagetext { 
margin-top: 0px;
	font-weight:bold; 
}
#sscontrols { text-align:right; }
#recipeEditBar { padding: 0.5em 0 0.5em 0; }
#sliderHelp {margin-top:10px; }

#recipeSeeAll { padding-top:10px; }

ul.tabs li {
 float:left;
 list-style:none;
 border-bottom: none;
 margin-right: 2px;
}

ul.tabs li a.selectedTab1 {
 background: url(/rbook/skins/wpvga/images/selected_tab.gif) top left no-repeat;
 color: #FFFFFF;
 font-weight: bold;
}

ul.tabs li a.unselectedTab1 {
 background: url(/rbook/skins/wpvga/images/unselected_tab.gif) top left no-repeat;
 color: #000000;
 text-decoration: none !important;
}

li.unselectedTab1 {
 background: url(/rbook/skins/wpvga/images/unselected_tab_right.gif) top right no-repeat;
}

li.selectedTab1 {
 background: url(/rbook/skins/wpvga/images/selected_tab_right.gif) top right no-repeat;
}

ul.tabs  a {
 display:block;
 padding: 10px;
}


.tabContainer {
 border-top: 3px solid RGB(225, 154, 87);
 margin-top: 6px;
 float: left;
 /*clear: both;*/
 padding-left: 0;
 padding-top: 10px;
 font-size: 1.2em;
 width: 535px;
}

input.tf {}

#commentAction {clear:both; float: none; }
#bookmarks { float: right; margin-right: 40px; }

/*
 * Categories
 */
#categoryTable { width: 35em; border-style:none; }
/*
 * User Management table
 */
#userMgmtTable { width: 100%; }
/*
 * Login
 */

#loginButtonDiv { margin: 0.3em 0 0.3em 0 }
table.loginTable{ width: 550px; border-style:none;}
td.loginTable { text-align: left; vertical-align: top; }


a.onpage { text-decoration: none; font-weight: bold;}
a.resultLink { font-size: 1.5em; } 
@media screen, handheld { 
a.onpage { color: #8b0000; }
}

a:hover.onpage {
  background-color:#CFE3EF;
  text-decoration: none;
}

#stepList {
  margin: 2em;
}
#stepList li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	line-height: 150%;
}

td.measurement {
	width: 10em;
	text-align: left;
}

table.conversionTable {
	width:30em;
	margin-top: 0.6em;
}


.submenu {
	display: inline;
	padding:0;
}



#footerDiv {
	font-size: 0.75em;
	padding: 0.3em 0 0.3em 0;
	clear: both;
}

#topmenu, #footerDiv, #searchBar {
	padding-right: 0.3em;
	padding-left: 0.3em ;
}

td.cat {
	border-style:none;
	text-align:  left;
}



td.category {
	padding: 1em;
}

.category {
	border-style:none;
}

table.viewIngredientTable, table.viewIngredientTable td {
	border-style:none;
	text-align:left;
}

table.viewIngredientTable td.descCell:hover {
cursor: pointer;
}

.buttonRow, div.ingredientTable  {
	margin: 0.6em 0 0.6em 0;
	font-size: 1.2em;
}



label.right {
  padding-left: 3px; 
  vertical-align: middle;
}

.rightButtonRow {
  text-align:right;
  float: right;
}

.setNameDiv {
	margin: 1em 0 0.6em 0;
	padding-bottom: 5px;
	font-weight: bold;
}



div.editField {
	padding-bottom:5px;
	padding-top: 1px;
}

label.editField {
	font-size: 0.75em;
	font-weight: bold;
}


.amountCell {
		width: 7em;
		text-align: left;
	  padding: 0.3em;
}

.descCell {
	text-align:left;
  padding: 0.3em;
}


.recipeTitle { text-align: left; margin: 1.5em 0 1.5em 0; }


.fileColumn {
	width: 15em;
}

dt {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

dd {
  margin-left: 1em;
  margin-bottom: 1em;
  line-height: 150%;
}

td.fileColumn {
  text-align: left;
}

li.taRow {
  padding: 1em 0;
 list-style:none;
}

li.taRow:hover {
 cursor: pointer;
}

#importTable {
  margin-top: 1em;
}

#importTable * td {
  padding: 0.5em;
}

.helpbox {
	border: 1px solid #397DBD;
	text-align: center;
}

.helptext {
  font-size: 0.8em;
}

.ert_name {
    text-align: left;
}
#ert {
	position: relative;
	float: left;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5em;
}

#ert * td {
    padding: 1em;
}

a.helpbox {
	padding: 0.1em;
	margin-left: 0.3em;
	text-decoration: none;
}

#addCommentButtonRow { padding-top: 10px; }
#editGroceryList li { padding-bottom: 10px; font-size: 150%; }
#editGroceryList { padding-top: 20px; }
li.groceryListItem:hover {  background-color:#CFE3EF; cursor: pointer; }
.giccb { margin-right: 10px; }
#groceryListSidebar li { padding-left: 0.5em; padding-bottom: 0.5em;}

#captchaImg { border: 1px solid #AAAAAA; margin: 10px 0 10px 0; }
#captchaInput {margin-right: 10px; width: 5em; }
#captchaParagraph {margin: 10px 0 10px 0; }

@media print
{
	.notprintable { display:none !important; }
	td,table,#bodydiv {
		border-style:none;
	}
	#container {
		border-style: none;
	}
	#comments, #footerDiv,div.loginBar,#topBar,div.leftbar,#bookmarks, #recipeEditBar,#rightbox,#leftbox {
		display: none;
	}
	#groceryAdd, #addGroceryButton, #saveGroceryButton,.giccb,#clearListButton {
		display: none;
	}
	h2.recipe, h1.recipeTitle {
		color: RGB(197,117,37);
	}
}

.box, thead tr { background-color: #FFFFFF; }

p.help {padding-bottom: 20px; text-align:justify;}