/* ------------------- GENERIC ------------------ */

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family:arial,helvetica,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#666666;
}

#homeLink {
	padding-bottom: 3px;
	font-weight: bold;
}

#outerContainer {
	width: 739px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	font-size:85%;
}

table { /* bug fix */
	font-size:100%;
}

td {
	vertical-align: top;
}

th {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

a 	{
	color: #9F8BE0;
	text-decoration: underline;
}

a:hover 	{
	color: #7D6EAC;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,h7 {
	font-size:110%;
	margin: 0;
}

hr {
	height: 1px;
	color: #999999;
}

a img {
	border: 0;
}

select, input, textarea {
	font-size: 85%;
	font-family:arial,helvetica,sans-serif;
	color:#666666;
}

.bold {
	font-weight: bold;
}

.highlight {
	color: #DF9D50;
	font-weight: bold;
}

.paddingBorderBottom {
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
}

.paddingBorderTop {
	border-top: 1px solid #999999;
	padding-top: 10px;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

.linkBullets {
	color: #9F8BE0;
	margin-left: 10px;
	margin-top: 6px;
}

.linkBullets ul {
	margin-left: 15px;
}

.asterisk {
	color: #F8AF59;
}

.contentBoxTop {
	padding: 4px;
	background-color: #BDE787;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	font-weight: bold;
}

.contentBoxBody {
	border: 1px solid #999999;
	padding: 10px;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}

.longInput {
	width: 175px;
}

.extraLongInput {
	width: 250px;
}

.borderRight {
	border-right: 1px solid #999999;
}

.bumpFont {
	font-size: 110%;
}

/* ------------------- END GENERIC ------------------ */


/* ------------------- BEGIN SMALL STARS ------------------*/

div.stars {
	height: 9px;
	width: 53px;
	overflow: hidden;
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0px solid red;
}

.stars img {
	position: absolute;
	width: 105px;
	height: 9px;
}

.rate0 img {
	left: -54px;
}

.rate1 img {
	left: -43px;
}

.rate2 img {
	left: -33px;
}

.rate3 img {
	left: -22px;
}

.rate4 img {
	left: -11px;
}

.rate5 img {
	left: 0px;
}

/* ------------------- END SMALL STARS ------------------*/


/* ------------------- BEGIN PAGINATION ------------------*/

table.snipsPaginate {
	width: 100%;
	margin: 10px 0 8px 0;
}

.snipsPaginate .goButton {
	vertical-align: middle;
	margin: -5px 0 0 0;
}

.snipsPaginate h3 {
	color: #DF9D50;
	font-weight: bold;
}
.snipsPaginate td {
	vertical-align: bottom;
	padding-bottom: 6px;
}

.snipsPaginate.borderTop td {
	border-top: 1px solid #999999;
	padding-top: 10px;
}

.snipsPaginate.borderBottom td {
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
}
.snipsPaginate td span {
	font-weight: bold;
}

.snipsPaginate td.col1 {
	width: 50%;
}

.snipsPaginate td.col1 select {
	margin-top: 3px;
}

.snipsPaginate td.col2 {
	width: 30%;
	font-size: 115%;
	text-align: right;
}


.snipsPaginate td.col3 {
	width: 20%;
	text-align: right;
}

/* ------------------- END PAGINATION ------------------*/


/* ------------------- BEGIN MASTHEAD ------------------ */

#masthead {
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: 0;
	border-left: 0;	
	width: 100%;
}

#masthead td,th {
	border-top: 0;
	border-right: 0;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

#masthead img {
	border: 0;
}

/* ------------------- END MASTHEAD ------------------*/


/* ------------------- BEGIN STATUSBAR ------------------*/

#mastheadStatusBar {
	padding: 9px 0 9px 10px;
	background: #FDF1DB url(../images/subhead_shadow.gif) top left repeat-x;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

#mastheadStatusBar span {
	font-weight: bold;
}

#mastheadStatusBar #statusAccountLink {
	font-weight: bold;
	float: right;
	padding-right: 10px;
}

#mastheadStatusBar #statusAccountLink img {
	padding: 0 4px 2px 0;
}

/* ------------------- END STATUSBAR ------------------*/


/* ------------------- BEGIN SEARCH ------------------ */

#keywordSearch {
	background-color: #BDE787;
	font-weight: bold;
	padding: 5px;
}

#keywordSearchImage {
	vertical-align: middle;
	margin: 1px 0 0 0;
}

img#arrowRed {
	margin: 0 3px 0 3px;
	vertical-align: middle;
}

#keywordSearchInput {
	width: 142px;
	margin: 0 0 0 4px;
	height: 13px;
	vertical-align: middle;
}

#keywordButtonGo {
	margin: 0 0 0 7px;
	vertical-align: middle;
}

/* ------------------- END KEYWORD SEARCH ------------------ */


/* ------------------- BEGIN TOP NAV ------------------ */

td#topNavTd {
	background-color: #9F8BE0;
	color: #ffffff;
}

div#topNav {
	position: relative;
	top: 0;
	height: 32px;
}

.topNavRelative {
	position: relative;
	height: 32px;
}

.topButton {
	position: absolute;
	overflow: hidden;
	height: 32px;
}

div#topNavBrowse {
	width: 91px;
	left: 0;
}

div#topNavSearch {
	width: 73px;		
	left: 72px;
}

div#topNavCommunity {
	width: 91px;
	left: 145px;
}

div#topNavJoin {
	width: 73px;
	left: 236px;
}

#topNavRecipeBox {
	width: 104px;
	left: 309px;
}

#topNav div div a img {
	border: 0;
}

#topNav div div a {
	position: absolute;
	margin:0;
}

#topNav div div a:hover {
	margin-top: -32px;
}

#topNav div div a.selected {
	margin-top: -64px;
}	

#topNav div div a.selected:hover {
	margin-top: -64px;
}

/* ------------------- END TOP NAV ------------------ */


/* ------------------- BEGIN TORSO ------------------*/

div#torso {
	border-top: 0;
	border-left : 1px solid #999999;
	border-right : 1px solid #999999;
	border-bottom : 0;
	font-family: arial,helvetica,sans-serif;
	background: url(../images/inner_body_gradient.gif) top right repeat-y;
}

table#torsoTwoColumn {
	border: 0;
	width: 100%;
}
	
#torsoTwoColumnLeft {
	width: 153px;
	border-right: solid 1px #999999;
	background-color: #FDF1DB;
	vertical-align: top;
}

#torsoTwoColumnRight {
	vertical-align: top;
}

/* ------------------- END TORSO ------------------*/


/* ------------------- BEGIN LOGIN ------------------ */

