/* ------------------------------------------------------------- this is the primary css document for the myUface website ---------------------------------------------------------- */ #partners-list{ position:relative; background:url(../im/lines/cr-hatch-bl.gif) repeat-x; padding-top:20px; } /*ADDED*/#partners-top_partners{ position:relative; padding-top:20px; border-top:5px solid #7fd005; } /*ADDED*/ /*ADDED*/#partners-list-featured{ position:relative; background:url(../im/lines/cr-hatch-bl.gif) repeat-x; padding-top:1px; padding-bottom:10px; }/*ADDED*/ /* ----------- Partner Filter ----------- */ .partners-filter{ text-align:right; padding-bottom:10px; font-weight:700; color:#000; } /*ADDED*/.partners-filter-left{ text-align:left; padding-bottom:10px; font-weight:normal; color:#000; }/*ADDED*/ /*ADDED*/.partners-filter-left H3{ font-weight:700; font-size:1.4em; margin-bottom:10px; margin-top:5px;}/*ADDED*/ .partners-filter p{ float:left; margin-top:3px; } .partners-filter form{ float:right; font-size:0.9em; } .partners-filter label{ _margin-top:-14px; zoom:1; } .partners-filter form select{ margin-left:5px; } /* ----------- Tagline area ------------*/ .tagline{ padding:10px 0 0 0; margin:15px 0 0 0; } /* ----------- Error handling -------------------- */ #signup-form label.error, #signup-form input.error, #signup-form p.error, #act-now p.error, #act-now label.error { color: red; font-weight: bold } #signup-form p.error, #act-now p.error { padding-bottom: 1em; } #act-now .tellafriend-form p.error { padding-bottom: 0; } .errorlabel { color: red; font-weight: bold } /* -------------------------------------------------------- muf content items ----------------------------------------------------- */ /* ---------- Top section title ---------- */ #section-title { border-bottom:1px solid #ccc; margin:3px 0 24px; height:7px; _overflow:hidden; text-transform:uppercase; color:#000; text-align:center; } #section-title span { position:relative; text-align:center; padding:1px 10px; background:#fff; letter-spacing:-1px; } /* Special rules for article-based content - defines paragraphs, titles, captions etc, keeps it scoped to individual templates */ .article-wrap .sticker { position:absolute; top:-25px; left:542px; } .content h1 { width:488px; text-align:center; font-size:2.33em; font-weight:700; line-height:115%; margin:0 auto 13px; letter-spacing:-1px; word-spacing:-1px; } .content h7 { font-weight: normal;text-transform: uppercase;color: #666; background-color: #FFF; display: block; padding: 5px; clear: both; margin-top: 5px;margin-right: 5px;margin-bottom: 5px;margin-left: -5px;border: 1px solid #a3442e;line-height: 170%; width: 450px; } /*.AccordionPanelContent h7 { font-weight: normal;text-transform: uppercase;color: #666;background-color: #FFF; display: block; padding: 5px; clear: both;margin-top: 5px;margin-right: 5px;margin-bottom: 5px;margin-left: -5px;border: 1px solid #a3442e;line-height: 170%; width: 450px; }*/ .article-pad{ padding:20px 0 10px 0; } .article p, .article dt, .article dd{ line-height:133%; } .article p{ margin-bottom:20px; } .article p.intro, .article-intro p{ font-size:1.16em; line-height:120%; } .article dl{ position:relative; zoom:1; padding-top:16px; padding-bottom:5px; background:url(../im/lines/dot-line-horiz-gray.gif) repeat-x; } .article dt{ font-weight:700; float:left; display:inline; width:130px; padding-right:15px; text-align:right; } .article dd{ float:left; display:inline; width:445px; } .dl-hr{ position:relative; clear:both; display:block; height:29px; background:url(../im/lines/dot-line-horiz-gray.gif) repeat-x 0 50%; } *span.dl-hr{ width:600px; margin-left:-145px; } .article-wrap .tags{ margin-top:15px;} .content cite, .content h3 { display:block; font-weight:700; color:#000; font-size:1.33em; margin-bottom:10px; font-style:normal; } /* ---------- Drop Cap styles ---------- */ .first-letter { position:relative; display:block; float:left; font-size:6em; margin:-4px 0 10px; font-weight:700; width:50px; color:#000; } .drop-cap .first-para { width:530px; float:left; display:inline; } .drop-cap .first-word { color:#000; font-weight:700; } .big-quote { float:left; display:inline; width:31px; height:27px; background:url(../im/content/quotes-lrg.gif); text-indent:-9999px; margin:3px 10px 0 0; } /* ---------- Large quotes ---------- */ .quote-lrg { display:block; } .content .caption { display:block; line-height:125%; background:url(../im/lines/dot-line-horiz.gif) repeat-x 0 100%; padding:2px 0 5px; font-size:0.9em; text-align:right; margin-bottom:25px; color:#666; } /* ---------- Article image and captions ---------- */ .art-img { display:inline; width:200px; border-bottom:6px solid #ccc; } .art-img img { margin-top:4px; } .art-image-l { float:left; margin:0 20px 10px 0; } .content .art-img .caption { padding:10px 0; background:none; margin:0; text-align:left; } /* ---------- Article author and date info ---------- */ .content h2.author, .content p.date-info { text-align:center; font-size:0.83em; text-transform:uppercase; margin:0; } .content h2.author { margin:5px 0 25px; } .content h2.author a { color:#7fd005; }/* -------------------------------------------------------- home page items for muf ----------------------------------------------------- */ /* ---------- Carousel ---------- */ .jcarousel-container { margin-left:-258px; } .jcarousel-item { width:480px; height:350px; background:url(../im/lines/dot-line-vert.gif) repeat-y 100% 0; } .jcarousel-next, .jcarousel-prev{ width:50px; height:50px; position:absolute; top:170px; } .jcarousel-next { background:url(../im/home/btn-carousel-next.png); left:899px; } .jcarousel-prev { background:url(../im/home/btn-carousel-prev.png); left:-28px; } .jcarousel-next:hover, .jcarousel-prev:hover { background-position:-50px 0; } #carousel-wrap { position:relative; overflow:hidden; width:920px; margin-bottom:20px; } #carousel { overflow:hidden; width:920px; height:350px; padding:20px 0 30px; background:url(../im/lines/cr-hatch-bl.gif) repeat-x 0 100%; } #carousel .item, #carousel .pnl-event { position:relative; width:440px; height:158px; padding-top:192px; margin-left:20px; } #carousel .desc-wrap { padding:40px 20px 0; width:360px; height:96px; margin-left:20px; background:url(../im/home/bg-caro-desc.png); } #carousel .desc { position:relative; } #carousel .item h2, #carousel .pnl-event h2 { position:relative; font-weight:700; font-size:2.3em; letter-spacing:-1px; line-height:1.1em; margin-bottom:12px; height:64px; } #carousel .action .desc h2 { height:32px; } #carousel .item h2 a, #carousel .pnl-event h2 a { position:relative; z-index:200; color:#fff; } #carousel .item h2 a:hover, #carousel .pnl-event h2 a:hover { position:relative; color:#9ce177; text-decoration:none; } #carousel .lbl { position:absolute; top:-40px; left:0; height:22px; } #carousel .lbl a{ display:block; height:22px; text-indent:-9999px; } #carousel .lbl-apply-now { width:52px; background:url(../im/.png); } #carousel .video {z-index:-3; padding:0; margin:0;} /* /* ---------- Act now panel - activated on button click ---------- */ #carousel .pnl-event{ display:none; padding:0; width:400px; padding:20px; height:310px; background:url(../im/lines/cr-hatch-light-gray.gif); } #carousel .pnl-event form{ position:relative; background:#8c8c8c; padding:40px 20px 0; height:270px; color:#fff; } #carousel .pnl-event .summary{ font-size:14px; margin-bottom:15px; } #carousel .pnl-event label{ display:block; font-size:0.9em; padding-bottom:3px; } #carousel .pnl-event select{ margin-bottom:10px; } #carousel .pnl-event input.text{ margin-bottom:20px; width:90px; } #carousel .pnl-event .lbl{ top:0; left:20px; } #carousel .pnl-event h2{ margin-bottom:5px; height:auto; } #carousel .pnl-event label, #carousel .pnl-event select{ text-transform:uppercase; } #carousel .pnl-event .close{ display:block; width:13px; height:13px; background:url(../im/icons/ico-close-circle.gif); text-indent:-9999px; position:absolute; top:8px; left:379px; } #carousel .pnl-event .close:hover{ background-position:-13px 0; } /* -------------------------------------------------------- muf interior page items ----------------------------------------------------- */ /* ---------- Issues overview page ---------- */ .land-title { width:282px; height:92px; background:url(../im/issues/title-landing.gif); } #issues-ov { margin-top:19px; } .issue { position:relative; width:200px; height:148px; border-bottom:2px solid #000; background-position:0 100%; background-repeat:no-repeat; margin-bottom:20px; } .issue-last { margin-bottom:0; } .issue h2 { font-size:1.5em; font-weight:700; } .issue h2 a { display:block; background:url(../im/icons/ico-more-arrow-lrg-off.gif) no-repeat 0 2px; padding:0 0 0 21px; } #issues-ov .hover h2 a, .issue h2 a:hover { text-decoration:none; color:#7fd005; background:url(../im/icons/ico-more-arrow-lrg-on.gif) no-repeat 0 2px; } .issue p { visibility:hidden; padding:20px 0 0 10px; line-height:140%; } .issue p a { font-size:0.8em; } #issues-ov .hover p { visibility:visible; } /* ---------- Backgrounds for each issue on the overview page ---------- */ #issues-ov .hiv { background-image:url(../im/issues/bg-hivaidsmaltb.jpg); } #issues-ov .aids { background-image:url(../im/issues/bg-aideffectiveness.jpg); } #issues-ov .water { background-image:url(../im/issues/bg-water.jpg); } /*#issues-ov .food { background-image:url(../im/issues/bg-issue-food.jpg); }*/ #issues-ov .dev-assist { background-image:url(../im/issues/bg-dev.jpg); } /*#issues-ov .corruption { background-image:url(../im/issues/bg-issue-corruption.jpg); }*/ #issues-ov .climate { background-image:url(../im/issues/bg-climate.jpg); } #issues-ov .trade-justice { background-image:url(../im/issues/bg-trade.jpg); } #issues-ov .child-health { background-image:url(../im/issues/bg-health.jpg); } #issues-ov .debt { background-image:url(../im/issues/bg-debt.jpg); } #issues-ov .education { background-image:url(../im/issues/bg-education.jpg); } #issues-ov .agriculture { background-image:url(../im/issues/bg-agriculture.jpg); } #issues-ov .gov-security { background-image:url(../im/issues/bg-gov.jpg); } #issues-ov .hover { background-image:none; } /* ---------- Issues Detail - Hero Feature ----------*/ .issues-hero{ height:295px; background-repeat:no-repeat; } .issues-hero p.intro{ font-size:1.16em; padding:186px 0 15px; line-height:125%; width:410px; } .issues-hero-san{ background-image:url(../im/issues/bg-hero-sanitation.jpg); }/* -------------------------------------------------------------- muf interior page items ----------------------------------------------------------- */ /* ----------- Introductory panel ---------- */ .land-title{ width:442px; height:56px; background:url(../im/media-center/title-media-center.gif); } .media-center-bg{ height:241px; background:url(../im/media-center/bg-media-center-mics.jpg) no-repeat 50% 100%; } *.media-center-bg{ height:261px; }/* ------------------------------------------------------------- muf modules area ---------------------------------------------------------- */ /* ---------- Generic module structure ---------- */ /*ADDED*/.mod-noline{ position:relative; zoom:1; border-top:0px solid #7fd005; padding:0px 0 20px 0; z-index:1; }/*ADDED*/ .mod{ position:relative; zoom:1; border-top:5px solid #7fd005; padding:10px 0 20px 0; z-index:1; } .mod ul:after, .mod li:after, .mod:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .mod h3, .mod-action h3{ text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-size:1.33em; margin-bottom:15px; } .mod h5, .mod-action h5{ text-transform:uppercase; letter-spacing:-1px; font-weight:700; font-size:1.33em; margin-bottom:5px; margin-top:10px; border-top:5px solid #7FD005;} .mod h4{ font-weight:700; line-height:110%; } .mod h4 a:hover, .mod-rel-articles ul li a:hover, .mod-arrow-list ul li a:hover, .news-summary h4 a:hover{ color:#7fd005; text-decoration:none; } .mod p{ line-height:133%; } .mod p.more-link{ margin-top:10px; } /*ADDED*/ .mod-noline ul.item-borders li{ background:url(../im/lines/dot-line-horiz-gray.gif) repeat-x 0 100%; } /*ADDED*/ .mod ul.item-borders li{ background:url(../im/lines/dot-line-horiz-gray.gif) repeat-x 0 100%; } .mod ul.item-noborders li{ } .mod .cmt{ color:#fff; line-height:100%; } #page .mod .display-list{ text-align:right; margin-bottom:10px; padding:0; color:#000; } .content .mod h4{ font-size:1.2em; } .no-bdr{ border:0; padding-top:0; } .mod .left{ float:left; display:inline; margin:1px 10px 4px 0; } /* ---------- Mod - Recruit your friends ---------- */ .mod-recruit h3{ background:url(../im/lines/dot-line-horiz.gif) repeat-x 0 100%; padding-bottom:9px; margin-bottom:10px; } .mod-recruit h3 span{ display:block; font-size:1.67em; } .mod-recruit p{ width:172px; } .mod-recruit .btn-wrap{ margin:15px 0; } .mod-recruit .friend{ position:absolute; display:block; width:96px; height:184px; background:url(../im/modules/recruit/friend.png); margin-top:-184px; } .sub-content .mod-recruit .friend{ margin-left:184px; } /* ---------- Mod - Related Video (and latest videos) ---------- */ .mod-video .video-wrap{ background:url(../im/lines/cr-hatch-light-gray.gif); margin-bottom:20px; padding:10px 0; } .mod-video .video-wrap p{ border:1px solid #e8e8e8; width:198px; height:140px; margin:0 auto; padding:4px; background:#fff; } .mod-video .video-wrap p a{ position:relative; display:block; height:100%; text-indent:-9999px; background:no-repeat 50% 50%; } .mod-video .video-wrap p.brad a{ background-image:url(../im/modules/video/video-thumb-brad.jpg); } .mod-video .video-wrap p a span{ display:block; width:280px; height:170px; background:url(../im/icons/ico-vid-lrg-off.png) no-repeat 15px 60px; _background-image:url(../im/icons/ico-vid-lrg-off.gif); position:absolute; top:-15px; left:-41px; } .mod-video .video-wrap p a:hover span{ background:url(../im/icons/ico-vid-lrg-on.png) no-repeat 15px 60px; _background-image:url(../im/icons/ico-vid-lrg-on.gif); } /* ---------- Styles for list-based modules (to eliminate duplication) ---------- */ .mod-list ul{ *height:1%; } /* IE Fix */ .mod-list ul p{ margin-bottom:5px; } .mod-list ul p a{ text-transform:uppercase; font-size:0.83em; } /*.mod-list ul li{ position:relative; clear:both; padding-bottom:10px; *height:1%; }*/ .mod-list ul li .desc{ float:left; display:inline; } .mod-list h4{ color:#666; padding-bottom:4px; font-size:1.1em; } .mod-list h4 a{ font-weight:700; padding-bottom:2px; } .mod-list li .img{ position:relative; width:120px; height:90px; overflow:hidden; display:inline; float:left; margin:1px 10px 0 0; } .mod-list li .img a{ position:absolute; top:0; left:0; display:block; width:120px; height:90px; background:50% 50% no-repeat; text-indent:-9999px; } .mod-list li .img a.vid{ background-image:url(../im/icons/ico-vid-lrg-off.png); _background-image:url(../im/icons/ico-vid-lrg-off.gif); } .mod-list li .img a.vid:hover{ background-image:url(../im/icons/ico-vid-lrg-on.png); _background-image:url(../im/icons/ico-vid-lrg-on.gif); } .mod-list .dl-link{ display:block; margin-top:10px; } .mod-list ul li p.date{ font-size:0.9em; } .mod-list .meta{ text-transform:uppercase; display:block; color:#999; font-size:0.83em; margin-bottom:3px; } .gr-browse .mod-list ul li{ background-position:0 0; padding-top:10px; margin-bottom:0; } /* ---------- For list-based modules in the main content area (class content) ---------- */ .content .mod-list h4{ padding-right:40px; } .content .mod-list p{ line-height:133%; padding-right:40px; } /*.content .mod-list ul{ margin-bottom:-10px; } .content .mod-list ul li{ margin-bottom:10px; }*/ .content .mod-list ul li .desc{ width:470px; } /* ---------- For list-based modules in the sub-content area (right hand rail) ---------- */ .sub-content .mod-list li .desc{ width:149px; } /* ---------- Top 5 table ---------- */ .mod-top-5 table{ width:100%; } .mod-top-5 table tr td{ padding:6px 10px; vertical-align:top; } .mod-top-5 table tr.alt td{ background:#f2f2f2; } .mod-top-5 table tr td.impact{ text-align:right; font-size:1.83em; } .mod-top-5 table tr.top td.impact{ font-size:2.5em; } .mod-top-5 table tr td a{ font-weight:700; color:#7fd005; display:block; margin-top:3px; } .mod-top-5 table tr td span.city{ display:block; padding-top:3px; font-size:0.83em; color:#999; } .mod-top-5 table tr td span.total-impact{ text-align:right; float:right; font-size:0.33em; color:#999; padding:6px 10px 0 0; } .mod-top-5 table tr td span.num{ display:inline;float:right; } .mod-top-5 table.light td.impact{ color:#99cc00; } .mod-top-5 table.dark td.impact{ color:#999; } .mod-top-5 table.dark tr.top td.impact{ color:#000; } /* ---------- Mod - Related Articles ---------- */ .mod-rel-articles ul li{ float:left; display:inline; width:280px; } .mod-rel-articles ul li.left{ margin-right:40px; } .mod-rel-articles ul li a{ background:url(../im/icons/arrow-rel-blue.gif) no-repeat 0 50%; padding:7px 0 7px 12px; display:block; } /* ---------- Mod - Popular Articles ---------- */ .mod-press-rel ul, .mod-pop-articles ul{ margin-bottom:-10px; } .mod-pop-articles li{ margin-bottom:16px; } div.mod-my-uface{ padding-bottom:30px; } .mod-press-rel li{ margin-bottom:10px; } /* ---------- Defines margins and paddings for module sets ---------- */ .no-mrg{ margin-bottom:0; padding-bottom:0; } /* ---------- Mod - List with arrows ---------- */ .mod-arrow-list ul li{ margin:0; *height:1%; } .mod-arrow-list ul li a{ display:block; padding:5px 0 7px 10px; background:url(../im/icons/arrow-rel-blue.gif) no-repeat 0 8px; line-height:110%; } .mod-arrow-list ul li.active a{ background:url(../im/icons/arrow-rel-gray.gif) no-repeat 0 8px; color:#999; font-weight:700; } .mod-arrow-list .ext-list li{ padding:5px 0; } /* ---------- Act now actions ---------- */ .mod-action{ width:280px; } .mod-action h3{ font-size:1.25em; } .mod-action .top{ background:url(../im/action-panel/action-top.png) no-repeat; height:7px; overflow:hidden; _margin-bottom:-3px; } .mod-action .desc{ float:right; display:inline; width:140px; margin-left:10px; line-height:110%; } /*CHANGE the height of the square that contains the action*/ .mod-action .rep{ position:relative; background:url(../im/action-panel/action-rep.png); height:340px; _height:260px; } /*CHANGE*/ /*CHANGE the height of the square that contains the action hover*/ .mod-action .rep .content{ position:absolute; top:-3px; left:4px; width:232px; height:315px; padding:15px 20px; _top:0; } /*CHANGE*/ .mod-action .rep .content-hover{ border:5px solid #7fd005; border-top:5px solid #7fd005; padding:10px 15px; } .mod-action .btm{ background:url(../im/action-panel/action-btm.png) no-repeat; height:7px; margin-top:-3px; overflow:hidden; } .mod-action img{ margin-bottom:10px; } .sub-content .mod-action{ margin-bottom:25px; } /* ---------- Hero action - based on 1 column with edits ---------- */ .actions-ov .mod-hero-action{ width:600px; } .mod-hero-action .bg_img{ background:url(../im/act-now/bg-usaid.jpg) no-repeat 50px 100%; height:257px; _height:260px; } .mod-hero-action .top{ background:url(../im/action-panel/action-hero-top.png) no-repeat; } .mod-hero-action .rep{ position:relative; background:url(../im/action-panel/action-hero-rep.png); } .mod-hero-action .rep .content{ width:552px; } .mod-action .bnr-urgent{ width:95px; height:95px; background:url(../im/bnr-urgent.png); text-indent:-9999px; position:absolute; top:-7px; left:187px; } .mod-hero-action .bnr-urgent{ top:-7px; left:506px; } .mod-hero-action .btm{ background:url(../im/action-panel/action-hero-btm.png) no-repeat; } /* ---------- Mod - muf Blog ---------- */ .content .news-summary h3{ margin-bottom:30px; } .news-summary .item { position:relative; clear:both; zoom:1; background:url(../im/lines/dot-line-horiz-gray.gif) repeat-x 0 100%; margin-bottom:15px; } .news-summary .date{ color:#000; float:left; display:inline; width:40px; text-transform:uppercase; text-align:center; font-weight:700; font-size:0.9em; padding:15px 20px 15px 0; background:url(../im/policy-news/bg-date-cal.gif) no-repeat; } .news-summary .date span{ display:block; margin-left:-3px; font-size:2.33em; letter-spacing:-2px; } .news-summary h4 { font-weight:700; margin-bottom:4px; } .content .news-summary h4{ font-size:1.16em; } .news-summary .desc{ float:left; display:inline; } .news-summary .desc p{ margin-bottom:15px; line-height:133%; } .news-summary .desc p a { text-transform:uppercase; font-size:0.8em; } .news-summary .desc .meta { display:block; color:#999; margin-bottom:7px; font-size:0.9em; } .news-summary .desc .highlight { color:#ff5915; } .news-summary .desc .time { text-transform:uppercase; } .news-summary .cmt{ float:right; } .mod .news-summary .desc{ width:186px; } .mod .news-summary .time{ display:block; } /* ---------- Mod - Related Partners ---------- */ .mod-rel-partners ul{ *height:1%; background:url(../im/lines/dot-line-horiz-gray.gif) repeat-x 0 100%; } .mod-rel-partners ul li{float: left; display: inline; width: 130px; margin-bottom: 5px;} .mod-rel-partners ul li a{display: block; padding-left: 70px; background-repeat: no-repeat; background-position: 0 50%; padding-top: 15px; height:40px; color:#7fd005; font-size: 1.1em;} .mod-rel-partners ul li a.ptr-oxfam{ background-image: url(../im/partners/logo-oxfam-sml.gif);} .mod-rel-partners ul li a.ptr-red{ background-image: url(../im/partners/logo-red-sml.gif);} .mod-rel-partners ul li a.ptr-world{ background-image: url(../im/partners/logo-world-sml.gif);} .mod-rel-partners ul li a.ptr-hope{ background-image: url(../im/partners/logo-hope-sml.gif);} /* ---------- Mod - Quick Facts ---------- */ .mod-quick-facts ul{ margin-bottom:-10px; } .mod-quick-facts ul li{ margin-bottom:10px; } .mod-quick-facts ul li h3{ display:inline; float:left; background:#ffcc00; font-size:1.5em; padding:6px 4px; margin-bottom:5px; font-weight:700; color:#000; text-transform:none; } .mod-quick-facts ul li p{ position:relative; clear:both; margin-bottom:0; } .mod-quick-facts .download{ float:right; } /* ---------- Mod - Milestones ---------- */ #page .mod-milestones .milestone{ padding-bottom:0; background:url(../im/about/bg-milestone.gif) repeat-y; } #page .mod-milestones li.now{ background:url(../im/about/bg-milestone-now.gif) repeat-y; } #page .mod-milestones li.now .date{ background:url(../im/about/lbl-milestone-now.gif) no-repeat 39px 9px; text-indent:-9999px; } .mod-milestones li .date{ width:85px; float:left; display:inline; padding:11px 0 11px 8px; font-size:0.83em; color:#666; text-transform:uppercase; } .content .mod-milestones p{ padding-right:10px; } .content .mod-milestones p a{ text-transform:none; } .content .mod-milestones li .desc{ width:476px; padding:8px 15px 18px; float:left; display:inline; background:url(../im/lines/dot-line-horiz-gray.gif) repeat-x 0 100%; } /* ---------- Mod - Media Contacts ---------- */ .mod-media-contacts li{ margin-bottom:10px; } .mod-media-contacts h4{ color:#000; font-size:1.2em; } #page .mod-media-contacts p{ margin-bottom:2px; } #page .mod-media-contacts a{ text-transform:none; font-size:1em; } /* ---------- Mod - Featured Series ---------- */ .mod-featured-series h3{ width:166px; height:29px; background:url(../im/blog/title-featured-series.gif); text-indent:-9999px; } .sub-content .mod-featured-series ul li .desc{ width:220px; } .mod-featured-series ul{ margin-bottom:-10px; } .mod-featured-series ul li{ margin-bottom:10px; } .mod-featured-series ul li h4{ margin-bottom:5px; } .mod-featured-series ul li .img{ width:50px; height:50px; margin-right:6px; } .mod-featured-series ul li .sec-name{ font-weight:400; padding-bottom:0; } .mod-featured-series ul li p a{ background:url(../im/icons/arrow-rel-blue.gif) no-repeat 0 6px; text-transform:none; font-size:1em; display:block; padding:2px 0 0 8px; } /* ---------- Mod - About muf ---------- */ .mod-about-muf p{ margin-bottom:15px; } /* ---------- Mod - Related issues ---------- */ .mod-rel-issues ul li{ padding-bottom:1px; margin-bottom:20px; } .mod-rel-issues ul li .issue-wrap{ min-height:61px; height:auto !important; height:61px; background:no-repeat 100% 100%; } .mod-rel-issues h4 a{ display:block; background:url(../im/icons/ico-more-arrow-lrg-off.gif) no-repeat 0 2px; padding:1px 162px 0 21px; height:60px; font-size:1.16em; line-height:110%; } .mod-rel-issues h4 a:hover{ background:url(../im/icons/ico-more-arrow-lrg-on.gif) no-repeat 0 2px; } /* ---------- Mod - Member messages ---------- */ .mod-mem-messages{ margin-bottom:-20px; } #page .mod-mem-messages h4{ margin-bottom:16px; font-weight:400; color:#999; font-size:0.9em; } #page .mod-mem-messages h4 a{ font-size:1.33em; font-weight:700; color:#7fd005; } #page .mod-mem-messages h4 a:hover{ text-decoration:underline; } .mod-mem-messages .comment{ position:relative; *height:1%; margin-bottom:20px; border:2px solid #e8e8e8; } .mod-mem-messages .comment-bubble{ position:relative; zoom:1; margin-top:-14px; background:url(../im/cmt-bubble-point.gif) no-repeat 15px 0; padding:29px 15px 15px 15px; line-height:133%; } /* ---------- Introduction and My muf summary ---------- */ h1.land-title{ width:198px; height:51px; background:url(../im/my-uface/title-my-uface.gif); margin-bottom:25px; } .land-intro{ font-size:1.16em; margin-bottom:20px; } /* The Badge carousel */ .badge-carousel-wrap{ position:relative; } .badge-carousel{ height:50px; margin-left:30px; overflow:hidden; } .badge-carousel li{ float:left; display:inline; height:50px; width:48px; margin-right:10px; } .badge-control{ display:block; width:20px; height:20px; background:url(../im/icons/ico-carousel-prev-sml.gif); position:absolute; top:14px; left:0; text-indent:-9999px; } .badge-control:hover{ background-position:-20px 0; } .badge-next{ left:260px; background:url(../im/icons/ico-carousel-next-sml.gif); } .badge-carousel-wrap .disabled{ background-position:-40px 0; } /* Error handling */ .form .error label, .form .error span{ color:#ff0000; } .form input{ padding:2px; } .form .error input{ background:#ffcccc; } /* Input box sizes */ .acc-sets .pnl .form input.text{ color:#999; } .acc-sets .pnl .form input.long{ width:280px; } .acc-sets .pnl .form input.med{ width:160px; } .acc-sets .pnl .form input.short{ width:80px; }/* --------------------------------------------------------- ------------------------------------------------------ */ /* ------------------------------------------------------------- muf interior ---------------------------------------------------------- */ /* ---------- News summary (Policy Landing Page ----------*/ .news-summary .desc{ width:486px; } /* -------------------------------------------------------- muf rewrite global items ----------------------------------------------------- */ /*-------------- Styles for screen media -------------*/ @media screen,projection{ li { margin: 8pt 15px; line-height: 135%; } /* (loosely based on) Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | 20090105 */ /* Reset elements only in areas that HUGE needs reset */ body, img, #header *, #footer *, #breadcrumb *, .pagination *, .mod *, .mod-noline *, .news-summary *, .share-wrap *, .blog.unit *, ul.comment-opts *, #archive-hero *, .issues-hero *, #campaigns-hero *, .actions-ov fieldset, .actions-ov p, #about fieldset, #uface-intro li, .comment-submit p, ul.blog-pagination, ul.blog-pagination *, .blog-filter *, .comment-summary *, .comment-text p, .reset * { line-height: 100%; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } /* Don't reset header sizes */ h1,h2,h3,h4,h5,h6 { margin:0; padding: 0; } #blog h2 { font-size: 100%; } /* Make these work even in the modules, etc. where everything is reset */ i, em { font-style: italic !important; } b, strong { font-weight: bold !important; } body { line-height:100%; color:black; background:white; } #header ul, #footer ul, #actnow ul, #about ul, .mod ul, .article .mod ul, .news_summary ul, .blog.unit ul, ul.comment-opts, ul.blog-pagination { list-style:none; font-size: 100%; } ul.unIndentedList, ul.indentedList, .article ul { list-style: disc /* for TinyMCE content */ } body { background: url(../im/im_bkgrnd_map_full.png) no-repeat 50px 25px; } /* Pull in some stuff from backwards.css */ .required { color:red; font-weight:bold; } .no-side-mrg h3, .no-side-mrg p { margin-left: 0 !important; margin-right: 0 !important; } .bdr-dotted-top { border-top: dotted black 1px; padding-top: 7px; } .backwards h1 { margin: .67em 0 .67em 0; } .backwards h2 { margin: .83em 0 .83em 0; } .backwards h3 { margin: 1em 0 1em 0; } .backwards h4 { margin: 1.33em 0 1.33em 0; } .backwards h5 { margin: 1.67em 0 1.67em 0; } .backwards h6 { margin: 2.33em 0 2.33em 0; } /* ---------- Float Clearing Wrappers - multiple assets across site. Easier to maintain. ---------- */ .clearfix:after, .news-summary .item:after, #top-nav:after, #features ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ zoom:1; } .clear { position:relative; clear:both; width:auto; height:0; overflow:hidden; } /* ---------- Global site assets ---------- */ body { font:0.75em/1 Arial,sans-serif; color:#333; text-align:center; } h1,h2,h3,h4{ color:#000; } .backwards a{ color: rgb(0, 153, 255); } .backwards td { text-align: left; } a{ color:#000; text-decoration:none; cursor:pointer;} a:hover { text-decoration:underline; color:#7fd005; } h3 a:hover, h4 a:hover{ text-decoration:none; } strong { font-weight:700; } .hide,legend,body.has_js .js_hide { display:block; text-indent:-9999px; display:none; width:0; height:0; line-height:0; overflow:hidden; } .uc{ text-transform:uppercase; } textarea{ font:1em/1 Arial,sans-serif; padding:3px; } .intro-copy p{ font-size:1.16em; margin-bottom:25px; line-height:125%; } #page { position:relative; } #page p a, .mod h4 a:hover, #uface-box a { color:#7fd005;} #page p { line-height: 135% } /* ---------- Site wrapper ----------*/ #wrapper { position:relative; width:920px; text-align:left; margin:0 auto; padding:10px 0; z-index:0; } /* ---------- Grid variations ---------- */ .grid{ position:relative; } .grid .unit { position:relative; float:left; display:inline; padding:0 20px 12px; } .gr-three{ background:url(../im/bg-dot-3col.gif) repeat-y; } .gr-three .unit { width:280px; } .gr-four { width:920px; } .gr-four .unit { width:200px; } .gr-four .hero { width:440px; } .gr-content, .gr-browse{ margin-top:20px; } .grid .content, .grid .first { padding-left:0; } /*.gr-content { background:url(../im/lines/dot-line-vert-content.gif); }*/ .gr-content .content { width:600px; } .gr-contentadmin .contentadmin { width:920px; padding:0px; } .gr-content .sub-content { width:280px; } .gr-bl-border .unit { background:url(../im/lines/dot-line-vert.gif) repeat-y 100% 0; } .grid .sub-content, .grid .last { padding-right:0; background:none; } .more-pnl{ overflow:hidden; display:block; } /* Account Create */ .gr-act{ margin-top:40px; } .gr-act .sub-content{ padding:0; margin-right:40px; width:280px; } .gr-act .content{ width:600px; padding-right:0; } /* Browse list */ .gr-browse { background:url(../im/lines/dot-line-vert-browse.gif) repeat-y; } .gr-browse .sub-content{ width:300px; padding:0 0 0 0; } .gr-browse .mod-arrow-list{ margin-right:20px; } .gr-browse .content { padding:0 0 0 20px; width:600px; } .gr-browse h1{ font-size:1.83em; font-weight:700; margin-bottom:5px; } .gr-browse p.intro{ font-size:1.13em; margin-bottom:26px; line-height:140%; } /* My muf */ .gr-my-uface{ background:url(../im/lines/line-vert-my-uface.gif) repeat-y; } /* ---------- Header ---------- */ #header { border-bottom:5px solid #000; padding-bottom:5px;} #logo { position:absolute; top:5px; left:10px; width:160px; height:95px; } #service { position:absolute; top:15px; left:170px; width:360px; height:45px; font-size:1.1em; color:#666;} #header form { float:right; text-align:right; } #header p { padding:34px 0 20px 111px; color:#666; } #header p a { color:#7fd005; font-weight:700; } #header p span.welcome { color:#000; padding:1px 2px; font-size:1.3em; font-weight:700; } #header p span.regular a{ font-weight:400; } #header p span.highlight { background:#ffcc00; } #header p span.placeholder{ font-size:1.83em; } /* ---------- Top links ---------- */ #top-links { font-size:0.9em; float:right; color:#ccc; } #top-links li { float:left; margin-left:5px; } #top-links li.sub-site { margin-left:8px; } #top-links li a { margin-right:5px; } #top-links li a:hover { border-bottom:2px solid #ff5915; text-decoration:none; color:#000; } #top-links li.sub-site a { margin-right:8px; } #top-links li.sub-site a:hover { border-bottom:0; text-decoration:underline; } #top-links .active { color:#000; font-weight:700; border-bottom:2px solid #ff5915; position:relative; } #top-links .active:hover { text-decoration:none; } /* ---------- Top nav ---------- */ #nav-wrap { background:url(../im/lines/dot-line-horiz.gif) repeat-x; } #top-nav { float:left; padding:11px 0 11px 174px; } #top-nav li { float:left; text-transform:uppercase; color:#ccc; padding:0 5px; background:url(../im/pipe-light-gray.gif) repeat-y 100% 0; } #top-nav li.first{ padding-left:0; } #top-nav li.last{ background:none; } #top-nav a { position:relative; display:block; float:left; display:inline; font-weight:700; padding:3px 4px 3px; margin:-3px 0; } #top-nav a:hover, #top-nav a.current{ color:#fff; background:#ff5915; text-decoration:none; } #top-nav a.current:hover { text-decoration:none; } /* ---------- Footer ---------- */ #footer { font-size:0.9em; background:url(../im/lines/dot-line-horiz.gif) repeat-x; margin-top:50px; color:#ccc; } #footer p { position:relative; clear:both; color:#999; background:url(../im/lines/dot-line-horiz.gif) repeat-x; padding-top:10px; } #footer #partners { float:right; } /* ---------- Legal links ---------- */ #legals { float:left; padding:10px 0; } #legals li { float:left; margin-top:5px; padding-right:5px; } #legals a { margin-right:5px; } #legals a.current, #legals a.current:hover{ color:#999; } #legals a:hover{ color:#000; } /* ---------- Partner logos ---------- */ #partners li { float:left; display:inline; margin:10px 0 0 20px; height:18px; } #partners li a { display:block; height:18px; background-image:url(../im/partner-logos.gif); text-indent:-9999px; } #partners .flickr { width:47px; } #partners .flickr:hover { width:47px; background-position:0 -18px; } #partners .youtube { width:46px; background-position:-68px 0; } #partners .youtube:hover { background-position:-68px -18px; } #partners .myspace { width:68px; background-position:-134px 0; } #partners .myspace:hover { background-position:-134px -18px; } #partners .facebook { width:65px; background-position:-222px 0; } #partners .facebook:hover { background-position:-222px -18px; } #partners .twitter { width:68px; background-position:-306px 0; } #partners .twitter:hover { background-position:-306px -18px; } /* ---------- Eye brow ----------- */ .sec-name{ display:block; text-transform:uppercase; color:#999; font-size:0.83em; font-weight:700; padding-bottom:3px; clear:both;} #page .sec-name a{ color:#999; } #page .sec-name a:hover{ color:#7fd005; text-decoration:none; } /* ---------- Signup form ---------- */ #signup-form label { font-size:0.9em; text-transform:uppercase; display:block; font-weight:700; margin-bottom:3px; color:#000; } #signup-form .text { margin-bottom:10px; } #signup-form .signup-email { width:190px; } #signup-form .zip-code { width:88px; margin-bottom:15px; } /*---------- Global jCarousel components ---------- */ .jcarousel-container { position:relative; } .jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; } .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; } .jcarousel-list li,.jcarousel-item { float:left; list-style:none; } .jcarousel-next, .jcarousel-prev{ z-index:3; display:none; cursor:pointer; cursor:hand; } /* ---------- Buttons with icons ---------- */ .btn { display:block; text-indent:-9999px; height:25px; background-repeat:no-repeat; } a.attend-event { background-image:url(../im/buttons/btn-attend-event.gif); width:131px; } a.attend-event:hover { background-position:-131px 0; } a.tell-friend { background-image :url(../im/buttons/btn-tell-friend.gif); width:109px; } a.tell-friend:hover{ background-position:-109px 0; } a.act-now { background-image :url(../im/buttons/btn-act-now.gif); width:76px; } a.act-now:hover{ background-position:-76px 0; } a.join-now { background-image :url(../im/buttons/btn-join-now.gif); width:78px; } a.join-now:hover{ background-position:-78px 0; } /* ---------- Comment bubble ---------- */ .cmt { display:block; width:25px; height:25px; color:#fff; text-align:center; font-weight:700; background:url(../im/bg-comment-bubble.gif) no-repeat; } .cmt span { display:block; text-indent:-9999px; } #page .cmt a{ display:block; height:21px; padding-top:4px; color:#fff; text-decoration:none; background:url(../im/bg-comment-bubble.gif) no-repeat; } #page .cmt a:hover{ background-position:-50px 0; } /* ---------- Arrow link ---------- */ #page .more-link{ display:block; text-align:right; padding:0 0 5px; margin-bottom:0; margin-top:10px; } #page .more-link a { font-size:0.9em; color:#000; background:url(../im/icons/ico-more-arrow-off.gif) no-repeat 100% 50%; padding:1px 17px 0 0; } #page .more-link a:hover{ text-decoration:none; color:#7fd005; background-image:url(../im/icons/ico-more-arrow-on.gif); } /* ---------- RSS link ---------- */ #page .rss-link { display:block; text-align:right; padding:0 0 5px; margin-bottom:0; margin-top:10px; } #page .rss-link a { font-size:0.9em; color:#000; background:url(../im/icons/ico-rss-off.gif) no-repeat 100% 50%; padding:3px 22px 3px 0; } #page .rss-link a:hover{ text-decoration:none; color:#7fd005; background-image:url(../im/icons/ico-rss-on.gif); } /* ---------- Download link ---------- */ #page .dl-link { color:#000; background:url(../im/icons/ico-download-off.gif) no-repeat; padding:1px 0 4px 24px; font-size:0.9em; } #page .dl-link:hover { background:url(../im/icons/ico-download-on.gif) no-repeat; text-decoration:none; color:#7fd005; } /* ---------- More link ----------- */ .show-more, .show-less{ text-transform:uppercase; font-size:0.73em; background:url(../im/icons/arrow-expand.gif) no-repeat 100% 50%; padding-right:10px; } .show-less{ background-image:url(../im/icons/arrow-collapse.gif); } /* ---------- Media link ---------- */ #page .media-link span{ text-transform:none; font-size:0.9em; color:#999; background-repeat:no-repeat; background-position:0 50%; padding-left:22px; } #page .media-link a:hover{ text-decoration:none; color:#7fd005; } #page .media-link span.photos-videos{ background-image:url(../im/icons/ico-photo-video.gif); padding:0 0 0 44px; } #page .media-link span.photos{ background-image:url(../im/icons/ico-photo.gif); } #page .media-link span.videos{ background-image:url(../im/icons/ico-video.gif); } /*---------- Small uface logo, next to articles ---------- */ .uface-logo { height:17px; background:url(../im/logo-sml.gif) no-repeat 100% 0; padding:0 20px 5px 0; } /* ---------- Stickers ---------- */ .sticker { width:52px; height:52px; background-repeat:no-repeat; text-indent:-9999px; } .sticker-fresh { background-image:url(../im/sticker-fresh.png); } /* ---------- Third level page - breadcrumb ---------- */ #breadcrumb { background:url(../im/lines/cr-hatch-light-gray.gif); padding:8px; font-size:0.83em; } #breadcrumb ul { background:url(../im/content/bull-breadcrumb.gif) no-repeat 0 50%; text-transform:uppercase; padding:0 0 0 14px; color:#666; } #breadcrumb ul li { float:left; display:inline; margin-right:4px; } #breadcrumb ul li a { margin-right:4px; } #breadcrumb ul li a:hover{ text-decoration:none; } /* ---------- Share bar ---------- */ .share { background:url(../im/lines/dot-line-horiz.gif) repeat-x; padding:5px 0; } .share ul li { float:left; display:inline; } .share-wrap { position:relative; z-index:100; background:url(../im/lines/dot-line-horiz.gif) repeat-x 0 100%; margin-bottom:5px; } #wrapper .share p { margin:0; color:#fff; background:url(../im/arrow-share.gif) no-repeat; width:53px; padding:6px 0 0 5px; height:16px; font-size:0.83em; font-weight:700; text-transform:uppercase; float:left; display:inline; line-height:1em; } .share .networks{ float:left; display:inline; margin-top:3px; width:200px; } .share .networks a{ display:block; text-indent:-9999px; width:16px; height:17px; margin-right:10px; background-repeat:no-repeat; } .share .networks a:hover{ background-position:-16px 0; } .share .networks .in{ background-image:url(../im/icons/ico-in.gif); } .share .networks .digg{ width:15px; background-image:url(../im/icons/ico-digg.gif); } .share .networks .digg:hover{ background-position:-15px 0; } .share .networks .facebook{ background-image:url(../im/icons/ico-facebook.gif); } .share .networks .reddit{ background-image:url(../im/icons/ico-reddit.gif); } .share .networks .delicious{ background-image:url(../im/icons/ico-delicious.gif); } .share .networks .buzz{ background-image:url(../im/icons/ico-buzz.gif); } /* Share - Dropdown */ .share-more{ position:relative; } .share .networks a.share-more-dd{ text-indent:0; width:48px; height:13px; padding:2px 0 1px 9px; background:url(../im/bg-share-more.gif) no-repeat; text-transform:lowercase; font-size:0.95em; } .share .networks a.share-more-dd:hover{ color:#000; text-decoration:none; background-position:-88px 0; } #page .share .networks ul li a.active{ width:79px; background-position:-176px 0; } .share .networks .share-additional{ padding:0 4px; width:78px; overflow:hidden; border:1px solid #ccc; border-top:0; position:absolute; top:16px; left:0; _left:-98px; background:#fff; } .share .networks .share-additional li{ float:none; display:block; padding:7px 0 2px; background:url(../im/lines/dot-line-horiz-gray.gif) repeat-x 0 100%; } .share .networks .share-additional a{ display:block; width:100%; padding:4px 0 0 20px; color:#666; line-height:1em; text-indent:0; font-size:0.9em; } .share .networks .share-additional a:hover{ color:#7fd005; text-decoration:none; background-position:0 0; } .share-wrap .tools { float:right; display:inline; } .share .tools a{ display:block; text-indent:-9999px; width:17px; height:17px; margin:1px 0 0 10px; } .share .tools a:hover{ background-position:-17px 0; } .share .tools .download{ background-image:url(../im/icons/ico-download.gif); } .share .tools .subscribe{ background-image:url(../im/icons/ico-rss.gif); } .share .tools .email{ background-image:url(../im/icons/ico-email.gif); } .share .tools .print{ background-image:url(../im/icons/ico-print.gif); } /*---------- Landing page assets ----------*/ #intro{ padding-bottom:9px; background:url(../im/lines/cr-hatch-bl.gif) repeat-x 0 100%; } .land-title { text-indent:-9999px; margin:28px auto 20px; } .land-intro { text-align:center; line-height:130%; color:#333; font-size:1.16em; width:584px; margin:0 auto 0; padding-bottom:27px; } /* ---------- Pagination ---------- */ .pagination { width:600px; overflow:hidden; background:url(../im/lines/cr-hatch-light-gray.gif); text-align:right; font-size:1.16em; } .gr-browse .pagination{ margin:20px 0 0; } .pagination ul { background:#fff; float:right; padding-left:5px; color:#666; padding-top:3px; } .pagination ul li { float:left; display:inline; text-align:right; } .pagination ul a { padding:0 7px; color:#7fd005; } .pagination a.prev,.pagination a.next { position:relative; width:21px; height:21px; margin-top:-3px; } .pagination ul a.prev { background:url(../im/buttons/btn-prev-sml.gif); } .pagination ul a.next { background:url(../im/buttons/btn-next-sml.gif); } .pagination ul a.prev,.pagination ul a.next { display:block; padding:0; height:21px; text-align:left; text-indent:-9999px; } .pagination ul a.prev:hover, .pagination a.next:hover { background-position:-21px 0; } .pagination ul li a.current{ text-decoration:none; color:#000; font-weight:700; } .pagination ul li a:hover{ font-weight:700; } /* ---------- Page Tags ---------- */ .tags { font-size:0.9em; margin-bottom:40px; } /* ---------- Sub Titles -----------*/ .sub-title-blog { width:115px; height:39px; background:url(../im/content/sub-title-blog.gif); text-indent:-9999px; margin-bottom:20px; } /* ----------- Wide Carousel -----------*/ .wide-carousel{ position:relative; background:url(../im/lines/cr-hatch-light-gray.gif); padding:12px; } .wide-carousel .loading{ position:absolute; left:-9999px; } .wide-carousel .learn{ text-transform:uppercase; font-weight:700; color:#000; font-size:1.16em; letter-spacing:-1px; } .wide-carousel .learn a{ padding-right:12px; background-image:url(../im/icons/arrow-cr-expand.gif); background-position: 100% 50%; background-repeat: no-repeat; letter-spacing:0; font-size:0.8em; font-weight:700; } .wide-carousel .learn a.active{ background-image:url(../im/icons/arrow-cr-collapse.gif); } .wide-carousel .prev-wrap, .wide-carousel .next-wrap, .wide-carousel .carousel-wrap{ height:90px; float:left; display:inline; margin:15px 10px 15px 0; } .wide-carousel .next-wrap{ margin-right:0; } .carousel-wrap { width:820px; margin-bottom:35px; } .wide-carousel .caro-btn{ display:block; width:28px; height:28px; text-indent:-9999px; margin-top:32px; } .wide-carousel .caro-btn:hover{ background-position:-28px 0; } .wide-carousel .prev{ background-image:url(../im/issues/carousel-prev.gif); } .wide-carousel .next-wrap .disabled, .wide-carousel .prev-wrap .disabled{ background-position:-56px 0; } .wide-carousel .next{ background-image:url(../im/issues/carousel-next.gif); } .wide-carousel .carousel{ position:relative; height:90px; } .wide-carousel .carousel li{ float:left; display:inline; width:128px; height:88px; margin-right:8px; border:1px solid #e8e8e8; } .wide-carousel .filter{ background:#000; width:128px; height:88px; margin-bottom:-88px; } .wide-carousel h4{ position:relative; _height:1%; } .wide-carousel .carousel li h4 a{ display:block; font-weight:700; padding:10px; height:65px; border-bottom:3px solid #000; line-height:125%; } .wide-carousel .carousel li.hover h4 a{ color:#fff; text-decoration:none; border-bottom:3px solid #fff; } .wide-carousel-btm{ margin:30px 0 -20px 0; background:url(../im/lines/dot-line-horiz.gif) repeat-x; padding-top:1px; } } /* End screen media */ /*-------------- Styles for print media --------------*/ @media print { #top-nav, #footer{ display:none; } } /* End print media */ /*login area*/ #topnav{padding:1px 5px 12px; font-size:11px; line-height:23px; float:right;} #topnav a.login{background:#fb5713; padding:6px 8px 8px; text-decoration:none; font-weight:bold; color:#fff;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} #topnav a.login:hover{background:#5b5139;}a.login{position:relative;margin-left:3px;} a.login span{background-image:url(../im/down_light.png);background-repeat:no-repeat;background-position:100% 50%;padding:4px 16px 6px 0;} .ie6 a.login span{background:#fb5713 url(../ims/frontpage-toggle-dn-resting.gif) no-repeat center right;} .ie6 a.login:hover span{background:#5b5139 url(../im/frontpage-toggle-dn-hover.gif) no-repeat center right;} .ie #topnav a.login{background:transparent url(../im/signin-nav-bg-ie.png) no-repeat 0 0;padding:4px 12px 6px;} .ie #topnav a.login:hover{background:transparent url(../im/signin-nav-bg-hover-ie.png) no-repeat 0 0;padding:4px 12px 6px;} .ie #topnav a.menu-open,.ie #topnav a.menu-open:hover{background-image:none!important;} .ie7 #topnav a.login,.ie7 #topnav a.login:hover{background-position:0 3px!important;} .ie6 #topnav a.login{background-image:none;background-color:#fb5713;} .ie6 #topnav a.login:hover{background-image:none!important;background-color:#5b5139!important;} #topnav a.menu-open{background:#ddeef6!important;color:#666!important;outline:none;} /* end login area*/ /* ---------- join-us ---------- */ #join-us { font-size:0.9em; float:right; color:#ccc; } #join-us li { float:left; margin-left:0px; } #join-us li.sub-site { margin-left:8px; } #join-us li a { margin-right:5px; } #join-us li a:hover { border-bottom:2px solid #ff5915; text-decoration:none; color:#000; } #join-us li.sub-site a { margin-right:8px; } #join-us li.sub-site a:hover { border-bottom:0; text-decoration:underline; } #join-us .active { color:#000; font-weight:700; border-bottom:2px solid #ff5915; position:relative; } #join-us .active:hover { text-decoration:none; } /* ----------- university join button --------- */ #button { display: block; width: 297px; height: 92px; background: transparent url('http://www.myuface.org/im/btn_university_account.png') no-repeat; padding: 0 0; text-decoration: none;} #button:hover { background-position: 0 -100px; } /*------------------------------- Pop Up Window -------------------------------*/ #backgroundPopup { display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000; z-index:1; } #popupContact { display:none; position:relative; width:620px; background:#FFF; border:10px solid #e5e1ca; z-index:2; padding:15px; font-size:14px; } #popupContact h3 { text-align:left; border-bottom:1px solid #D3D3D3; padding-bottom:2px; margin-bottom:20px; } #popupContact .col { width: 300px; margin-right: 20px;} #popupContactClose { font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#000; font-weight:700; display:block; } #popupContactRight { padding:0 100px; } /*------------------------------- FORMS -------------------------------*/ /* contact form */ #content label { display: block; font-size: 1em; padding: 3px; text-transform: uppercase; color: #5a5d5d; } #content label:after { content: ":"; } #content label.error { background-color: #872300; border: 1px solid #872300; padding: 5px; margin-top: -10px; width: 100%; color: #fff; text-transform: none; } #content label.error:after { content: ""; } #content textarea, #content input { font-size: 1.8em; width: 100%; padding: 5px; margin-bottom: 10px; background-color: #f5f5df; border: 1px solid #7f7565; border-bottom: 1px solid #bbb9a4; border-right: 1px solid #bbb9a4; } #content textarea:focus, #content input:focus { border: 1px solid #000; } #content textarea { height: 165px; } #content input.submit { margin-top: 10px; width: auto; padding: 5px 15px; background-color: #357690; border: 1px solid #313435; color: #fff; text-align: center; } /* ajaxified form: 2 divs for display success or error message */ #contactform div.error, #contactform div.success { font-size: 2em; background-color: #357690; padding: 10px; color: #fff; } #contactform div.error { background-color: #872300; }