@charset "utf-8";
/* CSS Document */

/* Don't display share checkboxes initially on Baker's Club
 * since only users with publish_stream permissions can do a share
 * on the submit recipe and tip sections
 */
.share-on-facebook {
	display: none;
	padding-top: 14px;
}


/* Join Baker's Club Page
----------------------------------------------- */

/* Top Section of Page */
#join-top {
	width: 370px;
	overflow: hidden;
}
#join-top p {
	line-height: 1.35em;
}
.seo-header.already-member {
	margin: 14px 0 6px;
	width: 208px;
	height: 19px;
	background: url(../images/bakers-club/join/already-a-member.png) no-repeat;
}
#join-top .hr-green {
	width: 350px;
}
#join-top .fb-login {
	margin-top: 10px;
}
#join-top .fb-login .facebook-button {
	position: absolute;
	margin-top: 2px;
}
#join-top .fb-login .copy {
	margin-left: 200px;
	width: 150px;
}
#join-top .separator {
	margin: 8px 0 6px;
	height: 12px;
}
#join-top .separator .line {
	float: left;
	margin-top: 6px;
	width: 158px;
	height: 1px;
	background-color: #b0c39a;
}
#join-top .separator .label {
	float: left;
	width: 34px;
	text-align: center;
	font-weight: bold;
}
#join-top .login-section {
	margin-top: 4px;
	height: 26px;
}
#join-top input[type=text], #join-top input.password {
	position: absolute;
	margin-top: 3px;
	border: 1px solid #a4b87a;
	padding: 3px;
	width: 114px;
	height: 13px;
	background-color: #fff;
	font-size: 12px;
}
#join-top input.password {
	margin-left: 129px;
}
#join-top input[type=image] {
	position: absolute;
	margin-left: 256px;
	display: inline-block;
	width: 72px;
	height: 26px;
}
#join-top .footer {
	margin-top: 6px;
	height: 26px;
	font-size: 11px;
}

/* Join Content Container */
.join-content {
	padding: 0 20px;
	width: 633px;
	background: url(../images/bakers-club/join/box-middle-bg.png);
}
.join-content.top {
	height: 20px;
	background: url(../images/bakers-club/join/box-top-bot-bg.png) no-repeat;
}
.join-content.bot {
	height: 20px;
	background: url(../images/bakers-club/join/box-top-bot-bg.png) no-repeat 0 -20px;
}
.join-content h3 {
	margin-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
}

/* Registration Form */
#join-registration {
	float: left;
	width: 350px;
	font-size: 12px;
}
#join-registration p {
	line-height: 1.35em;
}
#join-registration input[type=text], #join-registration input[type=password] {
	margin-top: 3px;
	border: 1px solid #a4b87a;
	padding: 3px;
	width: 198px;
	height: 13px;
	background-color: #fff;
	font-size: 12px;
}
#join-registration select {
	margin-top: 3px;
	border: 1px solid #a4b87a;
	height: 21px;
	background-color: #fff;
	font-size: 12px;
}
#join-registration .checkbox input[type=checkbox] {
	position: absolute;
	margin: 0;
}
#join-registration .checkbox label {
	margin-left: 20px;
}
#join-registration .seo-header.registration-header {
	width: 195px;
	height: 16px;
	background: url(../images/bakers-club/join/registration-header.png) no-repeat;
}
#join-registration .header-separator {
	margin: 10px 0 20px;
	height: 2px;
	background: url(../images/bakers-club/join/registration-separator.png);
}
#join-registration .facebook-button {
	margin: 20px 0;
}
#join-registration .separator {
	margin: 0 0 20px;
	height: 12px;
}
#join-registration .separator .line {
	float: left;
	margin-top: 6px;
	width: 158px;
	height: 1px;
	background-color: #c8d5b9;
}
#join-registration .separator .label {
	float: left;
	width: 34px;
	text-align: center;
	font-weight: bold;
}

#join-registration .profile-basic-info .item {
	position: relative;
	width: 205px;
	height: 50px;
}
#join-registration .profile-basic-info .city {
	position: absolute;
}
#join-registration .profile-basic-info .city input {
	width: 138px;
}
#join-registration .profile-basic-info .state {
	position: absolute;
	right: 0;
}
#join-registration .profile-basic-info .state select {
	width: 48px;
}

