/* general ---------------------------------------------------------------------------------------- */ html { overflow-y:scroll; background:#a0a5ab url(/images/bg.jpg) repeat; } body { width:980px; background:url(/images/bg-highlight.jpg) center top no-repeat; margin:0 auto; } body { font:normal 12px Arial, sans-serif; color:#666; } body#dialog { background:url(none); } #container { position:relative; margin:0 auto; padding-bottom:25px; } a:link, a:visited { color:#0074ba; } a:hover { color:#33b1ff; } ul.check li{list-style:none; background:url(/images/check.png); background-repeat: no-repeat;background-position: left top;padding-left:40px;padding-top:5px;margin-bottom:2px;margin-right:40px;} .clear { display:block; height:1px; line-height:1px; font-size:1px; margin-top:-1px; clear:both; } .break { display:block; } .justclear { clear:both; } .recipeDetail { float: right; width: 180px; } strong { font-weight:bold; color:#000; } em { font-style:italic; } textarea { font-family:arial; padding:4px; font-size:12px; } input { font-family:arial; font-size:12px; } .floatright { float:right; } .floatleft { float:left; } .padright { padding-right:15px; } .padleft { padding-left:15px; } .middle { vertical-align:middle; } .bigtext { font-size:125%; } .smalltext { font-size:9px; line-height:12px !important; font-weight:normal !important; letter-spacing:0 !important; } .photoframe { border:1px #ccc solid; } .nobold { font-weight:normal; } .gray { color:#999 !important; } .red { color:#c00 !important; } .bordertop { border-top:1px #e6e6e6 solid; padding-top:6px; } .nospacebefore { margin-top:0 !important; } .nospaceafter { margin-bottom:0 !important; } .nowrap { white-space:nowrap; } .nobullets { list-style:none !important; } .noindent { margin-left:12px !important; } .tooltip { color:#0074ba; border-bottom:1px #0074ba dotted; cursor:help; } .tooltip2 { color:#0074ba; border-bottom:1px #0074ba dotted; cursor:help; } .li-btm { background-position:.4em;padding-left:0em;margin:.3em 0;} .ul-btm {list-style-type:none;padding:0px;margin-left:1em;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;} .ul {list-style-type:none;padding:0px;margin-left:1em;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#FFFFFF;} .li {background-image:url(/images/check.png);background-repeat:no-repeat;background-position:.4em;padding-left:2.5em; margin:.5em 0;} .container {margin-top:0px;margin-left:auto;margin-right:auto;width:980px;height:600px;} .btm-container{width:570px;height:100px;position:absolute;margin-top:415px;margin-left:20px;} .btm-container-two{width:570px;height:100px;position:absolute;margin-top:498px;margin-left:100px;color:#ffffff;} /* header and footer ---------------------------------------------------------------------------------------- */ #header { position:relative; height:100px; } #header h1, #header span { text-indent:-9999px; } a#home_link { position:absolute; background:url(/images/logo.png) no-repeat; display:block; top:15px; left:12px; width:245px; height:99px; text-indent:-9999px; } /* public pages -----------------------------------------------------------------------------------------------*/ a#whymenumax {display:block;width:157px;height:21px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-nav-menumax.png) 0 0 no-repeat;position:absolute;margin-top:75px;margin-left:290px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#whymenumax:hover {background-position: 0 -43px;} a#faq {display:block;width:157px;height:21px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-nav-faq.png) 0 0 no-repeat;position:absolute;margin-top:75px;margin-left:465px; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#faq:hover {background-position: 0 -43px;} a#events {display:block;width:157px;height:21px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-nav-events.png) 0 0 no-repeat;position:absolute;margin-top:75px;margin-left:635px; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#events:hover {background-position: 0 -43px;} a#register {display:block;width:157px;height:21px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-nav-register.png) 0 0 no-repeat;position:absolute;margin-top:75px;margin-left:805px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#register:hover {background-position: 0 -44px;} a#registerFromPreview {display:block;width:157px;height:21px;padding-left:0px;padding:10px 10px 10px 7px;background:url(/images/btn-nav-register.png) 0 0 no-repeat; margin-top:5px;margin-left:0px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#registerFromPreview:hover {background-position: 0 -44px;} a#start-your-free-trial-instantly {display:block;width:299px;height:35px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-start-your-free-trial-instantly.png) 0 0 no-repeat;position:absolute;margin-top:195px;margin-left:245px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#start-your-free-trial-instantly:hover {background-position: 0 -57px;} a#start-your-free-trial-instantly2 {display:block;height:35px;width:350px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-start-your-free-trial-instantly.png) 0 0 no-repeat;position:absolute;margin-top:15px;left:550px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#start-your-free-trial-instantly2:hover{background-position: 0 -57px;} a#click-here-to-get-started {display:block;width:254px;height:40px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-click-here-to-get-started.png) 0 0 no-repeat;position:absolute;margin-top:500px;margin-left:620px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#click-here-to-get-started:hover {background-position: 0 -55px;} a#foodservice-professionals {display:block;width:168px;height:40px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-foodservice-professionals.png) 0 0 no-repeat;position:absolute;margin-top:350px;margin-left:0px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#foodservice-professionals:hover {background-position: 0 -63px;} a#distributor-organizations {display:block;width:168px;height:40px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-distributor-organizations.png) 0 0 no-repeat;position:absolute;margin-top:350px;margin-left:180px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#distributor-organizations:hover {background-position: 0 -63px;} a#brand-manufacturers {display:block;width:177px;height:40px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-brand-manufacturers.png) 0 0 no-repeat;position:absolute;margin-top:350px;margin-left:380px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#brand-manufacturers:hover {background-position: 0 -61px;} a#btn-sign-up-for-free {display:block;width:237px;height:33px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-sign-up-now-for-free.png) 0 0 no-repeat;position:absolute;margin-top:200px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#btn-sign-up-for-free:hover {background-position: 0 -62px;} a#btn-sign-up-for-free2 {display:block;margin-left:550px;margin-top:-45px;height:33px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-sign-up-now-for-free.png) 0 0 no-repeat; text-indent: -10000px; font-size: 0px; line-height: 0px} a#btn-sign-up-for-free2:hover {background-position: 0 -62px;} a#btn-free-30-days-sign-up-now {display:block;width:275px;height:40px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-free-30-days-sign-up-now.png) 0 0 no-repeat;} a#btn-free-30-days-sign-up-now:hover {background-position: 0 -60px;} a#btn-free-14-days-sign-up-now {display:block;width:275px;height:40px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-free-14-days-sign-up-now.png) 0 0 no-repeat;} a#btn-free-14-days-sign-up-now:hover {background-position: 0 -60px;} a#btn-click-to-watch-videos {display:block;width:237px;height:42px;padding-left:15px;padding:10px 10px 10px 7px;background:url(/images/btn-click-to-watch-videos.png) 0 0 no-repeat;position:absolute;margin-top:250px;overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px} a#btn-click-to-watch-videos:hover {background-position: 0 -63px;} a#btn-get-the-recipe-clipper-button { display:block;width:210px; height:20px; padding-left:15px; padding:10px 10px 10px 7px; background:url(/images/btn-get-the-recipe-clipper-button.png) 0 0 no-repeat; position:absolute; margin-top:0px; margin-left:0px; overflow: hidden; text-indent: -10000px; font-size: 0px; line-height: 0px;} a#btn-get-the-recipe-clipper-button:hover{ background-position: 0 -43px; } a#lightbulb {background-image:url(/images/img-lightbulb.png);width:31px;height:63px;position:absolute;margin-top:500px;margin-left:20px;} #dsrimage {position:absolute;display:block;background:url(/images/dsr-image.png); margin-top:5px;background-position:left top;width:230px;height:164px;top:100px;} #foodserviceimage {position:absolute;display:block;background:url(/images/foodservice-image.png); margin-top:5px;background-position:left top;width:230px;height:164px;top:100px;} #mfgimage {position:absolute;display:block;background:url(/images/manufacturer-image.png); margin-top:5px;background-position:left top;width:230px;height:164px;top:100px;} #bkgd-gradient {background:#fff url(/images/bkgd-gradient.png) top repeat-x; width:761px;height:74px;} #top-container {background-image:url(/images/top-container.png);width:900px;height:288px;position:absolute;margin-top:15px;} #keyboard {background-image:url(/images/keyboard-recipe-intelligence.png);width:350px;height:283px;margin-left:560px;margin-top:18px;position:absolute;} #nra {background-image:url(/images/nra-show-2010.png);width:350px;height:283px;margin-left:560px;margin-top:18px;position:absolute;} #btm-left-container {background-image:url(/images/btm-left-container.png);width:578px;height:117px;position:absolute;margin-top:320px;} /*start*/ #background {background-image:url(/images/bg-home.jpg);width:980px;height:800px;} #btm-left-btm-container {background-image:url(/images/btm-left-container.png);width:578px;height:117px;position:absolute;margin-top:455px;} #divider-a {background-image:url(/images/divider.png);width:1px;height:167px;position:absolute;margin-top:710px;margin-top:300px;} #btm-right-container {background-image:url(/images/btm-right-container.png);width:301px;height:250px;position:absolute;margin-top:320px;margin-left:608px;} #btm-right-headline {background-image:url(/images/btm-right-headline.png);width:250px;height:27px;position:absolute;margin-top:490px;margin-left:650px;} /*end*/ #header #navbar { position:absolute; right:17px; top:40px; height:40px; } #header #navbar li { display:inline; } #header #navbar li a { text-indent:-9999px; display:block; float:left; height:40px; width:126px; margin-left:4px; background-repeat:no-repeat; background-position:0 0; } #header #nav-customers a { background:url(/images/nav-customers.png); } #header #nav-resources a { background:url(/images/nav-resources.png); } #header #nav-recipes a { background:url(/images/nav-recipes.png); } #header #nav-menus a { background:url(/images/nav-menus.png); } #header #nav-products a { background:url(/images/nav-products.png); } #header #nav-reports a { background:url(/images/nav-reports.png); } #header #nav-videos a { background:url(/images/nav-videos.png); } #header #nav-customers a:hover, #header #nav-customers.on a, #header #nav-resources a:hover, #header #nav-resources.on a, #header #nav-recipes a:hover, #header #nav-recipes.on a, #header #nav-menus a:hover, #header #nav-menus.on a, #header #nav-products a:hover, #header #nav-products.on a, #header #nav-reports a:hover, #header #nav-reports.on a, #header #nav-videos a:hover, #header #nav-videos.on a { background-position:0 -40px; } #header #loginform { position:absolute; left:490px;right:25px; top:16px; font:normal 12px Arial, sans-serif; color:#333333; } #header #loginform td { padding:0 6px 4px 0; text-align:right; white-space:nowrap;} #header #account { position:absolute; right:25px; top:16px; font-size:10px; } #header #account a { color:#666; padding:0 3px; } #header #account a:hover { background-color:#fff5cc; text-decoration:none; } #header #utility-nav { position:absolute; right:20px; top:86px; height:22px; padding-left:8px;} #header #utility-nav-search { position:absolute; right:20px; top:110px; height:22px; padding-left:8px;} #header #utility-endcap-left { float: left; height:22px; width:8px; background:url(/images/bg-subnav-left.png) right no-repeat; } #header #utility-endcap-right { float: left; height:22px; width:8px; background:url(/images/bg-subnav-right.png) right no-repeat; } #header #utility-body { float: left; background:url(/images/bg-subnav1.png) repeat-x; } #header #utility { font-size:10px; line-height:20px; color:#fff; background:url(/images/bg-subnav1.png) repeat; } #header #utility li { display:inline; } #header #utility li a { display:block; float:left; height:22px; } #header #utility li.divider { display:block; float:left; height:22px; width:8px; padding:0 4px; background:url(/images/divider.gif) center no-repeat; } #header #utility a { color:#fff; text-decoration:none; } #header #utility a:hover { color:#ccebff; } #header #utility li a#search { padding-left:19px; background:url(/images/icon-search.png) left center no-repeat; } #header #utility li.search { padding-left:5px; padding-right:5px; display:block; float:left; height:22px; } #header #utility li a#calculator { padding-left:14px; background:url(/images/icon-calculator.png) left center no-repeat; } #header #utility li a#profile { padding-left:18px; background:url(/images/icon-profile.png) left center no-repeat; } #header #utility li a#share { padding-left:18px; background:url(/images/icon-share.png) left center no-repeat; } #header #utility li a#contacts { padding-left:19px; background:url(/images/icon-contacts.png) left center no-repeat; } #header #utility li a#inbox { padding-left:18px; background:url(/images/icon-email.png) left center no-repeat; } #header #utility li a.count { margin-left:3px; text-align:center; font-weight:bold; width:16px; background:url(/images/icon-reddisc.png) center center no-repeat; } #header #utility li a.count-wide { margin-left:3px; text-align:center; font-weight:bold; width:24px; background:url(/images/icon-reddisc-wide.png) center center no-repeat; } #header #searchBar { position:absolute; right:28px; top:110px; height:22px; background:url(/images/bg-subnav1.png) no-repeat; padding-left:8px; } #header #searchBar-endcap { position:absolute; right:20px; top:110px; height:22px; width:8px; background:url(/images/bg-subnav1.png) right no-repeat; } #header #searchBar { font-size:10px; line-height:20px; color:#fff; } #header #searchBar li { display:inline; } #header #searchBar li a { display:block; float:left; height:22px; } #header #searchBar li.divider { display:block; float:left; height:22px; width:8px; padding:0 4px; background:url(/images/divider.gif) center no-repeat; } #header #searchBar a { color:#fff; text-decoration:none; } #header #searchBar a:hover { color:#ccebff; } #header #searchBar li a#search { padding-left:19px; background:url(/images/icon-search.png) left center no-repeat; } #header #searchBar li a#calculator { padding-left:14px; background:url(/images/icon-calculator.png) left center no-repeat; } #header #searchBar li a#profile { padding-left:18px; background:url(/images/icon-profile.png) left center no-repeat; } #header #searchBar li a#share { padding-left:18px; background:url(/images/icon-share.png) left center no-repeat; } #header #searchBar li a#contacts { padding-left:19px; background:url(/images/icon-contacts.png) left center no-repeat; } #header #searchBar li a#inbox { padding-left:18px; background:url(/images/icon-email.png) left center no-repeat; } #header #searchBar li a.count { margin-left:3px; text-align:center; font-weight:bold; width:16px; background:url(/images/icon-reddisc.png) center center no-repeat; } #header #searchBar li a.count-wide { margin-left:3px; text-align:center; font-weight:bold; width:24px; background:url(/images/icon-reddisc-wide.png) center center no-repeat; } #footer { text-align:center; font-size:11px; color:#333; margin-top:5px;} #footer p { margin:12px auto; } #footer a { color:#333; padding:0 3px; } #footer a:hover { background-color:#fff5cc; text-decoration:none; } /* home ---------------------------------------------------------------------------------------- */ #home #header { position:relative; height:125px; } #home #container #header { position:relative; height:135px; } #home #content { position:relative; width:940px; min-height:600px; padding:20px; /*background:url(/images/bg-content.png) center top no-repeat;*/ } #home #content #top { height:19px; background:url(/images/bg-sub-top.png) no-repeat; position:relative; top:-20px; } #home #content #mid { background:url(/images/bg-sub-mid.png) repeat-y; min-height:600px; padding:0 20px; position:relative; top:-20px; } #home #content #bottom { height:19px; background:url(/images/bg-sub-bottom.png) no-repeat; position:relative; top:-20px; } #home #content h1 { font-family:arial; font-size:24px; font-weight:bold; margin-bottom:6px; padding-left:4px; color:#fff; letter-spacing:-1px; } #home #content h2 { font-family:arial; font-size:18px; font-weight:bold; margin-bottom:6px; color:#333; letter-spacing:-0.5px; } #home #content h3 { font-family:arial; font-size:16px; font-weight:bold; margin-bottom:6px; color:#333; letter-spacing:-0.5px; } #home #content h4 { font-family:arial; font-size:14px; font-weight:bold; margin-bottom:6px; color:#333; letter-spacing:-0.5px; } #home-buttons { position:absolute; left:100px; top:34px; height:550px; width:344px; } #home-buttons li a { text-indent:-9999px; display:block; float:left; height:110px; width:344px; margin-left:4px; background-repeat:no-repeat; background-position:0 0; } #home-buttons #button-customers a { background:url(/images/home-button-customers.png); } #home-buttons #button-resources a { background:url(/images/home-button-resources.png); } #home-buttons #button-recipes a { background:url(/images/home-button-recipes.png); } #home-buttons #button-menus a { background:url(/images/home-button-menus.png); } #home-buttons #button-products a { background:url(/images/home-button-products.png); } #home-buttons #button-reports a { background:url(/images/home-button-reports.png); } #home-buttons #button-videos a { background:url(/images/home-button-videos.png); } #home-buttons #button-customers a:hover, #home-buttons #button-customers.on a, #home-buttons #button-resources a:hover, #home-buttons #button-resources.on a, #home-buttons #button-recipes a:hover, #home-buttons #button-recipes.on a, #home-buttons #button-menus a:hover, #home-buttons #button-menus.on a, #home-buttons #button-products a:hover, #home-buttons #button-products.on a, #home-buttons #button-reports a:hover, #home-buttons #button-reports.on a, #home-buttons #button-videos a:hover, #home-buttons #button-videos.on a { background-position:0 -110px; } #tour-buttons { position:absolute; left:59px; top:34px; height:550px; width:344px; } #tour-buttons li a { text-indent:-9999px; display:block; float:left; height:110px; width:344px; margin-left:4px; background-repeat:no-repeat; background-position:0 0; } #tour-buttons #button-tour-hm-operator a { background:url(/images/btn-tour-hm-operator.png); } #tour-buttons #button-tour-hm-dsr a { background:url(/images/btn-tour-hm-dsr.png); } #tour-buttons #button-tour-hm-manufacturer a { background:url(/images/btn-tour-hm-manufacturer.png); } #tour-buttons #button-tour-hm-foodies a { background:url(/images/btn-tour-hm-foodies.png); } #tour-buttons #button-tour-hm-videos a { background:url(/images/btn-tour-hm-videos.png); } #tour-buttons #button-tour-dsr-customers a { background:url(/images/btn-tour-dsr-customers.png); } #tour-buttons #button-tour-dsr-resources a { background:url(/images/btn-tour-dsr-resources.png); } #tour-buttons #button-tour-dsr-recipes a { background:url(/images/btn-tour-dsr-recipes.png); } #tour-buttons #button-tour-dsr-menus a { background:url(/images/btn-tour-dsr-menus.png); } #tour-buttons #button-tour-dsr-reports a { background:url(/images/btn-tour-dsr-reports.png); } #tour-buttons #button-tour-dsr-videos a { background:url(/images/btn-tour-dsr-videos.png); } #tour-buttons #button-tour-mfg-operator a { background:url(/images/btn-tour-mfg-operator.png); } #tour-buttons #button-tour-mfg-dsr a { background:url(/images/btn-tour-mfg-dsr.png); } #tour-buttons #button-tour-mfg-brokers a { background:url(/images/btn-tour-mfg-broker.png); } #tour-buttons #button-tour-op-recipes a { background:url(/images/btn-tour-op-recipes.png); } #tour-buttons #button-tour-op-menus a { background:url(/images/btn-tour-op-menus.png); } #tour-buttons #button-tour-op-products a { background:url(/images/btn-tour-op-products.png); } #tour-buttons #button-tour-op-reports a { background:url(/images/btn-tour-op-reports.png); } #tour-buttons #button-tour-op-videos a { background:url(/images/btn-tour-op-videos.png); } #tour-buttons #button-tour-hm-operator a:hover, #tour-buttons #button-tour-hm-operator.on a, #tour-buttons #button-tour-hm-dsr a:hover, #tour-buttons #button-tour-hm-dsr.on a, #tour-buttons #button-tour-hm-manufacturer a:hover, #tour-buttons #button-tour-hm-manufacturer.on a, #tour-buttons #button-tour-hm-foodies a:hover, #tour-buttons #button-tour-hm-foodies.on a, #tour-buttons #button-tour-hm-videos a:hover, #tour-buttons #button-tour-hm-videos.on a, #tour-buttons #button-tour-dsr-customers a:hover, #tour-buttons #button-tour-dsr-customers.on a, #tour-buttons #button-tour-dsr-resources a:hover, #tour-buttons #button-tour-dsr-resources.on a, #tour-buttons #button-tour-dsr-recipes a:hover, #tour-buttons #button-tour-dsr-recipes.on a, #tour-buttons #button-tour-dsr-menus a:hover, #tour-buttons #button-tour-dsr-menus.on a, #tour-buttons #button-tour-dsr-reports a:hover, #tour-buttons #button-tour-dsr-reports.on a, #tour-buttons #button-tour-dsr-videos a:hover, #tour-buttons #button-tour-dsr-videos.on a, #tour-buttons #button-tour-mfg-operator a:hover, #tour-buttons #button-tour-mfg-operator.on a, #tour-buttons #button-tour-mfg-dsr a:hover, #tour-buttons #button-tour-mfg-dsr.on a, #tour-buttons #button-tour-mfg-brokers a:hover, #tour-buttons #button-tour-mfg-brokers.on a, #tour-buttons #button-tour-op-recipes a:hover, #tour-buttons #button-tour-op-recipes.on a, #tour-buttons #button-tour-op-menus a:hover, #tour-buttons #button-tour-op-menus.on a, #tour-buttons #button-tour-op-products a:hover, #tour-buttons #button-tour-op-products.on a, #tour-buttons #button-tour-op-reports a:hover, #tour-buttons #button-tour-op-reports.on a, #tour-buttons #button-tour-op-videos a:hover, #tour-buttons #button-tour-op-videos.on a { background-position:0 -110px; } #home-image { position:absolute; right:48px; top:0px; margin-top:-45px; height:634px; width:445px; background:url(/images/home-image-3.jpg) no-repeat; } #home-image-distributor { position:absolute; right:8px; top:0px; margin-top:-26px; height:689px; width:463px; background:url(/images/home-image-4.png) no-repeat; } #note-text { font:bold 24px/26px "Arial", sans-serif; color:#333; } #note-text a { font:bold 24px/26px "Arial", sans-serif; } #note-text { position:relative; top:340px; left:90px; width:250px; word-wrap:break-word; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); } #distributor-panel { height:770px; } #dayplanner-distributor { position:relative; top:40px; left:305px; width:110px; font-family: Arial, sans-serif; color:#333; text-align: right; } #dayplanner-day { font-size: 34px; } #dayplanner-month { font-size: 14px; } #dayplanner-year { font-size: 14px; } #dayplanner-leads-table-header { position:relative; float:left; top:32px; left:90px; width:320px; height:27px; font-family: "Arial Narrow", sans-serif; color:#333; text-align: left; font-size: 16px; font-weight:bold; } #dayplanner-leads-table { float: left; position:relative; top:24px; left:90px; width:320px; height:496px; font-family: "Arial Narrow", sans-serif; color:#333; text-align: left; font-size: 12px; font-weight:bold; overflow-y:auto; } #dayplanner-leads-table a {text-decoration:none;} #dayplanner-leads-table-operation-col { width:125px; } #dayplanner-leads-table-opendate-col { width: 95px; } #dayplanner-leads-table-city-col { width: 90px; } #dayplanner-leads-table-operation-cell { width:125px; line-height:16px; height:32px; vertical-align:top; text-decoration:none; } #dayplanner-leads-table-opendate-cell { width: 95px; line-height:16px; height:32px; vertical-align:top; padding-left:2px; } #dayplanner-leads-table-city-cell { width: 90px; line-height:16px; height:32px; vertical-align:top; } #dayplanner-more { position:absolute; top:620px; right:50px; font-weight:bold; } /* subsystem ---------------------------------------------------------------------------------------- */ #sub #content { position:relative; top:20px;width:940px; min-height:400px; padding:20px; } #sub #content #top { height:19px; background:url(/images/bg-sub-top.png) no-repeat; } #sub #content #mid { background:url(/images/bg-sub-mid.png) repeat-y; padding:0 20px; } #sub #content #bottom { height:19px; background:url(/images/bg-sub-bottom.png) no-repeat; } #sub #content .title { margin:-5px 0 0 -6px; } #sub #content h1 { font-family:arial; font-size:24px; font-weight:bold; margin-bottom:6px; padding-left:4px; color:#fff; letter-spacing:-1px; } #sub #content h2 { font-family:arial; font-size:18px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } #sub #content h3 { font-family:arial; font-size:16px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } #sub #content h4 { font-family:arial; font-size:14px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } #sub #content p { line-height:18px; margin-bottom:18px; } #sub #content p.tight { margin-bottom:9px; } #sub #content ul { list-style:disc; margin-left:24px; margin-bottom:18px; } #sub #content ol { list-style:decimal; margin-left:28px; margin-bottom:18px; } #sub #content li { margin-bottom:10px; } #sub #content ul.compact li { margin-bottom:2px; } #sub #content sub { font-size:75%; vertical-align:text-bottom; } #sub #content sup { font-size:75%; vertical-align:.5ex; } #sub #content .box { background-color:#fff; padding:10px 7px; margin-bottom:15px; } .index-card { width:100%; background-color:#fff;} .index-card.two-col { width:650px; } .index-card th, .index-card td { padding:8px; } .index-card th { border-bottom:1px #feb5b0 solid; color:#000; } .index-card th a { color:#000; font-weight:bold; } .index-card tr.top-row th { border-bottom:0; padding:8px 10px 0; background:url(/images/bg-tabletop.gif) top repeat-x; } .index-card td { border-bottom:1px #98e4fc solid; } .index-card td.heading { color:#000; font-weight:bold; text-align:left; white-space:nowrap; width:1%; } /* custom style: for recipe edit - CLEE */ .index-card li { padding:8px 24px 8px 24px; border-bottom:1px #98e4fc solid; list-style:none; } .index-card-div { background:url(/images/bg-notecard.gif) repeat; padding:24px; background-position:0 23px; } .index-card-heading { min-height:72px; background-color:#fff; border-bottom:1px #feb5b0 solid; margin:-24px; padding:18px 24px 6px 24px; } .index-card-heading2 { background-color:#fff; border-bottom:1px #feb5b0 solid; padding:18px 24px 6px 24px; } .index-card-div.two-col { width:600px; } #sub #content .index-card-div h4 { margin:0; line-height:24px; margin-top:24px; } #sub #content .index-card-div p { margin:0; line-height:24px; margin-bottom:24px; } #sub #content .index-card-div li { margin:0; line-height:24px; } /* height:24px; - changed to allow ingredients to wrap */ #sub #content .index-card-div ul { margin:0 0 0 12px; } #sub #content .index-card-div th { padding:0 6px 0 0; height:24px; } #sub #content .index-card-div td { padding:0 6px 0 0; height:24px; } .ingredient-not-mapped { color:#c00; padding:1px 2px 1px 17px; background:#ffe5e5 url(/images/icon-red-alert.png) 2px center no-repeat; border:1px #c00 solid; text-decoration:none; white-space:nowrap; } .ingredient-not-mapped:hover { color:#fff; background:#c00 url(/images/icon-red-alert-white.png) 2px center no-repeat; text-decoration:none; } .ingredient-special { padding:1px 2px 1px 17px; background:#fff2cc url(/images/icon-star.png) 2px center no-repeat; border:1px #ffbf00 solid; text-decoration:none; white-space:nowrap; } .ingredient-special:hover { color:#333; background:#ffbf00 url(/images/icon-star-white.png) 2px center no-repeat; text-decoration:none; } #sub #panel { text-align:center; } #sub #content .panel_buttons { margin-top:15px; margin-bottom:0px; list-style:none; display:inline-block; vertical-align:middle; position:relative; text-align:center; max-width:600px; } #sub #content .panel_buttons li { margin:0; float:left; padding-left:0; padding-right:0;border-bottom:0px; } .panel_buttons li a { position:relative; display:block; text-decoration:none; font-weight:bold; cursor:hand; background:transparent url('/images/btn-panel-left-square.png') no-repeat top left; font-size:11px; height:24px; padding-left:2px; } .panel_buttons li a span { display:block; white-space:nowrap; background:transparent url('/images/btn-panel-right-square.png') no-repeat top right; line-height:14px; padding:4px 10px 6px 8px; } .panel_buttons li.left a { background:transparent url('/images/btn-panel-left.png') no-repeat top left; padding-left:12px; } .panel_buttons li.left a span { padding-left:0; } .panel_buttons li.right a span { background:transparent url('/images/btn-panel-right.png') no-repeat top right; padding-right:12px; } .panel_buttons li.on a { font-weight:bold; color:#fff; background:transparent url('/images/btn-panel-left-square.png') no-repeat bottom left; } .panel_buttons li.on a span { background:transparent url('/images/btn-panel-right-square.png') no-repeat bottom right; } .panel_buttons li.left.on a { background:transparent url('/images/btn-panel-left.png') no-repeat bottom left; } .panel_buttons li.right.on a span { background:transparent url('/images/btn-panel-right.png') no-repeat bottom right; } .pill_m { float: left; text-align: left; margin-left: auto; margin-right: auto; width:100%; } #pillmenu { text-align: left; padding: 0 0 0 5px; margin:0 auto; } #pillmenu ul { margin: 0; padding: 0; list-style: none; } #pillmenu li { float: left; margin: 0 5px 0 0; padding: 0; } table.pill { margin-left:auto; margin-right:auto; padding:0; } table.pill td {border-bottom: 0px solid white; } #sub #content .text-content { padding:15px 15px 0; border-right:2px #666 solid; border-bottom:2px #666 solid; background:#fff url(/images/bg-tabletop.gif) top repeat-x; } #sub #content .video-content { padding:15px 15px 0; width:620px; height:500px; background:url(/images/video-player.png) center top no-repeat; } #video-player{ position:absolute; right:150px; top:65px; margin-top:-26px; height:480px; width:360px; } .video-player{ margin:10px 69px 0; width:480px; height:360px;} #sub #sidebar { float:right; width:240px; text-align:center; } #sub #sidebar .box { background-color:#fff; padding:10px 7px; margin-bottom:15px; } #sub #sidebar .divider { border-top:1px #ccc solid; margin-top:10px; height:10px; } .big-border { border:1px #ccc solid; padding:8px; background-color:#fff; } .lil-border { border:1px #ccc solid; padding:3px; background-color:#fff; } .photo-thumbnail { border:1px #ccc solid; padding:3px; background-color:#fff; } .contact-thumbnail { display:inline-block; height:14px; padding:60px 6px 6px; margin:7px; background:#fff url('/images/img-blank-thumb.gif') no-repeat center 6px; border:1px #ccc solid; } .progress { border:1px #ccc solid; height:10px; margin-bottom:6px; } .progress span { display:inline-block; height:10px; background-color:#90c548; } .second-line-indent { padding-left:2em; text-indent:-2em; } .greenplus { padding-left:10px; background:url('/images/btn-small-greenplus.gif') no-repeat center left; } a.delete { padding-right:10px; } a.delete:hover { text-decoration:none; color:#c00; background:url('/images/btn-small-redx.gif') no-repeat center right; } ul.adjust-order li { list-style:none; margin:10px 200px; padding:4px 6px; border:1px #ccc solid; } ul.adjust-order li:hover { color:#33b1ff; border:1px #33b1ff solid; cursor:move; } ul.move li { list-style:none; background:url('/images/icon-bullet.png') no-repeat center left; margin-left:0; padding-left:20px; cursor:move; } ul.move li:hover { list-style:none; background:url('/images/icon-move.png') no-repeat center left; margin-left:0; padding-left:20px; } .photo-over-table { position:absolute; top:135px; right:50px; } .cost-history-table { position:absolute; top:205px; right:3px; } table.basic th { text-align:right; font-weight:bold; color:#000; } table.basic th, table.basic td { padding:0 6px 6px 0; } table.extravspace td { padding-bottom:15px; } #mid table.center-table { margin-left: auto; margin-right: auto; } table.draggable tr .bullet { background:url('/images/icon-bullet.png') no-repeat center left; padding-left:20px; } table.draggable tr:hover .bullet { background:url('/images/icon-move.png') no-repeat center left; cursor:move; } table.editable tr .edit { visibility:hidden; white-space:nowrap; } table.editable tr:hover .edit { visibility:visible; } /* custom style: for recipe edit - CLEE */ ul.draggable li .bullet { background:url('/images/icon-bullet.png') no-repeat center left; padding-left:0px; } ul.draggable li:hover { background:url('/images/icon-move.png') no-repeat center left; cursor:move; } ul.editable li .edit { visibility:hidden; white-space:nowrap; } ul.editable li:hover .edit { visibility:visible; } ul.draggable li.nodrag:hover { background:url(''); cursor:auto; } li.collection { list-style:none; background:url('/images/icon-collection.png') no-repeat center left; padding-left:20px; } li.recipe { list-style:none; background:url('/images/icon-recipe.png') no-repeat center left; padding-left:20px; } li.menu { list-style:none; background:url('/images/icon-menu.png') no-repeat center left; padding-left:20px; } li.product { list-style:none; background:url('/images/icon-product.png') no-repeat center left; padding-left:20px; } #sub #content #mini-tabs { float:left; width:100%; background:#fff; border-bottom:1px solid #ccc; overflow:hidden; position:relative; } #sub #content #mini-tabs ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; } #sub #content #mini-tabs ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } #sub #content #mini-tabs ul li a { display:block; margin:0 0 -1px 3px; padding:3px 10px; border:1px solid #ccc; color:#0074ba; text-decoration:none; line-height:1.3em; } #sub #content #mini-tabs ul li a:hover { background:#33b1ff; color:#fff; } #sub #content #mini-tabs ul li a.on, #sub #content #mini-tabs ul li a.on:hover { color:#fff; background:#000; font-weight:bold; } /* modal dialog ---------------------------------------------------------------------------------------- */ .modal-dialog { /*margin:200px auto;*/ /*border:8px #666 solid;*/ background-color:#fff; padding:20px; text-align:center; } .modal-dialog h1 { font-family:arial; font-size:24px; font-weight:bold; margin-bottom:12px; color:#000; letter-spacing:-0.5px; } .modal-dialog h2 { font-family:arial; font-size:18px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } .modal-dialog h3 { font-family:arial; font-size:16px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } .modal-dialog h4 { font-family:arial; font-size:14px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } .modal-dialog p { line-height:14px; margin-bottom:14px; } .modal-dialog table { width:100%; } .modal-dialog table td { text-align:left; border-bottom:1px #e6e6e6 solid;padding:4px 6px; } .modal-dialog table tr.noborder td { border-bottom:0; } .modal-dialog table tr.special td { padding-bottom:10px; } /* modal dialog (product/nutrition) ---------------------------------------------------------------------------------------- */ .PROD-NUT-modal-dialog { /*margin:200px auto;*/ /*border:8px #666 solid;*/ background-color:#fff; padding:20px; text-align:center; } .PROD-NUT-modal-dialog h1 { font-family:arial; font-size:24px; font-weight:bold; margin-bottom:12px; color:#000; letter-spacing:-0.5px; } .PROD-NUT-modal-dialog h2 { font-family:arial; font-size:18px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } .PROD-NUT-modal-dialog h3 { font-family:arial; font-size:16px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } .PROD-NUT-modal-dialog h4 { font-family:arial; font-size:14px; font-weight:bold; margin-bottom:6px; color:#000; letter-spacing:-0.5px; } .PROD-NUT-modal-dialog p { line-height:14px; margin-bottom:14px; } .PROD-NUT-modal-dialog table { width:100%; } /*table-layout: fixed;*/ .PROD-NUT-modal-dialog table td { text-align:left; border-bottom:1px #e6e6e6 solid; padding-top:3px; padding-bottom:3px; padding-right:3px;} /*padding:4px 6px;*/ .PROD-NUT-modal-dialog table th { text-align:left; border-bottom:1px #e6e6e6 solid; padding-top:3px; padding-bottom:3px; padding-right:3px; } /**/ .PROD-NUT-modal-dialog table tr.noborder td { border-bottom:0; } .PROD-NUT-modal-dialog table tr.special td { padding-bottom:10px; } .PROD-NUT-modal-dialog table tr.header { position: absolute; left: 0; top: 0; width:871px; height: 20px; background: #fff; } .outer { position: relative; width: 891px; margin: 10px auto; } .inner { overflow: auto; width: 889px; height: 200px; } .data_table { width: 871px; border: solid 1px #FFF; } .data_table .header { position: relative; height: 20px; width: 871px; } .data_table th { text-align: left; vertical-align: top; background: #FFF; font-size: 14px; color: White; /*height: 20px;*/ } .data_table td { vertical-align: top; } /* simple ---------------------------------------------------------------------------------------- */ /*#simple a#home_link { position:absolute; display:block; top:16px; left:415px; width:160px; height:78px; background:url(/images/NEWlogo.png) no-repeat; text-indent:-9999px; }*/ #simple #content { position:relative; width:940px; min-height:400px; padding:20px; } #simple #content #top { height:19px; background:url(/images/bg-sub-top.png) no-repeat; } #simple #content #mid { background:url(/images/bg-sub-mid.png) repeat-y; padding:0 20px; } #simple #content #bottom { height:19px; background:url(/images/bg-sub-bottom.png) no-repeat; } #simple #content h1 { font-family:arial; font-size:24px; font-weight:bold; margin-bottom:6px; color:#fff; letter-spacing:-1px; } /* Admin styles ---------------------------------------------------------------------------------------- */ #home-image-operator { float: right; height:634px; width:445px; background:url(/images/home-image-3.jpg) no-repeat; } #note-text-admin { font:bold 24px/26px "Arial", sans-serif; color:#333; } #note-text-admin { word-wrap:break-word; position:relative; top:340px; left:90px; width:250px; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); } /*Reports-----------------------------------------------------------------------------------------------*/ #reports-buttons { } /*{ position:absolute; left:5px; top:100px;}*/ #reports-buttons td a { text-indent:-9999px; display:block; height:110px; width:344px; margin-left:4px; background-repeat:no-repeat; background-position:0 0; } #reports-buttons #button-menus a { background:url(/images/btn-menu-engineering.png); } #reports-buttons #button-nutrition a { background:url(/images/btn-nutritional-analysis.png); } #reports-buttons #button-profit a { background:url(/images/btn-profit-engineering.png); } #reports-buttons #button-comp a { background:url(/images/btn-product-comparison-tool.png); } #reports-buttons #button-menus a:hover, #reports-buttons #button-menus.on a, #reports-buttons #button-nutrition a:hover, #reports-buttons #button-nutrition.on a, #reports-buttons #button-profit a:hover, #reports-buttons #button-profit.on a, #reports-buttons #button-comp a:hover, #reports-buttons #button-comp.on a { background-position:0 -110px; } /* tooltip styling. by default the element to be styled is .tooltip */ .BlackTooltip {display:none;background-color:#000;background:transparent url(/images/black_arrow-products.png) no-repeat scroll 0 ;overflow:hidden;height:210px;width:450px;font-size:11px;padding-left:65px;padding-right:40px;padding-top:50px;color:#fff;border:0;z-index:30000;} /* style the trigger elements */ #prodError img {border:0;cursor:pointer;margin:0 8px;}