/*
 * this template is used for user register and user edit profile
 */

.login label span, .data label span, .data-recipe label span { float:right; color:#a8a8a8; font-size:12px; font-weight:normal; }
.data-recipe form fieldset span.picture-description { float:left; width:auto; margin-left:5px; display:inline; }

/* main */
.main { padding-left:0; display:inline; }

/* menu */
.menu { margin-left:0; }

/* login */
.login { float:left; width:200px; margin-top:22px; }
.login h2 { font-size:29px; letter-spacing:-2px; color:#333; }
.login form fieldset label { display:block; margin:10px 0 2px; font-size:14px; color:#333; font-weight:bold; }
.login form fieldset label.rememberme { margin:5px 0 0 0; font-size:11px; }
.login form fieldset label.rememberme input { float:left; width:12px; height:12px; margin:3px 3px 0 0; }
.login form fieldset a.lost-password { float:left; width:74px; font-size:14px; margin-top:20px; color:#a8a8a8; letter-spacing:-0.05em; font-weight:bold; }
.login form fieldset input { width:194px; }
.login form fieldset a.button { float:right; margin:20px 0 0 10px; }

/* profile options */
.options { float:left; width:200px; }
.options a { font-weight:normal; font-size: 11px; color:#f79f13!important; }
.options img { margin-bottom: 8px; }
.options .remove-profile:hover { color:red!important; }

/* register */
.data { float:left; width:680px; padding-bottom:15px; display:inline; }
.data h2 { margin-bottom:5px; font-size:29px; letter-spacing:-2px; color:#333; }
.data p { color:#a8a8a8; margin-bottom:8px; }
.data form { margin-top:5px; }
.data form fieldset.captcha { width:680px; }
.data form fieldset.captcha input { float:none; }
.data form fieldset label { float:left; width:680px; height:18px; margin-top:13px; display:block; color:#333; font-size:14px; font-weight:bold; }
.data form fieldset label.sex-options { float:left; width:680px; }
.data form fieldset label.my-picture { float:none; clear:both; }
.data form fieldset label.email { float:none; clear:both; }
.data form fieldset input { float:left; width:498px; padding:5px 0 0 3px; border-top:1px solid #7c7c7c; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; font-size:14px; font-weight:bold; }
.data form fieldset input.username { text-transform: lowercase; }
.data form fieldset input.city { width:500px; }
.data form fieldset input.day, .data form fieldset input.month { width:73px; margin-right:4px; }
.data form fieldset input.year { width:138px; }
.data form fieldset input.sex { width:12px; height:12px; border:0; }
.data form fieldset input.picture { float:none; width:auto; border:0; }
.data form fieldset input.email { float:left; }
.data form fieldset span.picture-description { float:left; width:auto; margin-left:5px; display:inline; }
.data form fieldset label.sex-description { width:auto; height:12px; margin:0 3px 10px 3px; line-height:12px; display:inline; font-size:12px; font-weight:normal; color:#a8a8a8; }
.data form fieldset label.public-mail { float:none; margin-top:3px; }
.data form fieldset label.public-mail input { float:left; width:12px; padding:0; border:0; clear:both; }
.data form fieldset label.public-mail span { float:left; margin:4px 0 0 3px; }
.data form fieldset select { display:block; width:300px; clear:both; }
.data form fieldset select.skills { float:left; }
.data form fieldset span.skills-description { float:left; margin:2px 0 0 10px; color:#a8a8a8; }
.data form fieldset span.dob-description { float:left; margin:7px 0 0 10px; color:#a8a8a8; }
.data form fieldset a.button { margin-left:10px; }
.data form fieldset a.button span span { width:147px; }
.data form fieldset .hr { float:left; width:680px; margin-top:20px; }
.data form fieldset .verification { float:left; position:relative; display:none; width:144px; padding:6px 10px; margin-left:10px; cursor:default; }
.data form fieldset .verification p { color:#fff; font-weight:bold; margin:0; }
.data form fieldset .verification .notification { position:absolute; width:14px; height:12px; right:10px; top:6px; font-size:1px; background:url(../images/checker.gif) 0 -12px no-repeat; }
.data form fieldset .verification .notification.valid { background-position:0 0; }
.data form fieldset.recipe-tags input { margin-bottom:10px; }
.data form fieldset.terms-use-and-public-data { float:left; width:680px; margin-top:10px; }
.data form fieldset.terms-use-and-public-data label { width:450px; margin:0; }
.data form fieldset.terms-use-and-public-data label input { float:left; width:12px; height:12px; border:0; }
.data form fieldset.terms-use-and-public-data label span { float:left; margin:4px 0 0 3px; color:#333; font-weight:bold; }
.data form fieldset.terms-use-and-public-data label span a { color:#f79f13; }
.data form fieldset.terms-use-and-public-data label.required-fields { margin:0 0 5px; font-size:11px; color:#333; font-style:italic; font-weight:normal; }
.data form fieldset.send-data { float:right; width:120px; height:42px; position:relative; margin-top:10px; }
.data form fieldset.send-data a.button { margin-left:0; }
.data form fieldset.send-data a.button span { width:auto; }
.data form fieldset #picture { float: left; }
.data form fieldset #picture a.button { margin-left: 0; }

/* data recipe */
.data-recipe { float:left; width:680px; padding-bottom:15px; }
.data-recipe h2 { margin-bottom:4px; color:#a8a8a8; font-size:12px; font-weight:normal; }
.data-recipe h3 { width:660px; font-size:19px; color:#f79f13; }
.data-recipe form fieldset { float:left; width:680px; position:relative; }
.data-recipe form fieldset label { float:left; width:660px; height:18px; margin-top:13px; display:block; color:#333; font-size:14px; font-weight:bold; }
.data-recipe form fieldset input { width:668px; }
.data-recipe form fieldset.send-recipe a.button { color:#fff; }
.data-recipe .hr-special { float:left; width:680px; height:5px; margin-top:20px; background-color:#f1f2eb; }
.data-recipe .verification { position:absolute; width:14px; height:12px; right:0; bottom:-15px; font-size:1px; background:url(../images/checker-recipe.gif) 0 -11px no-repeat; }
.data-recipe .verification.valid { background-position:0 0; }
.data-recipe .group-title { float:left; width:680px; position:relative;}
.data-recipe .group-resume { float:left; width:680px; position:relative;}
.data-recipe .group-resume textarea { width:668px; }
.data-recipe .group-title .resume-counter-title { border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; font-family:Arial,Tahoma,Verdana; font-size:14px; font-weight:bold; position: absolute; right: 7px; bottom: -20px; padding: 1px 3px; }
.data-recipe .group-resume .resume-counter { border-color: #7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; font-family:Arial,Tahoma,Verdana; font-size:14px; font-weight:bold; position: absolute; right: 7px; bottom: -20px; padding: 1px 3px; }
.data-recipe .group-category { float:left; width:190px; }
.data-recipe .group-category label { width:180px; }
.data-recipe .group-category input { float:left; width:180px; }
.data-recipe .group-recipe-picture { float:left; }
.data-recipe .group-preparation-time { float:left; width:200px; }
.data-recipe .group-preparation-time label { float:left; width:200px; }
.data-recipe .group-preparation-time input { width:50px; }
.data-recipe .group-serving { float:left; width:172px; }
.data-recipe .group-serving label { float:none; width:144px; }

.data-recipe .group-recipe-pictures { float:left; width:680px; margin:10px 0 0 -10px; }
.data-recipe .group-recipe-pictures a { float:left; width:102px; height:48px; margin:0 0 5px 10px; display:block; background-image:url(../images/button-close.gif); background-repeat:no-repeat; background-position:0 -15px; }
.data-recipe .group-recipe-pictures a:hover { background-position:top right; }

.data-recipe .ingredients { float:left; margin-top:20px; }
.data-recipe .ingredients .ingredients-fields { width:680px; overflow: hidden; }

.data-recipe .ingredients .ingredients-fields a.remove { float:right; margin-top: 29px; }
.data-recipe .ingredients .ingredients-fields a.remove span span { background: #F1F2EB url(../images/icon-report.gif) no-repeat scroll left center; padding-left:15px; }
.data-recipe .ingredients .ingredients-fields.last a.remove { display: none; }

.data-recipe .ingredients .ingredients-fields .group-ingredients { float:left; width:270px; }
.data-recipe .ingredients .ingredients-fields .group-ingredients label { width:260px; }
.data-recipe .ingredients .ingredients-fields .group-ingredients input { float:left; width:260px; }
.data-recipe .ingredients .ingredients-fields .group-ingredients.without-quantity { width: 380px; display: block; }
.data-recipe .ingredients .ingredients-fields .group-ingredients.without-quantity input { width: 370px; display: block; }

.data-recipe .ingredients .ingredients-fields .group-quantity { float:left; width:110px; }
.data-recipe .ingredients .ingredients-fields .group-quantity label { width:100px; }
.data-recipe .ingredients .ingredients-fields .group-quantity input { width:100px; }

.data-recipe .ingredients .ingredients-fields .group-quantity.without-quantity { overflow: hidden; width: 0px; display: block; }

.data-recipe .ingredients .ingredients-fields .group-measure { float:left; width:120px; display:inline; }
.data-recipe .ingredients .ingredients-fields .group-measure label { width:136px; }
.data-recipe .ingredients .ingredients-fields .group-measure select { float:left; width:115px; display:inline; }
.data-recipe .ingredients .ingredients-fields .group-measure a.button { float:left; }
.data-recipe .ingredients #add-ingredient { position: absolute; right: 0; bottom: -2px; }

.data-recipe .categories { float:left; margin-top:20px; }
.data-recipe .categories select { float:left; width:210px; margin-right:10px; }
.data-recipe .aditional-info { float:left; margin-top:20px; }
.data-recipe .aditional-info h3 { color:#c8c8c8; }
.data-recipe .aditional-info .group-aditional-info { float:left; width:210px; margin:2px 10px 0 0; }
.data-recipe .aditional-info .group-aditional-info label { width:210px; }
.data-recipe .aditional-info .group-aditional-info select { width:210px; }
.data-recipe .steps { float:left; margin-top:20px; position:relative; }
.data-recipe .steps h3 { margin-bottom:20px; }

.data-recipe .steps .step { float:left; width:660px; margin:0 0 20px; overflow: hidden; position: relative; }
.data-recipe .steps .step.open { cursor: default; }
.data-recipe .steps .step h4 { font-size:19px; color:#f79f13; }
.data-recipe .steps .step label { width:660px; }
.data-recipe .steps .step input { width:655px; }
.data-recipe .steps .step textarea { width:655px; height:80px; }
.data-recipe .steps .step a.button { font-weight:bold; height:12px; padding:6px; position:absolute; top:8px; color: #999; }
.data-recipe .steps .step a.remove {right:8px; }
.data-recipe .steps .step a.edit {right:76px; }
.data-recipe .steps .step.open a.button { display: none; }

.data-recipe .steps .step-verification { display: inline; float: left; width: 14px; height: 12px; background: transparent url(../images/checker-recipe.gif) no-repeat scroll 0 -11px; margin: 6px 5px 0 0px; font-size: 4px; }
.data-recipe .steps .step-verification.valid { background-position: 0 0; }

.data-recipe .recipe-tags { float:left; }
.data-recipe .recipe-tags p { color:#a8a8a8; margin-top:5px; }
.data-recipe .captcha { width:660px; }
.data-recipe .send-recipe a.button { float:right; }

.data-recipe #picture-recipe, .data-recipe .step-upload { float: left; }

/* resume, my profile, book, favorite chefs, clubs, send recipe */
.submenu { float:left; width:700px; margin:0 0 5px -5px; background:url(../images/cursor-orange.gif) no-repeat -10px bottom; display: none; }
.submenu.edit { display:block; }
.submenu li { float:left; height:39px; margin:0 5px; }

/* notification area */
.notification-area { float:left; width:680px; margin-bottom:10px; }
.notification-area p { font-size:16px; color:#fff; }
.notification-area.rounded p { color:#000; }
.notification-area p a { color:#fff; }
.notification-area.rounded p a { color:#000; }

/* welcome */
.welcome { float:left; width:680px; margin-bottom:10px; }
.welcome h2 { margin-bottom:5px; font-size:30px; letter-spacing:-2px; line-height:1em; }
.welcome .smile { float:left; margin-right:10px; color:#f79f13; font-size:42px; line-height:1em; font-weight:bold; }
.welcome a.button-close-white, .welcome a.send-recipe, .welcome p a, .user-options a.button-edit, .user-options a.button-view, .activity a.button-close-white, .actions a, .user a, .user-action a { color:#f79f13!important; }
.recipe h3 a, .recipe-options a, .club h3 a, .recipe-options a { color:#f79f13!important; }

/* user area */
.user-area { float:left; width:680px; margin-bottom:10px; }
.user-area h2 { float:left; width:580px; margin-bottom:20px; font-size:30px; letter-spacing:-2px; line-height: 1.0em; }
.user-area p { float:left; width:340px; margin-bottom:10px; }
.user-area p strong { margin-left:5px; }
.user-area .user-options { position:absolute; right:10px; top:10px; text-align:right; }
.user-area .user-options a { display:block; height:15px; line-height:13px; margin-bottom:5px; padding-right:18px; font-size:11px; }
.user-area .user-options a.button-edit { background:url(../images/icon-edit.gif) right center no-repeat; }
.user-area .user-options a.button-view { background:url(../images/icon-view.gif) right center no-repeat; }

.video-galery { float: left; margin-bottom: 10px; }
.most-watched { height: 266px; }
.most-popular { height: 246px; }

/* user recipes */
.user-recipes { float:left; width:194px; margin-right:10px; background:url(../images/icon-meat.gif) #fff 10px 14px no-repeat; }
.user-recipes h3 { float:left; width:140px; display:inline; margin:15px 0 0 50px; color:#f79f13; font-size:16px; letter-spacing:-1px; }
.user-recipes p { float:left; margin-top:8px; color:#a8a8a8; font-weight:bold; display:inline; }
.user-recipes a.button { margin-top:8px; }
.user-recipes a.button span span { width:157px; padding:0 0 0 18px; background-position:left center; }

/* favorite recipes */
.favorite-recipes { float:left; width:212px; margin:0 10px 10px 0; background:url(../images/icon-pot.gif) #fff 14px 14px no-repeat; }

/* visualization number */
.visualizations { float:left; width:212px; margin-bottom:10px; background:url(../images/icon-person.gif) #fff 14px 14px no-repeat; }

/* added recipes */
.added-recipes { float:left; width:212px; margin-right:10px; background:url(../images/icon-hat.gif) #fff 14px 14px no-repeat; }

/* my clubs */
.my-clubs { float:left; width:212px; background:url(../images/icon-community.gif) #fff 14px 22px no-repeat; }

/* last comments */
.last-comments { float:left; width:700px; margin-top:20px; }
.last-comments h3 { float:left; width:700px; margin-bottom:10px; display:inline; color:#a8a8a8; font-size:42px; letter-spacing:-2px; line-height:1em; }
.last-comments .activity { float:left; width:680px; margin-bottom:10px; }
.last-comments .activity p { color:#808080; }
.last-comments .activity p.user { font-weight:bold; }
.last-comments .activity p.user span {font-weight:normal; font-style:italic; font-size:11px; color:#a8a8a8; }
.last-comments .activity p.user-action { margin:10px 0; color:#a8a8a8; }
.last-comments .activity p.user-action a { font-weight:bold; text-transform: uppercase; }
.last-comments .activity .actions { float:right; margin:10px 0; }
.last-comments .activity .actions a { margin-right:5px; padding-left:24px; font-weight:bold; background:url(../images/icon-view.gif) no-repeat left center; height: 16px; }

.last-comments .activity .actions a.accept { background:url(../images/icons-moderador.gif) no-repeat left 0; height: 16px; }
.last-comments .activity .actions a.reject { background:url(../images/icons-moderador.gif) no-repeat left -25px; height: 16px; }

/* favorite recipes, visualization number, added recipes, my clubs */
.favorite-recipes p, .visualizations p, .added-recipes p, .my-clubs p { float:left; margin:6px 0 0 36px; padding-bottom:6px; display:inline; color:#a8a8a8; font-weight:bold; }
.favorite-recipes p strong, .visualizations p strong, .added-recipes p strong, .my-clubs p strong { color:#333; font-size:14px; display:block; }

/* my recipes */
.recipes.my-recipes { margin-right:20px; overflow: hidden; }
.recipes { float:left; width:340px; display: none; }
.recipes .recipe { float:left; width:320px; margin-bottom:10px; position: relative; }
.recipes img { float:left; margin-right:10px; }
.recipes p { margin-bottom:4px; line-height:1.3em; color:#333; }
.recipes p a { color:#333; }
.recipes h2 { margin-bottom:20px; font-size:42px; color:#a8a8a8; letter-spacing:-4px; line-height: 1.0em; }
.recipes h3 { font-size:16px; color:#f79f13; letter-spacing:-1px; width: 210px; overflow:hidden; height:17px; text-transform: uppercase; }
.recipes h2 small { font-size:14px; letter-spacing:0; }
.recipes a.download-recipe-pdf { height:21px; line-height:21px; margin-bottom:14px; padding-left:30px; display:block; color:#a8a8a8; font-weight:bold; background:url(../images/icon-pdf.gif) center left no-repeat; }
.recipes a.button-view-all { height:15px; line-height:15px; padding-left:18px; background:url(../images/icon-plus.gif) center left no-repeat; }
.recipes .recipe-options { float:left; width: 190px; height: 15px; display:inline; margin-left:94px; overflow: hidden; }
.recipes .recipe-options a.button-photos, .recipes .recipe-options a.button-edit, .recipes .recipe-options a.button-comments { height:15px; line-height:15px; padding-left:18px; margin-right:5px; }
.recipes .recipe-options a.button-photos { padding-left:22px; background:url(../images/icon-camera.gif) center left no-repeat; }
.recipes .recipe-options a.button-edit { background:url(../images/icon-file-small.gif) center left no-repeat; }
.recipes .recipe-options a.button-comments { background:url(../images/icon-comment.gif) center left no-repeat; }

.recipes .pagination { float:left; margin-left:12px; display:inline; }

.recipes .book-recipes a.no-result { display: block; color:#f79f13; font-size:18px; margin:10px 0; }
.recipes .book-recipes .button-delete { float:right; position: absolute; top: 5px; right: 7px; display:none; height:18px; line-height:18px; padding-right:18px; color:#999; background:url(../images/button-close.gif) center right no-repeat; }
.recipes .book-recipes .button-delete:hover { text-decoration: none; }

/* my clubs */
.club-list { float:left; width:710px; margin-left:-10px; }
.clubs { float:left; width:340px; margin-left:10px; display:none; }
.clubs h2 { font-size:42px; letter-spacing:-3px; color:#a8a8a8; line-height:1em; }
.clubs h2 small { font-size:14px; letter-spacing:0; }
.clubs .club { float:left; margin-bottom:10px; }
.clubs .club { float:left; width:320px; }
.clubs .club img { float:left; margin-right:10px; }
.clubs .club h3 { font-size:14px; color:#f79f13; letter-spacing:-1px; }
.clubs .club p { margin:5px 0; color:#333; }
.clubs .club .club-options { float:left; margin-top:6px; display:inline; }
.clubs .club .club-options p { color:#a8a8a8; font-weight:bold; }
.clubs .club p strong { padding-left:18px; background:url(../images/icon-person-gray.gif) no-repeat; }

.clubs .book-clubs a.no-result { display: block; color:#f79f13; font-size:18px; margin:10px 0; }
.clubs .book-clubs .button-delete { float:right; position: absolute; top: 5px; right: 7px; display:none; height:18px; line-height:18px; padding-right:18px; color:#999; background:url(../images/button-close.gif) center right no-repeat; }
.clubs .book-clubs .button-delete:hover { text-decoration: none; }

/* user profile */
.profile-about { float:left; width:680px; margin-bottom:10px; background-color:#fff!important; }
.profile-about h2 { font-size:30px; color:#333; letter-spacing:-3px; }
.profile-about div.profile-infos { margin-top: 15px; float: left; }
.profile-about p { float:left; width:340px; margin-bottom:10px; }
.profile-about p strong { margin-left:5px; }

.profile h3 { float:left; width:700px; color:#a8a8a8; font-size:42px; letter-spacing:-3px; line-height: 1em; }
.profile h3 small { font-size:14px; letter-spacing:-1px; }
.profile .profile-recipes { float: left; margin-bottom:20px; }
.profile .profile-recipes .pagination{width:500px}

.profile-info { float:left; width:200px; margin-bottom:20px; }
.profile-info img { margin-bottom:10px; }
.profile-info p { float:left; width:200px; margin-bottom:10px; font-weight:bold; color:#999; }
.profile-info a.button { float:left; margin-bottom:10px; }
.profile-info a.button span span { width:165px; padding:0 0 0 18px; }
.profile-info a.button.orange-arrow span span { background:url(../images/button-orange-arrow.gif) #f79f13 left center no-repeat; }

/* upload */
#picture .preview { display: none; width: 200px; height: 200px; overflow: hidden; margin-bottom: 10px; }
#picture-recipe .preview { display: none; width: 168px; height: 96px; overflow: hidden; margin-bottom: 10px; }
#profile { float: left; }

/* last updates */
.lastUpdates { float:left; width:465px; }
.lastUpdates h2 { font-size:42px; color:#a8a8a8; letter-spacing:-0.1em; line-height:1em; }
.lastUpdates h2 small { font-size:14px; letter-spacing:0; margin-left:4px; }
.lastUpdates img { float:left; margin-right:28px; }
.lastUpdates ul { float:left; margin-top:23px; }
.lastUpdates ul li { float:left; margin-bottom:20px; background:url(../images/author-cursor.gif) 67px 20px no-repeat; }
.lastUpdates ul li.last { margin-bottom:0; }
.lastUpdates ul li .update { float:left; position:relative; width:345px; }
.lastUpdates ul li .update .action { float:left; width:275px; }
.lastUpdates ul li .update .action.comment { background:url(../images/double-quotes-right.gif) no-repeat right bottom; }
.lastUpdates ul li .update .action p { float:left; color:#999; }
.lastUpdates ul li .update .action p strong a { color:#f79f13; text-transform: uppercase; }
.lastUpdates ul li .update .action big { float:left; width:217px; margin:9px 0 0 5px; padding:0 0 3px 33px; color:#999; font-size:20px; font-weight:bold; letter-spacing:-1px; background:url(../images/double-quotes-left.gif) no-repeat; }
.lastUpdates ul li .update a.view-update { float:right; display:block; width:84px; height:48px; }
.lastUpdates ul li .update a.view-update img { margin-right:0; }
.lastUpdates ul.navigation { float:left; margin:10px 10px 0 10px; }
.lastUpdates ul.navigation li { float:left; display:block; width:19px; height:23px; line-height:27px; margin:0; text-align:center; }
.lastUpdates ul.navigation li.selected { width:19px; height:23px; background:url(../images/cursor-selected.gif) no-repeat; }
.lastUpdates ul.navigation li.selected a { color:#fff; }
.lastUpdates a.cursor { float:left; margin:17px 10px 0 10px; font-weight:bold; }

.followersNew {float:left; width:221px;margin-left:14px }
.followersNew h2 { font-size:42px; color:#a8a8a8; letter-spacing:-0.1em; margin-bottom:10px; line-height: 1.0em; }
.followUsers ul li{float:left;margin-right:2px}