#join-registration .privacy-settings {
	margin-top: 20px;
}
#join-registration .privacy-settings .option {
	margin-top: 10px;
}
#join-registration .privacy-settings .option input {
	position: absolute;
}
#join-registration .privacy-settings .option p {
	margin: 5px 0 0 30px;
}
#join-registration .privacy-settings .option strong {
	display: block;
	line-height: 1.35em;
}
#join-registration .public-profile {
	margin-top: 20px;
}
#join-registration .public-profile input[type=text] {
	width: 270px;
}
#join-registration .profile-options {
	margin-top: 30px;
}
#join-registration .profile-icon {
	float: left;
	margin-right: 10px;
	width: 83px;
	height: 65px;
}
#join-registration .profile-icon input[type=radio] {
	position: absolute;
	margin: 23px 0 0;
}
#join-registration .profile-icon .icon {
	margin-left: 20px;
}



/* Benifits section */

#join-benefits {
	float: right;
	width: 230px;
	color: #623f16;
}
#join-benefits .seo-header.benefits-header {
	width: 222px;
	height: 40px;
	background: url(../images/bakers-club/join/benefits-header.png) no-repeat;
}
#join-benefits .item {
	margin-top: 20px;
}
#join-benefits .icon {
	position: absolute;
	margin: 0;
	width:  20px;
	height: 30px;
	overflow: hidden;
}
#join-benefits .icon.cupcake {
	background: url(../images/bakers-club/join/benefit-cupcake.png) no-repeat 0 3px;
}
#join-benefits .icon.lightbulb {
	background: url(../images/bakers-club/join/benefit-lightbulb.png);
}
#join-benefits .icon.message {
	background: url(../images/bakers-club/join/benefit-message.png) no-repeat 0 3px;
}
#join-benefits .icon.newsletter {
	background: url(../images/bakers-club/join/benefit-newsletter.png) no-repeat 0 2px;
}
#join-benefits .icon.paperclip {
	background: url(../images/bakers-club/join/benefit-paperclip.png);
}
#join-benefits .icon.sissors {
	background: url(../images/bakers-club/join/benefit-sissors.png);
}
#join-benefits .benefit {
	padding: 3px 0 0 25px;
	width: 190px;
	font-size: 12px;
	line-height: 1.35em;
}
#join-benefits .benefit.coupons {
	width: 200px;
}
#join-benefits .separator {
	margin: 20px 0 0 2px;
	width: 226px;
	height: 1px;
	background: url(../images/bakers-club/join/benefits-separator.png);
}









.member-content-list {
	font-size: 12px;
}

.member-content-list h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 16px 0px 6px 0px;
}

.member-content-list div {
	line-height: 16px;
	margin-bottom: 4px;
}

.member-content-list .small {
	font-size: 10px;
}

#bakers-search-form {
	height: 66px;
}

#bakers-search-form .search-field {
	position: absolute;
}

#bakers-search-form .search-image {
	position: absolute;
	margin: 46px 0px 0px 141px;
}

#bakers-search-form .search-button {
	position: absolute;
	margin: 46px 0px 0px 141px;
	width: 73px;
	height: 26px;
	cursor: pointer;
	border: 0px;
	background: none;
	background-image: url(../images/common/buttons-red/search.png);
	outline: none;
	z-index: 2;
}

.bio h1 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.bio strong {
	display: block;
	font-weight: bold;
}

.bio div {
	margin: 4px 0px 10px 0px;
}


/* Baker's Club Homepage - registered users
---------------------------------------------------- */

/* Facebook Connect Notification */
.fb-connect-notification {
	position: relative;
	margin: 10px 0 20px;
	width: 631px;
	height: 187px;
	background: url(../images/bakers-club/facebook-connect-notification/background.png) no-repeat;
}
.fb-connect-notification .close-button {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 9px;
	height: 9px;
	background: url(../images/bakers-club/close-button.png) no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.fb-connect-notification .seo-header.header {
	position: absolute;
	margin: 26px 0 0 95px;
	width: 458px;
	height: 38px;
	background: url(../images/bakers-club/facebook-connect-notification/header.png) no-repeat;
}
.fb-connect-notification .facebook-button {
	position: absolute;
	margin: 85px 0 0 25px;
}
.fb-connect-notification .why {
	position: absolute;
	margin: 82px 0 0 238px;
	width: 310px;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}
.fb-connect-notification .more-info {
	position: absolute;
	margin: 140px 0 0 25px;
	width: 550px;
	line-height: 18px;
}



/* Notifications Feed */
#bakers-club-notifications .notification {
	height: 45px;
	margin-top: 5px;
	margin-left: 20px;
}