#login {
	background-color: #F8AF59;
	border-bottom: 1px solid #999999;
	padding: 8px 0 8px 8px;
	color: #ffffff;
}

#labelLogin {
	font-weight: bold;
	margin: 0 0 2px 0;
}

#labelPassword {
	font-weight: bold;
	margin: 3px 0 2px 0;
}

#labelRememberMe {
	font-size: 10px;
}

#inputLoginName {
	width: 131px;
	font-size: 11px;		
	margin: 0 0 3px 0;
	padding: 0;
	vertical-align: middle;	
}

#inputPassword {
	width: 131px;
	font-size: 11px;
	margin: 0 0 8px 0;
	vertical-align: middle;
}

#loginEnterButton {
	vertical-align: middle;
	padding-left: 5px;
}

#loginCheckbox {
	vertical-align: middle;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#labelJoinToday {
	margin: 5px 0 0 0;
	font-weight: bold;
}

#logoutButton {
}

#loginShadow {
	background: url(../images/loginShadow.gif) top left repeat-x;
}


/* ------------------- END LOGIN ------------------ */



/* ------------------- BEGIN LEFT NAV ------------------ */

div#leftNav {
	background-color: #FDF1DB;
	background: url(../images/subhead_shadow.gif) top left repeat-x;
	padding: 7px 0 30px 0;
}

div#leftNav a {
	color: #666666;
	font-weight: bold;
	line-height: 20px;
	display: block;
	text-decoration: none;
	padding: 2px 8px; 
}

div#leftNav a:hover {
	background-color: #EADFCA;
}

div#leftNav div a.selected {
	background: url(../images/rust_bullet.gif) 8px 10px no-repeat;
	color: #DF9D50;
	padding-left: 16px;
}

div#leftNav div a.selected:hover {
	background-color: transparent;
}

div.leftNavSpacer {
	height: 1px;
	line-height: 3px;
	border-bottom: 1px dashed #666666;
	margin: 10px 8px;
}

div#leftNavMessage {
	background: #EADFCA url(../images/left_message_notch.gif) 65px 0 no-repeat;
	padding: 12px 4px 8px 5px;
	margin: 20px 0 0 0;
}

div#leftNavMessage a, div#leftNavMessage a:visited, div#leftNavMessage a:active, div#leftNavMessage a:hover {
	color: #9F8BE0;
	font-weight: normal;
	text-decoration: underline; 
}
div#leftNavMessage a:hover {
	color: #7D6EAC;
	background: transparent;
}

span#leftNavMessageTitle {
	font-weight: bold;
}

#leftNavCommunity, #leftNavBlock1, #leftNavBlock2 {
}
#leftNavGuidesHeading {
	margin-top:10px;
	margin-bottom:3px;
	background-color: #F8AF59;
	border-bottom: 1px solid #999999;
	padding: 6px 0 6px 10px;
	color: #ffffff;
	font-weight:bold;
}
#leftNavGuidesHeading img {
	vertical-align:middle;
	padding-left:6px;
}
div#leftNavBlock3, div#leftNavGuides {
	color: #666666;
	font-weight: normal;
	padding: 0px 4px 8px 10px;
}
div#leftNavGuides img {
	vertical-align:top;
	padding:0px 0px 0px 5px;
}
div#leftNavBlock3 a, div#leftNavBlock3 a:visited, div#leftNavBlock3 a:active, div#leftNavBlock3 a:hover,
div#leftNavGuides a, div#leftNavGuides a:visited, div#leftNavGuides a:active, div#leftNavGuides a:hover
 {
	color: #9F8BE0;
	font-weight: normal;
	line-height: 170%;
	display: inline;
	text-decoration: underline;
	padding: 0px;
}
div#leftNavBlock3 a:hover, div#leftNavGuides a:hover {
	color: #7D6EAC;
	background: transparent;
}
div#leftNavGuides div.specialLink {
	padding-left:7px;
	text-indent:-7px;
	margin-top:5px;
}
div#leftNavGuides div.specialLink a,div#leftNavGuides div.specialLink a:hover,div#leftNavGuides div.specialLink a:visited,div#leftNavGuides div.specialLink a:active {
	line-height:110%;
}


/* ------------------- END LEFT NAV ------------------ */


/* ------------------- BEGIN PAGE FOOTER ------------------*/

table#pageFooter {
	width: 100%;
	border: 1px solid #999999;
	background-color: #BDE787;
}

table#pageFooter td,th {
	padding: 10px 8px;
}

table#pageFooter td.col1 {
	width: 210px;
}

table#pageFooter td.col2 {
	font-size: 110%;
}

table#pageFooter td.col2 a {
	padding: 0 8px;
	color: #666666;
}

table#pageFooter td.col2 a:hover {
	color: #000000;
}

table#pageFooter td.col3 {
	width: 175px;
}

div#pageFooterCopyright {
	margin: 8px 0 0 8px;
	font-size: 85%;
}

/* ------------------- END PAGE FOOTER ------------------*/


/* ------------------- BEGIN MAIN CONTENT ------------------*/

div#mainContent {
	margin: 10px 15px 30px 10px;
}

div#mainContent h1 {
	margin: 4px 0 4px 0;
	padding: 0;
	font-size:165%;
	font-weight: bold;
	color: #DF9D50;
}

div#breadcrumbs {
	margin: 6px 0 12px 0;
	font-size:110%;
	font-weight: bold;
}

div#mainContent p {
	margin: 2px 0 5px 0;
	padding: 0;
}

/* ------------------- END MAIN CONTENT ------------------*/


/* ------------------- BEGIN NARROW RESULTS ------------------*/

div#narrowResults {
	margin: 25px 0 0 0;
	font-size:110%;
}

div#narrowResults h2 {
	font-weight: bold;
	font-size:100%;
	padding: 0;
	margin: 0 0 4px 0;
	color: #DF9D50;
}

div#narrowResultsBox {
	padding: 10px;
	background: #F7F7F7 url(../images/narrow_results_gradient.gif) top left repeat-x;
	border: 1px solid #666;
}

div#narrowResultsBox table {
	width: 100%;
}

div#narrowResultsBox td {
	width: 33%;
	padding: 3px 4px 0 0;
}

div#narrowResultsBox input {
	vertical-align: middle;
	width: 12px;
	height: 13px;
	margin: 0 3px 0 0;
}

div#narrowResultsBox a {
	margin-right: 10px;
	line-height: 145%;
}

/* ------------------- END NARROW RESULTS ------------------*/


/* ------------------- BEGIN BROWSE RECIPE CATEGORIES ------------------*/

table#browseRecipesCategories {
	width: 100%;
	margin: 30px 0 0 0;
}

table#browseRecipesCategories td {
	border-top: 1px solid #999999;
}

