/**************************** RESET CSS ***********************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, fieldset { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; } ol, ul { list-style: none; } fieldset { width:auto; } input,textarea { padding:0px; margin:0px; border:0px; outline:0px; color:#707070; font-size:11px; font-family:Arial, Helvetica, sans-serif;} /* remember to define focus styles! */ :focus { outline: 0; } img, div { behavior: url(scripts/iepngfix.htc); border:0px; } .clear { clear:both; } .floatleft { float:left; } .floatright { float:right; } /**************************** END :: RESET CSS ***********************************/ body { color:#707070; font-size:12px; font-family:Arial, Helvetica, sans-serif; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#29A3E2 url(../i/body_bg.jpg) no-repeat fixed center top; margin:0 auto; } body.print { color:#707070; font-size:12px; font-family:Arial, Helvetica, sans-serif; background-image:none; background-color:#FFF; padding:0px 0px 10px 10px; } h1.one,h1.oneb{ line-height:38px; font-size:32px; color:#d667b0; text-transform:capitalize; } h2 { color:#525252; font-weight:bold; font-size:11px; text-transform:capitalize; } h2.two { color:#525252 ; font-weight:bold; font-size:24px; text-transform:capitalize; } h2.three{ color:#525252 ; font-weight: normal; font-size:24px;text-transform:capitalize; } h2.four{ color:#525252 ; font-weight: normal; font-size:24px; text-transform:none; text-align:left} h3.one { color:#502b1d; font-size:11px; font-weight:bold; text-transform:capitalize; } a ,a:link, a:visited { color:#0073ae; text-decoration:none; } a:hover, a:active { color:#49a942; text-decoration:none;} a.arrow-link {background:url(../i/icon/tout-arrow.gif) no-repeat 100% 30%; font-weight:bold; padding:0 10px 0 0; text-transform:capitalize;} a.arrow-link:hover {background:url(../i/icon/tout-arrow_on.gif) no-repeat 100% 30%;} .errorText{color:#e71940;margin-top:10px;} .btn { cursor: pointer; border:0px; background-repeat: no-repeat; background-color: transparent; display:block; } /* header/main nav */ .header { margin:0 auto; width:1065px; height: 170px; position:relative; z-index:1000;overflow:hidden; } .headerwrapper { padding-top: 10px; } .header ul.logo { position:absolute; top:14px; left:0px; } .header ul.topnav { width:495px; float: right; margin-top: 30px; padding-right: 65px;} .header ul.topnav2 { float: right; position:absolute; left:900px; top: 109px; width:100px; } .header ul.topnav li { float: right; padding-left:8px;} .header ul.topnav li.txt { float: right;font-size:11px; color:#ffffff;font-weight:bold; width:185px;text-align:right; padding-left:0px; margin-top:-3px; overflow:hidden;} .header ul.topnav li.paddingtop { padding-top: 15px; } .header ul.topnav li.paddingtop2 { padding-top: 11px;} .header ul.topnav li.paddingtop2 { padding-top: 15px\0/} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.header ul.topnav li.paddingtop2{ padding-top: 15px;}} .header ul.topnav li#gotomms { padding-top: 15px; clear:right; width:102px; text-align:right; } .header ul.topnav a.logout{background:url(../i/icon/logout.png) no-repeat 0 0; width:50px; height:8px; display:block; } .header ul.topnav a.logout:hover{background:url(../i/icon/logout_on.png) no-repeat 0 0; width:50px; height:8px; display:block; } .header ul.topnav a.register{background:url(../i/icon/register.png) no-repeat 0 0; width:54px; height:8px; display:block; } .header ul.topnav a.register:hover{background:url(../i/icon/register_on.png) no-repeat 0 0; width:54px; height:8px; display:block; } .header ul.topnav a.signin{background:url(../i/icon/signin.png) no-repeat 0 0; width:43px; height:8px; display:block; } .header ul.topnav a.signin:hover{background:url(../i/icon/signin_on.png) no-repeat 0 0; width:43px; height:8px; display:block; } .header ul.topnav2 a#mms{background:url(../i/icon/gotomms.png) no-repeat 0 0; width:95px; height:8px; display:block; } .header ul.topnav2 a#mms:hover{background:url(../i/icon/gotomms_on.png) no-repeat 0 0; width:95px; height:8px; display:block; } .header ul.topnav2 li{ float:right;} /* touts */ .touts { margin:0 auto; width:1009px; height:140px; background:url(../i/tout_bg.gif) no-repeat 0 0; margin-top:20px; } .touts .toutwrapper { padding-left:15px; } .touts .tout { float: left; width: 270px; height: 116px; margin-top:11px; margin-left: 32px; padding-top: 11px; padding-left: 15px; background:url(../i/tout_frame.png) no-repeat 0 0; } .touts .tout ul { float: left; padding-right: 7px; } .touts .tout ul li img{ padding-top:5px} .touts .tout .toutheading { width: 170px; text-transform:capitalize; } .toutheading h3.one{width: 180px;} .touts .tout .touttext { width: 163px; font-size: 11px; line-height:13px; height:51px; *height:48px;} .touts .tout .touttext#two{height:41px; *height:38px;} .touts .tout a.learnmore { background:url(../i/icon/tout-arrow.gif) no-repeat 100% 40%; padding-right: 7px; font-size: 13px; font-weight:bold; } .touts .tout a.learnmore:hover { background:url(../i/icon/tout-arrow_on.gif) no-repeat 100% 40%; } /* footer */ .footer { margin:0 auto; width:1009px;color:#0073ae; font-size:11px; text-align:center; } .footer a:hover, .footer ul.footer li a:hover { color:#d667b0 } .footer ul.footer { float:left; padding:15px 0px 0px 0px; height:20px; width:850px; overflow:hidden; margin-left:100px;} .footer ul.footer li { float:left; padding:0px 8px 0px 8px; border-right:1px solid #0073ae; height:10px; line-height:11px; } .footer ul.footer li#nobord { float:left; padding:0px 0px 0px 8px; border-right:0px; height:10px; line-height:11px; } .footer ul.footer li a { font-weight:bold; color:#0073ae; } .footer p { float:left; font-size:10px; width:1009px; text-align:center; color:#0073ae;padding-bottom:10px; } .footer p a { color:#0073ae;} /* main content*/ .maincontent { margin:0 auto; width:1009px; position:relative; z-index:100; margin-top:-20px; } .maincontent-top { width:1011px; height:23px; background:url(../i/bg1a.png) no-repeat 0 0; z-index:300; position:relative } .maincontent-hr { margin:0 auto; width:1009px; height:15px; background:url(../i/bg1c.gif) no-repeat 0 0; } .maincontent-content { margin:0 auto; width:1008px; min-height:652px; position:relative; z-index:200; background:#ffffff url(../i/bg1b.gif) no-repeat top left; border-left:1px solid #9d9d9d; } .maincontent-content-2 { margin:0 auto; width:1008px; height:652px; position:relative; z-index:200; background:#ffffff url(../i/bg1b.gif) no-repeat top left; border-left:1px solid #9d9d9d; } #content {clear:both; float:left; } /* menu*/ .menu1 { float:left; margin-left:40px; _margin-left:20px; } #leftnav{ float:left; background:url(../i/menu_bg1.gif) no-repeat 0 0; width:216px; height:600px; } .menu1activity { height: 62px; padding-top: 17px; padding-left: 19px; } .menu1activity li { float: left; padding-top: 2px; padding-right: 10px; } .menu1events { height: 96px; padding-top: 10px; padding-left: 19px; } .menu1events ul { float: left; padding-top: 2px; } .menu1events ul.leftcol { padding-right: 32px; } .menu1holidays { height: 102px; padding-top: 9px; padding-left: 19px; } .menu1holidays li { float: left; padding-top: 1px; padding-right: 8px; padding-bottom: 2px; } .menu1ingredients { height: 110px; padding-top: 10px; padding-left: 19px; } .menu1ingredients ul { float: left; padding-top: 2px; } .menu1ingredients ul.leftcol { padding-right: 32px; } .menu1difficulty {padding-top: 13px; padding-left: 19px; height:68px; } .menu1difficulty li { float: left; padding-top: 2px; padding-right: 7px; margin-bottom: 26px; } .menu1hr { width: 199px; height: 2px; background:url(../i/menu_hr.gif) repeat-x 0 0; margin-left: 7px; } .menu1seeall{padding:23px; padding-left:19px;} #findrecipe{padding:0px 0px 12px 13px; *padding:0px 0px 10px 13px; clear:both;} .menu2 { float:left;width:216px; height:61px; margin-left:40px; _margin-left:20px; } /* secondary nav/search bar*/ .second_nav { float:right; width:695px; padding-right:35px; height:42px; } fieldset.search { float:right; width:220px; } .search ul.left { float:left; width:420px; } .search ul li { float:left; } .search ul { float:right } .search li.getideas { padding-right:35px; } .search ul li#search { float:right; padding-top:4px; } .search ul li.right { background:url(../i/search_r_bg.gif) no-repeat 0 0; width:14px; height:29px; } .search ul li.left { background:url(../i/search_l_bg.gif) no-repeat 0 0; width:10px; height:29px; } input.search { background:url(../i/search_bg.gif) repeat-x scroll 0 0; width:170px; height:29px; color:#707070; font-size:11px; line-height:29px; float:left; text-transform:capitalize; } ul.search-predict { position: absolute; left: 760px; top: 29px; font-size:10px; background-color:#e6e6e6; width:180px; padding:5px 0px 10px 0px;visibility:hidden; } ul.search-predict li { width:167px; padding:3px 5px 3px 8px;} .search-predict-ul-li {margin:0px;padding:0px 13px; } .search-predict-ul-li-selected {margin:0px; background-color:#cccccc; color:#d667b0;width:155px;} .second_nav #breadcrumb { clear:both; padding:10px 0px 0px 5px; font-weight:bold; display:block; color:#707070; font-family:Arial, Helvetica, sans-serif; font-size:11px;text-transform:capitalize; } .second_nav #breadcrumb a { font-weight:bold;font-size:11px; text-transform:capitalize; } /* frames*/ .frame1 { float:left; background:url(../i/bg_frame_l.gif) no-repeat 10px 10px; width:469px; height:338px; } .frame1 img { padding:32px 0px 0px 30px; } /* home*/ .homeC { float:right; padding:20px 0px 0px 20px; width:730px; } .homeC .col-474{ width:467px} .frame2 { float:left; height:328px; width:227px; overflow:hidden; } .frame2 ul.frame2 { float:left; width:227px; padding:0px; } .frame2 ul.frame2 li { float:left; width:227px; } .frame2 ul.frame2 li.rating { text-align:right; } .frame2 ul.frame2 li.rating#homePstars{ text-align:left; } .frame2 ul.frame2 li.rating#homePstars img.stars{ float:left;} .frame2 ul.frame2 li.txt { padding:13px 0px 10px 0px; } .frame2 ul.frame2 li.status { width:130px; border-bottom:1px solid #c0c0c0; padding-bottom:7px; margin-bottom:7px;text-transform:capitalize; } .frame2 ul.frame2 li.user { width:130px; float:left; text-transform:capitalize; } .frame2 ul.frame2 li.profile { float:right; width:65px;text-transform:capitalize; } .frame2 ul.frame2 li.button { padding-top:15px; } .btnHowmake { width:218px; height:29px; background: url(../i/icon/btn_how_to_make.gif); } /* get ideas slide page */ #get-inspired-hdr { padding:35px 0 25px 275px; width:400px; clear:left; } #slide-mask { clear:both; height:318px; overflow:hidden; position:relative; width:1008px; } #slide-mask ul { float:left; height:335px; left:-255px; position:absolute; width:10000px; } #slide-mask ul li { float:left; width:532px; } #slide-ctrl { display:inline; float:left; margin:10pt 0pt 0pt 253px; width:511px; } #slide-arrow-left { float:left; background:url(../i/icon/arrow_left.gif) no-repeat 0px 6px; width:12px; height:28px; } #slide-arrow-left:hover { background:url(../i/icon/arrow_left_ro.gif) no-repeat 0px 6px; } #slide-desc-container { float:left; width:480px; } #slide-arrow-right { float:left; background:url(../i/icon/arrow_right.gif) no-repeat 0px 6px; width:12px; height:28px; } #slide-arrow-right:hover { background:url(../i/icon/arrow_right_ro.gif) no-repeat 0px 6px; } #slide-ctrl-holder { border-bottom:1px solid #c0c0c0; float:left; margin: 0px 0px 15px 13px; width:450px;text-transform:capitalize; } #slide-ctrl-holder img { float:right; padding-top:6px; } #slide-desc { display:inline; float:left; width:370px; padding-bottom:3px; color:#ee5f75;font-weight:bold;text-transform:capitalize; } #slide-btn { display:inline; float:left; margin-left:10px; } img.frame-l { background:url(../i/bg_frame_l.gif) no-repeat top left; padding:20px 19px 24px 20px; display:block; } /* --------------------------------------inherited styles from previous build--------------------------------------------------------- */ /* search sort row header */ #content #search-sort-row {float:left; margin-bottom:3px; margin-top:0px; padding-bottom:7px; width:930px;} #content #search-sort-row .col-237{width:207px; float:right;} #search-sort-row p { text-transform:capitalize; padding-top:18px; } #search-sort-row p span{font-weight:bold;} #search-sort-view {display:inline; float:right;text-align:right; } #search-sort-view li {display:inline; float:left;width:56px; text-align:right;} .inputleft {background:url(../i/bg_input_left.gif) no-repeat top left; padding-left:6px; width:200px; height:22px; float:left;} .inputright {background:url(../i/bg_input_right.gif) no-repeat top right; width:204px; height:22px; float:left;} /* pagination classes */ .spacer1{height:15px;width:940px;} .spacer2{height:15px;width:690px;clear:both;} .page-results { padding:10px 0 0 0px;text-transform:capitalize;width:500px;} .page-links { color:#d667b0; float:right; padding:10px 0px 0 0; text-align:right; font-weight:bold; margin-bottom:16px; width:230px;} .page-links#bottom{ margin-right:8px; *margin-right:40px; float:right;} .page-links#top{position:absolute; top:100px; right:37px; } #SR{width:700px;} a[disabled="disabled"]{color:#d667b0;} #content .page-links a { color:#d667b0; font-weight:bold; } #content .page-links a:hover { color:#d667b0; } .bot-space { margin-bottom:4px; } img.ingrid { float:left; margin-right:8px; margin-top:8px; } img.submittant { float:left; margin-right:8px; margin-bottom:15px; } img.promo { float:left; margin-right:8px; } img.frame-l { background:url(../i/bg_frame_l.gif) no-repeat top left; padding:22px 20px; display:block;} img.frame-m { background:url(../i/bg_frame_m.gif) no-repeat top left; margin-top:15px; padding:13px 15px 12px 15px; display:block; } div.frame-l { background:url(../i/bg_frame_l.gif) no-repeat top left; padding:32px; display:block; } /* explore search no results page */ /* explore */ .ExploreResults { float:right; padding:0px 0px 0px 20px; width:730px; } .ExploreResults .col-711#border{ border-top:1px solid #d6dadc; width:693px;} .ExploreResults .col-474{width:454px;} #search-noresult { height:auto !important; height:340px; min-height:340px;text-align:center;} #search-noresult h1 { font-size:28px; font-weight:normal; line-height: 28px;padding:95px 0 12px 0; width:550px; float:left; text-align:left;} #search-noresult h2.four { font-size:18px; font-weight:normal; line-height: 18px; padding-left:0px; width:550px; float:left; text-align:left;} #search-suggestions h3 { color:#0073ae; font-size:11px; margin:0 0 0 5px; font-weight:bold;} #search-suggestions img.frame-m { margin-top:0px; border:1px solid green;} .empty-left-col { display:inline; margin:0 0 0 237px; } .left-pad-30 { padding-left:30px; } img.email { float:right; margin-left:28px; } img.print { float:right; margin-left:28px; margin-right:8px; } img.stars { float:right; } .recipe-m { padding:3px 0px 0px 3px;font-weight:bold; font-size:11px; width:215px; } .recipe-m p { float:left; margin:0; padding:0; width:145px; overflow:hidden; white-space:nowrap; position:relative;text-transform:capitalize; } .recipe-m img { float:right; margin:2px 0 0 0; padding:0; } /* stars image */ #content .recipe-m a { color:#0073ae; font-weight:bold; } #content .recipe-m a:hover, #content .recipe-m a:active, #content .recipe-m a:focus { color:#d667b0; } .recipe-featured { display:inline; padding:10px 10px 10px 10px; } .recipe-featured h1 { width:220px; font-size:38px; } .recipe-featured h1 embed { top:0; left:0; position:relative; z-index:500; } .recipe-featured .profile-desc { float:left; width:137px; } .recipe-featured .profile-thumb { float:left; } .recipe-featured .profile-list-hdr { width:131px; } .recipe-featured p { margin-bottom:15px; width:217px; color:#90ADB1; margin-top:5px; width:217px;} .recipe-featured ul { color:#90ADB1; margin-top:5px; width:137px; } .btn-make { margin-top:10px; } .flip { display:none; width:237px; height:178px; background:url(../i/bg_frame_m_back.gif) no-repeat 0px 15px; } .flippad { padding:32px 0px 24px 15px; height:120px; width:190px; font-size:10px;; color:#74878B; } .flippad h2 { float:left; font-size:11px; width:130px;text-transform:capitalize; } .flippad img { float:right; margin:2px 0 0 0; } /* stars image */ .flippad img.link-make { float:left; margin:4px 0 0 0; } .flippad p { float:left; width:175px;} .flippad a.tout2{ font-weight:bold; font-size:11px;background:url(../i/icon/tout-arrow.gif) no-repeat 100% 0%; padding-right: 8px; text-transform:capitalize; } .flippad a.tout2:hover{background:url(../i/icon/tout-arrow_on.gif) no-repeat 100% 0%; } #content .flippad a { color:#0073ae; font-weight:bold; } #content .flippad a:hover, #content .recipe-m a:active, #content .recipe-m a:focus { color:#d667b0; } #content .flippad a.arrow-link { background:url(../i/icon/arrow_blue.gif) no-repeat right 4px; font-size:1.2em; font-weight: normal; float:left; margin-top:10px; } .fliptop { float:left; border-bottom:1px solid #74878B; margin-bottom:6px; padding-bottom:6px; width:190px; margin-top:3px; text-transform:capitalize; } .fliptop p { position:relative; overflow:hidden; white-space:nowrap; width:133px;} /* my ideas list layout */ #col-main-my-ideas { padding-top:32px; } #col-main-my-ideas h1 { float:left; margin:0 0 10px 0px; width:459px; } #col-main-my-ideas p.errorText { margin-bottom:10px;color:#e71940;} #my-ideas-hdr { margin-left:10px; margin-bottom:8px; } .my-ideas-row { clear:left; float:left; margin-top:6px; width:469px; } .my-ideas-rating { display:block; margin:0px 0px 4px 34px; width:58px;} .my-ideas-thumb-container { float:left; width:124px; padding-top:10px; } .my-ideas-thumb { clear:left; float:left; margin-left:10px; width:109px; } .my-ideas-thumb-nostar { clear:left; float:left; margin-top:10px; margin-left:10px; width:109px; } .my-ideas-desc { display:inline; float:left; margin-left:10px; width:345px; } .my-ideas-desc-hdr { float:left; width:340px; padding-bottom:3px;} .my-ideas-desc-hdr h2 { font-size:14px; float:left; margin-top:8px; overflow:hidden; width:190px; font-weight:bold; } .my-ideas-desc-hdr h3 { font-size:12px; float:right; margin-top:8px; text-align:right; width:150px; font-weight:normal;} #col-main-my-ideas .my-ideas-desc-hdr h3 .date { color:#707070; float:none; } .my-ideas-desc-body { border-top:solid 1px #dbe0e1; float:left; width:340px; } .my-ideas-desc-body p {height: auto !important; height:32px; min-height:27px; margin-top:8px; font-size:14px;width:340px; padding-bottom:5px; } .my-ideas-desc-more { float:left; margin-top: 3px; width:340px;} #recipe-detail .my-ideas-desc-more{margin:5px 0px 8px 0px;} .my-ideas-desc-more p { font-size:11px; float:left; margin:0; padding-right:5px; width:260px; } #col-main-my-ideas .my-ideas-desc-more a.arrow-link { background:url(../i/icon/arrow_blue.gif) no-repeat center right; float:right; font-size:1.0em; font-weight:normal; padding:0 8px 0 0; } /* search results list layout */ #search-results-list { padding-top:0px; } .search-list-rating { float:left; margin:13px 257px 4px 25px; width:58px; } .search-list-thumb { clear:left; float:left; margin-left:25px; width:75px; } .search-list-desc { display:inline; float:left; margin-left:10px; width:340px; } .search-list-desc-hdr h2 { font-size:.85em; float:left; } #search-results-list .search-list-desc-hdr h2 a { color:#3b1000; } #search-results-list .search-list-desc-hdr h2 a:hover { color:#967d73; } .search-list-desc-hdr h3 { font-size:.85em; float:right; } #search-results-list .search-list-desc-hdr h3 .date { color:#707070; float:none; } .search-list-desc-body { border-top:solid 1px #dbe0e1; float:left; width:340px; } .search-list-desc-body p { color:#707070; margin-top:10px; } .search-list-desc-more { float:left; margin-top: 11px; width:340px; } .search-list-desc-more p { color:#3B1000; font-size:.85em; float:left; margin:0; width:260px; } #search-results-list .search-list-desc-more a.arrow-link { background:url(../i/icon/arrow_blue.gif) no-repeat center right; float:left; font-size:1.0em; font-weight:normal; line-height:1.3em; padding:0 8px 0 0; } /* added for recipe details page */ #print { padding-top:10px; } .save-on { background:url('../i/icon/save_tab_bg.png') no-repeat; padding:10px 8px 0 13px; } .save-off { padding:10px 8px 0 13px; } #saved-tab { display:none; } #save-ol p.saverecipetext{ width:240px;} #save-msg-saved { display:none; } #save-ol { position:absolute; left:-204px; top:23px; width:211px; visibility:hidden; z-index:500; } :first-child+html #save-ol{top:21px;} #save-ol-btm { margin-top:-1px; } :first-child+html #save{ margin-top:-3px; } #save, #loginToSave { background:url(../i/overlay/save_bg.gif) repeat-y 0 0; height:auto !important; height:27px; float:left; width:277px; } #save p, #loginToSave p { display:inline; margin:0 10px; padding:7px 0; width:235px;text-transform:capitalize; } #loginToSave p a{ text-transform:capitalize;} /* Main content area /* global container and header styles */*/ #content { clear:both; float:left;width:1006px;} .col-948 { display:inline; float:left; width:948px; margin:0 40px;} .col-711 { float:left; width:711px; } .col-474 { float:left; width:474px; } .col-237 {float:left; width:237px;} .col-237, .flip-trg { float:left; width:237px; } .col-pad { padding:6px 10px 6px 10px; } /* three column layout */ #content #col-left { font-size:12px; padding-left:0px; margin-top:40px; width:237px; } #col-main { font-size:12px; margin-top:40px; } #col-main b { display:block; float:left; width:455px; } #content #col-right { display:inline; font-size:.9em; margin-top:40px; padding-left:10px; width:217px; } /* left 3rd */ #col-left ul.submittant-detail { color:#707070; margin-top:10px;text-transform:capitalize; } #col-left ul.submittant-detail a { color:#0073ae; } #col-left ul.submittant-detail a:hover { color:#d667b0; } #col-left p { color:#707070; float:left; width:227px; } #col-left h2.hdr-link-cta { border-bottom:solid 1px #DBE0E1; float:left; font-size:1.1em; margin-top:30px; padding-bottom:5px; width:205px; margin-bottom:15px; } #col-left h2.hdr-link-cta img#newsletter-hdr { display:inline; float:left;} #col-left h2.hdr-link-cta a.arrow-link { background:url(../i/icon/arrow_blue.gif) no-repeat right 2px;float:right; font-size:1.1em; font-weight:normal; line-height: .9em; margin-right:10px; padding-right:7px; } #col-left a.arrow-link { background:url(../i/icon/arrow_blue.gif) no-repeat right 2px; float:left; font-size:1.1em; font-weight:normal; line-height: .9em; margin-left:10px; padding:0 7px 2px 0 } #col-left-my-profile a.arrow-link { float:left; margin-left:0px; } ul.my-profile-link { clear:left; float:left; } ul.my-profile-link li { clear:left; float:left; width:217px; } #col-left #newsletter-list { float:left;margin:5px 0; } #col-left #newsletter-list li { background:url(../i/bullet_gray.gif) no-repeat left center; margin:5px 0 5px 0px; padding-left:8px; } a.getnewsletter{background:url(../i/get_newsletter.gif) no-repeat 0 0; width:152px; height:10px; display:block; float:left; margin-bottom:20px;} a.getnewsletter:hover{background:url(../i/get_newsletter_ro.gif) no-repeat 0 0;} #col-main p.nopadleft{ margin-left:0px;} #col-left p {width:207px; color:#707070; } /* middle 3rd */ #col-main h1 { font-size:32px;line-height:30px; margin:0 0 15px 0px; position:relative; width:464px; text-transform:capitalize; } #col-main h1 embed { position:relative; top:0; left:0; } #col-main h2 { display: inline; float:left; line-height: 1em; margin:15px 0 0 0px; padding:0 0 8px 0; width:450px; } #col-main h2 .sub-hdr { float:left; } #col-main h2 img.stars { float:right } #col-main h3 { display:inline; float:left; font-size:12px; font-weight:normal; margin:10px 0 0 10px; padding:0; width:455px; } #col-main p { display:inline; float:left; font-size:12px; margin:10px 0 10px 10px; width:455px; } #col-main p a { text-transform:capitalize;} #col-main ul { color:#707070; float:left; margin:10px 0 0 0;} #col-main ul#nutrition-list{ text-transform:capitalize;} /* recipe rating, email and print icons */ #col-main .recipe-list-hdr { display:inline; float:left; padding:9px 0px 0px 0px ; width:450px; } #col-main .recipe-list-hdr h2 { margin:10px 0 0 0; padding:0; width:153px; } .stars_on { background:url(../i/overlay/bg_stars_on.jpg) no-repeat top left; display:block; padding:12px 8px 12px 13px;} .stars_off { display:block; padding:12px 8px 12px 13px; } #col-main ul.recipe-icons { float:right; margin:0; padding:0; width:297px;} #col-main ul.recipe-icons li { float:left; margin:0; position:relative; } #col-main ul.goright {width:200px; float:right} #col-main ul.recipe-icons li#rating-trg img{padding:10px 8px 10px 13px;} /* recipe rating overlay */ #col-main #rating, #col-main #loginToRate { height:86px; left:-24px; top:15px; position:absolute; width:171px; z-index:800; } :first-child+html #col-main #rating, #col-main #loginToRate{top:15px;} #col-main #rating #rating-bg, #col-main #rating #rating-login-bg { height:61px; left:0px; top:0px; position:absolute; width:171px; z-index:500; } .login-rate-link { margin:0 0 0 23px; position:absolute; left:0; top:20px; text-transform:capitalize; } #col-main #rating #rating-hdr { margin:0 0 0 26px; top:11px; position:absolute; z-index:750; } #col-main #rating #rating-stars-container { display:inline; float:left; margin:5px 0 0 38px; padding:0; top:32px; position:absolute; z-index:750; } #col-main #rating #rating-stars-container li { float:left; margin:0; padding-right:4px; } #col-main #rating #rating-stars-container li img { display:block; } #col-main .tab-ol { left: -63px;position:absolute; top:27px; } :first-child+html #col-main .tab-ol{top:19px;} #printmenu{ float:left; width:425px; vertical-align:middle; height:30px;} #printmenu a { float:right; vertical-align:middle;} #printmenu input{float:right; vertical-align:middle; padding:8px 0px 0px 10px;} #col-main #email-ol {height:auto !important; height:350px; z-index:1000; width:275px; } #col-main #email-bg-top { position: relative; z-index: 1000; height:8px; margin:0; padding:0; top:0px; *top:3px;} #col-main #email-bg-btm { position:absolute; bottom:-12px; left:0px; z-index:1000; } #col-main #print-ol { background:url(../i/overlay/print_bg.gif) repeat-y; height:auto !important; height:550px; min-height:550px; left:-415px; width:463px; z-index:1000; } #col-main #print-bg-top { position:absolute; top:-7px; left:0px; z-index:1000; } #col-main #print-bg-btm { position:absolute; bottom:-13px; left:0px; z-index:1000; } /* ingredient subheads*/ #col-main b { display:block; float:left; width:455px; margin-top:10px; padding-left:10px; } #col-main ul strong { color:#707070; } #col-main ul.bullet { font-size:1.1em; margin:0 0 10px 0; } #col-main ul.bullet li { background:url(../i/bullet_gray.gif) no-repeat left center; padding-left:10px; } ul.recipe-list-details li { margin:3px 0; text-transform:capitalize;} ul.recipe-list-ingredients li { font-weight:bold; margin:3px 0; width:217px; } ul.recipe-list-directions li { font-size:1.1em; margin-bottom:16px; width: } #nutrition-list li {font-weight:bold; padding-bottom:4px; padding-top:1px; position:relative; width:257px; } #nutrition-list li span { position:absolute; top:0px; right:0px; font-weight:normal; } /* email friend inner overlay */ #col-main #email-in { float:left; min-height:350px; height:auto! important; height:350px; padding:0 0px 0 30px; width:281px;background:url(../i/overlay/bg_email_overlay.png) repeat-y 0 0;} #col-main #email-in .intro { font-family: Verdana, Geneva, sans-serif; font-size:11px; line-height:13px; margin-top:20px; width:200px;} #col-main #email-in ul { margin:10px 0 10px 0px; padding:0px; } #col-main #email-in ul li { padding-bottom:15px; } #col-main #email-in img { display:block; } #col-main #email-in input { background:url(../i/bg_input.gif) repeat-x; border:0px; width:203px; height:22px; color:#707070; float:left; font-size:11px; line-height:22px; } #col-main .inputleft{display:inline;} #col-main #email-in .inputleft { margin:0px; } #col-main #email-in .inputright { background:url(../i/bg_input_right.gif) no-repeat top right; width:209px; height:22px; float:left; } #col-main #email-in .txtarea { background:#f2f2f2 url(../i/bg_textarea.gif) repeat-y top right; width:209px; height:73px; border:0px;color:#707070; font:11px verdana; overflow:hidden; padding-left:4px; } #col-main #email-in .txtarea-top { background:url(../i/bg_textarea_top.gif) no-repeat top left; width:213px; height:6px; padding-top:5px; } #col-main #email-in .txtarea-btm { background:url(../i/bg_textarea_btm.gif) no-repeat bottom left; width:213px; height:79px; } #col-main #email-in input.send { width:213px; height:34px; margin-top:70px; _margin-top: 0; } #col-main #email-in .close-btn { position:absolute; top:12px; *top:17px; _left:212px; width:18px; height:18px; left:auto; right:15px; } .dotted { background:url(../i/border_dotted.gif) repeat-x left bottom; } .dotted-line { background:url(../i/border_dotted.gif) repeat-x left top; padding-top:5px; margin-top:5px; } img.submittant { float:left; margin-bottom:15px; margin-right:8px; } #col-right .check-out-row { display:inline; float:left; width:217px; } #col-right .check-out-thumb { float:left; margin-top:10px; } #col-right .check-out-desc { display:inline; float:left; margin:10px 0 0 10px; width:132px; clear:right; } #col-right .check-out-desc img.stars{ float:left;} #col-right .check-out-desc a{text-transform:capitalize; } #col-right #tags-hdr { margin-top:30px;text-transform:capitalize; } #col-right #tags-links { color:#0073ae; margin:10px 0; padding-left:5px; text-transform:capitalize; } /* submit ideas page */ #submit-ideas { float:left; padding-left:45px; width:455px;} .submission{ padding-bottom:40px;} .submission h1.one{ margin-top:30px;} #submit-ideas p.errorText {color:#e71940; } #submit-ideas h1 { float:left; margin-top:20px; width:455px; } #submit-ideas h1.oneb{margin-top:30px;} #submit-ideas h2 { float:left; margin-top:20px; width:455px; } #submit-ideas h2 img { float:left; } #submit-ideas h2 span { color:#51696c; float:right; font-size:10px; font-weight:normal; } #submit-ideas h3 { height:20px; margin:5px 0 0 0; padding:0; width:205px; } #submit-ideas h3.help-container { position:relative; } #submit-ideas h3.hdr-tags { clear:left; float:left; } #submit-ideas h3 .help-btn { float:right; } a.help-btn{background:url(../i/btn_help.png) no-repeat;width:14px; height:14px; display:block; } a.help-btn:hover{background:url(../i/btn_help_ro.png)} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Opera 9 rules here */ #submit-ideas input.file-submit { border:none; } } .submit-ideas-desc { float:left; margin:5px 0 10px 0; width:455px; } #submit-ideas input { background:url(../i/bg_input.gif) repeat-x; border:0px; width:203px; color:#707070; float:left; font-size:11px; line-height:1.5em; } #submit-ideas .inputleft .inputright input { height:22px; } /* added preview, save and help buttons for submit ideas section, add tooltips */ #submit-ideas .help-ttip { cursor:pointer; float:left; height:14px; margin-top:7px; width:14px; visibility:hidden;} #submit-ideas input.preview-btn, #submit-ideas input.save-btn { float:left; height:25px; margin-top:18px; width:80px; background:none; } #submit-ideas input.submit-btn { float:left; margin-top:16px; margin-left:14px;background:none;} .tt-container { position:absolute; height:118px; width:247px; z-index:10000; } .tt-body { background:#fff; border-left:solid 1px #dbdbdb; border-right:solid 1px #dbdbdb; height:94px; padding-left:16px; position:relative; } #submit-ideas .tt-container h3, .preview-btn-container h3 { font-size:14px; height:90px; line-height:14px; margin:0; width:205px; } .tt-close-btn { cursor:pointer; height:18px; right:9px; position:absolute; top:0px; width:18px; } .submission#submit-ideas .inputright input{*line-height:2em;} /* preview recipe page bright_idea_preview.aspx */ .submitpreview h1.one{ padding-left:50px; padding-top:30px;} .submitpreview #col-main h1.one{ padding:0px;} .submitpreview .recipe-list-directions{ width:430px;} #hdr-submit-ideas { margin-top: 20px; margin-left: 30px; margin-bottom: 17px; } #preview-wrapper {float: left; padding-top:5px; width:990px;} #preview-wrapper-left { background: url(../i/prev_left.gif) repeat-y 0px 0px; float:left; width:9950px; } #preview-wrapper-right { background: url(../i/prev_right.gif) repeat-y top right; float:left; width:995px; } #preview-ctrl-container-top { background-color:#e0e0e0; float:left; height:auto !important; height:97px; min-height:97px; width:990px; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; margin-left:10px;} #preview-ctrl-container-btm { background-color:#e0e0e0; float:left; height:auto !important; height:47px;min-height:47px; width:990px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;margin-left:10px; margin-bottom:50px;} .preview-ctrl-right { float:left; padding-left:278px; width:700px; } .hdr-idea-preview { float:right; margin-top:18px; margin-right:8px; } .preview-desc-container { margin-top:13px; } .preview-btn-container .preview-terms input { float:left; height:15px; margin:15px 5px; width:11px; } .preview-btn-container label { float:left; margin-top: 15px; width:250px; } .preview-btn-container .help-ttip { cursor:pointer; float:left; margin-bottom: 16px; margin-left:3px; margin-top:0; visibility:hidden; } .preview-btn-container .preview-btn { float:left; margin-left: 20px; margin-top: 12px; } .preview-btn-container .save-btn { float:left; margin-left: 5px; margin-top: 12px; } .preview-btn-container .submit-btn { float:left; margin-left: 5px; margin-top: 12px; } #submit-ideas .submit-ideas-row { float:left; margin-top:15px; width:455px; } #submit-ideas a.arrow-link { background:url(../i/icon/arrow_blue.gif) no-repeat right 2px; color:#34ABCD; float:left; font-size: 1.0em; font-weight:normal; line-height: .9em; margin:5px 0; padding: 0 7px 0 0; white-space:nowrap; } #submit-ideas a.arrow-link:hover { color:#58CEEE } .submitpreview#content #col-left{width:247px; overflow:hidden;} .submitpreview #col-left-my-profile {margin-top:0px;} .submitpreview #col-left-my-profile a.editP {background:url("../i/edit.gif") no-repeat scroll 0 0 transparent;display:block;float:right;height:10px;width:36px;} .submitpreview #col-left-my-profile a.editP:hover{background:url("../i/edit_ro.gif") no-repeat scroll 0 0 transparent;} .submitpreview #col-left-my-profile a.changePH {background:url("../i/change_photo.gif") no-repeat scroll 0 0 transparent;display:block;height:10px;margin:1px 0 5px;width:115px;} .submitpreview #col-left-my-profile a.changePH:hover {background:url("../i/change_photo_ro.gif") no-repeat scroll 0 0 transparent;} .submitpreview #col-left-my-profile a.changePS {background:url("../i/change_pass.gif") no-repeat scroll 0 0 transparent;display:block;height:10px;width:141px;} .submitpreview #col-left-my-profile a.changePS:hover {background:url("../i/change_pass_ro.gif") no-repeat scroll 0 0 transparent;} .previewbuttons{ float:left; width:700px; padding-bottom:15px;} .previewbuttons .preview-btn {float:left;margin-left:0px;margin-top:12px;} #submit-ideas a.arrow-link-choose { background:url(../i/choose-photo.gif) no-repeat; height:23px; width:140px;display:inline-block;line-height: .9em; margin-top:55px; *margin-top:71px; padding:0 7px 0 0; float:left; white-space:nowrap; } #submit-ideas a.arrow-link-choose:hover {background:url(../i/choose-photo_ro.gif) no-repeat; } a.addmoresub{background:url(../i/add-more.gif) no-repeat 0 5px; height:10px; width:79px; display:block; float:left; padding:5px 0px 5px 0px;} a.addmoresub:hover{background:url(../i/add-more_ro.gif) no-repeat 0 5px;} #submit-ideas img.frame-m { background:url(../i/bg_frame_m.gif) no-repeat; margin:0; padding:14px; margin-left:5px; } #submit-ideas .inputright { background:url(../i/bg_input_right.gif) no-repeat top right; width:209px; height:22px; float:left; } #submit-ideas .txtarea {background:#f2f2f2 url(../i/bg_textarea.gif) repeat-y top right; width:209px; height:73px; border:0px;float:left; height:73px; color:#707070; font-size:11px; font-family:Arial, Helvetica, sans-serif; overflow:auto; padding-left:4px; } #submit-ideas .txtarea-top { background:url(../i/bg_textarea_top.gif) no-repeat top left; float:left; width:213px; height:85px; padding-top:5px; } #submit-ideas .txtarea-btm { background:url(../i/bg_textarea_btm.gif) no-repeat bottom left; width:213px; height:73px; padding-bottom:6px; } #submit-ideas .submit-ideas-left { float: left; width: 235px; } #submit-ideas .submit-ideas-right { float: left; padding-left:4px; width: 201px; } #submit-ideas .submit-ideas-right-photo { float: left; width: 205px; } #submit-ideas .submit-ideas-right-photo a { display:inline; float:left; margin:0; padding:0; } #submit-ingredients li { clear:left; float:left; margin:0 0 10px 0; } #submit-directions li { clear:left; float:left; margin:0 0 10px 0; } #submit-ideas .submit-ideas-left h3 { width:215px; } #submit-ideas .submit-ideas-left p { float:left; padding-top:5px; width:215px; } #submit-ideas .submit-ideas-right p { float:left; width:205px; } #submit-ideas .checkrow { clear:left; float:left; padding-bottom:15px; width:456px; text-transform:capitalize; } #submit-ideas .checkrow li { float:left; font-size:.9em; } #submit-ideas .checkrow li input { background:transparent; border:0px; float:left; margin:2px 0 0 0; padding:0; width:auto; } #submit-ideas .checkrow label { display:block; float:left; padding:2px 0 0 2px; } #submit-ideas .checkrow li { margin:2px 0; width:114px; } #submit-ideas .checkrow li.last { width:86px; } #submit-ideas .checkrow2 { clear:left; float:left; padding-bottom:15px; width:456px; } #submit-ideas .checkrow2 li { clear:left; float:left; font-size:.9em; margin:2px 0; } #submit-ideas .checkrow2 li input { clear:left; background:transparent; border:0px; margin:2px 0 0 0; padding:0; width:auto; } #submit-ideas .checkrow2 label { float:left; display:block; padding:2px 0 0 2px; } *:first-child+html #submit-ideas .checkrow2 label, *:first-child+html #submit-ideas .checkrow label{ padding:5px 0 0 0px;} #submit-ideas .submit-ideas-left .checkrow { width:205px; } #submit-ideas #submit-ideas-confirm p { padding:15px 0 9px 25px; } #submit-ideas #submit-ideas-confirm p a {padding-bottom:2px; } #submit-ideas #submit-ideas-confirm input { background:none; width:auto; } #submit-ideas #submit-ideas-confirm label { display:block; float:left;padding:0px 0 0 10px; line-height:11px; } *:first-child+html #submit-ideas #submit-ideas-confirm label{ display:block; float:left;padding:4px 0 0 5px; line-height:12px;} #submit-ideas #submit-ideas-confirm .submit-agree { float:left; width:211px; } #submit-ideas #submit-ideas-confirm .submit-preview { float:left; padding:2px 0; width:200px; } #submit-ideas #submit-ideas-confirm .submit-clear { padding-top:2px; } /* submit ideas help tip */ #submit-ideas .submit-ideas-help { left:0; top:-8px; margin:0 0 0 -16px; position:absolute; width:254px; z-index:1000; } #submit-ideas .submit-ideas-help-body { background:url(../i/bg_help.gif) repeat-y 0px 0px;font-size:11px; font-weight:normal; height:auto !important; height:122px; min-height:122px; padding:0 0 20px 0; width:254px; margin-top:-2px; } #submit-ideas .submit-ideas-help p { display:inline; float:left;margin:0px 20px 0px 20px; padding:0; width:220px; } #submit-ideas .submit-ideas-help ul { position:relative; margin:0px 0px 0px 80px; } #submit-ideas .submit-ideas-help ul li { margin:0; padding:0; } #submit-ideas a.submit-ideas-help-close { float:right; position:relative; margin:-1px 8px 0 0; z-index:2000;background:url(../i/btn_plus.gif) no-repeat top left; width:18px; height:18px; display:block; } #submit-ideas a.submit-ideas-help-close:hover{background:url(../i/btn_plus_ro.gif) no-repeat top left;} #submit-ideas .submit-ideas-help-top { margin:0; padding:0; } #submit-ideas .submit-ideas-help-btm { left:0;position:absolute; z-index:1500; } /* submit photo overlay */ #submit-ideas .submit-ideas-photo-ol { margin:-6px 0 0 -18px; position:absolute; width:254px; z-index:1500; } #submit-ideas .submit-ideas-photo-ol-body { background:url(../i/bg_photo_ol.png) repeat-y 0px 0px; float:left; font-size:10px; font-weight:normal; height:auto !important; height:122px; min-height:122px;width:265px; *margin-top:-3px; } #submit-ideas .main-photo { background:url(../i/bg_frame_m.gif) no-repeat top left; margin:0 10px 10px 17px; padding:14px; display:block; float:left; } .submit-ideas-photo-thumbs { display:inline; margin:10px 0 0 12px; float:left; width:249px; } .submit-ideas-photo-thumbs li { display:inline; float:left; margin-right:10px; width:73px; } #submit-ideas a.submit-ideas-photo-ol-close { margin:0 0 0 234px; background:url(../i/btn_plus.gif) no-repeat top left; width:18px; height:18px; display:block;} #submit-ideas a.submit-ideas-photo-ol-close:hover{background:url(../i/btn_plus_ro.gif) no-repeat top left;} /* print inner overlay */ #print-in { padding:0px 20px 0px 10px; width:420px; font-size:12px; color:#000000; } #print-in .thumb { float:left; margin:12px 20px 20px 0px; } #print-in h2 { font-size:19px; font-weight:bold; color:#e71940; padding:17px 0px 15px 0px; float:left; width:200px;} #print-in h3 { font-weight:bold; width:420px; margin:0px; padding:0px; clear:both; } #print-in ul { margin:0px; padding:0px; display:block; } #print-in ul.ingredient { float:left; clear:left; margin:10px 0 20px; } #print-in ul.ingredient li { width:420px; clear:left; } #print-in ul.direction { margin-bottom:10px; } #print-in ul.direction li { display:block; clear:left; width:420px; padding-bottom:10px; } #print-in .clear a{background:url(../i/btn_print.png) no-repeat top left; width:115px; height:29px; display:block; float:right; margin-top:50px; } #print-in .clear a:hover{background:url(../i/btn_print_ro.png) no-repeat top left;} /* community page */ .underline { border-bottom:1px solid #DBE0E1; padding-bottom:4px; } .member-img { margin-bottom:15px; } #col-left-member h2 { float:left; margin-bottom:15px; width:214px; } #col-left-member h2 img { float:left; } #col-left #col-left-member h2 a { font-size:12px; float:right; padding-right:15px; } .community-thumb { height:75px; width:75px; } #col-main .community-member-list { float:left; margin-top:20px; width:380px; } #col-main .community-member-list li { float:left; margin-bottom:25px; width:95px; } #col-main .community-member-list li p { float:left; margin:0; width:85px; } #col-main .community-member-list li p a { display:block; overflow:hidden; width:85px; } #content #col-right-community { display:inline; font-size:.9em; margin-top:40px; width:217px; } #content #col-right-community ul{ padding-bottom:15px;} #content #col-right-community ul li{ height:187px; } #content #col-right-community h3 {width:215px; } /* modal overlay */ #overlay-mask { background:#fff; height:100%; left:0; position:fixed; top:0; width:100%; z-index:2000; display:none; } .modal { width:469px; } .modal-required { float:right; color:#53686B; font-size:10px; font-weight:normal; width:50px; line-height:10px; } .modal a {text-decoration:underline } .modal-intro { font-family:courier new, serif; font-size:1.3em; line-height:1.2em; font-weight:bold; margin-top:8px; } .modal p { font-size:12px; clear:both; } .modal-bg { background:url(../i/overlay/modal_bg.gif) repeat-y; } .modal-top { left:0px; position:absolute; top:-8px; } .modal-btm { bottom:-8px; left:0px; position:absolute; } .modal-close { top:2px; right:8px; position:absolute; } #modal-sign-in { height:auto !important; height:400px; min-height:270px; } #login { float:left; padding-left:40px; width:455px; } #modal-oops h2 { display:inline; margin:20px 0 15px 0px; padding-bottom:5px; width:433px; float:left; } #modal-oops h2 .sub-hdr { float:left; } #modal-oops input, #modal-forgot input, #modal-congrat input { background:url(../i/bg_input.gif) repeat-x; border:0px; width:200px; height:20px; color:#6F493E; float:left; } #modal-oops input.element, #modal-congrat input.element { border:0px; float:left; background:none; width:20px; color:#53686B; } #modal-forgot input.submit { width:213px; height:33px; margin-top:10px; margin-bottom:10px; } #modal-oops input.signin, #modal-congrat input.signin { width:205px; height:33px; margin-bottom:20px; } .inputleft { background:url(../i/bg_input_left.gif) no-repeat top left; padding-left:6px; width:200px; height:22px; float:left; } .inputright { background:url(../i/bg_input_right.gif) no-repeat top right; width:204px; height:22px; float:left; } /* T/C */ body#TC{ background:none; margin:30px 20px 20px 20px;} body#TC h2.hdr-link-cta{ font-size:18px; padding-bottom:10px;} body#TC ol{ margin-left:20px; list-style:decimal; padding:10px 0px 10px 20px;} /* sign up overlay */ #sign-up { float:left; width:465px; padding:20px 0px 35px 40px;*padding-top:30px;} #sign-up h1 { font-size:38px; position:relative; width:440px;float:left; padding-bottom:10px; *padding-bottom:0px;} img#Register{ float:left;} #sign-up h1 span.super { font-size:20px; } #sign-up h1 embed { position:relative; top:0; left:0; } #sign-up fieldset { float:left; width:201px; height:38px;} #sign-up .inputleft { background:url(../i/bg_input_left.gif) no-repeat top left; display:inline; margin:3px 20px 15px 0; padding-left:6px; width:195px; height:22px; } #sign-up .inputright { width:201px; } #sign-up h2 { float:left; margin:10px 0 6px 0;width:440px; padding-bottom:8px; } #sign-up h3 { float:left; padding:10px 0px 0px 0px; width:200px; } #sign-up h3 img { float:left; } #sign-up .sign-up-bonus li { float:left; width:200px; } #sign-up .sign-up-bonus h3{ padding-bottom:6px;} #sign-up .sign-up-bonus-gender { font-size:10px; float:left; width:230px;} #sign-up .sign-up-bonus-gender li { float:left; width:115px;height:12px; padding-top:10px; } #sign-up .sign-up-bonus-gender li input{float:left} #sign-up .sign-up-bonus-gender li label{float:left; line-height:10px; padding-left:5px; font-size:12px; } *:first-child+html #sign-up .sign-up-bonus-gender li label{margin-top:4px;line-height:12px;} #sign-up .sign-up-bonus-bdate { float:left; width:350px; } #sign-up .sign-up-bonus-bdate li { float:left; width:80px; } .select-joinus { width:70px; font-size:12px; color:#707070; line-height:12px; } #sign-up ul.floatleft { width:230px; } #sign-up ul.floatleft2 { float:left; width:200px; } #sign-up ul.floatleft li { float:left; width:230px; } #sign-up ul.floatleft2 li { float:left; width:200px; } #sign-up ul.wide { float:left; padding:10px 0; line-height:18px; } #sign-up ul.wide li { float:left; padding:5px 0; clear:left;width:440px; } #sign-up ul.wide li input { float:left; width:16px; } #sign-up ul.wide li label { font-size:12px; float:left; width:400px; padding-left:5px; margin-top:-4px; } *:first-child+html #sign-up ul.wide li label{margin-top:0px;} input.text-joinus { background:url(../i/bg_input.gif) repeat-x; border:0px; width:195px; height:22px;float:left; font-size:11px; line-height:22px;} #modal-sign-in fieldset{ float:left; width:216px;} /* log in overlay */ #modal-sign-in h1 {font-size:38px; float:left; line-height:38px; margin-top:20px; padding-bottom:15px; } #modal-sign-in .inputrow { display:inline; float:left; padding:5px 0 20px 0; width:455px;} #modal-sign-in .nopad { padding:0; } #modal-sign-in ul.inputrow li { clear:none; display:inline; float:left; width:225px;} #modal-sign-in h2 { display:inline; float:left; font-size:21px; line-height:21px; margin:18px 0 10px 0; *margin:18px 0 0px 0; padding:0;} #modal-sign-in h2 span { font-size:21px; line-height:21px; } #modal-sign-in h3 { float:left; font-size:15px; line-height:15px; margin:0; padding-bottom:7px; width:200px;} #modal-sign-in h3.hdr-ext { width:220px; } #modal-sign-in h3 span { float:left; font-size:15px; line-height:15px; width:135px; } #modal-sign-in h4 { display:inline; float:left; font-size:12px; line-height:12px; margin:15px 0 0 0; } #modal-sign-in h4 img{ float:left} #modal-sign-in a.joinnow{background:url(../i/signin_join.gif) no-repeat 0 0 ;width:101px; height:11px; display:block; float:left;} #modal-sign-in a.joinnow:hover{background:url(../i/signin_join_ro.gif) no-repeat 0 0 ;} #modal-sign-in h4 span { font-size:12px; line-height:12px; } #modal-sign-in .submit { margin-top:10px; } #modal-sign-in .sIFR-flash { display:block; float:left; } #modal-sign-in label, #modal-sign-in p {padding-bottom:10px; } #modal-sign-in label { margin-left:6px; } #container #modal-sign-in fieldset { display:inline; position:relative; margin:0; padding:0; width:199px; } #modal-sign-in .check-joinus { float:left; } #modal-sign-in .text-joinus { float:left; width:192px; } #modal-sign-in .inputleft { background:url(../i/bg_input_left.gif) no-repeat top left; display:inline; margin:0 20px 0 0; padding-left:6px; width:192px; height:22px; float:left;} #modal-sign-in .inputright { width:198px; float:left;} #modal-sign-in a {font-size:12px; padding-top:2px; text-decoration:none; } #modal-sign-in a.link-pad { float:left; margin-top:23px } #modal-sign-in a.arrow-link { background:url(../i/icon/arrow_blue.gif) no-repeat right 6px;font-size:12px; font-weight:normal; text-decoration:none; } #modal-sign-in a.joinnext{background:url(../i/signin_next.gif) no-repeat 0 0 ;width:43px; height:10px; display:block; float:left; margin-top:24px; margin-left:-14px; *margin-top:25px;} #modal-sign-in a.joinnext:hover{background:url(../i/signin_next_ro.gif) no-repeat 0 0 ;} #modal-sign-in a.next-lnk { float:left; margin-top:20px; } #modal-sign-in a.password-lnk { float:left; margin-top:15px; margin-left:-14px } #get-password h1 { float:left; padding-bottom:20px; width:469px; } #get-password.inputrow { display:inline; float:left; padding:5px 0 20px 0; width:440px; } #get-password fieldset { clear:left; float:left; margin-bottom:20px; width:205px; } #get-password ul.inputrow li { clear:none; display:inline; float:left; width:226px; } #get-password h2 { display:inline; float:left; font-size:15px; line-height:15px; margin:15px 0 4px 0; padding:0; } #get-password h2 span { font-size:15px; line-height:15px; } #get-password .text-joinus { float:left; width:192px; } #get-password .inputleft { width:120px; } #get-password .inputright { width:198px; } #get-password .submit { margin-top:15px; *margin-top:16px;} #get-password .errorText { margin:10px 0;color:#e71940; } /* confirm overlay */ #modal-confirm h1 { font-size:45px; float:left; line-height:20px; margin:0; padding-bottom:8px; } #modal-confirm p { font-size:14px; line-height:14px; margin:0; padding-bottom:20px; } #modal-confirm .submit { margin-bottom:10px; } #modal-oops ul, #modal-forgot ul, #modal-congrat ul { float:left; width:210px; } #modal-oops ul li.element1, #modal-congrat ul li.element1 { color:#53686B; padding-bottom:10px; line-height:1.8em } #modal-oops ul li.link { font:1.1em courier new, serif; padding-bottom:10px; } #modal-oops ul li.link.button { padding-top:20px; } #modal-oops ul li.link a { text-decoration:none; } #modal-oops ul li.link a:hover { color:#58CEEE; } #modal-oops p { color:#53686B; padding-bottom:15px; } #modal-oops a.arrow-link { background:url(../i/icon/arrow_blue.gif) no-repeat right 5px; color:#34ABCD; font-size:1.1em; font-weight:normal; text-decoration:none; } #modal-oops a:hover.arrow-link { color:#58CEEE; } .modal-content { padding:5px 15px 10px 0px; } .modal-content h1 { margin-top:20px; } .modal-content p { margin:10px 0 20px 0; } #modal-icon { clear:both;height:47px; padding-bottom:6px;*margin-top:-20px;} #modal-icon div.first { float:left; width:160px; margin-right:35px; } #modal-icon div.txt { float:left; clear:right; padding-top:15px; } #modal-icon div.last { float:left; margin-right:0px; } #modal-icon img { float:left;} /* form error classes */ .formError .text-joinus { background:url(../i/bg_input_error.gif) repeat-x; border:0px; width:195px; height:22px; color:#ffffff; float:left; font-size:11px;} .formError .inputleft { background:url(../i/bg_input_left_error.gif) no-repeat top left!important; padding-left:6px; width:200px; height:22px; float:left; } .formError .inputright { background:url(../i/bg_input_right_error.gif) no-repeat top right; width:200px; height:22px; float:left; } /* unsubscribe */ #col-main p.unsubscribe-desc { float:left; width:429px; font-size:12px; } #col-main ul.unsubscribe-list { float:left; width:429px; padding-left:10px; } #col-main ul.unsubscribe-list li{ margin:4px;} #col-main ul.unsubscribe-list li label{font-size:12px; padding-left:5px; margin-top:-4px; } #col-main ul.unsubscribe-list li input{vertical-align: text-top; } *:first-child+html #col-main ul.unsubscribe-list li input{ vertical-align: middle;} #col-main .inputleft { display:inline; margin:8px 20px 0 10px;} #col-main .unsubscribe-text { background:url(../i/bg_input.gif) repeat-x; border:0px; width:198px; height:22px; color:#707070; float:left; line-height:22px; } #col-main .unsubscribe-btn { float:left; padding-top:5px;} #modal-sign-in p.errorText { color:#e71940; padding:0px; } /* generic error */ #error-page{ padding:100px 0px 0px 245px;} #error-page a{background:url(../i/icon/explore.gif) no-repeat; width:211px; height:26px; display:block; margin-top:15px;} #error-page a:hover{background:url(../i/icon/explore_ro.gif) no-repeat;} p.unsoported{ padding:30px 0px 0px 17px;} /* contact us */ .ftlinks h1 { float:left; clear:both; margin-bottom:10px;} .ftlinks h2{ float:left; clear:both; margin-bottom:20px;} .ftlinks .col-474 { float:left; margin:25px 0px 0px 278px;display:block;width:497px; } .ftlinks .col-474 p { clear:both; float:left; padding-bottom:16px;width:460px; line-height:normal !important; font-weight:bold; } .ftlinks .col-474 p.errorText { font-weight:normal;color:#e71940;} .contact-form { float:left; clear:both; width:450px; padding-bottom:42px; } .contact-form li { float:left; width:450px; margin-bottom:15px; *margin-bottom:6px;} .contact-form li.half { width:225px; } .contact-form li input { width:437px; } .contact-form li.half input { width:212px; background:none; border:0 none;width:200px; height:23px; padding:4px 0px 0px 3px;font-size:11px; overflow:hidden; margin:0; } @-moz-document url-prefix() {.contact-form li.half input{padding:0px 0px 0px 3px;}} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.contact-form li.half input{ padding-top: 0px;}} .contact-form li.half div.input-container { background:url(../i/bg_contact_form.gif) 0px 0px no-repeat; padding-left:5px; } .contact-form label#yourName {display:block; text-indent:-99999px; background:url(../i/img_your_name.gif) 0px 0px no-repeat; width:75px; height:17px; } .contact-form label#yourEmail {display:block;text-indent:-99999px; background: url(../i/img_your_email.gif) 0px 0px no-repeat; width:74px; height:17px; } .contact-form label#subject {display:block;text-indent:-99999px; background: url(../i/img_subject.gif) 0px 0px no-repeat; width:53px; height:17px; } .contact-form label#message { display:block;text-indent:-99999px; background: url(../i/img_msg.gif) 0px 0px no-repeat; width:222px; height:15px; } .contact-form li.long input { border:0 none;background: none; width:435px; height:23px; padding:4px 0px 0px 3px; font-size:11px; } @-moz-document url-prefix() {.contact-form li.long input{padding:0px 0px 0px 3px;}} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.contact-form li.long input{ padding-top: 0px;}} .contact-form li.long div.input-container { background: url(../i/bg_contact_form_long.gif) 0px 0px no-repeat; padding-left:5px; } .contact-form li textarea { width:436px; border:0 none;background: none; height:150px; padding:10px 10px 15px 4px; font-size:11px; overflow:auto; } .contact-form li div.input-container { background: url(../i/bg_contact_textarea.gif) 0px 0px no-repeat; padding-left:5px; } .contact-form li.submit input { border:0 none;cursor:pointer; width:213px; height:27px;} .ftlinks .thankyou h1.one{width:550px;} .ftlinks .thankyou p{ font-weight:normal; padding-top:10px;width:397px;} a#return-home { clear:both; float:left; display:block; text-indent:-9999px; background: url(../i/btn_return_home.gif) 0px 0px no-repeat; width:178px; height:27px; } a#return-home:hover {background: url(../i/btn_return_home_on.gif) 0px 0px no-repeat;} #content div.thankyou { height:500px; } /* brands page */ #brands {height:404px;width:544px; float:left; } #brands img { display:inline; float:left; margin:39px 98px 11px 0px; } /* publicprofile */ .publicprofile .user{ color:#0073ae; font-weight:bold; text-transform:capitalize;} .publicprofile .title{ color:#d667b0;text-transform:capitalize; font-size:14px;} .publicprofile .my-ideas-rating{margin:0 0 5px 11px;} .publicprofile .my-ideas-desc-hdr a{ color:#707070;text-transform:capitalize; font-weight:bold;} .publicprofile .my-ideas-desc-hdr h3 span.date{ font-weight:normal;} .publicprofile a.changefoto{background: url(../i/icon/changephoto.gif) 0px 0px no-repeat; width:115px; height:10px; display:block; margin-bottom:10px;} .publicprofile a.changefoto:hover{background: url(../i/icon/changephoto_ro.gif) 0px 0px no-repeat;} /* my ideas */ .nav-btn { margin-bottom:5px; } #col-left-my-profile, #col-left-ingrid { margin-top:20px; } .my-profile-main { float:left; width:460px; } #content .my-profile-main img.submittant { display:block; float:left; margin:0; padding-bottom:15px; padding-right:8px; } ul.my-profile-list { float:left; margin-right:8px; width:180px; overflow:hidden; } ul.my-profile-list li {margin:8px 0;overflow:hidden; } ul.my-profile-list li strong { color:#707070;text-transform:capitalize; } ul.my-profile-list a { font-weight:bold;} #col-left-my-profile h2 { border-bottom:1px solid #DBE0E1; font-size:1.0em; float:left; padding-bottom:4px; width:130px; } #col-left-my-profile h2 img { float:left; } #col-left-my-profile h2 a.arrow-link { background:transparent url(../i/icon/arrow_blue.gif) no-repeat right 2px; color:#34ABCD; float:right; font-weight:normal; line-height:.9em; padding-right:7px; } #col-left-my-profile ul.my-profile-detail {float:left; margin-top:10px; width:150px; overflow:hidden;} #col-left-my-profile ul.my-profile-detail li{ padding-bottom:5px; width:150px; overflow:hidden;} /* my ideas join */ #my-ideas-auth-msg {display:inline; float:left; margin:15px 0 0 10px; width:460px; } #my-ideas-submit { background:#f1f1f1; display:inline; clear:left; float:left; margin:25px 0 10px 0px; padding:16px 40px 29px 20px; width:400px; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;} #my-ideas-submit a#btn{background: url(../i/btn_get_started.gif) 0px 0px no-repeat; width:212px; height:27px; display:block;} #my-ideas-submit a#btn:hover{background: url(../i/btn_get_started_ro.gif) 0px 0px no-repeat;} #my-ideas-submit p {font-size:12px; line-height:1.4em; margin:5px 0 20px 0; } #my-ideas-newsletter {display:inline; float:left; font-size:12px; margin:55px 0 0 10px; width:450px; } #my-ideas-newsletter #my-ideas-newsletter-hdr { float:left; } #my-ideas-newsletter p { float:left; line-height:1.3em; margin-top:10px; width:220px; } #my-ideas-newsletter ul { float:left; margin:5px 0; width:250px; } #my-ideas-newsletter ul li { background:url(../i/bullet_gray_l.gif) no-repeat left center; font-weight:bold; margin:5px 0 5px 10px; padding-left:12px; } #my-ideas-newsletter #my-ideas-newsletter-btn { float:left; } #my-ideas-newsletter #my-ideas-newsletter-tout { float:right; } #col-right .check-out-desc p { clear:left; float:left; margin-top:5px; width:132px; } #col-right .check-out-desc p a { margin:0;} #col-right .check-out-desc a{width:132px; float:left; } .my_ideas #col-right .check-out-desc a { clear:left; float:left; margin-top:5px; width:132px; } #submit-ideas a#gotoideas{ font-weight:bold;} .my_ideas #col-left-my-profile a.editP{background: url(../i/edit.gif) 0px 0px no-repeat; width:36px; height:10px; display:block;float:right; } .my_ideas #col-left-my-profile a.editP:hover{background: url(../i/edit_ro.gif) 0px 0px no-repeat;} .my_ideas #col-left-my-profile a.changePH{background:url(../i/change_photo.gif) 0px 0px no-repeat; width:115px; height:10px; display:block; margin:1px 0px 5px 0px;} .my_ideas #col-left-my-profile a.changePH:hover{background:url(../i/change_photo_ro.gif) 0px 0px no-repeat;} .my_ideas #col-left-my-profile a.changePS{background:url(../i/change_pass.gif) 0px 0px no-repeat; width:141px; height:10px; display:block;} .my_ideas #col-left-my-profile a.changePS:hover{background:url(../i/change_pass_ro.gif) 0px 0px no-repeat;} /* edit profile */ #col-main-my-ideas #sign-up{ padding:0px 0px 30px 0px;} .profile #col-main-my-ideas{padding-top:22px; *padding-top:32px;} /* my favorites */ #m_fav_col_main { padding-top:32px; } #m_fav_col_main h1.m_fav_main_hdr { margin-left:10px; } .m_fav_tbl_hdr {border-bottom:solid 1px #d4dadd;border-top:solid 1px #d4dadd; display:none; /* added to prevent flicker of display before DOM load */ float:left; margin:18px 0 0 0px; padding:6px 0 3px; width:694px; } .m_fav_tbl_hdr h2 img { float:left; } .m_fav_tbl_hdr h2.m_fav_hdr_title { display:inline; float:left; margin-left:125px; width:142px; } .m_fav_tbl_hdr h2.m_fav_hdr_rating { float:left; width:130px; } .m_fav_tbl_hdr h2.m_fav_hdr_added { float:left; width:265px; } .m_fav_arrow { padding:3px 0 3px 4px; } .m_fav_tbl_row {float:left;padding:18px 0; width:694px; } .m_fav_empty { color:#5d8388; float:left; font-size:1em; margin:6px 0 0 10px; } .m_fav_thumb { float:left; margin:2px 16px 0 0; width:109px; } .m_fav_desc { float:left; width:568px; font-size:14px;} .m_fav_title { color:#5b7b84; float:left; font-size:14px; padding-right:3px; margin-bottom:6px; width:140px; font-weight:bold; overflow:hidden; text-transform:capitalize; } .m_fav_ID { display:none; } .m_fav_stars { float:left; margin:4px 72px 0 0; width:58px; } .m_fav_author { float:left; font-size:12px; width:178px; overflow:hidden;text-transform:capitalize; } .m_fav_delete { float:left; margin-right:9px; width:59px;background:url(../i/icon/delete.png) 0px 0px no-repeat; height:13px; display:block; } a.m_fav_delete:hover {background:url(../i/icon/delete_on.png) 0px 0px no-repeat;} .m_fav_print { float:left; width:49px; background:url(../i/icon/print.png) 0px 0px no-repeat; height:13px; display:block;} a.m_fav_print:hover{background:url(../i/icon/print_on.png) 0px 0px no-repeat;} .m_fav_tags { float:left; font-size:11px; margin-top:4px; width:550px; text-transform:capitalize; } .m_fav_row_divider { background:#dbe0e1; float:left; height:1px; overflow:hidden;width:694px; } /* upload profile photo page */ .profile-upload { float:left; width:469px; } .profile-hdr { float:left; margin-bottom:10px; } .profile-upload h2 { float:left; margin:14px 0; width:469px; } .profile-upload-blank { float:left; margin-right:8px; } .profile-upload-desc {float:left; width:350px; } .profile-upload .submit { float:left; margin-top:10px; width:151px; } .profile-upload fieldset { float:left; margin-top:10px; width:469px; } .profile-upload-input { clear:both /* float:left*/} /* custom browse edit picture*/ #divinputfile { position:relative; background:url(../i/browse_btn.gif) no-repeat 100% 3px; height:22px; width:242px; margin:0px;cursor:pointer; } #divinputfile .profile-upload-input { opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:18px; cursor:pointer;} #fakeinputfile {position:absolute; top:0px; left:0px;} #fakeinputfile #fakefilepc { width:143px; height:22px; font-size:11px;background:url(../i/browse_input.gif) no-repeat 0 0; overflow:hidden;padding-left:9px;*padding-top:3px;} #fakefilepc { padding-top:5px\0/ } /* custom browse submit idea*/ #divinputfile2 { position:relative; background:url(../i/browse_btn.gif) no-repeat 100% 3px; height:22px; width:215px; margin:0px;cursor:pointer; } #divinputfile2 .profile-upload-input { opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:18px; cursor:pointer;} #divinputfile2 #fakeinputfile {position:absolute; top:0px; left:0px;} #divinputfile2 #fakeinputfile #fakefilepc { width:113px; height:22px; font-size:11px;background:url(../i/browse_input2.gif) no-repeat 0 0; overflow:hidden;padding-left:9px;*padding-top:3px;} #divinputfile2 #fakefilepc { padding-top:5px\0/ } /* save idea */ .edit-preview-link { margin-bottom:15px; float:left; width:65px; text-transform:capitalize; } .my_ideas .my-ideas-thumb{ margin-left:0px;} .my_ideas .my-ideas-rating{ margin-left:28px;}