#bakers-club-notifications .notification a {
	text-decoration: underline;
}

#bakers-club-notifications .notification .profile-link {
	text-decoration: none;
}

#bakers-club-notifications .notification .profile-link:hover {
	text-decoration: underline;
}

#bakers-club-notifications .notification img {
	position: absolute;
}

#bakers-club-notifications .notification .copy {
	position: absolute;
	margin: 4px 0px 0px 50px;
}

#bakers-club-notifications .notification .date {
	position: absolute;
	margin: 22px 0px 0px 50px;
	font-style: italic;
	font-size: 11px;
}

#bakers-club-member-profile .photo {
	position: absolute;
	margin-top: 6px;
}

#bakers-club-member-profile .profile-status {
	position: absolute;
	margin:   145px 0px 0px 0px;
	width: 130px;
	height: 26px;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	color: #79704a;
	text-align: center;
}

#bakers-club-member-profile .bio {
	position: absolute;
	width: 300px;
	margin: 6px 0px 0px 144px;
}

#bakers-club-member-profile .info {
	position: absolute;
	margin: 12px 0px 0px 440px;
	font-size: 11px;
	line-height: 15px;
}

#bakers-club-member-profile-content {
	font-size: 12px;
}

#bakers-club-member-profile-content a {
	text-decoration: underline;
}

#bakers-club-member-profile-content h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 16px 0px 6px 0px;
}

#bakers-club-member-profile-content div {
	line-height: 16px;
	margin-bottom: 4px;
}

#bakers-club-sidebar-search .input-text {
	width: 250px;
	margin: 10px 0px;
	padding: 3px 0px;
	width: 212px;
	border-color: #bdb4aa;
}

#bakers-club-sidebar-search .main {
	width: 218px;
	margin-left: 4px;
	line-height: 15px;
}

#bakers-club-sidebar-follow h1 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	padding-bottom: 2px;
}

.table-follow .unfollow {
	position: absolute;
	cursor: pointer;
	margin: -6px 0px 0px 93px;
	width: 17px;
	height: 17px;
	background-image: url(../images/bakers-club/unfollow-baker-button.png);
}

.table-follow .side-td {
	width: 110px;
	text-align: center;
	font-size: 11px;
}

.table-follow .wide-td {
	width: 126px;
	font-size: 11px;
}

.table-follow .wide-td .profile {
	width: 126px;
	text-align: center;
}

.table-follow span {
	display: block;
	width: 100%;
	height: 16px;
	margin: 8px 0px 16px 0px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}

.table-follow td:hover span {
	text-decoration: underline;
}

.publish-edit-table td {
	vertical-align: middle;
	padding-right: 4px;
}


.publish-edit-table input {
	border: none;
}

.recipe-occasions-edit-table {
	border: 1px solid #bbb;
	border-collapse: separate;
	border-spacing: 5px;
}

.recipe-occasions-edit-table tr {
}

.recipe-occasions-edit-table td {
	padding: 2px 0px;
}

.recipe-occasions-edit-table label {
	margin: 0px;
	display: inline;
	padding: 0px 20px 0px 5px;
}

.recipe-occasions-edit-table input {
	display: inline;
	border: 0px;
	text-align: left;
	vertical-align: middle;
}

#bakers-club-top-content {
	width:  928px;
	height: 221px;
	background-image: url(../images/common/top-box-928-221-background.png);
}

.profile-sidebar-ul {
	list-style-type: none;
	list-style-position: outside;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}