table#browseRecipesCategories td.col1 {
	width: 12%;
	padding: 12px 10px 30px 0;
	vertical-align: top;
}

table#browseRecipesCategories td.col1 img {
	width: 60px;
	height: 60px;
	border: 1px solid #999999;
}

table#browseRecipesCategories td.col2 {
	padding: 12px 15px 30px 0;
	width: 88%;
	vertical-align: top;
}

table#browseRecipesCategories td.col2 h2 {
	color: #DF9D50;
	font-weight: bold;
	padding: 0;
	margin: 0 0 4px 0;
}

table#browseRecipesCategories td.col2 a {
	line-height: 145%;
	font-size: 110%;
}

/* ------------------- END BROWSE RECIPE CATEGORIES ------------------*/


/* ------------------- BEGIN RESULTS RECIPE SNIP ------------------*/

#recipeResultsSnipsTable {
	width:100%;
	margin-top:3px;
}

#recipeResultsSnipsTable td {
	vertical-align:top;
	padding-top:7px;
	padding-bottom: 7px;
}

#recipeResultsSnipsTable td span {
	font-weight:bold;
}

#recipeResultsSnipsTable td.groupDividerCell {
	padding-top: 2px;
	padding-bottom: 0;
}

#recipeResultsSnipsTable td.groupDividerCell div {
	color:#DF9D50;
	font-size:110%;
	font-weight:bold;
	text-transform: uppercase;
	border-top:1px solid #999999;
	padding: 12px 0 25px 0;
}

#recipeResultsSnipsTable td.col1 {
	padding-top: 10px;
	width:13%;
	border-bottom:1px solid #999999;
}

#recipeResultsSnipsTable td.col1 img {
	border: 1px solid #999;
}

#recipeResultsSnipsTable td.col2 {
	width: 74%;
	padding-right: 5px;
	border-bottom:1px solid #999999;
}

#recipeResultsSnipsTable td.col2 p {
	padding-top: 4px;
}

#recipeResultsSnipsTable td.col3 {
	width:13%;
	padding-right: 2px;
	border-bottom:1px solid #999999;
}

div.photoIconLine a img {
	margin-bottom: -1px;
}

#recipeResultsSnipsTable div.recipeTitle {
	font-size:110%;
	font-weight:bold;
}


/* ------------------- END RESULTS RECIPE SNIP ------------------*/



/* ------------------- BEGIN SEARCH RECIPES ------------------*/

#searchRecipesKeywords input {
	vertical-align: top;
}

#searchRecipesKeywords .buttonFindRecipes {
	padding-left: 10px;
}

#searchRecipesKeywords h2 {
	margin-bottom: 3px;
}

table#searchRecipes {
	width: 100%;
	border-top: 1px solid #999999;
	margin-top: 15px;
}

table#searchRecipes th {
	border: 0;
	text-align: left;
	color: #DF9D50;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 0;
}

table#searchRecipes th span {
	color: #666666;
	font-weight: normal;
}

table#searchRecipes td {
	vertical-align: top;
	padding-bottom: 10px;
}

table#searchRecipes .col1 {
	width: 25%;
	font-weight: bold;
}

table#searchRecipes .col2 {
	width: 75%;
}

table#searchRecipes .col2 .buttonFindRecipes {
	margin-left: 72px;
}

/* ------------------- END SEARCH RECIPES ------------------*/



/* ------------------- BEGIN REGISTRATION ------------------*/

#registrationText {
	padding-right: 30px;
	font-size: 110%;
}

#registrationText ul {
	margin-top: 12px;
	margin-bottom: 12px;	
}

#registrationText li {
	margin-left: 35px;
}

#registrationForm td.col1 {
	padding: 6px 8px 6px 0;
	vertical-align: top;
}

#registrationForm td.col2 {
	padding: 15px 8px 4px 0;
	vertical-align: top;
}

#registrationForm .label {
	font-weight: bold;
}

#registrationForm .textInput {
	width: 150px;
}

#registrationForm .smallSelect {
	width: 45px;
}

#registrationForm .disclaimer {
	border: 1px solid #999999;
	padding: 10px;
	width: 500px;
	height: 100px;
	overflow: auto;
}

.validationErrorHeading {
	color: #ff0000;
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 20px;
}

.validationErrorMessage {
	color: #ff0000;
	font-weight: bold;
	margin-top: 8px;
}

.validationErrorInput {
	background-color: #ECEA48;
}

/* ------------------- END REGISTRATION ------------------*/



/* ------------------- BEGIN HOME ------------------*/

#homeContent {
	width: 100%;
	height: 730px;
}

#wideColumn {
	padding: 10px 15px 15px 10px;
	border-right: 1px solid #666666;
}

#rightColumn {
	width: 30%;
}

#rightColumnPadding {
	margin: 10px 15px;
}

form#searchBy input {
	padding:5px 0 0 82px;
}

#rightColumn div.category {
	margin-top: 30px;
}

#rightColumn div.category div {
	padding: 4px 0 0 0;
	font-weight: bold;
}

#featureImage {
	border: 1px solid #666666;
}

table#featuredRecipeSnip {
	width: 100%;
	/*border-bottom: 1px solid #999999;*/
}

table#featuredRecipeSnip.noBorder {
	border: 0;
}

table#featuredRecipeSnip .col1 {
	width: 138px;
	padding-bottom: 20px;
}

table#featuredRecipeSnip .col1 img {
	border: 1px solid #999999;
}

table#featuredRecipeSnip .col2 {
	padding-left: 15px;
	padding-bottom: 20px;
}

table#featuredRecipeSnip .viewLarger img {
	margin-top: 2px;
	margin-bottom: -5px;
	border: 0;
}

/* ------------------- END HOME ------------------*/



/* ------------------- BEGIN REVIEWS ------------------*/

#reviewSnipsTable {
	width:100%;
	margin-top:3px;
	table-layout: fixed;
}

#reviewSnipsTable td {
	vertical-align:top;
	padding-top:7px;
	padding-bottom: 10px;
}

#reviewSnipsTable td span {
	font-weight:bold;
}

#reviewSnipsTable td.col1 {
	width:128px;
}

#reviewSnipsTable td.col2 {
	
}

#reviewSnipsTable td.col3 {
	width:55px;
	text-align: right;
	
}

#reviewSnipsTable td.col1 .date {
	font-weight: bold;
}

#reviewSnipsTable .buttonYes {
	vertical-align: middle;
	margin: -2px 0 0 0;
}

#reviewSnipsTable .offensiveReview {
	float: right;
}


#reviewSnipsTable .topBorder {
	border-top: 1px solid #999999;
	padding:10px 0 10px 0;
}

