/* Layouts */ #main {background-color:#fff;} * html #main {overflow:hidden; width:100%;} /* 2 columns */ .two_columns #content{float:left; width:686px; background-color: #fff;} .two_columns {background:#fff url(/images/2col-bg.png) repeat-y;} .two_columns .top {background:url(/images/2col-top.png) no-repeat top left; padding-top:11px;} .two_columns .bottom {background:url(/images/2col-bottom.png) no-repeat bottom left; padding:0 4px 11px 4px;} /* Wide layout */ .wide #content{width:992px;} .wide {background:url(/images/wide-bg.png) repeat-y;} .wide .top {background:url(/images/wide-top.png) no-repeat top left; padding-top:11px;} .wide .bottom {background:url(/images/wide-bottom.png) no-repeat bottom left; padding:0 4px 11px 4px;} h1.page-header span.main {float: left;} h1.page-header span.option {float: right; font-size: 13px; line-height: 170%;} h1.page-header span.info {font-size: 13px; color: #848484;} .page-with-form {padding: 5px 10px;} .page-with-form h1.page-header {margin: 0 !important; color: #da6106;} .page-with-form h1.social-header {color: #536ebd !important;} .page-with-form div.items {padding:0; margin:10px 0 0 0; overflow:hidden; _height:1%;} .page-with-form div.submit {padding:0; margin:10px 0 0 0; overflow:hidden; _height:1%;} /* Colored boxes */ .info-box {border: 1px solid #ecc674;} .info-box h2 {border-bottom: 1px solid #ecc674; padding: 7px; background: #fce47b; color: #6e6e6e; font-weight: bold; font-size: 13px;} .info-box .body {padding: 5px 10px 10px 10px; overflow: hidden; _height: 1%;} /* Fullwide 2 columns */ .page-left-column {margin-top: -7px;} .page-left-column .top-panel {padding: 4px 10px; position: relative;} .page-left-column .top-panel {background: #da6106 url(/images/recipe-header-bg.png) no-repeat left top;} .page-left-column .alt-top-panel {background: #536ebd url(/images/social-header-bg.png) no-repeat left top;} .page-left-column .top-panel .breadcrumbs {font-weight: bold; font-size: 13px; color: #ffd553; white-space: nowrap; float: left;} .page-left-column .alt-top-panel .breadcrumbs {color: #fff;} /* Modal boxes */ .modalbox {width: 392px; position: fixed; top: 17%; left: 50%; margin-left: -196px; color: #333;} .modalbox-wide {width: 560px; margin-left: -300px;} .modalbox-tall {top: 7%;} .modalbox-wide-tall {width: 560px; margin-left: -300px; top: 7%;} .modal-overlay {background-color: #000;} /* IE6 emulate fixed position */ * html .modalbox { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } * html .modalbox-wide-tall, *html .modalbox-tall { top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(7 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } /* * html iframe.jqm { position: absolute; top: 0; left: 0; z-index: -1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); } */ .modal-only {display: none;} .modalbox .modal-only {display: block;} .modalbox .non-modal-only {display: none;} .modalbox h3.social-block-header, .modalbox h3.message-block-header {color: #fff; padding: 5px 10px; background: #536ebd url(/images/popup-head-bg.png) no-repeat;} /* .jqmWide {width: 560px; margin-left: -300px;} .jqmTall {top: 7%;} .jqmOverlay {background-color: #000;} .modal-only {display: none;} a.close-modal {color: #da6106;} .jqmWindow .modal-only {display: block;} .jqmWindow .non-modal-only {display: none;} #modalbox .non-modal-only {display: none;} */ /* Header */ #site_header {width: 1001px; height: 106px; margin: 5px auto 0 auto; background: url(/images/top-center-bg.png) no-repeat 0 11px; position: relative;} #site_header .logo {float: left; padding-left: 20px; padding-top: 24px; width: 172px;} #site_header .logo a {display: block; background: url(/images/logo.png) no-repeat; width: 172px; height: 68px; text-indent: -9999px; overflow: hidden;} #site_header .main-menu {position: absolute; top: 66px; left: 255px; z-index: 3;} .ru_RU #site_header .main-menu {left: 225px;} #slogan {position: absolute; left: 205px; top: 49px; font-size: 14px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-style: italic; color: #fff;} #global_search {position: absolute; left: 389px; top: 29px; width: 350px;} #global_search span.left {background: url(/images/topsearch-left.gif) no-repeat; float: left; display: block; width: 5px; height: 21px;} #global_search input.text {border: none; width: 190px; height: 15px; padding: 3px 0 3px 2px; background: url(/images/topsearch-bg.gif) repeat-x; float: left;} #site_header .panel-container {float: right;} #site_header .top-panel {float: right; height: 46px; background: url(/images/top-panel/bg-right.png) no-repeat 100% 0;} #site_header .top-panel-contents {height: 46px; padding: 3px 8px 0 8px; background: url(/images/top-panel/bg-left.png) no-repeat;} #site_header .top-panel .menu-item {float:left; padding-left: 5px; padding-right: 5px; padding-top: 8px;} #site_header .top-panel .language-menu-item {padding-top:3px;} #site_header .top-panel .profile-menu-item {max-width: 130px;} #site_header .top-panel .picture-menu-item {padding-top: 3px;} #site_header .top-panel .settings-menu-item {text-align: center; max-width: 60px;} #site_header .top-panel .logout-menu-item {text-align: center; max-width: 45px;} #site_header .top-panel .menu-separator {float:left; width: 3px; height: 22px; background: url(/images/top-panel/separator.png) no-repeat;} #site_header .top-panel a.select-language {background:url(/images/top-panel/globe.png) no-repeat 0 3px; width:27px; height: 20px; cursor: pointer; text-indent: -9999px; display: block;} #site_header .top-panel-picture {border: 1px solid #536ebd; width: 30px; height: 30px;} #site_header .top-panel a.profile-link {color: #c40000;} #site_header .top-panel a.settings-link {color: #4b6900;} #site_header .top-panel a.logout-link {color: #4b6900; white-space: nowrap;} #site_header .top-panel a.signup-link {color: #c40000; font-weight: bold;} #site_header .top-panel a.login-link {color: #4b6900; white-space: nowrap;} #site_header .top-panel .submenu {padding:3px 0; background:#FED8A3; border:1px solid #FDC06C; position: absolute; z-index:50;} #site_header .top-panel .submenu a {display:block; padding:2px 15px; color:#858585; font-size:12px; white-space: nowrap;} #site_header .top-panel .submenu .separator {border-bottom: 1px solid #FDC06C; margin: 2px;} #site_header .top-panel .submenu a:hover {background-color:#FDC475; color:#323232;} #site_header .top-links {width: 178px; position: absolute; right: 0; top: 46px; height: 45px; background: url(/images/top-links/bg-right.png) no-repeat 100% 0;} #site_header .top-links-contents {background: url(/images/top-links/bg-left.png) no-repeat; height: 45px; padding: 0 10px 0 15px;} #site_header .top-link {float: left;} #site_header .top-link-separator {background: url(/images/top-links/separator.png) no-repeat 4px -1px; width: 1px; height: 45px; padding: 3px 4px 0 4px; float: left;} #site_header .top-link a {display: block; width: 45px; height: 38px; overflow: hidden; font-size: 8px; padding-top: 27px; text-transform: uppercase; text-align: center; text-decoration: none; font-family: Tahoma, Verdana, Arial, sans-serif; white-space: nowrap;} #top_link_add_recipe {background: url(/images/top-links/add-recipe.png) no-repeat 5px 0;} #top_link_recipe_box {background: url(/images/top-links/recipe-box.png) no-repeat 5px 0;} #top_link_news {background: url(/images/top-links/my-news.png) no-repeat 5px 0;} #site_header .notifications {float: right; padding-top: 5px; width: 225px; padding-right: 10px;} #site_header .notifications .item {text-align: right;} #site_header .notifications .item a {color: #fff;} /* Main navigation */ #main_nav {} #main_nav li {float: left; list-style: none;} #main_nav li a {display: block; height: 38px; text-indent: -9000px; overflow: hidden;} .en_US #nav_home, .en_US #nav_recipes, .en_US #nav_chefs, .en_US #nav_themes, .en_US #nav_groups, .en_US #nav_mypage {background: url(/images/en_US/top-menu.png) no-repeat;} .en_US #nav_home {background-position: 0 0; width: 68px;} .en_US #nav_home:hover {background-position: 0 100%;} .en_US #nav_recipes {background-position: -68px 0; width: 76px;} .en_US #nav_recipes:hover {background-position: -68px 100%;} .en_US #nav_chefs {background-position: -144px 0; width: 64px;} .en_US #nav_chefs:hover {background-position: -144px 100%;} .en_US #nav_themes {background-position: -208px 0; width: 125px;} .en_US #nav_themes:hover {background-position: -208px 100%;} .en_US #nav_groups {background-position: -335px 0; width: 70px;} .en_US #nav_groups:hover {background-position: -335px 100%;} .en_US #nav_mypage {background-position: top right; width: 84px;} .en_US #nav_mypage:hover {background-position: right 100%;} .ja #nav_home, .ja #nav_recipes, .ja #nav_chefs, .ja #nav_themes, .ja #nav_groups, .ja #nav_mypage {background: url(/images/ja/top-menu.png) no-repeat;} .ja #nav_home {background-position: 0 0; width: 62px;} .ja #nav_home:hover {background-position: 0 100%;} .ja #nav_recipes {background-position: -62px 0; width: 58px;} .ja #nav_recipes:hover {background-position: -62px 100%;} .ja #nav_chefs {background-position: -120px 0; width: 51px;} .ja #nav_chefs:hover {background-position: -120px 100%;} .ja #nav_themes {background-position: -171px 0; width: 50px;} .ja #nav_themes:hover {background-position: -171px 100%;} .ja #nav_groups {background-position: -221px 0; width: 69px;} .ja #nav_groups:hover {background-position: -221px 100%;} .ja #nav_mypage {background-position: top right; width: 81px;} .ja #nav_mypage:hover {background-position: right 100%;} .ru_RU #nav_home, .ru_RU #nav_recipes, .ru_RU #nav_chefs, .ru_RU #nav_themes, .ru_RU #nav_groups, .ru_RU #nav_mypage {background: url(/images/ru_RU/top-menu.png) no-repeat;} .ru_RU #nav_home {background-position: 0 0; width: 82px;} .ru_RU #nav_home:hover {background-position: 0 100%;} .ru_RU #nav_recipes {background-position: -82px 0; width: 81px;} .ru_RU #nav_recipes:hover {background-position: -82px 100%;} .ru_RU #nav_chefs {background-position: -163px 0; width: 117px;} .ru_RU #nav_chefs:hover {background-position: -163px 100%;} .ru_RU #nav_themes {background-position: -280px 0; width: 154px;} .ru_RU #nav_themes:hover {background-position: -280px 100%;} .ru_RU #nav_groups {background-position: -434px 0; width: 76px;} .ru_RU #nav_groups:hover {background-position: -434px 100%;} .ru_RU #nav_mypage {background-position: top right; width: 118px;} .ru_RU #nav_mypage:hover {background-position: right 100%;} .es_MX #nav_home, .es_MX #nav_recipes, .es_MX #nav_chefs, .es_MX #nav_themes, .es_MX #nav_groups, .es_MX #nav_mypage {background: url(/images/es_MX/top-menu.png) no-repeat;} .es_MX #nav_home {background-position: 0 0; width: 65px;} .es_MX #nav_home:hover {background-position: 0 100%;} .es_MX #nav_recipes {background-position: -65px 0; width: 80px;} .es_MX #nav_recipes:hover {background-position: -65px 100%;} .es_MX #nav_chefs {background-position: -145px 0; width: 69px;} .es_MX #nav_chefs:hover {background-position: -145px 100%;} .es_MX #nav_themes {background-position: -214px 0; width: 119px;} .es_MX #nav_themes:hover {background-position: -214px 100%;} .es_MX #nav_groups {background-position: -333px 0; width: 73px;} .es_MX #nav_groups:hover {background-position: -333px 100%;} .es_MX #nav_mypage {background-position: top right; width: 104px;} .es_MX #nav_mypage:hover {background-position: right 100%;} .it #nav_home, .it #nav_recipes, .it #nav_chefs, .it #nav_themes, .it #nav_groups, .it #nav_mypage {background: url(/images/it/top-menu.gif) no-repeat;} .it #nav_home {background-position: 0 0; width: 65px;} .it #nav_home:hover {background-position: 0 100%;} .it #nav_recipes {background-position: -65px 0; width: 73px;} .it #nav_recipes:hover {background-position: -65px 100%;} .it #nav_chefs {background-position: -138px 0; width: 69px;} .it #nav_chefs:hover {background-position: -138px 100%;} .it #nav_themes {background-position: -207px 0; width: 113px;} .it #nav_themes:hover {background-position: -207px 100%;} .it #nav_groups {background-position: -320px 0; width: 71px;} .it #nav_groups:hover {background-position: -320px 100%;} .it #nav_mypage {background-position: top right; width: 117px;} .it #nav_mypage:hover {background-position: right 100%;} .fr #nav_home, .fr #nav_recipes, .fr #nav_chefs, .fr #nav_themes, .fr #nav_groups, .fr #nav_mypage {background: url(/images/fr/top-menu.png) no-repeat;} .fr #nav_home {background-position: 0 0; width: 72px;} .fr #nav_home:hover {background-position: 0 100%;} .fr #nav_recipes {background-position: -72px 0; width: 79px;} .fr #nav_recipes:hover {background-position: -72px 100%;} .fr #nav_chefs {background-position: -151px 0; width: 59px;} .fr #nav_chefs:hover {background-position: -151px 100%;} .fr #nav_themes {background-position: -210px 0; width: 131px;} .fr #nav_themes:hover {background-position: -210px 100%;} .fr #nav_groups {background-position: -341px 0; width: 76px;} .fr #nav_groups:hover {background-position: -341px 100%;} .fr #nav_mypage {background-position: top right; width: 91px;} .fr #nav_mypage:hover {background-position: right 100%;} /* Index page */ #frontpage #navigation {float: left; width: 151px;} #frontpage #content {float: left; width: 515px;} #frontpage #navigation a:hover {background-position:-99px 0;} #frontpage #main {background:#fff url(/images/index-bg2.png) repeat-y;} #frontpage #main .top {background:url(/images/index-top2.png) no-repeat top left; padding-top:11px;} #frontpage #main .bottom {background:url(/images/index-bottom2.png) no-repeat bottom left; padding:0 4px 11px 4px;} #frontpage #content {padding :0 10px; background-color: #fff;} #frontpage #holiday_features {margin-left: 0; margin-top: 10px;} #frontpage #signup_sidebar #holiday_features {margin-left: -12px; margin-top: -15px;} #frontpage .section {margin-bottom: 10px;} #top_chefs .section-body {padding-top: 0;} #top_chefs .second-chef {margin-left:10px;} #top_recipes .loader {display: none; text-align: center;} /* Featured chef block */ #frontpage #featured_chef .chef-info {overflow:hidden; _height:1%; padding-bottom:5px;} #frontpage #featured_chef .chef-info .userpic {float:left; margin-right:10px;} #frontpage #featured_chef .chef-info .summary {float:left; width:415px; } #frontpage #featured_chef .chef-info .title a {color:#536ebd; font-weight:bold;} #frontpage #featured_chef .chef-info .description {margin-top:7px;} #frontpage #featured_chef .recipes {margin-top:5px; overflow:hidden; _height:1%;} #frontpage #featured_chef div.recipe {float:left; width:160px; margin:2px; font-size: 12px;} #frontpage #featured_chef div.recipe .picture {float:left; width:36px; margin-right:5px;} #frontpage #featured_chef div.recipe .description {float:left; width:115px;} #frontpage #featured_chef div.recipe .small-rating {margin-top:3px;} /* Generics */ * {margin: 0; padding: 0;} body {background-color: #698C12; font: 11px Arial, Tahoma, sans-serif;} body#external_recipe {background: #698c12 url(/images/top-band.png) repeat-x scroll 0 15px;} body#external_recipe #site_header {background-image: none;} #page_load_status {position: absolute; left: -9999px;} input.example, textarea.example {color: silver !important;} #container {margin: 2px auto; width: 1000px;} #notice_box .error p {text-align: center; font-size: 14px; padding: 5px; background-color: #dadada;} #notice_box .error {padding: 10px 0;} h1 {font-size:18px;} h2 {font-size:15px;} h3 {font-size:13px;} h4 {font-size:12px;} h1.recipe-title {color: #da6106;} table, table td {border:none; border-collapse:collapse;} span.match {font-weight: bold; color: #333;} strong.attention {color: red; font-weight: bold; font-size: 110%;} .hidden {display: none;} .cl {overflow: hidden; _height: 1%;} .far-away {position: absolute; left: -9999px;} .abl-content {padding: 20px 20px 0 20px; text-align: center;} .abl-sidebar {text-align: left; padding-bottom: 20px; margin-left: -5px; width: 301px;} .abl-sidebar h4 {margin-bottom: 3px;} .abl-footer {margin: 10px auto; width: 730px; overflow: hidden;} #info_panel {color: #000; background-color: #fffdd0; z-index: 100; padding: 5px 10px; font-size: 14px; border: 1px solid #666; overflow: hidden; _height: 1%;} #info_panel .info {float: left;} #info_panel a {font-weight: bold;} #info_panel .close-link {position: absolute; right: 15px;} .item-toolboxes .box {margin-bottom: 10px;} a {cursor: pointer; outline: medium none !important;} a:link, a:visited {color: #4f504f;} a:hover {color: #858585;} a.with-callout {display: block;} a img {border:none;} a.cancel {color:#da6106;} a.recipe-link, a.ingredient-link {color:#da6106;} a.group-link, a.theme-link, a.user-link {color: #536ebd;} a.hot-link {color: #da6106;} a.fb-branding-link {color: #3B5998;} p.with-notice {background-color:#fffdd0; color:#7e7e7e; padding:3px;} img.small-obj-pic, img.obj-pic {border:1px solid #a2a2a2; padding:1px;} img.small-obj-pic {padding:2px;} #loading {font-size:13px; color:#acacac;} .block-with-more .more {display: none;} .expanded .more {display:block;} .expanded .hide-when-expanded {display: none;} .expandable-list .more {display:none;} .view-all-list .more {display:none;} .states .state {display:none;} .states .active {display:block;} .clear {_height:0; clear:both;} .clearfix {_height:0; clear:both; font-size:1px;} .facebook-photo { border: 1px solid #E0E0E0; padding: 2px;} .text-line {font-size:13px; line-height:15px;} span.with-tooltip {color:#858585; cursor: help;} /* Forms */ .help {color:#858585; font-size: 12px;} p.submit span {padding-top:5px; padding-left:5px; float:left; display:block;} /* Aligning cancel links */ input.text, textarea, select {border:1px solid #d0d0d0; font-family:Arial, sans-serif; padding:2px;} fieldset {border:0;} .error, .error-on {color:#d30101; font-weight:bold;} .success {color:#78af01;} .controls, p.submit span {font-weight:bold; color:#969696;} a.service-link {font-weight: bold; background-color: #ec9844; color: #fff !important; padding: 1px 4px; line-height: 12px; display: inline-block; text-decoration: none; font-size:10px; font-family: Tahoma, Arial, sans-serif; border-left: 1px solid #f5c9a2; border-top: 1px solid #f5c9a2; border-right: 1px solid #b56426; border-bottom: 1px solid #b56426;} a.service-link:active {border-right: 1px solid #f5c9a2; border-bottom: 1px solid #f5c9a2; border-left: 1px solid #b56426; border-top: 1px solid #b56426;} a.service-link:hover {background-color: #f4841f;} .submit .cancel-action, .controls .cancel-action, .operations .cancel-action {font-size:13px; font-weight:normal; float: left; padding:3px 0 0 5px;} .submit .cancel-action a, .controls .cancel-action a {color:#da6106;} /* Flash messages */ div.notice {margin:10px 0; padding:0 10px;} div.notice p {background-color:#fffea6; text-align:center; font-size:13px; color:#858585; padding:5px 10px; font-weight:bold;} div.top-message {padding:10px; font-size:13px; background-color:#fff7c0; color:#666; line-height: 140%;} div.top-message a {font-weight:bold; color:#999;} /* Both kinds of forms (single and tiny) */ .single-form .field, .tiny-form .field {overflow:hidden; _height:1%; margin-top:10px;} .single-form label, .tiny-form label {display:block; float:left; text-align:right; padding-right:8px; padding-top:3px; color:#323232; font-size:13px;} .single-form .message, .tiny-form .message {float:left; margin-left:15px;} .single-form .field a.new { color:#858585;} .single-form .scroll-checkboxes {width: 195px; height: 100px; padding: 5px; overflow: auto; border: 1px solid #d0d0d0; line-height: 150%;} .single-form .wider-scroll-checkboxes {width: 300px;} .single-form .scroll-checkboxes label {font-weight: normal; width: auto; display: inline; float: none; color: #000; text-align: left; padding-right: 0; padding-top: 0;} .single-form .scroll-checkboxes span {padding-left: 3px;} /* Forms for adding/editing entities (usually one form per page) */ .single-form label {width:150px; font-weight:bold;} .single-form label span a {font-weight:normal; font-size:11px; color:#536ebd; text-decoration:underline;} .single-form input.text, .single-form input.password, .single-form select, .single-form textarea {width:180px; float:left; font-size:13px;} .single-form input.japanese-name-part {width:60px; float:left; font-size:13px;} .single-form label.japanese-name-label {width: auto !important; padding-left: 10px;} .single-form input.file {float:left; font-size:13px;} .single-form .message {font-size:13px; width:300px; padding-top:2px;} .single-form div.submit, .single-form p.submit {float:left; margin-left:158px; margin-top:10px;} .single-form div.button-row .link-button {margin-right: 5px;} .single-form .for-picture {width:150px;} /* Avoiding bad behavior of input type=file */ #recipes_new .single-form .help, #recipes_edit .single-form .help {white-space: nowrap;} .single-form label.for-radio {text-align:left; padding-top:0; padding-left:5px;} .single-form label.for-checkbox {margin-left:155px; text-align:left; padding-top:0; display:inline;} .single-form label.for-checkbox span {padding-left:5px;} #recipe_form .alt-ingredients {float: left; font-size: 12px;} #recipe_form .field .alt-ingredients .header {overflow: hidden; _height: 1%; margin-bottom: 5px; text-align: center; padding-top: 5px;} #recipe_form .field .alt-ingredients .ingredient {overflow: hidden; _height: 1%; margin-bottom: 5px;} #recipe_form .field .alt-ingredients .ingredient input.text {width: 100px; font-size: 12px;} #recipe_form .field .alt-ingredients .ingredient-hotspot {float: left; width: 50px;} #recipe_form .field .alt-ingredients .ingredient-hotspot a.drag-ingredient {font-size: 11px;} #recipe_form .field .alt-ingredients .ingredient-name {float: left; width: 110px;} #recipe_form .field .alt-ingredients .ingredient-quantity {float: left; width: 110px;} #recipe_form .field .alt-ingredients .remove-ingredient {float: left; width: 20px; padding-top: 4px;} #recipe_form .field .alt-ingredients .remove-ingredient a {font-size: 13px; text-decoration: none; font-weight:bold; color: #d30101;} #recipe_form .field .message-for-alt-ingredients {padding-top: 5px;} /* Cuisine levels */ .single-form .cuisine0 {padding-left: 0} .single-form .cuisine1 {padding-left: 0;} .single-form .cuisine2 {padding-left: 10px;} /* Tiny forms (like add group topic, add group message, aligned to left after main content) */ .tiny-form label {width:80px;} .tiny-form input.text, .tiny-form select, .tiny-form textarea {width:180px; float:left; font-size:12px;} .tiny-form .message {font-size:12px; width:100px;} .tiny-form .submit {float:left; margin-left:88px; margin-top:10px;} * html .tiny-form .submit {display:inline;} /* IE6 removing double margin */ #error_info { margin: 15px; height: 200px; padding-left: 235px; background: url(/images/error.jpg) no-repeat 15px 0;} #error_info h1 { padding: 10px 0 20px 0} #error_info .error-container { overflow: hidden; } #error_info .error-container .error-message { } #error_info ul { padding: 5px 0 5px 15px; } #error_info p, #error_info li { font-size:12px; padding: 2px 0; } /* New feature icon */ .new-feature {margin-left:5px; cursor:help;} .new-feature-explain {background-color:#fdfeaa; color:#000; padding:10px; border:1px solid #666;} .new-feature-explain h3 {color:#565656; font-size:12px; background:url(/images/icon-new-grey.gif) no-repeat 0 3px; padding-left:27px; margin:0 0 5px 0;} /* Callout boxes */ .callout-box {background-color:#fdfeaa; padding:5px; border:1px solid #666; vertical-align:top; overflow:hidden; _height:1%; width:154px;} .callout-box img {display:block; padding:1px; border:1px solid #a2a2a2; margin-bottom:5px;} .callout-box .title {display:block; color:#536ebd; font-size:12px; font-weight:bold; text-align:center; width:150px;} /* popup hint */ .tooltip {text-decoration:underline; cursor:help;} /* Hidden Blocks */ .width-hidden-block .hidden-block { display:block; } .block-is-hidden .hidden-block { display:none; } /* tabs for content */ .tabs {overflow:hidden; _height:1%;} .tabs ul {list-style:none;} .tabs ul li {display:inline; padding:5px 10px; font-family: Tahoma, Arial, sans-serif; float:left; background-color:#536ebd; color:#fff; font-weight:bold;} .tabs ul li.first {background:#536ebd url(/images/tabs-blue.gif) no-repeat left top;} .tabs ul li.last {background:#536ebd url(/images/tabs-blue.gif) no-repeat right top;} .tabs ul li a {color:#fff; text-decoration:none;} .tabs ul li a:visited {color:#fff;} .tabs ul li a:hover {color:#fff; text-decoration:underline;} .tabs ul li.active-tab {background:#dbe3f1 url(/images/tabs-lightblue.gif) no-repeat center top; color:#536ebd;} .tabs ul li.first-active-tab {background:#dbe3f1 url(/images/tabs-lightblue.gif) no-repeat left top;} .tabs ul li.last-active-tab {background:#dbe3f1 url(/images/tabs-lightblue.gif) no-repeat right top;} .tabs ul li.active-tab a {color:#536ebd;} .tabs ul li.active-tab a:visited {color:#536ebd;} .tabs ul li.active-tab a:hover {color:#536ebd; text-decoration:underline;} /* Sign Up */ #signup #form_wrapper {border:1px solid #ECC674; margin:10px 0; padding-bottom: 10px; margin-top: 30px;} #personalize_form select#user_gender {width: 120px;} #personalize_form select#user_age {width: 120px;} #personalize_form textarea {width: 200px; height: 70px;} /* Signup Benefits Box */ #signup_benefits {width:699px; background: url(/images/signup-with-benefits-bot.png) center bottom no-repeat; margin: 0 auto; color: #858585;} #signup_benefits .inner {padding: 15px 20px; background: url(/images/signup-with-benefits-top.png) center top no-repeat; position: relative; overflow: hidden; _height: 1%;} #signup_benefits h2 {font-size:16px; width: 600px;} #signup_benefits span.its-free {display: block; text-indent: -9999px; overflow: hidden; background: url(/images/callout-2.png) no-repeat; position: absolute; width: 62px; height: 43px; top: 15px; right: 15px;} #signup_benefits .main-text {font-size: 12px; margin: 10px 0 15px 10px;} #signup_benefits .main-text td {padding-right: 15px; vertical-align: top;} #signup_benefits .main-text ul {list-style: none; font-size: 12px;} #signup_benefits .main-text ul li {background: transparent url(/images/blog-bullet.gif) no-repeat scroll left center; margin-top: 3px; padding-left: 10px;} #signup_benefits #featured_in {margin: 0 0 0 10px;} #signup_benefits #featured_in ul {list-style: none; font-size: 11px; overflow: hidden; _height: 1%;} #signup_benefits #featured_in ul li {float: left; margin: 2px 10px 0 0; white-space: nowrap;} /* Login or Sign up disclaimer */ .login-disclaimer {font-size:13px;} .login-disclaimer p {float:left; padding:10px 3px 0 2px;} .login-disclaimer p.alt {color:#858585; font-weight:bold;} .login-disclaimer a {font-weight:bold; color:#536ebd; } .login-disclaimer .link-button {margin:8px 2px 0 2px;} /* Personal info form */ #personal_info {margin-left:10px;} #personal_info_form {overflow:hidden; _height:1%;} #personal_info .submit span { font-size:13px; } #personal_info .submit span a { color:#e78d3c; } /* Change password form */ #change_password {margin-left:10px;} #change_password h1 {padding:10px 0;} /* Add group topic form */ #new_topic_form {background-color:#f7f7f7;} /* Pagination */ .pagination {text-align:center; font-family:Tahoma, Arial, sans-serif;} .pagination a {background-color:#536ebd; color:#fff; font-weight:bold; padding:1px 3px; text-decoration:none;} .pagination span {background-color:#a7c1f3; padding:1px 3px; font-weight:bold; color:#fff;} .pagination a:hover {background-color:#a7c1f3;} .pagination span.disabled {display:none;} .recipes-with-breadcrumbs .pagination a {background-color:#da6106;} .recipes-with-breadcrumbs .pagination a:hover {background-color:#f3922b;} .recipes-with-breadcrumbs .pagination span {background-color:#f3922b;} /* Toolboxes */ .operations-toolbox p {font-size:13px; color:#323232; margin-top: 3px;} .operations-toolbox p.separate {margin-top: 7px; margin-bottom: 7px;} .operations-toolbox p.with-notice {padding:5px 10px;} .operations-toolbox a:active, .operations-toolbox a:hover {color:#e78d3c;} .operations-toolbox .action {font-size:13px; color:#323232; margin-top: 3px;} .operations-toolbox .following {margin: 5px 0; overflow: hidden; _height: 1%;} .operations-toolbox .following .status {font-size:13px; color:#536ebd; float: left; padding-right: 5px;} .operations-toolbox .following .status img {float: left; margin-right: 3px; display: inline;} .operations-toolbox .following .unfollow {float: left; padding-top: 2px; display: none;} .operations-toolbox .following .unfollow a {font-size: 11px; color: #323232; text-decoration: none;} .operations-toolbox .following .unfollow a:hover {text-decoration: underline;} .toolbox a {color:#858585;} .toolbox a.strong {font-weight: bold; color: #536ebd;} .toolbox a:hover {color:#344042;} /* Blocks (comments, profile items etc.) */ h3.social-block-header {color: #fff !important; padding: 4px 15px; background: #536ebd url(/images/social-block-header.gif) no-repeat;} h3.message-block-header {color: #fff !important; padding: 4px 15px; background: #01a110 url(/images/message-head.gif) no-repeat;} .social-block {background-color:#f7f7f7;} .social-block .block-options {text-align: right; padding: 5px 15px 0 0; font-size: 13px;} .social-block .block-options a {color: #536ebd;} #email_recipe_notice {font-size:13px; width:300px; text-align:center;} #personal_message_box_flash {font-size:13px; width:300px; text-align:center;} #personal_message_box {width: 400px;} #personal_message_box .simple-error {text-align:center; font-size:13px; margin-top:5px;} #personal_message_box .error-close {text-align:center; font-size:13px; margin-top:5px;} #additional_message_box {width: 400px;} #additional_message_box label.normal-label {width:25%;} #additional_message_box .normal-field-no-label {margin-left:25%;} /* Email recipe form */ #recipes_email_form .modal-box {margin-left:10px;} #email_recipe_form .group-select {margin:5px 0 0 2px; font-weight:bold; font-size:11px;} #email_recipe_form .contacts-list input {vertical-align:middle;} #email_recipe_form .contacts-list {border:1px solid #858585; float:left; width:56%;} #email_recipe_form .contacts-container {height:82px; overflow-x:auto; overflow-y:scroll; margin:5px 0; padding:0 2px; font-size:12px; line-height:16px;} #email_recipe_form .field label.normal-label {white-space:normal;} #link_to_show_friends_list {margin-left:35%; padding:5px 0 0 10px; color:#000; font-size:13px;} #link_to_show_friends_list a {color:#536ebd;} #send_recipe_friends_list {display:none;} /* Personal message on separate page */ #personal_messages_new .wide #content {margin-left:310px;} /* Modal container common settings */ #modal_container {padding:5px; background-color:#fff; border:1px solid #666; color:#333; text-align:left; background:transparent; border:0;} #modal_overlay {background-color:#000;} /* Edit and delete buttons generic style */ form.delete-item, form.delete-item p, form.delete-item div {display:inline;} /* Modes */ .field .error-on {display:inline;} .field .error {display:none;} .error-empty .is-empty {display:inline;} .error-not-valid .is-not-valid {display:inline;} .error-not-match .does-not-match {display:inline;} .edit .edit-button {display:none;} /* Form fields */ .field .valid, .field .available {display:none;} /* Don't show messages about availabiltiy and validity by default */ .has-error .help, .hide-help .help {display:none;} /* Don't show help messages in error state */ .has-error .error-on, .hide-help .error-on, .valid .message .error-on {display:none;} .valid .valid, .available .available {display:inline; font-weight:bold; color:green;} .block .view, .block .edit, .block .additional {display:none;} /* Don't show blocks by default, relies on next rule */ .view .view, .edit .edit, .additional .additional {display:block;} /* Show appropriate blocks in relevant states */ .fieldset .add-new {margin-top:5px;} .add-new .add-new {display:none;} .add-new .add-new-item {display:none;} .delete-form, .delete-form input {display:inline;} .delete-form div {display:none;} .delete-form div.delete-button {display:inline;} .fields-block {border:1px solid #eaeaea; margin:5px 0; width:650px; background-color:#f7f7f7; padding:0 0 7px 0;} .explain {font-size:12px; font-family:Arial, Tahoma, sans-serif; font-weight:normal; color:#919191; float:left;} .message .explain {font-size:9px;} .only-message {padding-top:3px;} .radio {margin-top:2px; float:left;} label .explain {font-size:10px; margin-top:6px;} label.for-radio {font-size:12px; width:480px; margin-top:4px;} /* Flash loader states */ .block .loading, .block .view {display:none;} .loading .loading, .view .view {display:block;} /* Flash loader properties */ .loading .flash-spinner {float:left; margin:10px 10px 0 0; display:inline;} .loader .flash-spinner {float: left; margin-right: 10px;} .loading h2, .loading h1 {padding-bottom:10px;} .loading p {font-size: 13px; line-height: 140%;} /* pagination loader */ .ajax-pagination .loader {display:none; text-align:center;} /* Recipes list */ table.recipes {width:100%;} table.recipes td {vertical-align:top; padding-bottom:5px;} table.recipes td.picture {width:76px;} table.recipes td.description {padding:0 10px 10px 10px;} .three_columns table.recipes td.description {max-width:265px;} table.recipes td.description h4 a {color:#da6106;} table.recipes td.description h4 span.sharer {font-weight: normal; font-size: 11px;} table.recipes td.description h4 a:hover {color:#f3922b;} table.recipes td.description p { color:#323232; margin-top:5px;} table.recipes td.info {width:90px; color:#323232;} table.recipes td.info a {color:#4f504f;} table.recipes td.info a:hover {color:#858585;} table.recipes td.stats {width:85px; padding:3px 10px 10px 10px; font-family:Tahoma, Arial, sans-serif; color:#858585; font-weight: bold;} table.recipes td.stats span.small-rating {_height:1%;} /* For rating to render correctly in IE6 */ table.recipes td.stats a, table.recipes td.stats span.votes {color:#858585; font-weight:bold;} table.recipes td.stats a:hover {color:#344042;} table.recipes td.operations a.edit-button {float: left; margin-right: 3px;} /* Group topics list */ table.group-topics {width:100%; margin-bottom:10px;} table.group-topics td {vertical-align:top; padding-bottom:10px;} /* Menu hightlighting */ #group_topics_index #nav_group_talk, #group_topics_recommendations #nav_group_talk, #group_topics_knowledge #nav_group_talk, #group_topics_show #nav_group_talk, #groups_show #nav_group_main, #themes_show #nav_group_main, #recipe_group_memberships_recipes #nav_group_recipes, #personal_infos_show #nav_my_profile, #profiles_show #nav_my_profile, #recipes_by_user #nav_user_recipes, #users_updates #nav_user_updates, #users_friends #nav_user_friends, #users_subscribers #nav_user_subscribers, #users_groups #nav_user_groups, #my_recipes_index #nav_my_recipes, #recipes_comments #nav_my_recipes, #recipes_reviews #nav_my_recipes, #users_friends #nav_my_followers, #users_subscribers #nav_my_subscribers, #memberships_index #nav_group_members {background:url(/images/menu-item-selected.png) repeat-x;} #users_show #nav_user_about, #mypages_notifications #nav_my_main {background:url(/images/menu-first-item-selected.png) repeat-x;} /* Footer */ #footer {background:url(/images/footer-bg.png) no-repeat bottom center; width:1000px; position:relative; padding-bottom: 4px; margin: 0 auto;} #footer .inner { background:url(/images/footer-top.png) no-repeat top center; } #footer p {color:#787878; font-family:Tahoma, Arial, sans-serif; padding:10px;} #footer #copyright {position:absolute; left:0; top:0;} #footer #links {position:absolute; right:0; top:0; line-height: 170%; text-align: right;} #footer #links a, #footer #links a:visited {color:#787878;} #footer #links a.hot {font-weight: bold;} #popular_search_results {margin: 0 0 10px 155px; color:#858585; padding-top: 12px; width: 610px; text-align: center;} #popular_search_results #menu span.explanation { font-weight:bold; color:#C08507;} #popular_search_results #menu a { font-weight:bold; color:#6f6f6f; text-decoration: none; padding: 0 1px;} #popular_search_results #menu a:hover {color: #7f7f7f; text-decoration: underline;} #popular_search_results #main_terms {margin-top:10px; line-height: 140%;} #popular_search_results #main_terms a { color: #6F6F6F; text-decoration: none;} #popular_search_results #main_terms a:hover {color: #7f7f7f; text-decoration: underline;} #popular_search_results #main_terms b {margin: 0 3px;} #footer_container {height: 65px;} /* Simple content and form pages */ #content .entry {width:72%; margin:0 auto; padding-bottom:15px; overflow:hidden; _height:1%;} #content .entry p {font-size:13px; margin-top:10px;} #content .entry p.first {margin-top:15px;} #content .entry .page-teaser {margin: 10px 0; font-size: 13px;} #content .small-page-entry {padding-bottom: 80px; margin-top: 35px;} #content .small-page-entry p.information {line-height: 145%;} #content .long-page-entry {padding-bottom: 30px; margin-top: 35px;} /* Fullwide page */ #content .fullwide-page-entry {padding-bottom: 20px; margin: 20px auto; width: 90%; overflow: hidden; _height: 1%;} #content .fullwide-page-entry .central-form {padding: 20px 50px; overflow: hidden; _height: 1%;} #content .fullwide-page-entry .central-form-with-border {border: 1px solid #ECC674;} #content .fullwide-page-entry .central-form h1 {color: #da6106;} #content .fullwide-page-entry .central-form h1 em {font-style: normal; font-size: 16px; font-weight: normal;} #content .fullwide-page-entry .exit {margin-top: 10px;} #content .fullwide-page-entry .exit a {font-size: 14px; font-weight: bold;} /* Status messages on top */ .notice-box {padding:0 10px; font-size:13px; margin:0 10px 10px 10px; background-color:#eaeaea; color:#666; padding:10px;} .notice-box a {font-weight:bold; color:#999;} .error-box {padding:0 10px; font-size:13px; margin:0 10px 10px 10px; background-color:#eaeaea; color:#666; padding:10px;} .error-box a {font-weight:bold; color:#999;} /* Coming soon */ #coming_soon {font-size:15px; margin-top:20px;} /* No data block */ #content p.no-data {font-size:13px;} /* Chefs block (tiling) */ .chef-list {overflow:hidden; _height:1%; padding:5px 0 0 0;} .chef-list .chef {float:left; text-align:center; width:74px; display:block;} .chef-list .chef a.name {display:block; color:#536ebd; font:bold 11px Arial, sans-serif; overflow: hidden;} .chef-list .second-chef {margin-left:20px;} #selected_user img {border:2px solid #da6106 !important; padding:0;} /* Groups block (tiling) */ .group-list {overflow:hidden; _height:1%; padding:10px 0;} .group-list .group {float:left; text-align:center; width:74px; display:block;} .group-list .group img {padding:1px; border:1px solid #a2a2a2;} .group-list .group a.name {display:block; color:#536ebd; font:bold 11px Arial, sans-serif;} /* Recipe navigation */ #navigation, #navigation li, #navigation a {font-family:Tahoma, Arial, sans-serif;} #navigation ul {list-style:none; padding:0; margin:0; background:#e49900;} #navigation li {display:inline; padding:0; margin:0;} #navigation ul li a {font-size:11px; font-weight:bold;} #navigation li li a, #navigation li li p { font-weight:normal;} #navigation .no-cnt .cnt {display: none;} /* hide some items and show 'see all' link */ #navigation .selected, #navigation .selected a {font-weight:bold;} #navigation a.selected span.up {display: block; background: url(/images/up-arrow.gif) no-repeat 0 3px; padding-left: 12px; margin-right: 3px;} #navigation li.hidden-item {display:none;} #navigation li.see-less {display:none;} #navigation ul.show-hidden li.hidden-item {display:inline;} #navigation ul.show-hidden li.see-all {display:none;} #navigation ul.show-hidden li.see-less {display:block;} #navigation li.see-all a {font-weight:bold;} #navigation li.see-less a {font-weight:bold;} #navigation li.see-more a {font-weight:bold;} #navigation li.see-more a span {font-weight:normal;} /* 1 level menu items*/ #navigation li a {display:block; background:url(/images/menu-bg.png) bottom right; color:#fff; text-decoration:none; padding:1px 10px 3px 10px; _height:1%;} #navigation li a:hover {color:#c08507; text-decoration:underline;} /* 2 level menu items */ #navigation li li a, #navigation li li p {display:block; background:url(/images/menu2-bg.png) bottom right; padding:3px 20px 5px 20px; color:#977e47; _height:1%;} #navigation li li a:hover {color:#977e47;} /* 3 level menu items */ #navigation li li li a, #navigation li li li p {display:block; background:url(/images/menu3-bg.png) bottom right; padding:4px 0 4px 27px; margin:0; _height:1%;} /* 4 level menu items */ /*#navigation li li li li a, #navigation li li li li {padding:4px 0 4px 34px; _height:1%;}*/ /* Browse recipes page */ #recipes_list #navigation {float:left; width:214px;} #recipes_list #content {float:left; width:536px; background-color: #fff;} #recipes_list #navigation li a:hover {background-position:-36px 0;} #recipes_list #main {background:#fff url(/images/browse-bg.png) repeat-y;} #recipes_list #main .top {background:url(/images/browse-top.png) no-repeat top left; padding-top:11px;} #recipes_list #main .bottom {background:url(/images/browse-bottom.png) no-repeat bottom left; padding:0 4px 11px 4px;} #recipes_list #content h4.recipe-browse-title {background:#7cac0c url(/images/browse-search-top.png) no-repeat left top; margin-top:-7px; font-size:13px; color:white; padding:4px 10px 6px 10px; position:relative;} #recipes_list #content h4.recipe-browse-title .search-stats {float: right; font-size: 12px;} #recipes_list #content .recipes-with-breadcrumbs {padding:10px; background:url(/images/browse-search-shadow.png) top left no-repeat;} #recipes_list #content .breadcrumbs, #recipes_list #content .search-flash {font-size: 13px; margin-bottom:20px; line-height: 130%;} #recipes_list #content .breadcrumbs, #recipes_list #content .breadcrumbs a {color:#858585;} #recipes_list #content .breadcrumbs a:hover {color:#344042;} #mypage #sort {background:#657fcc url(/images/personal-toolbox-bg.gif) no-repeat; padding:15px 10px;} #mypage #sort p.filter { color:#fff; width:360px;} #mypage #sort p a {color:#fff; padding:0 1px;} #mypage #sort p input.checkbox {margin:0 0 0 5px;} /* End of sort/filter toolbox in recipes/themes/groups browsing */ /* Another recipe lists */ #recipes_by_user .top-message, #recipes_translated_by_user .top-message {margin:0 0 15px 0;} /* Pictures gallery */ #content .gallery {float:left; margin-right:10px;} .gallery .img-wrapper {display:block; text-align:center; float:left;} .gallery .images {overflow:hidden; _width:100%;} .gallery .img-wrapper .description {display:block; font-size:12px; line-height:13px; margin:0; padding:3px; color:#858585; font-family:Arial sans-serif;} .gallery .img-wrapper td {vertical-align:middle;} .gallery .img-wrapper img {vertical-align:middle;} .gallery .invisible {margin-left:-9999px;} .gallery .viewer table {margin:0 auto;} .gallery .viewer td {padding:1px 3px;} .gallery .title {font-size:13px;} .gallery td.add-pics {padding:1px 6px;} .gallery .add-pics-l, .gallery .add-pics-r {display:block; float:left; height:16px; width:3px; background-repeat:no-repeat;} .gallery .add-pics-l, .gallery .add-pics-r {background-image:url('/images/buttons/add-orange.gif');} .gallery .add-pics-l {background-position:0 0;} .gallery .add-pics-r {background-position:-4px 0;} .gallery .add-pics-l.over {background-position:-8px 0;} .gallery .add-pics-r.over {background-position:-12px 0;} .gallery .viewer .add-pics a {float:left; padding:1px 3px; font-weight:bold; font-family:Tahoma, Arial, sans-serif; margin-right:2px; background-color:#da6106; color:#fff; text-decoration:none; display:block; margin:0; height:14px;} .gallery .viewer .add-pics a.over {background-color:#f3922b; color:#fff;} .gallery .number-of-pictures {font-weight:bold; font-family:Tahoma, Arial, sans-serif; color:#000;} .gallery .select-picture {width:16px; height:16px; display:block; text-indent:-9000px; overflow:hidden; background-repeat:no-repeat; background-image:url('/images/buttons/prev-next-orange.gif');} .gallery .img-wrapper {border:1px solid #a2a2a2; padding:1px;} #content #gallery {width:210px;} #content #gallery span.img-wrapper {width:200px;} #gallery .img-wrapper table {height:200px; width:200px;} #gallery .viewer {margin-top:5px; width:200px; text-align:center;} /* Pictures gallery for profile */ .gallery.blue .add-pics-l, .gallery.blue .add-pics-r {background-image:url('/images/buttons/add-blue.gif');} .gallery.blue .viewer .add-pics a {background-color:#536ebd; color:#fff; text-decoration:none;} .gallery.blue .viewer .add-pics a.over {background-color:#86a2d7; color:#fff;} .gallery.blue .select-picture {background-image:url('/images/buttons/prev-next-blue.gif'); background-repeat:no-repeat; } /* Prev/Next Links in gallery */ .gallery a.prev-link {background-position:0 0;} .gallery a.next-link {background-position:-16px 0;} .gallery a.next-link:hover {background-position:-32px 0;} .gallery a.prev-link:hover {background-position:-48px 0;} /* Content */ #content .page-header {color: #da6106; margin-top: 10px;} #content .page-header span.alt {color: #da6106; font-size: 15px;} #content .page-header span.alt a {color: #da6106; font-size: 15px;} #content .bigger-page-header {font-size: 22px;} #content .huge-page-header {font-size: 24px;} #content .page-header-for-small-page {margin-bottom: 20px;} #content .page-header-for-long-page {margin-bottom: 30px;} #content .sub-header {color: #da6106; font-size: 16px;} #content p.section-header {color: #da6106; font-size: 13px; margin-top:30px;} #content .section-sub-header {color: #698C12; font-size: 13px;} /* Steps in header */ #content .page-header-steps {font-size: 15px; overflow: hidden; _height: 1%;} #content .page-header-steps span.step {display: block; float: left; margin-right: 10px;} #content .page-header-steps span.inactive-step {color: #858585} #content .recipe-content-title {font-weight: bold; background:#da6106 url(/images/recipe-header-bg.png) no-repeat left top; margin-top:-7px; font-size:13px; color:#ffd553; padding:4px 10px; position:relative; overflow: hidden; white-space: nowrap;} #content .recipe-content-title a {color: #ffd553;} #users_index #content .social-content-title {padding:5px 10px;} #events_feed #content .social-content-title {padding:5px 10px;} #content .social-content-title {background:#536ebd url(/images/social-header-bg.gif) no-repeat left top; color:#fff; margin-top:-7px; padding:0 10px; position:relative; font-weight:bold;} #content a.header-control {color:#fff; position:absolute; top:3px; font-family:Tahoma, Arial, sans-serif;} #content a.edit-this {right:12px;} #content .recipe-content-title a.edit-this {right:26px;} #content a.delete-this {right:12px;} #content a.view-this {right:12px;} #content .social-content-title a.edit-this, #content .social-content-title a.view-this {padding-top:4px;} .page-toolbar {position:absolute; right:10px; top:2px;} .page-toolbar a {margin-left: 3px;} #recipe_title h1, #recipe_title h1 a {color:#da6106;} #recipes_show #user_opinions {padding:10px; overflow:hidden; _height: 1%;} #recipe_toolboxes {background-color:#ffffff;} #recipe_toolboxes #translate_link { padding: 6px 0;} #recipe_toolboxes #translate_link a { color: #536ebd; font-weight: bold;} #recipe_toolboxes .add-to-folder select { width:120px; display: block; margin:3px 0; font-size: 12px;} #recipe_toolboxes .add-to-folder label { font-weight:bold; color:#858585; font-size: 12px; display: block;} /* Recipe Detailed Nutritional Facts */ #recipes_nutritional_facts #recipe_title {margin: 0 10px;} #nutritional_facts_teaser {margin: 10px; font-size:12px;} #nutritional_facts_teaser #not_parsed_ingredients {margin: 5px 36px; line-height:15px; font-style:italic;} #nutritional_facts {margin: 10px;} #nutritional_facts table {width:100%; background-color:#fff;} #nutritional_facts tr.odd {background-color:#f0f0f0;} #nutritional_facts th {padding: 2px 0 5px 7px; text-align:right; font-weight:normal; font-size:12px; vertical-align:bottom;} #nutritional_facts td {padding: 1px; text-align:right;} /* Recipe Small Nutrition Facts */ #nutrition_facts_title {background-color:#69B20A; color:#FFFFFF; font-family:Arial,sans-serif; font-size:12px; overflow:hidden; padding:3px 10px; margin:8px 3px 0;} #small_nutrition_facts {padding:5px 4px 7px; border:1px solid #858585; border-top:0; margin:0 3px;} #small_nutrition_facts table {width:100%; color:#4f504f; margin-bottom:5px;} #small_nutrition_facts tr th, #small_nutrition_facts tr td {border:0;} #small_nutrition_facts tr.hr th, #small_nutrition_facts tr.hr td {border-bottom:1px solid #858585;} #small_nutrition_facts th {font-weight:bold; text-align:left; line-height:17px;} #small_nutrition_facts td {font-weight:normal; padding-left:6px; text-align:left; line-height:17px;} #small_nutrition_facts tr span {font-weight:normal;} #small_nutrition_facts th.dv, #small_nutrition_facts td.dv {width:35px; text-align:right;} #small_nutrition_facts td.dv {padding:0;} #small_nutrition_facts a {font-size:12px; color:#698C12; line-height:17px;} #small_nutrition_facts a:hover {text-decoration:none; color:#69b20a;} /* Recipe Menus and Pairings */ #menus_and_pairings {overflow:hidden; _height:1%; padding: 0 10px; margin: 10px 0;} #menus_and_pairings .linked-recipes {overflow:hidden; _height:1%; padding:10px 0 0 15px; font-size:13px;} .linked-recipes div.user {overflow:hidden; _height:1%; float:left; width:270px; padding:10px 0;} .linked-recipes .userpic img {float:left; margin-bottom:5px; margin-right:5px; padding:1px;} .linked-recipes ol.recipes {float:left; width:370px; list-style:none; font-family:Tahoma, Arial, sans-serif; background-color:#F7F7F7; padding:10px 0 5px 10px;} .linked-recipes ol.recipes li {overflow:hidden; _width:100%; margin-bottom:5px;} .linked-recipes ol.recipes li div {position:relative; _height:1%;} .linked-recipes ol.recipes li img {float:left; padding:1px; margin-right:7px; margin-bottom:3px; border:1px solid #a2a2a2;} .linked-recipes ol.recipes li p.title {width:245px; overflow:hidden;} .linked-recipes ol.recipes li p.author {padding-left:41px;} .linked-recipes ol.recipes li p.title a {font-size:13px; color:#da6106;} .linked-recipes ol.recipes li p.title a:hover {color:#f3922b;} .linked-recipes ol.recipes li p.rating {position:absolute; right:19px; top:6px;} #menus_and_pairings #goes_well_with {padding:10px 15px 0 15px; color: #da6106;} #menus_and_pairings #goes_well_with span {color:#000; font-weight:normal;} #menus_and_pairings #drink_pairings {padding:10px 15px 0 15px; color:#da6106;} #menus_and_pairings #drink_pairings ul{list-style:none; font-size:13px; line-height:13px; margin-top:5px; color:#000;} #menus_and_pairings #drink_pairings ul li {font-weight:bold; padding-left:15px; padding-bottom:5px;} #menus_and_pairings #add_linked_recipes {padding:10px 15px 0 15px;} #menus_and_pairings #add_linked_recipes a {color:#536EBD; font-weight:bold; font-size:13px;} #menus_and_pairings #linked_recipes_form {overflow:hidden; _height:1%; padding:10px 15px; background-color:#F7F7F7;} #menus_and_pairings #linked_recipes_form .description{padding-bottom:5px; font-size:12px;} #menus_and_pairings #linked_recipes_form input.text, #menus_and_pairings #linked_recipes_form .token-input-input-token input {width:342px;} #menus_and_pairings #linked_recipes_form ul.token-input-list {width:360px;} #menus_and_pairings #linked_recipes_form div.token-input-dropdown {width:360px;} #menus_and_pairings #linked_recipes_form div.submit {padding-top:5px;} .rating-teaser { overflow: hidden; _height: 1%; width: 420px; margin: 0 auto; padding-top: 15px;} .rating-teaser .teaser { float: left; width: 141px; height: 20px; background: url(/images/how-good.gif) no-repeat center right; text-indent: -9999px; } .ja .rating-teaser .teaser {background:url(/images/ja/how-good.gif) no-repeat center right;} .rating-teaser .rating {float:left; margin-left:10px; position:relative;} .rating-teaser .rating-hint { font-size: 11px; color: #858585; float: left; padding-left: 5px; width: 90px; margin-top: -5px;} /* Toolboxes with stats*/ .item-toolboxes {float:right; width:168px;} .toolbox .stats { color:#505050; font-family:Tahoma, Arial, sans-serif; font-weight: bold; color: #858585;} .toolbox .item-stats { overflow: hidden; _height: 1%; } .rating-widget {width: 140px;} .rating-widget .data { width: 70%; float: left; padding-right: 5px; } .rating-widget .data .stats { text-align:right; color:#a90101; font: bold 11px Tahoma, Arial, sans-serif; } .rating-widget p.value { padding-top:4px;} .rating-widget .rating-hint { width: 25%; float: left; color: #858585; font-size: 11px; text-align: center; } /* RecipeIngredient view */ #recipe_ingredient_header {position:relative; padding:10px;} #recipe_ingredient_header #recipe_ingredient_operations {position:absolute; left:10px; top:2px;} * html #recipe_ingredient_header #recipe_ingredient_operations {left:0;} #recipe_ingredients_show #recipe_ingredient_title, #recipe_ingredient_pictures_index #recipe_ingredient_title, #recipe_ingredient_reviews_new #recipe_ingredient_title, #translations_new #recipe_ingredient_title, #translations_edit #recipe_ingredient_title {background:transparent url(/images/upper-shadow.gif) no-repeat left top; padding:10px;} #recipe_ingredient_title h1 {color:#da6106;} #recipe_ingredient_title h1 span.author {color:#969696; font-size:11px; font-weight:normal;} #recipe_ingredients_show #user_opinions, #recipe_ingredients_show #recipe_ingredient_view {padding:10px;} #recipe_ingredients_show #user_opinions ol {padding:10px 15px 5px 15px;} #recipe_ingredient_view h2, #recipe_ingredient_view h3 {color:#da6106; padding:15px 0 3px 0;} #recipe_ingredient_view h2.first-header { clear:left; position:relative; width: 300px;} #recipe_ingredient_view #recipe_ingredient_head { } #recipe_ingredient_view #recipe_ingredient_notes {float:left; width:480px;} #recipe_ingredient_view #recipe_ingredient_notes p {margin-bottom:10px; font-size:13px;} #recipe_ingredient_view #other_names {list-style:none; font-size:14px; margin-left:15px;} #recipe_ingredient_view #equivalents {margin-left:15px; font-size:14px;} #recipe_ingredient_view #substitutes {margin-left:15px; font-size:14px;} /* Recipe ingredients list */ #recipe_ingredients_index #content .social-content-title, #recipe_ingredients_show #content .social-content-title {padding:5px 10px;} #recipe_ingredients_index #recipe_ingredients_list, #recipe_ingredients_index #ingredient_categories {overflow:hidden; _height:1%; font-size:12px; margin:10px;} #recipe_ingredients_index h2 {color:#DA6106; font-size:15px; margin-bottom:10px;} #recipe_ingredients_index #recipe_ingredients_list ul, #recipe_ingredients_index #ingredient_categories ul {float:left; width:208px; margin:0 5px; list-style-type:none;} #recipe_ingredients_index #recipe_ingredients_list li, #recipe_ingredients_index #ingredient_categories li {padding-bottom:3px;} #recipe_ingredients_index #recipe_ingredients_list ul a {color:#536ebd;} #recipe_ingredients_index #ingredient_categories ul a {color:#536ebd; font-weight:bold;} #recipe_ingredients_index #content .breadcrumbs {font:bold 12px Tahoma, Arial, sans-serif; margin:10px 10px 0;} #recipe_ingredients_index #content .breadcrumbs, #recipe_ingredients_index #content .breadcrumbs a {color:#858585;} #recipe_ingredients_index #content .breadcrumbs a:hover {color:#344042;} #recipe_ingredients_index #content .pagination {padding:10px 0;} #recipe_ingredients_show #content .breadcrumbs {font:bold 12px Tahoma, Arial, sans-serif; margin-bottom:10px;} #recipe_ingredients_show #content .breadcrumbs, #recipe_ingredients_show #content .breadcrumbs a {color:#858585;} #recipe_ingredients_show #content .breadcrumbs a:hover {color:#344042;} /* External results */ #recipe_ingredients_show h2 .searchword { color: #868686; } /* Profile menu */ #section_submenu {position:relative; overflow:hidden; _width:100%;} #section_submenu p.country, #section_submenu p.author {padding:3px 10px; color:#8c8c8c; font-family:Tahoma, Arial, sans-serif; float:left;} #section_submenu p.author {} #section_submenu p img.flag {margin-right:2px; margin-bottom:-1px;} #section_submenu #social_links {position:absolute; right:10px; padding-top: 2px;} #section_submenu #social_links a {margin:1px 2px;} #section_menu {overflow:hidden; width:586px; margin-left:-10px;} #section_menu ul.main {list-style:none; float:left;} #section_menu ul.main li.menu-item {float:left; font-family:Tahoma, Arial, sans-serif; background:url(/images/profile-menu-divider.png) no-repeat right top;} #section_menu ul.main li.menu-item a {} * html #section_menu ul.main .menu-item {float:left;} #section_menu .main li span {color:#fff;} #section_menu .main .first {padding-left:0; max-width:250px; overflow:hidden; padding-left:12px;} #section_menu .main li a {white-space:nowrap; display:block;} #section_menu li.selected, #section_menu ul.main li.selected-item {background:url(/images/menu-item-selected.png) repeat-x;} #section_menu li.menu-item a.item, #section_menu ul li.menu-item span.item {font-weight:bold; color:#fff; text-decoration:none; padding:6px 10px;} #section_menu li.menu-item a.item:hover {text-decoration:underline;} #section_menu li a:hover {text-decoration:underline;} #section_menu .submenu {background-color:#7293d1; position:absolute; z-index:20; padding:5px 0 5px 0; display:none; clear:left;} #section_menu .submenu ul {list-style:none;} #section_menu .submenu li {float:none; background:none; padding:0; display:inline; margin:3px 0;} #section_menu .submenu li a {color:#fff; font-weight:normal; text-decoration:underline; padding:2px 30px 3px 10px;} #section_menu .submenu li a:hover {background-color:#a7c1f3;} /* Profile view */ h1.profile-content-header, h1.social-content-header {color:#536ebd; padding:15px 10px 0 10px; background:url(/images/upper-shadow.gif) no-repeat; margin-bottom:15px;} #users_friends h1.profile-content-header, #users_subscribers h1.profile-content-header {padding-bottom:5px;} #profile_view {position:relative; padding:0 10px; overflow:hidden; _height:1%; padding-bottom:0;} #profile_view #profile_head {} #profile_view #user_desc {float:left; width:248px;} #profile_view #user_desc h4 {font-size:16px; color:#536ebd; margin-bottom:5px;} #profile_view #user_desc p {font-size:12px;} #profile_view #user_desc p strong {color:#536ebd; font-weight:normal;} #profile_view #user_desc p a {color:#a90101; font-weight:bold;} #profile_view #user_desc p a.blog-link {color:#536ebd; font-size: 14px;} #profile_view #user_desc p#edit_personal {margin-top: 5px;} #profile_view #user_info {clear:left; padding-top:1px;} #profile_view #user_info h3 {margin-top:15px; overflow: hidden; font-size:16px; _height: 1%;} #profile_view #user_info h3 span {color:#536ebd; float: left;} #profile_view #user_info h3 a {float: left; margin-left: 5px;} #profile_view #user_info p {font-size:14px; line-height:140%; margin-top:5px; padding:0 15px;} #edit_profile #header {overflow:hidden; _height:1%;} #edit_profile #display_name {float:left; overflow:hidden; _height:1%;} #edit_profile #delete_profile {float:right; margin:20px 10px 0 15px;} #edit_profile #delete_profile a {color:#EC0000;} #edit_profile #display_name.edit {margin:10px 6px;} #edit_profile #display_name .submit {margin:3px 0 0; padding:0;} #profile_view .edit label.sub-title {font-size:12px; color:#536ebd; font-weight:bold; cursor:pointer;} #profile_view #tagline {overflow:hidden; _height:1%;} #profile_view #tagline.edit, #profile_view #tagline .edit {margin:0; padding:0 0 6px;} #profile_view #tagline .submit {margin:3px 0 0; padding:0;} #profile_view #city {margin-bottom:5px; overflow:hidden; _height:1%;} #profile_view #city.edit, #profile_view #city .edit {margin:0; padding:0 0 6px;} #profile_view #city.view {font-size:12px;} #profile_view #city .submit {margin:3px 0 0; padding:0;} #user_profile_items {padding:10px;} /* Clearing needed if toolboxes is over this block (because of no personal data) */ #user_profile_items .social-block-header {margin-top:15px;} #user_profile_items div.social-block {padding:0 15px 10px;} #user_profile_items .block {clear: both;} #users_show #user_opinions {padding:10px;} #users_show #user_opinions ol {padding:10px 15px 5px 15px;} #users_show #user_info .all-users {padding: 5px 0 15px 0; font-size:12px; display:block;} #profile_view .select {overflow:hidden; _height:1%;} #profile_view .select select {float:left; margin-right:2px; width:140px;} #profile_view #translate_to_language_button .link-button {margin-top:3px;} /* Translate profile */ #new_profile {margin:10px;} #new_profile h2 {font-size:14px; color:#969696;} #new_profile .translation {margin-top:10px; width:666px;} #new_profile table.translation th {width:50%;} #new_profile th {vertical-align:top;} #new_profile th.head {background:#ECEBEB; margin:10px; font-weight:normal;} #new_profile td {font-size:12px; padding:10px 0; vertical-align:top;} #new_profile td textarea, #new_profile td input.text {width:327px;} /* Confirm delete profile */ #profiles_confirm_destroy #mypage {margin:10px;} #profiles_confirm_destroy #description {font-size:13px; margin-bottom:10px;} /* Profile items */ #user_profile_items .social-block {padding:0 15px 5px;} #user_profile_items table {width:100%;} #user_profile_items table td {font-size:12px;} #user_profile_items table td strong {color:#505050;} #user_profile_items table td.location p {float:left;} #user_profile_items table td.rating {width:50px;} #user_profile_items table td.manage {text-align:right; width:50px;} #user_profile_items table td.manage a.edit-button {float: left;} #user_profile_items table td.manage form.delete-form {float: left; margin-left: 2px;} #profession_items .restaurant-gallery {width:90px; float:left;} #profession_items .gallery .img-wrapper {width:70px;} #profession_items .gallery .images table {width:70px; height:70px;} #profession_items .gallery .viewer {padding-top:3px;} #profession_items .gallery td {padding:0;} #profession_items .gallery .number-of-pictures {font-weight:normal; padding-left:1px;} #profession_items td.location, #profession_items td.manage, #profession_items td.move {border-bottom:1px dotted #A2A2A2; padding: 15px 0;} #profession_items h4 {font-size:13px; font-weigh:bold; color:#000; margin-bottom:5px;} #profession_items h4 a {color:#536EBD;} #profession_items h4 span {font-weight:normal;} #profession_items .restaurant-description {float:left; overflow:hidden; width:200px;} #profession_items .rastaurant-additional-info {float:left; overflow:hidden; width:200px; padding-left:15px;} #profession_items .restaurant-description, #profession_items .rastaurant-additional-info {line-height:17px;} #profession_items .gallery .add-pics {padding-top:3px;} #education_items td {padding:10px 0;} #user_profile_items #recommendations h4.first {padding-top:10px;} #user_profile_items #recommendations h4 {color:#8d8d8d; padding-top:15px; padding-bottom:2px; font-size:12px;} #user_profile_items #recommendations dl {font-size:12px; padding-top:5px; position:relative; overflow:hidden; _width:100%;} #user_profile_items #recommendations dl .small-rating {position:absolute; right:0; top:7px;} #user_profile_items #recommendations dl img {float:left; border:1px solid #a2a2a2; margin:1px 5px 2px 0; padding:1px;} #user_profile_items #recommendations dl dt strong {color:#505050;} /* Recommendations and Items editing mode */ #user_profile_items .add-new-item {border-bottom:1px dotted #A2A2A2; padding:10px 0;} #user_profile_items .add-new-item a {color:#536EBD; font-size:13px;} #mypage #recommendations .item {padding:5px 0; position:relative; font-size:13px;} #mypage #recommendations .small-rating {position:absolute; right:0; top:7px;} #mypage #recommendations .manage {float: left;} #mypage #recommendations .item .picture {float:left; border:1px solid #a2a2a2; margin:1px 5px 2px 0; padding:1px;} #mypage #recommendations .item .title {overflow: hidden; _height: 1%;} #mypage #recommendations .item .title strong, #mypage #recommendations .item .title span {float: left;} #mypage #recommendations .item .title strong, #mypage #recommendations .item .title .manage a {display: block; float: left; margin-right: 3px;} #mypage #recommendations .item .title .manage a {margin-left: 5px;} * html #mypage #recommendations .small-rating {position:absolute; right:25px; top:7px;} /* Profile toolboxes */ #cooking_at .main {font: 11px Tahoma, Arial, sans-serif;} #cooking_at .place {float:left;} #cooking_at .place p {margin-top: 2px;} #cooking_at .place p strong {color:#333;} #cooking_at .place a.title {color:#536ebd; font-weight: bold; font-size: 13px;} #cooking_at .place a.link-to-menu {color:#536ebd;} #cooking_at .invisible {margin-left:-9999px;} #cooking_at .switcher {clear:both; padding-top:5px; padding-bottom:3px;} #cooking_at .switcher a {padding:1px 4px; color:#fff; background-color:#536ebd; font-family:Tahoma, Arial, sans-serif; text-decoration:none; margin-right: 3px;} #cooking_at .switcher a.selected {padding:0 3px; background-color:#fff; border:1px solid #536ebd; color:#536ebd;} /* User opinions */ #own_review {margin-bottom: 10px;} #own_review li.options {overflow: hidden; _height: 1%; margin-left: 38px;} #own_review .reviews li {margin-bottom: 10px;} .reviews { margin-bottom: 10px; } .reviews ol {padding: 10px 0 5px 15px; list-style:none; _height:1%;} .reviews ol li {margin-bottom:15px; font-size:13px;} .reviews ol li .review {overflow:hidden; _height:1%;} .reviews ol li .userpic img {float:left; margin-right:5px; margin-bottom:5px; padding:1px; border:1px solid #a2a2a2;} .reviews ol li .data {float:left; width:597px;} .reviews ol li .rating {float:right; margin-top:5px; margin-right:5px;} .reviews ol li .date {margin-top:2px; font-size: 10px; color:#b6b6b6; font-family:Tahoma, Arial, sans-serif;} .reviews ol li .message, .reviews ol li .cooked-and-variation, .reviews ol li .operations {margin:5px 0;} .reviews ol li .operations a {display: block; float: left; margin-right: 3px;} .reviews ol li .ops {float:right; display:block; margin-top:1px; padding-left:5px; font-size:11px;} .reviews ol li a.delete-review {color:#EC0000;} .reviews ol li .cooked-and-variation p {color:#8d8d8d;} .reviews ol li .add-to-friends {clear:both;} .reviews .deleted-review {color:#858585; padding:5px 0 2px;} /* Comments list */ #comments_list {margin-bottom: 10px;} #comments_list ol {padding: 2px 0 0 15px; list-style:none; _height:1%;} #comments_list ol ol {padding:0 0 0 40px;} #no_comments {padding:10px 0 0 15px;} #comments_list .comment, #no_comments {overflow:hidden; _height:1%; font-size:13px;} #comments_list .comment {padding-top:5px; padding-bottom:5px;} #comments_list .comment a.userpic {float:left;} #comments_list .userpic img {margin-right:5px; margin-bottom:5px; padding:1px; border:1px solid #a2a2a2;} #comments_list .date {margin-top:2px; font-size:11px; color:#b6b6b6; font-family:Tahoma, Arial, sans-serif;} #comments_list .data {margin-left:40px;} #comments_list .data .author-and-cbox {overflow:hidden; _height:1%; margin-right:15px;} #comments_list .data .author-and-date {float:left;} #comments_list .data .c-box {text-align:right; margin-top:7px; font-size:11px;} #comments_list .data .message {padding:3px 0; overflow:hidden; _height:1%;} .c-box a {margin-left:5px;} .c-box a.reply-comment {color:#536EBD;} .c-box a.edit-comment {color:#DA6106;} .c-box a.delete-comment {color:#EC0000;} #comments_list a.replies-link {color:#536EBD; font-size:11px; background:transparent url(/images/arrow-blue.gif) no-repeat scroll right -19px; padding-right:12px; padding-left:2px;} #comments_list a.open {background-position:right 6px;} #comments_list .deleted-comment {color:#858585; padding:5px 0 2px;} /* Form submit button and 'cancel' link for comments and reviews */ #user_opinions form p.submit, #comments_list form p.submit {color:#aeaeae; overflow:hidden; _height:1%;} #user_opinions form p.submit span, #comments_list form p.submit span {width:200px; float:left; display:block; padding-top:5px; padding-left:5px;} .comment .edit-box form {background-color: #E9EEF6; border-bottom: 3px solid #DBE3F1; border-top: 3px solid #DBE3F1; overflow: hidden; _height: 1%; padding: 10px 15px; margin-top: 7px;} .comment .edit-box form textarea {width: 90%; height: 80px;} .comment .edit-box form .errors {margin: 3px 0; color: red;} .comment .edit-box form .submit {margin: 7px 0 0; position: relative;} #comments_list .comment-form textarea {width:90%; height:80px; font-size:10px;} #user_opinions #my_review {background-color:#f7f7f7; padding:10px 10px 5px 15px; font-size:12px; overflow:hidden;} #user_opinions #my_review a.toggle {font-weight:bold; color:#999;} #user_opinions #my_review #new_review_link {font-weight:bold; color:#536ebd;} #user_opinions .my-review a.toggle {margin: 5px 0;} #user_opinions .my-review .title {display:none;} /* Hide title, it should only be visible in modal box atm */ #user_opinions #review_form .field { overflow: hidden; _height: 1%; } #reviews_list {margin-bottom: 10px;} .new-opinion { padding: 5px 15px; font-size: 13px; background-color: #f7f7f7;} .new-opinion .login-teaser { font-size: 13px; padding: 10px 0; } .new-opinion .login-teaser a { color: #536ebd; font-weight: bold; } .new-opinion .errors { color: red; } .new-opinion .errors div { margin-top: 3px;} .new-opinion .status { font-weight: bold; } .new-opinion .big-rating { float: left; } .new-opinion .rating-hint { float: left; margin-left: 5px; margin-top: 3px; color: #666; font-size: 12px; } .new-opinion .field { padding: 3px 0; overflow: hidden; _height: 1%; } .new-opinion .field textarea { width: 90%; height: 90px; } .new-opinion .checkbox {vertical-align: top;} .modalbox .new-opinion .cancel-rating {display: none;} .review-helpful {overflow:hidden; _height:1%;} .review-helpful form, .review-helpful .voted-helpful {float:left;} .review-helpful .stats {float:left; margin-left:7px;} /* Upload pictures */ #uploaded_pictures {overflow:hidden; _height:1%; padding:0 10px 10px 10px;} #uploaded_pictures table, #uploaded_pictures table td {border-collapse:separate;} #uploaded_pictures div.pictures-list {overflow:hidden; _height:1%; padding-bottom:10px;} #uploaded_pictures div.picture-box {float:left; text-align:center; margin:0 5px 0 0;} #uploaded_pictures div.picture-box .description {padding-top:5px; width:200px} #uploaded_pictures div.picture-box .click-to-edit {background-color:#ffff99;} #uploaded_pictures div.picture-box span.description {font-size:12px; width:200px; overflow:hidden; display:block;} #uploaded_pictures div.picture-box .description .edit {text-align:left; } #uploaded_pictures div.picture-box .description .edit textarea {width:200px;} #uploaded_pictures .description .edit .controls {margin-top:5px;} #uploaded_pictures .operations {text-align:center;} #uploaded_pictures .operations form, #uploaded_pictures .operations p, #uploaded_pictures .operations form div {display:inline;} #uploaded_pictures .operations span.or {float: left; margin-left: 5px; margin-top: 5px;} #uploaded_pictures .operations form p.delete {float: left; margin-top: 5px; margin-left: 5px;} #uploaded_pictures td.object-picture {width:200px; height:200px; padding:1px; border:1px solid #A2A2A2; margin:0 5px 0 0;} #uploaded_pictures .operations {color:#aeaeae; font-weight:bold; padding:5px 0 10px 0; font-size:12px;} #uploaded_pictures input {vertical-align:middle;} html > body #uploaded_pictures div.object-picture {font-size:10px;} #uploaded_pictures div img {vertical-align:middle;} #selected_picture {border:2px solid #da6106 !important; padding:0 !important;} #upload_form {padding:0 10px 15px 10px; overflow:hidden; _height:1%;} #upload_form h1 {padding-bottom:10px;} #upload_form .for-recipe, #upload_form .for-theme {color:#da6106;} #upload_form .for-user, #upload_form .for-group {color:#536ebd;} #upload_form .new-picture {padding:1px 0;} #upload_form p.hint {font-size:12px; padding:5px 0;} #upload_form .controls {padding-top:10px;} #upload_form input {vertical-align:middle;} #upload_form input.file {font-size:12px;} #upload_form a {font-weight:bold;} #upload_form span.or {color:#aeaeae; font-weight:bold; float: left; margin-left: 5px; margin-top: 5px;} #upload_form strong a { float: left; margin-left: 5px; margin-top: 5px;} #upload_form .pick-a-picture {padding-top:4px;} #upload_form .loading p {font-size:13px; padding-top:10px;} #upload_pictures {margin-top:10px;} /* Groups page */ #groups_index #content h4.recipe-browse-title {background:#7cac0c url(/images/browse-search-top.png) no-repeat left top; margin-top:-7px; font-size:13px; color:white; padding:4px 10px 6px 10px; position:relative;} #groups_index #content #sort {background:#6fb006 url(/images/browse-search-bg.png) no-repeat left top; padding:12px 10px;} #groups_index #content #sort, #groups_index #content #sort a {color:white;} #groups_index #content #sort a {margin-left:2px;} #groups_index #content #sort label {margin-left:5px;} #groups_index #content .groups-with-breadcrumbs {padding:10px; background:url(/images/browse-search-shadow.png) top left no-repeat;} #groups_index #content .breadcrumbs, #groups_index #content .search-flash {font:bold 12px Tahoma, Arial, sans-serif; padding-left:10px;} #groups_index #content .breadcrumbs, #groups_index #content .breadcrumbs a {color:#858585;} #groups_index #content .breadcrumbs a:hover {color:#344042;} #groups_index .pagination {margin-top:15px;} /* Group detailed pages */ #group_view {position:relative; padding:0 10px; overflow:hidden; _height:1%; padding-bottom:0;} #new_group_topic_link { float:right; display:block; color:#536ebd; margin-right:1px; margin-top:6px; font-weight:bold;} #group_view #topics .hidden {display:none;} #group_view #topics .no-data {font-size:13px; padding:10px; background-color:#dbe3f1; border-bottom:1px solid #536EBD; margin-bottom:10px;} #group_view #topics .no-data a {font-weight:bold;} #group_view table.group-topics th {background-color:#dbe3f1; color:#858585; padding:3px 10px; text-align:left;} #group_view table.group-topics td {padding:5px 10px; vertical-align:top; border-bottom:1px solid #c3c3c3;} #group_view table.group-topics tr.even {background-color:#f0f0f0;} #group_view table.group-topics td.subject {width:32%;} #group_view table.group-topics td.subject a {font-size:12px; color:#536ebd; text-decoration:underline; font-weight:bold;} #group_view table.group-topics td.subject a:hover {color:#7790da;} #group_view table.group-topics td.author img {padding:1px; border:1px solid #a2a2a2; vertical-align:top; margin-right:5px; float:left;} #group_view table.group-topics td.author a.name { color:#4f504f;} #group_view table.group-topics td.stats, #group_view table.group-topics td.time {font-weight:bold; font-family:Tahoma, Arial, sans-serif; color:#858585;} #group_view #replies .message {overflow:hidden; _height:1%;} #group_view h3.message-block-header, #group_view h3.social-block-header {margin-top:15px;} #group_view #new_message {background-color:#f7f7f7; overflow:hidden; _height:1%; margin-bottom:20px; padding:0 15px 10px 15px;} #group_view #group_topic_subject, #group_view #group_message_subject {width:60%;} #group_view #group_topic_message, #group_view #group_message_message {width:60%; height:120px;} #group_view .message {overflow:hidden; _height:1%; position:relative;} #group_view .message ul.controls {position:absolute; right:5px; top:2px;} #group_view .message ul.controls li {float:left; list-style:none; padding:0 3px;} #group_view .message .data {width:495px; float:left;} #group_view .message .author {color:#536ebd; font-weight:bold; font-size:12px;} #group_view .message .date { font-family:Tahoma, Arial, sans-serif; color:#b6b6b6;} #group_view .message .subject {font-size:13px; font-weight:bold; color:#858585; padding-left:10px; padding-top:5px; float:left;} #group_view .message .message-text {margin-top:5px; font-size:13px; overflow:hidden; width:480px; padding-top:5px;} #group_view .message img {padding:1px; border:1px solid #a2a2a2; vertical-align:top; margin-right:10px; float:left;} #group_view #replies .message .panel {border-top:1px solid #536ebd; padding:3px 10px; background-color:#dbe3f1; position:relative; } #group_view #replies .message .data {width:580px;} #group_view #replies .message .author {text-decoration:none;} #group_view #replies .message .author:hover {text-decoration:underline;} #group_view #replies .message .date {margin-left:3px; color:#666;} #group_view #replies .message {margin-top:10px; margin-bottom:15px;} #group_view #replies .message .message-text {font-size:13px; padding:0 10px 10px 10px; border-bottom:1px solid #e2e2e2; width:580px;} * html #group_view #replies .message .text {width:560px} #group_view .subject-with-ops {overflow:hidden; _height:1%; margin:5px 0;} #group_view .message .gm-ops {text-align:right; margin-top:7px; margin-right:5px;} .gm-ops a {margin-left:5px;} .gm-ops a.edit-group-message {color:#DA6106;} .gm-ops a.delete-group-message {color:#EC0000;} #group_view #group_topic_text .edit{overflow:hidden; width:450px; _height:1%;} #group_view #edit_topic_form {display:none;} #group_view .gt-ops {text-align:right; margin-top:7px;} .gt-ops a {margin-left:5px;} .gt-ops a.edit-group-topic {color:#DA6106;} .gt-ops a.delete-group-topic {color:#EC0000;} /* Group Topics show */ #group_topics_show ul.friendship-controls { top:0; right:5px; position:absolute; } #group_topics_show ul.friendship-controls li { position:relative; } /* Chefs index page */ #users_index #chefs, #users_friends #chefs, #users_subscribers #chefs {padding-left:10px;} #users_index #chefs {background:url(/images/chefs-header.gif) no-repeat; padding-top:10px;} #users_index #chefs .pagination, #users_friends .pagination, .pagination, #memberships_index .pagination {margin:20px 0 30px 0;} /* User Groups */ #user_groups_list {padding:0 10px 10px 10px;} #user_groups_list .group-list .group {padding:0 10px;} #user_groups_list .group-list .group .on-user { text-align:center; } #user_groups_list a.name {display:inline;} #user_groups_list .on-user input {margin-left:4px; vertical-align:middle;} #user_groups_list .regular-text p {margin-left:0;} #user_groups_list h3 {color:#536ebd;} #user_groups_list .regular-text li {margin-left:5px;} /* My pages */ #mypage h1.title {margin:20px 0 10px 0;} #mypage h1, #mypage h3 {color:#536ebd;} #mypage .regular-text a {font-weight:bold;} /* My profile */ #edit_profile .block .edit {padding:5px 15px 0 0; color:#aeaeae;} #edit_profile .block .edit textarea {border:solid 1px #888; width:80%; height:150px; font-size:13px;} #edit_profile .block .edit input.text, #mypage .block .edit input.file, #mypage .block .edit select {font-size:12px;} #edit_profile .block .edit .save-button {float:left;} #edit_profile .block .edit .controls {padding-top:5px; overflow:hidden; _height:1%;} #edit_profile .block .edit .controls span {display:block; float:left; padding-top:5px; padding-left:3px; font-size:13px;} #edit_profile .block .edit a.cancel {color:#e78d3c; font-weight:normal;} #edit_profile #recommendations a.add-new {margin-top:10px; margin-left: 0;} #edit_profile #recommendations .edit {padding:5px 0;} #edit_profile #recommendations .edit h4 {padding:0 5px 5px 5px; color:#536ebd;} #edit_profile .edit .submit {padding:3px 0 0 3px;} #edit_profile #current_profile_status {margin: 10px 0; font-size: 12px; color: #666;} #edit_profile #current_profile_status strong {color: #333; font-weight: bold;} #edit_profile #current_profile_status .all {margin-top: 5px;} #edit_profile #new_status {margin: 10px 0; overflow: hidden; _height: 1%;} #edit_profile #announcement {margin-top:10px;} #edit_profile #announcement textarea {height:65px; width:255px;} #announcement_text {background-color:#fff7c0; color:#666; font-size:13px; padding:5px; margin-top:5px; width:255px;} #announcement .edit label {margin:2px 0; font-size:12px; color:#000; display:block;} #announcement .edit label input {vertical-align:middle;} #mypage ul.errors {list-style-type:none; font-weight:bold; color:#d30101; padding:5px 0; font-size:12px;} #mypage ul.errors li {padding-left:2px;} #mypage .profile-item-form {overflow:hidden; _height:1%;} #mypage .profile-item-form h4 {color:#536ebd; padding:10px 5px 5px 5px;} #mypage .profile-item-form p, #mypage .profile-item-form div.rating {font-size:10px; float:left; padding:3px;} #mypage .profile-item-form label {display:block; color:#323232; font-size:13px; font-weight:bold;} #mypage .profile-item-form input.date {width:50px;} #mypage .profile-item-form p.currently-working { margin: 18px 15px 0 15px; } #mypage .profile-item-form p.currently-working label { display: block; float: left; } #mypage .profile-item-form p.currently-working input { display: block; margin-right: 5px; float: left; } #professional_items_collection .profile-item-form {padding-bottom:15px;} .profile-item-form .two-columns {overflow:hidden; _height:1%;} .profile-item-form .left-column {display:block; float:left; width:310px;} .profile-item-form .right-column {display:block; float:left; width:310px; padding-left:16px;} #professional_items_collection .block .edit {padding:5px 0 0 0; border-bottom:1px dotted #A2A2A2;} #professional_items_collection .profile-item-form .field {overflow:hidden; _height:1%; margin-top:8px; width:310px;} #professional_items_collection .profile-item-form .additional-field {float:left; padding-left:10px;} #professional_items_collection .field label {display:block; color:#323232; font-size:13px; font-weight:normal; float:left; text-align:right; padding-right:5px; width:100px;} #professional_items_collection .field .additional-field label{float:left; width:25px;} #professional_items_collection .field label.for-checkbox {display:inline; margin-left:105px; padding-top:0; text-align:left; width:310px;} #professional_items_collection .field label.for-checkbox span {padding-left:5px;} .profile-item-form .two-columns input.text {width:180px; float:left;} .profile-item-form .two-columns select {width:186px; float:left;} #professional_items_collection input.optional {float:none; margin-left:105px; width:180px; margin-top:8px;} #professional_items_collection table.picture {margin-top:10px;} #professional_items_collection table.picture td.restaurant-gallery {width:100px; float:none;} #professional_items_collection table.picture td.add-photo {text-align:left; padding-left:5px;} #professional_items_collection table.picture td.add-photo label {font-weight:normal; display:inline;} #professional_items_collection .edit div.submit {padding:10px 0 0 105px;} /* Reset password */ #reset_password .message { font-size:13px; padding:0 10px; display:block;} #reset_password .submit { padding:10px } /* Add recipe */ #recipes_new input.optional { margin-left:5px;} /* Fix left corner paddings on mypage */ #mypage .recipe-from-friend {margin-left:0;} #mypage .picture {margin-left:0;} #mypage .user-updates-list .user-update {margin-left:0;} /* Confirmation forms */ #confirmation_form { padding:0 10px; } #confirmation_form p.confirmation-text { font-size:13px; } #confirmation_form .submit { margin-top:10px; font-size:13px;} #confirmation_form button { display:block; text-indent:-9999px; float:left } #confirmation_form span { float:left;} .entry #confirmation_form {padding: 0;} /* My recipes, My Friends recipes */ #myrecipes {padding:0 10px 10px 10px;} #myrecipes ul.actions {margin-left: 20px; margin-bottom: 15px;} #myrecipes ul.actions li a {font-size: 14px;} /* My Subscriped recipes */ #subscribedrecipes {padding:0 10px 10px 10px;} /* My Groups */ #my_groups_list {padding:0 10px 10px;} #my_groups_list .group-list {overflow:hidden; _height:1%;} #my_groups_list .group-list .group {margin:5px 0; float:left; width:320px;} #my_groups_list .group-list .info {float:left;} #my_groups_list .group-list .picture {float:left; padding:0 3px;} #my_groups_list .group-list .description {margin:3px; font-size:12px; float:left; width:220px; text-align:left;} #my_groups_list .group-list a.group-link {color:#536ebd; padding-right:5px; font-weight:bold;} #my_groups_list .group-list .group-info {font-size:11px; color:#505050;} #my_groups_list .group-list p.actions {margin-top:10px;} #my_groups_list .group-list p.actions a {color:#DA6106; font-size:9px;} /* Regular text */ .regular-text {font-size:13px;} .regular-text p {margin-left:10px; margin-top:5px;} .regular-text h3 {margin:10px 0 5px 0;} .regular-text ul {margin-left:10px;} .regular-text li {margin-left:20px; padding-top:5px;} /* For empty sets */ p.no-items {font-size:13px;} /* Group add/edit form */ #group_steps {text-align:center;} #group_steps ul {list-style:none; display:inline; margin:auto;} #group_steps ul li {display:inline; font-size:16px; color:#8c8c8c; padding-right:20px; font-weight:bold;} #group_steps ul li a {color:#8c8c8c;} #group_steps ul li.current {color:#536ebd;} #group_steps ul li span {font-size:8px font-weight:normal;} #group_add, #group_edit {margin-left:100px; overflow:hidden; _height:1%;} #group_add #group_steps, #group_edit #group_steps { margin:20px 0 20px 160px; overflow:hidden; _height:1%; text-align:left;} #group_add .page-header, #group_edit .page-header {color:#536ebd; text-align:right; width:150px;} #group_form {clear:both;} #group_form textarea {width:250px; height:80px;} #group_form .submit {float:none; margin-left:158px; margin-top:10px;} #group_form #select_multiple_group_occasion_ids {margin-right:6px;} #group_form #select_multiple_recipe_group_ids {margin-right:6px;} #group_form .select-multiple-link {font-size:12px;} #group_form .multiple-checkboxes {margin-left:140px; padding-top:5px; clear:left;} #group_form .multiple-checkboxes .select_option {margin-top:3px;} #group_form .multiple-checkboxes label {display:inline; float:none; font-weight:normal; text-align:left;} #group_form .multiple-checkboxes input {font-size:13px;} #group_form input.text {width:230px;} #group_form .message {width:250px;} #group_add .loading h1.page-header, #group_edit .loading h1.page-header {float:none; width:auto; text-align:left;} /* Group leave */ #groups_leave .submit {margin-left:250px;} /* Groups list */ #groups_index #navigation {float:left; width:214px;} #groups_index #content {float:left; width:536px; background-color: #fff;} #groups_index #navigation li a:hover {background-position:-36px 0;} #groups_index #main {background:#fff url(/images/browse-bg.png) repeat-y;} #groups_index #main .top {background:url(/images/browse-top.png) no-repeat top left; padding-top:11px;} #groups_index #main .bottom {background:url(/images/browse-bottom.png) no-repeat bottom left; padding:0 4px 11px 4px;} #groups_index #content .social-content-title { padding:5px 10px; } #groups_index #content .groups-with-breadcrumbs { padding:10px; } table.groups {width:100%;} table.groups td {vertical-align:top; padding-bottom:5px;} table.groups td.picture {width:76px;} table.groups td.description {padding:0 10px 10px 10px;} table.groups td.description h4 a {color:#536ebd;} table.groups td.description h4 a:hover {color:#f3922b;} table.groups td.description p { color:#323232; margin-top:5px;} table.groups td.info {width:90px; color:#323232;} table.groups td.info a {color:#4f504f;} table.groups td.info a:hover {color:#858585;} table.groups td.stats {width:85px; padding:0 10px 10px 10px; font-family:Tahoma, Arial, sans-serif; color:#858585;} table.groups td.stats a, table.groups td.stats span {color:#858585; font-weight:bold;} table.groups td.stats a:hover {color:#344042;} /* Group view */ #groups_show {margin:0 10px 10px 10px;} #groups_show #upper_shadow {background:url(/images/upper-shadow.gif) no-repeat; height:6px; width:686px; padding-bottom:15px;} #groups_show #group_view h3 {color:#536ebd; font-size:16px; padding-bottom:8px;} #groups_show #group_view h3 span.shortlist-number, #groups_show #group_view h3 a.view-all {color:#000; font-size:12px; font-weight:normal;} #groups_show #group_view h3 {overflow:hidden; _height:1%;} #groups_show #group_view h3 span.title {float:left;} h3 a.view-all, #group_last_topics a.view-all {float:right; padding-top:4px;} #groups_show #topics {overflow:hidden; _height:1%;} #group_last_topics a.view-all {color:#000; font-weight:normal; padding-top:5px;} #start_conversation_note p {padding:5px 5px 0 5px; font-size:13px; display:block; float:left;} #group_last_recipes, #group_members {clear:both; padding-top:25px;} #group_view #group_toolboxes {margin:25px 0 0 10px;} #group_view #group_toolboxes #join_group {margin-bottom: 5px; overflow: hidden; _height: 1%;} .ru_RU #group_view #group_toolboxes {width: 151px;} .es_MX #group_view #group_toolboxes {width: 151px;} /* Group teser */ #group_teaser, .group-teaser { padding:10px; font-size:13px; background-color:#eaeaea; color:#666;} #group_teaser a {font-weight:bold; color:#999;} #group_teaser a, .group-teaser a {font-weight:bold; color:#999;} #group_teaser {margin:0 10px 10px 10px; padding:10px;} .group-teaser {margin:0; padding:10px;} #groups_index .group-teaser {padding:10px 0; background-color:#fff;} /* Sidebar Group card */ .group-card .gallery {margin-right:5px;} .big-card .gallery .img-wrapper {width:154px;} /* Group Navigation */ #recipe_group_memberships_recipes #navigation_title {background:#df7815 url(/images/group-navigation-title.png) no-repeat ; margin-top:-4px; padding:3px 10px 5px; color:#fff; font-weight:bold; font-size:13px; position:relative;} /* Browse group recipes page */ #recipe_group_memberships_recipes #content .social-content-title {background-image:url(/images/social-three-columns-header-bg.gif);} #recipe_group_memberships_recipes #upper_shadow {background:url(/images/upper-shadow-three-columns.png) no-repeat; height:10px; width:536px; padding-bottom:0px;} #recipe_group_memberships_recipes #section_menu {width:476px;} #recipe_group_memberships_recipes #navigation {float:left; width:214px;} #recipe_group_memberships_recipes #content {float:left; width:536px;} #recipe_group_memberships_recipes #navigation li a:hover {background-position:-36px 0;} #recipe_group_memberships_recipes #main {background:#fff url(/images/browse-bg.png) repeat-y;} #recipe_group_memberships_recipes #main .top {background:url(/images/browse-top.png) no-repeat top left; padding-top:11px;} #recipe_group_memberships_recipes #main .bottom {background:url(/images/browse-bottom.png) no-repeat bottom left; padding:0 4px 11px 4px;} #group_recipes {margin:0 10px 10px;} #recipe_group_memberships_recipes #content #sort {background:#657fcc url(/images/social-sort-three-columns-bg.png) no-repeat; padding:12px 10px;} #recipe_group_memberships_recipes #content #sort, #recipe_group_memberships_recipes #content #sort a {color:white;} #recipe_group_memberships_recipes #content #sort a {margin-left:2px;} #recipe_group_memberships_recipes #content #sort label {margin-left:5px;} #recipe_group_memberships_recipes #content .recipes-with-breadcrumbs {padding:10px; background:url(/images/browse-search-shadow.png) top left no-repeat;} #recipe_group_memberships_recipes #content .breadcrumbs, #recipe_group_memberships_recipes #content .search-flash {font:bold 12px Tahoma, Arial, sans-serif; margin-bottom:20px;} #recipe_group_memberships_recipes #content .breadcrumbs, #recipe_group_memberships_recipes #content .breadcrumbs a {color:#858585;} #recipe_group_memberships_recipes #content .breadcrumbs a:hover {color:#344042;} /* Group members page */ #memberships_index #group_teaser {margin-top:10px;} #memberships_index #chefs {margin:0 10px 10px 10px;} #memberships_index #upper_shadow {background:url(/images/upper-shadow.gif) no-repeat; height:6px; width:686px; padding-bottom:5px;} /* group membership management */ #memberships_manage #content {width:600px; margin-left:auto; margin-right:auto; padding-bottom:20px;} #memberships_manage #content .notice {margin-bottom:10px;} #memberships_manage #content .pane {width:285px;} #memberships_manage #content #group_steps {margin-bottom:20px;} #memberships_manage #content #management.pane {float:right;} #memberships_manage #content #management.pane .hidden {display:none;} #memberships_manage #content h1 {color:#536EBD; margin-top:10px; margin-bottom:20px;} #memberships_manage #content .title {display:block; background-color:#DBE3F1; padding:5px 10px; font-weight:bold;} #memberships_manage #content .title {color:#536EBD; border:1px solid #dadada; border-bottom:none; width:269px;} #memberships_manage #content .title span {color:#999999; font-size:10px; font-weight:normal;} #memberships_manage #content textarea {padding:5px; width:279px; border:1px solid #dadada; font-size:12px;} #memberships_manage #content .select-all {display:block; margin-top:3px; font-size:10px; font-weight:normal;} #memberships_manage #content .users {padding:5px 10px;} #memberships_manage #content .users tr td {padding:2px 0;} #memberships_manage #content .users img {border:1px solid #A2A2A2; padding:1px;} #memberships_manage #content .users .name {padding:3px 0; color:#536EBD; font-weight:bold;} #memberships_manage #content .users .name a {color:#536EBD; font-weight:bold;} #memberships_manage #content .users tr td.name {width:100%; vertical-align:top; padding:10px 7px 5px;} #memberships_manage #content #invite .users {border:1px solid #dadada; width:269px; height:193px; overflow-y:scroll; overflow-x:auto;} #memberships_manage #content #invite .users input.invite-friend, #memberships_manage .title input {vertical-align:middle;} #memberships_manage #content #invite #friends {margin-bottom:10px;} #memberships_manage #content #invite textarea {height:100px;} #memberships_manage #content #management .user-lists {margin-bottom:10px;} #memberships_manage #content #management textarea {height:113px;} #memberships_manage #content #members {width:289px; border:1px solid #dadada; border-top:none;} #memberships_manage #content #members #members_type {margin-left:10px; width:150px;} #memberships_manage #content #members .title {border-top:none; font-size:10px; width:268px; margin-top:-1px;} #memberships_manage #content #members .users {width:269px; height:180px; overflow-y:scroll; overflow-x:auto;} #memberships_manage #content #invitations .title {border-top:none; font-size:1px;} #memberships_manage #content #invitations .users {border:1px solid #dadada; width:269px; height:212px; overflow-y:scroll; overflow-x:auto; margin-top:-1px;} #memberships_manage #content span.view-group {float:left; padding-top:7px; font-size:12px; padding-left:5px;} #memberships_manage #content span.view-group a {color:#DA6106; font-weight:bold; margin-left:3px;} #memberships_manage .tabs ul li.active-tab {border-bottom:1px solid #DBE3F1;} #memberships_manage #content .submit {margin-top:10px;} /* Folders */ #folders_index #manage_folders_list { padding:10px; } #folders_index #manage_folders_list table.folders {width:100%; margin:0 0 15px 0;} #folders_index #manage_folders_list table.folders tr.head {background-color:#DBE3F1; color:#858585; padding:3px 10px; text-align:left;} #folders_index #manage_folders_list table.folders td {vertical-align:middle; border-bottom:1px solid #c3c3c3; padding:8px 0 5px 0;} #folders_index #manage_folders_list table.folders th {padding:5px 10px; white-space:nowrap;} #folders_index #manage_folders_list table.folders td {padding:5px 10px 2px;} #folders_index #manage_folders_list table.folders tr.even {background-color:#f0f0f0;} #folders_index #manage_folders_list table.folders tr.odd {} #folders_index #manage_folders_list table.folders .folder-name { width:230px; display:block; font-size:12px; float:left;} #folders_index #manage_folders_list table.folders .edit { overflow:hidden; _height:1%;} #folders_index #manage_folders_list table.folders .edit input.text {font-weight:bold; float:left; margin-right:5px;} #folders_index #manage_folders_list table.folders td .block { position:relative;} #folders_index #manage_folders_list table.folders td.destroy { width:180px;} #folders_index #manage_folders_list table.folders td.destroy img { height:27px;} #folders_index #manage_folders_list .add-folder-form p { overflow:hidden; _height:1%; } #folders_index #manage_folders_list .add-folder-form p input { float:left; margin:3px 3px 0 0; } #folders_index #manage_folders_list .add-folder-form input.text {font-weight:bold; font-size:12px; float:left; margin-right:5px;} /* Forms for Folder */ #add_new_folder p {font-size:12px;} #add_new_folder p label {display:block; font-weight:bold;} #folders_edit input.text {font-size:12px; border:1px solid #d0d0d0; margin:4px 0;} /* Organizer Menu */ #organizer_menu {font-family: Arial, sans-serif;} #organizer_menu h2 { color: #fff; font-size: 12px; margin: 0 0 3px 10px; } #organizer_menu li { display:block; background:url(/images/menu2-bg.png) bottom right; } #organizer_menu li a.substantial-folder, #organizer_menu li a.substantial-folder:link, #organizer_menu li a.substantial-folder:visited { background:url(/images/menu2-bg-organizer-2.png) -214px bottom; padding-left: 25px; } #organizer_menu li span.folder-item { padding:5px 2px 5px 20px; color:#977e47; font-size:12px; font-family:Arial, sans-serif; background:transparent; } #organizer_menu li a.all-saved-recipes, #organizer_menu li p, #organizer_menu li a.all-saved-recipes:link, #organizer_menu li a.all-saved-recipes:visited { display:block; _height:1%; background:url(/images/menu2-bg-organizer.png) -214px bottom;} #organizer_menu li a.substantial-folder:hover { text-decoration:none; display:block; background:url(/images/menu2-bg-organizer-2.png) 0 bottom no-repeat;} #organizer_menu li a.all-saved-recipes:hover { text-decoration:none; display:block; background:url(/images/menu2-bg-organizer.png) 0 bottom no-repeat;} #organizer_menu .controls a { font-size:10px; color:#f7e1b3; font-family:Arial, sans-serif; margin:2px 2px} #organizer_menu .controls { padding:2px 3px; } #add_folder_box { border-bottom:3px solid #f0dc81; border-top:3px solid #f0dc81; } #add_folder_box { background:#fdfeaa; padding:10px; display:block; } #add_folder_box { padding:5px; display:block; } #add_folder_box p input { border:1px solid #d0d0d0; padding:2px; font-weight:bold; font-family:Arial, sans-serif; } #add_folder_box p { font-size:12px; _height:1%; display:block; } #add_folder_box p a { color:#da6106; } #add_folder_box .submit { position:relative; padding:5px 0; _height: 1%; overflow: hidden;} #organizer_menu .separator { height:16px; width:216px; background:url(/images/mypages-recipes-leftnav-separator.gif) -2px 0px; margin:-2px; } /* Recipe organizer */ #saved_recipes_index #content .social-content-title {background-image:url(/images/social-three-columns-header-bg.gif);} #saved_recipes_index #upper_shadow {background:url(/images/upper-shadow-three-columns.png) no-repeat; height:10px; width:536px; padding-bottom:0px; margin:0;} #saved_recipes_index #section_menu {width:476px;} #saved_recipes_iondex form {display:inline;} #saved_recipe_navigation_title {background:#df7815 url(/images/group-navigation-title.png) no-repeat ; margin-top:-4px; padding:3px 10px 5px; color:#fff; font-weight:bold; font-size:12px;} #saved_recipes_index #navigation, #saved_recipes_new #navigation, #saved_recipes_save #navigation {float:left; width:214px;} #saved_recipes_index #content, #saved_recipes_save #content {float:left; width:536px;} #saved_recipes_index #main {background:#fff url(/images/browse-bg.png) repeat-y;} #saved_recipes_index #main .top {background:url(/images/browse-top.png) no-repeat top left; padding-top:11px;} #saved_recipes_index #main .bottom {background:url(/images/browse-bottom.png) no-repeat bottom left; padding:0 4px 11px 4px;} #saved_recipes_index #content #sort {background:#657fcc url(/images/social-sort-three-columns-bg.png) no-repeat; padding:7px 10px; margin:0;} #saved_recipes_index #content #sort, #saved_recipes_index #content #sort a {color:white;} #saved_recipes_index #content #sort a {margin-left:2px;} #saved_recipes_index #content #sort label {margin-right:5px;} #saved_recipes_index #content #sort p.sorting {margin:0 0 5px 5px;} #saved_recipes_index #content #sort p.filters {margin-left:5px;} * html #saved_recipes_index #content #sort p.filters {margin-left:0px;} #saved_recipes_index #content .breadcrumbs {font:bold 12px Tahoma, Arial, sans-serif; margin-bottom:10px;} #saved_recipes_index #content .breadcrumbs, #saved_recipes_index #content .breadcrumbs a {color:#858585;} #saved_recipes_index #content .breadcrumbs a:hover {color:#344042;} .actions-bar {background-color:#DBE3F1; margin:0 0 1px 0; padding:8px 3px; width:510px;} .actions-bar input {color:#858585; display:inline; border:1px solid #c3c3c3; padding:2px 3px; font-weight:bold; margin:0 3px 0 0; background:#fefeff url(/images/buttons/action-button-bg.gif) left bottom repeat-x;} .actions-bar .menu-item {float: left;} .actions-bar .submenu {position:absolute; padding:0px; background-color:#E9EEF6; border-bottom:3px solid #DBE3F1; border-top:3px solid #DBE3F1; overflow:hidden; width:150px;} .actions-bar .submenu ul {list-style:none;} .actions-bar .submenu ul li {padding:2px 0;} .actions-bar .submenu ul li a {color:#858585; white-space:nowrap; display:block; padding:2px 10px;} .actions-bar .submenu ul li a:hover {background:#dbe3f1;} #saved_recipes_index #saved_recipes_collection {background:url(/images/upper-shadow-three-columns.png) no-repeat top center; margin:0; padding:10px 10px 10px;} #saved_recipes_index #saved_recipes_collection #notice-box .notice {margin:0 0 10px; padding:0;} #saved_recipes_index #content p.no-data {font-size:13px;} table.saved-recipes {width:100%; margin:0 0 15px 0;} table.saved-recipes td {vertical-align:middle; border-bottom:1px solid #c3c3c3; padding:8px 0 5px 0;} table.saved-recipes th {white-space:nowrap; background-color:#DBE3F1; color:#858585; padding:3px 5px; text-align:left;} table.saved-recipes tr.even {background-color:#f0f0f0;} table.saved-recipes tr.odd {} table.saved-recipes td.check, table.saved-recipes th.check {padding:0 3px;} table.saved-recipes td.title h4 a {color:#da6106;} table.saved-recipes td.title h4 a:hover {color:#F3922B;} table.saved-recipes td.title .external-host {font-size:10px;} table.saved-recipes td.chef { color:#858585; padding:0 0 0 3px;} table.saved-recipes td.chef a {color:#4F504F;} table.saved-recipes td.chef a:hover {color:#858585;} table.saved-recipes td.type-of-dish { color:#000; padding:0 0 0 3px;} table.saved-recipes td.rating {width:60px; text-align:left; padding:0 0 0 3px;} table.saved-recipes td.date {color:#323232; } table.saved-recipes td.note {width:20px; text-align:center;} /* SavedRecipe and ExternalRecipe */ #external_recipe_form, #saved_recipe_form {margin-left:150px;} #external_recipe_form .page-header, #saved_recipe_form .page-header {margin-left:10px;} #external_recipe_form textarea, #saved_recipe_form textarea, #external_recipe_form input.text {width:350px;} /* Saved Recipe and External Recipe Modals*/ #add_external_recipe_box {border-top:3px solid #f0dc81; border-bottom:3px solid #f0dc81; background-color:#fdfeaa; padding:7px; overflow:hidden; _height:1%;} .saved-recipe-modalbox {border-top:3px solid #dbe3f1; border-bottom:3px solid #dbe3f1; background-color:#e9eef6; padding:7px; overflow:hidden; _height:1%;} .saved-recipe-modalbox p.title { color:#919191;} .saved-recipe-modalbox .submit {position:relative; margin:7px 0 0 0;} .saved-recipe-box {width:253px;} .external-recipe-box {width:238px;} .saved-recipe-modalbox .submit a {color:#da6106;} .saved-recipe-modalbox .submit a:hover {color:#F3922B;} .saved-recipe-modalbox textarea, .saved-recipe-modalbox input.text {} .saved-recipe-modalbox .field {margin:7px 0 0 0; overflow:hidden;} .saved-recipe-modalbox .field label {float:left; font-weight:bold; width:40px; text-align:right; padding:3px 7px 0 0;} .ru_RU .saved-recipe-modalbox .field label {width: 60px;} .ru_RU .external-recipe-box {width:280px;} .saved-recipe-modalbox .errorExplanation {margin:8px 13px;} .saved-recipe-modalbox .errorExplanation h2 {color:red;} .saved-recipe-modalbox .errorExplanation p {} .saved-recipe-modalbox .errorExplanation ul {list-style-image:none; list-style-position:outside; list-style-type:none;} .saved-recipe-modalbox .errorExplanation li { display:block; padding:3px 0 0 10px;} /* Signup on main page */ #signup_main {background:#fff url(/images/2col-bg.png) repeat-y;} #signup_main .top {background:url(/images/2col-top.png) no-repeat top left; padding-top:11px;} #signup_main .bottom {background:url(/images/2col-bottom.png) no-repeat bottom left; padding:0 4px 16px 4px;} #signup_content {float:left; width:686px; padding-bottom:2px;} #signup_main h4.title {background:#8cc710 url(/images/green-top.gif) no-repeat left top; margin-top:-7px; font-size:13px; color:#fff; padding:4px 10px; position:relative;} #signup_content #about_and_box {background:url(/images/upper-shadow.gif) no-repeat; width:686px; padding-top:15px;} #signup_main #about {float:left; width:310px; padding:25px 0 0 20px;} #signup_main #about h1 {font-size:14px; color:#323232; font-weight:normal; margin-bottom:15px;} #signup_main #about h2 {font-size:14px; color:#858585;} #signup_main #about ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin-top:8px;} #signup_main #about li {background:url(/images/bullet-big-green.gif) no-repeat 0 0; padding:0 0 8px 25px; font-size:13px; color:#323232;} #signup_main #about h1 strong {color:#7cb201; font-weight:bold; text-decoration:none;} #signup_main #signup_box {float:left; width:320px; margin-left:10px; padding-top:5px; background:#fbf3b6 url(/images/index-signup-top.png) center top no-repeat;} #signup_main #signup_box_bottom {background:#fbf3b6 url(/images/index-signup-bot.png) center bottom repeat-x; padding:5px 0 10px; position:relative;} #signup_box h2, #login_box h2 {color: #858585; text-align: right; font-size: 16px; padding-top:5px; padding-right: 20px; position: relative;} .en_US #signup_box h2 {padding-right: 85px;} /* it's free token */ .modal-box #membership_options h2 {font-size: 16px; color: #323232; margin-top: 20px;} #signup_box h2 span.its-free {display: none;} .en_US #signup_box h2 span.its-free {background: url(/images/callout.png) no-repeat; position: absolute; width: 61px; height: 44px; top: -10px; right: 20px; text-align: left; text-indent: -9999px; overflow: hidden; display: block;} .en_US .modal-box #signup_box h2 span.its-free {top: -15px;} .es_MX #signup_box label.normal-label {font-size: 12px;} /* Spanish is wordy on signup page */ #signup_main #signup_form {margin-top:10px;} #signup_main #signup_form label {color: #858585; font-weight: bold;} #signup_main #signup_form .small-text {color: #858585;} #signup_sidebar {float:left; width:284px; padding:10px 8px 0 13px;} #signup_sidebar .flash {background:#55720f; margin-left:-12px; margin-top:-14px; height:220px; margin-bottom:10px;} .en_US #signup_sidebar .site-flash {height:258px;} /* Signup and login on modal box */ .modal-box #membership_options {overflow: hidden; _height: 1%; width: 360px; padding-top: 10px;} .modal-box #membership_options .fb-connect-prompt {padding-right: 20px;} .modal-box #membership_options .inline-form {margin-top: 0;} .modal-box #membership_options .note {text-align: right; font-size: 12px; font-weight: bold; padding-right: 20px; color: #858585;} .modal-box #signup_form_modal {margin-top:10px;} .modal-box input.text, .modal-box textarea, .modal-box select {border:1px solid #858585;} .modal-box .fieldWithHint {color:#858585 !important;} /* Import Contacts */ #import_contacts_form input#email_field {width: 180px;} #import_contacts_form select#provider {width: 180px;} #import_contacts_form input#password_field {width: 180px;} #import_contacts_form span.at-sign { float: left; padding:2px 5px 0 5px; font-size:13px; font-weight:bold; } #import_contacts_form .submit { margin:10px 0; } /* Uploaded contact list */ #contact_list .entry { width:80%;} #contact_list .explanation { font-weight:bold; color:#858585; padding-bottom:10px; } #contact_list p.with-check-box {display:block; width:300px; overflow:hidden; _height:1%;} #contact_list p.with-check-box input {float:left; margin-right:3px; margin-top:2px; display:block;} #contact_list .submit { margin: 10px 0; overflow: hidden; _height: 1%;} #contact_list .list-container { overflow:hidden; _height:1%; margin-top:10px; } #contact_list .lists { overflow:hidden; _height:1%; padding:5px 0; } #contact_list .lists .to-invite { float:left; } #contact_list .lists .to-be-friends { float:right; } #contact_list .lists .contacts-container table.contacts tr { font-weight:bold; margin:3px; overflow:hidden; _height:1%; white-space:nowrap; display:block; } #contact_list .lists .contacts-container table.contacts td { padding:2px; } #contact_list .lists .contacts-container table.contacts td input { float:left; } #contact_list .lists .contacts-container table.contacts td.user { color:#536EBD; width:180px; } #contact_list .lists .contacts-container table.contacts td.email { color:#858585; } /* Personalize profile */ #profiles_personalize .preferences-form {padding-left:100px; display:none;} #profiles_personalize .preferences-form table {margin:10px 10px 0; width:350px !important;} #profiles_personalize .preferences-form th {padding:3px 0;} #profiles_personalize .preferences-form th.first {width:150px !important;} #profiles_personalize #primary_language th {padding-left:10px; width:350px !important;} /* Badges */ #frontpage_badges #badges {width:100%;} #frontpage_badges #badges .header td {padding-bottom:10px;} #frontpage_badges #badges td.preview {width:160px; text-align:center; vertical-align:top;} #frontpage_badges #badges textarea {margin-bottom:10px;} /* Theme add/edit form */ #theme_add, #theme_edit {margin-left:100px; overflow:hidden; _height:1%;} #theme_add .page-header, #theme_edit .page-header {color:#536ebd;} #theme_form {clear:both;} #theme_form textarea {width:250px; height:80px;} #theme_form p.submit {float:none; margin-left:158px; margin-top:10px;} #theme_form p.submit span, #themes_leave p.submit span {font-size:13px; padding:5px 0pt 0pt 5px;} #theme_form #select_multiple_theme_occasion_ids {margin-right:6px;} #theme_form #select_multiple_recipe_theme_ids {margin-right:6px;} #theme_form .select-multiple-link {font-size:12px;} #theme_form .multiple-checkboxes {margin-left:160px; padding-top:5px; clear:left;} #theme_form .multiple-checkboxes .select_option {margin-top:3px;} #theme_form .multiple-checkboxes label {display:inline; float:none; font-weight:normal; text-align:left;} #theme_form .multiple-checkboxes input {font-size:13px;} #theme_form input.text {width:230px;} #theme_form .message {width:250px;} #theme_form .fields-block {width:760px;} #theme_form #theme_sections h2, #theme_form #useful_resources h2 {color:#536EBD; margin-top:10px;} #theme_form #theme_sections .explain {float:none;} #theme_form #theme_sections h2.title {color:#919191; font-size:14px; margin:0 15px; overflow:hidden;} #theme_form #theme_sections h2.title span {float: left;} #theme_form #theme_sections h2.title a {font-size:8px font-weight:normal; color:#858585; float:right;} #theme_form .theme-section {margin:10px 0px 15px 0px; border:1px solid #eaeaea; margin:5px 0; width:760px; background-color:#f7f7f7; padding:5px 0 7px 0;} #theme_form .expanded-link {display:inline;} #theme_form .collapsed-link {display:none;} #theme_form div.comment {margin:3px 0;} #theme_form div.comment textarea {width:458px; height:40px;} #theme_form .expanded {display:block; overflow:hidden;} #theme_form .collapsed {display:none;} #theme_form .included-recipe {border-width:0 1px 1px 1px; border-style:solid; border-color:#eaeaea; padding:5px 10px;} #theme_form .odd {} #theme_form .even {background-color:#f0f0f0;} #theme_form h3.title {background-color:#dbe3f1; color:#858585; padding:3px 10px; margin:10px 15px 0 15px;} #theme_form .included-recipes {margin:0 15px 5px 15px; overflow-y:scroll; height:200px;} #theme_form td.recipe {width:560px;} #theme_form td.operations { line-height:14px;} #theme_form .included-recipes td.operations {width:150px; vertical-align:top;} #theme_form td.recipe div.recipe{overflow:hidden; width:500px;} #theme_form td.recipe div.title-author {float:left;} #theme_form td.recipe p.title {overflow:hidden; width:370px;} #theme_form td.recipe p.title a {color:#da6106; font-size:13px;} #theme_form td.recipe p.title a:hover {color:#f3922b;} #theme_form td.recipe p.author {} #theme_form td.recipe p.rating {float:left; margin-top:15px;} #theme_form td.recipe p.rating .small-rating {position:static;} #theme_form td.recipe img {border:1px solid #A2A2A2; float:left; margin-right:7px; padding:1px;} #theme_form .search-recipes {border-width:0 1px 1px 1px; border-style:solid; border-color:#eaeaea; padding:5px 0 5px 10px; margin:0 15px 5px 15px; overflow:hidden; _height:1%;} #theme_form .search-recipes div.notice { font-weight:bold; color:#858585; padding-left:0px;} #theme_form .searched-recipes {clear:both; height:200px; overflow-y:scroll; display:none;} #theme_form .searched-recipes td.recipe {padding-bottom:5px;} #theme_form .searched-recipes td.operations {width:160px; vertical-align:middle;} #theme_form a.add {background:url(/images/icons/add.gif) no-repeat; padding-left:16px; color:#00920e;} #theme_form a.delete {background:url(/images/icons/delete.gif) no-repeat; padding-left:16px; color:#c40000;} #theme_form a.delete-note {background:url(/images/icons/delete.gif) no-repeat 0 2px; padding-left:16px; color:#c40000; float:left; margin-top:40px;} #theme_form .useful-resource {margin:10px 0 15px 0; border:1px solid #eaeaea; margin:5px 0; width:760px; background-color:#f7f7f7; padding:0 0 7px 0;} #theme_form .useful-resource .controls {float:left; margin-left:186px; width:140px; display:inline; line-height:14px; font-weight:normal;} #theme_add .loading h1.page-header, #theme_edit .loading h1.page-header {float:none; width:auto; text-align:left;} /* Theme show */ #content h4.theme-content-title {background:#536ebd url(/images/social-header-bg.gif) no-repeat left top; color:#fff; margin-top:-7px; padding:4px 10px; position:relative; font-weight:bold;} #theme_header {position:relative; padding:10px;} #themes_show #theme_title, #theme_pictures_index #theme_title, #theme_reviews_new #theme_title {background:transparent url(/images/upper-shadow.gif) no-repeat left top; padding:10px;} #theme_title h1 {color:#536ebd;} #theme_title h1 span.author {color:#969696; font-size:11px; font-weight:normal;} #themes_show #user_opinions, #themes_show #theme_view {padding:10px;} #themes_show #user_opinions ol {padding:10px 15px 5px 15px;} #theme_view h2, #theme_view h3 {color:#536ebd;} #theme_view h2 {padding:20px 0 0 0;} #theme_view h3 {padding:15px 0 5px 0;} #theme_view h2.first-header { clear:left; } #theme_view #theme_description {float:left; width:248px;} #theme_view #theme_description p {margin-bottom:10px; font-size:13px; line-height:130%;} #theme_view #recipes {clear:both;} #theme_view #recipe_sections {margin-left:10px;} #theme_view #recipe_sections div.note {font-size:13px;} #theme_view #recipe_sections div.teaser {font-size:13px;} #theme_view div.recipe {overflow:hidden; width:500px; margin-top:5px;} #theme_view div.recipe div.title-author {float:left;} #theme_view div.recipe p.title {overflow:hidden; width:370px;} #theme_view div.recipe p.title a {color:#da6106; font-size:13px;} #theme_view div.recipe p.title a:hover {color:#f3922b;} #theme_view div.recipe p.author {} #theme_view div.recipe p.rating {float:left; margin-top:15px;} #theme_view div.recipe p.rating .small-rating {position:static;} #theme_view div.recipe img {border:1px solid #A2A2A2; float:left; margin-right:7px; padding:1px;} #theme_view #recipe_sections div.comment {width:423px; margin-left:42px; margin-top:-3px; } #theme_view #tips {font-size:13px; line-height:13px; margin-left:32px;} .useful-resources ul { list-style:none; padding: 6px 0; overflow:hidden; _height: 1%; } .useful-resources ul li { float:left; display:block; width:220px; padding:2px 0; } .useful-resources ul li.first { clear:left; } .useful-resources ul li.second { } .useful-resources ul li.third { } .useful-resources ul li a { } /* Themes index */ #themes_index #navigation {float:left; width:214px;} #themes_index #content {float:left; width:536px;} #themes_index #navigation li a:hover {background-position:-36px 0;} #themes_index #main {background:#fff url(/images/browse-bg.png) repeat-y;} #themes_index #main .top {background:url(/images/browse-top.png) no-repeat top left; padding-top:11px;} #themes_index #main .bottom {background:url(/images/browse-bottom.png) no-repeat bottom left; padding:0 4px 11px 4px;} #themes_index #content .social-content-title {padding:5px 10px;} #themes_index #content .themes-with-breadcrumbs {padding:10px; background:url(/images/browse-search-shadow.png) top left no-repeat;} #themes_index #content .breadcrumbs {font :bold 12px Tahoma, Arial, sans-serif; margin-bottom:20px;} #themes_index #content .breadcrumbs, #themes_index #content .breadcrumbs a {color:#858585;} table.themes {width: 100%;} table.themes td {vertical-align: top; padding: 0 0 5px 0;} table.themes td.picture {width: 76px;} table.themes td.description {padding:0 10px 10px 10px;} table.themes td.description h4 a {color:#536ebd; text-decoration:underline;} table.themes td.description h4 a:hover {color:#536ebd; text-decoration:none;} table.themes td.description p { color:#323232; margin-top:5px;} table.themes td.info {width:90px; color:#323232;} table.themes td.info a {color: #858585;} table.themes td.info a:hover {color:#858585; text-decoration:none;} table.themes td.stats {font-weight: bold; color: #323232; text-align: left; white-space: nowrap; width: 85px; font-family: Tahoma, Arial, sans-serif; padding:3px 10px 10px;} table.themes td.stats span.small-rating {_height: 1%;} /* For rating to render correctly in IE6 */ table.themes td.stats {color: #858585; font-weight: bold; padding-top: 3px;} table.themes td.stats a {color: #858585; } table.themes td.stats a:hover {color: #344042} /* Requires login modal box */ #requires_login h2 {text-align:center; color:323232;} #requires_login .note {margin-bottom: 10px; font-size:12px; font-weight:bold; padding-top:10px; color:#858585;} #requires_login button.submit {background:url(/images/buttons/green-ok.gif) no-repeat; margin: 5px 0 5px 160px; display:inline; width: 35px;} #community_rank_popup {width: 150px;} #community_rank_popup .rank {} /* Terms */ #terms_index #content .social-content-title {padding:5px 10px;} #terms_index #terms_list {overflow:hidden; _height:1%; font-size:12px; margin:20px 10px;} #terms_index #terms_list ul {float:left; width:208px; margin:0 5px; list-style-type:none;} #terms_index #terms_list li {padding-bottom:3px;} #terms_index #terms_list ul a {color:#536ebd;} /* Popular pages */ .found-items {margin: 10px 10px 20px;} .found-items h2 {font-size: 15px; color: #536ebd; margin-bottom: 15px;} .found-recipes h2 {color: #da6106;} .found-recipes h2 .addthis_button {float: right; margin-top: 4px;} .found-items .view-all a {font-size: 13px;} #searched_themes {margin:10px 10px 30px;} #searched_themes h2 {font-size:15px; color:#536ebd; margin-bottom:10px;} #searched_themes .view-all {margin:10px 0 0 0;} #searched_themes .view-all a {color:#000000; font-family:Tahoma, Arial, sans-serif; font-size:1.1em; font-weight:bold;} /* */ #my_recipes_index .personal .service-link:hover { background-color: #EC9844; } /* Preferences */ .preferences-form {overflow:hidden; _height:1%;} .preferences-form p.submit{margin-left: 200px;} .preferences-form p.submit span { font-size:13px; } .preferences-form p.submit span a { color: #e78d3c; } .preferences-form table {width: 500px; margin: 10px;} .preferences-form table tr.header {background-color:#dbe3f1;} .preferences-form table tr.odd {background-color:#f0f0f0;} .preferences-form table th { font-weight:bold; font-family:Arial, Tahoma, sans-serif; padding:5px 0;} .preferences-form table th.first {text-align:left; font-family:Tahoma, Arial, sans-serif; font-size:13px; width:250px; padding-left:10px;} .preferences-form table th.narrow {width: 200px !important;} .preferences-form table td.option-header {text-align: left; font-size:12px; padding-left: 10px;} .preferences-form table td.option {text-align: center;} .preferences-form table th.small {vertical-align: bottom;} .preferences-form table th.preference-button {text-align:center;} .preferences-form table th.preference-select {width:210px;} .preferences-form td.preference-select {text-align:left; width:210px;} .preferences-form td.preference-select select {width:180px;} .preferences-form table td {text-align:center; padding:5px 0;} .preferences-form table td.first {text-align:left; padding-left:10px; font-size:12px;} .preferences-form table td#description {color:#858585; font-family:Tahoma, Arial, sans-serif; text-align:right;} .preferences-form .submit {margin: 0 10px;} .preferences-form .two-choices-first{padding-right:20px;} .preferences-form .two-choices-second{padding-right:30px;} #languages_show div.top-message {width:480px; margin-left: 10px;} #edit_profile .top-message {margin: 0 10px 10px 10px;} /* Membership Reject Confirmation page*/ #memberships_confirm_destroy .submit { font-size:12px; padding:0 10px;} #memberships_confirm_destroy .submit a { color:#E78D3C; } /* Translations */ #translation_form { padding: 10px; } #translation_form h2 { color: #969696; } #translation_form h3 { color: #da6106; } #translation_form th { vertical-align: top; } #translation_form .head { background: #ECEBEB; margin: 10px; font-weight: normal; } #translation_form td { font-size:12px; padding: 10px; vertical-align: top; } #translation_form .header { padding-bottom: 10px; position: relative; height: 30px; } #translation_form .header .change-language { position: absolute; top: 0; right: 10px; text-align: right; } #translation_form .header .change-language .select-language { width: 100px; font-size:12px; } #translation_form .header .change-language p.add-languages a { color: #536ebd; } #translation_form .header .change-language p.add-languages a:hover { text-decoration: none; } #translation_form .controls .edit-control { text-align: right; } #translation_form .controls .edit-control .edit-translation { margin-right: 10px; } #translation_form .controls { margin-top: 10px; } #translation_form .controls div.submit { font-size:12px; font-weight: bold; position: relative; height: 20px; } #translation_form .controls div.submit button { position: absolute; right: 60px; top: 0;} #translation_form .controls div.submit a { color: #da6106; } #translation_form table.translation {width:666px;} #translation_form table.translation th {width:50%;} #translation_form ul, #translation_form ol {list-style-position:inside;} #translation_form li {margin:4px;} #translation_form input.text, #translation_form textarea {width:305px;} #translation_form .show-alt-ingredients {margin:2px 0;} #translation_form .show-alt-ingredients .ingredient-name {width:250px; padding:2px 0;} #translation_form .show-alt-ingredients .ingredient-quantity {padding:2px 0; text-align:right;} #translation_form .alt-ingredients {font-size: 12px;} #translation_form .alt-ingredients .alt-header {overflow: hidden; _height: 1%; margin-bottom: 5px; text-align: center; padding-top: 5px;} #translation_form .alt-ingredients .ingredient {overflow: hidden; _height: 1%; margin-bottom: 5px;} #translation_form .alt-ingredients .ingredient-name {float: left; width: 200px;} #translation_form .alt-ingredients .ingredient-quantity {float: left; width:110px;} #translation_form .alt-ingredients .ingredient-name input.text {width:190px;} #translation_form .alt-ingredients .ingredient-quantity input.text {width:107px;} /* Conversion Calculator */ #measurements_index #conversion_calculator {padding: 20px;} #conversion_calculator .tables {overflow:hidden; _height:1%;} #conversion_calculator .tables .measurement-table {font-size:12px; margin: 10px 10px 10px 0;} #conversion_calculator .tables #fluid_measurements_table {float:left;} #conversion_calculator .measurement-table tr.even {background:#F1F1F1;} #conversion_calculator .measurement-table tr.odd {background:#F9F9F9;} #conversion_calculator .measurement-table td {padding:3px;} #conversion_calculator .measurement-table td.measure-name {font-weight:bold; color:#323232;} #conversion_calculator .regular-form .text {width: 50px;} #conversion_calculator .explaination {font-size:13px; font-weight:bold; color: #344042;} #conversion_calculator .cancel-action {display: none;} .box-modal #conversion_calculator .explaination {margin-top:5px;} .box-modal #conversion_calculator .cancel-action {display: block;} /* Facebook publish checkbox */ .checkbox-with-facebook-label { overflow: hidden; _height: 1%; margin: 10px 0; } .checkbox-with-facebook-label input { float: left; } label.checkbox-with-facebook-label { display: block; width: 300px; background:url(/images/facebook/icon-16x16.gif) no-repeat top left; padding: 2px 0 0 20px; } label.checkbox-with-facebook-label span.facebook-label { float: left; display: width; block: 240px; margin-left: 5px;} /* Facebook login */ #users_create #facebook_signup h1 { color: #DA6106; margin-top: 10px; } #users_create #facebook_signup input, #users_create #facebook_signup select { width: 170px; } #users_create #facebook_signup .submit {margin: 10px 0 0 150px;} #users_create #facebook_signup .submit .close-modal-box {display: none;} /* SuperUser's actions */ .for-admin {padding:10px 0 0 0; text-align:right;} #users_show .for-admin {padding:10px 10px 0;} .for-admin a {color:#A90101;} /* Facebook page */ #facebook_index #mypage {padding: 0 10px;} #facebook_index #mypage h2.social {color:#536ebd; margin: 5px 0;} #facebook_index #mypage .facebook-control {font-size:13px; margin: 10px 0; overflow: hidden; _height: 1%;} #facebook_index #mypage .facebook-control .disconnect-link {background:url(/images/disconnect.png); width:185px; height:21px; display:block; text-indent:-99999px;} #facebook_index #mypage .facebook-control .explanation {width:300px; float:left;} #facebook_index #mypage .facebook-control .control {margin: 5px; float:left;} #facebook_index #mypage .invite-friends {padding: 10px 0;} #facebook_index #mypage .invite-friends a {font-size:13px; color:#536ebd; font-weight: bold; background:url(/images/import_button.png) right no-repeat; display:block; padding: 6px 20px 6px 0; width: 160px;} #facebook_index #mypage #form_wrapper .submit button {background:url(/images/buttons/import.gif); width:101px; height:27px; text-indent:-9999px;} /* Complete account */ #facebook_complete_account #complete_account {padding: 0 10px;} #facebook_complete_account #complete_account p.explanation {font-size:13px;} /* Feeds */ .events-list {padding: 0 10px; margin: 10px 0;} .events-list .options {font-size: 13px; margin-bottom: 10px;} .events-list .options strong {color: #536ebd;} .events-list .options a {color: #536ebd;} .events-list .day {font-size: 16px; color: #536ebd;} .events-list .event {margin-top: 10px; margin-bottom: 10px; overflow: hidden; _height: 1%;} .events-list .event .story {font-size: 12px; float: left; width: 600px;} .events-list .event .date {font-size: 11px; color: #858585;} .events-list .event .feed-text {clear: left; margin-top: 10px; padding: 10px; overflow: hidden; _height: 1%; background-color: #f7f7f7; width: 580px;} .events-list .event .feed-text a.user {display: block;} .events-list .event .feedpic {float: left; margin-right: 10px;} .events-list .event .event-text {float: left; width: 520px; margin-top: 3px; margin-bottom: 3px;} .events-list .event a.event-more {font-size: 11px; margin-left: 45px; color: #536ebd; clear: left; display: block;} .events-list .event .note {color: #858585;} .events-list .event a.user, .events-list .event a.group, .events-list .event a.theme {color: #536ebd;} .events-list .event a.recipe {color: #da6106;} /* Profile events */ .profile-events {} .profile-events .event {font-size: 12px; margin-top: 5px; margin-bottom: 10px; overflow: hidden; _height: 1%;} .profile-events .event .picture {width: 80px; float: left;} .profile-events .event .date {color: #858585; margin-top: 5px;} .profile-events .event .story {float: left; width: 580px; position: relative;} .profile-events .event .title {font-size: 13px; width: 500px;} .profile-events .event .message {margin-top: 3px; line-height: 140%;} .profile-events .event .rating {position: absolute; top: 5px; right: 0;} /* Magazine subscriptions */ .box-modal #cooks_banner {width: 242px; height: 421px; background: url(/images/adv/cooks-illustrated.gif) no-repeat; margin-left: -10px; margin-top: -5px; float: left;} .box-modal #cooks_banner .disclaimer {margin-top: 435px; text-align: center;} .box-modal h1.header {color: #da6106; font-size: 22px;} .box-modal #magazine_subscription_form {margin-left: 10px; float: left; width: 290px; display: inline;} .box-modal #magazine_subscription_form .international {float: left; padding-left: 25px;} .box-modal #magazine_subscription_form .international a {color: #0000ff;} .box-modal #magazine_subscription_form label.normal-label {width: 85px;} .box-modal #magazine_subscription_form .normal-field-no-label {margin-left: 85px;} .box-modal #magazine_subscription_form .message {margin-left: 85px;} .box-modal #magazine_subscription_form .submit {margin-top: 10px; margin-bottom: 10px;} .box-modal #magazine_subscription_form input.text {width: 180px; float: none;} .box-modal #magazine_subscription_form .standalone-close-link {text-align: center; font-size: 15px; margin-top: 5px;} #signup_fb .note {font-size:13px; margin: 10px 0; line-height: 130%; margin-top: 5px;} #login_form .fb-connect {overflow: hidden; _height: 1%; width: 250px;} #login_form .fb-connect strong {color: #333;} #login_form .fb-connect .fb-profile-pic {float: left; width: 54px; height: 56px;} #login_form .fb-connect .fb-profile-pic img {padding: 2px; border: 1px solid #a2a2a2;} #login_form .fb-connect .fb-desc {margin-left: 60px;} #sessions_new .page-header {margin-left:160px;} .members-selector {font-size: 13px;} .members-selector .selector-header {border: 1px solid #ECC674; border-bottom: 0; width: 500px;} .members-selector .selector-header td label {cursor: pointer;} .members-selector .selector-table {width: 500px; height: 220px; overflow: auto; border: 1px solid #ECC674;} .members-selector td.cb {vertical-align: middle; padding: 7px;} .members-selector td.picture {padding: 7px 10px 7px 7px;} .members-selector td.name span.email {font-size: 12px; color: #858585;} .members-selector td.contact-email {font-size: 12px;} .members-selector tr.odd {background-color: #eaeaea;} .members-selector td.toggle-row {cursor: pointer;} .members-selector .submit {margin-top: 20px;} .search-address-book .information {margin-bottom: 20px; line-height: 150%;} .search-address-book .information a {color: #da6106;} #invite_status .success-status {border: 1px solid #ecc674; font-weight: bold; font-size: 15px; background-color: #fff7c0; padding: 10px;} #member_friends {margin-top: 10px; margin-bottom: 20px;} .fb-connect-prompt {margin-top: 20px;} .preview-stub {margin-top: 20px; margin-left: 44px; float: left; width: 550px; padding-left: 10px; display: inline;} .preview-stub h2 {font-size: 18px; color: #da6106;} .preview-stub h3 {font-size: 15px; color: #da6106; margin-top: 20px;} .preview-stub .summary {font-size: 14px; margin-top: 10px;} .preview-stub .box-grad .contents {padding: 10px 20px;} .preview-stub .stub-data {margin-top: 10px; font-size: 12px; line-height: 135%;} .preview-stub .ingredients, .preview-stub .directions {font-size: 15px; margin-top: 5px; line-height: 140%; margin-left: 20px;} .preview-stub .ingredients {color: #da6106; list-style-type: disc;} .preview-stub .ingredients span {color: #000;} .preview-stub .directions {margin-left: 25px;} .claim-recipe-stub .signup-to-claim {float: left; width: 450px; display: inline;} .claim-recipe-stub #claim_form {width: 686px; margin: 0 auto;} .claim-recipe-stub .central-form .stats {float: right; width: 185px;} .claim-recipe-stub .bottom-part .stats {float: right; width: 150px; margin-right: 50px; margin-top: 40px; display: inline;} .claim-recipe-stub .box-break{border-top: 1px solid #da6106; width: 100px; margin: 15px auto;} .claim-recipe-stub .stats .box .contents {color: #da6106; font-size: 15px; line-height: 130%; padding: 10px 10px 15px; text-align: center; font-weight: bold;} .claim-recipe-stub .group-stats .total strong {white-space: nowrap;} .claim-recipe-stub .group-stats .past-week {margin-top: 35px;} .claim-recipe-stub .site-stats {font-weight: bold;} .claim-recipe-stub .site-stats .praise {margin-top: 25px;} .claim-recipe-stub .site-stats .praise {margin-top: 25px;} .claim-recipe-stub .bottom-part {overflow: hidden; _height: 1%;} /* Popular pages 2.0 */ #terms_show .top-panel .bookmark {float: right;} #terms_show .top-panel h4 {float: left; color: #fff; font-size: 13px;} #terms_show .top-panel h1 {float: left; color: #fff; font-size: 13px;} #popular_page .results {float: left; width: 330px; margin: 10px 0 10px 10px; display: inline;} #popular_page .secondary-results {width: 320px; margin-left: 20px;} #popular_page .items {margin-bottom: 20px;} #popular_page .items .items-header {margin-bottom: 10px;} #popular_page .items .item {margin-bottom: 10px; font-size: 12px;} #popular_page .recipes-header {color: #da6106;} #popular_page .groups-header {color: #536ebd;} #popular_page .recipes h2, #popular_page .recipes a {color: #da6106;} #popular_page .groups h2, #popular_page .groups a {color: #536ebd;} #popular_page .themes h2, #popular_page .themes a {color: #536ebd;} #popular_page .items .picture {float: left; margin-right: 5px; display: inline;} #popular_page .items .medium-picture {width: 80px;} #popular_page .items .small-picture {width: 40px;} #popular_page .items h4 {font-size: 12px; margin-bottom: 2px;} #popular_page .items .description {float: left;} #popular_page .items .narrow-description {width: 235px;} #popular_page .items .wide-description {width: 275px;} #popular_page .items .medium-description {width: 225px;} #popular_page .items .views, #popular_page .items .members {color: #666; font-weight: bold; font-size: 11px; font-family: Tahoma, Arial, sans-serif;} #popular_page .items .matches {line-height: 130%; margin-top: 3px; margin-left: 85px;} #popular_page .items .more {text-align: right;} #popular_page .items .more a {font-size: 13px; font-weight: bold;} #popular_page .signup-teaser {margin-bottom: 10px;} #popular_page .signup-teaser h2 {margin-left: 12px;} #popular_page .signup-teaser a {color: #da6106; font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;} #popular_page .signup-teaser .cl {margin-top: 10px; margin-left: 10px;} #popular_page .signup-teaser .button, #popular_page .signup-teaser .footer-benefit {float:left;} #popular_page .signup-teaser .footer-benefit {color:#da6106; font-weight:bold; font-size:13px; font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; padding-top:2px; width: 145px; line-height: 140%;} #popular_page .signup-teaser ul.benefits {margin-left: 20px; color: #da6106; margin-top: 10px;} #popular_page .signup-teaser ul.benefits span {color: #333; font-size: 13px; line-height: 140%;} #popular_page .secondary-results .abl {margin-top: 25px; margin-bottom: 15px;} .external-results {margin-bottom: 10px;} .external-results .web-results, .external-results .trusted-results {float: left; width: 320px; padding: 0 5px;} #popular_page .external-results h2 {font-size: 15px; color: #536ebd;} #popular_page .external-results ul {margin: 5px 0; list-style-type: none;} #popular_page .external-results ul li {margin: 10px 0 5px 0; font-size: 12px; line-height: 130%;} #popular_page .external-results ul li .title {margin-bottom: 3px;} #popular_page .external-results ul li .title strong {font-weight: normal;} #popular_page .external-results ul li .summary strong {color: #333;} #popular_page .external-results ul li a {color: #536ebd;} #popular_page #conversion_calculator {margin-bottom: 10px;} #popular_page #conversion_calculator h2 {color: #536ebd;} #popular_page #conversion_calculator td.measure-name {font-weight: normal; width: 80px;} #popular_page .related-terms {margin-bottom: -10px;} #popular_page .related-terms h2 {color: #da6106; font-size: 14px; margin-bottom: 5px;} #popular_page .related-terms a {color: #da6106; font-size: 13px; line-height: 130%; white-space: nowrap;} .adspace .ad-label {color: #444; text-transform: uppercase; font-size: 8px; text-align: center;} .adspace-sidebar_skyscraper {width: 160px; margin: 0 auto;} .abl-footer .ad-label {text-align: right;} /* Select Ajax Item */ .ajax-select-item { position:absolute; padding:5px; background-color:#FFFFFF; border:1px solid #858585; border-top: 0; overflow:hidden; width:150px; overflow: auto; height: 400px;} .ajax-select-item-short { height: 120px;} .ajax-select-item form {display:inline;} .ajax-select-item ul { list-style:none; margin:0;} .ajax-select-item ul li { padding:2px 0; margin:0;} .ajax-select-item ul li a { color:#858585; display:block; padding:2px 10px; margin:0; font-size:13px;} .ajax-select-item ul li a:hover { background:#858585; color:#ffffff;} .ajax-select-item .title {color:#344042; padding:2px 10px; font-size:13px;} .ajax-select-groups { border:1px solid #858585; width:250px;} /* Holiday Features */ .en_US #signup_sidebar {padding:10px 0 0 13px;} #holiday_features {margin:-5px 0 15px -8px; width:306px; background-color:#FBF3B6; padding:0;} #terms_show #holiday_features {margin:0 0 15px 0;} #holiday_features img {width:306px; float:left;} #feature_images {overflow:hidden; _height:1%;} #feature_links {background-color:#FBF3B6; padding:0; font-size:13px; font-family: Arial, sans-serif; overflow:hidden; _height:1%; list-style: none;} #feature_links li {float: left; cursor: pointer;} #feature_links li a {display:block; width:102px; float:left; text-align:center; padding:7px 0; color:#DA6106; background-color:#FBF3B6;} #feature_links li.selected a {color:#fff; background-color:#E49900;} /* Mark as Spam */ .mark-as-spam {color:#B6B6B6; font-size:11px;} .mark-as-spam a {color:#536EBD;} .comment .marked-as-spam {margin-left:5px;} .review .mark-as-spam {padding-left:5px;} .review .unmark-as-spam {margin-left:5px;} /* Delete link */ a.delete-link {background-image:url('/images/buttons/delete.gif'); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9000px; width:17px; height:16px;} /* Claim blog */ .claim-blog .blog-title {color: #698C12;} .claim-blog a.tell-more {font-size: 14px; font-weight: normal; color: green;} .claim-blog .benefits {margin: 15px 0;} .claim-blog .benefits ul {color: #da6106; font-size: 14px; padding-left: 20px; line-height: 150%; float: left; width: 550px;} .claim-blog .benefits ul li {margin-top: 3px;} .claim-blog .benefits ul li span {color: #333;} /* Badges */ .become-featured-author .top-message {margin-bottom: 10px;} .become-featured-author h1 {font-size: 30px; margin: 0 auto 20px auto; text-align: left;} .become-featured-author .program-description {font-size: 14px; padding: 5px 10px;} .become-featured-author .benefits {float: left; width: 350px;} .become-featured-author .requirements {float: right; width: 350px;} .become-featured-author .program-description h2 {padding-left: 20px; margin-bottom: 10px; color: #da6106; font-size: 18px;} .become-featured-author .program-description ul {padding-left: 20px;} .become-featured-author .program-description ul li {line-height: 150%; color: #da6106;} .become-featured-author .program-description ul li span {color: #333;} .become-featured-author .directions {font-size: 16px; color: #333; font-weight: bold; margin: 15px 0; width: 700px; line-height: 140%; padding-left: 25px;} .become-featured-author .next {margin-top: 20px; padding-left: 380px;} .my-badges h1 {margin: 0 auto 20px 25px; text-align: left;} table.badge-selection {margin-left: 25px;} table.badge-selection th {font-size: 14px; color: #333; font-weight: normal; text-align: left; vertical-align: top;} table.badge-selection th.code {width: 450px; font-size: 14px; line-height: 140%;} table.badge-selection td.code textarea {padding: 2px; width: 450px;} table.badge-selection th.preview {width: 200px; padding-left: 85px;} table.badge-selection td {padding-top: 15px;} table.badge-selection td.preview {padding-left: 50px;} /* Move buttons */ .move {overflow:hidden; _height:1%; width:26px;} .move .move-up, .move .move-down {margin:0 3px 3px 0; float:right;} .move .move-up a, .move .move-down a {background-image:url('/images/buttons/up-down-orange.gif'); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9000px; width:9px; height:16px;} .move-down a {background-position:-27px 0;} .move-up a {background-position:-18px 0;} .move-down a:hover {background-position:-9px 0;} .move-up a:hover {background-position:0 0;} /* Tooltip */ .tooltip-for-link {width:300px;} /* Unsubscribe */ #opt_out .text-line {margin:10px 0 0 0; font-size:14px;} #opt_out #opt_out_real .text-line {margin:25px 0 10px 0;} #opt_out .confirmation {font-size:13px; line-height:15px; margin:7px 0;} #opt_out .submit {margin-top:10px;} #opt_out .checkbox {vertical-align:middle;} #opt_out_real .confirmation {font-size:13px; line-height:15px; margin-left:7px;} #opt_out_real .submit {margin-left:160px;} .blog-apply .left-col {float: left; width: 360px;} .blog-apply .right-col {float: left; width: 400px; padding-left: 25px;} .blog-apply p.teaser {font-size: 15px; line-height: 130%; margin-top: 15px; margin-bottom: 10px;} .blog-apply .top-message {margin-bottom: 10px;} .blog-apply h1 {margin-bottom: 15px;} .blog-apply h2 {font-size: 15px; color: #da6106; margin-bottom: 10px;} .blog-apply h3 {font-size: 14px; color: #da6106; margin-bottom: 10px;} .blog-apply ul {font-size: 13px; line-height: 130%; padding-left: 15px; margin-top: 5px; margin-bottom: 15px;} .blog-apply ul li {color: #da6106; margin-top: 8px;} .blog-apply ul li span {color: #333;} .blog-apply .apply-blog-form {margin-left: 10px;} .blog-apply p.information {font-size: 13px; line-height: 130%; margin: 10px 0 15px 0;} /* Embed */ #embedded_recipe_example {margin:15px 0;} #embed_recipe {margin:15px 0 0 0; overflow:hidden; _height:1%;} #embed_box {float:right;} #how_to_embed_link {text-align:right; clear:both; margin-top:5px;} #how_to_embed_link a {color:#536ebd; font-size:13px;} #embed_info {overflow:hidden; _height:1%; width:639px; background-color: #f7f7f7; border:2px solid #536ebd; text-align:left; font-size:13px; padding:10px; margin-top:10px; display:none;} a#embed_info_close {background-color:#ffffff; color: #536ebd; float:right; font-size:16px; font-weight:bold; margin:6px; padding:2px 6px 3px; position:relative; right:-16px; top:-16px; text-decoration:none;} #embed_info h4 {font-size:15px; margin:20px 0 10px;} #embed_info h4 span {font-size:13px; font-weight:normal;} #embed_info h4 span a {color:#536ebd; text-decoration:none;} #embed_info h4 span a:hover {color:#536ebd; text-decoration:underline;} #embed_info div.embed-preview {padding:10px; text-align:center; background-color:#ffffff; border:1px dotted #858585; display:none;} #embed_info div.embed-code {border:1px dotted #858585; margin:5px 0 10px; padding:5px;} #embed_info textarea {width:626px; height:33px; background-color:#f7f7f7; border: medium none; overflow:hidden;} #embed_info input {width:626px; background-color:#f7f7f7; border: medium none; overflow:hidden;} .embed-button {display:block; float:left;} .embed-button a {text-decoration: none; display: block;} .embed-button .embed-button-l {background: url(/images/embed-button.gif) no-repeat top left; font-size: 12px; color: #000; display: block; float: left; cursor: pointer; border: none; overflow: hidden;} .embed-button .embed-button-l {height: 23px; padding: 7px 8px 0 30px; font-family: 'lucida grande', tahoma, arial, sans-serif; font-weight: normal;} .embed-button .embed-button-r {width: 4px; float: left; display: block; height: 30px; background: url(/images/embed-button.gif) no-repeat -246px 0;} /* Inivtation Managment */ #invitations_index #mypage {margin:0 10px;} #invitations_index .top-message {margin-bottom:15px;} .invitations {overflow:auto; height:400px; font-size:12px; border:1px solid #ECC674; margin-bottom:15px;} .invitations table {margin:0; width:664px;} .invitations td {vertical-align:middle; padding:8px 3px;} .invitations tr.even {background-color:#f0f0f0;} .invitations tr.odd {} .invitations td.check {padding:0 3px;} .invitations td.title {color:#000;} .invitations td.title .user-email {color:#666;} .invitations td.status {width:160px; text-align:left; padding:0 0 0 3px;} .invitations td.date {color:#323232; width:120px;} .invitations td.message {width:25px;} #invitations .options {border-color:#ECC674; border-style:solid; border-width:1px 1px 0; overflow:hidden; height:22px; font-size:13px; padding:5px;} #invitations #invitations_filter {float:left;} #invitations #invitations_operations {float:left; list-style:none; margin:4px 0 0 0; padding:0;} #invitations #invitations_sort {float:right;} #invitations .options a {color:#536ebd; text-decoration:none; outline-style:none; padding-left: 7px;} #invitations a.disabled-link {color:#858585; cursor:default;} #invitations a#send_reminders {text-decoration:underline;} #invitations a#send_reminders.disabled-link {text-decoration:none;} .reminder-message {background-color:#E9EEF6; border-bottom:3px solid #DBE3F1; border-top:3px solid #DBE3F1; width:280px; overflow:hidden; padding:7px; _height:1%;} .reminder-message-title {color:#858585; font-size:12px; font-weight:bold; margin-bottom:2px;} .reminder-message textarea {width:260px; height:120px;} .reminder-message .submit {background-color:#FFF; position:relative; margin-top:7px;} /* Terms of use */ #terms_of_use #privacy {margin-top: 25px;} #terms_of_use h1 {font-size: 22px;} #terms_of_use h2 {margin: 25px 0 10px 0; font-size: 15px;} #terms_of_use ol {list-style-type: upper-alpha;} #terms_of_use ol ol {list-style-type: lower-roman;} #terms_of_use li, #terms_of_use p {font-size: 13px; margin-bottom: 5px; line-height: 130%;} #terms_of_use li {margin-left: 24px; margin-top: 10px;} /* Top Food Blogs */ #featured_authors {margin-top: 25px;} #featured_authors .author-group {margin-bottom: 15px;} #featured_authors .author {float: left; width: 280px; margin-right: 10px;} #featured_authors .info-badge {background-color: #fff7c0; padding: 10px; border: 1px solid #dadada;} #featured_authors .author .picture {float: left; width: 85px;} #featured_authors .description {line-height: 130%; margin-left: 85px;} #featured_authors .author .profile a {font-size: 12px; font-weight: bold;} #featured_authors .author .recipes a {color: #a90101; font-weight: bold;} /* Adding blog recipe via URL */ #new_blog_recipe ul {font-size: 13px; line-height: 130%; padding-left: 15px; margin-top: 20px; margin-bottom: 15px;} #new_blog_recipe ul li {color: #da6106; margin-top: 8px;} #new_blog_recipe ul li span {color: #333;} #new_blog_recipe .status {margin-top: 10px; margin-bottom: 10px;} #new_blog_recipe .status p {color: #666; margin-top: 0;} #new_blog_recipe .operation-status {color: #da6106;} #new_blog_recipe .created-recipe {margin-top: 10px;} #new_blog_recipe .created-recipe .picture {float: left; width: 80px;} #new_blog_recipe .created-recipe h4 {margin-left: 80px; font-size: 14px;} #users_friends #add_to_friends_button {margin-top: 10px; width: 200px; font-size: 13px;} /* Chefs list representation (friends, subscriptions, site users) */ .chefs-row {overflow: hidden; _height: 1%; margin: 12px 0;} .chefs-row .chef {float: left; width: 90px; margin-right: 5px;} .chefs-row .chef .picture {text-align: center;} .chefs-row .chef .body {} .chefs-row .chef .body .title {text-align: center; margin-top: 3px;} .chefs-row .chef .body .title a {font-weight: bold; font-size: 11px; color: #536ebd;} .chefs-row .chef .body .status {font-size: 10px; color: #858585; text-align: center;} .chefs-row .chef .body .actions {text-align: center; visibility: hidden;} .chefs-row .chef .body .actions form {margin: 0; padding: 0; display: inline;} .chefs-row .chef .body .actions a.remove {font-size: 10px; color: #858585;} .chefs-row .chef .body .actions a.remove:hover {text-decoration: underline;} /* Top chefs */ .top-chefs-row {overflow: hidden; _height: 1%; margin: 10px 0; margin-left: 5px;} .top-chefs-row .chef {float: left; width: 78px; margin-right: 5px;} /* Friend suggestions */ #friend_suggestions h4 {color: #da6106; font-size: 15px; margin-bottom: 10px; margin-top: 25px;} .chef-suggestions .top-message {width: 630px;} .chef-suggestions .page-header {width: 650px;} .chef-suggestions .page-header .skip-link {float: right; font-size: 13px; padding-top: 5px;} .chef-suggestions .page-header .skip-link a {color: #666;} .friend-suggestions-row {overflow: hidden; _height: 1%; margin: 15px 0;} .friend-suggestions-row .sg-container {float: left; width: 230px;} /* Mostly IE fix */ .friend-suggestions-row a:hover {text-decoration: underline !important;} .friend-suggestions-row .chef {float: left; width: 210px; margin-right: 18px; display: inline;} .friend-suggestions-row .chef .picture {float: left; width: 80px;} .friend-suggestions-row .chef .body {float: left; width: 120px;} .friend-suggestions-row .chef .body .title {text-align: left; margin-top: 0;} .friend-suggestions-row .chef .body .title a {font-weight: bold; font-size: 12px; color: #536ebd; text-decoration: none;} .friend-suggestions-row .chef .body .status {font-size: 12px; color: #323232; text-align: left;} .friend-suggestions-row .chef .body .actions {margin-top: 2px;} .friend-suggestions-row .chef .body .actions .action-add {color: #698c12; font-size: 12px;} .friend-suggestions-row .chef .body .actions a.follow-suggestion {font-size: 13px; color: #536ebd; font-weight: bold; text-decoration: none;} .friend-suggestions-row .chef .body .location {font-size: 11px; color: #333;} .friend-suggestions-row .chef .body .stats .recipes {font-size: 11px; color: #a90101;} .friend-suggestions-row .chef .body .stats .avg-rating {font-size: 11px; color: #666; margin: 0;} .friend-suggestions-row .chef .body .stats .avg-rating .value {float: left; margin-right: 3px; padding-top: 3px;} .friend-suggestions-row .chef .discard {float: left; width: 10px; padding-top: 1px;} .friend-suggestions-row .chef .discard a {text-decoration: none; font-weight: bold; color: #aaa; display: block; width: 10px; height: 12px; text-align: center;} .friend-suggestions-row .chef .discard a:hover {color: #fff; background-color: #536ebd; text-decoration: none !important;} /* Internal recipe */ #recipe_view {} #recipe_view .breadcrumbs a {color: #ffd553;} #recipe_view .management-links {float: right;} #recipe_view .management-links a {color: #fff; font-size: 12px; float: left; margin-left: 5px; font-weight: bold;} #recipe_view .management-links a.del {color: #fadada;} #recipe_view .subpanel {padding: 5px 10px 0 10px; background: url(/images/upper-shadow.gif) no-repeat left top;} #recipe_view .subpanel .properties {float: left;} #recipe_view .subpanel .actions {float: right;} #recipe_view .subpanel .actions .action {float: left; display: block; margin-right: 5px; margin-top: 1px;} #recipe_view .subpanel .actions .fb-like {margin-top: 0;} #recipe_view .properties {color: #da6106; font-size: 12px; font-weight: bold;} #recipe_view .properties img {float: left; margin-right: 3px;} #recipe_view .properties span {float: left; margin-top: 2px; margin-right: 5px;} #recipe_view .recipe-title {padding: 10px 10px 20px 10px;} #recipe_view .recipe-title h1 {font-size: 18px; float: left; color: #da6106; margin-right: 5px;} #recipe_view .authorship {font-size: 12px; float: left; margin-top: 5px;} #recipe_view .authorship a.original {color: #da6106;} #recipe_view .body {padding: 0 10px;} #recipe_view .core {width: 493px; float: left; padding-right: 5px;} #recipe_view .description {} #recipe_view .cooking {padding-left: 10px;} #recipe_view .toolboxes {width: 168px; float: left;} #recipe_view .recipe-summary {float:left; background-color:#f7f7f7; font-family:Tahoma, Arial, sans-serif;} #recipe_view .recipe-summary td {border-right:3px solid #fff; border-bottom:3px solid #fff; width:120px; padding:1px 6px;} #recipe_view .recipe-summary td strong {font-weight:normal;} #recipe_view .recipe-summary td.cuisine img {margin-right:5px;} #recipe_view .recipe-summary td.cuisine {text-transform:uppercase;} #recipe_view #related_videos_link {float: left; margin-top: 10px;} #recipe_view .summary {margin-bottom: 10px;} #recipe_view .summary p {font-size: 13px; line-height: 130%;} #recipe_view .cooking h2 {color: #da6106; font-size: 16px;} #recipe_view .ingredients-header {margin-top: 15px;} #recipe_view .ingredients-header h2 {float: left; margin-right: 8px;} #recipe_view .ingredients-header .convert-measures {float: left; margin-top: 4px;} #recipe_view .ingredients-header .convert-measures a {color: #536ebd; font-size: 11px; font-weight: bold;} #recipe_view #ingredients {font-size: 15px; line-height: 140%; margin-top: 10px;} #recipe_view ul#ingredients {list-style: none;} #recipe_view table#ingredients .ingredient-name {width: 200px;} #recipe_view table#ingredients .ingredient-quantity {width: 150px; padding-left: 5px; text-align: right;} #recipe_view h2.directions {margin-top: 15px;} #recipe_view ol#directions {font-size: 15px; line-height: 140%; margin-top: 10px; margin-left: 25px;} #recipe_view ol#directions li {margin-top: 5px;} #recipe_view .direction-boxes {font-size:15px; line-height:140%; margin-top: 10px;} #recipe_view .direction-boxes .section {font-size:15px; font-weight:normal; margin:20px 0 10px 0; padding:0;} #recipe_view .direction-boxes .direction-box {overflow: hidden; _height: 1%; margin-bottom: 10px;} #recipe_view .direction-boxes .direction-picture {float:left; width: 85px; background-color:#fff;} #recipe_view .direction-boxes .direction-picture img {border:1px solid #A2A2A2; padding:1px;} #recipe_view .direction-boxes .direction-picture img.current {border:2px solid #DA6106 !important; padding:0px !important;} #recipe_view .direction-boxes .direction-body {margin-bottom: 8px; margin-left: 85px;} #recipe_view .no-pictures .direction-body {margin-left: 0;} #recipe_view .direction-boxes .direction-section {font-size: 15px;} #recipe_view .direction-boxes .direction-number {float: left; width: 25px;} #recipe_view .direction-boxes .direction-text {margin-left: 25px;} #recipe_view .direction-step {background-color:#fff;} #recipe_view .direction-step.current {background-color: #f0f0f0;} #recipe_view .useful-links h2 {margin-top: 15px;} #recipe_view .useful-links ul {margin-top: 10px; line-height: 150%; font-size: 13px; list-style: none;} #recipe_view .useful-links ul li a {color: #858585;} #recipe_view .embed {padding: 0 10px;} /* Related videos */ #recipe_related_videos {overflow: hidden; _height: 1%; padding: 0 10px; margin: 10px 0;} #recipe_related_videos .content {width: 650px; margin: 0 auto;} /* Adding/editing a recipe */ #recipe_steps {margin: 20px 0;} #recipe_steps ul {float:left; list-style:none;} #recipe_steps ul li {float:left; font-size:16px; color:#8c8c8c; padding-right: 20px; font-weight:bold;} #recipe_steps ul li a {color:#8c8c8c;} #recipe_steps ul li.current {color:#da6106;} #recipe_flow .loading {margin-bottom: 20px; margin-left: 70px; width: 600px;} #recipe_flow .loading .flash-spinner {margin: 0 10px 0 0;} /* Recipe form */ #recipe_form {margin-top: 30px;} #recipe_form .normal-label {width: 120px;} #recipe_form .normal-field-no-label {padding-left: 130px;} #recipe_form .complex-field {margin-left: 130px;} #recipe_form .standalone-message {margin-left: 130px;} #recipe_form #recipe_title {width:400px;} #recipe_form #recipe_ingredients, #recipe_form #recipe_directions {height:200px; width:400px;} #recipe_form #recipe_summary {height:150px; width:400px;} #recipe_form #recipe_servings {width:30px;} #recipe_form #recipe_servings_type {width:74px;} #recipe_form #recipe_servings {margin-right:2px;} #recipe_form .rating {float:left;} #recipe_form .time-numbers {width: 30px;} #recipe_form .time-units {width: 80px; height: 21px; margin-left: 2px; text-transform: lowercase;} #recipe_form #switch_to_step_by_step, #recipe_form #switch_to_list {font-size:11px;} #recipe_form #switch_to_list {display:none;} #recipe_form #directions {float:left;} #recipe_form #directions input, #recipe_form #directions textarea{float:none;} #recipe_form #direction_steps {display:none;} #recipe_form .alt-directions #switch_to_step_by_step {display:none;} #recipe_form .alt-directions #switch_to_list {display:inline;} #recipe_form .alt-directions #direction_steps {display:block;} #recipe_form .alt-directions #direction_list {display:none;} #direction_steps ol {list-style:none; padding:5px 0 0 0; border-top:1px dotted #e0e0e0;} #direction_steps ol li {padding:0 0 5px 0; border-bottom:1px dotted #e0e0e0; margin:0 0 5px 0;} #direction_steps .add-direction-steps {line-height:18px;} #direction_steps .add-direction-steps a {color:#536ebd; font-size:11px;} #direction_steps table {width:516px; margin:0; padding:0;} #direction_steps table td {vertical-align:middle;} #direction_steps .add-direction-step {overflow:hidden; _height:1%;} #direction_steps .direction-title {width:45px;} #direction_steps .direction-text input {width:355px;} #direction_steps .direction-preview-picture {text-align:center; width:80px;} #direction_steps .move {text-align:center; width:30px;} #direction_steps .photo-label {text-align:left;} #direction_steps .photo-file {text-align:left;} /* External recipe */ #external_recipe #container {width: 100%; height: 100%; margin: 2px auto 0 auto;} #external_recipe #content {background-color: #fff; height: 100%;} #external_recipe #content .header-band, #embedded_recipe_header {background: #fff url(/images/shadow-band-upper.png) repeat-x 0 100%;} #embedded_recipe_header .tabs-bar ul li.active {background: #fff none;} #embedded_recipe_header {background-color: #fff; width: 945px; margin: 0 auto; margin-bottom: 10px;} #embedded_recipe_header h1.recipe-title {float: left; width: 350px;} #embedded_recipe_header h1.recipe-title span.author {font-size: 12px; color: #858585; font-weight: normal;} #embedded_recipe_header .recipe-tools {padding: 10px 0;} #embedded_recipe_header .rating-widget {float: left; margin-left: 50px; display: inline;} #embedded_recipe_header .toolbar {float: left; width: 120px; margin-left: 30px; display: inline;} #embedded_recipe_header .toolbar a {font-size: 14px; color: #da6106; font-weight: bold; line-height: 140%;} #embedded_recipe_header .toolbar p.caution a{color: red;} #embedded_recipe_header .similar-recipes {width: 200px; float: left; margin-left: 20px;} #embedded_recipe_header .similar-recipes h4 {color: #da6106; margin-bottom: 5px; font-size: 14px;} #embedded_recipe_header .pic {float: left; width: 40px;} #embedded_recipe_header .similar-recipes .title {float: left; font-size: 14px; width: 160px;} #embedded_recipe_header .tabs-bar ul {float: left; list-style: none;} #embedded_recipe_header .tabs-bar ul li {font-size: 14px; float: left;} #embedded_recipe_header .tabs-bar ul li a {color: #000; text-decoration: none; background: url(/images/tabs/tab-left.png) no-repeat; float: left; line-height: 24px; padding-left: 8px;} #embedded_recipe_header .tabs-bar ul li a span {display: block; float: left; background: url(/images/tabs/tab-right.png) no-repeat 100% 0; padding: 8px 20px 5px 12px;} #embedded_recipe_header .tabs-bar ul li.active a {background-position: 0 -36px;} #embedded_recipe_header .tabs-bar ul li.active a span {background-position: 100% -36px;} #embedded_recipe_header .tabs-bar ul li.active a {color: #da6106; font-weight: bold;} #embedded_recipe_header .tabs-bar ul li a:hover {text-decoration: underline;} #embedded_recipe_header .close-frame {position: absolute; right: 15px; top: 200px;} #embedded_recipe_header .close-frame a {color: #da6106; font-size: 13px;} #external_recipe .content-area {width: 1000px; margin: 0 auto;} #external_recipe #discussion {width: 665px; padding: 10px; float: left; background: url(/images/box/border-right.png) repeat-y 100% 0; margin-bottom: 10px;} #external_recipe #sidebar {float: left; width: 300px; padding-left: 10px; } #external_recipe .abl-sidebar {margin-left: 0;} #external_recipe .top-message {margin: 10px 0;} #mypages_main_content {padding: 5px 10px;} #mypages_main_content .section {overflow: hidden; _height: 1%;} #mypages_main_content .section .header {margin: 20px 0 10px 0;} #mypages_main_content .section .header h3 {font-size: 16px; color: #536ebd;} #mypages_main_content .section .body p {font-size: 13px; line-height: 140%;} #mypages_main_content .scrollable-content {overflow: auto; height: 300px;} #mypages_main_content .notifications-row {overflow: hidden; _height: 1%; margin: 12px 0;} #mypages_main_content .printed-recipe {float: left; width: 320px;} #mypages_main_content .printed-recipe .info {float: left;} #mypages_main_content .printed-recipe .info .description {margin:0 3px; padding:0 3px; text-align:left;} #mypages_main_content .printed-recipe .rate-teaser {margin-top:5px;} #mypages_main_content .printed-recipe .rate-teaser .big-rating {margin-top:5px; float:left;} #mypages_main_content .printed-recipe .rate-teaser .actions {margin-left:10px; margin-top:8px; float:left;} #mypages_main_content .printed-recipe .rate-teaser .actions a {color: #da6106; font-size: 11px;} #mypages_main_content .request {float: left; width: 320px;} #mypages_main_content .request .picture {float: left; width: 85px;} #mypages_main_content .request .body {margin-left: 85px; width: 225px;} #mypages_main_content .request .body .title .link a {font-size: 12px; font-weight: bold;} #mypages_main_content .request .body .message {font-size: 11px; margin-top: 5px;} #mypages_main_content .request .body .controls {margin-top: 5px; color: #969696; font-size: 12px;} #mypages_main_content .request .body .controls {margin-top: 2px; padding: 3px 0;} #mypages_main_content .request .body .controls a.reject {text-decoration: underline;} #mypages_main_content .request .body .controls a:hover {color: #f3922b;} /* Followers */ #mypages_main_content .connections {margin: 10px 0;} #mypages_main_content .connections .header {color: #536ebd; margin-bottom: 20px;} #mypages_main_content .connections .teaser {color: #333; font-size: 13px; line-height: 140%;} #mypages_main_content .connections .teaser a {color: #536ebd; font-weight: bold;} /* Recipes by following */ #mypages_main_content .recipes-by-following {margin: 10px 0;} #mypages_main_content .recipes-by-following .header {color: #536ebd; margin-bottom: 20px;} /* My Stuff Page */ #mypages_notifications #mypage {margin:0 10px 10px 10px;} #mypages_notifications #mypage #profile_teaser {margin:10px 0;} #mypages_notifications #mypage h3 a.view-all {color:#000; font-size:8px font-weight:normal;} #mypages_notifications #mypage h3 {overflow:hidden; _height:1%;} #mypages_notifications #mypage h3 span.title {float:left;} #mypages_notifications #mypage h3 a.view-all {float:right; padding-top:2px; padding-right:10px; color:#344002; font-size: 11px;} .membership-request .accept-button {width:64px; float:none;} .membership-request .controls {float:left; font-size:12px; font-weight:bold; color:#969696; width:85px; padding:15px 5px 5px 5px;} .membership-request .controls a {color:#D37027;} #mypages_notifications #mypage h3 { font-size:14px; padding:10px 0 5px 0;} #mypages_notifications #mypage .picture img {border:1px solid #A2A2A2; padding:1px;} #mypages_notifications .recipes-list .picture {float:left; padding-right: 3px;} #mypages_notifications .recipes-list .description {margin:3px; font-size:12px; float:left; width:220px;} #mypages_notifications .recipes-list .description a.recipe-link {color:#da6106; padding-right:5px; font-weight:bold;} #mypages_notifications .recipes-list .description a.recipe-link:hover {color:#f3922b;} #mypages_notifications .recipes-list .description .stats {margin:5px 0; width:85px; font-size:10px; font-family:Tahoma, Arial, sans-serif; color:#858585;} #mypages_notifications .recipes-list .description .stats a, #mypages_notifications .recipes-list .description .stats span.votes {color:#858585; font-weight:bold;} #mypages_notifications .recipes-list .description .stats a:hover {color:#344042;} #mypages_notifications .recipes-list .description .stats span.small-rating {_height:1%;} /* For rating to render correctly in IE6 */ #mypages_notifications .recipes-list .description .author {font-size:11px; color:#505050; line-height: 130%;} /* Status updates */ .status-updates {} .status-updates .status-update {background-color: #f7f7f7; margin: 10px 0; padding: 10px; width: 600px;} .status-updates .status-update .message {font-size: 14px; color: #333;} .status-updates .status-update .actions {font-size: 12px; color: #666; margin-top: 10px;} .status-updates .status-update .actions a.remove {color: #666; display: none;} .status-updates .status-update .actions form {margin: 0; padding: 0; display: inline;} #news_feed .body {padding: 0 10px 10px 10px;} #news_feed .feed-empty {color: #536ebd; margin: 20px 0;} #news_feed .lower-panel {} #news_feed a.older-posts {color: #536ebd; font-weight: bold; font-size: 12px;} #news_feed .filters {float: right;} #news_feed .filters .filter {font-size: 12px; float: left; margin-left: 8px;} #news_feed .filters a.filter {color: #fff;} #news_feed .filters span.current {font-weight: bold; color: #fff;} #news_feed .event {margin: 20px 0; width: 600px;} #news_feed #events_loading {font-size: 15px; color: #858585; padding: 5px 0 10px 0;} #news_feed #events_loading .loader {float: left;} #news_feed #events_loading .text {float: left; padding-left: 5px;} #news_feed .event {overflow: hidden; _height: 1%;} #news_feed .event .picture {width: 45px; float: left;} #news_feed .event .data {margin-left: 45px;} #news_feed .event .data .title {overflow: hidden; _height: 1%;} #news_feed .event .data .title .story-text {font-size: 13px;} #news_feed .event .data .title .date {color: #858585; font-size: 12px;} #news_feed .event .data .title a {font-weight: bold;} #news_feed .event .data .object {margin-top: 10px;} #news_feed .event .data .object .picture {width: 85px;} #news_feed .event .data .object .description {margin-left: 85px;} #news_feed .event .data .object .description-without-picture {margin-left: 0;} #news_feed .event .data .object .description .item-title {font-size: 13px; overflow: hidden; _height: 1%;} #news_feed .event .data .object .description .item-title .title-summary {} #news_feed .event .data .object .description .item-title .rating-summary {color: #858585; margin-left: 5px;} #news_feed .event .data .object .description .item-title a {font-weight: bold;} #news_feed .event .data .object .description .rating {margin-top: 5px; margin-bottom: 5px;} #news_feed .event .data .object .description .summary {color: #333; margin-top: 5px; font-size: 13px; width: 300px;} #news_feed .event .data .object .description .items-list {margin-top: 5px; overflow: hidden; _height: 1%;} #news_feed .event .data .object .description .items-list .items-group {overflow: hidden; _height: 1%; margin-top: 10px;} #news_feed .event .data .object .description .items-list .item {margin-right: 15px; float: left; width: 75px;} #news_feed .event .data .object .description .items-list .item .item-title {text-align: center; margin-top: 5px; font-size: 11px;} #news_feed .event .data .object .description .links {margin-top: 5px;} #news_feed .event .data .object .description .links a {color: #666; font-size: 12px;} #news_feed .event .data .object .description .links a:hover {color: #858585;} #thanksgiving_2008 .standings {padding: 10px;} #thanksgiving_2008 h1 {color: #da6106; margin: 20px 5px;} #thanksgiving_2008 .top-10 {width: 90%; margin-left: 5px;} #thanksgiving_2008 .winner-recipes {border: 1px solid #D4A017; padding: 10px 10px 5px 10px; margin-bottom: 10px;} #thanksgiving_2008 .recipes .award {padding-left: 5px;} #thanksgiving_2008 .recipes .title {font-size: 14px;} #thanksgiving_2008 .recipes .author {font-size: 14px;} #thanksgiving_2008 .rest-recipes {padding: 10px 10px 5px 10px;} #thanksgiving_2008 #sidebar .awards-section {padding-left: 25px;} #thanksgiving_2008 #sidebar h3 {font-size: 15px; color:#990000; margin-bottom: 10px;} #thanksgiving_2008 #sidebar .awards img {margin-right: 20px; margin-bottom: 10px;} .big-rating {background: url(/images/ratings/big.png) repeat-x scroll left top; list-style-type: none; position: relative; width: 100px; height: 18px; margin: 0; padding: 0;} .big-rating li {float: left;} .big-rating li.current-rating {display: block; position: absolute; background: url(/images/ratings/big.png) repeat-x left center; height: 18px; z-index: 1; text-indent: -9999px; left: 0;} .big-rating li a {position: absolute; display: block; width: 10px; height: 18px; z-index: 10; text-indent: -9999px; font-size: 0;} .big-rating li a:hover {left: 0; z-index: 2;} .big-rating li a.left:hover {left: 0; background: url(/images/ratings/big.png) repeat bottom left;} .big-rating li a.right:hover {left: 0; background: url(/images/ratings/big.png) repeat bottom right;} .big-rating li a.rating-1 {left: 0;} .big-rating li a.rating-1:hover {width: 10px;} .big-rating li a.rating-2 {left: 10px;} .big-rating li a.rating-2:hover {width: 20px;} .big-rating li a.rating-3 {left: 20px;} .big-rating li a.rating-3:hover {width: 30px;} .big-rating li a.rating-4 {left: 30px;} .big-rating li a.rating-4:hover {width: 40px;} .big-rating li a.rating-5 {left: 40px;} .big-rating li a.rating-5:hover {width: 50px;} .big-rating li a.rating-6 {left: 50px;} .big-rating li a.rating-6:hover {width: 60px;} .big-rating li a.rating-7 {left: 60px;} .big-rating li a.rating-7:hover {width: 70px;} .big-rating li a.rating-8 {left: 70px;} .big-rating li a.rating-8:hover {width: 80px;} .big-rating li a.rating-9 {left: 80px;} .big-rating li a.rating-9:hover {width: 90px;} .big-rating li a.rating-10 {left: 90px;} .big-rating li a.rating-10:hover {width: 100px;} .small-rating {background: url(/images/ratings/small.png) repeat-x scroll left top; list-style-type: none; position: relative; width: 50px; height: 8px; margin: 0; padding: 0; display: block;} .small-rating li {float: left; position: relative;} .small-rating li.current-rating {display: block; position: absolute; background: url(/images/ratings/small.png) repeat-x left center; height: 8px; z-index: 1; text-indent: -9999px; left: 0; font-size: 1px;} .small-rating li a {position: absolute; display: block; width: 5px; height: 8px; z-index: 10; text-indent: -9999px; font-size: 0;} .small-rating li a:hover {left: 0; z-index: 2;} .small-rating li a.left:hover {left: 0; background: url(/images/ratings/small.png) repeat bottom left;} .small-rating li a.right:hover {left: 0; background: url(/images/ratings/small.png) repeat bottom right;} .small-rating li a.rating-1 {left: 0;} .small-rating li a.rating-1:hover {width: 5px;} .small-rating li a.rating-2 {left: 5px;} .small-rating li a.rating-2:hover {width: 10px;} .small-rating li a.rating-3 {left: 10px;} .small-rating li a.rating-3:hover {width: 15px;} .small-rating li a.rating-4 {left: 15px;} .small-rating li a.rating-4:hover {width: 20px;} .small-rating li a.rating-5 {left: 20px;} .small-rating li a.rating-5:hover {width: 25px;} .small-rating li a.rating-6 {left: 25px;} .small-rating li a.rating-6:hover {width: 30px;} .small-rating li a.rating-7 {left: 30px;} .small-rating li a.rating-7:hover {width: 35px;} .small-rating li a.rating-8 {left: 35px;} .small-rating li a.rating-8:hover {width: 40px;} .small-rating li a.rating-9 {left: 40px;} .small-rating li a.rating-9:hover {width: 45px;} .small-rating li a.rating-10 {left: 45px;} .small-rating li a.rating-10:hover {width: 50px;} .small-rating span.current-rating {display: block; background: url(/images/ratings/small.png) repeat-x left center; height: 8px; z-index: 1; text-indent: -9999px; left: 0; font-size: 1px;} /* Small onmouseover popups */ .popup-info {font-family: Tahoma, Arial, sans-serif; background-color: #f3f3f3; border: 1px solid #dbd9dc; padding: 10px; width: 260px;} .popup-info h4 {color: #536ebd; margin-bottom: 5px;} .popup-info p {margin: 10px 0; font-size: 1.1em; text-indent: 1em; } /* Links that look as buttons */ .link-button {display: block; float: left;} .link-button a {text-decoration: none; display: block;} .link-button .link-button-l {background: url(/images/buttons.png) no-repeat top left; font-size: 11px; color: #fff; display: block; float: left; cursor: pointer; border: none; overflow: hidden;} .link-button .link-button-l {height: 21px; padding: 3px 13px 0 15px; font-family: 'lucida grande', tahoma, arial, sans-serif; font-weight: bold;} .link-button .link-button-r {width: 2px; float: left; display: block; height: 21px; background: url(/images/buttons.png) no-repeat -248px 0;} .link-button-alt .link-button-l {background-position: 0 -242px;} .link-button-alt .link-button-r {background-position: -248px -242px;} .link-button input.link-button-l, .link-button button.link-button-l {padding: 0 13px 2px 15px;} .link-button input.go, .link-button button.go {padding: 0 7px 2px 9px; text-transform: uppercase;} .link-button-alt2 .link-button-l {background-position: 0 -121px;} .link-button-alt2 .link-button-r {background-position: -248px -121px;} .link-button-hot .link-button-l {background-position: 0 -363px;} .link-button-hot .link-button-r {background-position: -248px -363px;} #sidebar .link-button {margin-right: 3px;} /* Boxes with shadows and optional colored header bar header */ .box .box-top, .box .box-bottom, .box .box-corner {background-image: url(/images/box/box.png);} .box .box-body, .box .box-left {background-image: url(/images/box/borders.png); background-repeat: repeat-y;} .box .box-top, .box .box-bottom, .box .box-corner {background-repeat: no-repeat;} .box-grad .box-top, .box-grad .box-bottom, .box-grad .box-corner {background-image: url(/images/box/box-gradient.png);} .box-short-grad .box-top, .box-short-grad .box-bottom, .box-short-grad .box-corner {background-image: url(/images/box/box-gradient.png);} .box .box-spacer {height: 10px;} .box .box-corner {display: inline; float: left; width: 10px; height: 10px;} .box .box-corner, .box .box-left {margin-left: -10px;} .box .box-top, .box .box-body, .box .box-bottom, .box .box-bar {margin-left: 10px;} .box .box-top, .box .box-bar {background-position: right top;} .box .box-left {padding-left: 4px;} .box .box-body {background-position: 100% 0; padding-right: 4px;} .box .box-bottom {background-position: bottom right;} .box .box-top .box-corner {background-position: top left; } .box .box-bottom .box-corner {background-position: bottom left;} .box .box-bar, .box .box-bar .box-corner {background-image: url(/images/box/box-header-green.png);} .box-alt .box-bar, .box-alt .box-bar .box-corner {background-image: url(/images/box/box-header-blue.png);} .box-hot .box-bar, .box-hot .box-bar .box-corner {background-image: url(/images/box/box-header-red.png);} .box-modal .box-bar, .box-modal .box-bar .box-corner {background-image: url(/images/box/box-header-modal.png);} .box .box-bar .box-corner, .box .box-bar .box-title {height: 25px;} .box-modal .box-bar .box-corner, .box-modal .box-bar .box-title {height: 30px;} .box .box-bar .title {display: block; font-size: 12px; font-weight: bold; padding-left: 4px; padding-top: 8px; color: #fff;} .box-modal .box-bar .title {padding-top: 10px;} .box .contents {padding: 5px 10px; overflow: hidden; _height: 1%; background-color: #fff;} .box-grad .contents, .box-short-grad .contents {background-color: #fbf2b3; background-repeat: repeat-x; background-position: bottom left;} .box-grad .contents {background-image: url(/images/box/bg-gradient.png);} .box-short-grad .contents {background-image: url(/images/box/bg-gradient-short.png);} /* Sections with headers */ .section .section-top {margin-left: 10px;} /* .section .section-top, .section .section-top .section-corner {background-image: url(/images/box/box-header-green-no-shadow.png);} */ .section-alt .section-top, .section-alt .section-top .section-corner {background-image: url(/images/box/box-header-blue-no-shadow.png);} .section-alt2 .section-top, .section-alt2 .section-top .section-corner {background-image: url(/images/box/box-header-orange-no-shadow.png);} .section .section-top .section-corner, .section .section-top .section-title {height: 25px;} .section .section-top {background-position: right top;} .section .section-top .section-corner {background-position: top left; } .section .section-corner {display: inline; float: left; width: 10px;} .section .section-corner {margin-left: -10px;} .section-shadow {margin-left: 150px;} .section-shadow .section-spacer {height: 6px;} .section-shadow, .section-shadow .section-shadow-left {background-image: url(/images/box/box-shadow-lower.png); background-repeat: no-repeat; font-size: 1px;} .section-shadow {background-position: top right;} .section-shadow .section-shadow-left {background-position: top left;} .section-shadow .section-shadow-left {display: inline; float: left; width: 150px; height: 6px; margin-left: -150px;} .section .section-title .title {display: block; font-size: 13px; font-weight: bold; padding-top: 5px; color: #fff; float: left;} .section .section-body {padding: 5px; overflow: hidden; _height: 1%; clear: both;} .section .section-top .section-options {float: right; padding-right: 10px; font-size: 12px;} .section .section-top .section-options a {display: block; float: left; margin-left: 10px; color: #fff; text-decoration: none; padding-top: 5px;} .section .section-top .section-options a.current {color: #fdf4a4;} .section .section-top .section-options a:hover {text-decoration: underline;} /* Tooltips (provided by jquery.tooltip) */ #tooltip {position: absolute; padding: 5px 7px; z-index: 3000; border: 1px solid #da6106; color: #333; font-size: 13px; background-color: #fff;} #tooltip h3, #tooltip div {margin: 0;} .wide-tooltip {width: 400px !important;} #tooltip p {margin: 7px 0; line-height: 130%;} #tooltip p a {color: #536ebd; font-weight: bold;} /* General page with some status */ .status-page p.operation-success {font-size: 14px !important;} .status-page ul.follow-up {font-size: 14px; margin-top: 10px; margin-left: 20px;} .status-page ul.follow-up li {margin-top: 3px;} .status-page ul.follow-up a {color: #da6106; font-weight: bold; line-height: 150%;} /* Status text in modal box */ .modal-box-status {overflow: hidden; _height: 1%;} .modal-box-status p {font-size: 13px; line-height: 130%; margin: 5px 0;} .modal-box-status p a {color: #536ebd;} .modal-box-status a.close-box {color: #da6106; float: right; font-size: 13px;} /* Facebook connect */ a.fbconnect-login-button {cursor: pointer;} /* Menus */ .menu .menu-item .submenu {display: none;} /* Sidebars */ #sidebar {float: left; padding: 0 0 15px 0;} .two_columns #sidebar{width: 306px;} .three_columns #sidebar {width: 242px;} #frontpage #sidebar {width: 306px;} #sidebar .abl-sidebar {margin-left: 5px; padding-bottom: 10px;} #sidebar #new_feature_themes p {padding-left:3px;} /* Sidebar headers */ #sidebar h4 {color:#fff; font:bold 12px Arial, sans-serif; padding:2px 8px; overflow: hidden; _height: 1%;} #sidebar h4.recipe {background-color:#da6106;} #sidebar h4.social {background-color:#536ebd;} #sidebar h4.group {background-color:#da6106;} #sidebar h4.theme {background-color:#536ebd;} #sidebar h4.other {background-color:#69b20a;} #sidebar h4 span.title {float:left;} #sidebar h4 span.view-all {float:right;} #sidebar h4 span.view-all a {font-size:9px; color:#fff;} /* Sidebar-embedded general purpose sections */ #sidebar .sidebar-section {margin: 5px 6px 10px 7px; overflow: hidden; _height: 1%;} #sidebar .sidebar-section .section-title {font-size: 12px; color: #fff; font-weight: bold; padding: 2px 8px;} #sidebar .sidebar-section .section-body {padding-left: 5px;} #sidebar .clean-sidebar-section .section-body {padding-left: 0;} #sidebar .sidebar-section .section-body .teaser-text {margin: 5px 0; line-height: 130%; font-size: 11px;} #sidebar .sidebar-section .section-body .buttons .link-button {margin-right: 5px;} #sidebar .recipe-sidebar-section .section-title {background-color: #da6106;} #sidebar .social-sidebar-section .section-title {background-color: #536ebd;} #sidebar .teaser-sidebar-section .section-title {font-size: 13px; color: #da6106; padding-left: 5px;} #sidebar .teaser-sidebar-section .section-body .links a {font-size: 12px; color: #858585; font-weight: bold; margin-right: 5px;} /* Sidebar notifications */ #sidebar .notifications {padding-top: 5px; border-bottom: 1px solid #536ebd; padding-bottom: 10px;} #sidebar .notification {color: #536ebd; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; padding-top: 3px; overflow: hidden; _height: 1%;} #sidebar .notification span.image {float: left; margin-right: 5px;} #sidebar .notification span.text {float: left;} #sidebar .notification span.new {color: red; font-weight: bold; font-family: Arial, sans-serif;} #sidebar .notification a {color: #536ebd; font-weight: bold;} #sidebar #signup_box h2 span.its-free {top: 0;} #sidebar #signup_box h2 {text-align: left;} #sidebar #signup_box .benefits {color:#858585; padding-top: 5px; line-height: 130%;} #sidebar #signup_box .form-description {color:#858585; padding-bottom: 10px;} #sidebar #signup_box label {color: #858585;} #sidebar #signup_box .inner {overflow: hidden; _height: 1%;} #sidebar #signup_box .fb-connect-prompt {margin-top: 5px; overflow: hidden; _height: 1%;} #sidebar #signup_box .fb-connect-prompt .button {margin-top: 3px;} #sidebar ul.terms {list-style: none; font-size: 11px;} #sidebar ul.terms li {margin: 5px 0;} #sidebar ul.terms li a {color:#536ebd; font-size:13px; line-height: 130%;} #sidebar .recipes {font-family:Tahoma, Arial, sans-serif;} #sidebar .recipes .recipe {overflow:hidden; _width:100%; margin-top:5px;} #sidebar .recipes .recipe .picture {float:left; width: 40px; padding-top: 2px;} #sidebar .recipes .recipe .picture img {padding:1px; border:1px solid #a2a2a2;} #sidebar .recipes .recipe .title {width:175px; float: left;} #sidebar .recipes .recipe .title a {font-size:13px; color:#da6106;} #sidebar .recipes .recipe .title a:hover {color:#f3922b;} #sidebar .recipes .recipe .rating {float: right; width: 50px; padding-right: 5px; padding-top: 6px;} #sidebar .view-all-list {margin-top:5px; margin-bottom:10px;} #sidebar .view-all-list .recipes {margin-top:0; margin-bottom:0;} #sidebar .view-all-list .view-all {margin-top: 5px;} #sidebar .view-all-list .view-all a {color: #da6106;} #sidebar .groups {font-family:Tahoma, Arial, sans-serif;} #sidebar .groups .group {overflow:hidden; _height:1%; margin-top: 5px;} #sidebar .groups .group .picture {float:left; width: 40px; padding-top: 2px;} #sidebar .groups .group .picture img {border:1px solid #a2a2a2; padding:1px;} #sidebar .groups .group .title {float: left;} #sidebar .groups .group .title a {font-size: 13px; color:#536ebd;} /* Featured chef below signup box in sidebar */ #sidebar .featured-chef {} #sidebar .featured-chef h3 {font-size:13px; font-family:Tahoma, Arial, sans-serif; color:#DA6106; line-height:120%;} #sidebar .featured-chef h3 span {color:#7CB201;} #sidebar .featured-chef .user {overflow:hidden; _height:1%; padding-bottom:5px; margin-top: 5px;} #sidebar .featured-chef .user .picture {float:left; width:80px;} #sidebar .featured-chef .user .summary {margin-left:80px;} #sidebar .featured-chef .user .summary a {color:#536ebd; font-weight:bold;} /* Sidebar user card */ #sidebar .user-card {padding:5px 0; overflow:hidden; _width:100%; font-family:Tahoma, Arial, sans-serif; margin-bottom:5px;} #sidebar .user-card img {padding:1px; border:1px solid #a2a2a2; float:left;} #sidebar .user-card .user-info {float:left; width:169px; margin-left:5px;} #sidebar .user-card .user-info h2.user-name {color:#536ebd; font-size:13px; margin-top:3px;} #sidebar .user-card .user-info h2.tagline {color:#536ebd; font-size:12px; font-family:Arial, sans-serif;} #sidebar .user-card .user-info h2 a {color:#536ebd;} #sidebar .user-card .user-info p { margin-top:3px;} #sidebar .user-card .user-info p .user-recipes-info a {color:#a90101; font-weight:bold; font-size: 10px;} #sidebar .user-card .user-info p strong {font-weight:normal; color:#536ebd;} #sidebar .friendship-controls {font-size:12px; padding:0 0 10px 0;} #sidebar .friendship-controls .with-notice {margin-bottom:3px;} /* REFACTOR BELOW */ #sidebar .group-card {padding:5px 0; overflow:hidden; _width:100%; font-family:Tahoma, Arial, sans-serif; margin-bottom:5px;} #sidebar .mini-card img {float:left; padding:1px; border:1px solid #a2a2a2; margin-right:5px;} #sidebar .big-card {width:164px; float:left;} #sidebar .gallery .viewer {text-align:center; width:154px;} #sidebar .gallery .images table {width:154px; height:154px;} #sidebar .group-card .group-info {margin-left:0px; } /* Recently viewed recipes */ #sidebar .recently-viewed-recipes div.view-all {text-align:right; font-size:13px; margin-bottom:7px;} #sidebar .recently-viewed-recipes div.view-all a {color:#DA6106;} #sidebar .recently-viewed-recipes div.view-all a:hover {color:#F3922B;} /* Truncated text with "more >>" */ .text-with-more .full-text {display: none;} input.text, textarea, select {font-size: 13px; border: 1px solid #d0d0d0; font-family: Arial, sans-serif; padding: 2px;} /* Standard form */ .standard-form .cancel-action {margin-left: 5px; line-height: 170%;} .standard-form .cancel-action a {color: #da6106; font-weight: bold;} .standard-form .cancel-action a.skip-step {color: #858585; font-weight: normal;} .standard-form {margin-top:10px; font-size: 13px;} .standard-form .page-header {margin-left: 160px;} .standard-form .sub-header {margin-left: 180px;} .standard-form .field {margin-top: 10px; clear: left; overflow: hidden; _height: 1%;} .standard-form .field label {white-space: nowrap;} .standard-form .field label.multiline-label {white-space: normal;} .standard-form .complex-field {margin-left: 160px;} .standard-form .field img.field-favicon {vertical-align: middle;} .standard-form .closer-to-upper-field {margin-top: 5px;} .standard-form .further-from-upper-field {margin-top: 20px;} .standard-form .further-from-siblings {margin-top: 20px; margin-bottom: 20px;} .standard-form .with-space-below {padding-bottom: 20px;} .standard-form .error {color: #d30101;} .standard-form input.text {width: 200px; float: left;} .standard-form textarea.text {float: left;} .standard-form .with-autocomplete {float: left;} .standard-form input.file {float: left;} .standard-form select {float: left; width: 206px;} /* Compensate select width */ .standard-form input.japanese-name-part {width: 80px; float: left;} .standard-form label.for-checkbox span {padding-left:3px;} .standard-form label.emphasized {font-weight: bold;} .standard-form .message {float: left; margin-left: 10px; padding-top: 3px; width: 300px;} .standard-form .multiline-message {padding-top: 0;} .standard-form .standalone-message {margin-left: 160px;} .standard-form .form-description {width: 480px; line-height: 130%;} .standard-form .fb-connect-prompt #fb_login_image {vertical-align: middle; margin-left: 5px; margin-bottom: 5px;} .standard-form .scroll-checkboxes {width: 195px; height: 100px; padding: 5px; overflow: auto; border: 1px solid #d0d0d0; line-height: 150%;} .standard-form .wider-scroll-checkboxes {width: 300px;} .standard-form .scroll-checkboxes span {padding-left: 3px;} .standard-form .normal-label {width:150px; text-align:right; padding-right:10px; float:left; font-size:13px; font-weight:bold; padding-top: 3px;} .standard-form .normal-label a.change-field {font-weight:normal; font-size:11px; color:#536ebd; text-decoration:underline;} .standard-form .japanese-name-label {width: 20px;} .standard-form .normal-field-no-label {padding-left: 160px;} .standard-form input.big-text {padding:3px; font-size:16px; width:250px; font-weight:bold;} .standard-form input.checkbox {vertical-align:middle;} .standard-form .button-row .link-button {margin-right: 5px;} .standard-form .field .field-link {margin-top:3px;} /* Filter form */ .filter-form {color: #fff; font-size: 11px; padding: 12px 10px 5px 10px; background: #657fcc url(/images/filter-blue-bg.gif) no-repeat;} .recipes-filter {background: #6fb006 url(/images/filter-green-bg.png) no-repeat;} .filter-form a {color: #fff;} .filter-form .searchbox {overflow:hidden; _height:1%;} .filter-form .searchbox .left {float:left; display: block; width: 4px; height: 21px; background: url(/images/search-blue-left.gif) no-repeat;} .filter-form .searchbox input.text {float:left; border: none; height: 21px; width: 250px; padding: 0 2px 0 3px;} .filter-form .searchbox .link-button {float:left;} .filter-form .filter-row {padding-top: 2px; padding-bottom: 2px; line-height: 150%;} .filter-form .filter-row label {margin-left: 5px; white-space: nowrap;} .filter-form .filter-row input.checkbox {vertical-align: middle;} .filter-form .filter-row a, .filter-form .filter-row span.current-sorting {margin-left: 2px;} .filter-form span.current-sorting {font-weight: bold;} .filter-form .language-box {float: right; margin-top: -2px;} .filter-form .language-box select {font-size: 11px; width: 100px; padding: 1px;} .filter-form .recipes-search .left {background: url(/images/search-green-left.png) no-repeat;} .filter-form .searchbox input.text {background: url(/images/search-bg.gif) repeat-x;} .filter-form .users-search, .filter-form .recipes-search {padding-top: 5px;} #time_involved_box {float:right; margin-top: -2px; margin-right:5px;} #time_involved_box select {font-size:11px; padding:1px; width:140px;} /* Validation messages states */ .standard-form .field .error-on, .inline-form .field .error-on {display: block;} .standard-form .error-empty .is-empty, .inline-form .error-empty .is-empty {display: block;} .standard-form .error-not-valid .is-not-valid, .inline-form .error-not-valid .is-not-valid {display: block;} .standard-form .error-not-match .does-not-match, .inline-form .error-not-match .does-not-match {display:block;} .field .error {display:none;} /* Inline form */ .inline-form .form-description p.explanation-text {font-size: 12px; margin: 15px 10px;} .inline-form .field {margin-top: 3px; overflow: hidden; _height: 1%; font-size: 13px;} .inline-form .field label.normal-label {float: left; text-align: right; width: 35%; padding-right: 10px; padding-top: 3px; white-space: nowrap; font-weight: bold;} .inline-form .field label.fixed-label {width: 150px;} .inline-form .field label.japanese-name-label {width: 20px;} .inline-form .field input.text {width: 55%; float: left;} .inline-form .field textarea.text {width: 55%; float: left; height: 80px;} .inline-form .field input.japanese-name-part {width: 60px; float: left;} .inline-form .field select {width: 57%; float: left;} .inline-form .message {margin-left: 35%; padding-top: 3px; padding-left: 10px;} .inline-form .field .small-text {font-size: 11px;} .inline-form .button-row .link-button {margin-right: 5px;} .inline-form .normal-field-no-label {margin-left: 35%; padding-left: 10px;} .inline-form .normal-field-for-fixed-label {margin-left: 150px; padding-left: 10px;} .inline-form .far-from-previous {margin-top: 10px;} .inline-form .further-from-siblings {margin-top: 5px; margin-bottom: 5px;} .inline-form .fb-connect-prompt {color: #858585; font-size: 11px; padding-right: 15px; margin-top: 5px; float: right; width: 250px;} .inline-form .fb-connect-prompt .teaser {float: left; padding-right: 5px; text-align: right; width: 150px;} .inline-form .fb-connect-prompt .button {float: right; padding-top: 3px;} * html .inline-form .fb-connect-prompt .button {padding-bottom: 5px;} .inline-form input.checkbox {vertical-align: middle;} .inline-form .top-text p {font-size: 12px; margin: 5px 0; line-height: 130%;} .inline-form .top-text p.signature {text-align: right;} .modal-box .inline-form {padding-top: 10px;} .inline-form .fb-connect-prompt #fb_login_image {vertical-align: middle; margin-left: 2px;} /* Inline form on sidebar */ .sidebar-form .field {font-size: 11px;} .sidebar-form .field label {font-weight: bold; display: block;} .sidebar-form .field input.text {width: 90%; margin: 2px 0 3px 0 !important; font-size: 12px;} .sidebar-form .field select {width: 93%; font-size: 12px; margin: 2px 0 3px 0 !important;} .sidebar-form .further-from-siblings {margin-top: 5px; margin-bottom: 5px;} /* Special overrides for certain values */ .field select.us-state-select {width: 65px !important;} .field input.zip-code {width: 60px !important;} /* Specific forms */ .import-contacts-form {margin-top: 20px;} .import-contacts-form .normal-label {width: 100px;} .import-contacts-form .normal-field-no-label {padding-left: 110px;} .import-contacts-form .footnote {font-size: 11px; color: #858585;} .enter-contacts-form {margin-top: 20px;} .enter-contacts-form .normal-label {width: 70px;} .enter-contacts-form textarea {width: 500px; height: 80px;} .enter-contacts-form #message {height: 160px;} .enter-contacts-form .normal-field-no-label {padding-left: 80px;} .enter-contacts-form .field .normal-label span {font-size: 11px; font-weight: normal;} .fb-invite-form {margin-top: 20px;} .feedback-form {margin-top: 20px;} .feedback-form .normal-label {width: 80px;} .feedback-form .normal-field-no-label {padding-left: 90px;} .feedback-form input.text {width: 350px;} .feedback-form textarea {width: 350px; height: 100px;} .personalize-form {margin-top: 20px;} .personalize-form .normal-label {width: 100px;} .personalize-form .message {width: 350px;} .personalize-form .normal-field-no-label {padding-left: 110px;} .personalize-form input.text {width: 200px;} .personalize-form textarea {width: 300px; height: 100px;} .personalize-form .picture-message {width: 200px;} .tags-pairings-form .useful-links-fieldset {margin-top: 20px;} .tags-pairings-form .useful-links {float: left; width: 480px;} .tags-pairings-form .useful-links .header {padding-top: 3px; margin-bottom: 5px; overflow: hidden; _height: 1%; text-align: center} .tags-pairings-form .useful-links .link-title {float: left; width: 150px;} .tags-pairings-form .useful-links .add-link {margin-top: 5px;} .tags-pairings-form .useful-links .remove-link {float: left; width: 20px; padding-top: 2px;} .tags-pairings-form .useful-links .remove-link a {font-size: 13px; text-decoration: none; font-weight:bold; color: #d30101;} .tags-pairings-form .useful-links .link-url {float: left; width: 150px;} .tags-pairings-form .useful-links .links-list {width: 480px; overflow: hidden; _height: 1%;} .tags-pairings-form .useful-link {overflow: hidden; margin-bottom: 5px; _height: 1%;} .tags-pairings-form .useful-link input.text {width: 140px; float: none;} .create-exchange-form .normal-label {width: 90px;} .create-exchange-form .normal-field-no-label {padding-left: 100px;} .create-exchange-form .normal-label span {font-size: 11px; font-weight: normal;} .create-exchange-form .message {width: 310px;} .create-exchange-form input.title {width: 280px;} .preview-exchange-invitation .invitation-flow {width: 450px; float: left;} .preview-exchange-invitation .invitation-flow h1 {color: #da6106;} .preview-exchange-invitation .invitation-flow ol {font-size: 16px; padding: 15px 30px;} .preview-exchange-invitation .invitation-flow li {line-height: 150%; color: #da6106; margin-bottom: 10px;} .preview-exchange-invitation .invitation-flow li p {color: #333;} .preview-exchange-invitation .submit {margin: 0 auto; overflow: hidden; _height: 1%; margin-left: 38%;} .preview-exchange-invitation .mail {padding: 5px 10px; width: 400px; float: right; display: inline; margin-right: 20px;} .preview-exchange-invitation .mail .mail-body {font-size: 13px; padding: 10px 15px; border: 1px solid #da6106; line-height: 140%;} .preview-exchange-invitation .mail .submit {margin-top: 10px; margin-left: 43%;} .start-exchange-form .normal-label {width: 80px;} .start-exchange-form textarea.text {width: 290px; height: 100px;} .start-exchange-form .normal-field-no-label {padding-left: 90px;} .claim-recipe-form {margin-top: 20px; width: 450px; float: left} .claim-recipe-form .message {width: 100px;} .claim-recipe-form .normal-label {width: 110px;} .claim-recipe-form .why-reg-link {color: #da6106; font-size: 14px;} .claim-recipe-form .normal-field-no-label {padding-left: 120px;} /* Language specific */ .ja .enter-contacts-form .normal-label {width: 100px;} .ja .enter-contacts-form .normal-field-no-label {padding-left: 110px;} /* Claim blog */ .claim-blog .forms {margin-top: 25px;} .claim-blog .signup-form h2 {margin-left: 75px;} .claim-blog .login-form h2 {margin-left: 25px;} .claim-blog .signup-form {float: left; width: 390px;} .claim-blog .login-form {float: left; width: 390px; padding-bottom: 10px; background: url(/images/box/border-right.png) repeat-y 0 0;} .claim-blog .signup-form .normal-label {width: 120px;} .claim-blog .signup-form .japanese-name-label {width: 30px;} .claim-blog .signup-form .japanese-name-part {width: 77px;} .claim-blog .signup-form .normal-field-no-label {padding-left: 130px;} .claim-blog .signup-form .error-on {padding-left: 130px; margin-bottom: 5px; width: 200px;} .claim-blog .signup-form .message {padding-left: 120px; margin-bottom: 5px; width: 200px;} .claim-blog .login-form .normal-label {width: 80px;} .claim-blog .login-form .normal-field-no-label {padding-left: 90px;} .ja .claim-blog .login-form .normal-label {width: 100px;} .ja .claim-blog .login-form .normal-field-no-label {padding-left: 110px;} .apply-blog-form .normal-label {width: 100px;} .apply-blog-form .normal-field-no-label {padding-left: 110px;} .new-blog-recipe-form {margin-top: 20px;} .new-blog-recipe-form .normal-label {width: 100px;} .new-blog-recipe-form .normal-field-no-label {padding-left: 110px;} /* Friend request */ .friend-request-form {margin-top: 20px;} .friend-request-form .normal-label {width: 60px;} .friend-request-form .normal-field-no-label {padding-left: 70px;} .friend-request-form textarea {width: 350px; height: 120px;} .friend-request-form #show-message-link {color:#da6106; font-size:13px; font-weight:normal;} .friend-request-form #request_message {} .friend-request-form .status {display: none;} .friend-request-form .captcha-error {color: red; font-size: 12px; margin: 5px 0;} .modalbox .friend-request-form textarea {width: 350px;} .friend-request-status {display: none;} .friend-request-status .message {margin: 5px 0; font-size: 13px; padding: 5px;} .friend-request-status .close-link {text-align: right; margin-top: 5px;} .friend-request-status .close-link a {color: #da6106; font-size: 12px; font-weight: bold;} /* Profile status update */ .profile-status-update-form {} .profile-status-update-form .header {color: #536ebd; font-size: 14px; font-weight: bold;} .profile-status-update-form .field {margin: 5px 0;} .profile-status-update-form .notify {font-size: 13px;} ul.token-input-list { overflow: hidden; height: auto !important; height: 1%; width: 400px; border: 1px solid #999; cursor: text; font-size: 12px; font-family: Arial, Tahoma, sans-serif; z-index: 999; margin: 0; padding: 0; background-color: #fff; } .field ul.token-input-list { width: 184px; } ul.token-input-list li { list-style-type: none; } ul.token-input-list li input { border: 0; width: 350px; padding: 3px 8px; background-color: white; } .field ul.token-input-list li input { width: 166px; } li.token-input-token { overflow: hidden; height: auto !important; height: 1%; margin: 3px; padding: 3px 5px; background-color: #E5F5D7; color: #000; font-weight: normal; cursor: default; display: block; border:1px solid #8BC808; } li.token-input-token p { font-size: 12px !important; float: left; padding: 0 !important; margin: 0 !important; } li.token-input-token span { float: right; color: #990000; cursor: pointer; } li.token-input-selected-token { background-color: #8BC808; color: #fff; } li.token-input-selected-token span { color: #990000; } div.token-input-dropdown { position: absolute; width: 400px; background-color: #fff; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: default; font-size: 12px; font-family: Arial, Tahoma, sans-serif; z-index: 1; } .field div.token-input-dropdown { width: 184px; } .field div.token-input-dropdown img{ border:1px solid #A2A2A2; float:left; margin-bottom:3px; margin-right:7px; padding:1px; } div.token-input-dropdown p { margin: 0; padding: 5px; font-weight: bold; color: #777; } div.token-input-dropdown ul { margin: 0; padding: 0; } div.token-input-dropdown ul li { background-color: #fff; padding: 3px; list-style-type: none; overflow: hidden; clear: left; display:block; } div.token-input-dropdown ul li.token-input-dropdown-item { background-color: #fafafa; } div.token-input-dropdown ul li.token-input-dropdown-item2 { background-color: #fff; } div.token-input-dropdown ul li em { font-weight: bold; font-style: normal; } div.token-input-dropdown ul li.token-input-selected-dropdown-item { background-color: #d0efa0; } .single-form .field div.with-autocomplete {float:left;} div.token-input-dropdown ul li img { border:1px solid #A2A2A2; float:left; margin-bottom:3px; margin-right:7px; padding:1px; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(ui_images/ui-bg_glass_75_ffffff_1x400.png)/*{bgImgUrlContent}*/ 0/*{bgContentXPos}*/ 0/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(ui_images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 0/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(ui_images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 0/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(ui_images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 0/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(ui_images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 0/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(ui_images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 0/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(ui_images/ui-bg_inset-soft_95_fef1ec_1x100.png)/*{bgImgUrlError}*/ 0/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #363636/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(ui_images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(ui_images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(ui_images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(ui_images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(ui_images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(ui_images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(ui_images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(ui_images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ none/*{bgImgUrlOverlay}*/ 0/*{bgOverlayXPos}*/ 0/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -4px/*{offsetTopShadow}*/ 0 0 -4px/*{offsetLeftShadow}*/; padding: 4px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ none/*{bgImgUrlShadow}*/ 0/*{bgShadowXPos}*/ 0/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .35;filter:Alpha(Opacity=35)/*{opacityShadow}*/; -moz-border-radius: 4px/*{cornerRadiusShadow}*/; -webkit-border-radius: 4px/*{cornerRadiusShadow}*/; } /* Autocomplete ----------------------------------*/ .ui-autocomplete {} .ui-autocomplete-results { overflow: hidden; z-index: 99999; padding: 1px; position: absolute; background-color: #f7f7f7;} .ui-autocomplete-results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } /* if the width: 100%, a horizontal scrollbar will appear when scroll: true. */ /* !important! if line-height is not set, or is set to a relative unit, scroll will be broken in firefox */ .ui-autocomplete-results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font-size: 12px; line-height: 16px; overflow: hidden; clear: left; } .ui-autocomplete-results li.ui-autocomplete-even { background-color: #fff; } .ui-autocomplete-results li.ui-autocomplete-odd { background-color: #eee; } .ui-autocomplete-results li.ui-autocomplete-state-default { background-color: #fff; border: 1px solid #fff; color: #212121; } .ui-autocomplete-results li.ui-autocomplete-state-active { color: #000; background:#E6E6E6 url(ui_images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x; border:1px solid #D3D3D3; } .ui-autocomplete-loading { background: white url('ui_images/ui-anim.basic.16x16.gif') right center no-repeat; } .ui-autocomplete-over { background-color: #0A246A; color: white; } .ui-autocomplete-results img { border:1px solid #A2A2A2; float:left; margin-bottom:3px; margin-right:7px; padding:1px; } #lightbox{ position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData{ padding:0 10px; color: #666;} #imageData #imageDetails{ width: 70%; float: left; text-align: left;} #imageData #caption{ font-weight: bold;} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;} #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}