.profile-sidebar-ul li {
	line-height: 16px;
	margin: 0px;
	padding: 0px 0px 0px 7px;
	background-image: url(../images/bakers-club/profile-sidebar/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#bakers-club-view-profile-sidebar {
	width: 250px;
	height: 211px;
	background-image: url(../images/bakers-club/profile-sidebar/view-profile-sidebar-bg.png);
	overflow: hidden;
	margin-bottom: 8px;
}

#bakers-club-view-profile-sidebar .avatar {
	position: absolute;
	margin: 87px 0px 0px 11px;
}

#bakers-club-view-profile-sidebar .header {
	position: absolute;
	margin: 18px 0px 0px 12px;
}

#bakers-club-view-profile-sidebar .member-name {
	position: absolute;
	margin: 39px 0px 0px 12px;
	font-size: 17px;
}

#bakers-club-view-profile-sidebar .info {
	position: absolute;
	margin: 90px 0px 0px 120px;
}

#bakers-club-view-profile-sidebar .profile-status {
	position: absolute;
	margin:   160px 0px 0px 126px;
	width: 110px;
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #79704a;
}

#bakers-club-your-profile-sidebar {
	width: 250px;
	height: 382px;
	background-image: url(../images/bakers-club/profile-sidebar/your-profile-sidebar-bg.png);
	overflow: hidden;
	margin-bottom: 6px;
}

#bakers-club-your-profile-sidebar .avatar {
	position: absolute;
	margin: 58px 0px 0px 11px;
}

#bakers-club-your-profile-sidebar .header {
	position: absolute;
	margin: 19px 0px 0px 11px;
}

#bakers-club-your-profile-sidebar .subheader {
	position: absolute;
	margin: 198px 0px 0px 20px;
}

#bakers-club-your-profile-sidebar .edit-profile {
	position: absolute;
	margin: 350px 0px 0px 146px;
}

#bakers-club-your-profile-sidebar .bio {
	position: absolute;
	margin: 230px 0px 0px 20px;
	font-size: 12px;
}

#bakers-club-your-profile-sidebar h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}

#bakers-club-your-profile-sidebar .info {
	position: absolute;
	width: 126px;
	height: 100px;
	margin: 60px 0px 0px 124px;
	overflow: hidden;
}

/* Member Home Page */
.recipe-box-item {
	width: 210px;
	height: 110px;
	float: left;
}

.recipe-list-thumb {
	position: absolute;
	width: 105px;
	height: 95px;
	overflow: hidden;

}

.recipe-info {
	position: absolute;
	margin-left: 105px;
	width: 105px;
	height: 110px;
	overflow: hidden;
	font-size: 11px;
}

.recipe-info a {
	display: block;
	font-weight: bold;
	line-height: 13px;
	margin: 2px 0px 4px 0px;
}

.recipe-info span {
	margin-bottom: 4px;
}

.recipe-info em {
	display: block;
	margin-top: 4px;
}

/* Notifications */
#memeber-notifications .notification {
	width: 610px;
	height: 40px;
	margin-top: 10px;
	border-top: 1px solid #e0d8ce;
}

#memeber-notifications .notification .date {
	width: 200px;
	float: left;
	font-size: 12px;
	font-style: italic;
	margin: 10px 0px 0px 10px;
}

#memeber-notifications .notification .message {
	width: 380px;
	float: left;
	margin-top: 10px;
}

#memeber-notifications .notification .message h1 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 4px;
}

#memeber-notifications .notification .message a {
	
}



/* Edit Profile Page
----------------------------------------------- */

#memeber-edit-profile .col1 {
	width: 280px;
}

#memeber-edit-profile .col1 input {
	width: 204px;
}

#memeber-edit-profile .col2 {
	width: 320px;
}

#memeber-edit-profile .profile-basic-info {
	height: 288px;
}

#memeber-edit-profile .profile-basic-info input {
	width: 204px;
}

#memeber-edit-profile .profile-basic-info div {
	position: absolute;
	margin: 0px 0px 0px 0px;
}



#memeber-edit-profile .profile-public-new-edges {
	background-image: url(../images/bakers-club/manage-profile/new-profile-public-edges.png);
}

#memeber-edit-profile .profile-public-new-middle {
	background-image: url(../images/bakers-club/manage-profile/new-profile-public-middle.png);
}