#reviewSnipsTable td.reviewComments {
}

#reviewSnipsTable td.reviewComments .confirmation {
	font-size: 150%;
	font-weight: bold;
	color: #78A45C;
	margin: 10px 0 0 0;
}

#reviewSnipsTable div.recipeTitle {
	font-size:110%;
	font-weight:bold;
}

#reviewsHeading {
	padding: 8px;
	
}

.reviewList #wideColumn {
	border: 0;
}

.offensiveReviewThin {
	padding-top: 5px;
}

/* ------------------- END REVIEWS ------------------*/



/* ------------------- BEGIN RECIPE VIEW ------------------*/

#recipeView {
	width: 100%;
}

#recipeView #wideColumn {
	
}

#recipeView #wideColumn #ingredients {
	padding: 10px 0;
	border-bottom: 1px solid #999999;
}

#recipeView #wideColumn #preparation {
	padding: 10px 0;
	border-bottom: 1px solid #999999;
}

#recipeView #wideColumn #settings {
	width: 100%;
}

#recipeView #wideColumn #settings td {
	padding: 8px 0 25px 0;
	font-weight: bold;
}

#recipeView #wideColumn #settings .col1 {
	width: 29%;
}

#recipeView #wideColumn #settings .col2 {
	width: 28%;
}

#recipeView #wideColumn #settings .col3 {
	width: 24%;
}

#recipeView #wideColumn #settings .col4 {
	width: 19%;
}

#recipeView #wideColumn #reviewsHeading {
	font-weight: bold;
	border-top: 2px solid #DF9D50;
	padding: 10px 0 10px 0;
}

#recipeView #wideColumn #reviewsHeading h2 {
	margin-bottom: 12px;
}

#recipeView #wideColumn h2 {
	font-size: 100%;
	font-weight: bold;
	color: #DF9D50;
	margin-bottom: 5px;
}

#recipeView #rightColumn {
	padding: 4px;
}

#recipeView #rightColumn .contentBoxTop {
	padding: 5px;
}

#recipeView #rightColumn .contentBoxBody {
	background-color: #ffffff;
	padding: 4px;
}

table#quickIcons {
	width: 100%;
}

#quickIcons td.col1 {
	padding: 2px 3px 0 0;
}

#quickIcons td.col2 {
	padding: 5px 0 0 0;
	font-size: 100%;
}

#recipeView #quickIcons select {
	font-size: 100%;
	margin-bottom: 3px;
}

#recipeView #quickIcons #formRow {
	text-align: right;	
}

#recipeView h1 {
	margin: 4px 0 0 0;
	padding: 0;
	font-size:150%;
	font-weight: bold;
	color: #DF9D50;
}

#recipeView div.starsBig {
	height: 14px;
	width: 90px;
	overflow: hidden;
	position: relative;
	margin-bottom: 3px;
}

#recipeView div.starsBig img {
	position: absolute;
}

#recipeView div.starsBig.rateBig0 img {
	left: -90px;
}

#recipeView div.starsBig.rateBig1 img {
	left: -71px;
}

#recipeView div.starsBig.rateBig2 img {
	left: -53px;
}

#recipeView div.starsBig.rateBig3 img {
	left: -35px;
}

#recipeView div.starsBig.rateBig4 img {
	left: -17px;
}

#recipeView div.starsBig.rateBig5 img {
	left: 0px;
}

div#cookingTip {
	padding: 15px 10px 25px 5px;
}

div#cookingTip h2 {
	font-size: 115%;
	font-weight: bold;
	color: #DF9D50;
	margin-bottom: 5px;
}

div#rightAd {
	padding: 0 0 10px 5px;
}

div#rightAdFloat {
	float: right;
	padding: 8px 0 10px 0;	
}

div#banner563 {
	padding: 10px;
}

div#banner563 img {
	border: 0;
}

#recipeAddedConfirm {
 color: #78A45C;
 font-size: 150%;
 font-weight: bold;
 margin-left: 10px;
 padding-top: 15px;
 padding-bottom: 15px;
 border-bottom: 1px solid #999999;
}

/* ------------------- END RECIPE VIEW ------------------*/


/* ------------------- BEGIN RECIPE PREVIEW ------------------*/

#previewTop {
	padding: 10px 15px 15px 10px;
	border-bottom: 1px solid #999999;
}

#previewTop  h1 {
	margin: 4px 0 0 0;
	padding: 0;
	font-size:150%;
	font-weight: bold;
	color: #DF9D50;
}

#previewTop  h2 {
	color: #999999;
	font-weight: bold;
}

.previewRecipeBorder {
	padding-bottom: 15px;
	border-bottom: 3px solid #DF9D50;
}

.previewButtons {
	padding: 20px 10px;
}

/* ------------------- BEGIN RECIPE PREVIEW ------------------*/



/* ------------------- BEGIN COOKS PROFILES LIST ------------------*/

table#cooksProfilesList {
	width: 390px;
}

table#cooksProfilesList td.col1, table#cooksProfilesList td.col2 {
	padding: 12px 0;
	border-bottom: 1px solid #999999;
}

table#cooksProfilesList a, table#cooksProfilesList .date {
	font-weight: bold;
}

table#cooksProfilesList col1 {
	width: 30%;
}

table#cooksProfilesList col2 {
	width: 70%;
}

.alignWithTable {
	width: 390px;
}

/* ------------------- END COOKS PROFILES LIST ------------------*/


/* ------------------- BEGIN TOP 10 REVIEWERS ------------------*/

#reviewersList {
	width: 390px;
}

#reviewersList td {
	padding: 10px 0;
	vertical-align: middle;
}

#reviewersList .col1 {
	width: 8%;
	color: #DF9D50;
	font-weight: bold;
	font-size: 165%;
	text-align: right;
	padding-right: 20px;
}

#reviewersList .col2 {
	width: 52%;
	font-weight: bold;
}

#reviewersList .col3 {
	width: 40%;
	font-weight: bold;
}

/* ------------------- END TOP 10 REVIEWERS ------------------*/


/* ------------------- BEGIN COMMUNITY LANDING ------------------*/

#communityLanding {
	width: 375px;
}

#communityLanding  div {
	margin-bottom: 35px;
}

/* ------------------- END COMMUNITY LANDING ------------------*/


/* ------------------- BEGIN TODAY'S BIRTHDAYS ------------------*/

#todaysBirthdays {
	width: 375px;
	margin-top: 10px;
	font-weight: bold;
}

#todaysBirthdays td {
	padding-bottom: 15px;
}

#todaysBirthdays .col1 {
	width: 50%;
}

#todaysBirthdays .col2 {
	width: 50%;
}

/* ------------------- END TODAY'S BIRTHDAYS ------------------*/


/* ------------------- BEGIN LATEST PHOTOS ------------------*/

table#topLinks {
	width: 350px;
}

table#topLinks td {
	width: 50%;
	padding: 5px 0;
}

#latestPhotos {
	position: relative;
	top: 8px;
	width: 434px;
}

#latestPhotos td {
	padding-bottom: 20px;
}

#latestPhotos .col1 {
	
}

#latestPhotos .col2 {

}

#latestPhotos .col3 {
}
/* ------------------- BEGIN LATEST PHOTOS ------------------*/


/* ------------------- BEGIN COOKS PUBLIC PROFILE ------------------*/

#profileTop {
	width: 100%;
	margin-bottom: 15px;
}

#profileTop h2 {
	font-size: 150%;
}

#profileTop td div {
	margin: 5px 0;
}

#profileTop .col1 {
	width: 142px;
}

#profileTop .col2 {
	width: 100px;
	padding-left: 5px;
	font-weight: bold;
}

#profileTop .col1 img {
	border: 1px solid #999999;
}

#profileTop .col3 {
}

.contentBoxBody #latestPhotos td {
	padding: 10px 19px;
}

/* ------------------- END COOKS PUBLIC PROFILE ------------------*/


/* ------------------- BEGIN MY COOKS PROFILE ------------------*/

#myCooksProfile {
	width: 100%;
}

#myCooksProfile td {
	vertical-align: top;
	padding-bottom: 8px;
}

#myCooksProfile .col1 {
	width: 142px;
}

#myCooksProfile .col2 {
	width: 115px;
 font-weight: bold;
 padding-left: 8px;

}

#myCooksProfile .col3 {
   padding-right: 15px;
}


#myCooksProfile .col4 {
	text-align: right;
}

/* ------------------- END MY COOKS PROFILE ------------------*/


/* ------------------- BEGIN CHANGE FORM ------------------*/

#changeForm {
	font-size: 100%;
}

#changeForm input, #changeForm select {
	margin-top: 4px;
	vertical-align: middle;
}

.bumpDown {
	position: relative;
	top: 3px;
}

#changeForm table#threeCol {
	width: 450px;
}

#changeForm table#threeCol div {
}

#changeForm table#threeCol input {
	margin: 2px 0;
}

#changeForm #stars img {
	margin-right: 20px;
	position: relative;
	top: 2px;
}

#changeForm textarea {
	width: 350px;
	height: 100px;
}

#thankYou {
	color: #78A45C;
	font-size: 165%;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
}

/* ------------------- END CHANGE FORM ------------------*/


/* ------------------- BEGIN MY PHOTOS ------------------*/

table#myPhotos {
	width: 100%;
	border: 1px solid #999999;
}

table#myPhotos img {
	border: 1px solid #999999;
}

table#myPhotos th {
	font-weight: bold;
	background-color: #BDE787;
	text-align: left;
	padding: 5px 0;
	border: 0;
	border-bottom: 1px solid #999999;
}

table#myPhotos td {
	vertical-align: middle;
}

table#myPhotos .col1 {
	width: 142px;
	padding: 8px 10px 8px 10px;
}

table#myPhotos .col2 {
}

table#myPhotos .col3 {
}

table#myPhotos .col4 {
}

table#myPhotos .col5 {
	width: 60px;
	text-align: right;
	padding-right: 8px;
}
/* ------------------- END MY PHOTOS ------------------*/


/* ------------------- BEGIN NEW KEYWORD SEARCH ------------------*/

#newKeywordSearch {
	width: 450px;
}

#newKeywordSearch td {
	vertical-align: top;
}

#newKeywordSearch .col1 {
	width: 10px;
}

#newKeywordSearch .col1 img {
	position: relative;
	top: 2px;
}

#newKeywordSearch .col2 {
	width: 170px;
}

#newKeywordSearch .col2 span {
	font-weight: bold;
}

/* ------------------- END NEW KEYWORD SEARCH ------------------*/


/* ------------------- BEGIN CONTACT US /E-MAIL FRIEND ------------------*/
 
 #threeColumnFormTable {
  width: 100%;
 }
 
 #threeColumnFormTable .longInput {
  width: 175px;
 }
 
 #threeColumnFormTable .col1 {
  width: 120px;
 }
 
 #threeColumnFormTable .col2 { 
  padding-bottom: 2px;
 }
 
 #threeColumnFormTable .col3 {
  width: 175px;
 }
 
 #threeColumnFormTable .col3 .privacy {
  font-weight: bold;
  font-style: italic;
  color: #9F8BE0;
  line-height: 20px;
  padding-right: 10px;
 }
 
 #threeColumnFormTable .messageLine {
  padding-right: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
 }
 
 #extraFields {
  display: none;
 }
 
/* ------------------- END CONTACT US /E-MAIL FRIEND ------------------*/


/* ------------------- BEGIN MEMBER LOGIN ------------------*/

#memberLogin {
	margin-left: 20px;
}

#memberLogin .checkbox {
	vertical-align: middle;
}

.bulletDiv img {
	padding-bottom: 3px;
	padding-right: 6px;
}

/* ------------------- END MEMBER LOGIN ------------------*/


/* ------------------- BEGIN FORGOT PASSWORD ------------------*/

table#newPassword {
	width: 300px;
}	

table#newPassword .col1 {
	padding-right: 15px;
	font-weight: bold;
}

table#newPassword input {
	width: 150px;
}

/* ------------------- END FORGOT PASSWORD ------------------*/


/* ------------------- BEGIN GETTING STARTED VIDEOS ------------------*/
#gettingStarted {
}

#gettingStarted .links {
	font-weight: bold;
	padding: 1px 0 2px 10px;
}

#gettingStarted .greyRow {
	background-color: #F1F1F1;
}

#gettingStarted .contentBoxBody {
	width: 206px;
	padding-left: 0;
	padding-right: 0;
}

#gettingStarted .contentBoxTop {
	width: 198px;
}

#gettingStarted .videoSections {
	padding-left: 10px;
	padding-bottom: 10px;
}

#gettingStarted table {
	position: relative;
	top: 8px;
	width: 428px;
}

#gettingStarted table .gutter {
	width: 10px;
}

/* ------------------- END GETTING STARTED VIDEOS ------------------*/


/* ------------------- BEGIN MY ACCOUNT INFO ------------------*/
	
table#myAccountInfo {
	width: 100%;
}

table#myAccountInfo td {
	padding: 5px 0;
}

table#myAccountInfo .col1 {
	width: 130px;
	font-weight: bold;
}

table#myAccountInfo .col3 {
	width: 50px;
}