#memeber-edit-profile .profile-public-edit-edges {
	background-image: url(../images/bakers-club/manage-profile/edit-profile-public-edges.png);
}

#memeber-edit-profile .profile-public-edit-middle {
	background-image: url(../images/bakers-club/manage-profile/edit-profile-public-middle.png);
}


#memeber-edit-profile .profile-public-top {
	width: 488px;
	height: 6px;
	overflow: hidden;
}

#memeber-edit-profile .profile-public-bot {
	width: 488px;
	height: 6px;
	background-position:  0 -6px;
	margin-bottom: 15px;
	overflow: hidden;
}

#memeber-edit-profile .profile-public {
	width: 488px;
	height: 346px;
}

#memeber-edit-profile .profile-public .top-div {
	position: absolute;
	margin-left: 14px;
	width: 470px;
	overflow: hidden;
}

#memeber-edit-profile .profile-public-optional {
	position: absolute;
	margin: 10px 0px 0px 502px;
	width: 103px;
	height: 237px;
	background-image: url(../images/bakers-club/manage-profile/optional-info.png);
	overflow: hidden;
}

#memeber-edit-profile .profile-avatar-radio {
	margin: 22px 0px 0px 0px;
	padding: 0px;
}


#memeber-edit-profile .profile-privacy-new-edges {
	background-image: url(../images/bakers-club/manage-profile/new-profile-privacy-edges.png);
}

#memeber-edit-profile .profile-privacy-new-middle {
	background-image: url(../images/bakers-club/manage-profile/new-profile-privacy-middle.png);
}

#memeber-edit-profile .profile-privacy-edit-edges {
	background-image: url(../images/bakers-club/manage-profile/edit-profile-privacy-edges.png);
}

#memeber-edit-profile .profile-privacy-edit-middle {
	background-image: url(../images/bakers-club/manage-profile/edit-profile-privacy-middle.png);
}

#memeber-edit-profile .profile-privacy-top {
	width: 451px;
	height: 6px;
	overflow: hidden;
}


#memeber-edit-profile .profile-privacy-bot {
	width: 451px;
	height: 6px;
	background-position:  0 -6px;
	overflow: hidden;
}

#memeber-edit-profile .profile-privacy {
	width: 451px;
	
}

#memeber-edit-profile .profile-privacy .inner {
	margin-left: 14px;
	padding: 10px 0px;
}


#memeber-edit-profile .profile-privacy .options {
	width: 422px;
}

#memeber-edit-profile .profile-privacy .copy-holder {
	width: 400px;
	float: left;
	line-height: 16px;
}

#memeber-edit-profile .profile-privacy .checkbox-holder {
	float: left;
	width: 22px;
}



#memeber-edit-profile .privacy-settings div {
	line-height: 16px;
	float: left;
	margin-bottom: 4px;
}

#memeber-edit-profile .profile-privacy strong {
	display: block;
	margin-bottom: 2px;
	padding-top: 4px;
}

#memeber-edit-profile .profile-final-options {
	margin: 20px 0px 0px 10px;
}







/* Submitted Recipes */

#memeber-submitted-recipes {
	width: 675px;
	height: 560px;
}

#memeber-submitted-recipes .top-edge {
	position: absolute;
}

#memeber-submitted-recipes .bot-edge {
	position: absolute;
	margin-top: 530px;
}

#memeber-submitted-recipes-content {
	position: absolute;
}

/* Create Recipe */

#memeber-create-recipe {
	width: 675px;
}

#memeber-create-recipe .bot-edge {
	position: absolute;
	margin-top: 530px;
}

#member-create-recipe-content {
	margin-left: 20px;
}


/* Edit Recipe */
#member-edit-recipe-content {
	margin-left: 20px;
}

.recipe-items-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 490px;
	font-size: 12px;
}
.recipe-items-list li {
	margin: 0 3px 3px 3px;
	padding: 4px 6px;
}

.recipe-items-list td, th {
	padding: 2px 5px;
}

.recipe-items-list h4 {
	color: #5f401a;
	font-size: 12px;
	font-weight: bold;
}

.edit-list-item {
	cursor: pointer;
}

.delete-list-item {
	cursor: pointer;
}

.list-item-value {
	line-height: 16px;
}