/* ------------------- END MY ACCOUNT INFO ------------------*/


/* ------------------- BEGIN INTRODUCTION ------------------*/

#introduction {
	width: 100%;
}

#introduction img {
	margin-bottom: 8px;
}

#introduction h2 {
	color: #DF9D50;
	font-weight: bold;
	padding-bottom: 6px;
}

#introduction .col1 {
	width: 142px;
	padding-right: 30px;
	padding-bottom: 15px;
}

#introduction .col2 {
	width: 142px;
	padding-right: 30px;
	padding-bottom: 15px;
}

#introduction .dividerCell {
	border-top: 1px solid #999999;
	padding-top: 12px;
}

#introduction .col3 {
}

div.bullet {
	width: 160px;
	text-indent: -8px;
	margin-left: 8px;
	margin-bottom: 15px;
}

div.bullet img {
	margin-right: 2px;
	position: relative;
	top: 5px;
}

.padTop6 {
	padding-top: 6px;
}

/* ------------------- END INTRODUCTION ------------------*/


/* ------------------- BEGIN TOOLTIP ------------------*/

.tooltipDiv	{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1000;
	background:#ffffff;
}

.tooltipDiv .contentBoxTop {
	
}

.tooltipDiv .contentBoxBody {
	padding: 20px 15px;
	background: url(../images/shadow_white_bg.gif) top left repeat-x;
}

#viewLargerTooltip .contentBoxBody {
	width: 306px;
	text-align: center;
}



/* ------------------- END TOOLTIP ------------------*/



/* ------------------- BEGIN SUBMIT RECIPE FORM ------------------*/

#submitRecipeForm {
	
}

.submitErrorMessageBig {
	width: 500px;
	font-size: 135%;
	font-weight: bold;
	color: #ED1B23;
	padding-bottom: 15px;
}

.submitErrorMessageSmall {
	font-weight: bold;
	color: #ED1B23;
	padding-left:6px;
}

.errorHighlight {
	background-color: #ECEA48;
	font-weight: bold;
}



#submitRecipeForm select, #submitRecipeForm input, #submitRecipeForm textarea {
	font-size: 100%;
}

#submitRecipeForm .label {
	font-weight: bold;
	line-height: 160%;
}

#submitRecipeForm #publicPrivateText {
	height: 40px;
	width: 100px;
	padding-right: 3px;
}

#submitRecipeForm table#publicPrivateOptions {
	width: 100%;
	border: 1px solid #BDE787; 
}

table#publicPrivateOptions .col1 {
	width: 50%;
	border-right: 1px solid #BDE787;
	vertical-align: top;
	padding: 5px;
}

table#publicPrivateOptions .col2 {
	width: 50%;
	vertical-align: top;
	padding: 5px;
}

table#publicPrivateOptions input {
	float: left;
	margin-bottom: 15px;
	margin-right: 4px;
}

div#settingsSelector {
	width: 450px;
	padding: 10px;
	font-size:85%;
}

div#selectFoodType {
	float: left;
	width: 200px;
	padding-right: 15px;
}

#settingsIframe {
	border: 1px solid #BDE787;
	padding: 10px;
	width: 480px;
	height: 90px;
}

div#enterCookTime {
	position: relative;
	float: left;
	width: 280px;
	padding-left: 10px;
}

input.enterTime {
	width: 30px;
	text-align: right;
}

div#enterCookTime select {
	width: 45px;
	text-align: center;
}

div#enterCookTime #mSetting {
	display: inline;
}

table.bottomSelects {
	width: 440px;
}

table.bottomSelects .col1 {
	width: 220px;
}

table.bottomSelects .col2 {
	width: 220px;
}

.buttonShift {
	vertical-align: top;
}



#trayPopupContainer {
	border: 1px solid #999999;
	padding: 10px;
	font-size: 100%;
	width: 650px;
}

table#howTrays {
	width: 526px;
}

table#howTrays img {
	margin-bottom:5px;
}

table#howTrays .gutter {
	width: 20px;
}

table#howTrays .col1 {
	padding-bottom: 15px;
	width: 142px
}

table#howTrays .col2 {
	padding-bottom: 15px;
	width: 142px
}

table#howTrays .col3 {
	padding-bottom: 15px;
	width: 142px
}

#trayMatrixHead {
	width: 567px;
	margin-top: 5px;
}

#trayMatrixHead table {
}

#trayMatrixHead .col1 {
	width: 260px;
}

#trayMatrixHead .col2 {
	text-align: center;
	width: 110px;
}

#trayMatrixHead .col3 {
	text-align: center;
	width: 100px;
}

#trayMatrixHead .col4 {
	text-align: center;
	width: 90px;
}

#trayMatrixBody {
	width: 555px;
}

#trayMatrixBody table {
}

#trayMatrixBody .col1 {
	width: 255px;
	height: 25px;
	vertical-align: middle;
	border-bottom: 1px solid #BABABA;
}

#trayMatrixBody .col2 {
	width: 100px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #BABABA;
}

#trayMatrixBody .col3 {
	width: 100px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #BABABA;
}

#trayMatrixBody .col4 {
	width: 100px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #BABABA;
}


/* ------------------- END SUBMIT RECIPE FORM ------------------*/


/* ------------------- BEGIN PRINT RECIPES ------------------*/

table#printHeader {
	border: 1px solid #999999;
	width: 739px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	font-size:85%;
	margin-bottom: 30px;
}

table#printHeader .col1 {
	width: 190px;
	border-right: 1px solid #999999;
}

table#printHeader .col2 {
	padding: 10px 15px 5px 10px;
}

table#printHeader .col2 div {
	padding: 3px;
}

table#printHeader .col2 img {
	vertical-align: middle;
	padding-right: 2px;
}

.recipeCard {
	border: 3px dashed #BDE787;
	border-top: 1px solid white;
	font-size: 85%;
	margin: 0 auto;
}

.cardBorderTop {
	border-top: 3px dashed #BDE787;
}

.size3x5 {
	width: 478px;
	height: 284px;
}

.size4x6 {
	width: 574px;
	height: 382px;
}

.sizeFull {
	width: 580px;
	height: 596px;
}

.cardOpening {
	overflow: hidden;
	position: relative;
}

.size3x5 .cardOpening {
	width: 458px;
	height: 256px;
	margin: 14px 10px;
}

.size4x6 .cardOpening {
	width: 554px;
	height: 352px;
	margin: 15px 10px;
}

.sizeFull .cardOpening {
	width: 560px;
	height: 576px;
	margin: 10px 10px;
}

.size3x5 .cardSlider1 {
	top: 0px;
}

.size3x5 .cardSlider2 {
	top: -256px;
}

.size3x5 .cardSlider3 {
	top: -512px;
}

.size3x5 .cardSlider4 {
	top: -768px;
}

.size3x5 .cardSlider5 {
	top: -1024px;
}

.size3x5 .cardSlider6 {
	top: -1280px;
}

.size4x6 .cardSlider1 {
	top: 0px;
}

.size4x6 .cardSlider2 {
	top: -352px;
}

.size4x6 .cardSlider3 {
	top: -704px;
}

.size4x6 .cardSlider4 {
	top: -1056px;
}

.sizeFull .cardSlider1 {
	top: 0px;
}

.sizeFull .cardSlider2 {
	top: -576px;
}

.cardSlider {
	position: relative;
	line-height: 16px;
}

.cardSlider .ingredientsTable {
	width: 100%;
}

.cardSlider .ingredientsTable td {
	border: 0;
	padding: 0;
}

.cardSlider .cardHeading {
	padding-top: 16px;
	color: #DF9D50;
}

.cardSlider .cardLabel {
	color: #DF9D50;
}

.cardSlider .ingredientsTable div {
	margin-left: 8px;
	text-indent: -8px;
}

.cardSlider h1 {
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	color: #DF9D50;
}
.cardSlider .ingredientsTable .col1 {
	width: 50%;
	padding: 0 20px 0 0;
}

.cardSlider .ingredientsTable .col2 {
	width: 50%;
	padding: 0 15px 0 0;
}

.nextPage {
	page-break-after: always;
}



.cardSlider table.recipeCardHeader {
	width: 100%;
}

.cardSlider table.recipeCardHeader .col2 {
	text-align: right;
}


/* ------------------- END PRINT RECIPES ------------------*/



/* ------------------- BEGIN RECIPE BOX ------------------*/

table#recipeBoxButtons {
	float: right;
	width: 250px;
}

table#recipeBoxButtons .col1 {
	padding-right: 10px;
}


#recipeBoxTopLeftColumn {
	width: 153px;
	vertical-align: top;
}

table#recipeBoxButtons td {
	padding-top: 20px;
}

#recipeBox {
	border: 1px solid #999999;
	margin: auto;
	width: 98%;
}

#recipeBoxTop {
	width: 100%;
	font-size: 110%;
}

#recipeBoxTop .col1 {
 width: 21%;
 font-weight: bold;
 vertical-align: middle;
 padding: 2px 2px 2px 6px;
 border: 1px solid #CFFD95;
}

#recipeBoxTop .col2 {
 width: 35%;
 font-weight: bold;
 vertical-align: middle;
 padding: 2px 2px 2px 12px;
}

#recipeBoxTop .col3 {
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
	padding: 2px;
}

#recipeBoxTop .col3 input {
	vertical-align: middle;
}

#recipeBoxTop {
	background-color: #BDE787;
	border-bottom:1px solid #999999;
}

form#searchRecipeBox label {
	font-size: 90%;
}

#recipeBoxBody {
	padding-top: 8px;
	padding-left: 6px;
	background: #EADFCA url(../images/recipeBoxBodyShadow.gif) top left repeat-x;
}

#recipeBoxLeftColumn {
	width:148px;
	border: 1px solid #999999;
	background-color: #FEF8ED;
}

#recipeBoxLeftHeading {
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	background: #999999 url(../images/recipeListShadowGrey.gif) top left repeat-x;
}

#myFolders {
	width: 148px;
	height: 230px;
	overflow: auto;
	border-bottom: 1px solid #999999;
}

#myFolderOptions {
	font-weight: bold;
	padding-top: 8px;
}

#recipeBoxLeftColumn .dashedTop {
	border-top: 1px dashed #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
}

#recipeBoxLeftColumn a {
	display: block;
	color: #333333;
	line-height: 15px;
	text-decoration: none;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#myFolders a {
	padding-left: 26px;
	background: url(../images/icon_folder.gif) 4px 7px no-repeat;
}

#recipeBoxLeftColumn a.selected {
	background-color: #EADFCA;
	font-weight: bold;
}

#recipeBoxLeftColumn a:hover {
	background-color: #EADFCA;
}

#recipeBoxLeftColumn a img {
	border: 0;
	vertical-align: middle;
	padding-right: 6px;
}

#recipeBoxGutter {
	width: 6px;
}

#recipeBoxRightColumn {
	position: relative;
	width: 560px;
	border: 1px solid #999999;
	background: #FFFFFF url(../images/recipe_box_right_gradient.gif) top right repeat-y;
}

/* ------------------- END RECIPE BOX ------------------*/



/* ------------------- RECIPE LIST TABLE ------------------*/


#recipeListTable {
	width: 100%;
	background-color: #FFFFFF;
}

#recipeListTable thead th {
	position: relative;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #FFFFFF;
	font-weight: bold;
	background: #999999 url(../images/recipeListShadowGrey.gif) top left repeat-x;
}

#recipeListTable thead th img {
	text-align: right;
	width: 9px;
	height: 6px;
	border: 0px;
	margin-top: 5px;
	float: right;
}

#recipeListTable thead th a {
	color: #FFFFFF;
	text-decoration: none;
}

#recipeListTable thead th a:hover {
	color: #E9EDE5;
}

#recipeListTable thead .noRightborder {
	border-right: 0;
}

#recipeListTable td {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 0 5px 0 5px;
	height: 30px;
}

#recipeListTable th.col1 {
	font-weight: normal;	
}

#recipeListTable td.col1 {
	width: 5%;
	text-align: center;
}

#recipeListTable td.col1 input {
	vertical-align: middle;
	margin: 0;
}

#recipeListTable .col2 {
	width: 14%;
}

#recipeListTable .col3 {
	font-weight: bold;
	width: 43%;
}

#recipeListTable .col4 {
	width: 11%;
	text-align: left;
}

#recipeListTable .col5 {
	width: 15%;
	text-align: left;
	padding-left: 7px;
}

#recipeListTable .col6 {
	width: 12%;
}

/* ------------------- END RECIPE LIST TABLE ------------------*/



/* ------------------- SUBMITTED RECIPES ------------------*/

#submittedRecipesTable {
	width: 100%;
}

#submittedRecipesTable thead th {
	position: relative;
	text-align: left;
	color: #FFFFFF;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #FFFFFF;
	font-weight: bold;
	background: #999999 url(../images/recipeListShadowGrey.gif) top left repeat-x;
}

#submittedRecipesTable thead th a {
	color: #FFFFFF;
	text-decoration: none;
}

#submittedRecipesTable thead th a:hover {
	color: #E9EDE5;
}

#submittedRecipesTable thead th img {
	text-align: right;
	width: 9px;
	height: 6px;
	border: 0px;
	margin-top: 5px;
	float: right;
}

#submittedRecipesTable td {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 0 5px 0 5px;
	height: 30px;
}

#submittedRecipesTable th.col1 {
	font-weight: normal;	
}

#submittedRecipesTable td.col1 {
	width: 5%;
	text-align: center;
}

#submittedRecipesTable td.col1 input {
	vertical-align: middle;
	margin: 0;
}

#submittedRecipesTable .col2 {
	text-align: left;
}

#submittedRecipesTable .col3 {
	width: 16%;
	text-align: left;
}

#submittedRecipesTable .col4 {
	text-align: left;
}

#submittedRecipesTable .col5 {
	width: 15%;
	text-align: center;
	padding-left: 5px;
}

#submittedRecipesBlurb {
	padding: 10px 10px 0 180px;
	font-size: 110%;
}

/* ------------------- END SUBMITTED RECIPES ------------------*/


/* ------------------- RECIPE BOX SEARCH ------------------*/

#recipeBoxSearch {
	width: 100%;
}

#recipeBoxSearch thead th {
	position: relative;
	text-align: left;
	color: #FFFFFF;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #FFFFFF;
	font-weight: bold;
	background: #999999 url(../images/recipeListShadowGrey.gif) top left repeat-x;
}

#recipeBoxSearch thead th a {
	color: #FFFFFF;
	text-decoration: none;
}

#recipeBoxSearch thead th a:hover {
	color: #E9EDE5;
}

#recipeBoxSearch thead th img {
	text-align: right;
	width: 9px;
	height: 6px;
	border: 0px;
	margin-top: 5px;
	float: right;
}

#recipeBoxSearch td {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: middle;
	text-align: left;
	padding: 0 5px 0 5px;
	height: 30px;
}

#recipeBoxSearch td.col1 {
	font-weight: bold;
}

#recipeBoxSearch td.col1 input {
	vertical-align: middle;
	margin: 0;
}

#recipeBoxSearch .col2 {
	width: 17%;
}

#recipeBoxSearch .col3 {
	width: 17%;
}

#recipeBoxSearch .col4 {
	width: 17%;
}

#noRecipeResults {
	padding: 10px;
	font-weight: bold;
	color: #FF2424;
}

#emptyFolder {
	padding: 10px;
}

/* ------------------- END RECIPE BOX SEARCH ------------------*/




/* ------------------- RECIPE BOX TABLE SORTING ------------------*/

.arrowSorting {
	width: 9px;
	height: 14px;
	float: right;
}

#recipeListTable thead th.selectUp {
	background: #B0C397 url(../images/recipeListShadowGreen.gif) top left repeat-x;
}

#recipeListTable thead th.selectDown {
	background: #B0C397 url(../images/recipeListShadowGreen.gif) top left repeat-x;
}

#submittedRecipesTable thead th.selectUp {
	background: #B0C397 url(../images/recipeListShadowGreen.gif) top left repeat-x;
}

#submittedRecipesTable thead th.selectDown {
	background: #B0C397 url(../images/recipeListShadowGreen.gif) top left repeat-x;
}

#recipeBoxSearch thead th.selectUp {
	background: #B0C397 url(../images/recipeListShadowGreen.gif) top left repeat-x;
}

#recipeBoxSearch thead th.selectDown {
	background: #B0C397 url(../images/recipeListShadowGreen.gif) top left repeat-x;
}

th.selectUp .arrowSorting {
	background: url(../images/arrowUpGreen.gif) top left no-repeat;
}

th.selectDown .arrowSorting {
	background: url(../images/arrowDownGreen.gif) top left no-repeat;
}

.odd td {
	background-color: #ECECEC;
	border-top: 1px solid #FFFFFF;
}

.even td {
	
}

/* ------------------- END RECIPE BOX TABLE SORTING ------------------*/


/* ------------------- RECIPE BOX BOTTOM CONTROLS ------------------*/

#recipeBoxPagination {
	float: right;
	width: 300px;
	padding-bottom: 8px;
	text-align: right;
	font-weight: bold;
}

#recipeBoxControls {
	clear: right;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
}

form#recipeBoxSelect select, form#recipeBoxSelect input {
	vertical-align: middle;
	margin-top: 5px;
}

#recipeBoxControls table {
	width: 100%;
}

#recipeBoxControls table .col1 {
	width: 250px;
	padding-right: 40px;
	padding-bottom: 10px;
}

#recipeBoxControls table .col2 {
	padding-right: 6px;
}

#recipeBoxControls table .col4 {
	padding-left: 15px;
}

/* ------------------- END RECIPE BOX BOTTOM CONTROLS ------------------*/



/* ------------------- BEGIN EDIT FOLDERS ------------------*/

#editFolders {
	margin: 15px;
}

form#foldersEditForm {
	
}

form#foldersEditForm h2 {
	font-size: 100%;
	font-weight: bold;
}

#foldersEditLeftColumn {
	width: 200px;
	float: left;
}

#foldersEditRightColumn {
	width: 320px;
	padding-left: 5px;
	float: left;
}


#foldersAddDiv {
	display: none;
}

#foldersRenameDiv {
	display: none;
}

#foldersDeleteDiv {
	display: none;
}

#foldersDelete {
	height: 100px;
	padding: 5px 5px 5px 20px;
	border: 1px solid #666666;
	background: #FFFFFF url(../images/folder_edit_gradient.gif) top left repeat-x;
}

#foldersDelete a {
	font-weight: bold;
}

#foldersAdd {
	height: 100px;
	padding: 5px 5px 5px 20px;
	border: 1px solid #666666;
	background: #FFFFFF url(../images/folder_edit_gradient.gif) top left repeat-x;
}

#foldersRename {
	height: 100px;
	padding: 5px 5px 5px 20px;
	border: 1px solid #666666;
	background: #FFFFFF url(../images/folder_edit_gradient.gif) top left repeat-x;
}

#folderRenameTable {
	width: 90%;
}

#folderRenameTable .col1 {
	width: 50%;	
	padding-top:3px;
}

#folderRenameTable .col2 {
	width: 50%;	
	padding-top:3px;
}


#foldersSelect {
	width: 190px;
	font-size: 110%;
	margin-bottom: 4px;
}

#foldersSelect option {
	padding-left: 5px;
}

#foldersButtons img {
	vertical-align: bottom;
}

#foldersButtons a {
	margin-right: 11px;
}

#foldersDone {
	width: 95%;
	text-align: right;
	clear: both;
	padding-top: 15px;
}

#foldersDone img {
	vertical-align: middle;
	margin-bottom: 1px;
}

/* ------------------- BEGIN EDIT FOLDERS ------------------*/